
/*Inicio de la zona de estilo de la herramienta de imagenes*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/*Final de la zona de herramienta de carga de imagenes*/	
	

 	
        A {text-decoration:none}
        
        body {
	text-align:center;
			}
					
		        
		.ContenedorBase 
		{
			background-color: #D6DFE9;
			float:none;
			height: 100%;
			width: 800px;
			margin: 0px auto 0px auto;						    
			text-align:left;
			display:inline;		
			}
        
               body {
			font-family:georgia, verdana, Times New Roman, Times, serif;
			margin-top:0;
			margin-bottom:0;
			font-size:12px;
			color:#666666;
			text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
			}
			
		        
		.ContenedorBase {
			/*background-color: Blue;     */
			height: auto; 			    
			width: 800px; 
			text-align:left;
			display:inline;		
			}

			
		.clear
		{
			clear:both;
		}
		
			.TextoCabecera 
			{
			/*background-color:#8AA8CA;*/
			color:white;
			font-size:13pt;
			font-family:Verdana,arial;
			} 
			
		.ContenedorCabeceraA1 
		{ 
			background-color:#20436D; 
			float:none;
			height: 60px;  
			width: 800px; 
			display:inline;	
			}	
			
			.ContenedorCabeceraA2 {
			background-color:#20436D;   
			text-align: right;  		
			float:none;
			height: 20px;  
			width: 800px; 
			display:inline;	
			}
			
		.ContenedorSeparador {
			/*background-color: Silver;     */
			position: relative; 
			min-height: 1px; 			    
			width: 800px; 
			display:inline;	
			}				

		.ContenedorSubMenu {
			float:left;
			background-color:#D6DFE9;
			height: 25px; 			    
			width: 800px; 
			display:inline;	  
			}	
			
		.ContenedorConcreto
		{
			background-color: white;  
			border:solid,1px,red;
			float:left;
			height: 412px;
			width: 540px;
			margin-top: 0px;	
			margin-left:0px;
			display:inline;	
		}		
		
		.ContenedorBloqueLateral 
		{
			/*background: url(/imx/fondoBloqueDerecha.jpg) repeat;*/
			 background-color: white;
			border-right-color: Silver;
			border-right-style:dashed;
			border-right-width: 1px;
			border-bottom-color: Silver;
			border-bottom-style:dashed;
			border-bottom-width: 1px;
			float: left;
			width: 233px; 			
			display:inline;
		}		
		
		
		/*ESTILOS DE MENUS*/
		.ContenedorMenu 
		{			
			
			text-align:right;
			background-color:red;
			padding:50px,0px,0px,0px;
			background-color:#20436D;
			float:left;
			height: 30px;
			display:inline;	
			width: 500px;
			}
			
			.ContenedorMenu a 
			{
			/*background-color:#8AA8CA;*/
			color:white;
			font-size:10pt;
			font-family:Verdana,arial;
			} 
			
		.ContenedorMenu a:hover 
			{
			color: #8AA8CA;
			}		
			
		.ContenedorMenu ul 
		{		
			padding:  0px 0px 0px 0px;
			margin-left: 0px;
			display: inline;
			list-style-type: none;
			
		}	
		

		
		.ContenedorMenu li
		{		
			border-right:solid 0px white;
			padding:0px 4px 0px 3px;
			list-style:none;
			color:white; 
			display:inline;	
			
				}	
					
		/*ESTILOS DE SUBMENU*/							
		.ContenedorSubMenu 
		{
			display:inline;	
		}
		
		.ContenedorSubMenuConcreto
		{	
			text-align:left;				
			float:left;			
			padding-left: 15px;
			padding-top: 5px;
			min-height: 20px; 				
			min-width: 785px;
			margin-top: 5px;			
			margin-bottom: 5px;	
			display:inline;				
		}
		
		.ContenedorSubMenuConcreto a 
			{
			/*background-color:#8AA8CA;*/
			color:#20436D; 
			font-size:9pt;
			font-family:Verdana,arial
			} 
			
		.ContenedorSubMenuConcreto a:hover
			{
			color:#9298b4;
			}
		
		/*CONTENIDO MIXTO*/
		
		.contenidoMixto
		{			
			margin-left:10px;
			margin-top:10px;
			background-color: white;
			text-align:left;
			font-color:gray;
		}
		

		
			
		/*CONTENEDOR BLOQUE DERECHO*/
		.contenedorBloqueLateralConcreto
		{
			float: none;
			display:inline;	
		}
		
		.contenedorBloqueLateralConcreto ul
		{
			display: inline;
			list-style-type: none;
		}
		
		/*CONTENEDOR VALIDACIÓN*/		
	.contenedorElementoBloqueDerecho
		{

			float:left;
			width:210px;
			padding: 0;
			display: inline;
			font-size: 10px; 
			color: #454545;					
		}	
	
		.usuario
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			float:left;
			margin-top:10px;
			width:90px;		
			font-size: 10px; 
			color: #454545;		
		}
		
		.password
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			float:left;
			margin-top:10px;
			width:90px;
		}
		
		.txtusuario
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			float:left;
			margin-top:5px;
			width:120px;
	
		}
		
		.txtpassword
		{
			float:left;
			margin-top:5px;
			width:120px;
			font-size: 10px; 
			color: #454545;
		}	
			
		.registrar
		{
			float:left;
			text-align:right;
			vertical-align: baseline;
			width: 205px;
			margin-top:5px;
			margin-right:5px;
		}
		
		.lnkRegistro
		{
			color:#8AA8CA; 
			font-size:8pt ;
			font-family:Verdana,arial;
		} 
		
		:hover.lnkRegistro 
		{
			color:gray;
		}	
	
		.form 
		{
			font-family: verdana, Arial, Helvetica, sans-serif; 
			font-size: 10px; 
			color: #454545; 
			background-color: #FFFFFF; 
			border: solid 1px #9298b4; 
			}
			
		.boton 
		{  
			font-family: verdana, Arial, Helvetica, sans-serif; 
			font-size: 10px; 
			color: #4a516b; 
			background-color: white; 
			border: solid 1px #9298b4; 
			}
			
		.boton2 
		{ 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 9px; 
			color: #4a516b; 
			background-color: white; 
			border: solid 1px #9298b4;
			min-height: 16px; 
			font-weight: bold
			}		
			
			/*CONTENEDOR NOTICIA ALEATORIA*/	
		.noticiaAleatoria
		{			
			text-align:justify;
			float:left;
			width:210px;
			padding:15px 0px 0px 0px;	
		}	
		
		.divImagennoticiaAleatoria
		{			
			text-align:center;
			padding:5px 5px 5px 5px;	
			border-color:silver;
			border-style: solid;
			border-width:1px;
			width: 100px;			
		}	
		
		
		.lnkNoticiaAleatoria 
		{
			color: Black; 
			font-size:8pt ;
			font-weight: bold; 
			font-family:Verdana,arial;
		} 
		
		:hover.lnkNoticiaAleatoria 
		{
			color:#8AA8CA;
		}	
		
		.lnkMas
		{
			color:#8AA8CA; 
			font-size:8pt ;
			font-weight: bold; 
			font-family:Verdana,arial;
		} 
		
		:hover.lnkMas 
		{
			color:gray;
		}	
		
		.lnkMasInactive
		{
			color:silver; 
			font-size:8pt ;
			font-weight: bold; 
			font-family:Verdana,arial;
		} 
		
		
		.cuerpoNoticiaAleatoria
		{
			font-size:8pt; 
			color:gray; 
			font-weight:normal;
			font-family:Verdana,Arial;
			text-align:justify;
		}
		
		/*CADA UNO DE LOS BLOQUES DE LA DERECHA*/
		.elementoBloque
		{
			border-bottom:solid 0px silver;
			width:233px;
		}	
		
		.titulosElementos
		{

			border-bottom: solid 1px silver;
			background-color:#8AA8CA;		
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 9px; 
			color: gray; 
			font-weight: bold;
			float:left;
			width:200px;
			min-height:15px;
			margin: 0px 0px 0px 0px;
			padding:0;
			display: inline;
		}	
		.separador
		{
			float:left;
			min-height:15px;
			width:170px;
		}		
			
		/*CONTENEDOR CALENDARIO*/			
		.calendario
		{			
			text-align:justify;
			float:left;
			width:200px;
			padding:10px 5px 10px 10px;
			
		}
			
		/*CONTENEDOR VOTACIONES*/			
		.votaciones
		{			
			text-align:justify;
			float:left;
			width:200px;
			padding:10px 5px 10px 10px;
			
		}	
		
		.margenIzquierdo
		{
			vertical-align:bottom;
			float:left;
			width:10px;
			min-height:15px;
		}	
			
		.margenDerecho
		{
			float:left;
			width:10px;
			display:inline;
		}
		
		.lineaTitulo
		{
			background-color:#8AA8CA;
			vertical-align:bottom;
			float:left;
			width:9px;
			min-height:16px;
		}
		
		.textoTitulo
		{
			float:left;
			text-indent:5px;
			padding-top:10px; 
			font-size:12pt;color:#8AA8CA;font-family:Verdana,Arial;
			font-weight:bold;
		}
		
		.TextoTituloText
		{
			font-size:12pt;color:#8AA8CA;font-family:Verdana,Arial;
		}
		/*NOTICIAS*/
		
				
		.titularesElementos
		{
			border-bottom: solid 0px silver;		
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 9px; 
			color: gray; 
			font-weight: bold;
			float:none;
			width:400px;
			min-height:15px;
			margin: 0px 0px 0px 0px;
			padding:0;
			display: inline;
		}			
		
		.titularesContenidos
		{

			/*background-image: url(/imx/imx3/fondo_titulos.jpg);*/
			background-repeat: no-repeat;
			background-color: white;
			border-bottom-color:silver;
			border-bottom-style:dashed;
			border-bottom-width:1px;
			border-top-color:silver;
			border-top-style:dashed;
			border-top-width:1px;
			float:left;
			width: 233px;
			height: 20px;
			min-height: 47px;
			min-width: 233px;
			display: inline;
		}					
		
		
		.AnteTitulo
		{
			background-color: white;
			border-right-color:silver;
			border-right-style:dashed;
			border-right-width:1px;
			float:left;
			width: 25px;
			height: 30px;
			min-height: 30px;
			min-width: 25px;
			display: inline;
			
		}	
		
	
		.AnteTituloContenidos
		{
			background-color: white;
			border-right-color:silver;
			border-right-style:dashed;
			border-right-width:1px;
			border-bottom-color:silver;
			border-bottom-style:dashed;
			border-bottom-width:1px;
			float:left;
			width: 25px;
			height: 32px;
			min-height: 32px;
			min-width: 25px;
			display: inline;
			
		}			
		.lineaTitular
		{
			border-right:solid 1px silver;
			background-color:#8AA8CA;
			vertical-align:bottom;
			float:left;
			width:14px;
			min-height:25px
		}
		
		.textoTitular
		{
			border-bottom-color:silver;
			border-bottom-style:dashed;
			border-bottom-width:1px;
			font-weight:bold;
			text-indent:15px;
			padding-top:10px; 
			float:left;
			width:540px;
			height:32px;
			min-height:32px;
			font-size:11pt ;color:#8AA8CA;font-family:Verdana,Arial;
		}	
		
		.textoEntradilla
		{

			padding-top:10px; 
			font-size:10pt ;color:gray;font-family:Verdana,Arial;
		}	
		
		.divNoticiaResumida
		{			
			padding:5px 0px 5px 0px;
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 11px; 
			color: gray; 
			float:none;
			width:500px;
			min-height:15px;
			margin-bottom:15px;
			display: inline;
		}	
		
		.separadorNoticia
		{
			background-color:Gray;
			float:none;
			min-height:1px;
			width:570px;
		}	
		
		.lineaSeparacion
		{
			background-color:gray;
			vertical-align:bottom;
			float:none;
			width:570px;
			min-height:1px;
		}
		
		.divDetalleNoticia
		{
			border-bottom: solid 1px silver;	
			padding:10px 0px 10px 0px;
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 11px; 
			float:none;
			width:530px;
			min-height:15px;
			margin: 0px 0px 0px 10px;
			padding:0;
			display: inline;
			}
			
		.divDetalleNoticia p
		{

			font-family: Arial, Helvetica, sans-serif; 
			text-align:justify;
			font-size: 11px; 
			color: gray; 
			display: inline;
		}				
			
		.divDetalleNoticia h1
			{
				font-size:10pt;
				float:left;
				font-weight: bold ;
				line-height:1;
				color:gray;
				font-family:Verdana,Arial;
				line-height:2;
			}
			
			.divDetalleNoticia h2
				{
					font-size:9pt;
					float:left;
					font-weight: bold ;
					line-height:1;
					color:#9298b4;
					font-family:Verdana,Arial;
				}
				
				/*VOTACIONES*/
				
			.divVotacion 
			{
			color:#ff9900; 
			font-size:8pt ;
			font-weight: bold; 
			font-family:Verdana,arial;
			display: inline;
				}
				
			.TitularVotacion
			{
			color:black; 
			font-size:8pt ;
			font-weight: bold; 
			font-family:Verdana,arial;
			}
			
			.RespuestasVotacion
			{
				font-size:9pt; 
				text-align:left; 
				font-weight: normal ;
				line-height:1;
				color:gray;
				font-family:Verdana,Arial;
			}
			
		.ContenedorPie
		{
			padding:7px 0px 0px 0px;
			background-color:#8AA8CA;
			text-align:center;
			float:left;
			height: 37px; 			    
			width: 800px;
			display:inline;	
			}
			
			
		.ContenedorPie a
		{
			color:white; 
			font-size:8pt ;
			font-weight: bold; 
			font-family:Verdana,arial;

			}	
			
		.hover:ContenedorPie a
		{
			color:gray; 
		}						
			/*CALENDARIO*/
			
		.lnkCalendario
		{
			color:#8AA8CA; 
			font-size:8pt ;
			font-weight: bold; 
			font-family:Verdana,arial;
		} 
		
		:hover.lnkCalendario 
		{
			color:Black;
		}
		
		/*ICONOS*/
		.divIconos
		{
			padding:5px,5px,0,0; 
			text-align:left;				
			background-color:#20436D;
			float:left;
			width:120px;
			height:30px;  
			min-width:120px;
			min-height:40px;  							
			vertical-align:middle;
			display:inline;	
			}
			
		.divIconos ul 
		{		
			padding: 0px 0px 0px 0px;
			margin-left: 0px;
			display: inline;
			list-style-type: none;

			
		}	
		
		
		.divIconos li
		{		
			list-style:none;
			color:white; 
			display:inline;	
			
				}				

		.separadorLinks
		{
			color:#8AA8CA; 
			font-size:9pt ;
			font-weight: bold; 
			font-family:Verdana,arial;			
		}
				
		.lnkIconos
		{
			color:black; 
			font-size:8pt ;
			font-weight: bold; 
			font-family:Verdana,arial;
		} 
		
		:hover.lnkIconos
		{
			color: Gray;
		}	
		
		.dropDownIdiomas
		{
			border: solid 1 gray;
			font-size:8pt ;
			font-family:Verdana,arial;	
			max-height:15px;		
		}		

	.DivDisenadoPor
	{
		text-align:right;
		color:black;
		font-size: 8pt; 
		font-family:Verdana,arial
	} 
	:hover.lnkDisenadoPor{color:silver;}	
	
	:hover.lnkMenuPrincipalClaro{color:#8C2C37;}	
