@charset "utf-8";
/* CSS Document */

* {  margin: 0;  padding: 0;}
html, body{ margin:0; padding:0; text-align:center; height: 100%;}
.clear{ display: block; clear:both;}
.clear2 { display:block; clear: both; float: none; margin: 0; padding: 0; border: none; font-size: 0; height:0;  overflow:hidden;}

/* ------------------ DIVs principales -------------------- */
body{ font-family: 'Lato', sans-serif; font-size:1em; color:#3F4C4B; background-color: #909092;  background: url(/css/sarela/img/fondo.gif) repeat;}
#sombraizqsup{ display: block; position:absolute; margin-left:-0.75em; width: 0.75em; height:100%; background: url(/css/sarela/img/sombr_latizq.png) repeat-y;}
#sombradersup{ display: block; position:absolute; margin-left:61.25em; width: 0.313em; height:100%; background: url(/css/sarela/img/sombr_latder.png) repeat-y; }
#sombraizq{ display: block; position:absolute; margin-left:-0.75em; width: 0.75em; height:100%; background: url(/css/sarela/img/sombr_latizq.png) repeat-y;}
#sombrader{ display: block; position:absolute; margin-left:61.25em; width: 0.313em; height:100%; background: url(/css/sarela/img/sombr_latder.png) repeat-y; }
#paginacompleta{ display: block; width: 61.25em; text-align:left; margin:0 auto;}
.float_l { float:left;}
.float_r { float:right;}
.oculto { display:none; height:0;}
/* -----------------/Fin DIVs principales/--------------- */

/* ---------------------- Titulos ------------------------ */
body.home h1, body.plantilla h1 { font-size: 1.28em; color: #1A7669; margin-bottom: 2.9em; font-weight:normal;}
body.home h2, body.plantilla h2 { font-size:1.18em; font-family:'Montserrat'; text-transform:uppercase; margin-bottom:.55em; color: #1A7669;}
body.home h3, body.plantilla h3 { font-size:1.05em; }
body.home h4, body.plantilla h4 { font-size:1em; }
body.home h5, body.plantilla h5 { font-size: 1.3em; font-family:'Montserrat';}
body.home h6, body.plantilla h6 { font-size:0.7em; font-family:'Montserrat';}
/* ---------------------- /Fin Titulos ------------------------ */

/* --------------- Elementos de texto, listas, esquinas redondeadas,etc ---------------- */
p { margin: 0; line-height:normal;}
ul, ol { margin: 0; }
ul { list-style:none; }
ol { list-style-type: none; }
a { color:#197668; text-decoration: none; }
a:hover { text-decoration: none; color:#76174C; }
a:focus {outline:0;}
a img{text-decoration: none; border: 0;}
label{margin: 0 0.25em; }
img { text-decoration: none; border: 0;}
.esquredond { -webkit-border-radius: 0.313em; -moz-border-radius: 0.313em; -ms-border-radius: 0.313em; /* IE9 y superiores */ border-radius: 0.313em;}
/* --------------- Elementos de texto, listas, esquinas redondeadas,etc ---------------- */

/* ---------------------- CABECERA ---------------------- */
#cabecera{ display: block; position:relative; width:61.25em; height:auto; background-color: #197669; margin: 0 auto;}
#cabecera #idioma{ display: block; position:absolute; width:4.375em; height:1.125em; background-color:#137669; color:#FFFFFF; top:0; right:0; cursor:pointer; z-index:2;}
#cabecera #idioma ul { display:block; position:relative; list-style:none; font-family:Arial, Helvetica, sans-serif;  font-weight:bold; font-size:0.75em; text-align:center; color:#ffffff; width:100%; height:100%; z-index:1;} 
#cabecera #idioma ul li { display:block; position:relative; width:4.834em; height:100%; line-height:1.5em; padding-left:0.58em; }
#cabecera #idioma ul li:hover { color:#ffffff;}
#cabecera #idioma ul li ul { display:none; position: absolute; /* Muy importante */ width:7.556em; height:auto; margin:0 -0.8em; /* Lo colocamos donde queremos */ border:0.02em #4C4C4C solid; }
#cabecera #idioma ul li:hover ul { display: block;}
#cabecera #idioma ul li ul li { display:block; float:none; position:relative; width:100%; padding:0; border:0; height:2em; line-height:2em; background-color:#F1F0EE; border-bottom:0.02em #CCCCCC solid;}
#cabecera #idioma ul li ul li:hover { background-color:#BABAB9; color:#FFFFFF;}
#zonalogo{ display: block; position:relative; float:left;  width: 11.563em; height:11.25em; text-align:right;}
#zonalogo .redessoc { display: block; position:absolute; width:100%; height:1.563em; background-color: #1A7669; bottom:0.31em; text-align:center;}
#zonalogo .redessoc .seguenos { display: inline-block; position:relative; width:6.16em; height:1.563em; line-height:1.563em; font-size:0.8em; color:#FFFFFF; margin-left:0.4em; }
#zonalogo .redessoc .face { display:inline-block; margin-left:0.2em; margin-right:0.2em; width:1.5em; height: 1.438em; }
#zonalogo .redessoc .face a {display:block; width:100%; height:100%; background-image: url('/css/sarela/img/ico_face.png'); background-position:left; background-repeat:no-repeat;}
#zonalogo .redessoc .face a:hover {background-image: url('/css/sarela/img/ico_face_h.png');}
#zonalogo .redessoc .youtub { display:inline-block; margin-left:0.2em; margin-right:0.2em; width:1.5em; height: 1.438em; }
#zonalogo .redessoc .youtub a {display:block; width:100%; height:100%; background-image: url('/css/sarela/img/ico_youtub.png'); background-position:left; background-repeat:no-repeat;}
#zonalogo .redessoc .youtub a:hover {background-image: url('/css/sarela/img/ico_youtub_h.png');}
#zonalogo .redessoc a span { display:none;}
#zonalogo ul.a-controls{ text-align: left;}
#zonalogo #logo{ display: block; position:absolute; top:0.4em; left:1.35em; width: 5.86em; height:6.592em; margin-bottom:0; visibility: visible; z-index: 10;}
#zonalogo #logo span{ display: block; width: 100%; margin-top:0.315em; color: #FFFFFF; font-size: 11px; text-align: center;}
#zonalogo #logo a img {width:100%; height:auto;}
#zonalogo img{ border:none;}
.zonaslider{ display: block; position:relative; float:right; width: 49.688em; height:11.25em; }
.zonaimgcabec{ display: block; position:relative; float:right; width: 49.688em; height:11.25em; }
#cabecera .zonmenu{ display: block; position:relative; float:left; width:61.25em; height:auto; min-height:2em; /*min-height:36px;*/ margin:0; background-color:#E9EDEC; border-bottom: 0.02em solid #197669;}
#cabecera .zonmenu ul.menuprin{ display: block; position:relative; width:100%;}
#cabecera .zonmenu ul.menuprin li { display:inline-block; position:relative; font-family: 'Oxygen', sans-serif; font-size:1em; font-weight:bold; margin-left:1.18em; margin-right:0; padding:0.5em 0; }
#cabecera .zonmenu ul.menuprin li a, #cabecera .zonmenu ul.menuprin li a:link, #cabecera .zonmenu ul.menuprin li a:visited { display:inline;  color:#197669; text-transform:uppercase;}
#cabecera .zonmenu ul.menuprin li a:hover { color:#76174C;}
#cabecera .zonmenu ul.menuprin li a.activo { color:#76174C;}
/* --------------- /Fin Cabecera ---------------- */

/* ----------------- ESTRUCTURA CUERPO y CONTENIDO GENERAL----------------*/
#cuerpo { display:block; position:relative; width:61.25em; height:auto; background-color:#FFFFFF; margin:0 auto;  padding-bottom:0.9em;}
.contenido { display: block; position:relative; width:61.25em; height:auto; padding-top:1.5em; text-align:left;}
.contenido li{ text-align:left;}
#cuerpo .contenido .colizq { display:block; position:relative; float:left; width:14.063em; height:auto; padding:0 0.625em 0 0.938em; }
#cuerpo .contenido .colder { display:block; position:relative; float:left; width:43.75em; height:auto; }
/*** Home ****/
#cuerpo .contenido .colcent { display:block; position:relative; float:left; width:26.25em; height:auto; padding:0 0.625em; }
body.home #cuerpo .contenido .colder { float:right; width:16.25em; padding:0 1.25em 0 0.625em;}
#cuerpo .zonbuscador{ display:block; position:relative; width:100%; height:34px;}
#cuerpo .zonbuscador form#buscador { display:block; position:relative; float:right; width:180px; height:19px; background-color:#FFFFFF; margin-top:8px; right:12px; vertical-align:top; border:1px solid #EBEBEB; margin-left:10px; -webkit-box-shadow: 5px 5px 8px 0px rgba(183,183,183,1); -moz-box-shadow: 5px 5px 8px 0px rgba(183,183,183,1); box-shadow: 5px 5px 8px 0px rgba(183,183,183,1);}
#cuerpo .zonbuscador form#buscador input { float:left; width:137px; height:19px; line-height:19px; padding-left:8px; margin-right:3px; background:transparent; background-repeat:no-repeat; background-position:left; font-size:12px; color:#4A4A4A; border:none;}
#cuerpo .zonbuscador form#buscador input.btenviar { position:relative; float:right; width:32px; height:19px; background-image: url(/css/sarela/img/ico-lupa.png); background-repeat:no-repeat; cursor:pointer; margin-right:0; padding-left:0;}
/*** /Fin Home ****/
/* ------------------/Fin Estructura Cuerpo y contenido General--------------------*/  

/* ----------------- CUERPO y CONTENIDO HOME----------------*/
#cuerpo .contenido .colizq div.slide_colab { margin-left: 1.5em; }
#cuerpo .contenido .colizq .subscribol { display:block; position:relative; width:13.75em; height:auto; margin:0 auto 1.25em; padding:0 0 1em; border-radius: 0.188em; -moz-border-radius: 0.188em; -webkit-border-radius: 0.188em; -webkit-box-shadow: -0.06em 0.06em 0.875em 0.125em rgba(183,183,183,1); -moz-box-shadow: -0.06em 0.06em 0.875em 0.125em rgba(183,183,183,1); box-shadow: -0.06em 0.06em 0.875em 0.125em rgba(183,183,183,1);}
#cuerpo .contenido .colizq  h6, #cuerpo .contenido .colizq  h4 { display:block; position:relative; margin:2em auto 0.5em;  color:#197669; text-align:center; padding:0 0.81em; }
#cuerpo .contenido .colizq  .titu6, #cuerpo .contenido .colizq  .titu4 { display:block; position:relative; margin:2em auto 0.5em;  color:#197669; text-align:center; padding:0 0.81em; font-weight:bold;}
#cuerpo .contenido .colizq  .titu4 { font-size:1em;}
body.home #cuerpo .contenido .colizq  .titu6{ font-size: 0.7em; font-family: 'Montserrat'; padding: 0.5em 0.81em 0;}
#cuerpo .contenido .colizq .subscribol form#formsubscrib { display:block; position:relative; width:85%; height:auto;margin: 0 auto; background-color:#E8EDEC;}
#cuerpo .contenido .colizq .subscribol form#formsubscrib label { display:block; position:relative; font-family: Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:bold; padding-top:0.5em; padding-left:0.7em;}
#cuerpo .contenido .colizq .subscribol form#formsubscrib input { display:block; position:relative; width:78.7%; height:1.26em; margin:0 auto;}
#cuerpo .contenido .colizq .subscribol form#formsubscrib input.btenviabusq { display:block; position:relative; float:right; width:auto; height:auto; padding:0.35em 1em; margin-top:0.6em; font-family: Arial, Helvetica, sans-serif; font-size:0.56em; background-color:#197669; border:none; color:#FFFFFF; cursor:pointer;}
#cuerpo .contenido .colizq .subscribol form#formsubscrib input.btenviabusq:hover { background-color:#76174C;}
#cuerpo .contenido .colizq .banner { display:block; position:relative; width:100%; height:auto; margin-bottom:0.94em;}
#cuerpo .contenido .colizq .banner a {display:block; text-align:center;}
#cuerpo .contenido .colizq .banner .aSmartSlideshow { margin: 0 0.94em;}
#cuerpo .contenido .colizq .banner img{ max-width:100%; height:auto; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);}
#cuerpo .contenido .colizq .banner a img:hover, #cuerpo .contenido .colizq .banner a:hover img{ opacity: .65; -moz-opacity: .65; filter:alpha(opacity=65);}
#cuerpo .contenido .colizq .zonpluginface { display:block; position:relative; width:100%; margin-bottom:1.55em; text-align:center;}
#cuerpo .contenido .colizq .zonpluginface img{ width:100%;}
#cuerpo .contenido .colizq .zonpluginface iframe{ width:100%;}
#cuerpo .contenido .ultnovas { display:block; position:relative; width:100%; height:auto;}
#cuerpo .contenido .ultnovas h2 { display:block; position:relative; color:#197668;}
#cuerpo .contenido .ultnovas .unanova { display:block; position:relative; width:92%; height:auto; padding:0.62em 4%; margin-bottom:1.25em; background-color:#FFFFFF; border-radius: 0.188em; -moz-border-radius: 0.188em; -webkit-border-radius: 0.188em; -webkit-box-shadow: -0.06em 0.06em 0.875em 0.125em rgba(183,183,183,1); -moz-box-shadow: -0.06em 0.06em 0.875em 0.125em rgba(183,183,183,1); box-shadow: -0.06em 0.06em 0.875em 0.125em rgba(183,183,183,1); }
#cuerpo .contenido .ultnovas .unanova img { display:block; position:relative; margin:0 auto 0.6em; border:none;  max-width:100%; height:auto;}
#cuerpo .contenido .ultnovas .unanova h3 { display:block; position:relative; width:92%; padding:0; margin:0.3em auto 0.7em; }
#cuerpo .contenido .ultnovas .unanova h3 a{ color:#197668;}
#cuerpo .contenido .ultnovas .unanova a:hover{ color:#76174C;}
#cuerpo .contenido .ultnovas .unanova p { display:block; position:relative; width:92%; padding:0; color:#3F4C4B; font-size:0.94em; margin:0 auto 0.35em; }
#cuerpo .contenido .ultnovas .unanova p.lermais { display:block; position:relative; color:#197668; font-size:0.88em; font-weight:bold; text-align:right;}
#cuerpo .contenido .ultnovas .unanova .zonetiquetas { width: 92%; padding: 0; margin: 0 auto;}
#cuerpo .contenido .ultnovas .unanova .zonetiquetas .unaetiqueta{ display:inline-block; width:auto; font-size:13px; font-style:italic; margin-right:0.2em;}
#cuerpo .contenido .ultnovas .unanova .zonetiquetas .unaetiqueta a.categ { color: #28887A; }
#cuerpo .contenido .ultnovas .unanova .zonetiquetas .unaetiqueta a.categ:hover { color: #505C5B; }
#cuerpo .contenido .colcent .ultnovas .unanova { width:88%;}
/* ------------------/Fin Cuerpo y contenido Home--------------------*/ 

/* -----------------Pantalla GENÉRICA ----------------*/
#cuerpo .contenido .colizq .menuver{ display: block; position:relative; width:89%; padding:0 6.6%; list-style:none; margin-bottom:1.25em; margin-left: 0!important; }
#cuerpo .contenido .colizq ul.menuver li { display:block; position:relative; font-family:'Montserrat'; font-size:0.81em; margin-bottom:0.75em; text-transform: uppercase;}
#cuerpo .contenido .colizq ul.menuver li a, #cuerpo .contenido .colizq ul.menuver li a:link, #cuerpo .contenido .colizq ul.menuver li a:visited { display:block; color:#1C8072; padding:0.23em 0.35em; /* padding: 3px 5px; */}
#cuerpo .contenido .colizq ul.menuver li a:hover { background-color:#A2C8C3; color:#333333;}
#cuerpo .contenido .colizq ul.menuver li a.activo { background-color:#A2C8C3; color:#333333;}
#cuerpo .contenido .colizq ul.menuver li ul li { display:block; position:relative; padding-top:0.14em; padding-left:0.35em; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; margin-bottom:0;}
#cuerpo .contenido .colizq ul.menuver li ul li:before {content: "-"}
#cuerpo .contenido .colizq ul.menuver li ul li a {display: inline; position: relative; }
#cuerpo .contenido .colizq ul.menuver li ul li a, #cuerpo .contenido .colizq ul.menuver li ul li a:link, #cuerpo .contenido .colizq ul.menuver li ul li a:visited { display: inline;}
#cuerpo .contenido .colizq ul.menuver li ul li a:hover { background-color: transparent; color:#1C8072; text-decoration:underline; font-weight:700;}
#cuerpo .contenido .colizq ul.menuver li ul li a.activo {  background-color: transparent; color:#1C8072; text-decoration:underline; font-weight:700;}
#cuerpo .contenido .colder .desarrollocont { display:block; position:relative; width:93%; height:auto; padding:0 2.5% 0 4.5%; margin-bottom:1.55em; border-left:#CBCFCE solid 0.06em;  text-align:center;}
#cuerpo .contenido .colder .desarrollocont h2 { display:block; position:relative; color:#197668; margin-bottom:1.25em;   text-shadow:#CCCCCC 0.125em 0.125em 0.125em; text-align:left;}
#cuerpo .contenido .colder .desarrollocont h3 { display:block; position:relative; color:#197668; margin-left:0.25em; text-align: left;}
#cuerpo .contenido .colder .desarrollocont .column1 { float:left; width: 48%;}
#cuerpo .contenido .colder .desarrollocont .column2 { float:left; width: 48%; margin-left: 4%;}
#cuerpo .contenido .colder .desarrollocont p { display:block; position:relative; color:#3F4C4B; font-size:1em;  margin-bottom:1.25em; /*margin-bottom:20px;*/ text-align:left;}
#cuerpo .contenido .colder .desarrollocont p.piefoto { display: inherit; width: 96%; text-align: center; margin: 0 auto 24px; font-size:13px; line-height:16px; font-style:italic; text-align:left;}
#cuerpo .contenido .colder .desarrollocont a { position:relative; /*display:block;*//* Problema con el editor en safari, chrome*/ font-size:0.88em; font-weight:bold;}
#cuerpo .contenido .colder .desarrollocont a:hover { text-decoration:underline;}
#cuerpo .contenido .colder .desarrollocont .aRichText ul { display:block; position:relative; list-style-type:disc;}
#cuerpo .contenido .colder .desarrollocont .aRichText ul li { font-size:1em; color:#3F4C4B; margin-bottom:0.35em; }
#cuerpo .contenido .colder .desarrollocont img { max-width:100%; height:auto!important; padding:0; margin:0 auto; border:0; text-align:left;}
#cuerpo .contenido .colder .desarrollocont ul.a-media-image li { width:97%; padding:0; margin:0 auto;}
#cuerpo .contenido .colder .desarrollocont ul.a-media-image li img{ max-width:100%; margin:0 auto; padding:0; border:0; text-align:left;}
#cuerpo .contenido .colder .desarrollocont ul.a-media-video{ max-width:100%; height:auto; list-style-type: none; padding:0; margin:0 auto 1.2em;}
#cuerpo .contenido .colder .desarrollocont ul.a-media-video li.a-media-video-embed{ max-width:100%; height:100%; margin:24px 0; }
#cuerpo .contenido .colder .desarrollocont ul li.a-media-video-embed iframe{ max-width:100%; min-height:23.8em; max-height:30em;}
#cuerpo .contenido .colder .desarrollocont ul.a-slideshow li img { margin:0;}
#cuerpo .contenido .colder .desarrollocont .aFile { display:block; position:relative; width:98%; height:auto; margin:1.25em 0 1.25em 2%;}
#cuerpo .contenido .colder .desarrollocont ul.a-file-meta li {margin-left: 1em;}
#cuerpo .contenido .colder .desarrollocont ul.a-file-meta li.a-file-title { color:#197669;; font-size:1.1em; font-weight:normal; margin-bottom:0.3em;}
.a-slot.aFile .a-file-slot .a-file-title { font-size:1.1em; }
#cuerpo .contenido .colder .desarrollocont .a-file-slot{ width:100%; height:auto; margin:1em auto;}
#cuerpo .contenido .colder .desarrollocont .a-slot.aFile .a-file-slot .a-file-meta {width:86%;margin-left:1em; margin-bottom:0;}
#cuerpo .contenido .colder .desarrollocont ul.a-file-meta { width:86%; padding:0; list-style:none;}
#cuerpo .contenido .colder .desarrollocont ul.a-file-meta li {margin-left:0!important;}
#cuerpo .contenido .colder .desarrollocont .a-slot.aFile .a-file-slot .a-file-description { margin-bottom:0.35em;}
#cuerpo .contenido .colder .desarrollocont .a-slot.aFile .a-file-slot .a-file-description p{ font-size:0.88em; line-height:normal; margin:0 0 0.44em;}
#cuerpo .contenido .colder .desarrollocont .a-slot.aFile .a-file-slot .a-file-download { text-align:left; clear:both; }
#cuerpo .contenido .colder .desarrollocont .a-slot.aFile .a-file-slot .a-file-download a { padding-left: 1.6em;}
#cuerpo .contenido .colder .desarrollocont .a-slot.aFile .a-file-slot .a-file-download a:hover { text-decoration:underline;}
#cuerpo .contenido .colder .desarrollocont .a-file-meta p { margin-bottom:0.19em; text-align:left;}
/* ----------------- /Fin Pantalla genérica ----------------*/

/* ------------------- Estructura Pagina una columna ----------------*/
body.unacolumna #cuerpo .contenido .colizq { display:none; float:none; height:0;}
body.unacolumna #cuerpo .contenido .colder { float:none; width:94%; padding:0 3%;}
body.unacolumna #cuerpo .contenido .colder .desarrollocont { border-left:0;}
/* --------------- /Fin Estructura Pagina una columna ---------------*/

/* ----------------- Contenido listado Noticias, Blog, etc ----------------*/
.a-blog-item-content ol { list-style-type:decimal;}
.a-blog-item-content ul { list-style-type: disc; margin-left: 1.25em; }
.a-blog-item-content ol li, .a-blog-item-content ul li { font-size:1em; color:#3F4C4B; margin-bottom:0.35em;}
body.plantilla h2.a-blog-item-title { font-size:1.1em;}

.a-blog-item-media img { max-width:100%;}
/* ----------------- /Fin Contenido listado Noticias, Blog, etc ----------------*/

/* -----------------Inicio Pantalla Contacto----------------*/
fieldset.formulario { width: 45%;}
fieldset.formulario .contact_politica_privacidad div.a-form-row {width: 91%!important;}
fieldset.formulario .contact_politica_privacidad label{  width:auto;}
.contact_politica_privacidad .a-form-field{ float:left; }
.contact_politica_privacidad .a-form-field input#contact_politica_privacidad { width:1.5em; height:1.5em;}
fieldset.formulario input.captcha { width: 7.85em;}
div.columna_b { width: 48%; padding-left: 2.5%; margin: 0.315em 0; border-left: 0.06em solid #ddd;}
div.columna_b .gmap { width:100%!important;}
/* ----------------- /Fin Pantalla Contacto ----------------*/

/* ----------------- Inicio Tienda ----------------*/
#cuerpo .contenido .colizq .cesta { display: block; position: relative; width: 89%; padding: 0 6.6%; list-style: none;margin-bottom: 1.25em;}
#cuerpo .contenido .detallenoti { display: block; position: relative; width: 100%; }
.a-blog-item-excerpt-container { margin-bottom: 0.32em; }
.a-blog-read-more { float:left; margin-top:0.24em; }
.engadir-cesto .carrito-link {  display:block; width:auto; height:1.63em; padding: 0.24em 0 0 2.2em; background: url(/css/sarela/img/carrito.ico) no-repeat;}
.engadir-cesto .carrito-link span { margin-top: 0.6em; }
.engadir-cesto { float:left;}
/* ----------------- /Fin Tienda ----------------*/

/* ----------------------- Mediateca ----------------------*/
.a-media .a-media-item .a-media-item-title { margin:0.5em 0 0.32em;}
.a-media .a-media-item .a-media-item-description p { font-size:0.85em;}
.a-media .a-media-item .a-media-item-meta {font-size:0.85em;}
.a-media .a-media-item span, .a-media .a-media-item a { font-size: 0.875em; }
.a-media .a-media-library .a-media-item span, .a-media .a-media-library .a-media-item a { font-size: 1em;}
/* ------------------- /Fin Mediateca --------------------*/

/* ------------------------ INTRANET --------------------------*/
body.intranet #cuerpo .contenido .colizq ul.menuver { display:block; position:relative; width:90%; padding:0 5%; height:auto;}
body.intranet #cuerpo .contenido .colizq ul.menuver li { display:block; position:relative; width:100%; height:auto; margin-bottom:0.5em; text-transform:uppercase;}
body.intranet #cuerpo .contenido .colizq ul.menuver li a, body.intranet #cuerpo .contenido .colizq ul.menuver li a:link, body.intranet #cuerpo .contenido .colizq ul.menuver li a:visited { display:block; position:relative; width:82%; min-height:1.42em; height:auto; line-height:normal; padding-top:.5em; padding-left:2.8em; background-color:transparent; color:#666666; font-size:1.02em; text-align:left;  background:url(/css/sarela/img/carpet.png) no-repeat left top;}
body.intranet #cuerpo .contenido .colizq ul.menuver li a:hover { background-color:transparent; color:#197669; background:url(/css/sarela/img/carpet_h.png) no-repeat left top; text-decoration: underline;}
body.intranet #cuerpo .contenido .colizq ul.menuver li a.activo { background-color:transparent; color:#197669; background-image:url(/css/sarela/img/carpet_h.png); text-decoration: underline;}
body.intranet #cuerpo .contenido .colizq ul.menuver li span.simbmas {cursor: pointer; right: 0.62em; position: absolute; top: 0.32em; }
body.intranet #cuerpo .contenido .colizq ul.menuver li span.simbmas:after {content:""; }
body.intranet #cuerpo .contenido .colizq ul.menuver li:hover span.simbmas, body.intranet #cuerpo .contenido .colizq ul.menuver li span.simbmas:hover, body.intranet #cuerpo .contenido .colizq ul.menuver li span.simbmas.activo { color:#FFFFFF;}
body.intranet #cuerpo .contenido .colizq ul.menuver li ul li { margin-top:0.35em; padding-left:0; padding-top:0; font-family:inherit; font-size:0.85em;}
body.intranet  #cuerpo .contenido .colizq ul.menuver li ul li:before {content:"";}
body.intranet #cuerpo .contenido .colizq ul.menuver li ul li a:before { content:"";}
body.intranet #cuerpo .contenido .colizq ul.menuver li ul li a, body.intranet #cuerpo .contenido .colizq ul.menuver li ul li a:link, body.intranet #cuerpo .contenido .colizq ul.menuver li ul li a:visited { width:81%; min-height:1.5em; height:auto; line-height:normal; padding-left:2.5em; background-color: transparent; background:url(/css/sarela/img/carpet2.png) no-repeat left top; margin-left:5%;}
body.intranet #cuerpo .contenido .colizq ul.menuver li ul li a:hover { color:#197669; background:url(/css/sarela/img/carpet2_h.png) no-repeat left top; text-decoration:none;}
body.intranet #cuerpo .contenido .colizq ul.menuver li ul li a.activo { color:#197669; background:url(/css/sarela/img/carpet2_h.png) no-repeat left top; text-decoration:none;}
.zonfiltros { display:block; position:relative; width:100%; height:auto;}
.zonfiltros .titu4 { display: block; position: relative; margin: 1em auto 0.5em; color: #197669; text-align: left;   padding: 0; font-weight: bold;}
.zonfiltros .a-filter-option { display:inline-block; margin-right:1.5em; margin-bottom:0.32em;}
.zonfiltros .a-filter-option a { font-size:0.9em;}
.zonfiltros .a-subnav-section.categories { margin-bottom:1.5em;}
/* ------------------- /Fin Intranet --------------------*/

/* ----------------- Inicio Mapa del sitio ----------------*/
ol.mapa{ display:block; clear:both; padding:0 0 0.6em 1.7em; color:#000; font-size: 1.12em; line-height: 1.05em; }
div.cuerpo div.generico ul.a-options, div.cuerpo div.generico ol.a-options{display:none}
div.cuerpo div.generico table{display:block; width:auto; float:left; font-size: 1.12em; font-weight:normal; color:#000; border:0.06em solid #ccc; margin:0 0.94em 0.315em 0; padding:0.125em; background-color:#f5f5f5}
ul.mapa li, ol.mapa li{margin-bottom:0.5em;  text-transform: uppercase; }
ul.mapa li p, ol.mapa li p{margin-bottom:0.25em; font-size:1.38em;}
ul.mapa li a, ol.mapa li a{font-size:1.38em; }
.mapaweb ul, div.cuerpo div.generico ol { text-transform: uppercase; display: block; clear: both; padding: 0 0 0.6em 1.7em!important;  color: #000; font-size: 1em; line-height: 1.05em; }
/* ----------------- /Fin Mapa del sitio ----------------*/

/* ----------------- Error 404 ----------------*/
body.a-error404 h2 { color:#6C3636;}
body.a-error404 #cuerpo .contenido { min-height:10em;}
body.a-error404 #cuerpo .contenido .colder { width: 80%; padding: 0 10%;}
/* ----------------- /Fin Error 404 ----------------*/

/* ---------------- PÁGINA RESULTADOS BÚSQUEDA ---------------- */
#cuerpo .resultbusq { display:block; position:relative; width:90%; padding:0 5%;}
#cuerpo .resultbusq h2 { position:relative; display:block; width: 96%; text-transform: uppercase; margin-bottom:1.05em;  background-color: #E9EDEC; padding: 1% 2%; color:#9A9A9A; }
#cuerpo .resultbusq h2 .otrocol { color:#197669; }
#cuerpo .resultbusq h3.numresult { display:block; position:relative; width:98%; padding-left:2%; padding-bottom:1.4em; color:#000000; margin:0 auto; text-transform: uppercase; text-align:left;}
#cuerpo .resultbusq ul.listresult { display:block; position:relative; width:92%; height:auto; margin-left:3%; padding-left:5%; margin:0 auto; text-align:left; list-style-type:none;}
#cuerpo .resultbusq ul.listresult li { display:block; position:relative; width:100%; height:auto; margin-bottom:1em; color: #9D9E9F; }
#cuerpo .resultbusq ul.listresult li p.titulo { font-weight:bold;}
#cuerpo .resultbusq ul.listresult li p.titulo a{ color:#197669;}
#cuerpo .resultbusq ul.listresult li p.titulo a:hover{ color:#E7323B;}
#cuerpo .resultbusq ul.listresult li p.descrip { width:100%; color:#797979;}
#cuerpo .zonnaveg { display:block; position:relative; width:100%; height:2.88em; text-align:center; margin:0.8em auto 0;}
#cuerpo .zonnaveg ul.naveg { display:block; position:relative; width:auto; height:2.88em; list-style-type:none;}
#cuerpo .zonnaveg ul.naveg li { display:inline-block; position:relative; font-size:0.9em; margin-left:0; color: #666666}
#cuerpo .zonnaveg ul.naveg li a { display:block; position:relative; height:1.67em; line-height:1.67em; color:#666666; margin-top:0.75em; text-align:center;}
#cuerpo .zonnaveg ul.naveg li a:hover { color:#197669;}
#cuerpo .zonnaveg ul.naveg li a.activo { color: #197669;}
#cuerpo .zonnaveg ul.naveg li a:after { content:" · "; }
#cuerpo .zonnaveg ul.naveg li.botant { margin-right:1em;}
#cuerpo .zonnaveg ul.naveg li.botant a{ width:3.48em; height:1.67em; line-height:1.67em; background-color:#949494; color:#FFFFFF; }
#cuerpo .zonnaveg ul.naveg li.botant a:hover { background-color:#197669;}
#cuerpo .zonnaveg ul.naveg li.botsig { margin-left:1em;}
#cuerpo .zonnaveg ul.naveg li.botsig a{ width:3.48em; height:1.67em; line-height:1.67em; background-color:#949494; color:#FFFFFF;}
#cuerpo .zonnaveg ul.naveg li.botsig a:hover { background-color:#197669;}
#cuerpo .zonnaveg ul.naveg li.botant a:after, #cuerpo .zonnaveg ul.naveg li.botsig a:after  { content:"";}
/* ------------ /Fin Página Resultados búsqueda --------------- */

/* -----------------PIE PAGINA ----------------*/
#pie{ display: block; position:relative; width: 61.25em; height:auto; text-align:left; margin:0 auto;}
#pie ul#links { display: block; position:relative; width: 100%; height:1.5em; line-height:1.5em; text-align:center; margin:0 auto;}
#pie ul#links li { display: inline-block; position:relative; margin:0 0.8em; }
#pie ul#links li a, #pie ul#links li a:link, #pie ul#links li a:visited { position:relative; font-size:0.94em; color:#8A9191;}
#pie ul#links li a:hover {color:#000000;}
#pie ul#links li a.activo {color:#76174C;}
#pie ul#links li a.acceso, #pie ul#links li a.acceso:link, #pie ul#links li a.acceso:visited {color:#6B7171;}
#pie ul#links li a.acceso:hover { color:#000000;}
.separador{ display:block; position:relative; width:94%; margin:0.63em auto; border-bottom:0.06em #CBCFCE solid;}
#pie .redessoc { display: block; position:relative; width:100%; height:3.32em; text-align:center; margin-bottom:0.32em;}
#pie .redessoc .seguenos { display: block; position:relative; width:6.88em; height:1.5em; line-height:1.5em; color:#1A7669; margin:0 auto 0.2em; font-weight:bold;}
#pie .redessoc .face { display:inline-block; margin-left:0.2em; margin-right:0.2em; width:1.5em; height: 1.438em; }
#pie .redessoc .face a {display:block; width:100%; height:100%; background-image: url('/css/sarela/img/ico_face.png'); background-position:left; background-repeat:no-repeat;}
#pie .redessoc .face a:hover {background-image: url('/css/sarela/img/ico_face_h.png');}
#pie .redessoc .youtub { display:inline-block; margin-left:0.2em; margin-right:0.2em; width:1.5em; height: 1.438em; }
#pie .redessoc .youtub a {display:block; width:100%; height:100%; background-image: url('/css/sarela/img/ico_youtub.png'); background-position:left; background-repeat:no-repeat;}
#pie .redessoc .youtub a:hover {background-image: url('/css/sarela/img/ico_youtub_h.png');}
#pie .redessoc a span { display:none;}
#pie .datosorg { display: block; position:relative; float:left; width:100%;}
#pie .datosorg p { display: block; position:relative; font-size:0.88em; color:#929290; font-weight:bold; text-align:center;}
#pie p.txtcolaboras{ width:95%; margin:0 auto; color:#197669; font-weight:bold; text-align:center;}
#pie ul.logospie { display: block; position:relative; width:95%; height:auto; margin:0.4em auto; text-align:center;}
#pie ul.logospie p{ color:#197669; font-weight:bold;}
#pie ul.logospie li { display:inline-block; position:relative; width:auto; margin:0 0.4em 0.4em;}
#pie ul.logospie li img { width:auto; height:5.5em; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);}
#pie ul.logospie li a img:hover, #pie ul.logospie li a:hover img{ opacity: .65; -moz-opacity: .65; filter:alpha(opacity=65);}
/* -----------------/ Fin Pie pagina ----------------*/

/* -----------------AVISO COOKIES ----------------*/
.cookies{ display:block; position:fixed; width:90%; height:auto; border:#147669 0.13em solid; right:3%; bottom:3%; background-image:url(/css/sarela/img/px_bl_90.png); background-repeat:repeat; z-index:2000;  text-align:left; padding:2%;}
.cookies .conten p { display:block; position:relative; color:#000000; font-size:0.82em;}
.cookies .conten p.titu { margin-bottom:0.6em; font-weight:bold;}
.cookies .conten a, .cookies .conten a:link, .cookies .conten a:visited{ color:#177769;}
.cookies .conten a:hover{ color:#76174C;}
.apple_overlay .close { display:block; position:absolute; width:1em; height:1.1875em; top:0.68em; right:0.68em;  background-image:url(/css/sarela/img/simb_cerrarvent.png); background-position:top; background-repeat:no-repeat; cursor:pointer;}
.apple_overlay .close:hover { display:block; background-image:url(/css/sarela/img/simb_cerrarvent_h.png); background-position:top;background-repeat:no-repeat;}
/* -----------------/ Fin Aviso Cookies ----------------*/

/* -------------------- Correcciones apostrophe ------------------*/
.a-ui .a-link{ color: #197669;}
.a-ui .a-link:hover{ color: #76174C;}
.colder p{ color: #3F4C4B; font-size: 1em; }
/* -----------------/ Fin Correcciones apostrophe ----------------*/

/* -------ELEMENTOS QUE NO SE CARGAN EN VERSIÓN PC --------*/
#cabecera .zonmenu .zonmenumobil{ display:none; height:0;}
#cabecera .zonmenu #btmenu { display:none; height:0;}
#cabecera .zonmenu ul.menuprin li ul.men2niv{ display:none; height:0;}
/* -------/ Elementos que no se cargan de versión móbil -------*/ 

@media (max-width: 1010px) {

/*** DIVs principales ***/
#paginacompleta { width: 56em;}
#sombradersup { margin-left: 56em;}
#sombrader { margin-left: 56em;}
/*** /Fin DIVs principales ***/

/*** CABECERA ***/
#cabecera { width:100%;}
#zonalogo { height:10.063em;}
.zonaslider { width:44.4em; height:10.063em;}
.zonaimgcabec{ width:44.4em; height:10.063em;}
.zonaimgcabec img{ width:100%; height:auto;}
#cabecera .zonmenu { width:100%;}
/*** /Fin Cabecera ***/

/*** ESTRUCTURA CUERPO y CONTENIDO GENERAL ***/
#cuerpo { width:100%;}
.contenido { width:100%;}
#cuerpo .contenido .colcent {width: 21.5em; margin-left:0.5em;}
body.home #cuerpo .contenido .colder { width: 15.25em;}
/*** /Fin Estructura Cuerpo y contenido General ***/  

/*** Pantalla GENÉRICA ***/
#cuerpo .contenido .colder{ width:40em;}
/*** /Fin Pantalla genérica ***/

/*** Pantalla CONTACTO ***/
fieldset.formulario { width:24em;}
/*** /Fin Pantalla Contacto ***/

/*** PIE PAGINA ***/
#pie { width:100%;}
/*** /Fin Pie página ***/ 

} /**** Para dispositivo hasta 1010px de ancho *****/

@media (max-width: 930px) {

/*** DIVs principales ***/
#paginacompleta { width: 51em;}
#sombradersup { margin-left: 51em;}
#sombrader { margin-left: 51em;}
/*** /Fin DIVs principales ***/

/*** CABECERA ***/
#zonalogo { height:8.93em;}
#zonalogo #logo { top: 0.2em;}
.zonaslider { width:39.4em; height:8.93em;}
.zonaimgcabec { width:39.4em; height:8.93em;}
#cabecera .zonmenu ul.menuprin li { font-size: 0.95em; padding: 0.3em 0;}
/*** /Fin Cabecera ***/

/*** ESTRUCTURA CUERPO y CONTENIDO GENERAL ***/
#cuerpo .contenido .colizq { width: 12.5em; /* width: 225px; */}
#cuerpo .contenido .colizq .subscribol { width: 12.5em; /* width: 200px; */}
#cuerpo .contenido .colcent {width: 20em; margin-left:0.5em;}
body.home #cuerpo .contenido .colder { width: 13.3em;}
/*** /Fin Estructura Cuerpo y contenido General ***/  

/*** Pantalla GENÉRICA ***/
#cuerpo .contenido .colder{ width:36em;}
/*** /Fin Pantalla genérica ***/

/*** Pantalla CONTACTO ***/
fieldset.formulario { width:22.5em; min-width: inherit;}
fieldset.formulario div.a-form-row { width:95%;}
div.columna_b { width: 46.4%;}
fieldset.formulario .a-form-field { float:none;}
fieldset.formulario input[type='text'], fieldset.formulario textarea { width:98%;}
fieldset.formulario .contact_politica_privacidad .a-form-field { float:left;}
fieldset.formulario input#contact_captcha { width:66%;}
/*** /Fin Pantalla Contacto ***/

} /**** Para dispositivo hasta 930px de ancho *****/

@media (max-width: 830px) {

/*** DIVs principales ***/
#paginacompleta { width: 100%;}
#sombraizqsup { display:none; width:0; margin-left: 0;}
#sombradersup { display:none; width:0; margin-left: 0;}
#sombraizq { display:none; width:0; margin-left: 0;}
#sombrader { display:none; width:0; margin-left: 0;}
/*** /Fin DIVs principales ***/

/*** CABECERA ***/
#zonalogo { width:9em; height:auto;}
#zonalogo #logo { top: 0.25em; left: 0.55em;}
.zonaslider { /*width:38.9em; height:8.82em;*/ width:80.85%; height:auto;}
.zonaimgcabec { width:38.9em; height:8.82em;}
/*** /Fin Cabecera ***/

/*** ESTRUCTURA CUERPO y CONTENIDO GENERAL ***/
#cuerpo .contenido .colizq { width: 11.25em; /* width: 205px; */}
#cuerpo .contenido .colizq .subscribol { width: 11.25em; /* width: 180px; */}
#cuerpo .contenido .colcent {width: 19em; margin-left:0.5em;}
body.home #cuerpo .contenido .colder { width: 12.5em;}
/*** /Fin Estructura Cuerpo y contenido General ***/  

/*** Pantalla CONTACTO ***/
fieldset.formulario { width:47.2%;}
div.columna_b { width: 50%;}
fieldset.formulario input#contact_captcha { width:55%;}
/*** /Fin Pantalla Contacto ***/

} /**** Para dispositivo hasta 830px de ancho *****/

@media (max-width: 800px) {
/*** Pantalla GENÉRICA ***/
body.plantilla #cuerpo .contenido .colizq { width:11em; padding: 0 0.625em;}
#cuerpo .contenido .colder{ width:34.6em;}
/*** /Fin Pantalla genérica ***/

.a-ui.a-subnav-wrapper { width: 100%; margin: 0;}
} /**** Para dispositivo hasta 800px de ancho *****/

@media (max-width: 767px) {

/*** DIVs principales ***/

/*** /Fin DIVs principales ***/

/*** CABECERA ***/
#zonalogo { float:none; width:15em; height:6.1em;}
/*body.plantilla #zonalogo { z-index: 1; background-color: #147467;}*/
#zonalogo #logo { width:100%; height:auto; left:0;}
#zonalogo #logo a img { float:left; width: 5em; }
#zonalogo #logo span { float:right; width:50%; margin-top: 4em; margin-right:3%;}
.zonaslider { position:relative; width:100%;}
.zonaimgcabec {width:100%; height:auto;}

/* Menu mobil */
#cabecera .zonmenu { position:absolute; width:100%; height:auto; top:2.8em; right:0; background-color:transparent; border-bottom:none; }
#cabecera .zonmenu #btmenu { display:block; position:relative; width:3.188em; height:2.5em; cursor:pointer; float:right; margin-right:1.5%;}
#cabecera .zonmenu ul.menuprin{ display:none;/*conmutar con display:block para mostrarlo y none para ocultarlo*/ position:relative; width:100%; height:auto; z-index:101;}
#cabecera .zonmenu ul.menuprin li { display:block; position:relative; width:100%; height:auto; border-top: 0.06em solid #969696; margin-top:0; margin-left:0; margin-right:0; padding:0;}
#cabecera .zonmenu ul.menuprin li a, #cabecera .zonmenu ul.menuprin li a:visited, #cabecera .zonmenu ul.menuprin li a:link{ display:block; position:relative; width:95%; height:2.393em; line-height:2.393em; color:#197669; background-color:#DCEFDF; font-size:0.88em; text-transform:uppercase; padding:0 0 0 5%; text-align:left;}
#cabecera .zonmenu ul.menuprin li a:hover{ color:#FFFFFF; background-color:#76174C;}
#cabecera .zonmenu ul.menuprin li a.activo{ color:#FFFFFF; background-color:#76174C;}
#cabecera .zonmenu ul.menuprin li span.simbmas { float:right; position:absolute; width:2.106em; height:2.106em; right:0.06em; top:0; cursor:pointer; background-image:url(/css/sarela/img/fle_despleg_menu.png); background-repeat:no-repeat; background-position:center; z-index:102;}
#cabecera .zonmenu ul.menuprin li span.simbmenos { float:right; position:absolute; width:2.106em; height:2.106em; right:0.06em; top:0; cursor:pointer; background-image:url(/css/sarela/img/fle_recoger_menu.png); background-repeat:no-repeat; background-position:center; z-index:102;}
#cabecera .zonmenu ul.menuprin li:hover ul.men2niv{ display:block; margin: 0; height:auto;}
#cabecera .zonmenu ul.menuprin li ul.men2niv { display:block;/*conmutar con display:block para mostrar*/ position:relative; height:auto; max-width: none; }
#cabecera .zonmenu ul.menuprin li ul.men2niv li{ display:block; position:relative; height:auto; /*line-height:23px;*/ padding:0; border-bottom:none; margin-top:0; border-top: 0.06em solid #B9D6BD;}
#cabecera .zonmenu ul.menuprin li ul.men2niv li a, #cabecera .zonmenu ul.menuprin li ul.men2niv li a:visited, #cabecera .zonmenu ul.menuprin li ul.men2niv li a:link{ height:2.36em; line-height:2.37em; width:92%; background-color:#F5FDF3; color:#197669; padding:0 0 0 8%;}
#cabecera .zonmenu ul.menuprin li ul.men2niv li a:hover{ color:#76174C;}
#cabecera .zonmenu ul.menuprin li ul.men2niv li a.activo{ color:#76174C;}
#cabecera .zonmenu ul.menuprin li ul.men2niv li span.simbmas { background-image:url(/css/sarela/img/fle_despleg_menu2.png);}
#cabecera .zonmenu ul.menuprin li ul.men2niv li span.simbmenos { background-image:url(/css/sarela/img/fle_recoger_menu2.png);}
cabecera .zonmenu ul.menuprin li ul.men2niv li:hover ul.men3niv{ display:block; margin: 0; height:auto;}
#cabecera .zonmenu ul.menuprin li ul.men2niv li ul.men3niv li{ border-top: none;}
#cabecera .zonmenu ul.menuprin li ul.men2niv li ul.men3niv li a, #cabecera .zonmenu ul.menuprin li ul.men2niv li ul.men3niv li a:visited, #cabecera .zonmenu ul.menuprin li ul.men2niv li ul.men3niv li a:link{ height:2.30em; line-height:2.31em; width:89%; padding:0 0 0 11%;}
#cabecera .zonmenu ul.menuprin li ul.men2niv li ul.men3niv li a:before{ content:"> ";}
/* /Fin Menu mobil */
/*** /Fin Cabecera ***/

/*** ESTRUCTURA CUERPO y CONTENIDO GENERAL ***/
#cuerpo .contenido .colizq { float:none; width:92%; padding: 0 4%; text-align:center; margin-bottom:2em;}
body.plantilla #cuerpo .contenido .colizq { width:92%; padding: 0 4%;}
#cuerpo .contenido .colizq .banner { display: inline-block;  width: 14.05em; height: auto; margin:0 1% 0.94em;}
#cuerpo .contenido .colizq .zonpluginface { display:none; height:0;}
#cuerpo .contenido .colizq .subscribol { width: 65%;}
#cuerpo .contenido .colcent { width: 56%; margin-left:1.5%; padding:0 2%;}
#cuerpo .contenido .colder { width:92%; padding: 0; margin:0 auto; }
body.plantilla #cuerpo .contenido .colder { float:none; }
body.home #cuerpo .contenido .colder { width:34%; padding:0 2% 0 0; margin-right:1.5%; }
/*** /Fin Estructura Cuerpo y contenido General ***/  

/*** Pantalla GENÉRICA ***/
body.plantilla #cuerpo .contenido .colizq { display:none; height:0;}
body.con-filtros-mobil #cuerpo .contenido .colizq { display:block; height:auto;}
body.con-filtros-mobil #cuerpo .contenido .colizq ul.menuver{ display:none; height:0;}
#cuerpo .contenido .colder .desarrollocont { width: 96%; padding: 0 2%; border-left: none;}
/*** /Fin Pantalla genérica ***/

/*** PIE PAGINA ***/
#pie ul#links { height: auto;}
/*** /Fin Pie página ***/ 

} /**** Para dispositivo hasta 767px de ancho *****/

@media (max-width: 620px) {
/*** Pantalla CONTACTO ***/
fieldset.formulario { width:80%;}
fieldset.contacto { float: none;}
div.columna_b { float:none; width: 100%; padding-left: 0; margin: 1.5em 0 1.25em; border-left: none;}
div.columna_b h3 { margin-bottom: 0.4em; text-transform:uppercase;}
fieldset.formulario .a-form-row label { width:100%;}
fieldset.formulario .a-form-row.contact_politica_privacidad label { width:auto;}
/*** /Fin Pantalla Contacto ***/
} /**** Para dispositivo hasta 620px de ancho *****/

@media (max-width: 560px) {
/*** TABLAS ***/
#cuerpo .contenido .colder .desarrollocont table { width:100%!important;}
/*** /Fin Tablas ***/ 
} /**** Para dispositivo hasta 560px de ancho *****/

@media (max-width: 520px) {

/*** ESTRUCTURA CUERPO y CONTENIDO GENERAL ***/
#cuerpo .contenido .colizq .subscribol { width: 66%;}
#cuerpo .contenido .colcent { float:none; width: 90%; margin-left:5%; padding:0;}
body.home #cuerpo .contenido .colder { float:none; width:90%; padding:0; margin-right:0; margin-left:5%; }
#cuerpo .contenido .colcent .ultnovas .unanova { width:92%;}
/*** /Fin Estructura Cuerpo y contenido General ***/ 

.a-ui.a-media-library-controls.top { text-align:center;}
.a-ui.a-media-library-controls .a-pager-navigation { display:table; float: none; width: auto; clear: both; margin: 0 auto 0.8em;} 
.a-ui.a-media-library-controls .a-controls { clear: both;}
.a-ui.a-media-library-controls .a-media-footer-controls { display:table; float:none; height:auto; clear:left; width: auto; margin: 0 auto;}
.a-media .a-media-selection, .a-media .a-media-controls, .a-media .a-media-footer, .a-media .a-media-show .a-media-item { float:none; width:100%;}
} /**** Para dispositivo hasta 520px de ancho *****/

@media (max-width: 480px) {
/*** Pantalla GENÉRICA ***/
#cuerpo .contenido .colder .desarrollocont .a-slot.aFile .a-file-slot .a-file-meta { width: 80%;}
/*** /Fin Pantalla genérica ***/

/*** TABLAS ***/
table.columnas3 td { display: inline-block; width: 32%!important;  word-wrap: break-word;}
table.columnas3 td img{ width: 100%!important; height:auto;}
/*** /Fin Tablas ***/ 	
} /**** Para dispositivo hasta 480px de ancho *****/

@media (max-width: 400px) {
/*** Pantalla CONTACTO ***/
fieldset.formulario { width:100%;}
fieldset.formulario div.a-form-row { width: 98%;}
#contact_archivo { width:100%;}
/*** /Fin Pantalla Contacto ***/
} /**** Para dispositivo hasta 400px de ancho *****/

@media (max-width: 360px) {

/*** ESTRUCTURA CUERPO y CONTENIDO GENERAL ***/
#cuerpo .contenido .colizq .subscribol { width: 80%;}
#cuerpo .contenido .colizq .banner { display: block;  margin:0 auto 0.94em;}
/*** /Fin Estructura Cuerpo y contenido General ***/  

/*** Pantalla GENÉRICA ***/
#cuerpo .contenido .colder .desarrollocont ul li.a-media-video-embed iframe{ max-width:100%; min-height:14em; max-height:19em;}
#cuerpo .contenido .colder .desarrollocont .a-slot.aFile .a-file-slot .a-file-meta { width: 78%;}
/*** /Fin Pantalla genérica ***/

} /**** Para dispositivo hasta 360px de ancho *****/