@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700italic);
/*general*/
#nav-seccion > li:nth-of-type(1) > a,
#nav-seccion > li:nth-of-type(1) > span { background: #4CA7D0; }
#nav-seccion > li:nth-of-type(1) > a:before,
#nav-seccion > li:nth-of-type(1) > span:before { background: #4CA7D0; content: ''; position: absolute; right: -6px; top: 11px; height: 9px; width: 9px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #FFF; border-top: 1px solid #FFF; z-index: 10; }
#nav-seccion > li:nth-of-type(2) > a,
#nav-seccion > li:nth-of-type(2) > span { background: #D93737; }
#nav-seccion > li:nth-of-type(2) > a:before,
#nav-seccion > li:nth-of-type(2) > span:before { background: #D93737; content: ''; position: absolute; right: -6px; top: 11px; height: 9px; width: 9px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #FFF; border-top: 1px solid #FFF; z-index: 10; }
#nav-seccion > li:nth-of-type(3) > a,
#nav-seccion > li:nth-of-type(3) > span { background: #E64D4D }
#nav-seccion > li:nth-of-type(3) > a:before,
#nav-seccion > li:nth-of-type(3) > span:before { background: #E64D4D; content: ''; position: absolute; right: -6px; top: 11px; height: 9px; width: 9px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #FFF; border-top: 1px solid #FFF; z-index: 10; }
#nav-seccion > li:nth-of-type(4) > a,
#nav-seccion > li:nth-of-type(4) > span { background: #EE6C6C }
#nav-seccion > li:nth-of-type(4) > a:before,
#nav-seccion > li:nth-of-type(4) > span:before { background: #EE6C6C; content: ''; position: absolute; right: -6px; top: 11px; height: 9px; width: 9px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #FFF; border-top: 1px solid #FFF; z-index: 10; }
.promocion { text-align: center; padding-top: 40px; }
hr { clear: both; }
.Concursos #contenido { border-bottom: 2px solid #7cafb4; padding-top: 20px; }
body.Concursos-pago #contenido h1 { border-bottom: 3px solid #4CA7D0; color: #333333; background: none repeat scroll 0 0 transparent; }
#contenido h1 { background: url("https://e00-elmundo.uecdn.es/pruebas/ana_trello/concursos/img/color-bar.jpg") no-repeat bottom left; border-bottom: 0; color: #333; }
#contenido h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; color: #333; font-size: 200%; text-align: center; }
#contenido h2 span,
strong.azul { color: #7cafb4; }
#contenido h2 + .entradilla { text-align: center; width: 70%; margin: 0 auto; line-height: 150%; margin-bottom: 15px; }
.nav-concursos { width: auto; margin: 0 auto; position: absolute; top: 45px; right: 15px; }
.nav-concursos li { display: inline; }
#contenido .nav-concursos li a { padding: 4px 8px; border: 2px solid #ccc; background: #333; border-radius: 5px; color: #fff; font-family: 'Droid Serif', serif; }
#contenido .nav-concursos li a:hover { background: #7cafb4; }
#comentarios_lectores_login .comentarios_lectores_paso { float: left; padding: 0 10px; }
#comentarios_lectores_login { width: 470px; padding: 10px; margin: 20px 0 0 0; border: 2px solid #DDDDDD; clear: both; text-align: left; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }
.col-6 #comentarios_lectores_login .comentarios_lectores_paso { width: 95%; }
html > body #comentarios_lectores_login .comentarios_lectores_paso { border: none; }
#comentarios_lectores_login h5 { font-size: 150%; padding: 4px 0; margin-bottom: 15px; color: #7CAFB4; border-bottom: 1px dotted #ccc; }
#comentarios_lectores_login label { font-size: 90%; }
#comentarios_lectores_login input { padding: 5px; border: 1px solid #7CAFB4; }
#comentarios_lectores_login .aviso { width: auto; text-align: right; margin-bottom: 8px; }
#comentarios_lectores_login .aviso input { width: auto; float: none; margin: 0 10px 0 0; padding: 0; }
#comentarios_lectores_login .btn { float: right; width: 90px; }
#comentarios_lectores_login .codigo-promo { border-bottom: 1px dotted #CCCCCC; clear: both; float: left; margin-bottom: 15px; }
#comentarios_lectores_login .btn input { float: none; width: auto; background: #333; color: #fff; font-family: 'Droid Serif', serif; border: none; padding: 5px; font-size: 95%; border-radius: 5px; }
.lock .nuevo_usuario { clear: both; float: left; font-size: 90%; }
#contenido .lock .nuevo_usuario a { background: #7CAFB4; font-style: italic; color: #fff; font-family: 'Droid Serif', serif; border: none; padding: 5px; font-size: 95%; border-radius: 3px 5px; }
.pregunta { display: block; padding: 10px 0; clear: both; text-align: left; margin-bottom: 5px; }
.pregunta > span { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 110%; clear: both; float: left; width: 100%; line-height: 145%; }
.pregunta label { padding-right: 8px; clear: both; float: left; width: 100%; margin-top: 10px; }
.pregunta label span { font: normal 90% Arial, Helvetica, sans-serif; }
.pregunta label input { padding-left: 8px; }
.Bases .col-6 { margin: 0 auto; float: none; line-height: 145%; font-size: 90%; }
.Bases .col-6 p,
.Bases .col-6 li { font-size: 100%; line-height: 145%; margin: 10px 0 10px 0; }
.Ganadores .col-12 ul { background: #eee; border-radius: 10px; padding: 10px; margin: 10px 0; text-align: center; }
.Ganadores .col-12 ul li { padding: 10px 0; }
.listado-concursos { clear: both; float: left; }
.listado-concursos .col .foto { width: 100%; clear: both; float: left; }
.listado-concursos hr { clear: both; }
.listado-concursos h3 { padding: 8px 0; clear: both; border-bottom: 2px solid #ccc; }
.listado-concursos .finalizados { opacity: .5; }
.promocion #envio { clear: both; float: left; padding-bottom: 20px; width: 100%; }
.promocion #envio h1 { background: none; font-size: 165%; color: #7CAFB4; }
.promocion #envio p { font-size: 90%; margin-bottom: 3px; }
.promocion .pregunta textarea { min-width: 470px; padding: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }
.promocion #error { background: none repeat scroll 0 0 #FFFFCC; border: 3px solid #E3E2D7; clear: both; color: #CC0000; float: left; line-height: 160%; margin-top: 15px; padding: 10px; font-size: 90%; }
/*Plantilla editor concursos de pago*/
body.Concursos-pago #contenido span.bases-depago a { float: right; padding: 6px; position: relative; text-align: right; top: -43px; color: #333333; }
body.Concursos-pago #contenido span.bases-depago a:hover { background-color: #4CA7D0; color: #ffffff; text-decoration: none; }
body.Concursos-pago #contenido .cabecera-depago { height: 100%; width: 964px; margin-bottom: 20px; }
body.Concursos-pago #contenido .texto-promocion-depago { float: left; min-height: 300px; margin: 0; width: 964px; }
body.Concursos-pago #contenido .texto-promocion-depago p { line-height: 25px; padding: 15px 15px 0 0; text-align: right; font-size: 1em; }
body.Concursos-pago #contenido .texto-promocion-depago .promocion-fondo { float: left; margin: 0; min-height: 300px; width: 964px; }
body.Concursos-pago #contenido .texto-promocion-depago .promocion-dcha { left: 50%; min-height: 300px; padding: 0; position: absolute; top: 175px; width: 48%; }
body.Concursos-pago #contenido .filas-categoria { clear: both; float: left; width: 964px; }
body.Concursos-pago #contenido .tit-categoria { border-bottom: 3px solid #4CA7D0; float: left; line-height: 20px; padding: 20px 0 0; width: 100%; }
body.Concursos-pago #contenido .tit-categoria p { color: #333333; font-size: 25px; padding-bottom: 5px; }
body.Concursos-pago #contenido .boxes-categoria { clear: both; float: left; margin-top: 15px; width: 964px; height: 200px; }
body.Concursos-pago #contenido .boxes-categoria .box-txt .txt-numero { color: #333333; float: left; font-size: 25px; font-style: italic; height: 55px; line-height: 54px; text-align: center; width: 33px; background-color: #DDDDDD; }
body.Concursos-pago #contenido .boxes-categoria .box-txt .txt-nombre { color: #333333; float: right; font-size: 18px; font-style: italic; height: 44px; line-height: 29px; margin: 0; padding: 11px 0 0; text-align: center; width: 151px; }
body.Concursos-pago #contenido .boxes-categoria .box-txt .txt-subtitulo { float: right; font-size: 11px; margin: -18px 0 0; text-align: center; width: 150px; }
body.Concursos-pago #contenido p.txt-legal-concursos { float: left; font-size: 12px; line-height: 15px; margin: 20px 0; text-align: center; width: 964px; }
/*Bases*/
body.Concursos-pago #contenido .bases-concursos { font-size: 12px; }
body.Concursos-pago #contenido .bases-concursos h3 { text-align: center; }
body.Concursos-pago #contenido .bases-concursos img { float: left; height: 250px; margin: 0 0 0 25%; width: 500px; }
/*Ganadores*/
body.Concursos-pago #contenido .texto-ganadores-depago ul { float: left; margin: 0; padding: 0; text-align: center; width: 100%; }
body.Concursos-pago #contenido .texto-ganadores-depago li { padding: 10px 0; }
body.Concursos-pago #contenido .texto-ganadores-depago ul > li:nth-of-type(1) { color: #333333; font-style: italic; margin: -10px 0 0; padding: 0 0 30px; }
/*Filas de 5 fotos*/
body.Concursos-pago #contenido .boxes-categoria .col-2 { float: left; margin: 0 8px 0 0; width: 184px; height: 200px; }
body.Concursos-pago #contenido .boxes-categoria .col-2 .box-img { background-color: #F4F4F4; float: left; height: 145px; margin: 0; width: 184px; }
body.Concursos-pago #contenido .boxes-categoria .col-2 .box-txt { background-color: #E6E6E6; float: left; height: 55px; margin: 0; position: relative; width: 184px; }
body.Concursos-pago #contenido .boxes-categoria .col-2 p.txt-hidden { float: left; height: 145px; position: relative; top: -145px; visibility: hidden; width: 184px; }
body.Concursos-pago #contenido .boxes-categoria .col-2:hover p.txt-hidden { background-color: rgba(1, 1, 1, 0.7); background-color : grey\9; color: #FFFFFF; font-size: 18px; font-style: italic; font-weight: bold; height: 95px; line-height: 20px; padding: 50px 0 0; position: relative; text-align: center; top: -145px; visibility: visible; width: 184px; }