@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: 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:10px;}
			.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:30px;}
			#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}
		/* ///// BUSCADOR ///// */				
		.DivBuscador{height:23px; width:250px; float:left; margin-top:4px; background-image:url(../../../images/ImagenBuscadorConTexto.png); background-repeat:no-repeat;}
		#TxtBuscador{border:medium none; font-weight:normal; font-size:medium; color:#333; background:none transparent scroll repeat 0% 0%; float:left}
		#DivBtnBuscar{width:35px; height:22px; float:left; cursor:pointer;}	
		/* ////// 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:100%; height:auto; float:left; }	
		.DivLogo{width:380px; height:100px; float:left; padding-top:10px; cursor:pointer;}
		.DivLogo a{width:380px; height:100px; float:left; padding-top:10px; background-color:#3399FF;cursor:pointer; background:url(../../../images/el_diario_sin_limites.png);} 		
		.DivBanner{width: 315px; height:100px; float:left; padding-top:10px;}			

/* //////////////////// MENU //////////////////// */
#DivMenuSuperior{width:1010px; height:auto; float:left; margin-bottom:15px; margin-top:5px; border-bottom:1px #ccc solid; box-shadow: 0 10px 10px -6px #333; border-radius:3px;}
.NameMenu{ height:auto; float:left; padding:5px; padding-left:4px; padding-right:4px; border-right:1px #666 dotted; cursor:pointer;}
.NameMenu a{color:#666;}		
.NameMenu:hover{background-color:#ccc;  border-radius:3px;}		
#DivPortada{width:8%;}
#DivPolitica{width:6%;}
#DivMetropoli{width:7%;}
#Divestados{width:6%;}		
#Divinternacional{width:10%;}
#Diveconomia-finanzas{width:14%;}
#Divempresas-negocios{width:15%;}
#Divocio-cultura{width:11%;}
#DivAutomotriz{width:8%; border-right:none;}
#DivREVISTA{width:6%; background-color:#a11135; border-right:none; float:right; border-radius:3px; }
	#DivREVISTA a{box-shadow: 0 8px 6px -6px black; color:#fff;}
	#DivREVISTA a:hover{box-shadow: 0 8px 6px -6px #000; color:#000;}
			
			
/* //////////////////// 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;}	
		
	/* //////////////////// INTERIOR DE LA NOTA //////////////////// */
	#InteriorNota{width: 665px; height:auto; float:left; margin-right: 15px; margin-bottom:15px;}

		.InteriorCabeza{position:relative;width:665px; height:auto; float:left; font-size:40px; line-height:40px; margin-top:0px; margin-bottom:15px;}	
		
		/*.DivSumarioNota{position:relative;width:650px; height:auto; float:left; font-size:18px; line-height:22px; margin-bottom:15px;}	*/
				
		.InteriorFechaImagenCuerpo{width:665px; height:auto; float:left; margin-bottom:10px;}
		.InteriorFechaImagenCuerpo img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border:2px #666 solid; float:right;margin-left:10px; margin-bottom:5px;}
		/*.InteriorFechaImagenCuerpo strong{color:#666; position:relative; font-size:12px; margin-bottom:10px;}*/
		.InteriorFechaImagenCuerpo span{color:#666; position:relative; font-size:17px; line-height:19px; margin-bottom:10px;}	
		
		
		.DivCuerpoImagen{width:405px; height:auto; float:right; margin-left:10px;}	
		
			.DivDescImagen{width:385px; height:auto; float:right; font-size:12px; font-weight:bold; color:#666666; margin:10px; margin-bottom:5px; padding-bottom:5px; margin-top:5px; border-bottom:1px #ccc dotted;}		
			.PieFotoInteriores{position:relative;width:630px; height:20px; float:left; font-size:16px; margin-bottom:15px; font-style:italic;}	
			
			.DivBanderaTags{width:385px; height:20px; float:left; margin:10px; margin-bottom:5px; margin-top:5px; font-size:18px; font-weight:bold;}
				
			.DivTags{width:385px; height:auto; float:right; margin:10px; padding-bottom:5px; margin-top:0px; border-bottom:1px #ccc dotted;}
				.TagLink{color:#333; font-size:14px; line-height:16px;}		
													
			.DivBloqueRelacionadas{width:385px;; height:auto; float:left; margin-bottom:5px; padding-bottom:5px; border-bottom:1px #CCC solid;}
			.DivBloqueRelacionadas:hover{ border:1px solid #999; border-radius:5px; box-shadow: 0 10px 10px -6px #999;}
			.DivBloqueRelacionadas a{ color:#333; font-size:14px; line-height:16px; font-weight:normal;}
							
			.DivRedesSociales{float:left; height:30px; width:750px; margin:10px; margin-bottom:0px;}
			.DivLineaInferiorRedes{width:385px; height:auto; float:right; margin:10px; margin-bottom:0px; margin-top:5px; border-bottom:1px #ccc dotted;}
			
	#DivBloqueConteoSeparacion{position:relative;width:665px; height:25px; float:left; margin-top:15px;margin-bottom:15px; border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999;border-top-width:1px;border-top-style:solid;border-top-color:#999;}
		.LineComentarioBottom{width:500px;height:10px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999;float:left;margin-left:-60px;margin-bottom:10px;margin-top:5px}
		.FondoComentario{background-color:#ccc}
		#DivIconoComentarios{background-image:url(http://elsemanario.com.mx/images/IconoComentsFacebook.jpg);background-repeat:no-repeat}
		#TxtComentario{width:380px;height:100px;border:none;text-align:left}
		
		
		
	/* //////////////////// COMENTARIOS DE LA NOTA //////////////////// */
		#DivContenedorGeneralComentarios{width:665px; height:auto; float:left;}
			.DivContenedorComentarios{ width:665px; height:auto; float:left; margin-bottom:15px;}
				.DivBloqueComentario{ width:665px; height:auto; float:left; margin-bottom:10px; border-bottom:1px #999 dotted; background-color:#EEEEEE; border-radius:5px;  box-shadow: 0 10px 10px -6px #333;}
				.DivFechaComentario{width:655px; height:25px; float:left; margin:5px; background-color:#CCC; color:#666; font-weight:bold; font-size:12px;}
				.DivNombreComentario{width:635px; height:25px; float:left; margin-left:5px; padding-left:20px; font-weight:bold; font-size:16px;}
				.DivCommentComentario{width:635px; height:auto; float:left; margin-left:5px; margin-bottom:5px; padding-left:20px;  color:#666; font-weight:bold; font-size:14px;}									
			.DivContenedorFormulario{width:665px; height:auto; float:left; margin-bottom:10px; border-bottom:1px #999 dotted; background-color:#EEEEEE; border-radius:5px;  box-shadow: 0 10px 10px -6px #333; color:#666; font-weight:bold;}
				.DivSemiCompleto{width:60px; float:left; margin-left:20px; margin-bottom:3px;}
				.DivSemiCompleto2{width:500px; float:left; margin-left:20px; margin-bottom:3px;}
				.DivCompleto{width:600px; float:left; margin-left:20px; margin-bottom:3px;}
		
/* //////////////////// ---------- 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;}	

	/* //////////////////// 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; font-size:14px; line-height:16px;}
		.DivBloqueLoMas:hover{box-shadow: 0 10px 10px -6px #333; border:0.5px #333 solid;  border-radius:5px;}	
		.aTituloLoMas{font-weight:bold; color:#333333;}
			.DivImgLoMas{width:80px; height:auto; float:left;}	
			
/* //////////////////// ---------- 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 zINFERIOR ---------- //////////////////// */
#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;}