@charset "utf-8";
/*
* Web Minetur V1.0
* Copyright 2016, SGTIC Minetur
*1/03/2016
*/


/* Índice de contenidos
––––––––––––––––––––––––––––––––––––––––––––––––––
- Básico
- Tipografía
- Estructura
- Navegación (Slimmenu)
- Links
- Listas
- Listas simuladas y COVID 19
- Imágenes
- Botones
- Tablas
- Formularios
- Misceláneo - Funcionalidad JQuery
- Media Queries
*/


/* Estilos Base
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {font-size: 100%;}
body {font-size: 0.95em; line-height: 1.65; font-weight: 400;}

ol, ul {list-style: none; margin: 0; padding: 0;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q { quotes: '"' '"' "'" "'" }
blockquote:before, q:before {
content: open-quote; }
blockquote:after, q:after {
content: close-quote; }

q {display: inline;}
:focus {outline: 1px dotted #666;} 
strong { font-weight: 700;}
 
ins {text-decoration: none;}
del {text-decoration: line-through;}

abbr[title], acronym[title] {text-decoration: none;}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}

a {text-decoration: none; outline: 0;}
a:hover, a:focus { text-decoration: none;}
a:visited { color: #000; opacity: 0.9;}

.clear { /* Use this class between rows of content when you use columns */
clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

*, *:after, *:before {box-sizing: border-box; margin: 0; padding: 0;}

audio, canvas, img, video {vertical-align: middle;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}

/*Clases del RadEditor*/

img.right {margin-left: 1.55em; margin-top: 1em; float: right;}
img.left {margin-right: 1.55em; margin-top: 1em; float: left;}
img.center { margin: 0 auto; display: block;}
p.right { text-align: right;}
p.left {text-align: left;}
p.center {text-align: center;}
.big { font-size: 1.25em;}
.small{ font-size: 0.95em;}
.highlight {border-top: 1px solid #169776;  border-bottom: 1px solid #169776;padding: 0.55em; font-size: 1.25em; display: block; font-weight: 100; color: #000; margin: 0.55em 0; font-style: italic;}
/*a.bt-enlace {border: 1px solid; padding: 0.25em;}*/

.obligatorio, .error {color: #ef0000;}
.exito {color: #3d930e;}
.alerta {color: #cc6705;}
.aviso {color: #000;}

/*Clases para ocultar contenido*/
.hidden {/*Se oculta en ambos: lectores de pantalla y navegador*/
display: none !important; visibility: hidden;}
.visuallyhidden { /*se oculta visualmente, pero está disponible para los lectores de pantalla*/
border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { /*permite que el elemento sea enfocable cuando navegas con el teclado*/
clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible { /*Se oculta visual y lectores de pantalla, pero se mantiene en el layout*/
visibility: hidden;}

/*Flexbox grid*/
.row, .informacion ul, .novedades ul, ul.operadores {
display:-ms-flexbox; -ms-flex-direction:row; 
display: flex; flex-flow: row;}
.informacion ul { -ms-flex-pack: center;-ms-flex-line-pack: center;}

.informacion ul {justify-content: center;}
.col, .informacion > ul li, .novedades ul li, ul.operadores li {
/*-ms-flex-preferred-size: auto;*/ -ms-flex-positive: 0;
/*flex-basis: auto;*/ flex-grow: 0;}

.novedades ul, ul.operadores {-ms-flex-wrap: wrap; flex-wrap: wrap;}

/* Tipografía
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body { font-family: "Open Sans"; font-style: normal; font-weight: 400; color: #444;}

h1, h2, h3, h4, h5, h6 {font-family: "Open Sans"; font-style: normal;}
h2, h3, h4, h5, h6 {margin: 0.65em 0 0 0; line-height: 1.25; font-weight: 800;}
h2, h4, h5, h6 {color: #36434d;}

header h1 { font-size: 2.85rem; }
h1 {font-size: 2.55rem; font-weight:800; line-height: 1.25; color: #000;}
.col-contenido h1 { width: 85%;}
h2 {font-size: 1.65rem; margin-top: 0.55em;}
h3 {font-size: 1.35rem; color: #118366;}
h4 {font-size: 1.25rem;}
h5 {font-size: 1rem;}
h6 {font-size: 1rem;}

nav#menu-principal h2, .header-container header h2, footer h2, .offscreen {left: -1000em; position: absolute;}
p { padding: 0.65em 0;}
p.destacado {font-size: 1.25em; padding: 1.55em 8%; text-align: center; line-height: 1.35; border-left: 8px solid #729f98; background: #f1f1f1;}

blockquote  {margin: 1em 0; margin-left: 40px; border-left: 7px solid #169776; padding-left: 1em;}
/*blockquote:before {content: open-quote;}*/

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* Estructura
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {position: relative;}
.header-container, .footer-container, .home-container section{ padding: 0 3%;}
.header-container { background: #f0eceb url(imagenes/fondo-cabecera.jpg) no-repeat top center;}
.main-container {min-height: 62vh; background: #fff url(imagenes/fondo-geometrico.png)  no-repeat center -1.95em;}
.footer-container {overflow: hidden; clear: both; background: #36434d; border-top: 7px solid #169776;}

.fn-gris {background: #f5f2f2; overflow: hidden;}
.fn-blanco {background: #fff;}


/*Cabecera*/
header {padding: 0.65em 0 0.85em 0; display: table; width: 100%;}

.nombre-app { float: left; font-family: "Open Sans";}
header .logo { float: left; margin-right: 2em;}
header .logo img, header .logo img a {margin: 0;}
header .tagline { float: left; padding: 0; margin: 0; line-height:1.25; text-transform: uppercase; font-size: 1rem; font-weight: 800;}
header .tagline span.destacado {display: block; margin: 0; font-size: 1.20rem; padding-bottom: 0.055em; line-height: 1;}
span.destacado span {font-size: 1.65rem;}
header .tagline a { color: #000;}
header .tagline a:hover, header .tagline a:hover span.destacado { text-decoration: none; opacity: 0.7; color: #118366;}

.opciones {float: right; position: relative; font-size: 0.85em; top: 1em;}
.opciones a {color: #000; font-weight: 600;}
.opciones li, .menu-idiomas li {padding: 0 0.55em; border-left: 1px solid #ccc; display:inline-block; line-height: 1;}
.opciones li:first-child, .menu-idiomas li:first-child {border-left: 0;}
.opciones li a:hover, .menu-idiomas li a:hover, .opciones li.activo a:hover, .menu-idiomas li.activo a:hover  { border-bottom: 1px solid #000;}
header .buscador { position: absolute; top: 70px; width: 250px; right: 0;}
.menu-bt-lupa, input[type=submit].boton-buscar, input[type=submit].menu-boton-buscar{cursor:pointer; color:#000; background: url(imagenes/bt-lupa.png) no-repeat center; border: 0; width: 50px; height: 50px; text-indent: -1000px; overflow: hidden; line-height:0; margin: 0; float: right;}
.menu-bt-lupa {float: right; width: 70px;}

header .buscador input[type=text]{ border: 0; border-bottom: 1px solid #bfbfbf; padding: 0.45em 0.35em; font-size: 1em; float: left; margin-top: 0.55em;}
input[type=submit].menu-boton-buscar:hover{box-shadow:  none; opacity: 0.9;}

/*Footer*/
footer { color: #fff; font-size: 0.85em; text-align: center; padding: 1em 0;}
footer nav {overflow: hidden; text-align: center;}
footer nav  li { margin: 0.55em; position: relative; display:inline-block;}
.navegacion-footer {margin-bottom: 0.55em;}
.navegacion-footer li {text-transform: uppercase;}

footer a, footer a:visited { color: #fff;}
footer a:hover {border-bottom: 1px solid #fff;}
footer p { font-size: 0.85em;}
footer span { display: block; padding-top: 0.55em;}
footer .logo { margin: 0.55em; text-align:center; }
footer .logo a {border: 0;}
footer .logo img {border: 1px solid rgba(255,255,255,0.3); padding: 0; background: #fff;}
footer a:hover img {border: 1px solid rgba(255,255,255,1);}

/*layout - 12 Columnas*/
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {float:left;/* border: 1px solid red;*/}
.col-1 {width: 8.33333333%;}
.col-2 {width: 16.66666667%;}
.col-3, .submenu, aside {width: 25%;}
.col-4 {width: 33.33333333%;}
.col-5 {width: 41.66666667%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33333333%;}
.col-8 {width: 66.66666667%;}
.col-9, .col-contenido {width: 75%;}
.col-10 {width: 83.33333333%;}
.col-11 {width: 91.66666667%;}
.col-12 {width: 100%;}

.section-container { background: #fff;min-height: 300px; padding: 0.55em 5%; padding-bottom: 2em; padding-right: 3%; overflow: hidden;}
.submenu, .col-contenido, aside { float: left;}
.submenu { margin-left: -2%;}

.col-contenido.col-centro { width: 50%;}


/* Slimmenu (navegación Responsive)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#menu-principal {padding: 0 0.55em; background: #fff; width: auto; margin: 0 3%; padding-top: 0.55em;}
ul.slimmenu { line-height: 0.75;}
ul.slimmenu > li  {text-transform: uppercase; display: inline-block; font-weight: 700; font-size: 0.90em; margin: 0 0.85em; position: relative;}
ul.slimmenu > li > a, ul.slimmenu > li > span, ul.slimmenu > li.activo > a {padding: 1.50em 0; display: block;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
ul.slimmenu > li > a:before, ul.slimmenu > li > span:before, ul.slimmenu > li.activo > a:before, ul.slimmenu > li:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #169776;
  height: 8px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
ul.slimmenu > li > a:hover:before, ul.slimmenu > li > a:focus:before, ul.slimmenu li span:before, ul.slimmenu > li.activo > a:before {right: 0; }
ul.slimmenu > li:hover:after {right: 0; z-index: 1;}

ul.slimmenu li a, ul.slimmenu li span {color: #000;}
ul.slimmenu li a:hover{text-decoration: none;}

.menu-collapser {position: absolute; z-index: 99; top: 1.35em; left: 0.55em;}
.collapse-button { width: 45px; height: 45px; background-color: #118366;border-radius: 5px; border: 2px solid #169776; left: 5px; cursor: pointer; text-align: center;}
.icon-bar, .icon-bar:before, .icon-bar:after {content: ""; position: absolute; display: block; width: 25px;  
height: 2px; background: #fff; cursor: pointer;}
.icon-bar {top: 21px; left: 10px;}
.icon-bar:before {top: 7px; }
.icon-bar:after {bottom: 7px; }
.icon-bar, .icon-bar:before, .icon-bar:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  
.close .collapse-button:hover .icon-bar:before { top: 9px; }
.close .collapse-button:hover .icon-bar:after {bottom: 9px; }

.open .icon-bar {background-color: transparent;}

.open .icon-bar:before, .open .icon-bar:after {background: #fff; top: 0;}
.open .icon-bar:before {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.open .icon-bar:after {top: 10px;
  -ms-transform: translatey(-10px) rotate(-45deg);
  -webkit-transform: translatey(-10px) rotate(-45deg);
  transform: translatey(-10px) rotate(-45deg); }


/* Nivel 2*/
ul.slimmenu li > ul {position: absolute; top: 100%; left: -2em; background: #fff; padding: 1.55em 0; display: none; border-bottom: 5px solid #169776;/* width: 300px;*/ z-index: 99;}

ul.slimmenu li > ul > li {position: relative;}
ul.slimmenu li > ul > li ul {display: none; position: absolute; left: 100%; top: -1.55em; z-index: 999; background:  #f0f0f0;}
ul.slimmenu ul li {white-space: nowrap; float: none; text-transform: none; font-size: 1em; font-weight: 400; padding: 0.65em 3em 0.65em 2em; margin: 0; display: block;}
ul.slimmenu ul li li {padding: 0.65em 1em;}
ul.slimmenu ul li a:hover {border-bottom: 1px solid #169776;}

ul.slimmenu li:nth-last-child(6) ul li:first-child:after, 
ul.slimmenu li:nth-last-child(4) ul li:first-child:after,
ul.slimmenu li:nth-last-child(4) ul li:last-child:after 
{ width: 20px; height: 18px; content: ""; right: 10px;
background: url(imagenes/sprite-iconos.png) no-repeat -10px -82px; position: absolute;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}


ul.slimmenu li:nth-last-child(6) ul li li:first-child:after, 
ul.slimmenu li:nth-last-child(4) ul li li:first-child:after,
ul.slimmenu li:nth-last-child(4) ul li li:last-child:after 
{ background: none;}

/*Responsive*/
@media only screen and (max-width: 979px) { 
#menu-principal { height: auto;}
ul.slimmenu > li { margin: 0;}
ul.slimmenu > li > a:before, ul.slimmenu > li > span:before, ul.slimmenu > li:after { display: none;}

.container.open { overflow: hidden;}
.open .header-container, .open .menu-collapser, .open main, .open .footer-container, .open ul.slimmenu.collapsed {
-webkit-transform: translateX(280px); -webkit-transition: transform 0.4s ease; /* Safari */
transform: translateX(280px); transition: transform 0.4s ease;
}
.close .header-container, .close .menu-collapser, .close main, .close .footer-container, .close ul.slimmenu.collapsed {
-webkit-transform: translateX(0px); -webkit-transition: transform 0.4s ease; /* Safari */
transform: translateX(0px); transition: transform 0.4s ease;}
ul.slimmenu li:nth-last-child(6) ul li:first-child:after, 
ul.slimmenu li:nth-last-child(4) ul li:first-child:after { background: none;}
}

/*Menu collapsed*/
ul.slimmenu.collapsed { background: #36434d; width: 280px; margin: 0; height: 100%; overflow: hidden;
overflow-y: auto; position: fixed; top: 0; left: 0; z-index:99; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); left: -280px;padding: 1em 0;}
.collapsed:not(:target) { z-index: 1;}

ul.slimmenu.collapsed li {display: block; width: 100%; box-sizing: border-box; position: relative; float: none; padding: 0.25em 2em; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
ul.slimmenu.collapsed > li:first-child {margin-top: 50px;}
ul.slimmenu.collapsed li a {color: #fff;}
ul.slimmenu.collapsed li a:hover, ul.slimmenu.collapsed li.activo  span, ul.slimmenu.collapsed  li span  {color: #fff; opacity: 0.7;}

ul.slimmenu.collapsed li ul {display: none; position: static; border: 0; width: 95%; padding: 1em;  background: none; border-top: 5px solid #169776;}
ul.slimmenu.collapsed li ul ul { border: 0; padding: 1.25em 0 0 0;}
ul.slimmenu.collapsed li > ul li { margin: 0; border: 0;  padding: 0.75em 0;}
ul.slimmenu.collapsed li > ul li a:hover {opacity: 1;}

ul.slimmenu li .sub-collapser, ul.slimmenu.collapsed li.activo span.sub-collapser { position: absolute; right: 0; top: 2px; cursor: pointer; height: 45px; width: 45px; }

ul.slimmenu li ul .sub-collapser, ul.slimmenu.collapsed li.activo ul span.sub-collapser {right: -52px; top: 9px;}

ul.slimmenu li .sub-collapser > i { color: #fff; font-size: 1em; font-family: Arial, Helvetica,sans-serif; padding-left: 1em;}
ul.slimmenu li .sub-collapser > i:hover, ul.slimmenu li .sub-collapser > i:focus {color: #fff;}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section-container a {text-decoration: none; border-bottom: 2px solid #169776; font-weight: 600; color: #000; font-style: italic;}
.section-container a:hover {text-decoration: none; color:#118366;}
.section-container .bt-enlace, .section-container h2 a, .section-container h3 a, ul.paginacion li a, .section-container .tagline a {font-style: normal; font-weight: 400;}
.section-container h3 a, .section-container h2 a, .section-container .tagline a { border-bottom: 0;}

.breadcrumb {font-size: 0.85em; display: table; background: #fff; margin: 1.25em; margin-left: 3%; padding: 0 1em;}
.breadcrumb span, .breadcrumb ul {float: left; padding: 0 0.25em; margin: 0;}
.breadcrumb span {padding-top: 0;}
.breadcrumb li {display: inline;}
.breadcrumb li a {border: 0; font-weight: 800; color: #000;}
.breadcrumb li a:after {content: ">"; padding: 0 0.35em;}

/*Menú secundario páginas interiores*/
.submenu nav { font-size: 1em; margin: 3em 0 0 1em; border-top: 8px solid #169776; padding-top: 1em; margin-right: 15%;}
.submenu a { color: #000;}
.submenu a:hover {text-decoration: none;}

.submenu h2 { text-transform: uppercase; color: #36434d; font-size: 1rem; font-weight: 800; }
.submenu h2 a{color: #36434d; border: 0; font-style: normal; font-weight: 800;}
.submenu ul {border-top: 1px solid #169776; margin-top: 1.55em;}
.submenu li {margin-bottom: 0; padding: 0.55em 0; border-bottom: 1px solid #ccc; font-size: 0.90em; position: relative;}
.submenu li.activo ul {margin-top: 1em; padding-left: 1em; border: 0;/* list-style:disc;*/}
.submenu li.activo li {font-size: 1em; border-bottom: 0; padding: 0.25em 0;}


.submenu li a {font-weight: 600; display: block; padding-right: 30px; border-bottom: 0; font-style: normal;}
.submenu li.activo li a {font-weight: 400;}
.submenu li.activo li:before {background: url(imagenes/sprite-iconos.png) no-repeat -19px -77px;
width: 9px;
height: 18px;
content: "";
position: absolute;
left: -10px;
}

.submenu li a:hover { color: #118366;}
.submenu li span {display: block; padding-right: 30px;}
.submenu li.activo li span {color: #118366;}


/*Botones*/
a.bt-enlace {padding: 0.45em 0.75em; padding-right: 2.85em; font-size: 1em; border: 2px solid #169776!important;  margin: 1em 0; line-height: 1.15; background: #fff; position: relative; display: table; min-width: 180px; color: #000;}
a.bt-enlace:hover, .section-container a.bt-enlace:hover { border-width: 2px !important; color: #000;}

.bt-enlace:after, .submenu li a:after, .submenu li span:after{ width: 30px; height: 18px; content: ""; 
background: url(imagenes/sprite-iconos.png) no-repeat 0 -80px; position: absolute;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}

.bt-enlace:after {right: 10px; top: 0.55em;}
.submenu li a:after, .submenu li span:after {right: 10px; top: 0.85em; opacity: 0;}

.bt-enlace:hover:after, .submenu li a:hover:after, .submenu li span:after, .submenu li.activo a:after  {right: 0; color: #118366;}
.novedades .bt-enlace { position: absolute; bottom: 0.25em;}

.submenu li.activo span:after, .submenu li a:hover:after, .submenu li.activo a:after  {opacity: 1;}
.submenu li.activo li a:after, .submenu li.activo li span:after {opacity: 0;}
.ver-todo { text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #169776; color: #000; font-size: 0.85em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.novedades, .introduccion .col {position: relative;}
.introduccion .col { margin-bottom: 2em;}
.ver-todo:hover { border-bottom: 3px solid #169776;}
.home-container .ver-todo  { position: absolute;}
.introduccion .ver-todo {top: 0.55em; right: 3%;}
.novedades .ver-todo  {top: 4em; right: 15%;}

/*Iconos*/
.btn, .icn { margin: 0.25em; position: relative; }
.icn  {padding: 0.55em; padding-left: 2.35em;}
.icn:before {content: ""; background: url(imagenes/sprite-iconos.png) no-repeat; position: absolute;}
.btn:hover { opacity: 0.7;}

/*iconos por cada formato*/
.file:before, .listado-enlaces a:before { content: ""; background: url(imagenes/sprite-file.png) 2px 0 no-repeat; width: 20px; height: 22px; padding-left: 24px; border-bottom: 3px solid #fff;}
.listado-enlaces a:before { background-position:  -274px 0;}

#folletos .file:before { border-color: #f3faf8;}

.doc:before, .docx:before, .rtf:before, 
.listado-enlaces a.doc:before, .listado-enlaces a.docx:before, .listado-enlaces a.rtf:before
{ background-position: -23px 0;}
.pdf:before, .listado-enlaces a.pdf:before 
{ background-position: -49px 0;}
.xls:before, .xlsx:before, .xml:before, .csv:before,
.listado-enlaces a.xls:before, .listado-enlaces a.xlsx:before, .listado-enlaces a.xml:before, .listado-enlaces a.csv:before
{background-position: -75px 0;}
.ppt:before, .pps:before 
.listado-enlaces a.ppt:before, .listado-enlaces a.pps:before
{background-position: -101px 0;}
.aac:before, .aif:before, .iff:before, .m3u:before, .mid:before, .midi:before, .mp3:before, .mpa:before, .ra:before, .ram:before, .wav:before, .wma:before {background-position: -152px 0;} /*audio*/
.asf:before, .asx:before, .avi:before, .mov:before, .mp4:before, .mpg:before, .qt:before, .rm:before, .wmv img{background-position: -127px 0;} /*video*/

.gif:before, .jpg:before, .tif:before, .tiff:before, .png:before, .jpeg:before {background-position: -177px 0;}

.htm:before .html:before, .php:before, .asp:before, .aspx:before, .xhtml:before, .es:before, .com:before, .net:before {background-position:  -274px 0;} 
.zip:before, .rar:before .exe:before, .bat:before{background-position: -201px 0;}

/*Enlace RSS*/
a.rss { display: block; background: url(imagenes/icono-rss.png) no-repeat center; overflow: hidden;  border-bottom: 0; }
.home-container a.rss  {top: 35px; left: 3%; position: absolute; border-radius: 50%; width: 39px; height: 39px; text-indent: -1000px;}
.home-container a.rss:hover {box-shadow: 0 0 10px #ccc; border-bottom: 0;} 
.novedades h2 { padding-left: 50px;}

.section-container a.rss { float: right; margin-top: -3em; width: 172px; height: 39px; font-size: 0.85em; padding-left: 35px; background-position: top left; background-size: 25px 25px; color: #000; font-style: normal; text-decoration: underline;}

.section-container a.rss:hover {text-decoration: none;}


/* Listas
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul, ol { margin: 1em 2.55em 1.55em 2.55em;}
ul {list-style-image: url(imagenes/bullet.png);}
ul ul {list-style: disc;  list-style-image: none;}
.no-bullet {list-style-image: none;}
ol { list-style-type: decimal;}
ol.alfanum { list-style-type: lower-alpha;}
li { margin-bottom: 0.35em;}

ul[class^="col-"]  { margin: 1em 0;}

.sidebar {margin-top: 8em;}
.sidebar-contenido {margin-left: 3em; border: 1px solid #169776; padding: 1em; /*margin-top: 8em;*/ font-size: 0.95em; margin-bottom: 1.55em;}
.sidebar-contenido h2 {text-transform: uppercase; font-size: 1.60rem; border-bottom: 1px solid #169776; font-weight: 300; margin: 0.25em 0; padding-bottom: 0.25em;}
.sidebar ul {margin: 0; list-style-position:inside;}

nav ul, .home main ul, .enlaces-imagen ul, .resultados-busqueda ul, .informacion ul, ul.consejos  {list-style: none; margin: 0;}

/*Enlace Home*/
section.informacion { border-bottom: 8px solid #118366; overflow: hidden; padding-bottom: 5em;}

.home-container h2 {text-transform: uppercase; font-weight: 300;}
.informacion h2 { margin: 2em; /*margin-left: 7.5%;*/ margin-left: 3.5%; font-size: 1.50rem;}
.informacion h2 span { background: #fff;  padding: 0.25em 0.65em;/* display: inline;*/ line-height: 1.85;}
.informacion h3 {font-size: 1.40rem;}
.informacion h3 a {color: #000;}
.informacion h3 a:hover {color: #118366;}

.home-container ul { list-style: none;}
ul.banner {/*margin: 1em 3%;*/ margin: 1em 2%;}

ul.banner li { background: #fff; border: 8px solid #169776; margin: 0 1.5%; width: 22%; padding: 0 1em; min-height: 195px; font-size: 1.15em;}
ul.banner p a { font-weight: 600; font-style: normal; border-bottom: 2px solid #169776; color: #000;}
ul.banner p a:hover {color: #169776;}
.informacion h3, .section-container .informacion h2 { border-bottom: 1px solid #169776; padding-bottom: 0.55em; margin-bottom: 0.25em; text-transform: uppercase; font-weight: 300;}
.informacion h3 a:after, .section-container .informacion h2 a:after {content: "+"; font-size: 2rem; float: right; margin-top: -0.25em;}
.informacion p.center {text-align: center; font-size: 1.15em; margin: 2em 0;}
.informacion li.telefonos { background: #36434d;}
.informacion li.telefonos h3, .section-container .informacion li.telefonos h2 {color: #fff; border-color: #fff;}
.informacion li.telefonos a, .informacion li.telefonos a:hover, .section-container .informacion li.telefonos a { display: block; font-weight: 600; font-size: 2em; color: #fff; line-height: 1.25; text-align: center; border-bottom: 0; font-style: normal;}

.informacion li.folleto { background: #f3faf8;}

/*información contacto paginas*/
.section-container ul.banner { margin: 1.55em 0; display: flex; flex-wrap: wrap;}
.section-container  ul.banner  { margin-top: 2.55em;}
.section-container  ul.banner li { padding: 1em; min-height: 175px; font-size: 1em; width: 50%;}
.section-container  ul.banner h2 a { border-bottom: 0; font-style: normal; font-weight: 300;}
.section-container  ul.banner h2 { margin: 0.55em 0 0 0;  font-size: 1.25rem;}
.section-container .informacion li.telefonos a, .section-container .informacion li.telefonos a:hover {font-size: 1.85em;}

/*información contacto sidebar*/

.sidebar .informacion ul {flex-flow: column; margin-left: 20%;}
.sidebar .informacion ul li { width: 100%; margin-bottom: 2em;  height: auto;}

ul.iconos { margin: 0 auto;}
ul.iconos li {padding: 0 1.25em;}
ul.iconos li a.discapacidad {padding: 1em 0.55em;  padding-top: 145px;}
ul.iconos li a { text-transform: uppercase; font-weight: 700;  display: block; text-align: center; font-size: 0.90em;   line-height: 1.25; padding: 1em; padding-top: 145px; color: #36434d;width:130px;height: 160px;}
ul.iconos li a:hover { text-decoration: none;}
ul.iconos li a.discapacidad {padding: 1em 0.55em;  padding-top: 145px;}

.icn {}
.icn:before {width: 130px; height: 130px; display: block; margin: 0 auto; top:0; left: 0; border-radius: 50%;border: 8px solid #169776;}
.icn:after {width: 130px; height: 130px; border-radius: 50%; content: ""; position: absolute; top: 0; left: 0;
padding: 0; 
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}
.icn:hover:after {width: 130px; height: 130px; border: 12px solid #169776; opacity: 0.5;
	-webkit-transform: scale(0.90);
	-moz-transform: scale(0.90);
	-ms-transform: scale(0.90);
	transform: scale(0.90);
}
.voz-datos:before { background-position:  -112px -28px;}
.telefonia-fija:before { background-position:  -227px -28px;}
.movil:before { background-position:  -342px -28px;}
.internet:before { background-position:  -457px -28px;}
.proteccion:before { background-position:  -572px -28px;}
.discapacidad:before { background-position:  -687px -28px;}

.home-container h1 { font-weight: 300; line-height: 1.25; font-size: 1.75rem; padding-top: 2em; border-top: 8px solid #169776; margin-top: 0; padding-right: 25%; color: #000;}

section.introduccion  {border-bottom: 8px solid #169776; padding-bottom: 3em; padding-top: 5em;}
.intro { background: #fff; padding-left: 3.5em; padding-bottom: 2em; margin-right: 1em; min-height: 420px;}
.intro p { padding-right: 2em; padding-bottom: 2em;}
.introduccion .accordion, .introduccion h2 {margin-left: 1em;}
.introduccion .accordion dt, .introduccion .accordion dd { background: #fff; border-color:#ccc;}
.introduccion .accordion dd { min-height: 170px; overflow: hidden; text-overflow: ellipsis;}
.introduccion h2 {font-weight: 800; color: #118366; margin-top: 0; margin-bottom: 0.65em;}

/*listado de noticias y enlaces home*/
.tag {font-size: 1em; text-transform: uppercase; clear: both; padding-right: 0.55em;}

.novedades h2, .enlaces h2 { font-size: 2.75rem; padding-top: 0.55em; color: #000; margin-bottom: 0.35em;}
.novedades ul {margin: 0; list-style: none;}

.novedades ul, .enlaces .row {margin-left: -1em; margin-right: -1em;}
.novedades ul li, .enlaces-logo, .enlaces-texto  { padding: 1em 1.45em; border: 1px solid #ccc; margin: 1em; overflow: hidden;}
.novedades ul li {width: 45.333%; min-height: 350px; position: relative; padding-bottom: 4em;}
.novedades .carrousel ul li, .enlaces-logo, .enlaces-texto  {width: 47.333%;} 

.novedades li a, .enlaces-texto a {color: #000;}
.novedades li a:hover, .enlaces-texto a:hover {border-bottom: 1px solid #169776;}
.novedades li .titulo a:hover, .enlaces-texto a:hover { color: #000;}

section.enlaces {padding-bottom: 3em;}
.enlaces-logo li { width: 50%; float: left; padding: 1em 0;}

.enlaces-texto ul { margin: 0;}
.enlaces-texto li { font-size: 1.55rem; font-weight: 300; line-height: 1.25; padding-top: 0.65em;}

.col-left { width: 50%; float: left; padding-right: 1em;}
.col-right { width: 50%; float: right; padding-left: 1em;}

.foto,  .titulo, .descripcion { display: block;}
.titulo { padding: 0.25em 0; font-weight: 300; text-transform: none; margin: 0;}
.foto { overflow: hidden; float: right; margin-left: 1.25em; margin-top: 1em;}
.foto img {width: 100%;}

.novedades .foto img { width: 165px;}
.section-container .titulo a {font-weight: 300;}
.section-container .novedades .foto img  { width: 120px;}

/*Listado de documentos y enlaces*/
.section-container > .grupo-enlaces { width: 85%;}

ul.listado-enlaces, .listado-documentos ul {border: 6px solid #e3ecea; padding: 1em 2.55em; margin: 1.55em 0 2.55em 0;}
.listado-documentos li, ul.listado-enlaces li {list-style:none; padding: 0.55em 0; position: relative;}
ul.listado-enlaces >li, .listado-documentos li {border-bottom: 1px dotted #666; margin-bottom: 0;}
ul.listado-enlaces >li:last-child, .listado-documentos li:last-child {border-bottom: 0;}

ul.listado-enlaces > li {margin-bottom: 0.55em;}
.listado-documentos > ul > li {margin-bottom: 0;}
.listado-enlaces li a, .listado-documentos li a, .listado-enlaces p a, .listado-documentos p a {font-weight: 600; color: #000; font-style: normal; border: 0; padding: 0 0 0 1.55em;}
.listado-enlaces p a, .listado-documentos p a { padding: 0;}
.listado-enlaces a:hover, .listado-documentos a:hover { border-bottom: 1px solid #169776; color: #000;}
.listado-enlaces a:before, .listado-documentos li a:before { position: absolute; left: 0; top: 0.65em;}

.listado-documentos ul ul {border: 0; padding: 0;padding-top: 1em; margin: 0;}

#folletos {border: 6px solid #169776; background: #f3faf8; width: 28%; float: right; padding: 0.25em 0.55em; margin-left: 5%;}
.listado-documentos#folletos ul {margin: 0 1em; border: 0;font-size: 0.95em; padding: 0;}
#folletos h2 {padding: 0; padding-bottom: 0.25em; text-transform: uppercase; font-weight: 300; font-size: 1.35rem; border-bottom: 1px solid #169776; text-align: center; margin-bottom: 0.25em;}
.folletos.col-8 { margin-top: 2em;}


/* Lista simuladas y COVID 19
–––––––––––––––––––––––––––––––––––––––––––––––––– */
section.informacion .bannerplus {
	background: #fff;
	border: 8px solid #169776;
	width: 80%;
	padding: 1rem 2.5rem;
	font-size: 1.5rem;
	margin: 2rem auto;
}

section.informacion .bannerplus a {
	font-weight:600;
	border-bottom: 2px solid #169776;
	color: #000;
}

section.informacion .bannerplus a:hover {
	color: #169776;
}


.contieneCovid{
	width:100%;
	display: flex;
	flex-direction:row;
}

.contieneCovid iframe.videoscovid{
	width: 560px;
	height: 315px; 
}

.contieneCovid .fotocovid{
	width: 25%;
}

.contieneCovid .fotocovid img {
    width: 100%;
}

	@media only screen and (max-width: 980px){
	
	.contieneCovid{
		flex-direction:column;
	}

		iframe.videoscovid{
			width: 90%;
			height: 350px;
			margin-left: 4%;
		}
	}
	
	@media only screen and (max-width: 480px){
		iframe.videoscovid{
			height: 200px;
		}
		.container video.videoscovid{
			height: 200px;
		}
	}




/* Imágenes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a img  {
-webkit-transition: 0.4s ease all;
-moz-transition: 0.4s ease all;
-o-transition: 0.4s ease all;
-ms-transition: 0.4s ease all;
transition: 0.4s ease all;
}
a:hover img {opacity: 0.7; }


/* Tablas
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table.datos { margin: 1em 0; padding: 0.25em; border: 1px solid #169776; width: 100%;}
caption {color: #000; font-size: 1.35em;}
table.datos th {font-size: 1.65em;}
table.datos thead th {border-bottom: 2px solid #169776;}
table.datos tbody th {border-right: 2px solid #169776;}
table.datos th, table.datos td  { padding: 0.35rem 1rem; text-align: left;}

table.datos td  {empty-cells: show; border-bottom: 1px solid #ccc;}

tbody.zebra tr:nth-child(even) {background-color: #f1f1f1;}
/*tbody.zebra tr:nth-child(even) th {}
tbody.zebra th, tbody.zebra td {border-bottom: 0;}*/


/* Formularios
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main form {padding: 1em 5%;}
fieldset {padding: 1em 0; width: 100%;}
legend { font-size: 1.55em;}
label {font-size: 1.25em; color: #000;}

main input[type=text], main input[type=date], main input[type=tel], main input[type=email], input[type=password], main select {border: 0; border-bottom: 3px solid #f1f1f1; padding: 0.35em; font-size: 1.35em; margin: 0.25em 0; min-height: 38px; width: 100%; color: #000;}

 main select{border: 3px solid #e3ecea; font-size: 1em;}

input[type=checkbox], input[type=radio] {border: 0; box-shadow: none; width: auto; margin: 1em;}
input[type=submit], input[type=reset] {padding: 0.55em 1em; font-size: 1.25em; text-transform: uppercase; margin: 1em; line-height: 1; font-weight: 800;}
input[type=submit] { background: #36434d; border: 5px solid #169776; color: #fff;}
input[type=reset] {}

input[type=text]:hover,input[type=text]:focus, textarea:hover, textarea:focus, select:hover { background: #f1f1f1; border-color:#169776;}
select:hover {border: 3px solid #169776; background: #fff;}



/* Misceláneo - Funcionalidad JQuery
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*Compartir Redes Sociales 

/* 18-02-2020 - Modificación para hacer menu RRSS posición fija a dcha (dreneses) */

.compartir {
	position: fixed;
	left: -25px;
	width: 77px;
	top: 40%;
	z-index: 9999999;
}
.compartir ul{
	display: flex;
    flex-direction: column;
	justify-content: center;
	list-style:none;
	margin: 0;
}
.compartir ul li{
	margin-left:0;
	margin-bottom:0;
}
.compartir .compartir-label {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.compartir a span {
	display: none;
}
.compartir ul li:before {
	content: " ";
    display: inline-block;
    background: #4ca5e0;
	padding-right: 5px;
    width: 0; 
    height: 0; 
}
.compartir a.social {
    margin-right: 1em;
    font-size: 0.80em;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    font-style: normal;
    color: #000;
    font-weight: 600;
	border: 1px solid #ddd;
	padding: 10px 12px 10px 35px;
}
.compartir a.social:hover {
    color: #444;
    background-color: orange;
}
a.social.facebook,
a.social.twitter,
a.social.correo {
    display: inline-block;
    width: 10%;
	ms-transition: .3s all ease-in;
	transition: .3s all ease-in;
}
a.social.facebook{
	background-color: #3b5998;
}
a.social.facebook:hover {
  	background-color: #2d4373;
	transform: scaleX(1.2);
	transform: translateX(8px);
	-webkit-box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
	box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
}
a.social.twitter{
	background-color: #0099d4;
}
a.social.twitter:hover{
	background-color: #0087ba;
	transform: scaleX(1.2);
	transform: translateX(8px);
	-webkit-box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
	box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
}
a.social.correo{
	background-color: #497293;
}
a.social.correo:hover{
	background-color: #406582;
	transform: scaleX(1.2);
	transform: translateX(8px);
	-webkit-box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
	box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
}
a.social.facebook:before,
a.social.twitter:before,
a.social.correo:before {
	font-family: "FontAwesome";
	font-size: 1.7rem;
	line-height: 1.7;
	padding-right: 2rem;
	margin-left: -20px;
	margin-right: 30px;
	color: #FFFFFF;
}
a.social.facebook:before {
	content: "\f09a";
}
a.social.twitter:before{
	content: "\f099";
}
a.social.correo:before{
	content: "\f0e0";
}



/*Enlaces Acordeón*/
.accordion dt, .accordion dd {padding: 0.65em 1em; border: 1px solid #ccc;}
.accordion dt {font-weight: 700; color: #36434d;  margin-top: 0.35em; cursor: pointer; padding-left: 2.95em; line-height: 1.55;
-webkit-transition-color: border-bottom .1s; position: relative;
/*transition-color:border-bottom .1s;*/
border-bottom-color: #ccc; 
}
.accordion dd { border: 1px solid #ccc; border-top: 0;padding-left: 45px;}
.accordion dt:before {content: ""; width: 33px; height: 33px; line-height: 1.55; background: url(imagenes/sprite-iconos.png) no-repeat -67px -75px;  position: absolute; top: 6px; left: 5px;}
.accordion dt:hover { transition: color .1s; color: #118366;}
.accordion dt.open {   
-webkit-transition:border-bottom .1s;
transition: all .1s ease;
border-bottom-color: #fff;
}
.accordion dt.open:before  {   
-webkit-transform: rotate(180deg);
	-moz-transform: rotate(1800deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*Lista de Faqs*/
.menu-faq .tt-categorias { text-transform: uppercase; font-weight: 300; font-size: 1.35em;}
.menu-faq ul {margin: 1.55em 0 2.55em 0; list-style: none;}
.menu-faq li {display: inline-block; font-size: 0.90em; font-weight: 800; margin: 0; margin-right: 0.55em; margin-bottom: 0.55em}
.menu-faq a { display: inline-block; padding:0.55em  0.75em; vertical-align: middle; font-style: normal;
-webkit-transform: translateZ(0);
transform: translateZ(0);
position: relative;
overflow: hidden;
}
.menu-faq a:before {content: ""; position: absolute;/* z-index: -1; */left: 0; right: 0; top: 0; bottom: 0;
border-color: #169776; border-style: solid; border-width: 0;
-webkit-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.menu-faq a:hover:before, .menu-faq a:focus:before, .menu-faq .activo a:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-width: 4px;
}
.menu-faq ul li a, .menu-faq ul li a:hover { color: #000; border-bottom: none;}
.menu-faq li.activo {position: relative;}
.menu-faq li.activo:after {
content: ""; position: absolute; z-index: 9; left: 0; right: 0; bottom: -9px;
background: url(imagenes/flecha-faq.png) no-repeat top center; 
width: 100%; height: 13px;
}
.preguntas-frecuentes  { margin: 2em 0;}
.preguntas-frecuentes h2 { margin-top: 1.55em; margin-bottom: 1em; color: #36434d; font-size: 1.85rem;  font-weight: 700;}
.preguntas-frecuentes h2 strong { font-style: italic;}

/*Carrousel Responsive*/
.carrousel {/*min-height: 380px; */overflow: hidden;}

.carrousel  .prev, .carrousel .next { background: url(imagenes/botones-volver-avanzar.png) no-repeat; height: 32px; display: block; position: absolute;overflow: hidden; text-indent: -1000px; top: 3em;}
.carrousel .prev {background-position: left 0; right: 9.5%; width: 45px;}
.carrousel .next { background-position: right 0; right: 6%; width: 45px;}
.carrousel  .prev:hover, .carrousel .next:hover { opacity: 0.7;}

/*Resultados Búsqueda*/
p.resultados, p.no-resultados, h2.resultados { font-size: 1.55em; /*text-align: center*/; padding: 1em 0; font-weight: 400;}
.resultados-busqueda  ul, .resultados-busqueda  div.lista {border: 8px solid #e3ecea; margin: 1em auto; padding: 0 2em; width: 90%;}
.resultados-busqueda h2, .consejos li h2 {font-size: 1.35rem; margin-bottom: 0;}
.resultados-busqueda h2 a, .consejos li h2 a {color: #000; font-style: normal; line-height: 1.55; border-bottom: 1px solid #169776; font-weight: 300;}
.resultados-busqueda h2 a:hover { border: 0;}
.resultados-busqueda li, .consejos li {padding: 0.55em 0; margin: 0.25em 0; border-top: 1px dotted #666;}
.resultados-busqueda li:first-child,  .consejos li:first-child {border-top: 0;}

.resultados-busqueda strong {font-style: italic;}

.resultados-busqueda .buscador { text-align: center;}
.resultados-busqueda input[type=text] { width: 60%;}
.resultados-busqueda input[type=submit].boton-buscar { float: none;}

/*Novedades*/
.buscador-novedades, .buscador-listados { overflow: hidden; padding: 1em; border-bottom: 8px solid #169776; margin-bottom: 2em; background: #f1f1f1;}
.buscador-listados {margin-top: 2em; padding: 0.55em 1em;}
.buscador-novedades .col { width: 31%; float: left;}
.buscador-novedades label, .buscador-listados label { font-size: 0.85em; color: #666;}
.buscador-listados label {display: block;}

.buscador-novedades select, .buscador-listados select {width: 89%;}
.buscador-novedades input[type=submit].boton-buscar { margin-top: 1.25em; padding: 0;}

/*Paginación  de resultados*/
.section-container ul.pagination { font-size: 1.25em; text-align: center; list-style: none; padding: 1.55em 0; border: 0;}
.section-container ul.pagination li { margin: 0; background-image: none; font-weight: 200; display: inline-block; margin-left: 0.55em; border: 0;}
.section-container ul.pagination li a {padding: 0.15em 0; display: block; width: 25px; height: 40px; text-align: center; overflow: hidden; margin: 0; color: #118366; background: #fff; border: 0; font-style: normal;}

.section-container ul.pagination li.next a, .section-container  ul.pagination li.prev a { text-indent: -1000em; background-image: url(imagenes/botones-volver-avanzar.png); background-repeat: no-repeat; width: 40px;}
.section-container ul.pagination li.prev a {background-position: 0 3px;}
.section-container ul.pagination li.next a {background-position: -63px 3px;}

.section-container ul.pagination li a:hover { opacity: 0.9; border-bottom: 1px solid #169776;}
.section-container ul.pagination li.next a:hover, .section-container  ul.pagination li.prev a:hover {border: 0;}

.section-container ul.pagination li.active span, .section-container ul.pagination li.active a {cursor: default;  border-bottom: 5px solid #169776; font-weight: 800;}
.section-container ul.pagination li.active a:hover {text-decoration: none; opacity: 1;}

.section-container ul.pagination li.disabled a, .section-container ul.pagination li.disabled a:hover {opacity: 0.3; cursor: default; /*visibility: hidden;*/}

/*Listado Consejos prácticos*/

/*Detalle de novedades*/
.entrada-noticia header {padding: 0;}
.entrada-noticia h1 {font-size: 2.55rem;}

.col-contenido .tagline {margin-top: 0.20em;}
.col-contenido .tagline a {text-transform: uppercase; font-weight: 300; margin-bottom: 0;  font-size: 1.65rem;}
.col-contenido .tagline a:after{display: block; content: ""; width: 18%; height: 7px; background: #169776; margin-top: 0; font-size: 1.65rem; line-height: 1.25;}

.entrada-noticia .summary {border-top: 1px solid #729f98; border-bottom: 1px solid #729f98; font-size: 1.35em; font-style: italic; font-weight: 300; margin-bottom: 1em; padding: 0.25em;}
p.detalle-noticia { padding: 0;}
p.detalle-noticia span:last-of-type { padding-left: 0.55em; border-left: 1px solid #666;}
.entrada-noticia .summary  { margin-right: 7%; width: auto;}
.entrada-noticia .foto { margin-right: 0; margin-top: 1em; margin-left: 5%;}
.entrada-noticia img { width: 300px;}
.entrada-noticia .contenido-noticia { padding-right: 7%;}

/*Paginación  de resultados*/
ul.paginacion { font-size: 1em; text-align: center; list-style: none; margin: 1em 0;}
ul.paginacion li{ display: inline-block; margin: 0.0125em;}
ul.paginacion li a, ul.paginacion li span {padding: 0 0.55em 0.15em 0.55em; border: 3px solid #fff; color: #000;}
ul.paginacion li a:hover {border: 3px solid #118366; color: #118366;}
ul.paginacion li.disabled span {color: #666; cursor: default;}
ul.paginacion li.activo span {cursor: default; border: 3px solid #118366; background: #118366; color: #fff;}

/*Ventana Modal */
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {width:50%; height:50%; background-color:#fff; padding:2em; border-radius: 1.25em;}

#simplemodal-container h2 {text-align: center;}
#simplemodal-container a.modalCloseImg { background: url(imagenes/bt-cerrar.png) no-repeat; width:40px; height:40px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

/*Enlaces Operadores*/
ul.operadores  {margin: 0; list-style: none; margin-left: -1%;}
ul.operadores li {padding: 1em; border: 1px solid #ccc; margin: 1em 1%; width: 31%; overflow: hidden;}
ul.operadores h2 {font-size: 1.15rem; margin: 0;}
ul.operadores h2 span {font-size: 0.95rem; font-weight: 400; display: block;}
ul.operadores h3 { text-transform: uppercase; font-weight: 400; font-size: 1rem;  margin-top: 0.75em; margin-bottom: 0.25em;}
ul.operadores p { padding: 0; font-size: 0.95em;}
ul.operadores strong { width: 105px; display: inline-block;}

.calidad, .texto-informativo {border: 1px solid #169776; margin: 2em auto; padding: 0 1.55em 0.85em 1.55em; width: 80% }
.calidad h2, .texto-informativo h2 {border-bottom: 1px solid #169776; text-align: center; font-size: 1.55em; padding-bottom: 0.55em; margin-bottom: 0.25em; text-transform: uppercase; font-weight: 300;}
.claim { width: 50%; float: right;}

/*Página de error*/
.error-404 {width: 75%; margin: 0 auto;}
.error-404 img { float: right; margin-left: 2em;}
.error-404 .titulo, .error-404 .subtitulo {font-size: 2rem; font-weight: 800; text-align: center; line-height: 1;padding: 0 20%;}
.error-404 .titulo span {font-size: 12rem; display: block; color: #118366;}
.error-404 .subtitulo {color: #118366; line-height: 1.25; margin: 0.35em 0;}
.error-404 ul { list-style: none; text-align:center;}
.error-404 ul li {display: inline; padding: 0 1em;}

/*Estilo listado numerico*/
ol.modelos {counter-reset:li;  /*Initiate a counter */}
ol.modelos > li {position:relative; list-style:none; margin-left: 15px; padding-bottom: 0.55em;}
ol.modelos > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top: 7px;
    left: -65px;
	width:50px;
    padding-right: 0.35em;
	padding-bottom: 0.25em;
	line-height:1;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
	color:#118366;
	font-size: 2.35rem;
	font-weight: 800;
	border-right: 3px solid #169776;
	text-align: center;
}

/*Mapa web*/
ul.mapa-web {margin: 1em 0;}
ul.mapa-web > li {font-size: 1em; margin: 0 1em; float: left; list-style: none; width: 22%; text-transform: uppercase; margin-bottom: 1em;}
ul.mapa-web a { border: 0; font-style: normal; }
ul.mapa-web > li > a { border-bottom: 1px solid #169776; font-weight: 700;}
ul.mapa-web li:first-child {margin-left: 0;}

ul.mapa-web ul {margin: 0; margin-top: 1em; margin-left: 1.25em;}
ul.mapa-web li li { list-style:disc; padding: 0; display: list-item; padding-left: 0;
float: none; width: 100%; text-transform: none; margin-bottom: 0.55em; line-height: 1.25;} 
ul.mapa-web li li a {color: #444; font-weight: 600;}

/*Cookies*/
#cookieChoiceInfo {position: fixed; width: 100%; margin: 0px; left: 0px; bottom: 0px; color: rgb(255, 255, 255); z-index: 1000; text-align: center; padding: 1em 2em; background-color: rgba(0, 0, 0, 0.755);	
}
#cookieChoiceInfo span { display: block; padding-bottom: 1.25em;}
#cookieChoiceInfo a {margin-left: 8px; color: rgb(255, 255, 255);  padding: 0.55em; padding-top: 0.25em;text-decoration: underline; margin: 0 1em;}
#cookieChoiceInfo a:hover {text-decoration: none; opacity: 0.7;}
#cookieChoiceInfo a#cookieChoiceDismiss {font-weight: 600; border: 1px solid #fff; text-decoration: none;}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media print {
* {background: transparent !important; color: #000 !important; box-shadow: none !important;text-shadow: none !important;}
a, a:visited {text-decoration: underline;}
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}
a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
pre, blockquote { border: 1px solid #999; page-break-inside: avoid;}
thead {display: table-header-group;}
tr, img {page-break-inside: avoid;}
img {max-width: 100% !important;}
p, h2, h3 {orphans: 3;widows: 3;}
h2, h3 {page-break-after: avoid;}
}
@page { size: A4; margin: 0.5cm;}

@media only screen {
.container img, .container embed, .container object {min-width: auto; height: auto;}
.container video {width: 100%; height: auto;}
.container {width: 100%; margin: 0 auto; transition: width 0.3s ease-out 0s;}
.footer img { min-width: auto;}
}

@media only screen and (min-width: 1680px){
html { background: #f0eceb;}	
#menu-principal, .header-container header, .main-container { width: 1600px; margin: 0 auto;}
.novedades ul li {min-height: 280px;}
.informacion h2 { margin-left: 3.5%;}
ul.banner {margin: 1em 2%;}
}


@media only screen and (max-width: 1366px){
.informacion li.telefonos a, .informacion li.telefonos a:hover {font-size: 1.65em;}
.informacion h3 {font-size: 1.30rem;}
}

@media only screen and (max-width: 1024px) {
	header .buscador {top: 25px;}
	.opciones {top: 0;}	
	.introduccion .ver-todo {bottom: 0; top: auto;}
	.informacion h2 { margin-left: 1.5%;}
	ul.banner {margin: 1em 0;}
	.informacion li.telefonos a, .informacion li.telefonos a:hover {font-size: 1.45em;}
	.section-container .informacion li.telefonos a {font-size: 1.65em;}
	.introduccion .accordion dd {height: 200px;}
	.novedades .foto img {width: 100px;}
	h3.titulo {font-size: 1.25rem;}
	
	#folletos, #folletos h2 {width: 28%; margin-left: 1em;}
	
}

@media only screen and (max-width: 990px) {
	.nombre-app { margin-left: 60px;}
	.submenu { display: none;}
	.col-contenido, .col-contenido.col-centro { width: 100%; float: none;}
	#menu-principal {margin: 0; background: none;}
	.section-container  ul.banner li { width: 70%;}
	
		
	/*A 990px posiciona abajo el menú lateral de RRSS*/

	footer .logo{
		padding-bottom:3em;
	}
	.compartir {
		position: absolute;
		width: 100%;
		bottom: -4px;
		left: 0;
		animation: none;
		top: auto;
	}
	.compartir ul{
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.compartir a.social {
		margin-right: 1em;
		font-size: 0.80em;
		border-radius: 10px 10px 0 0;
		cursor: pointer;
		font-style: normal;
		color: #000;
		font-weight: 600;
		border: 1px solid #ddd;
		padding: 10px 12px 10px 35px;
	}
	a.social.facebook,
	a.social.twitter,
	a.social.correo {
		width: auto;
		height: 50px;
		transition: none;
	}
	a.social.facebook:hover,
	a.social.twitter:hover,
	a.social.correo:hover {
		transform: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	a.social.facebook:before,
	a.social.twitter:before,
	a.social.correo:before {
		line-height: 1.3;
		padding-right: 0;
		margin-left: 0;
	}
}

@media only screen and (max-width: 768px) {
	.nombre-app { margin-left: 60px;}
	.logo img { height: 55px;}
	header .tagline {line-height: 1; font-size: 0.90rem;}
	header .tagline span.destacado {line-height: 1;}
	
	.menu-collapser, .menu-bt-lupa {position: absolute; z-index: 99; }
	.menu-collapser {left: 1em; top: 1em; }
	
	.opciones { position: static;}
	header .buscador { width: 100%; top: 0; left: 0;}
	.menu-bt-lupa {right: 1em; top: 1.45em;}
	
	.fondo-buscar {position: absolute; top: 69px; width: 100%; left: 0; background: #fff; padding: 1em; font-size: 1.55em; 
	box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.16); z-index: 15; border-bottom: 2px solid #ccc;}
	header .buscador input[type=text]{padding: 0.65em 1em; border:1px solid #bfbfbf; width: 100%; border-radius: 0; box-shadow: none;}
	header .buscador input[type=text]:focus {background: #fff;}
	
	.navegacion-footer li {font-size: 0.85em;}
	.col-contenido h1 { width: 100%;}
	.novedades .carrousel, .enlaces .row {margin-left: 0;}
	
	/*Index*/
	.informacion h2 {margin: 2em 0; text-align: center;}
	ul.banner { margin: 1em 0;}
	ul.banner li {font-size: 1em; margin-bottom: 1em; width: 47%; min-height: auto; padding-bottom: 1em;}
	ul.iconos li {margin: 1.55em;}
	section.informacion {padding-bottom: 2em;}
	.informacion ul {flex-wrap: wrap;}
	.informacion h3 {font-size: 1.25rem;}
	.informacion > p {margin: 1em 0;}
	.informacion li.telefonos {width: 50%;}
	/*.informacion li.telefonos a {font-size: 2em;}*/
	
	.row {flex-flow: column; display: block;}
	.col-6 {width: 100%; float: none;}
	.intro { height: auto;}
	
	.introduccion .ver-todo {top: 0.55em;}
	.enlaces-logo, .enlaces-texto { width: 100%; margin: 1em 0;}
	.novedades .ver-todo {right: 20%;}
	.carrousel .prev { border: 0;}
	/*.carrousel {height: 300px;}*/
	
	/*Páginas*/
	.buscador-novedades .col {width: 30%;}
	.preguntas-frecuentes h2 {font-size: 1.55rem;}
	.menu-faq { position: relative; width: 250px; margin: 0.55em auto 1.25em auto;}
	.menu-faq ul {display: none; margin-top: 2px; border-top: 8px solid #169776; margin-left: 0; position: absolute; background-color: #fff; min-width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 1em; z-index: 99;}
	.menu-faq:hover ul {display: block;}	
	.menu-faq li { display: block; padding: 0.25em; margin: 0.25em 1em;}
	.col-contenido .menu-faq a {padding: 0;  margin: 0;  font-weight: 400;}
	.menu-faq a:before{ border: 0;}
	.menu-faq li a:hover:before, .menu-faq li.activo a:before { border-bottom: 3px solid #169776;}
	.menu-faq li.activo:after { display: none;}
	.menu-faq .tt-categorias { border-bottom: 8px solid #169776; padding: 0 3em 0 1em;  padding-bottom: 0.35em; cursor: default;}
	.menu-faq .tt-categorias:before {content: ""; width: 33px; height: 33px; line-height: 1.55;
	background: url(imagenes/sprite-iconos.png) no-repeat -67px -75px; position: absolute; top: 0; left: 175px;}
	ul.listado-documentos, ul.listado-enlaces {padding: 1.55em;}
	ul.operadores li {width: 31%;}
	
	.calidad, .texto-informativo, aside { width: 100%;}
	.sidebar, .sidebar .informacion ul { margin: 0;}
		
	section.informacion .bannerplus {
		font-size: 1.2rem;
	}

}
@media only screen and (max-width: 640px) {
.nombre-app {margin-left: 0;}
header .logo { margin: 0.25em auto; width: 600px; text-align: center; float: none; }
header .logo img { margin-top: 0; height: 45px;}
header .tagline {text-align:center; padding-top: 1em; width: 98%;}
header .tagline span.destacado,  span.destacado span { font-size: 1rem; display: inline;}

ul.iconos li {margin: 0; margin-bottom: 2.55em; }
/*.carrousel {height: 380px;}*/

.entrada-noticia, h2.tagline { margin-left: 0;}
.entrada-noticia header, .entrada-noticia .summary, .contenido-noticia {margin-right: 0;}
.entrada-noticia .foto {margin-top: 1em; width: auto;}
.entrada-noticia .foto img {width: 160px;}
.buscador-novedades .col, .buscador-novedades select { width: 100%; float: none;}
.buscador-novedades input[type=submit].boton-buscar, .buscador-novedades input[type=button].boton-buscar { background: #36434d; border: 5px solid #169776; color: #fff; width: 100%; text-indent: 0; text-align: center;}
ul.operadores li {width: 48%;}

/*section.introduccion {min-height: 800px;}*/
.introduccion .accordion dd { height: auto;}
.introduccion .ver-todo {bottom: auto;}
h3.titulo {font-size: 1.25rem;}
.novedades ul, .enlaces .row {margin-left: 0; margin-right: 0;}
.novedades ul li { width: 100%;}
.novedades .foto img {width: 165px;}
.novedades .ver-todo {right: 23%;}
.carrousel .prev {right: 10.5%;}

#folletos, #folletos h2 {width: 100%; margin-left: 0; float: none; margin-bottom: 1em;}
.folletos.col-8 {width: 100%; float: none;}

#cookieChoiceInfo {font-size: 0.75em;}	
}
@media only screen and (max-width: 480px) {
	h1 {font-size: 2rem;}
	main ul, main ol { margin: 1em;}
	header .logo, header .tagline {width: 100%; /*padding-left: 10%;*/}
	
	.breadcrumb { display: none;}
	ul.banner li, .informacion li.telefonos  { width: 80%;}
	.col, .row li, ul.operadores li {flex-basis: 100%; -ms-flex-preferred-size: 100%;}
	img.left, img.right { float: none; width: 100%; margin: 0;}
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {width: 100% !important; float: none;}
	aside { width: 100%;}
	.home-container h1 {padding-right: 2em; font-size: 1.35rem;}
	.home-container .ver-todo { position: relative; float: right; height: 22px; top: 1.25em; right: 0;}
	/*.carrousel {height: 450px;}*/
	
	.novedades h2, .enlaces h2 {font-size: 2rem;}
	.novedades ul li { min-height: 250px;}
	.novedades .foto img {width: 120px;}
	.carrousel .prev, .carrousel .next { top: 1em;}
	.carrousel .next {right: 5%;}
	.carrousel .prev {right: 12.5%;}
	
	section.enlaces {padding-top: 3em;}
	.enlaces-texto li {font-size: 1.15rem;}
	.direccion { width: 75%; margin: 0 auto;}
	.navegacion-footer li { display: block;}
	input[type=submit], input[type=reset] {margin: 0 0.25em;}
	.fondo-buscar {top: 109px;}
	
	
	.menu-collapser {left: 0.55em; top: 1em; }
	.menu-bt-lupa {right: 0; top: 1em;}
	
	.sticky {position: fixed; width: 100%; z-index:18; top: 0; left: 0; height: 65px;}
	.sticky .menu-bt-lupa { top: 0.35em !important;}
	.sticky .menu-collapser { top: 0.65em !important;}
	.tagline.sticky {top: 0; left: 0; background: #f1f1f1; border-bottom: 1px solid #ccc; padding-bottom: 1.25em;}
	.sticky .fondo-buscar {top: 64px;}
	
	.logos img { max-height: 70px; max-width: 145px;}
	ol.modelos { margin-left: 2em;}
	
	section.informacion .bannerplus {
		padding: 1rem 2rem;
		font-size: 1.2rem;
		margin: 1.5rem auto;
	}

	
	
	/* Modifica Compartir Redes Sociales a 480px */
	.compartir ul {
		padding-left: 25px;
	}
	.compartir a.social {
		padding: 14px 0 5px 25px;
		margin-left: -7px;
	}
	a.social.facebook,
	a.social.twitter,
	a.social.correo {
		display: inline;
	}
	
}

@media only screen and (max-width: 375px) {
.enlaces-logo li {width: 100%; float: none; text-align: center;}
.home-container h1 {font-size: 1.35rem;}
header .logo img {margin-top: 0.55em; height: 25px;}
.informacion h2, h3 {margin: 1em;font-size: 1.25rem;}
.informacion h2 span{font-size: 1rem;}
.novedades h2, .enlaces h2 {font-size: 1.75rem;}
ul.banner li, .informacion li.telefonos {width: 90%;}
.tagline.sticky {padding: 1em 5em;}
.tagline.sticky, .tagline.sticky span {font-size: 0.85rem;}

a.social { text-indent: -1000px;}

.novedades .foto { width: 100%; height: 160px; overflow: hidden; margin-bottom: 1em;}
.novedades .foto img { width: 100%;}
}


/*Estilo IE9 alternativa a flexbox*/
.ie9 .home-container .informacion ul, .lt-ie9 .home-container .informacion ul  {display: table; margin: 0 auto;}

.ie9 ul.banner li, .lt-ie9 ul.banner li, .lt-ie8 ul.banner li { float: left;}

.ie9 .row, .ie9 .carrousel .novedades ul, 
.lt-ie9 .row, .lt-ie9 .carrousel .novedades ul,
.lt-ie8 .row, .lt-ie8 .carrousel .novedades ul 
{display: table-cell;}

.ie9 .col, .ie9 .informacion ul li, .ie9 .novedades ul li, .ie9 .enlaces-logo, .ie9 .enlaces-texto,
.lt-ie9 .col, .lt-ie9 .informacion ul li, .lt-ie9 .novedades ul li, .lt-ie9 .enlaces-logo, .lt-ie9 .enlaces-texto, .ie9 ul.operadores li,
.lt-ie8 .col, .lt-ie8 .informacion ul li, .lt-ie8 .novedades ul li, .lt-ie8 .enlaces-logo, .lt-ie8 .enlaces-texto, .lt-ie9 ul.operadores li, .lt-ie8 ul.operadores li
{float: left;}


.ie9 ul.operadores, .lt-ie9 ul.operadores, .lt-ie8 ul.operadores {overflow: hidden;}

.ie9 .intro, .lt-ie9 .intro, .lt-ie8 .intro { margin-right: 0;}
.ie9 .novedades ul li, .lt-ie9 .novedades ul li, .lt-ie8 .novedades ul li 
{height: 390px; overflow: hidden;}
.ie9 .enlaces-logo, .ie9 .enlaces-texto, 
.lt-ie9 .enlaces-logo, .lt-ie9 .enlaces-texto,
.lt-ie8 .enlaces-logo, .lt-ie8 .enlaces-texto 
{height: 275px;}
.ie9 .carrousel, .ie9  .carrousel, .lt-ie9  .carrousel, .lt-ie8  .carrousel { height: 415px;}

.ie9 ul.operadores li, .lt-ie9 ul.operadores li, .lt-ie8 ul.operadores li { height: 375px;}

/*.ie9 .menu-faq a, .ie9 .menu-faq .activo a {border: 4px solid #fff;}
.ie9 .menu-faq a:hover, .ie9 .menu-faq a:focus, .ie9 .menu-faq .activo a,
.lt-ie9 .menu-faq a:hover, .lt-ie9 .menu-faq a:focus, .lt-ie9 .menu-faq .activo a 
{border: 4px solid #169776;}*/

.ie9 ul.slimmenu > li.activo:after, 
.lt-ie9  ul.slimmenu > li.activo:after{right: 0; z-index: 1;}


a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {/* pointer-events: none; */cursor:default;}

@media only screen and (max-device-width: 480px) {
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {/*pointer-events: auto;*/ cursor: pointer;}
.informacion li.telefonos a {padding: 0.25em 0; margin-bottom: 0.25em;}
}