@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url(http://themes.googleusercontent.com/static/fonts/robotoslab/v2/MEz38VLIFL-t46JUtkIEgCeJLMOzE6CCkidNEpZOseY.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(http://themes.googleusercontent.com/static/fonts/robotoslab/v2/dazS1PrQQuCxC3iOAJFEJR_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotoslab/v2/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(http://themes.googleusercontent.com/static/fonts/robotoslab/v2/dazS1PrQQuCxC3iOAJFEJTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}
@charset "UTF-8";
/* CSS Document */

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;
 }
 scrollbar{
	-moz-appearance: none !important;
}

a{text-decoration:none; color:blue}

.container_960{margin: 0 auto; width: 960px; min-width:960px;}


#velo{ width:100%; height:100%; position:fixed; background:url(../imgdiseno/art/bg_velo.png); background:rgba(0,0,0,.8);}

#box_art{
	width: 960px;
	height: auto;
	margin: auto;
	background: rgb(0,0,0);
	position: relative;
	/*background: url(../imgdiseno/art/bg_header.png);*/
	-webkit-box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, .8);
	box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, .8);
	overflow: hidden;
	/*background-image: url(../imgdiseno/art/bg_header.png);*/
}

#box_tools{
	width:37px;
	float:left;
	height:100%;
	position:relative;
}

#contenido_principal{
	width:920px;
	float:left;
	position:relative;
	/*border-left: 3px solid black;*/
	border-left: 3px solid #3C0;
} 

#content_tools{
	width:40px;
	height:100%;
	float:left;
}

.nombre_seccion{height:40px; font: 300 24px/40px 'Oswald', Helvetica, Arial, sans-serif; color:#666; background:#000; padding:0px 10px;}
#header_articulo { position:relative; background:#222; height:190px; overflow:hidden;}
#header_articulo .btn_submenu{
	font-family: 'Oswald', "Arial Narrow", sans-serif; 
	font-weight: 100; 
	font-size:15px; 
	color:#7f7f7f; 
	padding:3px 8px; 
	float:left; 
	-webkit-transition: all .7s ease; 
	-moz-transition: all .7s ease; 
	transition: all .7s ease; 
	letter-spacing:2px;
	line-height:35px;
	height:35px;
	}
#header_articulo .activa{ background-color:#333; color:#fff;}	
#header_articulo #submenu_articulo{ background:#000;}
#header_articulo .btn_submenu:hover{background-color:#555; color:#FFF; cursor:pointer; opacity:1;}

#header_articulo #riel_seccion{width:960px; margin:auto; background:#1c1c1c;}
/*#header_articulo .nota_seccion{position:relative; width:195px; height:130px; float: left; margin:10px 10px 10px 0px; cursor: pointer; overflow:hidden;}*/
#header_articulo .nota_seccion{position: relative;width: 195px;height: 130px;float: left;cursor: pointer;overflow: hidden;background: #222;margin: 10px 15px 10px 5px;}
#header_articulo .seccion .nota_seccion{margin: 0px 7px 5px 0px;}

/*#header_articulo .nota_seccion:hover img{}*/
#header_articulo .nota_seccion:hover{ background:#444;}
/*#header_articulo .nota_seccion img{position:absolute;  -webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease;}*/
#header_articulo .nota_seccion img{position:absolute;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; width:195px; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
#header_articulo .nota_seccion:hover img{opacity:.5;}
/*#header_articulo .gd_nota_seccion{
	width: 195px;
	height: 130px;
	background: url(../imgdiseno/art/gd_nota_seccion.png) no-repeat;
	position: absolute;
	left: 0px;
}*/
#header_articulo .gd_nota_seccion{width:195px; height:130px; background:url(../imgdiseno/art/gd_nota_seccion.png) no-repeat; position:absolute; opacity:.8; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-backface-visibility:hidden;}
#header_articulo .nota_seccion:hover .gd_nota_seccion, #header #cartones:hover .gd_nota_seccion{ opacity:1;}
#header_articulo .gd_nota_seleccionada{
	width: 195px;
	height: 130px;
	background: url(../imgdiseno/art/gd_nota_seleccionada.png) no-repeat;
	position: absolute;
	margin-top: 15px;
	top: -3px;
	left: -1px;
}
/*#header_articulo .titulo_nota_seccion{font-family: 'Oswald', "Arial Narrow", sans-serif;  font-weight:300; position:absolute; color:#FFF; bottom:0px; margin:4px 10px; text-shadow: 1px 1px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); font-size:18px;}*/
#header_articulo .titulo_nota_seccion{font: 400 17px/20px  'Oswald', "Arial Narrow", sans-serif; position: absolute; color: #ccc; bottom: -1px; margin: 6px 10px; text-shadow: 1px 1px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=1);}
#header_articulo .nota_seccion:hover .titulo_nota_seccion, #header #cartones:hover .titulo_nota_seccion{color:#FFF;}
#header_articulo .titulo_nota_seccion_seleccionada{font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight:300; position:absolute; color:#000; bottom:0px; margin:4px; text-shadow: 1px 1px 0px #FFFFFF; filter: dropshadow(color=#FFFFFF, offx=1, offy=1); font-size:18px;}


#header_articulo #riel_seccion #anterior{
	float: left;
	margin: 45px 9px 0px 13px;
	background: url(../imgdiseno/art/anterior.png) no-repeat;
	width: 22px;
	height: 34px;}

#header_articulo #riel_seccion #mascara_notas{width:860px; overflow:hidden; float:left; background:#333; padding-left:10px;}
#header_articulo #riel_seccion #notas{width:4400px;}	

#header_articulo #riel_seccion #siguiente{
	float: left;
	margin: 45px 9px;
	background: url(../imgdiseno/art/siguiente.png) no-repeat;
	width: 22px;
	height: 34px;
	}
#header_articulo .nota_seccion .resumen{ font: lighter 11px/14px Helvetica, Arial, sans-serif; color:#777; margin-top:5px;}
#header_articulo .nota_seccion:hover .resumen{ color:#ccc;}


#opciones { height:100%; background: #333; width:0px; float:left; position:absolute; z-index:20; height:400px;-webkit-box-shadow: inset 0px 0px 30px .5px rgba(1, 1, 1, .7);
box-shadow: inset 0px 0px 30px .5px rgba(1, 1, 1, .7); margin-top:20px; overflow:hidden; background:url(../imgdiseno/art/bg_header.png);}

#opciones .btn_cerrar{ width:30px; height:30px; float:right; margin:-10px 0px; }
#opciones .separador{ border-bottom:#333 thin solid; border-top:thin #111 solid; margin:15px 0;}
.anotacion{font:10px/16px Helvetica, Arial, sans-serif; color:#999;}
#comentar_fijo{margin:10px 50px; background:#333; padding:20px; color:#FFF;  -webkit-border-radius: 4px; border-radius: 4px;}
#comentar_fijo, .responder{font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight:300; margin:10px 50px; background:#333; padding:10px 20px; color:#FFF;  -webkit-border-radius: 4px; border-radius: 4px;}
.responder{display:none;}
#comentar_fijo .label, .responder .label{font:13px/14px Helvetica, Arial, sans-serif; color:#999;}
#comentar_fijo .columna, .responder .columna {width:260px; float:left; margin-right:30px;}
#opciones .input, #comentar .input, #comentar_fijo .input, .responder .input{
	outline:none;
	padding: 3px 5px;
	border: 1px solid #a8a8a8;
	font-size:13px;
	background: #f1f1f1;
	vertical-align:middle;
	color:#666666;
	width:240px;
	margin-bottom:5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	-khtml-border-radius: 5px; /* Linux browsers */
	border-radius: 5px; /* Opera 10.50, IE and CSS3 */	
	 
	 -moz-box-shadow: 1px 1px 3px #c9c9c9  inset, 0 0 0 0 ;
	 -webkit-box-shadow: 1px 1px 3px #c9c9c9 inset, 0 0 0 0 ;
	 box-shadow: 1px 1px 3px #c9c9c9 inset, 0 0 0 0 ;
	 /*rgba(0, 0, 0, 0.25)*/ 
}

.boton{ padding:5px; border: solid thin #444; margin:5px; text-align:center; background-color:#333; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; color:#FFF;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari and Chrome */
	-khtml-border-radius: 3px; /* Linux browsers */
	border-radius: 3px; /* Opera 10.50, IE and CSS3 */
	
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(1, 1, 1, .8);
	box-shadow: inset 0px 0px 2px 0px rgba(1, 1, 1, .8);
}
.boton:hover{background-color:#3C0;}

.responder .boton{float:left; margin:20px 0px 0px 0px; cursor:pointer;}
#comenta .boton{padding:0px;}

.btn_responder:hover{ background:#3C0; color:#FFF;}

#compartir{ width:260px; margin:20px; color:#ccc; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 100;}
.redes_sociales img{ margin:5px; width:32px; height:32px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.redes_sociales img:hover{-webkit-transform:scale(1.5);}


#comentar{ min-width:260px; margin:20px; color:#ccc; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 400;}
#comentar .input{width:95%;}
#comentar .label{ font:13px/14px Helvetica, Arial, sans-serif; color:#ccc;}
#btn_comentar{font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 400;}
.icono_respuesta{ float:left; margin:0px 20px 0px -40px; width:20px; height:15px; background:url(../imgdiseno/art/respuesta.gif);}
.icono_replica{ float:left; margin:0px 20px 0px -40px; width:20px; height:15px; background:url(../imgdiseno/art/replica.gif);}

.btn_menu_tools{ height:30px; background: #666; opacity:.5; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; overflow:hidden; width:30px; margin: 5px auto 0;}
.btn_menu_tools:hover{ opacity:1;}
.btn_menu_tools img{margin:3px; width:24px; height:24px;}

.btn_menu_herramientas{ height:45px; background: #3C0; opacity:.5; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; overflow:hidden; width:30px; margin: 5px auto 0;}
.btn_menu_herramientas:hover{ opacity:1;}
.btn_menu_herramientas img{margin:3px; width:24px; height:24px;}
#box_tools a{text-decoration:none; color:#FFF; height:100%;}
#box_tools a:hover{text-decoration:none; color:#FFF;}
#box_tools a:active{text-decoration:none; color:#FFF;}
.btn_menu_herramientas .cantidad{
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
}

.herramienta_activa{width:35px; margin-right:0px; opacity:1;}

.btn_cerrar_articulo{ height:30px; background: #666; opacity:.5; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; overflow:hidden; width:30px; margin: 2px auto;}

#articulo {width:920px; float:left; position:relative; background: #FFF; padding-top:4px;}
#articulo #nav{ position:absolute; width:100%; height:100%; top:0px; opacity:0; /*-webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; */}
#articulo .fotoP{position:relative; width:100%;}
#articulo .fotoH{float:left; margin:0px 30px 15px 50px; position:relative; width:480px; height:320px;}
#articulo .fotoV{float:left; margin:0px 30px 15px 50px; position:relative; width:300px; height:450px;}
#articulo .titulo{position:absolute; width:960px; bottom:66px; padding-bottom:10px; left:0; background: url(../imgdiseno/art/bg_velo.png) repeat;}
#articulo .titulo h1 {font: 400 48px/63px 'Oswald', "Arial Narrow", sans-serif; margin:5px 50px 5px 50px; color: #fff;}
#articulo .subtitulo, .subtitulo{padding:20px 0px 10px; font: 400 22px/28px 'Oswald', "Arial Narrow", sans-serif;}
#articulo .autor{color:#666;}
#articulo .autor:hover{ text-decoration:underline;}
#articulo #texto .foto{ float:left; padding-right:15px;}
#articulo #texto{ font:14px/20px Helvetica, Arial, sans-serif; margin: 0px 140px 30px 140px; color: #333;}
#articulo #textoPano{ font:14px/20px Helvetica, Arial, sans-serif; margin: -30px 140px 30px 140px; color: #333;}
#articulo .marcador{ background-color: #FF0;}

#articulo .videoPpal{text-align:center; margin:15px 0px 15px 10px;}
#articulo .video{text-align:center; margin:15px 0px 15px 0px;}

#articulo .titulo480{left:0; width:853px;}
#articulo .titulo480 h1 {line-height: 63px;font-weight: 400;font-size: 48px;font-family: 'Oswald', "Arial Narrow", sans-serif;margin: 15px  20px 15px 50px;}

#articulo .oi{ width:300px; padding:15px 30px 15px 0px; float:left;}
#articulo .oil{ width:300px; margin:15px 30px 15px -90px; float:left; clear:both; overflow: hidden;}
#articulo .oiH{padding:30px; width:300px; margin:310px 0px 0px -570px; float:left;}
#articulo .oiV{padding:30px; width:300px; margin:460px 0px 0px -390px; float:left;}
#articulo .oi img{width:300px; height:auto;}
#articulo .frase{font: 24px/28px 'Roboto Slab', serif; font-weight:700; width:300px; margin-left:-46px; margin-right:15px; /*float:left;*/  color:#3C0; padding:30px 15px 30px 30px; position:relative; border-right: thin solid #DDD;}
.frase_autor{font: 300 18px/18px Helvetica, Arial, serif; margin-top:10px; font-style:italic; color:#000; text-align:right}
.frase_autor_titulo{font: 300 12px/12px helvetica, arial, serif; color:#999; text-align:right}
#articulo .publicidad{width:300px; margin:0px 0px 15px 0px;}
#articulo .publicidadr{ float:right; width:300px; margin:15px -110px 15px 40px;}
#articulo .publicidad img{}
#articulo .publicidadH{width:300px; float:right; color:#3C0; margin:15px 0px 15px 15px;}
.bigpicture{margin:20px 0px 40px 0px;}
.bp_secuencia{ width:200px; float:right; margin:15px -120px 0px 15px}
.bp_secuencia img{margin-bottom:15px}

#articulo .video_articulo{padding:30px; width:450px; margin-left:-130px; float:left;}
#articulo .crono{ width:300px; background:#f0f0f0;margin-bottom:20px}
#articulo .crono h1{ font: 400 16px/22px 'Oswald', "Arial Narrow", sans-serif; padding:5px 10px; border-top:thin #FFF solid; color:#fff; background:#444;}
#articulo .crono .nRel{ font: 400 17px/20px 'Oswald', "Arial Narrow", sans-serif; padding:10px 15px 15px 15px; border-top:thin #FFF solid;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; clear:both; height:65px; color:#333;}
#articulo .crono .nRel:hover{ background: #3C0; color:#FFF;}
#articulo .crono .nRel .f_nRel {width:100px; height:65px; overflow:hidden; float:left; position:relative; margin:0px 10px 5px 0px;}
#articulo .crono .nRel img{width:100px; float:left;}
#articulo .crono .resumen{ font: 13px/14px Helvetica, Arial, sans-serif; color:#999;}
#articulo .crono .nRel:hover .resumen{ color:#333;} 
.fecha_cron{font: 10px/14px Helvetica, Arial, sans-serif; color:#06F;}


#articulo #foto_principal{position:relative; width:540px;}
#articulo #foto_principal #foto{position:absolute; cursor: move;}

#fg{background:#000;
	padding:0px;
	text-align:center;
	height:612px;
	position:relative;
	padding:10px 0px;
}

#fg img{
	max-height:612px; width:auto;
	max-width:920px; height:auto; margin:auto;
}

#articulo #fg{
	margin: 0px 0px 20px 0px;
	height:200px;
	background: #000; 
}
#articulo #fg img{
	max-height:200px; width:auto;
	max-width:300px; height:auto; margin:auto;
}
#articulo #fg .pie_foto{ display: none;}

.zoomBtn {width:40px; height:40px; position:absolute; top:0; right:0; z-index:10}
.zoomBtn a {width:40px; height:40px; background:url(../imgdiseno/btnZoomImg.png) no-repeat 0 0; display: block;}
.zoomBtn a:hover {width:40px; height:40px; background:url(../imgdiseno/btnZoomImg.png) no-repeat 0 -40px;}

.ic_fotogaleria{height:64px; width:64px; background:url(../imgdiseno/art/ic_fg.png); position:absolute; top:50%; margin-top:-32px; left:50%; margin-left:-32px;}
#fg:hover .ic_fotogaleria{display:none;}
#articulo .pie_foto{background:#000; color:#ccc; font:12px/13px Helvetica, Arial, sans-serif; background:url(../imgdiseno/art/bg_velo.png); padding:10px 10px 30px 10px; /*height:auto;*/ padding-top:23px; position:absolute; bottom:0px; width:900px; text-align: justify;}
#fg .pie_foto{background:#000; color:#FFF; font:13px/15px Helvetica, Arial, sans-serif; background:url(../imgdiseno/art/bg_velo.png); padding:10px 10px 30px 10px;}

#video {margin:20px 0px; text-align:center;}
#video .info_vid{ width:853px; text-align:left; margin:auto;}
#video .fecha{color:#999; font-size:12px; font-weight: bold; float:right;}
#video .titulo{color:#FFF; font: 700 24px/26px 'Oswald', "Arial Narrow", sans-serif; margin:10px 0px;}
#video .resumen{color:#ccc; font-size:14px;}
#video .fuente{color:#999; font-size:12px;}


#bloque1 .flecha_derecha{top:30%; -webkit-transform: scale(.6);}
#bloque1 .flecha_izquierda{top:30%; -webkit-transform: scale(.6);}

#bloque2 {background:#000; padding: 5px 30px; display:none;}
#bloque3 {height:0px; overflow:hidden;}

#bloque4, #bloque6, #bloque7 {background:#FFF; background:url(../imgdiseno/art/bg_conectar.jpg);}
#bloque4 h1, #bloque6 h1, #bloque7 h1{font: 28px/28px 'Oswald', "Arial Narrow", sans-serif; font-weight:400; color:#444; padding:10px 50px;}
.bloque .comentario{padding: 2px 0px; margin:0px 50px;}
.bloque .comentario img{ width:16px; height:16px; margin-top:-5px;}
.bloque .comentario .acciones{ float:left; font-size:12px; color:#333; cursor:pointer; margin-top:16px;}
.bloque .comentario .acciones .btn {padding:5px; margin:-2px 0px; float:left; opacity:.5; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; -webkit-backface-visibility: hidden; -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */

  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none; }
.bloque .comentario .acciones .btn:hover { background-color: #3C0; opacity:1; color:white;}
.bloque .comentario .acciones .btn img{width:16px; height:16px; margin-top:-5px;}
.bloque .datos_comentario{ margin:5px 0px; float:right;}
.bloque .datos_comentario .participante{font: 13px Arial, Helvetica, sans-serif; font-weight:bold; color:#3C0; text-align:right; font-style:italic; margin-right:10px;}
.bloque .localidad{font:12px/13px bold Arial, Helvetica, sans-serif; color:#AAA; float:right; margin-right:10px;}
.bloque .fecha{ font:12px/18px bold Arial, Helvetica, sans-serif; color:#ccc; float:left;}
.bloque .responder{ background-color:#333;}
.oculto{display:none;}
.likes{height:20px; background:#FC0 url(../imgdiseno/art/ico_me_gusta.png) right no-repeat; background-size:20px 20px; float:left; font: 300 16px/20px 'Oswald', "Arial Narrow", sans-serif; margin-right:10px; text-align:right; padding:2px 22px 2px 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.shares{height:20px; background:#FC0 url(../imgdiseno/art/ico_compartir.png) right no-repeat; background-size:20px 20px; float:left; font: 300 16px/20px 'Oswald', "Arial Narrow", sans-serif; margin-right:10px; text-align:right; padding:2px 22px 2px 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.replies{height:20px; background:#FC0 url(../imgdiseno/art/ico_responder.png) right no-repeat; background-size:20px 20px; float:left; font: 300 16px/20px 'Oswald', "Arial Narrow", sans-serif; margin-right:10px; text-align:right; padding:2px 22px 2px 4px; -webkit-border-radius: 4px; border-radius: 4px;}

#orden2{ display:none;}
#orden3{ display:none;}

.hid{ display:none;}

.bloque .datos_respuesta{}
.bloque .datos_respuesta .participante{font: 13px Arial, Helvetica, sans-serif; font-weight:bold; color:#333; float:right; font-style:italic;}
.bloque .respuesta {float: right; width:720px; background:#e9e9e9; -webkit-border-radius: 4px; border-radius: 4px; font: 13px/16px Helvetica, Arial, Helvetica, sans-serif; padding:10px 15px; color:#666; margin-top:10px;}
.bloque .replica {float: right; width:640px; background:#e9e9e9; -webkit-border-radius: 4px; border-radius: 4px; font: 13px/16px Helvetica, Arial, Helvetica, sans-serif; padding:10px 15px; color:#666; margin-top:10px;}
.bloque .texto_respuesta {}
.bloque .tip{font-size:11px; color:#CCC; margin-top:10px;}

.bloque .texto{background:#FFF; -webkit-border-radius: 4px; border-radius: 4px; font: 13px/16px Helvetica, Arial, Helvetica, sans-serif; padding:10px 15px; color:#666;}
.bloque .n_comment{float:left;  margin-right:5px; font-weight:bold; border-radius:10px; -webkit-border-radius:10px; background-color:#fff; color:#666; padding:0px 5px; font-size:12px;}
.bloque .agregar_comentario{ float:left; padding: 2px 10px;}
.bloque .tabs{border-bottom: thin solid #666; margin:0px 50px; bottom:0px;}
.bloque .tab{float:left; padding:2px 5px; margin:15px 2px 0px 0px; color:#333;cursor:pointer; font: 300 16px/20px 'Oswald', "Arial Narrow", sans-serif;}
.bloque .tab:hover{ background:#3C0; color:#FFF;}
.bloque .ordenar{float:left; padding:2px 5px; margin:15px 2px 0px 0px; color:#333; font: 300 16px/20px 'Oswald', "Arial Narrow", sans-serif;}
.bloque .on{background: #e8e8e8;}
.bloque .onfg{background: #777; color:#FFF;}
.bloque .offfg{background: #444; color:#999;}

#comentarios_lateral{z-index:10000;}
#comentarios{min-width:320px; min-height:600px; float:left; color: #CCC; position:fixed; top:0px; height:100%; right:0px; margin:0px; background:#222; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .9); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .9); border-left:#3C0 solid 3px; z-index:10200;}
#comentarios .titulo{font-family: 'Oswald', "Arial Narrow", sans-serif; padding:10px; background: #3C0; color:#FFF;}
.ocultar_comentarios{font: 300 16px/24px 'Oswald', "Arial Narrow", sans-serif; margin: -30px 50px 0px; float:right;}
.contenido_comentarios{position:relative;}


#footer_comentarios{ padding-top:5px; left:0px; display:block; min-width:320px; width:100%; background:#333;}
#comentarios h1{font-family: 'Oswald', "Arial Narrow", sans-serif; margin:20px 10px 0px; font-size:16px; float:left;}
#caja_comentarios{margin:0px 0px 20px 5px; padding:5px 10px 0px 5px; overflow-x: hidden; width:90%; overflow-y: scroll; scroll:auto; display:cell; height:100%;  display: block; margin:auto; position:relative; z-index:10199} 
#caja_comentarios .comentario{background:#333; -webkit-border-radius: 4px; border-radius: 4px; font-size:12px; padding:10px; margin:5px 0px; font-size:13px;}
#caja_comentarios .firma{font: 14px Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; text-align:right; color:#777; margin-top:5px;}
#mostrar_comentarios{width:40px; background: url(../imgdiseno/art/com_mostrar.png); height:200px; position:fixed; z-index:50; top:50%; margin-top:-100px; right:0px; padding:5px 0px 0px 3px; -webkit-box-shadow:0px 0px 20px .5px rgba(0, 0, 0, .5); box-shadow: 0px 0px 20px .5px rgba(0, 0, 0, .5);}
#ocultar_comentarios{width:100%; height:40px; background:url(../imgdiseno/art/com_ocultar.png) no-repeat right; margin-top:-40px; z-index:10201;}
#comenta{display: block;  width:100%; margin:auto; height:35px; background-color:#333; margin-bottom:5px; line-height:30px; overflow:hidden;}
#comenta #agrega{margin:0px 5px; transform:rotate(45deg);-ms-transform:rotate(45deg); /* IE 9 */-webkit-transform:rotate(45deg); /* Safari and Chrome */ font-family:Arial, Helvetica, sans-serif; float:left;}
.input_fake{ font-style: italic; width:75%; background:#FFF;-webkit-border-radius: 4px; border-radius:4px;-webkit-box-shadow: inset 3px 3px 15px 0px rgba(0, 0, 0, .3); box-shadow: inset 3px 3px 15px 0px rgba(0, 0, 0, .3); color:#999; font-family: Helvetica, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; float:left; font-size:13px; margin-right:10px; padding:0px 10px;}
#btn_comentar{color:#FFF;}
.num_comentarios{color:#3C0; float:left; background:url(../imgdiseno/art/ic_comentarios.png) no-repeat right -5px; background-size:35px 35px; font-size:12px; width:35px; height:35px; text-align:center; margin-right:10px;  font: 12px/20px 'Oswald', "Arial Narrow", sans-serif;}
.mas_comentarios{ width:250px; margin:10px auto; background:#3C0; text-align:center; padding:5px; -webkit-border-radius: 4px 4px 0px 0px ; border-radius: 4px 4px 0px 0px;-webkit-box-shadow: inset 0px 10px 10px 1px rgba(0, 0, 0, .3); box-shadow: inset 0px 10px 10px 1px rgba(0, 0, 0, .3); cursor:pointer;}
.mas_comentarios:hover{ background:#3C0; color:white;}

#notas_relacionadas{font: 28px/28px 'Oswald', "Arial Narrow", sans-serif; font-weight:400; padding:5px; background:#FFF; background: url(../imgdiseno/art/bg_conectar.jpg);}
#notas_relacionadas h1{margin: 20px; color:#333; font-size:28px;}
#notas_relacionadas .art_rel{ float:left; background:#ccc; margin:5px; padding:5px; width:430px; color:#666; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; height:130px;}
#notas_relacionadas .art_rel:hover{ background:#fff; color:#666;}
#notas_relacionadas .art_rel .foto{ float:left; height:130px; width:200px; overflow: hidden; margin-right:15px;}
#notas_relacionadas .art_rel .foto img{ width:200px;}
#notas_relacionadas .art_rel .cabeza{font: 24px/28px 'Oswald', "Arial Narrow", sans-serif; font-weight:400; margin: 10px 15px 0px;}
#notas_relacionadas .art_rel .date{font: 18px/24px 'Oswald', "Arial Narrow", sans-serif; font-weight:300; color:#999;}
#notas_relacionadas .art_rel .resumen{font: 13px Arial, Helvetica, sans-serif; margin:0px 15px;}

.ocart_rel{ float:left; background:rgb(0,0,0); margin:5px; padding:5px; width:280px; color:#999; height:65px;}
.ocart_rel:hover{ background:#444; color:#fff;}
.ocart_rel .foto{ float:left; height:65px; overflow: hidden; margin-right:10px;}
.ocart_rel .foto img{ width:100px;}

.ocart_rel .cabeza{font: 20px/24px 'Oswald', "Arial Narrow", sans-serif; font-weight:300;}
.ocart_rel .editorialistapagina{font: 14px/18px 'Oswald', "Arial Narrow", sans-serif; font-weight:300; color:#fff;}
.desc_editorialista{color:#999; font:12px/13px Helvetica, Arial, sans-serif; padding:15px 0px; border-top: #ccc solid thin; margin-top:15px;}

#otras{ padding:5px; background:#FFF; background: url(../imgdiseno/art/bg_header.png);}
#otras h1{font: 28px/28px 'Oswald', "Arial Narrow", sans-serif; font-weight:400; margin: 20px; color:#ccc;}
#otras .art_rel{ float:left; background:#333; margin:5px; padding:5px; width:280px; color:#999; height:65px;}
#otras .art_rel:hover{ background:#666; color:#fff;}
#otras .art_rel .foto{ float:left; height:65px; overflow: hidden; margin-right:10px;}
#otras .art_rel .foto img{ width:100px;}

#otras .art_rel .cabeza{font: 17px/24px 'Oswald Light', "Arial Narrow", sans-serif; font-weight:300;}
#otras .art_rel .editorialistapagina{font: 14px/18px 'Oswald', "Arial Narrow", sans-serif; font-weight:300; color:#fff;}

.share{position:absolute; top:0px; left:0px; padding:3px; background:#fff; -webkit-border-radius: 5px; border-radius: 5px; opacity:0; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);}
.fotoP:hover .share{ opacity:1; top:-40px;}
.fotoV:hover .share{ opacity:1; top:-40px;}
.fotoH:hover .share{ opacity:1; top:-40px;}
.frase:hover .share{ opacity:1; top:-40px;}
.compartible .share{ opacity:1; top:-40px;}
.cloud{position:absolute; bottom:-20px;}
.frase .cloud{position:absolute; bottom:-21px;}
.compartible{ width:20px; height:20px; background:url(../imgdiseno/art/compartible.png); background-size:20px 20px; position:absolute; top:10px; left:10px; -webkit-box-shadow: 1px 1px 1px 0px rgba(1, 1, 1, .3); box-shadow: 1px 1px 1px 0px rgba(1, 1, 1, .3);}


.m5{ margin:5px;}
.top-fixed {
    position: fixed;
    top: 0;
}

.bottom-fixed {
    position:fixed;
    bottom: 0;
}

/* CLEAR */

.clear {
        clear: both;
        display: block;
        visibility: hidden;
        width: 0;
        height: 0;
}

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */


	
#caja_comentarios::-webkit-scrollbar {
                /* set the width of the scroll bar */
                width: 5px;
				margin-right:5px;
        }
        
#caja_comentarios::-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;
}

#caja_comentarios::-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,.5);
		-webkit-border-radius: 6px;
		-webkit-background-clip: padding-box;
		}

.rielTitArt { height:150px; float:left; background:#333;}
.rielTitArt h2 {position:relative; float:left; width:40px; height:100%;}
.rielTitArt h2 span {width:130px;
	-webkit-transform-origin:75px 65px;
	-moz-transform-origin: 75px 65px;
	display:inline-block;
	-webkit-transform:rotate(270deg);
	-moz-transform: rotate(270deg);
	text-align:center;
	font:100 22px/24px 'Oswald','Arial',serif;color:#666;
	}
	
.rielTit { height:250px; float:left}
.rielTit h2 {position:relative;float:left;width:40px;height:100%;}
.rielTit h2 span {width:250px;
	-webkit-transform-origin:130px 120px;
	-moz-transform-origin: 130px 120px;
	display:inline-block;
	-webkit-transform:rotate(270deg);
	-moz-transform: rotate(270deg);
	text-align:center;
	font:100 22px/24px 'Oswald','Arial',serif;color:#fff;
	}
	
	#no_tools{width:960px;position:relative;} 
#no_tools .tit{font:300 24px/40px 'Oswald', "Arial Narrow", sans-serif; text-align:center; background:#000; color:#fff;}
.susc{margin-bottom:30px; background:#333; color:#fff;}
.floL{ float:left;}
.floR{ float:right;}
.box_input{float:left; width:200px; margin-right:30px;}
.btn_ayuda{float:left; margin-left:5px;}
area{ outline:none;}
.img_publicaciones{float:left; margin:-20px 10px -10px -10px; width:139px; height:89px;}
.text_registrate{float:left; font: 300 18px/40px 'Oswald', 'Arial Narrow', sans-serif;}
.logo_registrate{float:left; padding:5px 10px; width:103px; height:30px;}
.btn_desconectado{width:150px; float:left;}
#no_tools .input{width:200px; margin-top:5px;}

#articulo .crono .numeral{ font: 400 18px/20px 'Oswald', "Arial Narrow", sans-serif; padding:10px; border-top:thin #FFF solid; color:#333; position:relative;}
#articulo .crono .highlight{font: 400 18px/22px 'Oswald', "Arial Narrow", sans-serif; color:#3C0; padding:0px 10px; text-transform:uppercase;}
#articulo .crono .resumen{ font: 13px/14px Helvetica, Arial, sans-serif; color:#777; padding:0px 10px 10px 10px;}
#articulo .crono .separador{ border-bottom:#ccc thin solid; margin:10px 0px} 

/*botón Extra*/
.btnExtra {width:36px; height:36px; position:absolute; top:5px; right:5px; z-index:10}
.btnExtra a, .btnExtraFloatL a{ width:36px; height:36px; background:url(../imgdiseno/btnExtra.png) no-repeat 0 0; display: block;}
.btnExtra a:hover, .btnExtraFloatL a:hover { width:36px; height:36px; background:url(../imgdiseno/btnExtra.png) no-repeat 0 -36px;}
.btnExtra a:active, .btnExtraFloatL a:active {width:36px; height:36px; background:url(../imgdiseno/btnExtra.png) no-repeat 0 -72px;}
.mdl {overflow:hidden; background: #000; position:relative;}
.mdl .foto, .riel .foto{width:100%; height:auto; position:relative;}
.mdl .foto img{width:100%; height:auto;}
.promoN p{padding: 0px 15px 10px 15px;}
.promoN h1{font:100 25px/40px 'Oswald','Arial',serif; color: #fff; padding-left:15px; }
.promoN .balazo{font:100 14px/15px 'Oswald','Arial',serif; color:#3C0; padding-left:15px;}
.promoN .foto{width:300px; height:250px; float:left; overflow:hidden;}
.promoN .foto img{width:300px; height:auto; position:relative;}
.promoN .ic_caption{position:absolute;overflow:hidden;margin:0px;padding: 30px 0 0 0;left:0px;right:0px;cursor:default;background: url(../imgdiseno/grdAV_1.png) repeat;}
.x1 {width:300px;}
.y1 {height:250px;}
/*botón play video y audio*/
.btnPlayVideo {width:630px; height:39px; position:absolute; top:0; right:0; z-index:10}
.btnPlayVideo a, .btnPlayVideoFloatL a{ width:630px; height:39px; background:url(../imgdiseno/btnPlayVideo.png) no-repeat 0 0; display: block;}
.btnPlayVideo a:hover, .btnPlayVideoFloatL a:hover { width:630px; height:39px; background:url(../imgdiseno/btnPlayVideo.png) no-repeat 0 -39px;}
.btnPlayVideo a:active, .btnPlayVideoFloatL a:active {width:630px; height:39px; background:url(../imgdiseno/btnPlayVideo.png) no-repeat 0 -78px;}
 /*botón fotogaleria*/
.btnFotogal {width:630px; height:39px; position:absolute; top:0; right:0; z-index:10}
.btnFotogal a, .btnFotogalFloatL a{ width:630px; height:39px; background:url(../imgdiseno/btnFotogal.png) no-repeat 0 0; display: block;}
.btnFotogal a:hover, .btnFotogalFloatL a:hover { width:630px; height:39px; background:url(../imgdiseno/btnFotogal.png) no-repeat 0 -39px;}
.btnFotogal a:active, .btnFotogalFloatL a:active {width:630px; height:39px; background:url(../imgdiseno/btnFotogal.png) no-repeat 0 -78px;}
 /*botón gráfico animado*/
.btnGrafico {width:630px; height:39px; position:absolute; top:0; right:0; z-index:10}
.btnGrafico a, .btnGAFloatL a{ width:630px; height:39px; background:url(../imgdiseno/btnGrafico.png) no-repeat 0 0; display: block;}
.btnGrafico a:hover, .btnGAFloatL a:hover { width:630px; height:39px; background:url(../imgdiseno/btnGrafico.png) no-repeat 0 -39px;}
.btnGrafico a:active, .btnGAFloatL a:active {width:630px; height:39px; background:url(../imgdiseno/btnGrafico.png) no-repeat 0 -78px;}
 /*botón Extra*/
.btnExtra {width:630px; height:39px; position:absolute; top:0; right:0; z-index:10}
.btnExtra a, .btnExtraFloatL a{ width:630px; height:39px; background:url(../imgdiseno/btnExtra.png) no-repeat 0 0; display: block;}
.btnExtra a:hover, .btnExtraFloatL a:hover { width:630px; height:39px; background:url(../imgdiseno/btnExtra.png) no-repeat 0 -39px;}
.btnExtra a:active, .btnExtraFloatL a:active {width:630px; height:39px; background:url(../imgdiseno/btnExtra.png) no-repeat 0 -78px;}

/*botón Sondeos*/
.btnSondeos {width:36px; height:36px; position:absolute; top:5px; right:5px; z-index:10}
.btnSondeos a, .btnSondeosFloatL a{ width:36px; height:36px; background:url(../imgdiseno/btnSondeos.png) no-repeat 0 0; display: block;}
.btnSondeos a:hover, .btnSondeosFloatL a:hover { width:36px; height:36px; background:url(../imgdiseno/btnSondeos.png) no-repeat 0 -36px;}
.btnSondeos a:active, .btnSondeosFloatL a:active {width:36px; height:36px; background:url(../imgdiseno/btnSondeos.png) no-repeat 0 -72px;}
/*botón Sondeos en Riel 2V*/
.btnSondeosR2V {width:36px; height:36px; position:absolute; top:15px; right:30px; z-index:10}
.btnSondeosR2V a { width:36px; height:36px; background:url(../imgdiseno/btnSondeos.png) no-repeat 0 0; display: block;}
.btnSondeosR2V a:hover  {width:36px; height:36px; background:url(../imgdiseno/btnSondeos.png) no-repeat 0 -36px;}
.btnSondeosR2V a:active {width:36px; height:36px; background:url(../imgdiseno/btnSondeos.png) no-repeat 0 -72px;}

.btnPlayVideoFloatL, 
.btnFotogalFloatL,
.btnAudioFloatL {width:36px; height:36px; float:left; padding:5px 10px}

/*Captions*/
.ic_container {vertical-align:baseline;position:relative;}
.ic_caption{position:absolute;overflow:hidden;margin:0px;padding:0px;left:0px;right:0px;bottom:0;cursor:default;background: url(../imgdiseno/bg_caption.png) repeat;}
.ic_caption span{font:100 11px/13px 'Helvetica','Arial',serif; color:#fff; padding:5px;}
.gd .ic_caption {position:absolute;overflow:hidden;margin:0px;padding:90px 0 0 0;left:0px;right:0px;cursor:default;background:url(../imgdiseno/grdAV_1.png) repeat-x 0 40px;}
.overlay {opacity:0.8;position:absolute;top:0px;bottom:0px;left:0px;right:0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.ic_category {text-transform:uppercase;font-size:11px;padding:5px;margin:0px;}
/*PUBLICACION (NUEVO)*/
.publicacion {float:right; padding:30px 0px; color:#770000; font-size:13px;}
.actualizacion {padding:10px 0px; color:#770000; font-size:13px;} 
/*PLECAS*/
#articulo .oil h1{ font: 400 18px/22px 'Oswald', "Arial Narrow", sans-serif; padding:5px 10px; border-top:thin #FFF solid; color:#fff; background:#444;}
#obscurecePagina
{
	position: absolute;
	background-color: #000000;
	filter: alpha(opacity=80);
	opacity: .8;
	display: none;
	z-index: 100;
	top:0px;
	left:0px;
}
#newsletter { color:#ccc; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 100; background: #333; width:0px; float:left; position:absolute; z-index:20; height:300px;-webkit-box-shadow: inset 0px 0px 30px .5px rgba(1, 1, 1, .7);
box-shadow: inset 0px 0px 30px .5px rgba(1, 1, 1, .7); margin-top:20px; overflow:hidden; background:url(../imgdiseno/art/bg_header.png);}

#newsletter .btn_cerrar{ width:30px; height:30px; float:right; margin:0px 0px; }

/*#newsletter{ width:260px; margin:20px; color:#ccc; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 100;}*/
#newsletter .radio{ margin-right:10px;}
.btn_nl{line-height:30px; cursor:pointer;}

.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;}

#obscurecePagina
{
	position: absolute;
	background-color: #000000;
	filter: alpha(opacity=80);
	opacity: .8;
	display: none;
	z-index: 100;
	top:0px;
	left:0px;
}

#zoomPiePagina
{	
	position : absolute;
	background-color: #000000;
	filter: alpha(opacity=80);
	opacity: .8;
	z-index: 102;
	display: block;	
}

#zoomPiePagina span
{
	color: #fff;
	margin-right:0px;
	margin:5px;
	font: lighter 13px/16px 'Helvetica','Arial',sans-serif;
	border: 0 none;
	display: block;
}

#zoomCerrar
{	
	position : absolute;
	z-index: 103;
	display: block;	
}

#zoomCerrar a
{
	cursor:pointer;
	color: #000;
	background: url("../imgdiseno/art/btn_cerrar.png") no-repeat;
	display:block;
	width:40px;
	height: 40px;
}

div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.compartir {opacity: 1;background: #484848;}
.compartir:hover {opacity: 1;background: #666666;}

.extras_cancha{font: 12px/15px Helvetica, Arial, sans-serif; color:#ff0000; margin-top:0px; padding:5px 10px 0px 10px;}
.extras_negocios{font: 12px/15px Helvetica, Arial, sans-serif; color:#014d65; margin-top:0px; padding:5px 10px 0px 10px;}