/*NOTA*/
@import "/_ui/ver_201201231126/desktop/css/comentarios.css";
p {font: normal 15px/21px "trebuchet ms",arial,tahoma}

#principal {float:left; width:630px; margin-right:19px;} /*dejar 10 ms de margin-right en el resto de los elementos*/
#principal h4 {float:left; width:630px; padding-bottom:10px;}

h1 {margin:5px 0; font:bold 30px/32px "trebuchet ms", arial, tahoma !important;}
h2, h2.nota {margin:5px 0 15px 0; font:bold 15px/20px "trebuchet ms", arial, tahoma !important;}
h2.nota {margin:25px 0 5px 0;}
h2.subtitulo {background-color:#000000; color:#FFFFFF; font-weight:bold; margin:25px 0 5px; padding:2px 2px 2px 5px;}
h5 {margin:15px 0; font:bold 13px/17px "trebuchet ms", arial, tahoma;}

h6.relacionadas {float:left; background:#000 url("/_ui/desktop/imgs/layout/techos/notas-relacionadas.gif") 10px 7px no-repeat; height:24px; width:630px; margin:20px 0 7px 0; height:30px;}
h6.quienes-leyeron {float:left; background:#000 url("/_ui/desktop/imgs/layout/techos/quienes-leyeron.gif") 10px 7px no-repeat; height:24px; width:630px; margin:20px 0 7px 0; height:30px;}
h6 span {display:none;}

.consigna {float:right; background-color:#efefef; padding:15px; width:200px; margin:15px 0 15px 15px; color:#959595; font-size:13px;}
.consigna p {font-weight:bold; display:block; font-size:15px; font-style:italic; color:#000;}

/*Relacionadas*/
.nota-relacionadas ul {float:left; margin:0; width:630px; font-size:13px !important;}
.nota-relacionadas ul li {float:left; margin:5px 0 0 0; width:630px;}

/*Mir? m?s*/
#mira-mas {float:left; background-color:#f7f7f7; color:#777; padding:10px 12px; margin-bottom:20px; line-height:20px;}
#mira-mas h4 {font-size:12px; font-weight:bold;}
#mira-mas a {font-weight:bold;}

/*galer?a com?n

.focal {float:left; margin:5px 15px -38px 0;}
.galeria-focal {position:relative; z-index:1000; top:-80px; font-size:13px; line-height:17px;}

.galeria {float:left; margin-right:1px; padding:18px 12px; height:19px; background:#000 url("/_ui/desktop/imgs/layout/fondos/fondo-galeria.png") 10px 16px no-repeat; width:80px; font-weight:bold;}
.galeria .icono-gal {float:left; margin-right:7px; height:19px; width:24px; background: url("/_ui/desktop/imgs/layout/iconos/galeria.png") no-repeat;}

.galeria a {color:#f32028 !important; font-size:13px; line-height:20px;}
.galeria a:hover {color:#f32028;}

.epigrafe {float:left; color:#fff; padding:10px 12px; min-height:35px; background:transparent url("/_ui/desktop/imgs/layout/fondos/fondo-epigrafe.png") 0 0 repeat; max-width:230px;}
*/

/*Slide*/
/* These 2 lines specify style applied while slider is loading */
.csw {width:100%; height:430px; background:#fff; overflow:hidden}
.carrousel .csw {height:180px;}
.csw .loading {margin:200px 0 300px 0; text-align:center}

.slider-wrap {margin:0 0 20px 0; position:relative; width:100%;}
.stripViewer {position:relative; overflow:hidden; margin:auto; width:630px; height:420px; clear:both;}
.carrousel .stripViewer {height:180px;}
.stripViewer .panelContainer {position:relative; left:0; top:0; width:100%; list-style-type:none;}
.stripViewer .panelContainer .panel {float:left; position:relative; width:630px;}
.carrousel .panelContainer .panel {width:208px;}
.stripNavL, .stripNavR {position:absolute; bottom:22px; z-index:600!important;}
.stripNavL a, .stripNavR a {display:block;}

.stripNavL {left:0;}
.stripNavR {right:0;}
.stripNavR a{	border-right:0;}
.stripNavL {}
.stripNavR {}
.carrousel .stripNavR, .carrousel .stripNavL {position:absolute; top:0; left:0; height:180px; text-align:center;}
.carrousel .stripNavL a,.carrousel .stripNavR a {width:20px; height:180px; padding:0 5px; border:0;}
.carrousel .stripNavR {left:auto; right:2px;}
.carrousel .stripNavL {}
.carrousel .stripNavL img,.carrousel .stripNavR img {margin-top:80px;}

.panel h1 {position:absolute; top:160px; left:0px; padding:15px; width:300px;}
.panel .wrapper div.tras {position:absolute; left:0px; color:#fff; padding:10px 40px 10px 20px; min-height:40px; width:320px; bottom:36px; _bottom:24px; font:normal 13px "trebuchet ms", verdana, arial; color:#fff; background:url('/_ui/desktop/imgs/layout/fondos/fondo-epigrafe.png') repeat;}
#contenedor .panel a {color:#fff!important;text-decoration:none;}
*+html .panel .wrapper div.tras {bottom:24px; margin-bottom:1px;}

* html .panel .wrapper div.tras {bottom:23px; margin-bottom:1px; height:53px; left:60px;}

.hide {display:none;}
.show {display:block;}

.slider-nota .stripNavL, .slider-nota .stripNavR {bottom:170px;}
.slider-nota {margin-bottom:5px; }
/*.traslucido {opacity:0.75;filter:alpha(opacity=75);}*/
.traslucido {background:url('/_ui/desktop/imgs/layout/fondos/traslucido.png') no-repeat;}


/*ESP. COMUNIDAD*/

#sector-comentarios {float:left; width:630px;}
#sector-comentarios h6 {color:#d0232a; font-size:13px;}

.interfase {float:left; margin:0; width:630px; font-size:13px; line-height:18px; border-top:1px solid #c7c7c7; padding:10px 0;}
.interfase span {font-weight:bold; font-weight:13px !important; display:inline;}
.interfase .btn {float:right; background:#d0232a url("/_ui/desktop/imgs/botones/enviar.gif") no-repeat; border:none; cursor:pointer; width:94px; height:20px;}

.mensaje-importante {float:left; background-color:#efefef; padding:10px; margin:10px 0;}
.mensaje-importante span {display:inline; font-weight:bold;}

.mensaje-error {float:left; width:610px; padding:7px 10px; background-color:#aa1c22; margin:10px 0; color:#fff;}
.mensaje-error a, .mensaje-error a:hover {color:#fff;}
.mensaje-error a {text-decoration:underline;}

.limiteCaracteres {float:right; font-weight:bold;}

/*globos*/
#sector-comentarios {float:left; width:630px;}
ul.acu {float:left; width:630px; padding-bottom:12px;}
ul.acu li {float:left; width:630px;}
ul.acu li p {font-size:13px; line-height:17px;}

ul.acu li ul.avatar {float:left; width:105px; margin:0 11px 0 0; padding-bottom:12px; font-size:12px;}
ul.acu li ul.avatar li {float:left; margin:0 10px 0 0; width:45px;}
ul.acu li ul.avatar li.num {width:40px !important; margin:0 10px 0 0; font-size:20px; font-style:italic; color:#000; font-weight:bold; text-align:right;}

.rta-comentario-principal li.num {font-size:16px !important;}

.comentario-principal {float:left; width:630px; margin-top:30px;}
.comentario-principal .texto {float:left; width:460px; padding:15px 20px; background-color:#efefef;}
.comentario-principal .vertice {float:left; background:url("/_ui/images/elementos-nota/vertice-comentario.gif") 0 20px no-repeat; height:50px; width:14px;}
ul.acu h6 {font-size:14px !important; margin:0 0 5px 0;}

.rta-comentario-principal {float:left; width:460px; padding:15px 19px; background-color:#fff; border:1px solid #dfdfdf; border-top:none; margin-left:130px;}
.rta-comentario-principal .texto {float:left; width:342px;}

ul.herramientas-comunidad {float:left; width:270px; margin:15px 10px 0 0; font-size:11px;}
ul.herramientas-comunidad  li {float:left; width:80px; margin:0 5px 0 0;}
ul.herramientas-comunidad  li .responde {float:left; background:url("/_ui/desktop/imgs/layout/iconos/responder.png") no-repeat; height:16px; width:16px; margin-right:5px;}
ul.herramientas-comunidad  li .valora {float:left; background:url("/_ui/desktop/imgs/layout/iconos/valorar-comentario.png") no-repeat; height:17px; width:14px; margin-right:5px;}
ul.herramientas-comunidad  li .valora-negativo {float:left; background:url("/_ui/desktop/imgs/layout/iconos/valorar-comentario-negativo.png") no-repeat; height:17px; width:14px; margin-right:5px;}
ul.herramientas-comunidad  li .reporta {float:left; background:url("/_ui/desktop/imgs/layout/iconos/abuso.png") no-repeat; height:16px; width:15px; margin-right:5px;}
ul.herramientas-comunidad  li .nota-responderInactivo, 
ul.herramientas-comunidad  li .nota-responderInactivo:hover,
ul.herramientas-comunidad  li .nota-valorar2-deshabilitado,
ul.herramientas-comunidad  li .nota-valorar2-deshabilitado:hover {cursor:no-drop; text-decoration:none !important;}
ul.herramientas-comunidad  li#votar-positivo,
ul.herramientas-comunidad  li#votar-negativo {float:left; width:45px; margin:0 5px 0 0;}

.comentario-principal .mostrar-ocultar {float:left; width:120px; margin:15px 0 0 0; font-size:11px; padding-left:55px;}
.comentario-principal .mostrar-ocultar .mostrar {float:left; background: url("/_ui/desktop/imgs/layout/iconos/mostrar.gif") no-repeat; height:16px; width:16px; margin-right:5px;}
.comentario-principal .mostrar-ocultar .ocultar {float:left; background: url("/_ui/desktop/imgs/layout/iconos/ocultar.gif") no-repeat; height:16px; width:16px; margin-right:5px;}

.mostrar-comentarios, .ocultar-comentarios {float:right; text-align:right; font-weight:bold; font-size:13px; background: url("/_common/images/elementos-nota/mostrar-comentarios.gif") no-repeat; width:19px; height:19px; width:185px; padding-left:25px; margin:5px 0 10px 420px}
.ocultar-comentarios {background: url("/_common/images/elementos-nota/ocultar-comentarios.gif") no-repeat;}

/*FORMS*/
form {margin:10px 0 0 0; padding:0; font-size:12px;}
select, textarea, .field {float:left; margin:5px 0; vertical-align:middle; border:3px solid #000; font:normal 11px/15px arial, tahoma; color:#000;}

form .label {width:auto !important;}
textarea {height:80px; overflow:auto; margin-bottom:10px !important;}

.size624 {width:620px;}
.size450 {width:450px;}

#blogs-home {margin-bottom:25px;}


/* NOTA CRITICAS 
#nota .foto {
	border-bottom:1px dashed #CCCCCC;
	float:left;
	margin:0.25em 1.5em 0.25em 0pt;
	padding-bottom:0.5em;
}

#nota .foto img {
	display:block;
	margin-bottom:0.5em;
}
*/
ul#herr-1 span#votaciones{float:none; padding:0; font-weight:bold;}
ul#herr-1 li#votarDeshabilitado span{font-weight:bold;}
div.texto span.grisClaro {color:#999; font-style:italic;}
.btn-reportar {display:block;cursor:pointer;height:22px;width:95px;line-height:20px;background:url(/_ui/desktop/imgs/layout/botones/reportar.gif) no-repeat;}
.btn-reportar:hover {background:url(/_common/img/botones/reportar.gif) no-repeat;}
.btn-cancelar {display:block;cursor:pointer;height:22px;width:95px;line-height:20px;background:url(/_ui/desktop/imgs/layout/botones/cancelar.gif) no-repeat;}
.btn-cancelar:hover {background:url(/_common/img/botones/cancelar.gif) no-repeat;}
.banner_custom {text-align:center;}
div.fbook-connect {float:left;}

#nota p {margin-bottom:12px;}
div.galeria-focal div.fix {float:left; margin-right:1px; padding:18px 12px; height:19px;}


/*Fotos Galeria Embebida*/
.galeriaEmbebida .galeria {position:relative;}
.galeriaEmbebida img {border:1px solid #d9d9d9;margin-bottom:3px;height:420px!important;}
.galeriaEmbebida .foto {width:630px;height:473px;overflow:hidden;margin:auto;}
.galeriaEmbebida .foto .centrado {text-align:center;}
.galeriaEmbebida .foto .imagenPpal {height:470px;}
.galeriaEmbebida .epigrafe {font:normal 12px/17px arial,sans-serif;height:36px;width:100%;overflow:hidden;text-align:left;margin-top:3px;}
.galeriaEmbebida .counter {font-size:12px;color:#808080;width:110px;position:absolute;top:470px;left:510px;text-align:right;}
.galeriaEmbebida .botones {text-align:center!important;padding-left:0px!important;#float:left;}
.galeriaEmbebida .botones input.anterior {width:91px;height:26px;background:transparent url('/_ui/desktop/imgs/layout/botones/btn-anterior.gif') no-repeat top left;border:0;margin:0;margin-right:5px;cursor:pointer!important;}
.galeriaEmbebida .botones input.anterior:hover {background:transparent url('/_ui/desktop/imgs/layout/botones/btn-anterior.gif') no-repeat bottom left;}
.galeriaEmbebida .botones input.siguiente {width:91px;height:26px;background:transparent url('/_ui/desktop/imgs/layout/botones/btn-siguiente.gif') no-repeat top right;border:0;margin:0;cursor:pointer!important;}
.galeriaEmbebida .botones input.siguiente:hover {background:transparent url('/_ui/desktop/imgs/layout/botones/btn-siguiente.gif') no-repeat bottom right;}
.galeriaEmbebida .fuente {color:#808080;}

/*focal y focal con galeria*/
.focal {float:left; margin:5px 15px -38px 0;}
.focal .epigrafe {float:left; color:#fff; padding:10px 12px; min-height:35px; background:transparent url("/_ui/desktop/imgs/layout/fondos/fondo-epigrafe.png") 0 0 repeat; max-width:230px;}
.galeria-focal {position:relative; z-index:1000; top:-80px; font-size:13px; line-height:17px;}
.abreGaleria {float:left; margin-right:1px; padding:18px 12px; height:19px; background:#000 url("/_ui/desktop/imgs/layout/fondos/fondo-galeria.png") 10px 16px no-repeat; width:80px; font-weight:bold;}
.abreGaleria .icono-gal {float:left; margin-right:7px; height:19px; width:24px; background: url("/_ui/desktop/imgs/layout/iconos/galeria.png") no-repeat;}
.abreGaleria a {color:#f32028 !important; font-size:13px; line-height:20px;}
.abreGaleria a:hover {color:#f32028;}

/*textual*/
.textual2 {display:block!important; padding:0 40px;font:bold 15px/20px trebuchet ms,serif;clear:both;float:right;width:170px;position:relative;margin-bottom:10px;}
.textual2 span.abreComillas {display:block;position:absolute;width:25px;height:19px;top:5px;left:5px;}
.textual2 span.cierraComillas {display:block;position:absolute;width:25px;height:19px;bottom:5px;right:5px;}

/*lista*/
ul.lista li{background: url('/_ui/desktop/imgs/layout/fondos/bullet.gif') 0px 10px no-repeat;padding-left:10px;font-size:15px;line-height:21px;}

/*valorar*/
.valorarEmbebido {padding:0 0 18px 50px;position:relative;margin-bottom:20px;margin-top:30px;border-bottom:3px solid #000;}
.valorarEmbebido .botones span.porcentaje {width:45px;height:25px;float:left;display:block;background-color:#000;font:bold 24px/26px Arial,sans-serif;padding:8px 15px;margin:3px;color:#fff;}
.valorarEmbebido img {float:left;width:74px;height:49px;margin:0 2px;}
.valorarEmbebido .votos {background:url('/_ui/desktop/imgs/layout/fondos/deja-el-tuyo.gif') no-repeat;width:206px;height:46px;float:right;}
.valorarEmbebido .votos span {color:#d0232a;font:bold 25px Arial,sans-serif;position:absolute;right:77px;text-align:center;top:-9px;width:50px;}
.valorarEmbebido .votaste span {color:#d0232a;font:bold 18px/20px trebuchet ms,serif;padding-bottom:5px;position:absolute;right:47px;text-align:center;top:15px;width:115px;}

/*calificar*/
ul.calificar {margin:25px 0;}
ul.calificar li {float:left;font:bold 15px/20px Trebuchet ms,serif;margin-right:10px;}
ul.calificar li.puntaje {float:left; background:url('/_ui/desktop/imgs/layout/iconos/estrella-vacia.gif') repeat-x; width:85px; height:17px;}
ul.calificar li.puntaje span {float:left; display:block; width:100%; height:100%; background:url('/_ui/desktop/imgs/layout/iconos/estrella-plena.gif') repeat-x;}
ul.calificar li.ya img {margin-top:-3px;margin-left:10px;}

/*encuesta*/
.encuesta2 {border-bottom:solid 3px #000;border-top:solid 3px #000;padding:10px 0px;margin:20px 0;font-size:13px;}
.encuesta2 h2.techo{background: url('/_ui/desktop/imgs/layout/techos/techo-encuesta.gif') 0 0 no-repeat;width:96px;height:13px;border:0px;margin-bottom:8px;}
.encuesta2 span{font:bold 14px/20px Trebuchet ms,serif;border:none;display:block;margin-bottom:0px;}
.encuesta2 label{text-decoration:none;color:#D0232A;cursor:pointer;font-size:13px;margin-right:10px;}
.encuesta2 input {vertical-align:top;}
.encuesta2 input.votar{background: url('/_ui/desktop/imgs/layout/botones/boton-vota.gif') 0 0 no-repeat;width:64px;height:27px;border:none;margin:-5px 8px 0 15px;cursor:pointer;}

/*mas sobre*/
.masSobre {margin:20px 0;}
.masSobre ul li{padding:5px 0 0 10px;}
.masSobre h2.techo{background: url('/_ui/desktop/imgs/layout/techos/mas-sobre.gif') 0 0 no-repeat;width:94px;height:15px;border:0px;float:left;}
.masSobre .tags {float:right;font-size:15px;font-weight:bold;width:526px;margin-top:5px;}
.masSobre ul li {background: url('/_ui/desktop/imgs/layout/fondos/bullet.gif') 0px 8px no-repeat;padding-left:10px;padding-top:1px;margin-bottom:5px;}
.masSobre ul li a{font:normal 13px/17px Trebuchet ms,serif;}

/*tambien leyeron*/
h4.tambienleyeron {margin-top:30px;margin-bottom:0;clear:left;font-size:16px;color:#000;border-bottom:0!important;}
ul.tambienleyeron {margin:10px 0 30px 0;}
ul.tambienleyeron li {font-size:12px;width:140px;float:left;margin-right:20px;}
ul.tambienleyeron li.last {margin-right:0px!important;}
ul.tambienleyeron li a {color:#D0232A;font-weight:normal;word-spacing:0px;font:13px/18px Trebuchet ms, serif;}
ul.tambienleyeron li a.fot {border:1px solid #D9D9D9;height:93px;margin-bottom:8px;overflow:hidden;width:140px;display:block;}

/*herramientas*/
ul.herramientas {font-size:13px!important;font-weight:bold;margin-bottom:20px;border-bottom:solid 3px #000;padding-bottom:5px;}
ul.herramientas img {vertical-align:-10px;margin:0 3px;}
ul.herramientas li.derecha img {margin:5px;}
ul.herramientas .derecha .comentar {font-weight:bold;color:#19202a!important;}
ul.herramientas .comenta{float:left;width:100px;margin-right:25px;}
ul.herramientas .comenta a.texto {display:block;float:left;font-weight:bold;margin-top:10px;font-size:13px;}
ul.herramientas .comenta span.globo {float:left;padding-left:20px;background: url('/_ui/desktop/imgs/layout/iconos/comentario-icono.png') no-repeat;color:#D0232A; text-align:center;font:bold 15px Arial,sans-serif;margin-top:10px;}
ul.herramientas .comenta span.globo a {text-decoration:none;color:#D0232A!important;display:block;}
ul.herramientas .comenta span.globo a:hover {text-decoration:none;color:#fff;}
ul.herramientas .comenta span.globo {float:none;position: absolute;margin-left:8px;}
.twitter {float:left;margin-right:9px;width:60px;margin-top:8px;}
.compartirF {float:left;margin-right:12px;margin-top:9px;}
.meGusta{float:left;margin-right:12px;margin-top:8px;}


/* notas relacionadas */
.relac h4 {font: bold 15px/21px "trebuchet ms",arial,tahoma}
.relac li {font: normal 15px/21px "trebuchet ms",arial,tahoma}