/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */

/* Custom
----------------------------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

/* HEADER */
#block-header {
	height:130px;
}
.block-header, #header {
	height:100%;
}
#header #logo {
	padding-top:5px;
	height:auto;
}
#header #menubar {
	height:100%;
}
#header #menubar #menu{
	height:100%;
}
#header #menubar #menu .menu {
	height:100%;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
	height:130px;
}
.menu-dropdown .dropdown {
	top:129px;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
	line-height:18px;
	font-size:12px;
	padding:0 6px;
	max-width:110px;
	text-align:center;
	margin-bottom: -30px;
    margin-top: 30px;
	display: table-cell;
    vertical-align: middle;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 {
	vertical-align:middle;
}

/* SLIDE PRINCIPAL */
.wk-slideshow-infinite .caption h1 {
	background:none !important;
	font-size:85px;
	line-height:80px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}
.wk-slideshow-infinite .caption h1 + span {
	background:none !important;
	font-size:18px;
	line-height:20px;
}
.wk-slideshow-infinite .caption h1, .wk-slideshow-infinite .caption h1 + span {
	padding:0;
}

/*
 * Switcher
 */
.bg-white {
	padding:0;
}
.margin-doc {
	padding-top:20px;
	background-color:#004F9E;
	margin:20px 0 0 0;
	padding-bottom:0;
}
.margin-doc h3 {
	font-size:54px;
	text-align:center;
	padding:20px 0;
	color:#FFF;
}
.tm-switcher ul {  
    list-style: outside none none;  
    margin: 0;  
    padding-left: 0;  
}  
.tm-switcher ul li {  
    cursor: pointer;  
    padding: 30px 40px;  
    position: relative;  
    transition: all 0.3s ease-in-out 0s;  
}  
.tm-switcher ul li + li {  
    /*border-top: 1px solid #b3c2c7;  */
}  
.tm-switcher ul li.uk-active {  
    /*background: none repeat scroll 0 0 #d1dadd;*/
	background: none repeat scroll 0 0 #0071BC;
}  
.tm-switcher ul li.uk-active:after {  
    border-color: transparent #0071BC transparent transparent;  
    border-style: solid;  
    border-width: 40px 40px 40px 0;  
    content: "";  
    height: 0;  
    margin-left: -80px;  
    margin-top: -40px;  
    position: absolute;  
    top: 50%;  
    width: 0;  
}  
.tm-switcher ul li:hover {  
    background: none repeat scroll 0 0 #0071BC;  
}  
.tm-switcher ul li span {  
    text-transform: uppercase;
	color:#FFF;
}  
.home-doc {
	background: #a4c6e2 url(../../../images/fondo-foto.jpg) top right no-repeat;
}
.tm-switcher-target {  
	/*
	background: none repeat scroll 0 0 #b3c2c7;
	*/
	height: 100%;  
	overflow: hidden;  
	position: relative;  
	width: 100%;  
}  
.tm-switcher-target li img {  
    bottom: 0;  
    position: absolute;  
    right: 0;  
}  
.tm-switcher-target li.uk-active img {  
    animation-duration: 1s;  
    animation-fill-mode: both;  
    animation-name: uk-fade;  
    animation-timing-function: ease-out;  
}

.uk-margin-small-bottom {
	color:#FFF;
	font-weight:bold;
	text-transform:capitalize;
	margin:0;
	padding:0;
	font-family:"Open Sans",sans-serif;
	font-size:32px;
}
.uk-margin-small-top {
	color:#FFF;
}

/* VARIOS */
.moar, .moar-2 {
	padding:5px 15px;
	border:#FFF thin solid;
	margin:10px 0;
	transition: all 0.3s ease-in-out 0s;
	color:#FFF;
}
.moar-2 {
	border:#F7931E thin solid;
	text-align:center;
}
.moar:hover, .moar-2:hover {
	border-color:#000;
	color:#000 !important;
	background-color:#FFF;
}

/* PACIENTES */
h3.frontpage-pacientes {
	color:#F7931E;
	text-align:center;
	font-size:54px;
	margin-top:150px !important;
	margin-bottom:35px;
}
.pacientes-text {
	border-bottom:#F7931E thin solid;
	border-top:#F7931E thin solid;
}
.pacientes-text p {
	float:left;
	padding-left:50px;
}
.pacientes-text p:first-child {
	/*padding-left:0;*/
}


/* Pages */
.contacto-bg {
	background: #003282 url(../../../images/bg-contacto-side.png) top right no-repeat;
	padding-top:125px;
	color:#FFF;
}
.contacto-bg a {
	color:#FFF;
}
.contacto-bg a:hover {
	color:#000;
}
.contacto-bg h3 {
	color:#FFF;
}

.equipo-doc {
	float:left;
	padding:0 !important;
	background-color:#003282;
}
.equipo-doc img {
	vertical-align:bottom;
	opacity: 0.5;
}
.uk-width-medium-1-2.equipo-doc.uk-active:after {  
    border-color: transparent #0071bc transparent transparent;
    border-style: solid;
    border-width: 40px 40px 40px 0;
    bottom: -60px;
    content: "";
    height: 0;
    margin-left: -375px;
    margin-top: inherit;
    position: absolute;
    top: inherit;
    transform: rotate(-90deg);
    width: 0;
}
.uk-width-medium-1-2.equipo-doc.uk-active img {
	opacity:1;
}
.equipo {
	margin-top:50px;
}
.equipo p {
	color:#000;
}
.equipo h2 {
	color:#999999;
	font-size:32px;
	font-weight:100;
}

.pacientes-ico {
	float:left;
	text-align:center;
	height:220px;
	margin:60px 0 !important;
}
.pacientes-ico span {
	display:inline-block;
	vertical-align:middle;
}

.submenu-pacientes {
	border:#F7931E thin solid;
}
.submenu-pacientes .module-title {
	padding:150px 20px 15px;
	margin:-20px -20px 0 -20px;
	background:#F7931E url(../../../images/bg-pacientes-menu.png) top center no-repeat;
	color:#FFF !important;
}
.submenu-pacientes .menu-sidebar li.level1 {
	border-top: 1px solid #F7931E;
}
.submenu-pacientes .menu-sidebar li.level1:first-child {
	border:none;
}

.title-faq, .title-links {
	padding:0 0 10px 40px;
	font-size:32px;
	color:#F7931E;
	text-transform:inherit;
	line-height:42px;
}
.title-faq {
	background:url("../../../images/bg-title-faq.png") no-repeat scroll left 4px transparent;
}
.title-links {
	background:url("../../../images/bg-title-links.png") no-repeat scroll left 4px transparent;
}
.container-links {
	background-color:#F2F2F2;
	padding:7px 10px;
	margin-bottom:10px;
}
.container-links p {
	margin:0;
}

.title-telefono {
	background:url(../../../images/ico-phone.png) left center no-repeat;
	padding:5px 0 5px 45px;
	text-transform:inherit;
	color:#F7931E;
	font-size:32px;
}
.title-email {
	background:url(../../../images/ico-mail.png) left center no-repeat;
	padding:5px 0 5px 45px;
	text-transform:inherit;
	color:#F7931E;
	font-size:32px;
}
.title-form {
	background:url(../../../images/ico-form.png) left center no-repeat;
	padding:5px 0 5px 45px;
	text-transform:inherit;
	color:#F7931E;
	font-size:32px;
}

.mod-form {
	border:#F7931E thin solid;
	padding:20px 45px;
	margin-bottom:50px;
}
.mod-form:after, .mod-form:before { top: 100%; left: 25%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.mod-form:after { border-color: rgba(255, 255, 255, 0); border-top-color: #FFFFFF; border-width: 30px; margin-left: -80px; } 
.mod-form:before { border-color: rgba(247, 147, 30, 0); border-top-color: #F7931E; border-width: 31px; margin-left: -81px; }

.mod-mails {
	padding:20px 45px;
	margin-bottom:50px;
}
.chrono_credits a {
	display:none;
}
#chronoform-contacto label { display:none; }
.gbs3 *, .gbs3 *:before, .gbs3 *:after {
	width:100%;
	margin-bottom:2px;
}
#chronoform-contacto input:not([type='submit']), #chronoform-contacto textarea {
	width:425px !important;
	background-color:#F2F2F2;
	border:none;
	font-size:17px;
}
#fin-Enviar input {
	border:#F7931E thin solid;
	color:#F7931E;
	margin-left: 360px;
}

/* Layout
----------------------------------------------------------------------------------------------------*/
.title {
	color:#999999;
}
.custom-logo { 
	width: 138px;
	height: 72px;
	background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;
	background-size: contain;
}

.margin-tb-20 { margin: 20px 0; }
.margin-l-40 { margin-left: 40px; }


/* Modules
----------------------------------------------------------------------------------------------------*/

/* Fixing the flickering for -webkit- browsers */
.module { -webkit-backface-visibility: hidden; }


/* Frontpage: Features
----------------------------------------------------------------------------------------------------*/

.frontpage-teaser1 {
	background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser1_default.jpg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser2 {
	background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser2_default.jpg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser3 {
	background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser3_default.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}


/* Frontpage: Features
----------------------------------------------------------------------------------------------------*/

.frontpage-features { 
	margin-top: 30px; 
	overflow: hidden;
	float:left;
	width:33%;
}

.frontpage-features h1 {
	margin: 20px 0 15px 0;
	font-size: 19px;
	line-height: 20px;
}
.bfc-o {
	padding-bottom:10px;
}

/* Frontpage: Check
----------------------------------------------------------------------------------------------------*/

.frontpage-check {
	float: left;
	margin-bottom: 20px;
	text-transform: uppercase;
}


/* Frontpage: Team
----------------------------------------------------------------------------------------------------*/

.frontpage-team h1 {
	margin: 20px 0 0 0;
	font-size: 40px;
	line-height: 41px;
}

.frontpage-team p {
	margin: 10px 0 0 0;
	font-size: 17px;
	line-height: 22px;
}


/* Frontpage: Contact
----------------------------------------------------------------------------------------------------*/

ul.line.frontpage-contact > li {
	margin: 0;
	padding: 15px 0;
	border-top: none;
	background: url(../images/line_bg.png) bottom repeat-x;
}

ul.line.frontpage-contact > li:first-child { 
	background: url(../images/line_bg.png) top repeat-x,
				url(../images/line_bg.png) bottom repeat-x;
}

ul.line.frontpage-contact strong {
	float: left;
	width: 140px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: normal;
}

ul.line.frontpage-contact div { display: inline-block; }


/* Frontpage: Clients
----------------------------------------------------------------------------------------------------*/

.frontpage-clients a {
	float: left;
	opacity: 0.5;
	margin: 0 -1px -1px 0;
	border: 1px solid #616a73;
	border: 1px solid rgba(255,255,255,0.5); 
}

.frontpage-clients a:hover {
	opacity: 1;
	border: 1px solid #FFF;
	background-color: rgba(255,255,255,0.05);
}

.frontpage-teaser { line-height: 0; }
.frontpage-teaser img { 
	display: block; 
	line-height: 0;
}


/* Responsive 
----------------------------------------------------------------------------------------------------*/

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	.margin-l-40 { margin-left: 0; }


}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

	/* Layout */
	#block-bottom-b .width33 { width: 100%; }

	.frontpage-features img {
		float: none;
		margin: auto auto 15px;
	}

	.frontpage-check.width50 { width: 100%; }
	
}

@media (max-width: 500px) {
	.margin-doc h3 {
		font-size:30px;
	}
	.uk-margin-small-bottom {
		font-size:25px;
	}
	.frontpage-features { width:100%; text-align:center; }
	h3.frontpage-pacientes { font-size:30px; line-height:120%; }
	.menu.menu-line { padding:20px 0 5px; }
	.wk-slideshow-infinite .caption h1 { font-size:15px; line-height:15px; }
	.wk-slideshow-infinite .caption h1 + span { display:none; }
}


#med1 {
	text-align: right; position: absolute; z-index: 999; top: 50%; right: 10%;
}
#med2 {
text-align: right; position: absolute; z-index: 998; bottom: 5%; right: 10%;
}

h1 { color: #707070 !important; }
h2 { color:#e5332a !important; }
h3 { color:#35a8e0 !important; }
h4, h5, h6 { color: #888 !important; }
h6 { font-size:80% !important; font-weight:100 !important; margin:0 !important; text-transform:inherit !important; }

.wrapper {
	max-width:1120px;
}
#block-bottom-c .bg-color2 {
	background:url(images/bg-contacto-seccion.jpg) no-repeat center center !important;
	background-size:cover !important;
}