/* VARIABLES */
/* BASE */
html,body{font-family: 'Roboto', sans-serif;font-size: 1.02em;height: 100%;margin: 0;padding: 0;color:#51515d}
a{text-decoration: none;color: inherit;outline:none;color: #0075ba}
p, li{color:#51515d;list-style-type:none;line-height:150%;font:400 95% 'Roboto', Arial,sans-serif}
li{margin-bottom:8px}
ul{margin:0;padding:0}
site-container{width:100%}
.site-content{padding-top: 105px}
.container{overflow: hidden;margin: 0;text-align:center;width:100%;position:relative;clear:both}
/* HEADER */
.header{position: fixed;left: 0;right: 0;line-height:30px;color: #313131;background:#fff;z-index:8888;width:100%;margin:0 auto;height:125px}
.header_logo{padding: 8px 0 0 5%;max-width:177px;width:15%;position:absolute;left:0;top:0;z-index:999999}
.redes_sociales{clear:right;width:95%;text-align:right;color:#fff;font-size:105%;padding:7px 5% 20px 0;background: url(../img/fondo-top.png) right top no-repeat;font-weight:bold}
.redes_sociales img{padding:0 8px;display:inline-block;vertical-align:middle;width:25%;max-width:22px}
/* baner cookies */
.contenido_interior .cookiefirst-cookie-declaration h2 {
    font-weight: 600;
    font-size: 100%!important;
    border-bottom: 0!important;
    margin: 12px 0 12px!important;
    padding: 6px;
    background-color: #eee;
    color: #444;
}

.contenido_interior .cookiefirst-cookie-declaration button { background-color: #666; color: #fff; padding: 10px; border:none; margin-right: 5px; cursor: pointer!important; border-radius: 5px!important; font-size: 100%}
.contenido_interior .cookiefirst-cookie-declaration button:hover { background-color: #444}

/* MENU */
.menu{font-weight:700;text-align:right;margin-right:5%;text-transform:uppercase;*height:25px;line-height: 25px;font-size:90%;margin-top:15px;width:95%}
.menu a{color:#111;padding:8px 15px;display:inline-block;text-align:center;line-height:110%;font-size:95%;font-weight:500}
.menu a:hover{color: #000;background-color:#eee}
.menu a.activo{  background-color:#eee;cursor:pointer}

/*------- PAGINAS INTERIORES -------*/
.container .cabecera{width:100%;margin:0 0 30px}
.container .cabecera img{width:100%;border-top:1px solid #fff}
.cajaIzq.menus h1 span{font:400 250% 'Roboto', cursive;display:block;text-transform:none;color:#a6480c;line-height:80%;margin-bottom:35px}
.interior{width:100%;margin:0 auto!important;text-align:center;vertical-align: top}
.interior h2{text-align:center;text-transform:uppercase;font:600 180% 'Roboto', serif;color:#0075ba;margin:0}
.subtit{font-size:110%;border-bottom:1px solid #0075ba; margin:10px auto 10px;width:90%;max-width:1200px;padding-bottom:50px}
.comillas_left{background:url(../img/comillas-izq.gif) left top no-repeat;padding-left:55px}
.comillas_right{background: url(../img/comillas-dcha.gif) right top no-repeat;padding-right:55px}

article.DA, article.DB{display: inline-block;width:27%;max-width:380px;vertical-align:top;margin:0 0 8px}
article.DA{width:55%;max-width:770px;border-right:1px solid #0075ba;padding-right:10px;margin-right:10px;text-align:left }
article .h3_tit{font:300 100% 'Roboto', cursive;line-height:90%;text-transform: uppercase;margin:15px 0 5px} 
article h3{font:190% 'Roboto', cursive;margin:0 0 10px;max-width:80%} 
article img{width:100%}
article ul{padding:0;margin:0 20px}
article li{line-height:160%;list-style-type:none}
article a{color:#51515d}
article a:hover{color:#000}
article.DB .h3_tit{font:400 180% 'Roboto', cursive;line-height:90%;text-transform: none;margin:15px 0 15px}
article.DB h3{font:400 100% 'Roboto', cursive;margin:10px 0 20px;max-width:none}
article.DB h3 span{display:block;text-transform:uppercase}
.map-responsive{overflow:hidden;padding-bottom:75.25%;position:relative;height:0}
.map-responsive2{overflow:hidden;padding-bottom:25.25%;position:relative;height:0; width:100%}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}
.borde_azul,.borde_azul2{width:90%;max-width:1200px;margin:0px auto 50px;height:1px;background-color:#0075ba}
.borde_azul2{margin:50px auto 0; width:100%; max-width:none}
.clear{clear:both}
#map{width:100%;height:250px}
.contacto{float:left;width:50%;text-align:left;overflow:auto}

.dh-ibagar{background:#61aae0 url(../img/fondo-section.gif) center top;padding:40px 0 50px}
.dh-ibagar h2{width:90%;max-width:1200px;margin:0 auto;color:#fff;font-size:230%;font-weight:500}
.dh-ibagar h2 span{display:block;font-size:60%}
.dh-ibagar ul{width:90%;max-width:1200px;margin:0 auto;color:#fff}
.dh-ibagar li{display: inline-block;font-size:100%;font-weight:300;color:#fff;width:28%;text-align:left;margin:40px 6% 0 0;vertical-align:top;line-height:145%}
.dh-ibagar li strong{display: block;font-size:110%;font-weight:500;margin-bottom:8px}
.dh-ibagar li:last-child{margin:40px 0 0 0}

.contenido_interior .cabecera_int{width:100%}
.contenido_interior .cabecera_int img{width:100%;border-top:1px solid #fff}
.contenido_interior h2 { font-weight:300; font-size:100%; border-bottom:1px solid #ddd; margin:-4px auto 40px; padding:10px 0; background-color:#999; color:#fff}
.contenido_interior h2 strong { font-weight:500; display:block; font-size:180%}
.texto { width:90%; max-width:1200px; margin:0 auto; text-align:left}
.texto_caja p { line-height:150%; color:#222}
.texto_caja p strong{ font-weight:500}
.texto .texto_caja,.banner_mapa,.caja_contacto { width:67%; display:inline-block; vertical-align:top}
.texto_caja p.tit { font-size:130%; border-left:10px solid #222; padding-left:12px; margin:0 0 40px; font-weight:600 }
.banner_mapa { width:22%; margin-left:10%}
.banner_mapa img{ max-width:250px}
.banner_mapa h3 { font-size:90%; font-weight:300; max-width:none}
.banner_mapa h3 span{ display:block; font-weight:500}
.banner_mapa p{ margin:0 0 8px; color:#177fcd; border-bottom:1px solid #ddd; padding-bottom:8px}
.banner_mapa .map-responsive{padding-bottom:45.25%; border-radius:3px}

.servicio { margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px}
.servicio div { display:inline-block; width:65%; margin-left:3%; vertical-align:top}
.servicio div p{ line-height: 145%}
.servicio img { display:inline-block; width:30%; max-width:450px; vertical-align:top}
.cab_mapa { width:100%}
.cab_mapa .map-responsive{padding-bottom:31.50%}

.caja_contacto { width:22%; margin-left:10%; font-size:95%}
.caja_contacto h3 { font-size:110%; font-weight:500; max-width:none}
.caja_contacto h3 span{ display:block; font-weight:500;color:#177fcd;}
.caja_contacto p{ margin:0 0 8px; border-bottom:1px solid #ddd; padding-bottom:8px}
.caja_contacto p strong{ font-weight:600}
.caja_contacto a{ color:#177fcd;}

.texto_aviso { font-size:100%}
.texto_aviso h3 { font:600 120% Segoe, "Segoe UI", sans-serif}
.texto_aviso p { line-height:140%}
.texto_aviso li { line-height:140%; list-style-type: circle; font-size: 100%; margin-left: 10px}
acronym { outline:none; text-decoration:none}

/* -- ACORDEON --*/
.accordion {background-color: #eee;color: #444;font-weight:bold; cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left; outline: none;font-size: 15px;transition: 0.4s}
.active, .accordion:hover {background-color: #ccc}
.accordion:after {content: '\002B';color: #777;font-weight: bold;float: right;margin-left: 5px}
.active:after {content: "\2212"}
.panel {padding:0 18px;background-color: white; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out; border:1px solid #eee; margin-bottom:1px}
.panel h4{ margin-top:15px}


/* --  PIE  -- */
#pie{width:95%;margin:30px auto;max-width:1100px;font:300 100% 'Roboto', sans-serif;text-align:center}
#pie img{display:inline-block;vertical-align:middle;margin-right:5px}
.pie-1,.pie-2,.pie-3{display:inline-block;vertical-align:top;color:#000!important;width:28%;text-align:left; margin-right:5%}
.pie-2{width:36%}
.pie-3{width:20%; margin:0}
.pie-3 img { width:100%; max-width:188px}
#pie p{color:#000;font-size:90%;margin:0}
address{font-style:normal;font-size:90%;line-height:140%}
.pie-1 a,.pie-2 a{display:block;margin:8px 0 0}
.pie-1 a:hover,.pie-2 a:hover{text-decoration:underline}
.pie-2 strong{font-size:140%}
strong.titP{font-size:110%;display:block;margin-bottom:5px;font-weight:700}
.pieInf{width:100%;text-align:center;clear:both;color:#504140;font:400 80% 'Roboto', sans-serif;background-color:#eee;padding:10px 0}
.pieInf p strong{color:#333}
.pieInf a{padding:0 5px;color:#333}
.pieInf a:hover{text-decoration:underline}

/*estilos de formulario */
#formulario{color:#333;margin-top:10px;width:100%;font-size:90%}
#formulario h3{margin-bottom:5px;font:400 130% 'Roboto', Arial;color:#000}
#formulario p{line-height:130%;margin:10px 0 10px}
label{display:block;line-height:140%;margin:0;width:95%}
article label a{ color:#177fcd!important}
input,textarea{border-style:none;border:1px solid #eee;padding:5px;color:#333;font:95% Tahoma, "Trebuchet MS", Arial, Verdana;width:95%;background-color:#eee;margin:0 0 5px;	list-style-type:none}
textarea{height:150px;margin-bottom:10px}
#formulario .botton{width:150px;background-color:#444;color:#FFF;border-radius:5px;display:block;margin:15px auto;cursor:pointer;padding:8px 0;border:1px solid #444;font:bold 100% Arial, Helvetica, sans-serif}
#formulario .botton:hover{color:#fff;background-color:#000}
.check{margin-right:5px;clear:both;width:15px;border-style:none;float:left;color:#ccc;margin-top:3px}
.gracias{width:88%;background-color:#eaeaea;border:1px solid #ccc;font:90% Tahoma, Arial, Verdana;padding:60px 30px;line-height:180%}
input.boton{width:50%;margin:20px auto;background-color:#111111;display:block;color:#fff;font-size:110%;border-radius:5px;padding:10px 0;cursor: pointer;cursor: hand}

/*--- 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%;font-size:90%}
p.cookiesTxt{ float:left; width:80%}
p.cookiesBot{background-color: #126BD5; 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}

/* RESPONSIVE */
@media only screen and (min-width: 800px) and (max-width: 1050px){
.site-content{padding-top:113px}
.header{height:110px}
.header_logo{padding: 8px 0 0 2%;max-width: none;width:13%}
.header_logo img{width:150px}
.redes_sociales{padding:7px 3% 20px 0;width:97%}
.menu{margin:8px 0 0 0%;font-size:85%;width:98%}
.menu a{padding:8px; font-size:85%}
article h3{max-width:90%;font-size:160%} 
article.DB .h3_tit{font-size:150%}
article.DB h3{font-size:90%}
.dh-ibagar h2{font-size:200%}
}
@media only screen and (max-width: 799px){
p,li{font:90% 400 "Segoe UI", 'Roboto', sans-serif!important}
.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:150px;right: 0;left: 0;bottom: 0;padding-top:0;overflow-y: scroll;-webkit-overflow-scrolling: touch}
.header{position: static;padding-top:72px;height:68px}
.header_icon{position: relative;display: block;/*float: left;*/width: 55px;height:70px;cursor: pointer;position:absolute;left:0;top:0px;z-index:99999;padding-top:19px}
.header_icon:after{content: '';position: absolute;display: block;width: 1.2rem;height: 0;top:22px;left: 15px;box-shadow: 0 10px 0 2px #000, 0 18px 0 2px #000, 0 26px 0 2px #000}
.header_icon:hover{background-color:#eee}
.header_logo{clear:right;width:100%;max-width:none;text-align:center;padding:0!important;margin:0;z-index:1 /*position: static;left:inherit;float:left*/}
.header_logo img{max-width:140px;width:100%;display:block;margin:3px auto}
.redes_sociales{float:none;margin:20px 0 0;clear: both;display:block;width:100%;text-align:center;color:#fff;font-size:95%}
.redes_sociales img{width:20px;padding:0 5px 0 0}

.menu{position: absolute;left: 0;top: 0;bottom: 0;background: #fff none;width: 250px;-webkit-transform: translateX(-250px);transform: translateX(-250px)}
.menu a{display: block;height: inherit;text-align: left;line-height: inherit;border-bottom: 1px solid #ddd;margin:0;padding:5px 10px;color:#222}
.menu a.activo{color:#fff}
.menu a:hover{border:none;border-bottom: 1px solid #ddd;color:#000;background-color:#eee}
.menu a.activo:hover{background-color:#290304;color:#fff;cursor:default}
.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)}  

.container .cabecera{margin:0 0 10px}.interior h2{font-size:150%}.subtit{font-size:100%;margin:10px auto 20px;padding-bottom:20px}.comillas_left,.comillas_right{background-size:35px}article.DA,article.DB{display: block;width:90%;max-width: inherit;margin:0 auto 20px;text-align:left;border-right:none;padding-right:0;border-bottom:1px solid #0075ba;padding-bottom:20px}
article h3{font-size:150%;max-width:100%}article.DB h3{font:300 100% 'Roboto', cursive;margin:10px 0 20px;max-width:none}.map-responsive{padding-bottom:50.25%}.borde_azul{display:none}

.dh-ibagar h2{font-size:160%}.dh-ibagar h2 span{font-size:70%}.dh-ibagar li{font-size:90%;margin:30px 6% 0 0;line-height:140%}.dh-ibagar li:last-child{margin:30px 0 0 0}
.contenido_interior h2 { margin-bottom:20px}
.contenido_interior h2 strong {font-size:130%}
.texto .texto_caja,.banner_mapa,.caja_contacto,.banner_mapa,.servicio div,.servicio img { width:100%; display:block; margin:0 auto; max-width:none}
.texto_caja p.tit { font-size:110%; line-height:120%; margin:0 0 40px; font-weight:600 }
.cab_mapa .map-responsive{padding-bottom:50.50%}
.caja_contacto { display:none}
input.boton{width:90%;margin:20px auto 0}
.texto{ font-size:90%}.servicio{ padding-bottom:0}
.servicio div { margin-top:10px;}.servicio h3 { font-weight:600}

.banner_mapa { border-top:1px solid #ddd; padding-top:8px; margin-top:20px}
.banner_mapa img{ max-width:250px}
.banner_mapa p{ font-weight:600; text-transform:uppercase}

/*COOKIES*/
.cookiesCaja{width:98%}p.cookiesTxt{width:100%;display:block;float:none}p.cookiesBot{width:50%;float:none;margin:20px auto}/*-PIE-*/#pie{padding:2px 0;margin:20px auto}.pie-1,.pie-2,.pie-3{width:43%;margin:0 auto;vertical-align:top}.pie-2{width:55%}.pie-3{display:block;width:100%;border-top:1px solid #ddd;padding:20px 0 0;margin-top:20px; text-align:center}.pieInf{font:400 75% 'Roboto', sans-serif}.pieInf span{display:block}.pieInf a{padding:0 2px}.marcas img{margin:15px 3% 20px!important;width:150px}


}
@media only screen and (max-width: 439px){
.interior h2{font-size:110%}.subtit{font-size:90%}.comillas_left,.comillas_right{background-size:22px}.comillas_left{padding-left:30px}.comillas_right{padding-right:30px}article .h3_tit{font-size:90%}article h3{font-size:120%}article.DB .h3_tit{font-size:120%;margin:15px 0 10px}article.DB h3{font-size:90%;margin:8px 0 10px}
.map-responsive{padding-bottom:70.25%}.dh-ibagar{padding:20px 0}.dh-ibagar h2{font-size:130%}.dh-ibagar h2 span{font-size:70%}.dh-ibagar li{display: block;font-size:90%;width:100%;margin:20px auto 0px}.dh-ibagar li:last-child{margin:20px auto}/*-PIE-*/#pie{margin-top:10px;width:100%}.pie-1,.pie-2,.pie-3{display:block;vertical-align: auto;width:90%;border-bottom:1px solid #ddd;margin:0 auto;padding:10px 0;text-align:center}.pie-2{margin:8px auto 0;padding-bottom:8px}.pie-3{border-bottom:none; padding:20px 0 0; border-top:none}.pieInf{font:400 75% 'Roboto', sans-serif}.pieInf span{display:block}.pieInf a{padding:0 2px}.marcas img{text-align:center;margin:15px 3% 15px!important;width:150px}

}