/*----------------------------------------------------------------------------------------------------------------*/ /* EN EL AULA */ /* ----------------------------------------------------------------- NUEVO DISENO PAGINA GUIAS */ #contenidoGuias, #contenidoDecalogo { float:left; width:100%; margin-top:1.5em; background} #contenidoGuias h2, #contenidoDecalogo h2 { background: none; color:#c5005f; border-bottom: 1px solid #ccc; font-size: 1.5em; } #contenidoGuias h2.auto{ background: url(../../img/general/en_el_aula/ico-coche.png) no-repeat; padding:10px 0 5px 90px;} #contenidoGuias h2.hogar{ background: url(../../img/general/en_el_aula/ico-hogar.png) no-repeat 0 -3px; padding:10px 0 5px 80px;} #contenidoGuias #guiasIzda { float:left; width:28em;} #contenidoGuias #guiasDcha { float:right; width:28em; margin-right:3em;} #contenidoGuias ul li { float:left; background:none; padding:0; font-size:1.1em; margin-left:0; margin-bottom: 1.3em} #contenidoGuias ul li a { width:33.5em; text-decoration:none; cursor: pointer; background: url(../../img/general/en_el_aula/ico-descarga.jpg) no-repeat; padding: 5px 0 3px 32px; background-size: 27px; display: table-cell;} #contenidoGuias ul li a.bold { font-weight: 600; } #contenidoGuias ul li a:hover {color:#c5005f;} #contenidoGuias #guiasIzda a, #contenidoGuias #guiasDcha a{ text-decoration: none;} #contenidoGuias #guiasIzda a h2, #contenidoGuias #guiasDcha a h2{ border: none;} #contenidoDecalogo { margin: 4em 0 ; } #contenidoDecalogo h2 {background: url(../../img/general/en_el_aula/estamos-seguros.png) no-repeat; background-size: 80px; padding: 15px 0 10px 100px; margin-bottom: 75px !important;} #contenidoDecalogo #decalogoIzda { float: left;width: 30em; background: #f9f9f9; border-radius: 10px;} #contenidoDecalogo #decalogoDcha { float: right;width: 30em; background: #f9f9f9; border-radius: 10px;} #contenidoDecalogo span.alConducir {background-size: contain; background-repeat: no-repeat; width: 220px; height: 130px; margin: -40px auto 0; display: block;} #contenidoDecalogo span.alConducir-es { background-image: url(../../img/general/en_el_aula/al-conducir_es.png);} #contenidoDecalogo span.alConducir-eu { background-image: url(../../img/general/en_el_aula/al-conducir_eu.png);} #contenidoDecalogo span.alConducir-ca {background-image: url(../../img/general/en_el_aula/al-conducir_es.png);} #contenidoDecalogo span.entuHogar { background-size: contain; background-repeat: no-repeat; width: 240px; height:130px; margin: -40px auto 0; display: block;} #contenidoDecalogo span.entuHogar-es { background-image: url(../../img/general/en_el_aula/en-tu-hogar_es.png); } #contenidoDecalogo span.entuHogar-eu { background-image: url(../../img/general/en_el_aula/en-tu-hogar_eu.png); } #contenidoDecalogo span.entuHogar-ca { background-image: url(../../img/general/en_el_aula/en-tu-hogar_es.png); } #contenidoDecalogo ul { margin-top:-20px;} #contenidoDecalogo ul li { text-align: center; list-style: none; border-bottom: 1px solid #ccc; padding: 15px 0; background: none; font-size: 1.2em; margin: 0 30px;} #contenidoDecalogo ul li span.num { font-weight: 600; color:#c5005f; display: block; font-size: 1.6em; margin-bottom: 7px;} #contenidoDecalogo a { padding: 13px 15px; background: #55284d; color:#fff; text-decoration: none; margin: 30px auto; text-align: center; display: block; border-radius: 5px; width: max-content; } #contenidoDecalogo a:hover { background: #c5005f; transition: .5s; } /*blog*/ #blog-actualidad{ background: #f9f9f9; border-radius: 10px; padding:10px; } #blog-actualidad h2 {background: none; color:#c5005f; font-size: 1.7em;} #blog-actualidad article{ background: #fff; padding: 5px 10px 10px;} #blog-actualidad .post-image img{ width: 100%; height: auto; } #blog-actualidad .post-details h3 { text-align: left!important; margin: 10px 0 0 0; } #blog-actualidad .post-details h3 a{ font-size: .8em; font-weight: 600; text-decoration: none; border: none; } #blog-actualidad .post-details h3 a:hover { color:#c5005f;} #blog-actualidad .post-details p{ font-size: 1em; color: #999; line-height: 1.5em;} #blog-actualidad .post-details ul.post-meta li{ font-size: .9em; display: inline-block; color: #ccc; background: none; margin:0 10px 0 0; padding: 0; } #blog-actualidad .post-details span.clock { background: url(../../img/general/en_el_aula/ico-clock.jpg); background-size: contain; width: 19px; height: 19px; display: inline-block; margin:0 3px -6px 0;} #blog-actualidad .post-details span.comments { background: url(../../img/general/en_el_aula/ico-coments.jpg); background-size: contain; width: 19px; height: 19px; display: inline-block; margin:0 4px -6px 0;} /*prevenir para vivir*/ #prevenir { background: #f9f9f9; border-radius: 10px; padding: 10px; margin-top: 80px; display: block; text-decoration: none;} #prevenir:hover p { text-decoration: underline; } #prevenir .prevenir-para-vivir{ width: 150px; height: 60px; background-size: contain; background-repeat:no-repeat; margin: -50px auto 0; display: block;} #prevenir .prevenir-para-vivir.img-es, #prevenir .prevenir-para-vivir.img-ca { background-image: url(../../img/general/en_el_aula/prevenir.jpg);} #prevenir .prevenir-para-vivir.img-eu { background-image: url(../../img/general/en_el_aula/prevenir_eu.jpg);} #prevenir p { color:#e4843c; font-weight: 600; line-height: 1.5em; padding: 10px;} /*----------------------------------------------------------------------------------------------------------------*/ /* EN EL AULA */ /* Consejos */ #contenido #flash{ margin:0em 2em 0 0; float:left;} #contenido #no_flash{ width:50em; border:solid .1em #CCCCCC; padding:.5em; font-size:80%;} #contenido #flash img{ border:solid .1em #ccc;} #contenido #texto_flash{ float: left; height: 37.5em; margin: 2.5em 0 0; width: 22em;} #contenido #consejos{ clear:left; margin:2.5em 0;} #contenido #consejos p{ margin:.5em 0 1em .5em;} #contenido #consejos a.enviar_consejo{ color:#000; font-weight:bold; margin:0 0 0 .5em;} #contenido #consejos a.enviar_consejo:hover{ text-decoration:none;} .nota_arriba{ margin:1em 0 0 0;} #contenedor #contenido h2.titular_linea{ margin:0em 0 .5em 0;} #contenedor #contenido a.enlace_simple{ margin-left:1em;} #contenido #consejos h2.titular_simple{ font-weight:bold; font-size:130%; margin-top:3em;} #columna_derecha .consejos{ margin-top:-.5em; float:left; *margin-right:1.5em;} #columna_derecha .consejos li{ background:none; padding:.5em 0; border-bottom:#CCC dashed 1px; margin:0em 0; font-size:.9em;} #columna_derecha .consejos li a:hover{ text-decoration:none;} #columna_derecha .consejos .last{ border:none;} #columna_derecha .blog_actualidad{margin-top:-1em; margin-bottom:.9em;} #contenido #top_volver { *margin-bottom:-3em;} /*************************************************/ .p_envio{margin:.5em 0; color:#C60062; font-size:1.1em;}