@charset "utf-8";html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baselinebaseline; background: transparent; /*font-family: Times New Roman;*/font-family: Open Sans Condensed, sans-serif;} 

img{ border-radius:5px; box-shadow: 0 10px 10px -6px #333;}	
a{ font-size:12px; line-height:12px; text-decoration:none; font-weight:bold;}
a:hover{ color:#000;}
.DivBandera{ width:100%; height:30px; float:left; font-size:26px; border-bottom:dotted 1px #666; padding-bottom:5px; margin-bottom:5px; font-family: Times New Roman; font-weight:bold;}

.DivCategoria{ height:10px; width: 100%;  float: left; cursor:pointer; padding-bottom:5px; padding-top:5px; margin-bottom:5px; border-bottom:#CCCCCC 1px dotted;}
.DivCategoria a:hover{ font-size:15px; color:#000;}	

.DivTituloNota{ width:100%; height:30px; float:left; padding-top:5px; padding-bottom:5px; margin-bottom:5px; border-bottom:#CCCCCC 1px dotted;}	
.DivTituloNota a{ font-size:16px; line-height:16px;}
.DivTituloNota a:hover{ color:#000;}

.DivSumarioNota{ width:100%; height:auto; float:left; padding-top:5px; padding-bottom:5px; margin-bottom:5px;}	
.DivSumarioNota a{ font-size:14px; line-height:15px; color:#333; font-weight:normal;}
.DivSumarioNota a:hover{ color:#000;}

/* //////////////////// WRAPPER EXTERIOR //////////////////// */ 
#WrapperExterior{ width:1010px; margin-top: 0px; margin-right:auto; margin-left: auto;}

	/* //////////////////// DIV, FECHA| HORA | REDES | BUSCADOR | LOGIN //////////////////// */ 	
	.DivContenedorSuperior{width:1010px; height:auto; float:left; color:#666; font-size:14px; border-bottom:1px #CCC solid;}
		/* ///// FECHA | HORA ///// */
		.DivBloqueFechaHora{width:auto; height:auto; float:left; padding-top:10px; margin-right:80px;}
			.DivFecha{float:left; margin-right:12px;}
			#TxtReloj{BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: medium none; LINE-HEIGHT: normal; BORDER-BOTTOM: medium none; color:#666; size:8;width:90px; margin-top:0px; padding-top:0px; }						
			#TxtReloj:focus{ outline: none;box-shadow:0 0 0 3px #dde9ec;} 
		/* ///// REDES ///// */
		.DivRedes{ width:150px; height:auto; float:left; margin-top:0px; padding-top:5px; margin-right:90px;}
			#botonconnect{height:auto; width:auto; margin:0px; padding-top:5px; float:left; clear:none; text-indent:-9999px; margin-top:0px; padding-top:0px;}
				#connectFB{display: block;width: 28px;height: 25px;background-image: url(../../../images/Facebook22.png);background-repeat: no-repeat;}
				#connectFB:hover{background-position:0 -25px;}
				#connectFB:active{position:relative; top:1px;}
				#connectTW {display:block; width:28px; height:25px; background-image:url(../../../images/Twitter22.png); background-repeat: no-repeat;}
				#connectTW:hover{background-position: 0 -25px;}
				#connectTW:active{position: relative; top:1px;}
				#connectRSS:active{position:relative; top:1px;}
				#connectRSS{display:block; width:28px; height:25px; background-image:url(../../../images/RSS22.png);background-repeat: no-repeat;}
				#connectRSS:hover{background-position:0 -25px;}
				#connectYT{display:block; width:28px; height:25px; background-image:url(../../../images/YouTube22.png); background-repeat: no-repeat;}
				#connectYT:hover{background-position:0 -25px;}
				#connectYT:active{position:relative; top:1px;}
				#connectGP{display:block; width:28px; height:25px; background-image:url(../../../images/GooglePlus.png); background-repeat: no-repeat;}
				#connectGP:hover{background-position:0 -25px;}
				#connectGP:active{position: relative; top:1px;}			
				#connectFB:hover,#connectTW:hover,#connectRSS:hover,#connectYT:hover,#connectGP:hover{background-position:0 -25px}
				#connectFB:active,#connectTW:active,#connectRSS:active,#connectYT:active,#connectGP:active{position:relative;top:1px}
		/* ////// REGISTRO /////*/
		#DivLoginFormulario{ background-image:url(../../../images/ImgLogueo.png);z-index:100;position:absolute;margin-left:745px;width:300px;height:440px;  margin-bottom:15px; border-radius:5px;  box-shadow: 0 10px 10px -6px #333;}
			.DivRegistroTexto{width:auto; height:auto; padding-top:0px; float:right; color:#666; cursor:pointer;}			
			#TxtNombreRegister, #TxtEmailRegister, #TxtNombreRegister2, #TxtEmailRegister2{border:medium none; font-weight:normal; font-size:14px; color:#0376a6; background:none transparent scroll repeat 0% 0%;}	
			#TxtNombreRegister, #TxtEmailRegister, #TxtNombreRegister2, #TxtEmailRegister2:focus{ outline:none}
		#DivLoginFormulario2{ background-image:url(../../../images/ImgLogueo2.jpg); width:300px; height:400px; float:left; margin-bottom:15px; border-radius:5px;  box-shadow: 0 10px 10px -6px #333;}	
		
/* //////////////////// HEADER LOGO, PUBLICIDAD IZQUIERDA Y DERECHA //////////////////// */ 
	#DivHeaderLogo{position:relative;width:980px; height:auto; float:left; }	
		.DivLogo{width:380px; height:auto; float:left; padding-top:10px; cursor:pointer;}
			.master_sprite{ background:url(../../../images/sprite.png) no-repeat}	 
			h1 {text-indent:-9999px; margin:0 auto; width:380px; height:100px; cursor:pointer; background-position: 0px 0px !important;}			
		.DivBanner{width: 500px; height:auto; float:left; padding-top:10px;}		

/* //////////////////// INICIO COLUMNAS: IZQUIERDA | DERECHA //////////////////// */	
/* //////////////////// ---------- INICIO: COLUMNA IZQUIERDA ---------- //////////////////// */	
#DivColIzquierda { width: 685px; height:auto; float:left; margin-right: 24px; margin-bottom:15px; border-right:1px #CCC solid;}

	/* //////////////////// HARD //////////////////// */
	.DivHard { width:660px; height:auto; float:left; border-bottom:3px #CCCCCC solid; margin-bottom:15px; padding-bottom:5px;}	
		.DivBloqueInteriorHard{width:200px; height:auto; float:left; cursor:pointer; margin:10px;}				
			.DivImgHard{ width:200px; float:left;}	
	
	/* //////////////////// PRIME //////////////////// */	
	.DivPrime {width: 660px; height: auto; float: left; border-bottom:3px #CCCCCC solid; margin-bottom:15px; padding-bottom:15px;}
		#slidebox{width: 660px; height: 495px; float:left; background-color:#1D2226; border-radius:6px;  box-shadow: 0 10px 10px -6px #333; }
		#slidebox, #slidebox ul {width:660px;height:495px;}
		#slidebox, #slidebox ul li{width:660px;height:495px;}
		#slidebox ul li{position:relative; left:0; float:left; list-style: none; padding:0px 0px; font-size:13px;}
		#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:21px; height:21px;top:360px;}
		#slidebox .next{right:0; margin-right:10px; background:url(../../../images/slidebox_next.png) no-repeat left top;}
		#slidebox .next:hover{background:url(../../../images/slidebox_next_hover.png) no-repeat left top;}
		#slidebox .previous{margin-left:10px; background:url(../../../images/slidebox_previous.png) no-repeat left top;}
		#slidebox .previous:hover{background:url(../../../images/slidebox_previous_hover.png) no-repeat left top;}		
		#slidebox .thumbs a:hover{background:#ccc; color:#fff;  border-radius:5px;}
		#slidebox .thumbs .thumbActive{background:#fff; color:#fff; display:block; float:left;}	
		.thumbs a{ border-radius:5px;}		 
		.DivTitulo{ width:660px; height:95px; float:left; margin-top:305px; background-image:url(../../../images/FondoTituloPrime.png); background-repeat:repeat; position:absolute; z-index:3}	
		.DivTituloImage{width:660px; height:380px; float:left;cursor:pointer;}
		.DivTitulo a{  font-size: 45px; line-height:45px;}
		.DivImagen{ width:660px; height:295px; float:left;}		
		
	/* ////////////////////  COLABORADORES //////////////////// */ 	
	.DivOpinionesColaboradores{width:205px; height:auto; float:left; margin-bottom:10px; padding-right:20px; margin-right:20px;  border-right:#CCC dotted 1px;}		
		.DivBloqueColaborador{ width:205px; height:auto; float:left; margin-bottom:15px; border-radius:5px;}	
		.DivBloqueColaborador:hover{box-shadow: 0 10px 10px -6px #333; border:0.5px #CCC solid;}
			.DivFotoTituloColaborador{ width:205px; height:75px; float:left; padding-top:5px; padding-left:5px; padding-right:5px;}
				.DivFotoColaborador{ width:70px; height:80px; float:left;}
				.DivTituloColaborador{ width:130px; height:70px; float:left; font-size:14px; padding-top:2px; line-height:14px;}		

	/* //////////////////// DIV HILO NOTAS //////////////////// */
	.DivHiloNotas { width:415px; height:auto; float:left;}	
		.DivBloqueHiloNota{ width:415px; height:auto; float:left; border-bottom:1px #ccc dotted; padding-top:5px; padding-bottom:5px; margin-bottom:5px; border-radius:5px;  box-shadow: 0 10px 10px -6px #ccc;}	
		.DivBloqueHiloNota:hover{box-shadow: 0 10px 10px -6px #333; border:0.5px #CCC solid;}					
				.DivAutorNota{ width:215px; height:20px; float:left; margin-top:5px; margin-bottom:5px; font-size:12px; padding-left:10px;}							
			.DivImagenHiloNota{ width:185px; height:auto; float:right; padding-bottom:5px; padding-left:5px;}														

/* //////////////////// ---------- CIERRE: COLUMNA IZQUIERDA ---------- //////////////////// */							
	

/* //////////////////// ---------- INICIO: COLUMNA DERECHA ---------- //////////////////// */	
#DivColDerecha { width: 300px; height: auto; float: left; margin-bottom:10px;}

	/* //////////////////// DIV BANNER //////////////////// */
	.DivPublicidad300{position:relative; width:300px; height:auto; float:left; margin-bottom:15px; box-shadow: 0 10px 10px -6px #333;}	
	
	/* //////////////////// DIV MULTIMEDIA //////////////////// */			
	.DivMultimedia{position:relative; width:300px; height:auto; float:left; margin-bottom:15px; border:1px solid #CCC;}			
	
	/* //////////////////// DIV REVISTA //////////////////// */
	#DivRevista{position:relative; width:300px; height:250px; float:left; margin-bottom:15px;}	
	
	/* //////////////////// LO MAS LEIDO //////////////////// */
	.DivLoMasLeido{position:relative; width:300px; height:auto; float:left; margin-bottom:15px;}				
		.DivBloqueLoMas{width:290px; height:auto; float:left; border-bottom:#999 dotted 1px; padding:5px; border-radius:5px;}
		.DivBloqueLoMas:hover{box-shadow: 0 10px 10px -6px #333; border:0.5px #333 solid;}	
			.DivImgLoMas{width:80px; height:50px; float:left; margin-left:10px; margin-right:15px;}
	
	/* //////////////////// DIV EDICIONES ANTERIORES //////////////////// */			
	.DivHistoricoRevistas{position:relative; width:300px; height:auto; float:left; margin-bottom:15px;}			
		.DivBloqueHistoricoRevistas{width:300px; height:auto; float:left; border-bottom:#999 dotted 1px; margin-bottom:10px; box-shadow: 0 10px 10px -6px #ccc; border-radius:5px;}
		.DivBloqueHistoricoRevistas:hover{box-shadow: 0 10px 10px -6px #333; border:0.5px #ccc solid;}	
			.DivBloqueHRNumEdicion{width:260px; height:auto; float:left; font-size:18px; line-height:18px; font-weight:bold; padding-left:20px; margin-bottom:5px;}
			.DivBloqueHRImagen{ width:145px; height:auto; float:left; padding-bottom:5px;}
			.DivBloqueHRSumario{ width:150px; height:auto; float:left; font-size:14px; line-height:14px; color:#666;} 
			
/* //////////////////// ---------- CIERRE: COLUMNA DERECHA ---------- //////////////////// */				
/* //////////////////// CIERRE COLUMNAS: IZQUIERDA | DERECHA //////////////////// */					
				
				
/* //////////////////// ---------- INICIO: NOTAS SOFT ---------- //////////////////// */	
#DivNotasSoft{ width:1010px; height:auto; float:left; border:1px #ccc solid; margin-bottom:15px;  border-radius:5px;}	
	.DivBloqueNotasSoft {position:relative; float: left; height: auto; width: 306px; margin:15px; border-radius:5px;}
	.DivBloqueNotasSoft:hover{box-shadow: 0 10px 10px -6px #333; border:0.5px #CCC solid;}	
		.DivImageSoft{ width:306px; height:200px; float:left; padding-bottom:5px;}		
			
/* //////////////////// ---------- INICIO: CONTENEDOR INFERIOR ---------- //////////////////// */
#DivContenedorInferior{ width:100%; height:auto; float:left; margin-bottom:10px;}

	/* //////////////////// CONTENEDOR LINKS ////////////////////////////////////////////////// */	
	#DivLinksContent{width:100%; height:auto; float:left; padding-top:5px; background-color:#666; border-radius:5px; box-shadow: 0 10px 10px -6px #333;}
		.DivContenedorLinks{position:relative;  width:1010px; height:auto; float:left;}
		.DivLink{ width:144px; height:20px; float:left; background-color:#666; border-radius:5px;}
		.DivLink a{ color:#CCCCCC;}
		.DivLink a:hover{ background-color:#999999; color:#000;}
	
	/* //////////////////// CLOGO DIV INFERIOR ////////////////////////////////////////////////// */	
	#DivDiarioSinLimites{width:100%; padding-top:10px; margin-bottom:10PX; float:left;}
		
	/* //////////////////// MENU INFERIOR ////////////////////////////////////////////////// */
	#DivMenuInferior{width:100%; height:10px; float:left; margin-top:5px;	}
		#DivMenuInferior a:hover{ font-size:14px;}
		
	/* //////////////////// DIV LEGALES //////////////////////////////////////////////////*/
	#DivLegales {width:100%; height:30px; float:left; margin-top: 20px;}
		#DivLegales a{font-weight:normal;}
		#DivLegales a:hover{ font-size:14px;}
		
	/* //////////////////// DIV REVISTA EMERGENTE //////////////////////////////////////////////// */ 	
	#DivEmergente {position:fixed;  bottom: 0; z-index:100;}       
	.show_hide {display:none;}
	
	
	
	
#DivBuscador{width:370px; background-color:#ccc; float:left; height:auto;  border:1px solid #333;}



.pagination a.inactive,.pagination a.inactive:hover{background-color:#333;color:#bababa;border:1px solid #333;cursor: default; text-decoration:none;}
.data a{list-style: none;font-family: verdana;margin: 5px 0 5px 0;color: #000;font-size: 13px;text-decoration:none;}
.pagination{width: 770px; height: auto; padding-left:-10px; margin-bottom:15px;float:left;}
.pagination a{list-style: none;float: left;padding: 2px 6px 2px 6px;margin: 0 3px 0 3px;font-family: arial;font-size: 14px;color: #333;font-weight: bold;background-color: #ccc;text-decoration:none; border:1px solid #333;}
.pagination a:hover{color: #fff;background-color: #333;cursor: pointer;text-decoration:none;x}
.go_button{background-color:#f2f2f2;border:1px solid #006699;color:#cc0000;padding:2px 6px 2px 6px;cursor:pointer;position:absolute;margin-top:-1px; padding-right:5px;}
.total{float:right;font-family:arial;color:#999;}



#DivHistoricoNotas{width:1010px;height:auto;float:left;}

	.DivNotaInterior{width:1010px; height:auto; float:left; border-bottom:1px solid #ccc; cursor:pointer; margin-bottom:10px; padding-bottom:10px; box-shadow: 0 10px 10px -6px #ccc;}
	.DivNotaInterior:hover{box-shadow: 0 10px 10px -6px #333; border:1px solid #ccc;}
	.DivNotaInterior a{ text-decoration:none;}
	.DivNotaInterior a:hover{ text-decoration:underline;}
	
	.DivTituloCuerpoAutor{width:750px;;height:auto;float:left; margin-left:10px;}
	
		.DivCategoria{width:750px;height:20px;float:left;font-size:20px; margin-bottom:5px;}		
		.DivTituloNota{width:750px;height:auto;float:left;font-size:26px;margin-top:5px;margin-bottom:5px;}
		.DivSumarioNota{width:750px;height:auto;float:left;font-size:22px;margin-top:5px;margin-bottom:5px; font-size:22px;}
		.DivCuerpoNota{width:750px;height:auto;float:left;font-size:14px;margin-top:5px;margin-bottom:5px;}
		.DivAutorNota{width:750px;height:auto;float:left;margin-top:5px;margin-bottom:5px;}
		
	.DivFechaImagenDesc{width:200px; height:auto; float:left; margin-left:40px;}
		.DivFechaNota{width:200px; height:auto; float:left; margin-bottom:5px;}	
		.DivImagenNota{ width:200px; height:auto; float:left; margin-bottom:5px;}	
		.DivDescImagen{ width:200px; height:auto; float:right;}