@charset "UTF-8";

/* Bootstrap 3 compatibility shims (Bootstrap 5 base theme) */

/* Bootstrap 3 navbar-fixed-top: posición fija en la parte superior */
.navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

/* fixed-header: ocultar cabecera-superior al hacer scroll */
.fixed-header .col-xs-12.cabecera-superior {
    display: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* Bootstrap 3 grid shim completo — breakpoints B3: xs<768, sm≥768, md≥992, lg≥1200 */
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,
.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,
.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,
.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,
.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
    position: relative; min-height: 1px;
    padding-right: 15px; padding-left: 15px; box-sizing: border-box;
}

/* xs: siempre (mobile first, sin media query) */
.col-xs-1  { width: 8.333%;  float: left; }
.col-xs-2  { width: 16.667%; float: left; }
.col-xs-3  { width: 25%;     float: left; }
.col-xs-4  { width: 33.333%; float: left; }
.col-xs-5  { width: 41.667%; float: left; }
.col-xs-6  { width: 50%;     float: left; }
.col-xs-7  { width: 58.333%; float: left; }
.col-xs-8  { width: 66.667%; float: left; }
.col-xs-9  { width: 75%;     float: left; }
.col-xs-10 { width: 83.333%; float: left; }
.col-xs-11 { width: 91.667%; float: left; }
.col-xs-12 { width: 100%;    float: left; }

/* sm: ≥ 768px */
@media (min-width: 768px) {
    .col-sm-1  { width: 8.333%;  float: left; }
    .col-sm-2  { width: 16.667%; float: left; }
    .col-sm-3  { width: 25%;     float: left; }
    .col-sm-4  { width: 33.333%; float: left; }
    .col-sm-5  { width: 41.667%; float: left; }
    .col-sm-6  { width: 50%;     float: left; }
    .col-sm-7  { width: 58.333%; float: left; }
    .col-sm-8  { width: 66.667%; float: left; }
    .col-sm-9  { width: 75%;     float: left; }
    .col-sm-10 { width: 83.333%; float: left; }
    .col-sm-11 { width: 91.667%; float: left; }
    .col-sm-12 { width: 100%;    float: left; }
}

/* md: ≥ 992px */
@media (min-width: 992px) {
    .col-md-1  { width: 8.333%;  float: left; }
    .col-md-2  { width: 16.667%; float: left; }
    .col-md-3  { width: 25%;     float: left; }
    .col-md-4  { width: 33.333%; float: left; }
    .col-md-5  { width: 41.667%; float: left; }
    .col-md-6  { width: 50%;     float: left; }
    .col-md-7  { width: 58.333%; float: left; }
    .col-md-8  { width: 66.667%; float: left; }
    .col-md-9  { width: 75%;     float: left; }
    .col-md-10 { width: 83.333%; float: left; }
    .col-md-11 { width: 91.667%; float: left; }
    .col-md-12 { width: 100%;    float: left; }
}

/* lg: ≥ 1200px */
@media (min-width: 1200px) {
    .col-lg-1  { width: 8.333%;  float: left; }
    .col-lg-2  { width: 16.667%; float: left; }
    .col-lg-3  { width: 25%;     float: left; }
    .col-lg-4  { width: 33.333%; float: left; }
    .col-lg-5  { width: 41.667%; float: left; }
    .col-lg-6  { width: 50%;     float: left; }
    .col-lg-7  { width: 58.333%; float: left; }
    .col-lg-8  { width: 66.667%; float: left; }
    .col-lg-9  { width: 75%;     float: left; }
    .col-lg-10 { width: 83.333%; float: left; }
    .col-lg-11 { width: 91.667%; float: left; }
    .col-lg-12 { width: 100%;    float: left; }
}

/* Bootstrap 3 navbar layout: navbar-header + navbar-collapse en la misma fila */
@media (min-width: 768px) {
    .navbar-toggle { display: none !important; }

    /* El .container del navbar actúa como fila flex */
    div#navbar.navbar > .container {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
    }

    /* navbar-header: logo, ancho fijo, no crece */
    div#navbar.navbar .navbar-header {
        float: none;
        flex: 0 0 auto;
    }

    /* navbar-collapse: ocupa el resto, visible en desktop, contenido alineado a la derecha */
    .navbar-collapse.collapse {
        display: flex !important;
        flex: 1 1 auto;
        align-items: center;
        justify-content: flex-end;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
}
@media (max-width: 767px) {
    .navbar-toggle { display: block !important; }
    .navbar-collapse.collapse { display: none !important; }
    .navbar-collapse.collapse.in,
    .navbar-collapse.collapsing { display: block !important; }
}

/* Smarticker text color (hereda negro de Bootstrap 5 body) */
#carousel-news,
#carousel-news .smarticker-category li a,
#carousel-news .smarticker-category li a b,
#carousel-news .smarticker-cats li a,
#carousel-news .smarticker-news li a,
#carousel-news .smart-controller span {
    color: #fff;
}

/* Fonts */
@font-face {
    font-family: 'aileronbold';
    src: url('../fonts/aileron-bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aileronlight';
    src: url('../fonts/aileron-light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aileronregular';
    src: url('../fonts/aileron-regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aileronbold_italic';
    src: url('../fonts/aileron-bolditalic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aileronitalic';
    src: url('../fonts/aileron-italic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aileronlight_italic';
    src: url('../fonts/aileron-lightitalic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/** GENERALES **/

body {
	 scroll-behavior: smooth;
    font-family: 'aileronregular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
body.html{
	color: #000;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'aileronbold',"Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

a, img, li, button, i, h1, h2, h3, h4, h5, h6, aside, .btn-primary, .boton {-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}

.mayusculas{
	text-transform: uppercase;
}
.cursiva{
  font-style: italic;
}
.mini-text{
	font-weight: 0.8;
}
.aling-right{
	text-align: right;
}
.align-left{
	text-align: left;
}
.aling-center{
	text-align: center;
}
.padding-none{
	padding: 0 !important;
}
.padding-bottom-none{
	padding-bottom: 0 !important;	
}
.padding-top-none{
	padding-top: 0 !important;
}
.display-none{
	display: none;
}
.clearboth{
	clear: both;
}

.btn {
	font-weight: normal;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.42857143;
	border-radius: 0;
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.ancho-completo .main-container.container,
.main-container.container.page-front{
	width: 100%;
	max-width: 100%;
	margin: 0;
  padding: 0;
}
.ancho-completo .main-container.container > .row,
.main-container.container.page-front > .row{
	margin: 0;
}
.ancho-completo .main-container.container > .row > section.col-sm-12,
.main-container.container.page-front > .row > section.col-sm-12{
	padding: 0;
}

.panels-flexible-region-1-center,
.panels-flexible-region-37-center{
	width: 100%;
}
.panel-flexible .panel-separator{
	margin: 0;
}

/** HEADER **/
body .navbar-default {
    background-color: #27348b;
    border-bottom-color: #e6e6e6;
}

.paginas-visitadas{
	float: left;
  font-size: 13px;
  padding: 15px 5px;	
}
@media screen and (max-width: 950px) and (min-width: 768px){
	.paginas-visitadas{
		display: none;
	}
}
@media screen and (max-width: 767px){
	.paginas-visitadas{
		display: block;
    width: 100%;
	}
}
    
.main-container.container {
	margin-top:110px !important;
}
.not-front .main-container.container {
	margin-top: 170px !important;
	 min-height: calc(100% - 245px);
}

a.logo {
	/*padding: 10px;	*/
	padding: 0;
	height: 100px;
}
.logo img{
	/*max-height: 60px;*/
	height: 100px;
	    padding: 15px;
}
@media screen and (max-width: 767px){
	a.logo {
		height: 100px;
	}
	.logo img{
		height: 100px;
	}
	.main-container.container {
		margin-top:90px !important;
	}
	.not-front .main-container.container {
		margin-top: 140px !important;
	}
}

img.icon-header{
	max-height: 45px;
  width: auto;
  padding-bottom: 5px;
}

div#navbar ul.secondary{
	float: none;
	text-align: center;
}
@media screen and (min-width: 768px){
	div#navbar ul.secondary{
			float: right;
	}
}

div#navbar.navbar,
#carousel-news .googlefont .smarticker-cats a{
	font-family: 'aileronbold', Helvetica, Arial, sans-serif;
}
div#navbar.navbar {
	--bs-navbar-padding-y: 0;
}
@media (min-width: 1200px){
	div#navbar.navbar .container {
		width: 100%;
		max-width: 1400px;
	}
}

.navbar.container{ margin: 0 auto; width: 100%; max-width: 1400px;}

.navbar.container>.container { margin: inherit; width: inherit; }

ul.menu.nav.navbar-nav.secondary{
  margin: 15px 0;
}
div#navbar.navbar ul.menu.nav.navbar-nav.secondary .first.leaf a{
  background: #0e4f9f;
}
div#navbar.navbar ul.menu.nav.navbar-nav.secondary a{
	border: none;
	text-transform: inherit;
	background: #659ede;
	color: #fff;
	font-size: 16px;
	padding: 3px 15px 0;
  -webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-box-shadow: 0px 0px 13px #555;
	-moz-box-shadow: 0px 0px 13px #555;
	box-shadow: 0px 0px 13px #555;
	margin-left: 15px;
}
div#navbar.navbar ul.menu.nav.navbar-nav.secondary .intranet.leaf a{
	background: #901447;
	-webkit-box-shadow: 0px 0px 13px #901447;
	-moz-box-shadow: 0px 0px 13px #901447;
	box-shadow: 0px 0px 13px #901447;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
}
div#navbar.navbar ul.menu.nav.navbar-nav.secondary .intranet.leaf a span{
	padding: 11px 25px;
  display: block;
}
div#navbar.navbar ul.menu.nav.navbar-nav.secondary .intranet.leaf a img{
	display: none;
}
div#navbar.navbar ul.menu.nav.navbar-nav.secondary a:hover{
	background: #fff;
	color: #659ede;
	-webkit-box-shadow: 0px 0px 13px #222;
	-moz-box-shadow: 0px 0px 13px #222;
	box-shadow: 0px 0px 13px #222;
}
div#navbar.navbar ul.menu.nav.navbar-nav.secondary .first.leaf a:hover{
	background: #fff;
	color: #0e4f9f;
	-webkit-box-shadow: 0px 0px 13px #222;
	-moz-box-shadow: 0px 0px 13px #222;
	box-shadow: 0px 0px 13px #222;
}
div#navbar.navbar ul.menu.nav.navbar-nav.secondary .intranet.leaf a:hover{
	background: #fff;
	color: #901447;
	-webkit-box-shadow: 0px 0px 13px #222;
	-moz-box-shadow: 0px 0px 13px #222;
	box-shadow: 0px 0px 13px #222;
}

@media (min-width: 768px){
	div#navbar.navbar .navbar-nav{
		float: right;
		/* Bootstrap 5 sets flex-direction:column; override to row for horizontal items */
		flex-direction: row !important;
		align-items: center;
	}
	/* Make <nav> a flex container so multiple navbar-nav uls sit side by side */
	div#navbar.navbar .navbar-collapse nav {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
}
.navbar ul.nav > li > a {
	text-transform: uppercase;
	text-decoration: none;
}
nav ul.menu.nav.navbar-nav {
	margin-left: 0;
}
div#navbar.navbar ul.nav > li.active > a, div#navbar.navbar ul.nav > li.open > a,
div#navbar.navbar ul.nav > li > a:hover{
	border-top: none;
}
div#navbar.navbar ul.nav > li.active > a, div#navbar.navbar ul.nav > li.open > a,
div#navbar.navbar ul.nav > li > a:hover, div#navbar.navbar ul.nav > li > a,
i#button-alert-popup.icono-productos-popup{
	color: #fff;
	font-size: 15px;
	padding: 17px 15px;
	border-right: 1px solid #fff;
	border-top: none;
	letter-spacing: 1px;
}
i#button-alert-popup.icono-productos-popup{
	line-height: 22px;
}
div#navbar.navbar ul.navbar-nav > li {
    float: left;
    padding: 20px 0;
}
div#navbar.navbar.fixed-header ul.nav > li.active > a, div#navbar.navbar.fixed-header ul.nav > li.open > a,
div#navbar.navbar.fixed-header ul.nav > li > a:hover, div#navbar.navbar.fixed-header ul.nav > li > a,
div#navbar.navbar.fixed-header i#button-alert-popup.icono-productos-popup{
	font-size: 1em;
  padding: 10px;
}
div#navbar.navbar.fixed-header .paginas-visitadas{
	display: none;
}
@media screen and (max-width: 1250px){
	div#navbar.navbar ul.nav > li.active > a, div#navbar.navbar ul.nav > li.open > a,
	div#navbar.navbar ul.nav > li > a:hover, div#navbar.navbar ul.nav > li > a{
			/*font-size: 26px;*/
			/*padding-left: 14%;
			padding-right: 14%;*/
			/*padding-left: 20px;
			padding-right: 20px;*/
	}
	div#navbar.navbar .container{
			width: 100%;
	}
}
@media screen and (max-width: 1050px){
	div#navbar.navbar ul.nav > li.active > a, div#navbar.navbar ul.nav > li.open > a,
	div#navbar.navbar ul.nav > li > a:hover, div#navbar.navbar ul.nav > li > a{
			/*font-size: 24px;*/
	}
}
@media screen and (max-width: 920px){
	div#navbar.navbar ul.nav > li.active > a, div#navbar.navbar ul.nav > li.open > a,
	div#navbar.navbar ul.nav > li > a:hover, div#navbar.navbar ul.nav > li > a{
		/*	font-size: 21px;*/
	}
	img.icon-header{
		height: 40px;
	}
	div#navbar.navbar ul.menu.nav.navbar-nav.secondary .intranet.leaf a span{
		padding: 8.5px 20px;
	}
}
@media screen and (max-width: 850px){
	div#navbar.navbar ul.nav > li.active > a, div#navbar.navbar ul.nav > li.open > a,
	div#navbar.navbar ul.nav > li > a:hover, div#navbar.navbar ul.nav > li > a{
			/*font-size: 20px;*/
			/*padding-left: 13%;
			padding-right: 13%;*/
			/*padding-left: 17px;
			padding-right: 17px;*/
	}
	img.icon-header{
		height: 35px;
	}
	div#navbar.navbar ul.menu.nav.navbar-nav.secondary .intranet.leaf a span{
		padding: 6px 20px;
	}
	div#navbar.navbar ul.menu.nav.navbar-nav.secondary a{
		font-size: 15px !important;
	}
}
@media screen and (max-width: 767px){
	img.icon-header{
		height: 45px;
	}
	div#navbar.navbar ul.menu.nav.navbar-nav.secondary .intranet.leaf a span{
		padding: 11px 20px;
	}
	div#navbar.navbar ul.menu.nav.navbar-nav.secondary a{
		font-size: 18px;
		width: 80%;
		margin: 8px auto;
		display: inline-block;
		text-align: center;
	}
}
.cabecera-superior{
	background: #4e7dbc;
	font-family: 'aileronregular', Helvetica, Arial, sans-serif;
}
.cabecera-superior .cabecera-superior-botones a{
	color: #fff;
	text-transform: uppercase;
	background: #27348b;
	border-right: 1px solid #4e7dbc;
	text-decoration: none;
	font-size: 13px;
	padding: 6px 15px;
	display: inline-flex;
	letter-spacing: 1px;
}
.cabecera-superior .cabecera-superior-botones a span{
	padding-right: 7px;
}
.cabecera-superior > .container{
	width: 100%;
	max-width: 1400px;
	display: flex;
	align-items: center;
}
#carousel-news{
	opacity: 1;
	margin-top: 0px;
	background: #4e7dbc;
	height: 30px;
	/* flex: crece para ocupar todo el espacio disponible dejando cabecera-superior-botones al ancho que necesite */
	flex: 1 1 auto;
	min-width: 0;
}
#carousel-news .target.container{
	opacity: 0;
	-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;
	margin-top: 0px;
	background: #4e7dbc;
	/*
	background-image: -moz-linear-gradient(left, #3c70b6 20%, #659ede 80%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0.2, #3c70b6), color-stop(0.8, #659ede));*/
	height: 30px;
}
#carousel-news .target.container.smarticker{
	opacity: 1;
}
#carousel-news .smarticker-category li,
#carousel-news .theme1,
#carousel-news .smarticker-cats,
#carousel-news .smarticker-cats li,
#carousel-news .theme1 .smarticker-cats .left,
#carousel-news .theme1 .smarticker-cats .right{
	background: transparent;
}
#carousel-news .c2 .smart-controller span{
	background-color: #4e7dbc;
}
#carousel-news .smarticker{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
}
.cabecera-superior-botones{
	/* flex: no crece, no encoge, solo ocupa el ancho de su contenido */
	flex: 0 0 auto;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	white-space: nowrap;
}
.section h2.title{
	color: #3c70b6 !important;
	border: none !important;
	font-family: 'aileronbold', Helvetica, Arial, sans-serif;
	font-weight: bold !important;
	letter-spacing: 3px;
}
.barra-bottom-title{
	width: 150px;
    border-bottom: 1px solid;
    display: block;
    margin: -50px auto 20px;
    position: relative;
    color: #3c70b6;
}
.text-menu,
#carousel-news .smart-controller{
	-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;
}
.fixed-header #carousel-news,
.fixed-header #carousel-news .smart-controller,
.fixed-header .cabecera-superior .cabecera-superior-botones{
	opacity: 0;
	height: 0px;
}
#carousel-news .smart-controller{
	display: none;
}
.fixed-header .text-menu{
	text-indent: -999999999px;
  width: 0px;
  display: block;
  height: 0px;
}
div#navbar.navbar.fixed-header ul.menu.nav.navbar-nav.secondary .intranet.leaf a span{
	padding: 0;
}
div#navbar.navbar.fixed-header ul.menu.nav.navbar-nav.secondary .intranet.leaf a img{
	padding: 9px;
	display: inherit;
}
div#navbar.navbar.fixed-header ul.menu.nav.navbar-nav{
	/*margin-top: 15px;*/
}
div#navbar.navbar.fixed-header ul.menu.nav.navbar-nav.secondary a{
	padding: 0;
	margin-top: 0;
}
div#navbar.navbar.fixed-header .logo img,
div#navbar.navbar.fixed-header a.logo{
	height: 80px;
}

form#webform-client-form-317695{
	background: #27348b;
	color: #fff;
	padding-bottom: 50px;
}
form#webform-client-form-317695 a{
	color: #fff;
}
form#webform-client-form-317695 .form-control{
	background: transparent;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
	color: #fff;
}

form#webform-client-form-317695 .grippie {
	display: none;
}
form#webform-client-form-317695 .btn-primary{
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
}
form#webform-client-form-317695 .form-actions{
	clear: inherit;
}


/** SOBRE NOSOTROS **/

.header-none header{
	display: none;
}
ul.menu-sobre-nosotros{
	text-align: center;
  padding: 0;
}
.menu-sobre-nosotros li {
	display: inline-block;
	padding: 0 10px;
}
.menu-sobre-nosotros li a{
	display: block;
  color: #777777;
	padding: 15px;
	margin: 15px 0;
	padding-top: 24px;
  padding-bottom: 29px;
	text-transform: uppercase;
	line-height: 22px;
	border: 1px solid #1b2780;
}
.menu-sobre-nosotros li a:hover{
	color: #000;
	text-decoration: none;
	background: #f7f7f7;
}

#about .col-sm-6.col-md-4.mt-big.animated.bounceIn {
    padding: 0 60px;
}

/** PRODUCTOS **/

#services .services .icon{
	padding: 0px 30px 0;
}
.services .aling-center p{
	text-align: center;
}

#services .button-alert-popup-text,
#services .button-newsletter-popup-text{
	-webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
  font-size: 30px;
  width: 85%;
	opacity: 0.7;
	margin-bottom: 50px;
}
#services .button-alert-popup-text{
	background: #659ede;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
	float: left;
	padding: 40px 54px 40px 20px;
}
#services .button-newsletter-popup-text{
	float: right;
	background: #901447;
	-webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
	padding: 40px 20px 40px 54px;
}
#services #button-alert-popup,
#services #button-newsletter-popup
{
	position: relative;
	cursor: pointer;
	-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;
}
#services #button-alert-popup img{
	position: absolute;
	right: 0;	
	top: 20px;
	z-index: 1;
}
#services #button-newsletter-popup img{
	position: absolute;
	left: 0;	
	top: 20px;
	z-index: 1;
}
#services #button-alert-popup:hover div,
#services #button-newsletter-popup:hover div{
	opacity: 1;
}

#services .services p{
	font-size: 16px;
	text-align: center;
	width: 74%;
	margin: 30px auto;
}

#services .services a.btn,
.carousel-caption .btn,
#blog a.btn,
#blog .leer-mas-blog a{
	border: 1px solid #66b2e4;
	color: #66b2e4;
	letter-spacing: 2px;
}
#blog .leer-mas-blog a{
	font-weight: normal;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    border-radius: 0;
}
#services .services a.btn:hover,
.carousel-caption .btn:hover,
#blog a.btn:hover,
#blog .leer-mas-blog a:hover{
	color: #fff;
	background: #66b2e4;
}
#blog h2.field-content{
	color: #3c70b6;
	text-transform: inherit;
}

/** DATOS **/

#references .row.showcase.col-sm-6.col-xs-12{
	padding-left: 50px;
	padding-right: 50px;
}
#references .showcase .item h4{
	color: #3c70b6;
	text-shadow: none;
	text-align: left;
}
#references .showcase .item h4 span{
	font-weight: 800;
	font-size: 55px;	
  line-height: 1.8;
  font-family: 'aileronbold',"Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #3c70b6 !important;
}
#references .showcase .item h4{
	font-size: 22px;
	text-align: center;
}
#references .datos-content{
	margin-top: 30px;
}
#references .row.showcase{
	margin: 30px 0;
}
#references .row.showcase .img-responsive{
	min-height: 130px;
}
span.barra-bottom-title.plus-barra {
    margin-top: 30px;
    width: 70%;
}
#references .reference-item .reference,
#references .reference-item .reference a .overlay{
	/*-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;*/
}
#references .reference-item .reference{
	/*-webkit-box-shadow: 3px 3px 10px #555;
	-moz-box-shadow: 3px 3px 10px#555;
	box-shadow: 3px 3px 10px #555;*/
	margin: 10px;
	border: none;
	overflow: hidden;
	-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;
}
#references .reference-item .reference:hover{
	/*-webkit-box-shadow: -3px -3px 13px #555;
	-moz-box-shadow: -3px -3px 13px #555;
	box-shadow: -3px -3px 13px #555;*/
}
#references .reference-item .reference a .overlay{
	background: #507dd8;
	color: #fff;
	font-family: 'aileronbold',"Helvetica Neue", Helvetica, Arial, sans-serif !important;
	padding: 0;
	/*-webkit-box-shadow: 3px 3px 10px #507dd8;
	-moz-box-shadow: 3px 3px 10px#507dd8;
	box-shadow: 3px 3px 10px #507dd8;*/
}
#references .reference-item .reference a .overlay h3{
	position: absolute;
  top: 28%;
	width: 100%;
	font-family: 'aileronbold',"Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 18px;
}
#references #detail h1#detail-title{
	font-family: 'aileronbold',"Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color: #3c70b6 !important;
	margin-top: 30px;
}
#references blockquote {
    border-left: 5px solid #3c70b6;
}
#references #detail .buttons a.btn.btn-primary{
	border: 1px solid #66b2e4;
    color: #66b2e4;
    letter-spacing: 2px;
	font-family: 'aileronbold',"Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#references #detail .buttons a.btn.btn-primary:hover{
	color: #fff;
	background: #66b2e4;
}
#references .reference-item .reference a .overlay:hover p{
	display: none;
}
#references .reference-item .reference img{
	width: 225px;
	height: 225px;
}
@media (max-width: 1199px){
	#references .reference-item .reference img {
		width: 205px;
		height: 205px;
	}
}
@media (max-width: 991px){
	#references .reference-item .reference img {
		width: 300px;
		height: 300px;
	}
}

#references #detail .buttons a.btn.btn-primary{
	word-break: break-word;
  display: block;
	white-space: normal;
}
#references .datos-content #filter{
	display: none;
}

/** CONTACTO **/
.panels-flexible-1 .panels-flexible-row,
.panels-flexible-37 .panels-flexible-row{
	margin: 0px;
	padding: 0px;
}
.panels-flexible-region-1-contacto, .panels-flexible-region-1-contacto_izquierda{
	width: 50%;
}
@media (max-width: 768px){
	.panels-flexible-region-1-contacto, .panels-flexible-region-1-contacto_izquierda{
		width: 100%;
	}
	.section.contact article{
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}
.panels-flexible-region-1-contacto_izquierda{
	padding: 30px;
}
.panels-flexible-row-1-1-inside,
.panels-flexible-row-37-1-inside{
	background: #f5f5f5;
}
.contact.text-gray{
	background: #f7f7f7;
	background: #f5f5f5;
}

.section h2.pane-title {
    display: inline-block;
    font-size: 50px;
    font-weight: 100;
    padding: 10px 0;
    margin-bottom: 44px;
    text-align: center;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    text-transform: uppercase;
    line-height: 1.2;
}
.section.contact article{
  max-width: 800PX;
  margin-left: auto;
  margin-right: auto;
	padding-left: 0px;
	padding-right: 10%;
}

#contact.contact form,
#contact.contact form h3
{
	margin-top: 0;
}
.texto-contacto{
	font-family: 'aileronbold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	padding: 5% 15%;
}
.texto-contacto h2{
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 30px;
    margin-bottom: 5px;
}
.texto-contacto p{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}
.texto-contacto a{
	color: #000;
}

/** CARRUSEL **/
#myCarousel{
	overflow: hidden;
}
#myCarousel .carousel-inner>.item>img {
    width: 100%;
		height: 100%;
}
#myCarousel .carousel-control,
#myCarousel .carousel-control:hover,
#myCarousel .carousel-control:focus,
ol.carousel-indicators{
	background: transparent !important;
	display: none;
}
#intro #myCarousel .item .carousel-caption{
	top: 15%;
	left: 5%;
	text-align: left;
	width: 45%;
}
#intro .item h1 {
	font-size: 60px;
	color: #3c70b6;
	margin-bottom: 40px;
	font-weight: 700;
	opacity: 0;
	filter: alpha(opacity = 0);
	-webkit-backface-visibility: hidden;
}

.bottom-scroll{
	width: 100%;
    position: absolute;
    bottom: 80px;
    z-index: 1;
}
.bottom-scroll img{
	cursor: pointer;
	margin: 0 auto;
}

.necesitas-ayuda {
    position: absolute;
    background: #fff;
    padding: 15px 15px 15px 30px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: #1b75bb;
    transform: rotate(-90deg);
    right: -100px;
    top: 25%;
    font-family: 'aileronbold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    letter-spacing: 1px;
	cursor: pointer;
}
.necesitas-ayuda span.circulo{
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #c9c9c9;
	float: right;
    margin: 3px 15px;
}

/** SOBRE NOSOTROS **/

#about .img-responsive.img-circle{
	box-shadow: 0px 0px 25px #ccc;
}

/** PÁGINA DESCARGA **/
 
.page-descarga-indice-mensual h2,
.page-descarga-indice-mensual h3,
.page-descarga-indice-mensual form{
	text-align: center;
}
.page-descarga-indice-mensual form{
	margin-top: 20px;
	margin-bottom: 20px;
}
.page-descarga-indice-mensual .error-suscripcion{
	padding: 30px;
	margin: 20px;
	color: #fff;
	font-size: 20px;
	background: #3c70b6;
}

/** FICHAS **/

#ficha{
	max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid;
  padding: 15px 15px 0px;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  margin-top: 30px;
}
#ficha .cabecera{
	border-bottom: 1px solid;	
}
#ficha h3, #ficha h4{
	font-weight: bold;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
}
#ficha h3{
	font-size: 14px;
}
#ficha h4{
	font-size: 13px;
	margin-top: 10px;
}
/* MAPA */
.container-mapa{
	background: #f7f7f7;
	padding-top: 30px;
}
div#map{
	height: 300px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;	
}

/** CONTACTO **/

.contact form .aceptar input { margin-top: 5px; }
.node-webform .webform-component.webform-component-markup{ text-align: left; float: left; width: 100%; margin-bottom: 40px; }
@media (min-width: 992px){
	.node-webform .webform-component.webform-component-markup { width: 50%; }
}

/** FOOTER **/

#footer.section{
	padding: 10px;
	background: #66b2e4;
	color: #fff;
}
#footer .texto-pie{
	float: left;
}
#footer .menu-pie{
	float: right;
}
#footer ul{
	line-height: 22px;
  text-align: left;
  list-style: none;
  padding: 0px;
}
#footer,
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a{
	padding-left: 20px;
}
#footer a .fa{
	font-size: 25px;
    vertical-align: middle;
}
#footer a:hover{
	color: #000;
}
#footer h2{
	text-align: left;
	font-size: 1.8em;
  margin: 0 0 15px;
}
#footer .texto-footer{
	margin-bottom: 15px;
}
#footer p.social a.linkedin{
	background: #006699;
}
#footer.section p{
	color: #666;
	font-size: 12px;
}

/* BETTERLOGIN */
#auth_box{
	width: 60%; 
	max-width: 1200px;
	min-width: 500px;
}
#auth_box #top_part{
	-webkit-box-shadow: 0px 0px 8px #555555;
	-moz-box-shadow: 0px 0px 8px #555555;
	box-shadow: 0px 0px 8px #555555;
	border: 1px solid #ccc;
	padding: 30px;
	margin-bottom: 45px;
}
#auth_box h1{
	font-size: 20px;
	float: left;
}
#auth_box h1 span{
	padding-top:10px; 
	display: block;
}
#auth_box #address_part{
	font-style: italic;
	color: gray;
}
#auth_box #address_part div{
	float: right;
}
#auth_box h2,
#auth_box h2.title{
	font-size: 22px;
	color: #242b7d;
}
#auth_box #text_top{
	color: #242b7d;
	margin-top: 20px;
}

/** ARBOL NAVEGACIÓN **/

ul.first-level,
ul.first-level ul{
	list-style-type: none;
}
ul.first-level li button.btn {
	width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  color: #000;
	border-bottom: 1px solid #ccc;
}
ul.first-level li button.btn i {
	margin-right: 10px;
	border: 1px solid; 
	padding: 3px;
}

/** BLOG **/

#blog{
	max-width: 1300px;
	width: 90%;
	margin: 0 auto;
}
#blog .view-content{
	text-align: left;
}
#blog .view-content h3{
	color: #3c70b6;
	text-transform: uppercase;
	 font-size: 18px;
}
#blog .view-content .col-sm-6.col-xs-12{
	margin-bottom: 30px;
}
#blog .barra-bottom-title{
	margin-bottom: 50px;
}

.contenido-blog-da .text-center{
	clear: both;
}

.sidebar-blog-da h2.pane-title{
	background: #659EDE;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
  padding: 10px;
  font-size: 20px;
}
.sidebar-blog-da button#edit-update{
	color: #1b2780;
  background-color: #ffffff;
  border-color: #1b2780;
	margin-top: 10px;
}

.sidebar-blog-da button#edit-update:hover,
.sidebar-blog-da button#edit-update:focus {
  color: #ffffff;
  background-color: #1b2780;
}
h2.field-content.titulo-blog.color,
.contenido-blog-da h1.titulo-destacado.color{
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
.contenido-blog-da .views-row-odd h2.field-content.titulo-blog.color a,
.contenido-blog-da h1.titulo-destacado.color{
	color: #E62072;
}
.contenido-blog-da .views-row-even h2.field-content.titulo-blog.color a{
	color: #659EDE;
}
@media (min-width: 992px){
	.page-blog .contenido-blog-da .col-md-4.col-sm-6.col-xs-12:nth-child(3n+1){
		clear: both;
	}
}

@media (max-width: 991px) and (min-width: 768px){
	.page-blog .contenido-blog-da .col-md-4.col-sm-6.col-xs-12:nth-child(2n+1){
		clear: both;
	}
}

/* MODAL */
@media (max-width:768px){
div#modal-alerta.visible,
div#modal-newsletter.visible{right: 0px !important; left: 0px !important; width: 100%; min-width: 100% !important;}
}

.btn.popup{cursor: pointer;}
input[type="submit"] {background:#02acd0; color:#fff;border: none;padding: 10px 40px;text-transform: uppercase;}

span.modal-close {float: right;font-size: 30px; transition: 0.5s; cursor:pointer;position: relative; z-index: 1;}
span.modal-close:hover{color:red;}
div#modal-alerta,
div#modal-newsletter {
  z-index: 110000000;
  background-color: #fff;
  position: absolute;
  margin: auto !important;
  padding: 30px;
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
  -moz-transition: 0.3s 0.3s;
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
  display: none;
  width: 400px;
  height: auto;
	background: rgba(245,245,245,0.95);
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
	border-radius: 7px;
}
div#modal-alerta, div#modal-newsletter{width:70%; min-width: 500px; overflow-y: scroll}
div#modal-alerta.visible, div#modal-newsletter.visible {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
.modal-overlay.visible {
  -webkit-transform: scale(2);
  opacity: 0.7;
  background:#000;
 }
.modal-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 400%;
  width: 400%;
  margin: -50%;
  opacity: 0;
  display: none;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  background: #000;
}

/* PLANTILLA MAIL */

#mimemail-body{
  font-size: 1.4em;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #1b2780;
	padding: 30px;
	text-align: center;
	background-image: none !important;
	color: #333;
}
#mimemail-body #main{
	text-align: left;
}
#mimemail-body p{
	margin: 0 0 10px;
}
#mimemail-body #logo-mail{
	width:150px; 
	vertical-align:middle;
	margin-bottom: 30px;
}
#mimemail-body a{
	color: blue;
}
#mimemail-body a:hover{
	text-decoration: underline;
}
#mimemail-body #footer-mail{
	margin-top: 20px;
	line-height: 8px;
}

/** RESPONSIVE **/

fieldset#bootstrap-panel{
	width: 100%;
}

#navbar.navbar-default .navbar-collapse,
#navbar.navbar-fixed-top .navbar-collapse, 
#navbar.navbar-fixed-bottom .navbar-collapse {
    max-height: inherit; 
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle .icon-bar{
	background: #fff;
}
@media (max-width: 767px){
	div#navbar.navbar ul.navbar-nav > li{
		float: none;
		padding: inherit;
		text-align: center;
	}
	nav ul.menu.nav.navbar-nav:nth-child(2){
		text-align: center;
	}
	nav ul.menu.nav.navbar-nav:nth-child(2) li{
		display: inline-block;
	}
	nav ul.menu.nav.navbar-nav:nth-child(2) li:last-child a{
		border: none !important;
	}
}

@media (max-width: 991px){
	.row.services .col-md-4 {
		padding-bottom: 50px;
	}
	.panels-flexible-region-37-contacto_izquierda,
	.panels-flexible-region-37-contacto{
		width: 100%;
	}
}