/* INI - General */
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height, .row-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* ---- INI 5 Columns ----- */
.col-15 {
    width: 18.4%;
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}

.align-self-end {
	-ms-flex-item-align: end!important;
    align-self: flex-end!important;
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.outer-solid-blue { 
    padding: 3.125em 0;
	background-color: #006290;
}

.outer-solid-blue-white {
    padding: 3.125em 0;
	background: rgba(0,98,144,1);
	background: -moz-linear-gradient(left, rgba(0,98,144,1) 0%, rgba(0,98,144,1) 50%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,98,144,1)), color-stop(50%, rgba(0,98,144,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(71%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(0,98,144,1) 0%, rgba(0,98,144,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(0,98,144,1) 0%, rgba(0,98,144,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,98,144,1) 0%, rgba(0,98,144,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(0,98,144,1) 0%, rgba(0,98,144,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006290', endColorstr='#ffffff', GradientType=1 );
}

div[class^="outer-solid"].background.background-50 {
	/*background-position-x: 100%;
	background-position-y: center;
	background-repeat: no-repeat;*/
	background-size: 50%;
}

.outer-solid-blue.sin-margen { 
	padding: 0;
}

.outer-solid .transparent {
	background-color: rgba(0,0,0,0.5);
}

.background.background-no-repeat {
	background-repeat: no-repeat;
}

.background.background-right {
	background-position: right center;
}

.background.background-left {
	background-position: left center;
}

.background.contain {
	background-size: contain;
}

.background.background-size-50 {
	background-size: 50% 100%;
}

.background.background-size-100 {
	background-size: 100% 100%;
}

.blue {
	background-color: #006290;
}

img.sin-margen {
	margin-bottom: 0 !important;
}

h2.tit {
	font-size: 24px !important;	
}

.desktop-hide {
	display: none;
}

.white {
	background-color: #ffffff;
}

div[class^="grid_module"].padding {
    padding: 3.125em 0;
}
/* FIN - General */

/* INI - Seccion Video */
section.video_carousel {
    position: relative;
}

section.video_carousel .carousel {
    position: relative;
    padding: 0;
}

sectio.video_carousel .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#videoCarousel .item img {
    height: 500px;
    width: 100%;
    object-fit: cover;
}

section.video.blockquote-media {
	position: relative;
}	

.blockquote-media figure figcaption {
    background: rgba(0, 0, 0, 0) url(../img/svg-pegado-6775x67.svg) no-repeat scroll 0 0 / 128px 128px;
    color: #ffffff;
    height: 128px;
    left: 50%;
    margin-left: -64px;
    margin-top: -64px;
    opacity: 0.5;
    position: absolute;
    top: 40%;
    transition: all 0.5s linear 0s;
    width: 128px;
    z-index: 1;
}

section.video.blockquote-media figure figcaption {
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 80px;
    width: 80px;
    height: 80px;
}

.blockquote-media figure figcaption:hover {
    opacity: 1;
}

.blockquote-media figure figcaption a {
    display: block;
    height: 100%;
    text-indent: -99999px;
    width: 100%;
}

#videoCarousel .item .banner_txt {
	position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    padding: 25px 0;
}

#videoCarousel .item .banner_txt .container {
	position: relative;
}

#videoCarousel .item .banner_txt div.grid_module_5 {
	width: 46% !important;
}

#videoCarousel .item .banner_txt div.grid_module_2 {
	border-right: 1px solid #ffffff;
	width: 2%;
	height: 100%;
	left: 47%;
	margin-left: 1%;
	position: absolute;
}

/*
#videoCarousel .item .banner_txt div[class^="grid_module_5"]:last-child {
	position: absolute;
	bottom: 0;
	right: 0;
}
*/
#videoCarousel .item .banner_txt h1 {
	text-transform: uppercase;
	margin-bottom: 0px;
	font-size: 46px;
	line-height: 46px;
	padding: 10px 0 0;
	font-family: 'SoinSansPro-Bold';
}

#videoCarousel .item .banner_txt h2 {
	text-transform: uppercase;
	margin-bottom: 0px;
	font-size: 24px !important;
	line-height: 24px;
	font-family: 'SoinSansPro-Medium';
}
/* FIN - Seccion Video */

/* INI - Componente Texto+Icono */
.textIcon {
	text-align: center;
	width: 100%;
	height: 100%;
}

.textIcon.borde {
	padding: 20px 10px 0;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(229,229,229,1);
	-moz-box-shadow: 0px 0px 10px 5px rgba(229,229,229,1);
	box-shadow: 0px 0px 10px 5px rgba(229,229,229,1);
}

.textIcon img {
	height: 90px;
	margin-bottom: 1rem;
}

.textIcon .texto {
    font-family: "PTSans-Bold", Century Gothic, Helvetica, arial, sans-serif;
}
/* FIN - Componente Texto+Icono */


/* INI - Centro de referencia */
.numberIcon {
	text-align: center;
	margin-top: 20px;
}

.numberIcon img {
	height: 50px;
}

.numberIcon .number {
	color: #006290;
	font-size: 60px;
    font-family: "PTSans-Bold", Century Gothic, Helvetica, arial, sans-serif;
}

.numberIcon .texto {
}
/* FIN - Centro de referencia */


/* INI - Componente Tabs */
section.lab_menu_area {
    padding: 20px 0 10px;
    border-bottom: 0px solid #006290;
    border-top: 0px solid #006290;
    background-color: #cdcdcd;
}

.tab_menu ul {
    text-align: center;
    border: 0;
    float: none;
}

.tab_menu ul li {
    margin: 0 20px;
    display: inline-block;
    float: inherit;
}

.tab-content>.tab-pane {
    display: none;
}

.tab_menu ul li a {
    border-bottom: 2px solid #cdcdcd;
    color: #111;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 18px;
    padding: 0 5px 4px;
    font-family: "PTSans-Bold","Lucida Sans Unicode",Helvetica,arial,sans-serif
}

.tab_menu ul li.active a {
    color: #006290;
    border-bottom: 2px solid #006290 !important;
    margin-bottom: 0;
    background-color: #cdcdcd;
    text-decoration: none;
}

.tab_menu ul li a:hover {
    background-color: rgba(0,0,0,0);
    color: #006290;
    border-bottom: 2px solid #006290 !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    text-decoration: none;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 0;
    background-color: #cdcdcd;
}
/* FIN - Componente Tabs */

/* INI - Informacion */
.informacion {
	padding-right: 15px;	
}

.informacion,
.informacion h1 {
	color: #ffffff;	
}

div[class*="white"] .informacion,
div[class*="grey"] .informacion,
div[class*="white"] .informacion h1,
div[class*="grey"] .informacion h1 {
	color: #222;	
}

.outer-solid-blue-white .informacion,
.outer-solid-blue-white .informacion h1 {
	color: #ffffff !important;		
}

.informacion h1 {	
	margin-bottom: 10px;
	font-size: 30px !important;
	line-height: 32px !important;
}

.informacion h2 {
	margin-bottom: 5px;
	font-size: 16px !important;
	font-family: "PTSans-Regular", "Lucida Sans Unicode", Helvetica, arial, sans-serif;
}

.informacion .resumen {
	
}

div[class*="white"] .informacion .more, div[class*="white"] .informacion .more-img, div[class*="white"] .informacion .more-info {
    background-color: #006290;
}

a.more-info,
.informacion .more, .informacion .more-img {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 12px 30px 7px;
    background-color: transparent;
    position: relative;
    display: inline-block;
	font-family: 'SoinSansPro-Medium';
	border: 2px solid #ffffff;
	margin-top: 15px;
}
/* FIN - Informacion */


/* INI - Especialistas */
ul.especialistas {
	float: left;
	width: 100%;
}

ul.especialistas li {
	width: 49%;
	float: left;
	margin-top: 20px;
}

ul.especialistas li:nth-child(2n) {
	margin-left: 2%;
}

ul.especialistas li .ficha-personal {
}

ul.especialistas li .ficha-personal img {
}

ul.especialistas li .ficha-personal h1 {
    font-family: 'PTSans-Bold';
    margin-bottom: 0;
    margin-top: 2px;
    font-size: 18px;
}

ul.especialistas li .ficha-personal h2 {
	font-size: 16px !important;
	margin-bottom: 20px;
}

ul.especialistas li .ficha-personal h3 {
	font-size: 16px !important;
	text-transform: uppercase;
	margin-bottom: 20px;
}

ul.especialistas li .ficha-personal .curriculum,
ul.especialistas li .ficha-personal .curriculum a {
    font-family: 'PTSans-Bold';
	font-size: 16px !important;
}

/* FIN - Especialistas */


/* INI - Centro de referencia */
.mapa {
}

.mapa .help {
	float: left;
	width: 100%;
}

.mapa .help .item {
	margin-right: 15px;
	float: left;
	font-size: 12px;
	color: #ffffff;
}

.mapa .help .item i {
	margin-right: 3px;
}

.mapa .help .item.red i {
	color: red;
}

.mapa .help .item.black i {
	color: black
}

.mapa .mapa-iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    max-width: 1000px;
    margin-top: 30px;
}

.mapa .mapa-iframe iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* FIN - Centro de referencia */


/* INI - Animaciones */
.mfp-iframe-holder .mfp-content {
	max-width: none;
	height: 100%;	
}
/* FIN - Animaciones */

/* INI - Responsive */
@media (max-width: 999px) {
	/* INI - General */
	body, #page {
		min-width: auto;
		width: 100%;
	}
	
	#main .container {
	    max-width: none;
	    width: 100%;
	    padding: 0 15px;
    }
	/* FIN - General */
}

@media (max-width: 999px) and (min-width: 768px) {
	/* INI - Seccion Video */	
	#videoCarousel .item .banner_txt {
	    padding: 20px 0;
	}
	
	#videoCarousel .item .banner_txt .grid_module_6 {
		width: 48% !important;
	}
	
	#videoCarousel .item .banner_txt h1 {
    	font-size: 4.5vw;
    	line-height: 4.7vw;
		padding: 5px 0 0;
	}
	
	#videoCarousel .item .banner_txt h2 {
		font-size: 2vw !important;
		line-height: 2.2vw;
	}	
	/* FIN - Seccion Video */	
}

@media (max-width: 767px) {
	/* INI - Estilos generales */
	.col-15 {
	    width: 100%;
	}

	#main .main {
	    padding: 0px;
	}

	#main > .container {
	    padding: 1em 15px;
	}
	
	#main .container .container,
	#main .outer-solid-blue .container {
		padding-left: 0px; 
		padding-right: 0px; 
	}
	
	#main .background-mobile-hide.outer-solid-blue .container {
		padding: 0 15px;
	}
	
	#main > .outer-solid,
	#main > .outer-solid-white {
		margin-bottom: 1em;
	}
	
	.row-eq-height, .row-flex {
		display: block;
	}
	
	.container>.row>div[class*="grid_m"] {
	    margin: 10px 0;
	}	

	.container>.row>div[class*="grid_m"]:first-child {
	    margin: 0 0 15px;
	}	
	
	.container>.row>div.grid_module_12 {
	    margin: 0 !important;
	}
		
	.outer-solid-blue,
	.padding-left {
		padding: 1.875em 15px;
	}

	.doble-margen {
		padding: 1.875em 0px;
	}
        
        .doble-margen-extra {
		padding: 2.875em 0px;
	}
	
	.tit {
    	font-family: "SoinSansPro-Bold", Century Gothic, Helvetica, arial, sans-serif;
    }
	
	.tit-block-2 {
		font-size: 22px;
	}	
	
	.outer-solid-blue-white {
	    padding: 3.125em 0;
		background: #006290;
	}
	
	.background-mobile-hide {
		background-image: none !important;
	}
	
	div[class^="grid_module"].padding {
	    padding: 1.875em 0px;
	}
	
	.desktop-hide {
		display: block;
	}
	/* FIN - Estilos genreales */
	
	/* INI - Seccion Video */	
	#videoCarousel {
		margin-bottom: 1em;	
	}
	
	#videoCarousel .item img {
	    height: auto;
	}
	
	.video_carousel .carousel.slide .item .blockquote-media figure {
		position: relative;
    }	
    
	.video_carousel .carousel.slide .item .blockquote-media figcaption {
		background-size: 68px;
	    width: 68px;
	    height: 68px;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
    }	
	
	#videoCarousel .item .banner_txt {
		position: static;
	    background-color: transparent;
	    color: #000000;
	    padding: 15px 0 10px;
	}

	#videoCarousel .item .banner_txt .container {
		padding: 0 15px;
	}
	
	#videoCarousel .item .banner_txt div.grid_module_2 {
		display: none;
	}
	
	#videoCarousel .item .banner_txt div.grid_module_5 {
		width: 100% !important;
		position: static !important;
	}
		
	#videoCarousel .item .banner_txt h1 {
		font-size: 35px;
		line-height: 38px;
		padding: 0;
		margin-bottom: 10px;
	}	
	/* FIN - Seccion Video */	
	
	/* INI - Especialistas */
	ul.especialistas li {
		width: 100%;
		margin-left: 0 !important;
	}

	ul.especialistas li .ficha-personal .grid_module_4 {
		width: 23.5%;
		float: left;
	}
	
	ul.especialistas li .ficha-personal .grid_module_8 {
		width: 74.5%;
		margin-left: 2% !important;
		float: left;
	}

	ul.especialistas li .ficha-personal h1 {
		font-size: 16px;
		margin-top: 0px;
	}
	
	ul.especialistas li .ficha-personal h2,
	ul.especialistas li .ficha-personal h3 {
	    margin-bottom: 10px;
	    font-size: 14px !important;
	}	
	
	ul.especialistas li .ficha-personal .curriculum a {
	    font-size: 14px !important;
	}
	/* FIN - Especialistas */
	
	/* INI - Tabs */
	.tab-component {
		margin: 1em 0;	
	}
	
	.tab-component > div[class^="outer-solid"] {
		padding: 0;	
		margin: 0;
	}
	
	.tab-component .tab-pane.r-tabs-panel.active {
		padding: 20px 0 0 0;
	}
	
	section.lab_content {
    	border-bottom: 5px solid #006290;
	}
	
	section.lab_menu_area {
	    padding: 0;
	    /* border-bottom: 5px solid #006290; */
	    border-top: 5px solid #006290;
	}	
	.r-tabs-accordion-title {
	    margin: 0;
	    display: block;
	    border-bottom: 1px solid;
	}
	
	.tab_menu ul li a, .r-tabs-accordion-title a {
    	font-size: 21px;
    	padding: 9px 12px 6px;
	}
	
	.lab_content .r-tabs-accordion-title a:hover, .lab_content .r-tabs-accordion-title.r-tabs-state-active a {
    	color: #006290;
    	border-bottom: 0px solid red !important;
    	margin-bottom: 0;
    	background-color: #F2F2F2;
    	text-decoration: none;
	}
	/* FIN - Tabs */
}
/* FIN - Responsive */