/* CSS Document MAQUIVER *//* Hoja de Estilo desarrollada por Colnodo, http://www.colnodo.apc.org/ *//* Todos los derechos reservados  *//* Diciembre 2008 *//* IMPORTANTE *//* Este diseño no es una plantilla. Usted no puede utilizarla sin un permiso escrito   de Colnodo (info@colnodo.apc.org). Sin embargo, siéntase libre de estudiar la   hoja de estilo y usarla para aprender técnicas y diseño web usando CSS. */body{	font-family: Geneva, Arial, Helvetica, sans-serif;	color: #000;	height: auto;	font-size:10pt;	background-color:#708334;	margin: 0px auto;	background-image:url(graficas/fondo_body.jpg);	background-repeat:no-repeat;	background-position:center top;	}h1{	font-size: 1.2em;    line-height: 1.3em;	color: #156240;	font-weight:bold;}h2{	font-size: 1.1em;	line-height: 1.2em;	color: #279725;    margin: 8px 0px 5px 0px;    font-weight: normal;}h3{	font-size: 1em;	line-height: 1.1em;	color: #525552;	font-weight: bold;    margin: 8px 0px 5px 0px;}h4{	font-size: 1em;	line-height: 1.1em;	color: #525552;	font-weight:normal;    margin: 8px 0px 5px 0px;}h5{	font-size:0.9em;	line-height: 1em;	color: #279725;    margin: 8px 0px 5px 0px;    font-weight: bold;}h6{	font-size:0.9em;	line-height: 1em;	color: #279725;    margin: 8px 0px 5px 0px;    font-weight: normal;}p{	padding:5px 0px 5px 0px;	margin: 0;	font-size:0.86em;	line-height: 11pt;	text-align: left;	color: #000;}strong {	color:#BC0033;}a:link {	color: #000;	text-decoration: none;}a:hover {	color :#CE3200;	text-decoration: underline;}a:visited {	color: #B6B6B6;	text-decoration: underline;}ul {	margin: 5px 0 10px 5px;	padding: 0px;}ol {	margin: 0 0 0 25px;	padding: 0;}li{	list-style: none;	background-image: url(graficas/bullet.gif);	background-position: 0px +8px;	background-repeat: no-repeat;	padding-left: 15px;	margin-left: 0px;	/*padding-bottom: 5px;	padding-top: 5px;*/	line-height: 10pt;}			.esconde{	display:none;}.imagen{        border: none;	margin: 2px 0px 0px 0px;}.imagen_centro{	border: none; 	display: block;	margin: auto !important;	margin: 8px 0;	text-align: center;}.imagen_izq{	border: none;	float: left;	margin: 5px 10px 5px 0px;}.imagen_der{	border: none;	float: right;	margin: 5px 0px 5px 10px;}.foto-con-pie{	border-left: 1px solid #E79B44;	width: 208px;	float: right;	margin: 10px;	font-size: 0.9em;	color: #63709F;	text-align:right;	padding-left: 10px;}.renglon{	clear:both;}.centro{	text-align:center;}.actualizacion{	text-align: right;	margin:10px 2px;	font-size: 8pt;	color: #525552;}caption {    margin-top:20px;	}table.general {	border-collapse: collapse;	background-color: #FFFFFF;	width: 100%;    margin-top:10px;    margin-bottom:10px;	color: #686664;	}	table.general th {	padding: 5px;	border-top: 3px solid #57636D;	border-bottom: 1px solid #DEE0E2;	border-right: 1px solid #DEE0E2;	border-left: 1px solid #DEE0E2;	background-color:#DEE0E2;	color: #686664;}table.general td {	padding: 3px 5px;        border:1px solid #DEE0E2;}tr.color1{	background-color: #fff;}tr.color2{	background-color: #F0EFEE;}abbr{	color: #57636D;}#superior{	width: 900px;	background-color: #fff;    margin:0px auto;	margin-top: 15px;	margin-bottom: 10px;	}	#nombre{	width: 568px;	height: 20px;	background-image:url(graficas/nombre.gif);	background-repeat:no-repeat;  float: left;  margin-bottom: 15px;	}	#nombre h1{	display: none;	}			#contenedor{	width: 990px;	background-color: transparent;   margin: auto;	clear: both;	margin-top: 0;	}	#encabezado{	width: 990px;	background-color: transparent;  	height: 125px;  	}	#logo_maquiver{	float: left;	margin: 60px 0 13px 185px;	background-image:url(graficas/logo_maquiver.gif);	background-repeat:no-repeat;	width: 283px;	height: 61px;     	}	#logo_maquiver h1, #logo_toro h1{	display: none; 	}		#logo_toro{	float: right;	margin: 70px 10px 0px 0px;	background-image:url(graficas/logo_toro.png);	background-repeat:no-repeat;	width: 240px;	height: 51px;     	}	#imagenes_encab{	clear: both;	margin: 0;	padding: 0;	height: 107px;	z-index: 1000;}		  /* ================================================================ MENU HORIZONTAL/* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at http://www.cssplay.co.uk/menus/simple_vertical.htmlCopyright (c) 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the associated (x)html may be modified in any way to fit your requirements.=================================================================== *//* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */  #menu_container { margin:0px;  position:relative;  width:100%; height:30px;  z-index:100;background: #BC0033; *margin-top:0px!important;  /* Sólo IE7 */  }/* Get rid of the margin, padding and bullets in the unordered lists */  #pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}/* Set up the link size, color and borders */  #pmenu a, #pmenu a:visited {display:block;/*width:120px; */width:246px; font-size:0.9em; color:#fff; height:30px; line-height:29px; text-decoration:none; text-indent:5px; border:1px solid #fff; border-width:0px 1px 1px 0px;margin-left: -15px;/*ojo, lo adiciono*/}/* Set up the sub level borders */  #pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 0px;}									  #pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;	}/* Set up the list items */  #pmenu li {float:left; background:#BC0033;}/* For Non-IE browsers and IE7 */  #pmenu li:hover {position:relative;}/* Make the hovered list color persist */  #pmenu li:hover > a {background:#DFE3BF; color:#c00;}/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */  #pmenu li ul {display:none;}/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */  #pmenu li:hover > ul {display:block; position:absolute; top:-10px; left:140px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:240px;}  #pmenu li:hover > ul.left {display:block; position:absolute; top:-10px; left:-240px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:240px;}/* Position the first sub level beneath the top level liinks */  #pmenu > li:hover > ul {left:-30px; top:16px;}/* get rid of the table */  #pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */  * html #pmenu li a:hover {position:relative; background:#DFE3BF; color:#c00;}/* For accessibility of the top level menu when tabbing */  #pmenu li a:active, #pmenu li a:focus {background:#dfd7ca; color:#c00;}/* Set up the pointers for the sub level indication */  #pmenu li.fly {background:#BC0033 url(graficas/fly.gif) no-repeat right center;}  #pmenu li.drop {background:#BC0033 url(graficas/drop.gif) no-repeat right center;}/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear *//* change the drop down levels from display:none; to visibility:hidden; */  * html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:20px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}/* keep the third level+ hidden when you hover on first level link */  #pmenu li a:hover ul ul{visibility:hidden;}/* keep the fourth level+ hidden when you hover on second level link */  #pmenu li a:hover ul a:hover ul ul{visibility:hidden;}/* keep the fifth level hidden when you hover on third level link */  #pmenu li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}/* keep the sixth level hidden when you hover on fourth level link */  #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}/* make the second level visible when hover on first level link and position it */  #pmenu li a:hover ul {visibility:visible; left:-50px; top:14px; lef\t:-51px; to\p:15px;}/* make the third level visible when you hover over second level link and position it and all further levels */  #pmenu li a:hover ul a:hover ul{ visibility:visible; top:-11px; left:80px;}/* make the fourth level visible when you hover over third level link */  #pmenu li a:hover ul a:hover ul a:hover ul { visibility:visible;}/* make the fifth level visible when you hover over fourth level link */  #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;}/* make the sixth level visible when you hover over fifth level link */  #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;}/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */  /************************fin del menu***********************/      #contenidos{ clear: both; padding-top: 10px;  background-image:url(graficas/fondo_contenidos.jpg); background-repeat: repeat-y; border-top: 10px solid #fff; border-bottom: 10px solid #fff; width: 990px; height:inherit; *margin-top: 145px!important;  /* Sólo IE7 */  *margin-top: 0;  /* Sólo IE6 */min-height: 330px; }  #izquierda {	float: left;	width: 198px;	background-color: transparent;	}#menu-vert{     margin: 15px 0;	}#menu-vert ul{	margin-left:0px;	list-style-type: none;}#menu-vert li{	list-style: none;	padding:0;	margin: 0;	font-size: 0.85em;	background-image:none!important;}#menu-vert a{	color: #676463;	display: block;	padding: 4px 25px 4px 0px;	text-align: right;	border-bottom: 1px solid #D2D0CF;}#menu-vert a:link, #menu-vert a:visited{	color: #676463;	text-decoration: none;}#menu-vert a:hover{	background-color: #DFE3BF;	color: #676463;	}#busquedas{float: right;width: 180px;margin: 0 0 10px 0;padding: 0;background-color: transparent;}.form_buscar{padding: 0px; margin: 0px;}.boton-buscar{font-size: 8pt;font-family:   Arial, Helvetica, sans-serif, Verdana;}.input-buscar{border: 1px solid #AAA8A8; height: 16px;width: 130px;padding: 6px 0 1px 5px;  margin: 0px 0 0 5px;       font-size: 0.7em;font-family: Arial, Helvetica, sans-serif, Verdana;color: #676463;}#derecha {float: right;/*background-color: #DFE3BF;*/width: 768px;margin-right: 0px;}#bloque-central {float: left;background-color: #fff;border: 1px solid #D2D0CF;width: 510px;margin: 0px 0 10px 10px;}/************BLOQUE CENTRAL GALERIA DE FOTOS**********//* common styling for all galleries */a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #D2D0CF; width:104px; height:88px; float:left; margin:4px; z-index:50;}a.slidea {/*background:url(graficas/thumb2.jpg);*/}a.slideb {/*background:url(graficas/thumb3.jpg);*/}a.slidec {/*background:url(graficas/thumb4.jpg);*/}a.gallery em, a.gallery span {display:none;}a.gallery:hover {border:1px solid #BC0035;}/* styling for LEFT gallery */#container_left {position:relative; width:500px; height:290px; background:#fff; border:1px solid #fff; margin:1em auto;}#container_left img {border:0;}#container_left .thumbs {width:120px; position:absolute; left:0; top:0;}#container_left a.gallery:hover span {display:block; position:absolute; width:370px; height:50px; top:235px; left:120px; padding:5px; font-style:normal;font-size: 0.8em; color:#000;  z-index:100;}#container_left a.gallery:hover span:first-line {font-family:"Times New Roman", Times, serif;font-style:normal; font-weight:bold; font-size:1.7em; color:#BC0033;}#container_left a.gallery:active,#container_left a.gallery:focus {border:1px solid #fff;}#container_left a.gallery:hover em, #container_left a.gallery:focus em {display:block; position:absolute; width:360px; height:225px; top:5px; left:120px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}#container_left h1 {clear:both; margin:0; padding-top:11px; padding-left:114px; /*width:300px;*/ text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#000;}#container_left h1 em {font-size:0.6em; color:#000;/*width: 300px;height: 100px;*/}#derecha-noticias{float: right;width: 220px;margin: 0;padding: 0;}#noticias{float: right;background-image: url(graficas/fondo_noticias.jpg);height: 205px;margin: 10px 12px 10px 0;}#noticias h1{font-family: georgia, "times new roman", serif;font-size: 1.2em;font-weight: bold;color: #61674E;margin: 0 0 0 10px;}#noticias li{	margin: 10px 5px 0 10px;	font-size: 0.9em;}#bloque-noticias li a:link, #bloque-noticias li a:visited{	color: #000;	text-decoration: none;}#bloque-noticias li a:hover{	color: #BC0033;	text-decoration: none;}#botones{	clear: both;	margin-top: 10px;}.boton-izq{	clear: both;	background-image:url(graficas/fondo_boton2.jpg);	background-repeat:no-repeat;	width: 208px;	height:26px;	padding: 3px 0 0 0;}.boton-izq h1{	color: #fff!important;	font-size: 1em!important;	font-weight: normal!important;	text-align:center; 	font-family: Geneva, Arial, Helvetica, sans-serif!important;}#pie {clear: both;background:#708334;width: 990px;margin: 0;}#pie p{text-align: right;color: #fff;margin-top: 10px;font-size: 0.8em;}/***********ESTILOS PARA PAGINAS SECUNDARIAS**************/#derecha-sec {float: right;width: 768px;margin-right: 0px;}#encab-derecha-sec{	background-color: #DFE3BF;	height: 28px;	background-image:url(graficas/fondo_derecha_sec.gif);	background-position:left;	background-repeat:no-repeat;	margin: 0 12px 0 0;}	.migas{	text-align: right;	color: #333333;	margin: 0 12px 0 0;	padding: 5px 0 8px 0;	font-size: 0.8em;	border-bottom: 1px solid #D2D0CF;	width: 511px;	float: right;}	#contenidos-derecha-sec{	background-color: #fff!important;	width: 716px;	border-left: 1px solid #D2D0CF;	border-right: 1px solid #D2D0CF;	border-bottom: 1px solid #D2D0CF;	padding: 0 10px 10px 10px;	margin: 0 12px;}	#desarrollo-derecha-sec{	width: 700px;	float: right; 	background: #fff;}/*#desarrollo-derecha-sec1{	width: 460px;	height: 410px;	float: left;	margin: 20px 0 0 40px; 	background: #fff;	overflow: auto;}	#desarrollo-derecha-sec1 h1/*nombre de la maquina{	font-size: 1.2em;	font-weight: bold;	color: #BC0033;	margin-top: 15px;}*/	#desarrollo-derecha-sec1{    width: 470px;    height:430px;    float: left;    margin: 1px 0 0 15px;     background: #fff;    overflow: auto;}    #desarrollo-derecha-sec1 h1/*nombre de la maquina*/{    font-size: 1.2em;    font-weight: bold;    color: #BC0033;    margin-top: 1px;}	#desarrollo-derecha-sec1 h2{	font-size: 1.1em;	font-weight: normal;	color: #000;	margin-top: 8px;}	#desarrollo-derecha-sec1 h3{	font-size: 1em;	font-weight: normal;	color: #BC0033;	margin-top: 8px;}	#desarrollo-derecha-sec1 li{	font-size: 0.86em;	padding-bottom: 0px;	padding-top: 5px;	}		#desarrollo-derecha-sec2{	width: 175px;	float: right; 	margin: 15px 0 0 0;}	#botones-sec ul{margin: 0;padding: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}#botones-sec li { margin: 0 0 3px 0; list-style: none;	padding:0;	font-size: 0.85em;}#botones-sec a{display: block;padding: 4px 2px 4px 24px;/*width: 160px;*/background-color: #BC0033;background-image: url(graficas/fondo_boton3.jpg);}#botones-sec a:link, #botones-sec a:visited{color: #fff;text-decoration: none;}#botones-sec a:hover{background-color: #BC0033;background-image: url(graficas/fondo_boton4.jpg);color: #fff;}#active a:link, #active a:visited, #active a:hover{background-color: #BC0033;background-image: url(graficas/fondo_boton5.jpg);background-position:left bottom;color: #fff;}