/* Santiago Velasco,

Version: 3.0,

19 de Diciembre de 2013 */

body{
	background:url(img/patron.gif) repeat;
	font-size: 76%;
	font-family: arial,sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	}

p{
	line-height:1.5em;
	margin:0 0 15px;
	}

a{
	text-decoration:none;
	}

a:hover{
	color:cyan;
	}
	
hr{
	height:1px;
	margin:10px 0;
	width:98%;
	}

dt{
	font-weight:700;
	}

dd{
	margin:1px 0 12px 15px;
	}

/* Encabezamiento (Cabecera Suerior) */

#contenedor{
	background-color: lightgray;
	color:black;
	margin:0 auto;
	text-align:left;
	width:800px;
	}

#titulo{
	background:url(img/Panoramica.gif) top center no-repeat;
	color:white;
	font-weight:400;
	height:80px;
	
	text-align:center;
	}

#titulo h1{
	font-size:2.2em;
	margin:0;
	padding-top:20px;
	}

#titulo span{
	font-size:1.6em;
	letter-spacing:-1px;
	margin:0;
	}

/* Encabezamiento (Marcos) */

#caja{
	color:black;
	margin:0 0 4px;
	text-align:right;
	}

#caja a{
	color:black;
	}

#caja a:hover{
	color: cyan;
	text-decoration:underline;
	}

/* Pestañas Superiores */

#navegacion{
	background-color: lightgray;
	color:black;
	margin: 0 auto;
	width:800px;
	}

#navegacion ul{
	list-style:none;
	margin:0 auto;
	padding:0;
	}

#navegacion a{
	background:url(img/tabs.gif) no-repeat 100% 0;
	color:black;
	display:block;
	font-size:1.2em;
	letter-spacing:-1px;
	padding:7px 20px 4px 11px;
	text-decoration:none;
	}

#navegacion a:hover{
	color:cyan;
	}

#navegacion li{
	background:url(img/tabs.gif) no-repeat 0 0;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 0 9px;
	}

#navegacion #actual{
	background:url(img/tabs.gif) no-repeat 0 -41px;
	}

#navegacion #actual a{
	background:url(img/tabs.gif) no-repeat 100% -41px;
	color:black;
	padding:7px 20px 5px 11px;
	}

/* Fondos de Página */

#fondo1{
	background-color:lightgray;
	color:black;
	clear:both;
	margin: 0 auto;
	width:800px;
	}

#fondo2{
	background:url(img/fondo.jpg) top left repeat-y;
	color:black;
	width:800px;
	}

/* Marco Izquierdo */

#izquierda{
	color:black;
	font-weight: bold;
	margin: 5px;
	text-align:left;
	float:left;
	width:150px;
	}

#izquierda h1{
	margin: 5px;
	font-size:1.3em;
	}

#izquierda p{
	text-align:left;
	font-size:1.1em;
	}

#izquierda a{
	text-align:left;
	font-size:0.9em;
	}

#izquierda img{
	margin:10px 0 5px 5px;
	padding:2px;
	}

/* Marco Derecho */

#derecha{
	color:black;
	font-weight: normal;
	text-align:left;
	float:right;
	width:180px;
	}

#derecha h1{
	color:black;
	font-size:1.0em;
	font-weight: bold;
	margin:0 0 12px;
	}

#derecha p{
	color:black;
	font-size:0.9em;
	margin:2px 0 12px 10px;
	}

#derecha a{
	color:black;
	font-size:0.9em;
	text-decoration: underline;
	margin:2px 0 12px 10px;
	}

#derecha img{
	margin:10px 0 5px 5px;
	padding:2px;
	}

/* Marco Central */

#contenido{
	color:black;
	margin-left: 180px;
	margin-right: 150px;
	text-indent: 0;
	text-align:left;
	width: 400px;
	}

#contenido p{
	margin:0;
	font-size:1.0em;
	}

#contenido h1{
	font-size:2em;
	font-weight:400;
	padding:0;
	}

#contenido h2{
	font-size:1.5em;
	text-align: right;
	font-weight:400;
	padding:0;
	}

#contenido a{
	font-size:1.0em;
	font-weight:400;
	padding:0;
	}

#contenido img{
	border:1px solid black;	
	margin:5px 15px 6px;
	}

/* Columna Unica */

#unica{
	color:black;
	margin-left: 180px;
	margin-right: 150px;
	text-indent: 0;
	width: 580px;
	}

#unica a{
	color:black;
	font-size:1.0em;
	text-decoration:none;
	}

#unica p{
	margin:0;
	text-align:left;
	}

#unica h1{
	font-size:2em;
	font-weight:bold;
	padding:0;
	}

#unica h2{
	font-size:1.5em;
	font-weight:bold;
	padding:0;
	}
	
#unica h3{
	font-size:1.2em;
	font-weight:bold;
	padding:0;
	}

#unica h4{
	font-size:1.0em;
	font-weight:400;
	padding:0;
	}

#unica ol{
	color:black;
	text-align:left;
	text-decoration:none;
	margin-left: 50px;
	}
	
#unica ul{
	color:black;
	text-align:left;
	text-decoration:none;
	margin-left: 100px;
	}	

#unica img{
	border:1px solid black;	
	margin:3px;
	}

/* Texto */

#texto{
	color:black;
	text-align:left;
	margin-left: 20px;
	margin-right: 150px;
	text-indent: 0;
	width: 550px;
	}

#texto p{
	margin:0;
	font-size:1.0em;
	text-align:left;
	}

#texto h1{
	font-size:2em;
	font-weight:bold;
	padding:0;
	}

#texto h2{
	font-size:1.5em;
	font-weight:bold;
	padding:0;
	}
	
#texto h3{
	font-size:1.2em;
	font-weight:bold;
	padding:0;
	}

#texto h4{
	font-size:1.0em;
	font-weight:bold;
	padding:0;
	}
	
#texto h5{
	font-size:1.0em;
	text-align: center;
	font-weight: normal;
	padding:0;
	}

#texto h6{
	font-size:0.8em;
	text-align: left;
	font-weight: bold;
	padding:0;
	}

#texto a{
	font-size:1.0em;
	text-decoration: underline;
	padding:0;
	}
	
#texto ol{
	color:black;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	margin-left: 50px;
	}
	
#texto ul{
	color:black;
	font-size:1.0em;
	text-decoration:none;
	margin-left: 100px;
	}	

/* Pie de página */

#pie{
	margin: 0 auto;
	clear:both;
	color:white;
	font-weight: bold;
	font-size:0.9em;
	text-align: center;
	width:800px;
	height: 70px;
	}

/* Modificadores */

.peque{
	color: black;
	font-size:0.8em;
	}

.sub{
	color:black;
	text-decoration: underline;
	margin-left:20px;
	}
	
.sub:hover{
	color:cyan;
	text-decoration: underline;
	margin-left:20px;
	}

.act{
	color:white;
	text-decoration: underline;
	margin-left:20px;
	}

.oculto{
	display:none;
	}

.enl{
	color: black;
	text-decoration: underline;
	}

.cent{
	color: black;
	text-align: center;
	}

.der{
	color: black;
	text-align: right;
	}

.der:hover{
	color: cyan;
	text-align: right;
	}
	
.izda{
	color: black;
	text-align: left;
	}
	
.tab{
	margin-left:40px;
	}
	
.foto{
	border:1px solid black;	
	margin:3px;
	width: 80px;
	height: 80px;
	}