body{background-color:#FFF;	 min-width:960px;}

body{
	/*background:url(../imgdiseno/art/bg_articulo.png) top;*/
	margin:0px;
	scrollbar-base-color: gray;
	scrollbar-arrow-color: #527DB5;
	scrollbar-track-color: #EFF7FF;
	scrollbar-shadow-color: #639ACE;
	scrollbar-lightshadow-color: #D6EBFF;
	scrollbar-darkshadow-color: #D6EBFF;
	scrollbar-highlight-color: #D6EBFF;
	scrollbar-3dlight-color: #639ACE;
	font-family: Helvetica, Arial, sans-serif;
	overflow-x:hidden;	
	background-color:#FFF;
 }
 scrollbar{
	-moz-appearance: none !important;
}

@font-face {
    font-family: Oswald;
    font-style: normal;
    font-weight: normal;
    src: url(oswald-light-webfont.eot);
    src:  url('oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
 			url('oswald-light-webfont.ttf') format('truetype'),
 			url('oswald-light-webfont.woff') format('woff'),
 			url('oswald-light-webfont.svg#EraserRegular') format('svg'); 
    
 }

/*.header{ width:100%; height:46px; position:fixed; top:0px; text-align:center; background:url(../imgdiseno/bg_header.png)}*/
.home_top{ height:533px; background:url(../imgdiseno/FondoCarrusel.png) top;}
.home_bottom{ height:180px; background:url(../imgdiseno/impresa_bg_mdl_3x.jpg) bottom; }

.menu_central{ background: url(../imgdiseno/menu_central.png); height:37px; margin-top:-15px;}
.fecha{font:300 18px/40px 'Oswald','Arial',serif; color: #fff; text-align:center;}

.riel {
	overflow:hidden;
	position: relative;
	}

.etiqueta{float:left; width:40px; height:180px;}
.nom_seccion{font:300 14px/40px 'Oswald','Arial',serif; color: #fff; text-align:center;}
.portada{ float:left; margin: 25px 10px 0px 10px; background:url(../imgdiseno/impresa_bg_portada_semanal.png);}
.portada img{width:116px; height:auto;}

.floL{ float:left;}
.floR{ float: right;}
.clear{ clear:both;}

/* Página */

/*.wrapper{ width:100%; height:100%;}*/

.bg_impresa{
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-box-shadow: inset 0px 0px 500px 2px rgba(0, 0, 0, .8);
	box-shadow: inset 0px 0px 500px 2px rgba(0, 0, 0, .8);
	left: 3px;
	top: -1px;
}

.menus{font:300 14px/40px 'Oswald','Arial',serif; color: #fff; text-align:center;}
.secciones{position:fixed; top:0px; left:0px; width:170px; height:40px; background:#333;}
.paginas{position:fixed; bottom:0px; left:0px; width:170px; height:40px; background:#333;}
.tiempo_real{position:fixed; top:0px; right:0px; width:170px; height:40px; background:#333;}
.home_impresa{position:fixed; bottom:0px; right:0px; width:170px; height:40px; background:#333;}

#controles{width:40px; position:fixed; min-height:80px; top:30%; background: #333; right:0px;}
.btn{background:#06F; width:32px; height:32px; float: left; padding:2px; margin:2px;}
.btn:hover{background:#000;}
.boton{background:#444; width:32px; height:32px; margin:2px; padding:2px; float: left;}
.boton img{opacity:.5}
.boton:hover img{opacity:1}
.btn_play_video
{
	position:absolute;
	z-index:17;
	top:40%;
	left:44%;
}

.lista_secciones{ width:300px; background: url(../imgdiseno/bg_impresa.png);  font:300 14px/40px 'Oswald','Arial',serif; text-align:center; position:fixed; left:0px;-webkit-box-shadow: inset -10px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow: inset -10px 0px 10px 0px rgba(0, 0, 0, .5); height:100%; overflow:scroll; overflow-y: scroll;  overflow-x: hidden; display:cell;}
.lista_secciones .seccion{ border-bottom: solid #222 thin; border-top: solid #444 thin; text-align:left; padding-left:15px; color: #ccc;}
.lista_secciones .seccion:hover{ background: rgba(0,0,0,0.2); color:#FFF; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .5);}
.lista_secciones .categoria{ border-bottom: solid #222 thin; border-top: solid #444 thin; text-align:left; padding-left:15px; background:#ccc; color:#000; -webkit-box-shadow: inset -10px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow: inset -10px 0px 10px 0px rgba(0, 0, 0, .5);}

.lista_secciones::-webkit-scrollbar, .texto::-webkit-scrollbar {
                /* set the width of the scroll bar */
                width: 5px;
				margin-right:5px;
        }
        
.lista_secciones::-webkit-scrollbar-track , .texto::-webkit-scrollbar-track {
  margin: 3px;
  /* set the style/colour of the scroll bar background */
		background: 
		-webkit-gradient(
				linear, 
				0 0, 
				100% 0, 
				from(rgba(120,120,120,0.2)), 
				to(rgba(120,120,120,0.12))
		);
		-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.35);
		-webkit-border-radius: 5px;
}

.lista_secciones::-webkit-scrollbar-thumb {
		/* this is the acutal scrooll bar, set the colours here to match your site */
		/* I have used grey's (#464646 & #383838 & #cccccc) */
		background: rgba(250,250,250,.2);
		-webkit-border-radius: 6px;
		-webkit-background-clip: padding-box;
		}
		

.texto::-webkit-scrollbar-thumb {
		/* this is the acutal scrooll bar, set the colours here to match your site */
		/* I have used grey's (#464646 & #383838 & #cccccc) */
		background: rgba(0,0,0,.5);
		-webkit-border-radius: 6px;
		-webkit-background-clip: padding-box;
		}
		
		
/* Version Texto*/

.velo{ width:100%; height:100%; position: fixed; background:rgba(0,0,0,.7);}
.marco{position:relative;width:580px;height:720px;display:none;}
#MenuTabs{width:100%;  background:#FFF; height:100%; left:0px; position:relative;}
#version_texto{width:100%;  background:#FFF; height:90%; left:0px; position:fixed; }
#contenido_vt{-webkit-box-shadow: inset 0px 0px 250px 2px rgba(0, 0, 0, .8); box-shadow: inset 0px 0px 250px 2px rgba(0, 0, 0, .8); height:100%;}
.head{font:100 24px/40px 'Oswald','Arial',serif; color: #fff; background:#06F; padding-left:15px;}

.navegacion{ width:320px; float:left; height:100%; margin:15px;}
/*.contenidos{float:right; width:580px; margin:15px;}*/
.contenidos{float:left; width:100%; }
.menu_contenidos{ border-bottom:thin solid #999;width:110%;}
.tab{ float: left; margin:10px 2px 0px; padding:4px 10px; font:300 16px/20px 'Oswald','Arial',serif; color:#666;cursor:pointer}
.on{background:#CCC; color:#000;}
.tab:hover{background:#fff; color:#000;}
.contenedor{height:100%;}

.herramientas{padding:20px 60px 0px;}
.herramientas img{ opacity:.4; margin-right:15px; border:0;}
.herramientas img:hover{ opacity:.8; border:0;}
.herramientas a{ text-decoration:none;}
/*.titulo{font:100 20px/40px 'Oswald','Arial',serif; padding:15px 60px;}*/
.titulo{font:400 26px/26px 'Oswald','Arial',serif; padding:15px 15px; }

/*font-family:Arial, Helvetica, sans-serif;*/
/*"Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*.texto{ color:#555; font:15px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; padding:15px 60px; width:460px; overflow-y:scroll; height:70%; position:absolute; }*/
.texto{ color:#555; font:19px/20px Helvetica, serif; padding:15px 15px; width:90%; overflow-y:scroll; height:85%; position:absolute; }

.balazo{ color:#555; font:300 17px/15px 'Arial' Helvetica, serif; padding:15px 15px; width:90%;  position:relative; }
.autor{color:#09C; font:300 16px/20px; text-decoration:underline;position:relative;width:390px;float:left;padding-left:10px;padding-top:15px;text-align:left;}	

.anterior_art{ position:absolute; top:50%; left:360px; width:40px; height:68px; background:url(../imgdiseno/flecha_rielesL.png); opacity:.5;}
.anterior_art:hover{opacity:1;}
.siguiente_art{ position:absolute; top:50%; right:20px; width:40px; height:68px; background:url(../imgdiseno/flecha_rielesR.png); opacity:.5;}
.siguiente_art:hover{opacity:1;}

.mapeos{ height:80%; overflow:hidden; padding-top:15px;}
.pdf{-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .2);box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .2);}
.pag{padding-top:180px;}

.up{ border-bottom:#ccc solid thin; text-align:center; margin-top:15px;}
.down{ border-top:#ccc solid thin; text-align:center;}
 
.flechasprin       {width:100%; height:23px;  vertical-align:middle; border: 0px solid #red; line-height:23px; display:block; position:relative; z-index:220;  top:80px; }
.flechasprinvideo  {width:100%; height:100%;  vertical-align:middle; border: 0px solid blue; line-height:0px;  display:block; position:relative; z-index:270;  top:220px; }
.flechas           {width:50px; height:102px; vertical-align:middle; border: 0px solid red;  line-height:0px;                 position:relative; z-index:300;  top:0px; float:left;}
.cantidadFotos{font-size:16px; font-weight:bold; color:#333; line-height:150%}		

/* Estilos galería */
#gal{width:100%; text-align:center; padding-top:15px;}
#galTitulo{width:100%;text-align:left; padding-left:12px;float:left;padding-bottom:10px;position:relative;z-index:1}
#galImg{text-align:center; padding-bottom:5px; position:relative;}
#galIzq{position:absolute; top:40%; left:10px}
#galDer{position:absolute; top:40%; right:10px}
#galResumen{width:83%; float:left; padding-left:1%; text-align:left; }
#galNum{width:13%; padding-right:1%; float:left; text-align:right;}

/*Estilos foto */
#fotos{margin:0; padding:0; width:100%; height:270px; background:url(../img/img2012/separador.png) left bottom repeat-x;}
#fotos1{float:left; width:57%; padding-top:15px;}
#fotos2{float:left; width:43%; text-align:left; padding-top:15px;}

/*Estilos comentarios */
#comentarios{width:100%; text-align:center; position:relative; background-color:White;z-index:2;height:100%;}
#comentario1{width:83%;  padding-left:2%; float:left; padding-bottom:5px; text-align:left; padding-top:10px;}
#compartir  {width:15%;  float:right; padding-top:20px;}
#separador  {width:100%; height:15px; background:url(../img/img2012/separador.png) bottom repeat-x; float:left;}
/*
.comentNombre{font-weight:bold; color:#000;}
.comentFecha{color:#878787;}*/
.comentNombre{font:400 16px/20px "Oswald" Helvetica, serif; color:#000;}
.comentFecha{font:200 15px/18px "Oswald" Helvetica, serif; color:#878787;}
.textoComentario{ color:#555; font:200 17px/20px Helvetica, serif; padding:15px 20px; width:90%; overflow-y:scroll; height:85%; position:absolute; }

#wrapperHerr {
	position:relative;	/* needed */
	z-index:1;			/* needed and important */
	height: 680px;		/*needed */
	/*overflow:hidden;*/ /* suggested */
	border: 0px solid red; 
	width:100%;	
}
/*.titulocomentario {font:300 22px/22px 'Oswald','Arial',serif; text-align:left; }*/
.titulocomentario {font:200 22px/22px 'Oswald','Arial',serif; text-align:left; }


/*Estilos Compartir */
.compartir           {float:left; border: 0px solid red; display:none; position:absolute; top:155px; left:5%; z-index:2; }
.compartirrel        { float:left; border: 0px solid red; display:none; position:absolute; top:122px; left:330px; z-index:2; }
.compartircomentario { float:left; border: 0px solid #red; display:none; position:absolute; top:183px; left:195px; z-index:2; }
.compartirherr       { float:left; border: 0px solid #red; display:none; position:absolute; top:470px; left:130px; z-index:2; }

img a {border:0;}

#wrapper {
	position:relative;	/* needed */
	z-index:1;			/* needed and important */
	height: 660px;		/*needed */
	/*overflow:hidden;*/	/* suggested */
	border: 0px solid blue; 
	width:100%;
	background:#FFF
}
#scrollerText
{	
	font-size:22px;
	color:#333; 
	/*overflow-y:scroll; */
	text-align:left; 
	padding:0 15px;
	height:650px;
	width:97%;
	border:0px solid red;
	background:#FFF		
		
}

#scrollerFotos
{		
	color:#333; 
	overflow-y:scroll;
	text-align:left; 	
	height:650px;
	width:100%;
	border:0px solid red;
	background:#FFF		
		
}

#relacionadas{margin:0 auto; text-align:left; width:95%; border-top:3px solid #666;}
#relacionadasArt{border-bottom:1px solid #999; width:100%; padding:5px 0; background:url(../img/img2012/flechaRel.png) 99% 50% no-repeat;}
#relacionadasArt a{font-size:18px; color:#666; text-decoration:none; display:block; padding-right:50px; }
#relacionadasLink a{font-size:18px; color:#666; text-decoration: underline; display:block; padding-right:50px;}
.autor{color:#09C; font-size:16px; text-decoration:underline;width:68%;float:left;padding-left:10px;padding-top:15px;text-align:left}	

.relacionadasTit{font-size:20px; font-weight:bold; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #999999; display:block; width:100%;}
.relacionadasfecha{ font-size:10px; font-weight:bold; color:#333;}
	
.error
{
	width:690px;
	height:690px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:xx-large;
	color:Gray;
	line-height:690px;
	vertical-align:middle;
	text-align:center;
}
.warning
{
	width:690px;
	height:690px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:xx-large;
	color:Gray;
	line-height:690px;
	vertical-align:middle;
	text-align:center;
}
.regresar
{
	position:absolute;
	width:70px;
	height:35px;
	vertical-align:middle;
}
.pestana 
{
	height:35px;
	background-image:url(../img/fondo_titulo.jpg);
	text-align:center;
	vertical-align:middle;
	line-height:35px;
	font-family:Arial, Helvetica, sans-serif;
	 font-size:13px;
	 font-weight:bold;
	 color: #00e4ff;

}

.tituloFoto{font-size:18px; font-weight:bold; color:#333; line-height:150%;}
		.resumenFoto{font-size:13px; color:#333; line-height:120%; display:block; width:95%;}
		.cantidadFotos{font-size:16px; font-weight:bold; color:#333; line-height:150%;}		
		
.btn_play 
{
	width:312px;
	top:0px;
	position:relative;
	z-index:1;
	vertical-align:middle; 
	text-align:center;	
	height:268px;
	line-height:238px;

	
}

.btn_print {
margin: 2px 0px 0px 2px;
padding: 0px 10px;
float: left;
background: #4A4E50;
font: 100 16px/30px 'Oswald','Arial',serif;
color: #999;
cursor: pointer;
}

.on_print{ background:#f8f8f8; color:#4A4E50;}
.btn_print:hover{ background:#09F; color:#FFF;}

.titulo480 {
left: 0;
width: 853px;
}

#texto
{
	font: 14px/20px Helvetica, Arial, sans-serif;
	margin: 0px 140px 30px 140px;
	color: #333;
}



/*MOVILES*/
@media(max-device-width : 478px) and (orientation: portrait) 
{
	body
	{
		background-color:black !important;
		min-width:375px;		
		min-height:700px;
	}
  .divPrincipal
  {
  	width:100%;height:100%; background:blue; 
  }	
  
  #gal
  {
  	
  }
  
  .titulo{
      font:400 26px/26px 'Oswald','Arial',serif;
      padding: 15px 15px;   
      color:White;   
    }
    
  #divFgFoto
  {
  	border:0px solid red;
  	width:50%;
  	position:absolute;
  }
   
  #galResumen
  {
  	font-size:14px;
  	color:White;
  	
  }
  
  #galNum
  {
  	font-size:14px;
  	color:White;
  }
  
  #galImg
  {
  	border:0px solid yellow;  	
    overflow: hidden;    
  }
  
  #galImg img
  {
  	
	display:inline-block;
    max-width:100%;
    border:0px solid red;  
    height:100%;
    
  }
  
  #galIzq
  {
  	
    border:0px solid yellow;    
  }
  
  #galIzq img
  {
    max-height: 50px;
    max-width:20px;    
  }
  
  #galDer
  {
  	
    border:0px solid red;
  }
  
  #galDer img
  {
    max-height: 50px;
    max-width:20px;
         
  }
  
  #divFlechas
  {
  	top:20%;  	
  	height: 50px;
  	position:absolute;
  }
  
  #galTitulo
  {
  	
    border:0px solid red;    
  }
  
}
@media(max-device-width : 736px) and (orientation: landscape) 
{
	body
	{
		background-color:red !important;
		min-width:700px;		
		min-height:375px;
	}
  .divPrincipal
  {
  	width:100%;height:100%; background:black; 
  }	
  
  #gal
  {
  	
  }
  
  .titulo{
      font:400 26px/26px 'Oswald','Arial',serif;
      padding: 15px 15px;   
      color:White;   
    }
    
  #divFgFoto
  {
  	border:0px solid magenta;  	 	  	
  }
   
  #galResumen
  {
  	font-size:14px;
  	color:White;
  	width:83%; float:left; padding-left:1%; text-align:left;
  }
  
  #galNum
  {
  	font-size:14px;
  	color:White;
  	width:13%; padding-right:1%; float:left; text-align:right;
  }
    
  #galImg
  {
  	border:0px solid yellow;  	
    overflow: hidden;    
  }
  
  #galImg img
  {
  	
/*    max-height: 250px;*/
	display:inline-block;
    max-width:100%;
    border:0px solid red;  
    height:100%;
    
  }
  
  #galIzq
  {
  	
    border:0px solid yellow;    
  }
  
  #galIzq img
  {
    max-height: 50px;
    max-width:20px;    
  }
  
  #galDer
  {
  	
    border:0px solid red;
  }
  
  #galDer img
  {
    max-height: 50px;
    max-width:20px;
         
  }
  
  #divFlechas
  {
  	top:40%;  	
  	height: 50px;
  	position:absolute;
  }
  
  #galTitulo
  {
  	
    border:0px solid yellow;    
  }
  
}
/*Tabletas*/

@media(max-device-width : 650px) 
{
}


@media(max-device-width : 1024px) 
{
	body
	{
		background-color:black !important;
		min-width:375px;		
		min-height:700px;
	}
  .divPrincipal
  {
  	width:100%;height:100%; background:black; 
  }	
  
  #gal
  {
  	
  }
  
  .titulo{
      font:400 26px/26px 'Oswald','Arial',serif;
      padding: 15px 15px;   
      color:White;   
    }
    
  #divFgFoto
  {
  	border:0px solid red;
  	width:50%;
  	position:absolute;
  }
   
  #galResumen
  {
  	font-size:14px;
  	color:White;
  	
  }
  
  #galNum
  {
  	font-size:14px;
  	color:White;
  }
  
  #galImg
  {
  	border:0px solid yellow;  	
    overflow: hidden;    
  }
  
  #galImg img
  {
  	
	display:inline-block;
    max-width:100%;
    border:0px solid red;  
    height:100%;
    
  }
  
  #galIzq
  {
  	
    border:0px solid yellow;    
  }
  
  #galIzq img
  {
    max-height: 50px;
    max-width:20px;    
  }
  
  #galDer
  {
  	
    border:0px solid red;
  }
  
  #galDer img
  {
    max-height: 50px;
    max-width:20px;
         
  }
  
  #divFlechas
  {
  	top:20%;  	
  	height: 50px;
  	position:absolute;
  }
}
/*
@media(max-device-height : 836px) and (min-width : 451px) 
{
	body
	{
		background-color:black !important;
		min-width:375px;		
		min-height:700px;
	}
  .divPrincipal
  {
  	width:100%;height:100%; background:black; 
  }	
  
  #gal
  {
  	
  }
  
  .titulo{
      font:400 26px/26px 'Oswald','Arial',serif;
      padding: 15px 15px;   
      color:White;   
    }
    
  #divFgFoto
  {
  	border:0px solid red;
  	width:50%;
  	position:absolute;
  }
   
  #galResumen
  {
  	font-size:14px;
  	color:White;
  	
  }
  
  #galNum
  {
  	font-size:14px;
  	color:White;
  }
  
  #galImg
  {
  	border:0px solid yellow;  	
    overflow: hidden;    
  }
  
  #galImg img
  {
  	
	display:inline-block;
    max-width:100%;
    border:0px solid red;  
    height:100%;
    
  }
  
  #galIzq
  {
  	
    border:0px solid yellow;    
  }
  
  #galIzq img
  {
    max-height: 50px;
    max-width:20px;    
  }
  
  #galDer
  {
  	
    border:0px solid red;
  }
  
  #galDer img
  {
    max-height: 50px;
    max-width:20px;
         
  }
  
  #divFlechas
  {
  	top:20%;  	
  	height: 50px;
  	position:absolute;
  }
}
*/



/*
@media (orientation: landscape) 
{
	body
	{
		background-color:red !important;
   }
   
   #galTitulo
  {
  	
    border:1px solid yellow;    
  }
}
@media (orientation: portrait) 
{
	body
	{
    background-color:yellow !important; 
    }
    
     #galTitulo
  {
  	
    border:1px solid red;    
  }
}
*/