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

/* COLORES
negro oscuro:#232323 
gris oscuro: #343b41 
blanco sucio: #fafafa
color1: #003580 #003580  azul oscuro
color2: #FFC726 #FFC726  amarillo
gris claro:#f2f2f2

FUENTES:
font-family: 'Montserrat Alternates', sans-serif -> Menú, Titulares H1 
font-family: 'Muli', sans-serif; -> Contenidos p 
font-family:'Righteous', cursive; -> Titulares cabecera
*/


body{background-color:#FFF;overflow-x: hidden;width:100%; height:100%;margin:0 auto;	padding:0 auto; }
html{width:100%; height:100%; margin:0 auto;padding:0 auto;}
header{z-index:3000;}
.row {  max-width: 90.063em;/*120.063em;*/}
#main{width:100%;}

/*************
HOME
*************/

header .logotipo{padding:5px 5px 5px 5px;padding-top:20px;margin-top:-30px; background-color:#FFF;}
header .capa-menu{background-color:#FFF;padding-top:20px;padding-bottom:10px; box-shadow: 2px 2px 2px #CCC;}

.cabecera{background-color:#003580;height:410px;margin-top:80px;padding-top:120px;}
.cabecera h1{color:#FFF;font-size:50px;font-family:'Righteous', cursive;}
.cabecera span{color:#ffcd02;}
.animacion-cabecera{background-color:#003580;height:410px;margin-top:80px;padding-top:120px;animation-name: animacion-cab;animation-duration: 1s;} 
.animacion-cabecera h1{color:#FFF;font-size:50px;font-family:'Righteous', cursive;}
.animacion-cabecera span{color:#ffcd02;}

@keyframes animacion-cab {
    from {margin-top:-300px;}
    to {margin-top:80px;}
}

@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { 
.animacion-cabecera h1{color:#FFF;font-size:30px;font-family:'Righteous', cursive;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

/* Menu */
.top-bar-menu {background: #FFF;} 
.top-bar-menu.expanded .title-area {background: #FFF; }  
.top-bar-section-menu ul li { background-color:#FFF !important;}
.top-bar-section-menu ul li > a {color:#003580 !important; font-family:'Righteous', cursive;font-size: 1rem;padding: 12px 0 12px 1rem;background-color:#FFF !important;letter-spacing:0.05rem;padding-left:10px !important;padding-right:10px !important}  
.top-bar-section-menu ul li > a:hover {background-color:#FFF !important; color:#FFC726 !important;}   
.top-bar-section-menu ul li.active > a {background-color:#FFF !important; color:#FFC726 !important;}
.top-bar-section-menu ul li.active > a:hover {background-color:#FFF !important; color:#FFC726 !important;}
.top-bar-section-menu ul li ul li { background-color:#FFF !important;}
.top-bar-section-menu ul li ul li > a {color:#003580 !important; font-family:'Righteous', cursive;font-size: 1rem;padding: 12px 0 12px 3rem;background-color:#FFF !important;letter-spacing:0.05rem;}  
.top-bar-section-menu ul li ul li > a:hover {background-color:#FFF !important; color:#FFC726 !important;}   
.top-bar-section-menu ul li ul li.active > a {background-color:#FFF !important; color:#FFC726 !important;}
.top-bar-section-menu ul li ul li.active > a:hover {background-color:#FFF !important; color:#FFC726 !important;}

.toggle-topbar.menu-icon {}
.toggle-topbar.menu-icon a {color: #003580 !important;}
.toggle-topbar.menu-icon a span{color: #003580 !important;}
.toggle-topbar.menu-icon a:hover {color: #FFC726 !important;}
.toggle-topbar.menu-icon a span:hover{color: #FFC726 !important;}

.top-bar-section-menu-idiomas{}
.top-bar-section-menu-idiomas ul li{ }
.top-bar-section-menu-idiomas ul li > a {color:#003580 !important; font-family: 'Muli', sans-serif;font-size: 0.8rem;padding:12px 0 12px 3rem;letter-spacing:0rem;background-color:#FFF !important}  
.top-bar-section-menu-idiomas ul li > a:hover {background-color:#FFF !important; color:#FFC726 !important;}   
.top-bar-section-menu-idiomas ul li.active > a {background-color:#FFF !important; color:#FFC726 !important;}
.top-bar-section-menu-idiomas ul li.active > a:hover {background-color:#FFF !important; color:#FFC726 !important;}

@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.top-bar-section-menu ul li > a {font-size: 0.9rem !important;letter-spacing:0rem;padding-left:5px !important;padding-right:5px !important}  
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


h1{font-family:'Righteous', cursive;font-size:30px;letter-spacing: 0.09rem;font-weight:bold;}
h2{font-family: 'Montserrat', sans-serif;color:#3c434b;font-size:18px;font-weight:300;letter-spacing: 0.1rem;text-align:center;position: relative;}
h3{font-family: 'Montserrat', sans-serif;color:#3c434b;font-size:18px;font-weight:300;letter-spacing: 0rem;text-align:center;position: relative;}
p{font-family: 'Muli', sans-serif;font-weight: 400;color:#443937;font-size:1rem}
ul li{font-family: 'Muli', sans-serif;font-weight: 400;color:#443937;}
h5 {font-family: 'Muli', sans-serif;font-weight: 400;color:#443937;font-size:10px;}
a{color:#232323;}
a:hover{color:#FFC726;}


.home-empresa-seccion{margin-top:60px;width:100%;float:center;}
.home-noticias-seccion{margin-top:60px;padding-top:60px;padding-bottom:30px;width:100%;background-color:#f2f2f2; border-top:1px solid #CCC;float:center;}
.home-cita-previa{background-color:#ffce00;padding-top:40px;padding-bottom:40px;margin-top:50px}


/* NOTICIAS */
.noticias-seccion{margin-top:0px;padding-top:60px;padding-bottom:30px;width:100%;background-color:#FFF; border-top:1px solid #CCC;float:center;}
.item-noticia:hover{background-color:#FFF;}
.item-noticia h2{color:#002e5b;text-align:left;}
.item-noticia p{}
.item-noticia hr{border-color:#ffcd02;}

.item-noticia-seccion:hover{background-color:#f2f2f2;}
.item-noticia-seccion h2{color:#002e5b;text-align:left;}
.item-noticia-seccion p{}
.item-noticia-seccion hr{border-color:#ffcd02;}


/* SERVICIOS */
.servicios-seccion-areas ul li{font-family: 'Muli', sans-serif;font-weight: 400;color:#443937;/*font-size:12px;*/font-size:1rem;}
.servicios-seccion-areas p{font-family: 'Muli', sans-serif;font-weight: 400;color:#443937;/*font-size:12px;*/font-size:1rem;}
.servicios-seccion-areas h2{font-family: 'Muli', sans-serif;}
.servicios-seccion-areas a{font-family: 'Muli', sans-serif;font-weight: 400;color:#000;font-size:0.8rem;text-decoration: underline;}
.servicios-seccion-areas a:hover{color:#FFC726;}

/* AVISO LEGAL */
.aviso-legal-seccion{padding-top:120px;background-color:#f2f2f2}
.aviso-legal-seccion p{font-size:0.8rem;}



/* PIE DE PÁGINA */
footer{}
footer p{font-size:14px;text-align:center;color:#f2f2f2;}
footer a{color:#FFF;}
footer a:hover{color:#CCC;}
footer .footer-contenido{background-color:#343b41;padding-top:40px;padding-bottom:30px;width:100%;}

/* AVISO COOKIES */
#overbox3 {position: fixed;bottom: 0px;left: 0px;width: 100%;z-index: 999999;display: block;opacity:0.8;}
#infobox3 {margin: auto;position: relative;top: 0px;height: auto;width: 100%;text-align:center;background-color: #18191b;padding-top:20px;padding-bottom:10px;}
#infobox3 p {color:#FFF;line-height:normal;font-size:12px;text-align:center;}
#infobox3 p a {color:#FFF;margin-right:5px;text-decoration: underline;}

/* SCROLL */
.scrollup{width:40px;height:40px; opacity:0.6; position:fixed; bottom:38px; right:30px;display:none;text-indent:-9999px; background: url(../imagenes/icon_top.png) no-repeat;}


/*PAGINACION*/
#Paginacion {margin-top:15px; width:100%;}
#Paginacion li {border:0px; margin:0; padding-bottom: 4px; list-style:none; float:left; }
#Paginacion a {float: left; margin-right:2px; background-color:#FFF; font-family: 'Open Sans', sans-serif;color:#443937;font-size: 0.875rem;border:0px;}

#Paginacion .previous-off,
#Paginacion .next-off {font-family: 'Open Sans', sans-serif;color: #AAA;  margin-right:2px; padding: 9px 11px;border:0px; }
#Paginacion .next a, 
#Paginacion .previous a {font-family: 'Open Sans', sans-serif;border:0px;color:#443937 }
#Paginacion .active {background-color: #FFC726; color:#FFF;font-family: 'Open Sans', sans-serif; display:block; padding: 9px 11px; margin-right:2px;border:0px; }
#Paginacion a:link,
#Paginacion a:hover {background-color: #FFC726; color:#FFF;font-family: 'Open Sans', sans-serif; display:block; padding: 9px 11px; margin-right:2px;border:0px;}
.anterior, .siguiente, .numero {color: #443937; font-family: 'Open Sans', sans-serif;  font-size: 0.875rem; padding: 9px 11px; border-color:#CCC;background-color:#FFF;border:0px;}
.anterior:hover, .siguiente:hover, .numero:hover {background-color: #FFF; border-color:#FFC726;color:#FFC726;}


.button-home {font-family: 'Montserrat', sans-serif;letter-spacing: 0.1rem;width:70%;font-size: 14px;line-height: 0.6875rem;display: inline-block;color:#232323;padding: 8px;padding-top:20px;padding-bottom:20px;border: 1px solid #fff;outline: none;text-decoration: none;transition: background-color 0.2s ease-out,border-color 0.2s ease-out;background-color: rgba(255, 255, 255, 0.8);}
.button-home:hover, .button-home:focus {background-color: #232323;background-color: rgba(35, 35, 35, 0.7);border-color: #3c434b;border-color: rgba(60, 67, 75, 0.7);transition: background-color 0.3s ease-in,border-color 0.3s ease-in;}
.button-activo {font-family: 'Montserrat', sans-serif;letter-spacing: 0.1rem;width:70%;font-size: 14px;line-height: 0.6875rem;display: inline-block;color:#fff;padding: 8px;padding-top:20px;padding-bottom:20px;border: 1px solid #fff;outline: none;text-decoration: none;transition: background-color 0.2s ease-out,border-color 0.2s ease-out;background-color: rgba(242, 101, 34, 1);}
.button-activo:hover, .button-home:focus {color:#FFF;background-color: #232323;background-color: rgba(60, 67, 75, 0.7);border-color: #3c434b; border-color: rgba(60, 67, 75, 0.7);transition: background-color 0.3s ease-in,border-color 0.3s ease-in;}
.button{font-family:'Righteous', cursive;color:#FFF;background-color:#232323;transition: background-color 0.2s ease-out,border-color 0.2s ease-out;}
.button:hover, .button:focus {background-color: #fafafa;color:#232323;border-color:#232323 !important;border-color: rgba(35, 35, 35, 0.7) !important;transition: background-color 0.3s ease-in,border-color 0.3s ease-in;}


.img-fadein{	/* efecto aparición imagen */
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */ 
-ms-animation: fadein 2s; /* Internet Explorer */ 
-o-animation: fadein 2s; /* Opera < 12.1 */ 
animation: fadein 2s;}
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ 
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ 
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ 
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ 
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }

@keyframes fadein-home { from { opacity: 0; } to { opacity: 0.7; } } /* Firefox < 16 */ 
@-moz-keyframes fadein-home { from { opacity: 0; } to { opacity: 0.7; } } /* Safari, Chrome and Opera > 12.1 */ 
@-webkit-keyframes fadein-home { from { opacity: 0; } to { opacity: 0.7; } } /* Internet Explorer */ 
@-ms-keyframes fadein-home { from { opacity: 0; } to { opacity: 0.7; } } /* Opera < 12.1 */ 
@-o-keyframes fadein-home { from { opacity: 0; } to { opacity:0.7; } }
  

/* Formularios */
form legend{font-family: 'Montserrat', sans-serif;font-family:'Righteous', cursive;font-weight:lighter;color:#003580}
form label{font-family: 'Muli', sans-serif;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {background-color: #f2f2f2;height: 3.3125rem;}

form.citaprevia input[type="text"],form.citaprevia input[type="date"],form.citaprevia input[type="datetime"],form.citaprevia input[type="datetime-local"],form.citaprevia input[type="email"],form.citaprevia input[type="number"], form.citaprevia input[type="tel"], form.citaprevia textarea, form.citaprevia select {background-color: #f2f2f2;height: 2.1rem;text-transform: uppercase;}

::-webkit-input-placeholder {color: #9d9c9c;}
:-moz-placeholder {/* Firefox 18- */color: #222; }
::-moz-placeholder {/* Firefox 19+ */color: #222; }
:-ms-input-placeholder {color: #9d9c9c; }