/* CSS Codisna 2020 */
/* Estilos especificos del web */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}
hr { background-color:#ddd; height:1px; border:none; margin:40px 0 0}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {display: block}
body {color:#343434;	font: 400 100% "Noto Sans", sans-serif;background:#fff;line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0}
p, li{margin:0px 0 10px;line-height:140%;font-size:100%; color:#484848;list-style-type:none; font-weight:400}
strong { font-weight:600}
a{color:#077ed0;text-decoration:none; outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0); }
a:link{color:#077ed0}
a:active,a:focus,a:hover{ text-decoration:underline}
input[type=text]:focus{ outline:2px solid #2696e4}
noscript p{ margin: 20px auto; width:95%; max-width:963px; display:block; color:#000; clear:both;}
.mov{ visibility:hidden; width:1px; display:none!important}
.clear { clear:both}

.cookiefirst-cookie-declaration h3 { font-size: 1.1rem; margin: 1rem 0;}
dl { line-height: 1.1rem}

/*-- Estilos para la Home --*/

#contenedor {width:100%}
#head { width:100%; margin:0 auto}
.Cont_Cab { width:90%; max-width:1200px; margin:20px auto 20px}
.ul_redes { display:block; background-color:#000; padding:8px 0 8px 0; text-align:center}
.ul_redes li{ color:#fff; display:inline; padding:15px 5%; vertical-align:middle; font-size:80%}
.ul_redes li strong,.ul_redes li a{ color:#fff}
.ul_redes li img{ vertical-align:middle; margin-right:5px; margin-left:2px; width:20px}
h1 {display:inline-block!important; vertical-align: middle; font-size:90%; width:167px}
h1 img { width:100%}
h1 a:hover{text-decoration:none}

.header_icon { display:none}
.menu { width:83%; margin:25px auto 0; display:inline-block; text-align:right; float:right}
.menu ul{ margin:0}
.menu li {color:#222;display:inline;margin:0 0 0 28px;line-height:none;	font:400 80% "Noto Sans JP", sans-serif}
.menu li:first-child {display:none}
.menu li a {color:#222; padding:0; text-transform:uppercase; letter-spacing:0.02em}
.menu li a:hover { border-bottom:2px solid #2696e4;text-decoration:none}
.menu li.current {text-transform:uppercase; color:#2696e4 }

/* Acordion */
.accordion-container {width: 100%;clear:both}
.accordion-titulo {position: relative;text-decoration:none;/*display: block; width:90%*/}
.accordion-titulo span.toggle-icon:before {content: url("https://img.icons8.com/small/16/000000/expand-arrow.png"); font-size:130%; margin-top:-3px }
.accordion-titulo.open span.toggle-icon:before {content:url("https://img.icons8.com/small/16/000000/collapse-arrow.png");font-weight:700; font-size:140%}
.accordion-titulo span.toggle-icon {position: absolute;top: 0;right: -20px;font:400 100% 'Roboto Condensed', sans-serif}
.accordion-content {display: none;padding:5px;overflow:auto; text-transform:none} 

.contSup {background:#ffffff url(../img/fondo.jpg) left bottom repeat-x;position: relative}
#contenido { width:100%; margin:0 auto}
.destacados,.noticiasCaja { margin:25px auto; width:90%; max-width:1200px; text-align:center}
.destacados > h2 { margin:40px auto; text-align: center; text-transform: uppercase; font-size: 220%; font-weight: 500; color: #2696e4;}
.destacados > h2 span a{ display:block; margin:40px auto 10px; text-transform: uppercase; font-size: 40%; color: #222; font-weight:400}

.destacados header h2{color:#000;font:normal 200% 'Source Sans Pro', Arial, sans-serif;margin:20px 0 40px}
.destacados > h2.sminf{margin:45px auto 0;}
/*.col-a,.col-b { display:inline-block; width:48%; text-align:left; vertical-align:top}
.col-a { margin-right:2%}
.col-a div, .col-a img,.col-b div, .col-b img { display:inline-block; vertical-align:top; width:50%}		
.col-a img,.col-b img { width:45%; margin-right:10px}		
.col-a h2,.col-b h2 {color: #222; font-size:120%; line-height:140%; font-weight:600; margin-bottom:10px}
.col-a h2 span,.col-b h2 span {color: #2696e4;font-size:75%; font-weight:500;display:block;text-transform:uppercase; margin-bottom:0px}
.col-a p,.col-b p{line-height:145%; font-size:95%}
.col-a p a,.col-b p a{background: #2696e4 url(../img/ico-fle-bl.png) 10px center no-repeat;padding:5px 0 5px 25px;color:#fff;display:block;margin:10px 0; border-radius:3px; width:200px; font-size:90%}
.col-a p a:hover,.col-b p a:hover{text-decoration:underline}*/

.destacados .texto_cookies { text-align:left!important}
.destacados .texto_cookies h3{ font-size:120%; font-weight:600; margin:20px 0 10px }

.col-a{ display:inline-block; width:29%; text-align:left; vertical-align:top}
.col-a img { width:100%}		
.col-a h2 {color: #222; font-size:120%; line-height:140%; font-weight:600; margin-bottom:10px}
.col-a h2 span {color: #2696e4;font-size:75%; font-weight:500;display:block;text-transform:uppercase; margin-bottom:0px}
.col-a p{line-height:145%; font-size:95%}
.col-a p a{background: #2696e4 url(../img/ico-fle-bl.png) 10px center no-repeat;padding:5px 0 5px 25px;color:#fff;display:block;margin:10px 0; border-radius:3px; width:200px; font-size:90%}
.col-a p a:hover{text-decoration:underline}
.col-a:nth-child(3){margin:0 5%}

/*---- Slider home ----*/
.slider { position:relative; max-width:1200px; width:90%; margin:0 auto; background-color:#fff}
.texto_slide { width:27%; right:0; top:0; position:absolute; z-index:999; padding:20px 3%}
.texto_slide h2{ color:#000; font-size:120%; font-weight:600; margin-top:25px}
.texto_slide h2 strong{ color:#077ed0;display:block; font-size:120%; text-transform:uppercase; margin:8px 0 15px}
.texto_slide ul{ margin-bottom:40px}
.texto_slide li { background: url(../img/check-box.png) left center no-repeat; padding-left:25px; color: #222}
.texto_slide a { background-color:#077ed0; color: #fff; border-radius:25px; text-align:center; padding:6px 20px}
.texto_slide a:hover { background-color:#222; text-decoration:none}

/*----------- BSXLIDER  ------------*/
.bx-wrapper {position: relative;	margin: 0;padding: 0;*zoom: 1}
.bx-wrapper img {width:65%;display: block; border:10px solid #fff; border-bottom:none;-webkit-box-shadow: 2px 2px 21px -6px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 21px -6px rgba(0,0,0,0.5);
box-shadow: 2px 2px 21px -6px rgba(0,0,0,0.5);}
.bx-wrapper .bx-viewport {-webkit-transform: translatez(0);-moz-transform: translatez(0);	-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0)}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {	position: absolute;bottom:10px;width: 150px; left:30%}
.bx-wrapper .bx-loading {min-height: 50px;background: url(../img/bx_loader.gif) center center no-repeat #fff;height: 100%;	width: 100%;position: absolute;top: 0;	left: 0;	z-index: 100}
/* PAGER */
.bx-wrapper .bx-pager {	text-align: left;font-size: .85em;padding-bottom:0px}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;	*zoom: 1;*display: inline; vertical-align:middle}
.bx-wrapper .bx-pager.bx-default-pager a {background-color:#fff;text-indent: -9999px;	display: block;width: 6px;height: 6px;margin: 0 3px;outline: 0;	-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px; border:2px solid #fff}
.bx-wrapper .bx-pager.bx-default-pager a:hover{background: #077ed0; border-color:#077ed0; }
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #077ed0;width: 8px;height: 8px;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev, .bx-wrapper .bx-next{ display:none}

/*----- fin slider ----*/

.noticias { background-color:#f2f4f6; margin:50px 0 20px; padding:15px 0 10px; text-align:center}
.noticias h2 { color:#222; text-align:center; font-size:150%; margin:0 auto 30px; display:block}
.noticias_home{display:inline-block; width:48%; text-align:left; vertical-align:top}
.noticias_home_texto, .noticias_home figure { display:inline-block; vertical-align:top; width:45%}		
.noticias_home figure { margin-right:3%}
.noticias_home figure img { width:100%; margin-right:10px}		
.noticias_home_texto h3 {font-size:100%; line-height:130%; font-weight:600; margin-bottom:10px}
.noticias_home_texto p{line-height:140%; font-size:90%}
.noticias_home_texto p a{background: #2696e4 url(../img/ico-fle-bl.png) 10px center no-repeat;padding:5px 0 5px 25px;color:#fff;display:block;margin:10px 0; border-radius:3px; width:200px; font-size:90%}
.noticias_home_texto p a:hover{text-decoration:underline}
p.enlace{border-top:1px solid #1870b8;margin:50px auto 0;padding:10px 0;display:block;color:#1870b8; width:200px;}
p.enlace a{ font-size:90%}

/*Video presentación*/
.videopresent { max-width:1190px; width:90%; margin:60px auto; border-top:1px solid #ddd; padding-top:60px;}
.videoHome,.videoTexto { display:inline-block; width:50%; vertical-align:middle; position:relative}
.videoTexto { width:40%; margin-left:5%;}
.videopresent h2{ font-size:160%; margin-bottom:60px; font-weight:600; line-height:145%; text-align:center}
.videoTexto p{ line-height:155%}
.videoBoton { background-color:#222; color:#fff; padding:10px; border-radius:3px; text-align:center; width:200px; margin:30px 0 0}
.videoBoton a{ color:#fff; font-size:110%}
.videoHome .ico { position:absolute; top:45%; left:32%; z-index:999}

/*video reponsive home*/
.youtube-player {position: relative;padding-bottom:56.23%;height:0;overflow:hidden;width:80%; max-width:1180px; margin:40px auto; background-color:#fff}
.youtube-player iframe {position:absolute;top: 0;left:0;width:100%;height:100%;z-index:100;background: transparent;}
.youtube-player img {bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top: 0;border:none;height:auto;cursor:pointer;-webkit-transition: .4s all;-moz-transition: .4s all;transition: .4s all;}
.youtube-player img:hover {-webkit-filter:brightness(75%);}
.youtube-player .play {height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;background: url("//i.imgur.com/TxzC70f.png") no-repeat;}

.contiene-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.contiene-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*---- Paginas interior ---------- */
.cab { margin:0 auto; display:block; max-width:1300%; width:100%; overflow:hidden; text-align:center; line-height:0; position:relative}
.cab img{ width:90%; max-width:1200px;-webkit-box-shadow: 0px 12px 20px -6px rgba(10,84,194,1);-moz-box-shadow: 0px 12px 20px -6px rgba(10,84,194,1);box-shadow: 0px 12px 20px -6px rgba(10,84,194,1)}
.cab span { position: absolute; top:45%; left:0; color:#fff; font-size:180%; width:100%; text-align:center}
.texto { text-align:left; margin:0 2%}
.texto p{ line-height:150%; margin-bottom:10px; display:block}
.texto h3 { text-align:center; display:block; padding:30px 0 30px; font-weight:600; color:#222; font-size:120%; line-height:145%}
.texto h3 span { background-color:#077ed0; height:3px; width:60px; margin:30px auto 0px; display:block}

.mTop { margin-top:30px}
.texto h4 { text-align:center; display:block; padding:30px 0 0px; font-weight:600; font-size:100%}
.texto img.ft { display:block; text-align:center; width:100%; max-width:600px; margin:30px auto}
.cubiertas { display:inline-block; width:30%; margin:40px 3% 0 0; vertical-align:top;}
.cubiertas.fn { margin-right:0}
.cubiertas h3 { margin:0; padding:10px 0 15px; text-align:left}
.cubiertas img { width:100%; margin-bottom:6px}

.cajaMarcas {/* background-color:#eee;*/ margin-top:20px; display:block; clear:both; border-top:1px solid #ddd;}
.marcas { margin:20px auto 0; text-align:center; padding-bottom:20px }
.marcas li { display:inline-block; vertical-align:middle; height:80px; margin:10px 2%}
.marcas li img{ height:100%}

.submenu { margin-bottom:20px; background-color:#eee; padding:5px 0; text-align:left}
.submenu li { display:inline;font-size:90%;}
.submenu li a {  color:#222; margin: 0 1%; line-height:165%}
.submenu li.activo { background-color:#222; color:#fff; padding:5px}
.submenu li a:hover { color:#077ed0; text-decoration:none}

.txtFondo,.txt { display: inline-block; width:42%; vertical-align: middle; text-align: left; margin-top:40px} 
.txt { width:46%}
.txt.ancho { width:100%}
.txt.ancho h3{ text-align:center}
.txt.ancho img{ text-align:center; display:block}
.txt.ancho.margen { clear:both; padding:60px 0 0}
.txt.ancho.margen img{ max-width:723px; width:100%; margin:20px auto}

.video2 { display:inline; width:46%!important; margin:40px 1%}

.txt img { display:block; margin:0 auto 15px; text-align:center}
.txtFondo { background-color: #DEE4ED; padding:40px 3%}
.txtFondo.snc { background-color:transparent; text-align:center; padding:0}
.txtFondo.snc img{ width:90%; max-width:280px }
.ml { margin-left:4%}
.mr { margin-right:4%!important}

.limpiafondos { display: inline-block; width:45%; vertical-align: top; text-align: left; margin-top:40px; background-color:transparent} 
.limpiafondos img{ width:100%; }
.txt.ml.limpiafondos ul{ margin:6px 0} 
.limpiafondos li{ font-size:90%; line-height:150%; margin-bottom:0 } 
.limpiafondos p{ margin:0} 

.txtFondo h3,.txt h3{ padding:0; margin:0 0 25px; text-align:left}
.icono li { background:url(../img/check-box.png) left 5px no-repeat; padding-left:25px; margin-left:3%; padding-bottom:2px;}
.txt p { line-height:150%}
.txt.ancho ul { margin:20px 5%}
.txt.ancho li { background:url(../img/check-box.png) left 3px no-repeat; padding-left:25px}
.txt .tit { display:block; font-size:120%; border-left: 10px solid #ddd; padding-left:20px; margin:0 5% 40px 5%; color:#222}
.video { margin:40px auto; width:90%; max-width:1200px; display:block; text-align:center}

.modelo{ width:20%;display:inline-block; margin:0 2% 10px;min-height:227px; vertical-align:top}
.foto li{ width:17%;margin:0 1% 20px; display:inline-block; vertical-align:top}
.modelo strong{background-color:#eee;padding:1px 5px;display:block;font-size:110%}
.modelo img,.foto li img{width:100%}
.modelo p{font-size:85%;color:#666;border-bottom:1px dotted #ccc;margin:0 0px 2px;line-height:140%;padding-bottom:5px}
.modelo p:last-child{border-bottom:none}

/*Noticias*/
div#textonoticia p{line-height:150%}
div#textonoticia ul{margin-bottom:10px}
div#textonoticia li{background:url(../img/ico-flecha-gris.gif) left 7px no-repeat;line-height:150%;padding-left:10px;margin:0 0 5px}

.noticiasInt{ display:inline-block; width:60%; margin-right:3%; vertical-align:top; text-align:left; font-size:95%}
.cajaFaceb {  display:inline-block; width:35%; vertical-align:top}
.noticiasInt h3{ margin:15px 0; font-size:120%; font-weight:600; display:block}
.noticiasInt h3 a{ color:#222}
.noticiasInt.noticiaInt{ display:block; width:90%; margin:0 auto 30px}

.noticia { display:block; margin-bottom:30px; min-height:150px}
.noticia img{width:180px}
.noticiasInt img{ float:left;margin:5px 20px 10px 0}
.fecha { font-size:85%}
.volver { text-align:left; margin:30px 0 30px}
.volver img { display:inline-block; vertical-align:middle} 

.ancho { width:890px; margin:0 auto!important; float:none}
.masfotos li{width:100px;height:60px;overflow:hidden;float:left;border:1px solid #ccc;margin:5px}
.noticiasInt .masfotos li img{margin:0;width:100px}
.masfotos .sin{display:block;border:none;width:100%;height:15px}
.redes{padding-top:30px}
.redes li{float:left;width:100px;overflow:hidden}
.redes li.google{width:60px;margin-left:7px}
.redes li.fac{width:100px;overflow:hidden}
.redes li.comp{width:20px;margin-left:3px}
#bloque-foto-noticia{ display:block; clear:both; padding-bottom:30px;}
#bloque-foto-noticia img{max-width:360px; width:50%;}

.navegacion { display:block; text-align:center; margin:40px auto; clear:both}

/* -- Formulario -- */
.contact img { display:inline-block; vertical-align:middle; margin-left:15px}
.add { display:block; margin-bottom:15px;}

#formulario,.gracias{ background-color:#eee; padding: 30px 3%; border-radius:5px; margin:30px auto; width:90%; font-size:90%}
#formulario h3 { margin:0 0 15px!important; font-size:140%; font-weight:500}
label { display:block; line-height:140%; text-align:left}
input, textarea,select{ width:96%;border:1px solid #ddd;background-color:#fff;padding:8px 2%;margin-bottom:5px;border-radius:3px;font-size:100%;outline:#0A57F3}
select{width:30%; display:inline-block}
textarea{min-height:150px;	margin-bottom:10px}
.boton{width:180px;background-color:#222;	border:none;border-radius:3px;color:#fff;display:block;float:light;margin:30px auto 0;cursor:pointer;	padding:8px 0}

.boton:hover{background-color:#000}
.check {	margin-right:5px;	clear:both;	width:15px;	border-style:none;float:left;	color:#ccc}
#formulario a {color:#666;	border-bottom:1px dotted #666}
#formulario a {border-bottom:1px solid #666}

/* --  PIE  -- */
#pie{ width:90%; max-width:1200px; margin:0 auto; font-size:90%; padding:20px 0 0; text-align:center; clear:both}
.pie-1,.pie-2,.pie-3{ display:inline-block; vertical-align:middle; width:25%}
#pie p{ font-size:90%; margin:0}
.pie-1 { width:25%}
.pie-2 img { display:inline-block; vertical-align:middle}
.pie-2 strong { font-size:120%}
.pie-2 a { display:block; margin-top:10px}
.pie-3{ width:45%}
.pie-3 a { display:inline-block; vertical-align:middle; margin:0 2% }
address{font-style:normal;font-size:90%;line-height:140%;}
#pie p.redes-pie { margin: 10px 0; display: block}
#pie p.redes-pie img { width: 18px; margin: 0 3px}
p.redes-cont { margin: 20px 0; display: block}
.redes-cont img { display: inline; vertical-align: middle; margin: 0 5px}
strong.titP { font-size:110%; display:block; margin-bottom:5px; font-weight:700; color:#222 }
strong.titP img{ display:inline-block; margin-right:8px; vertical-align: middle; display: inline}

#pie.pieInt { background-color:#f2f4f6;width:100%; max-width: inherit;}
#pie.pieInt p.pieInf { display:block;width:100%; max-width: inherit;margin:20px auto 0!important;text-align:center; font-size:80%; border-top:1px solid #ddd;padding:20px 0;color:#444}

p.pieInf { display:block;width:90%; max-width:1200px;margin:20px auto 0!important;text-align:center; font-size:80%; border-top:1px solid #ddd;padding:20px 0;color:#444}
p.pieInf strong {color:#666; font-weight:300}
p.pieInf span { margin-left:5%}
p.pieInf a { padding:0 5px; color:#333}
p.pieInf a:hover { text-decoration:underline}

/*--- Cookies ----*/
.cookies{width:100%;background-color:#f2f1ef;margin:8px auto 0;padding:5px 0;display:none; position:fixed; bottom:0; border-top:3px solid #fff; z-index:999}
.cookiesCaja { margin:0 auto;background-color:#eee;color:#666;width:95%; max-width:960px;font-size:90%}
p.cookiesTxt{ float:left; width:800px}
p.cookiesBot{background-color: #000000; display:block; float:right; width:110px; margin-top:15px; text-align:center;padding:5px 0;color:#fff!important;font-weight:bold;text-decoration:none!important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px}
p.cookiesBot a{color:#fff; text-decoration:none; text-transform:uppercase}

@media only screen and (max-width: 1090px) {
/*---- Slider home ----*/
.slider { font-size:90%}
.texto_slide h2{ margin-top:25px}
.cab { margin:0 auto; display:block; max-width:1300%; width:100%; overflow:hidden; text-align:center; line-height:0}
}
@media only screen and (max-width: 1024px) {
.Cont_Cab { width:95%; max-width: inherit; margin:20px auto 30px}
h1 { width:120px }
.menu li {margin:0 0 0 20px}
.ul_redes li{ display:inline; padding:15px 3.5%;  font-size:80%; }
.slider { width:95%}
.texto_slide h2{ margin-top:10px}
.texto_slide h2 strong{ margin-top:10px; font-size:150%}
.texto_slide ul{ margin-bottom:25px}
.texto_slide ul li{ margin:0; line-height:160%}
#pie { font-size:90% }

/* Páginas interiores */
.cab img{ width:95%}

/*COOKIES*/
.cookiesCaja { width:98%}p.cookiesTxt{ width:100%; display:block; float:none}
p.cookiesBot{width:150px; float:none; margin:8px auto}
}
@media only screen and (max-width:890px) {
.mov { visibility:visible; width:auto; display:inherit!important}
.with-sidebar .site-pusher {-webkit-transform: translateX(250px);transform: translateX(250px)}
.with-sidebar .site-cache {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.6); z-index:9999}  
.site-pusher, .site-container {height: 100%}
.site-container { overflow: hidden}
.site-pusher { -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transform: translateX(0px);transform: translateX(0px)}
.site-content {position: absolute;top: 136px;right: 0;left: 0;bottom: 0;padding-top:0;overflow-y: scroll;-webkit-overflow-scrolling: touch}

.contSup {background:#ffffff none}
.Cont_Cab { width:95%; max-width: inherit; margin:0 auto; padding:5px 0}
.header_icon {position: absolute;display: block;width:25px;height:25px;cursor: pointer; top:15px; left: 5px; z-index:999; border-radius:25px; text-align:center; padding:8px}
.header_icon img{ margin-top:4px}
.header_icon:after { position: absolute;display: block; z-index:9999}	
.header_icon:hover { background-color:#eee}

/*#head p img{ display:none}
#head p span{ display:block; font-weight:300; color:#60676c; font-size:80%}*/

.ul_redes { display:block; background-color: transparent; padding:0; text-align:right; position:absolute; top:25px; right:10px; width:70%; max-width: 450px}
.ul_redes li{ color:#222; display:inline; padding:15px 0%; vertical-align:middle; font-size:80%}
.ul_redes li.fac{ padding-left: 20px}
.ul_redes li a{ color:#222}
.ul_redes li a:hover{ text-decoration:none}
.occ{ display:none!important}
.ul_redes li img{ vertical-align:middle; margin-right:1px; margin-left:1px; width:20px}
.ul_redes li.fac img {background-color: transparent}

.menu {position: absolute;left: 0;top: 0;bottom: 0;background: #fff none; height:100%; width: 250px;-webkit-transform: translateX(-250px);transform: translateX(-250px)}
.menu ul{ margin:0; padding:0;padding-top:6px; text-align:left }
.menu li {border-bottom:none;padding:10px 0 10px 0;color:#222;display: inherit; text-transform:uppercase; font-size:105%}
.menu li a {color:#222; border:none}
.menu li:first-child {display:block}
.current a, .current, .menu .sub li.activo{ color:#2696e4!important}

.menu .sub li{ font-size:90%; line-height:130%; padding:0 0 10px; text-transform:none}
.menu .sub li a{ text-transform:none!important}

.menu .accordion-container {width: 100%;clear:both}
.menu .accordion-titulo {position: relative;text-decoration:none;/*display: block; width:90%*/ }
.menu .accordion-titulo.open { color: #222; font-weight:normal }
.menu .accordion-titulo:hover { font-weight:normal; border-bottom:none }
.menu .accordion-titulo span.toggle-icon:before {content: url("https://img.icons8.com/small/16/000000/expand-arrow.png"); font-size:100%; margin-top:-3px }
.menu .accordion-titulo.open span.toggle-icon:before {content:url("https://img.icons8.com/small/16/000000/collapse-arrow.png")}
.menu .accordion-titulo span.toggle-icon {position: absolute;top: 3px;right: -20px;font:400 100% 'Roboto Condensed', sans-serif}
.menu .accordion-content li{ text-transform:none; padding:5px 0;font-size:90%} 
.menu .accordion-content li a{ text-transform:none} 
.menu .accordion-content li.activo {color:#077ed0}

h1 {margin:8px 0 8px 55px; }

/* IMAGE CAPTIONS */
.slider { width:95%}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {	bottom:10px;width:90%; left:0; text-align:center}
.texto_slide  { display:none}
.bx-wrapper img {width:100%;border:none}

#contenido {max-width: inherit;width:100%;padding:0}
.col-a{ display:block; width:90%; margin:0 auto 30px}
.col-a:nth-child(3){margin:0 auto 30px}
.col-a div, .col-a img,.col-b div, .col-b img { display:inline-block; vertical-align: top; width:62%}		
.col-a img,.col-b img { width:35%; margin-right:10px}		


/*Video presentación*/
.videopresent {margin:30px auto; padding-top:30px; width:80%}
.videoHome,.videoTexto { display:block; width:100%; margin:0 auto 20px}
.videoTexto { margin-left:auto;}
.videopresent h2{ font-size:140%; margin-bottom:30px; font-weight:600; line-height:145%; text-align:center}
.videoBoton { margin:30px auto 0}


/*  Páginas interiores*/
.cab img{ width:95%;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:none}
.submenu{ display:none}
.modelo,.foto li{ width:28%}

/*-PIE-*/
#pie{ padding:10px 0 0;}
.pie-1,.pie-2,.pie-3{ display:block; vertical-align: auto; width:90%; margin:0 auto; padding:8px 0}
.pie-2 { margin:8px auto 0; padding-bottom:8px}
.pie-3 { border-bottom:none}
}

@media only screen and (max-width: 650px) {

.destacados{ width:95%; margin:0 auto}
.destacados > h2 { margin:25px auto 35px; font-size: 140%}
.col-a h2,.col-b h2 {line-height:130%; margin-bottom:6px}

.col-a div, .col-a img,.col-b div, .col-b img { display:block; vertical-align: top; width:90%; font-size:90%; margin:0 auto 15px}		
.col-a img,.col-b img { width:90%}

.noticias { margin:30px 0 0px; padding:5px 0 10px 0; text-align:center; font-size:90%}
.noticias h2 { color:#222; text-align:center; font-size:150%; margin:0 auto 20px; display:block}

/*.noticias_home{width:90%;display:block; margin:0 auto; padding-bottom:10px;}
.noticias_home:nth-child(3){margin:0 auto}
.noticias_home figure img{width:100%;margin:0;clear:both}*/
.noticias_home h3 {margin:5px 0 15px; font-size:120%; font-weight:600; line-height:normal }
.noticias_home h3 a{color:#222}
.noticias_home_texto p {line-height:145%; font-size:95%}

.noticias_home{display:block; width:90%; margin:0 auto 40px}
.noticias_home_texto, .noticias_home figure { display:block;width:100%}		
.noticias_home figure { margin-right: auto}
.noticias_home figure img { width:100%; margin-right:0}		
p.enlace{margin:45px auto 0;padding:10px 0 ; width:150px;}
p.enlace a{ font-size:95%}

.texto { font-size:90%}
.texto h3{ text-align:left; padding:20px 0; margin:0 0 15px}
.texto h3.h3span { text-align:center}


.txtFondo,.txt,.limpiafondos { display: block; width:95%; margin-top:25px} 
.txtFondo { padding:20px 5% 20px; margin:25px auto 20px; width:90%}
.txtFondo h3 { padding:0; margin:0 0 10px}
.cubiertas { display:block; width:95%; margin:20px auto}
.cubiertas.fn { margin-right:auto}
.cubiertas h3{ margin:0}
.txtFondo.snc { padding:0; margin:0 0 15px}
.txtFondo.snc img{ width:90%; max-width:280px }
.video{ height:250px!important}
.video2 { height:200px!important}

.noticiasInt,.cajaFaceb { display:block; width:95%; margin:0 auto 20px; font-size:90%}
.txt.ancho.margen { clear:both; padding:20px 0 0}
.destacados > h2 span a{ margin:0px auto 10px;font-size:60%}

.limpGroup { display: flex;flex-wrap: wrap; } 
.izq { order:1; width:100%; margin:0}
.dcha { order:2}
.limpiafondos img{ width:100%; }
.txt.ml.limpiafondos ul{ margin:6px 0} 
.limpiafondos li{ font-size:90%; line-height:150%; margin-bottom:0 } 
.limpiafondos p{ margin:0} 

.ml,.mr{ margin:0 auto!important}
hr { margin:30px 0}

.pie-3 a{ display:block; margin-bottom:10px }
p.pieInf span { margin:5px auto 0; display:block}
p.pieInf a { padding:0 2px}

}
@media only screen and (max-width: 550px) {
.ul_redes li{ padding:3px 0; width:20px; height:24px; overflow:hidden}
.ul_redes li img{  padding:0; margin:0 10px}
.ul_redes li img:hover{ background-color: transparent;text-decoration-skip: none;}
.tel,.fac { display:none!important}
.modelo,.foto li{ width:44%}
.contact span { display:block; margin:10px auto}

}
@media only screen and (max-width: 480px) {
img a:hover { opacity: 0.5;}
#head { height:auto}
#head p { color:#fff; width:100%; text-align:center; margin:0 0 1px; display:block; float:none; clear:both; padding:5px 0; background-color:#2696e4}
#head p span{ display:inline}
#head p span a{ color:#fff; padding-left:15px}

.destacados{ width:90%; margin:0 auto}
.col-a,.col-b { display:block; width:100%; margin:0 auto 20px}
.col-a { margin-right:0}
.col-a div, .col-a img,.col-b div, .col-b img { display:block; vertical-align: middle; width:100%; margin:0 auto}		
.col-a h2,.col-b h2 { margin-bottom:0}
.col-a h2 span,.col-b h2 span {color: #2696e4;font-size:80%; font-weight:500;display:block;text-transform:uppercase; margin:8px 0px 3px}
.modelo,.foto li{ display:block; width:90%; margin:10px auto}
.video2 { display:block; width:100%!important; height:210px!important}
.mr,.ml { margin:0 auto; }
.noticiasInt img{ display:block; width:100%; margin-bottom:10px; }
.noticiasInt h3 { border-top:1px solid #ccc!important; padding-top:30px!important; margin-top:0 0 15px!important;}

}