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

/*** GENERALES ***/

@font-face {
    font-family: 'alright_sansbold';
    src: url('alrightsans-bold-v3-webfont.eot');
    src: url('alrightsans-bold-v3-webfont.eot?#iefix') format('embedded-opentype'),
         url('alrightsans-bold-v3-webfont.woff2') format('woff2'),
         url('alrightsans-bold-v3-webfont.woff') format('woff'),
         url('alrightsans-bold-v3-webfont.ttf') format('truetype'),
         url('alrightsans-bold-v3-webfont.svg#alright_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alright_sanslight';
    src: url('alrightsans-light-v3-webfont.eot');
    src: url('alrightsans-light-v3-webfont.eot?#iefix') format('embedded-opentype'),
         url('alrightsans-light-v3-webfont.woff2') format('woff2'),
         url('alrightsans-light-v3-webfont.woff') format('woff'),
         url('alrightsans-light-v3-webfont.ttf') format('truetype'),
         url('alrightsans-light-v3-webfont.svg#alright_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alright_sansregular';
    src: url('alrightsans-regular-v3-webfont.eot');
    src: url('alrightsans-regular-v3-webfont.eot?#iefix') format('embedded-opentype'),
         url('alrightsans-regular-v3-webfont.woff2') format('woff2'),
         url('alrightsans-regular-v3-webfont.woff') format('woff'),
         url('alrightsans-regular-v3-webfont.ttf') format('truetype'),
         url('alrightsans-regular-v3-webfont.svg#alright_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html {height:100%}
div, p, a, li, td {-webkit-text-size-adjust:none; }

body {
	color: #656565;
	background: #fff url(../images/background.png) repeat-x fixed center top;
	font: 13px 'alright_sansregular', Arial, Helvetica, sans-serif;
	background-size:cover;
}

.wrapper {
	width:96%;
	margin: 0 auto;
	position:relative;
}

.hidden { display: none; }
.unhidden { display: block;}
.clear {clear:both}

p {}
h1 {}
h2 {}
strong {font-family: 'alright_sansbold', Arial, Helvetica, sans-serif}

div#container {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	padding-top:105px;
	width:100%;
	max-width:1020px;
	margin: 0 auto;
	position:relative;
	background-color:#FFF;
}


/* HEADER */

header {
	height: 105px;
	background-color:#fff;
	position: fixed;
	z-index: 100;
	top: 0px;
	width:100%;
	max-width:1020px;
	right:0;
	left:0;
	margin: 0 auto;
}
header div.nubes {
	height: 31px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: -31px;
	background: url(../images/nubes-blancas.png) no-repeat left top;
}
#bt-logo img {
	margin-top:20px;
	margin-left:2%;
	float:left;
}
#bt-menu {display:none}

nav#menu-principal {
	float:right;
	margin-top:60px;
	margin-right: 2%;
}
nav#menu-principal li {
	float: left;
	font: 16px/16px 'alright_sansbold', Arial, Helvetica, sans-serif;
	margin-left:20px;	
}
nav#menu-principal li a {
	text-decoration: none;
	display:block;
	padding:10px 10px;
	background-color:#fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
li a#bt-quienes {color:#31A431}
li a#bt-esp {color:#EC7D1F}
li a#bt-ubica {color:#721D7F}
li a#bt-contacto {color:#EEB300}

li a#bt-quienes:hover, li a#bt-quienes.active {
	background-color:#31A431;
	color:#FFF;
}
li a#bt-esp:hover, li a#bt-esp.active {
	background-color:#EC7D1F;
	color:#FFF;
}
li a#bt-ubica:hover, li a#bt-ubica.active {
	background-color:#721D7F;
	color:#FFF;
}
li a#bt-contacto:hover, li a#bt-contacto.active {
	background-color:#EEB300;
	color:#FFF;
}


/* FOOTER */

footer {
	background: #731d80 url(../images/nubes-blancas.png) repeat-x left -1px;	
	min-height:200px;
	color:#FFF;
	box-sizing:border-box;
	padding: 60px 2% 30px;
	font-size:14px;
	line-height:18px;
}
footer h1 {
	font: 22px 'alright_sanslight', Arial, Helvetica, sans-serif ;
	margin-bottom:20px;
	color:#FFD100;
}
footer p.direccion {
	background: url(../images/ico-location.jpg) no-repeat left top;
	padding-left:20px;	
}
footer p.tel {
	background: url(../images/ico-phone.jpg) no-repeat left top;
	padding-left:20px;	
}
footer div.col1 {
	display: inline-block;
	width:35%;
	margin-right:3%;
}
footer div.col2 {
	display: inline-block;
	width:28%;
	margin-right:3%;
}
footer div.col3 {
	display: inline-block;
	width:27%;
	text-align:right;
}

/*** HOME ***/

section#home-slider img.banner {
	width:100%;
}
div#botones-slider {
	width:620px;
	position:absolute;
	bottom: -55px;
	right:0;
	left:0;
	margin:0 auto;
	z-index:98;
}
div#botones-slider h1 {
	font: 16px 'alright_sansbold', Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
div#botones-slider a {
	height:110px;
	width: 300px;
	display: block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    4px 4px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         4px 4px 5px 0px rgba(0, 0, 0, 0.5);
	color: #FFF;
	text-decoration:none;
	box-sizing:border-box;
	padding: 25px 15px 0 108px;	
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

div#botones-slider a#bt-conocenos {
	float: left;
	background: #ED7D1F url(../images/bt-conocenos.png) no-repeat left top;
}
div#botones-slider a#bt-cita {
	float: right;
	background: #ED7D1F url(../images/bt-cita.png)  no-repeat left top;
}
div#botones-slider a#bt-conocenos:hover {
    background: #ED7D1F url(../images/bt-conocenos-on.png)  no-repeat left top;
}
div#botones-slider a#bt-cita:hover {
    background: #ED7D1F url(../images/bt-cita-on.png)  no-repeat left top;
}
div#botones-slider a:hover h1 {color:#ED7D1F}
div#botones-slider a:hover p {color:#666666}

/**/

section#home-doctores {
	margin-top:100px;
	text-align:center;
}
section#home-doctores h1 {
	color:#ED7D1F;
	font: 30px 'alright_sanslight', Arial, Helvetica, sans-serif ;
	margin-bottom:30px;
}
section#home-doctores h2 {
	color:#31A331;
	font: 20px 'alright_sansregular', Arial, Helvetica, sans-serif ;
}
section#home-doctores div.doctor {
	display: inline-block;
	margin: 0 30px 30px;
	width: 210px
}
section#home-doctores div.doctor img {
	margin-bottom:15px;
}


/*** INTERIORES ***/

/* PERFIL DE DOCTOR */

section#tit-doctor {
	background-color: #731d80;
	color:#FFF;
	padding: 60px 20px 25px;
	box-sizing:border-box;
}
section#tit-doctor h1 {
	font: 37px 'alright_sanslight', Arial, Helvetica, sans-serif ;
	margin-bottom:15px;
}
section#tit-doctor h1 span {
	font-family: 'alright_sansbold', Arial, Helvetica, sans-serif ;
	color:#EC7D1F;
}
section#tit-doctor h2 {
	font: 19px 'alright_sanslight', Arial, Helvetica, sans-serif ;
}
section#tit-doctor div.col-left {
	float:left;
	width:60%;
}
section#tit-doctor div.col-right {
	float:right;
	width:305px;
}
section#tit-doctor p {
	line-height: 28px;
	text-indent: 35px;	
	font-size:16px;
}
section#tit-doctor p.consultas {
	background: url(../images/ico-consultas.png) no-repeat left top;
	margin-bottom: 10px;
}
section#tit-doctor p.contacto {	
	background: url(../images/ico-contacto.png) no-repeat left top;
}
section#tit-doctor p.contacto a, section#tit-doctor p.consultas a {
	text-decoration:none;
	color:#FFF;
}
section#tit-doctor p.contacto a:hover, section#tit-doctor p.consultas a:hover {text-decoration:underline}

section#cont-doctor {margin-top:30px;}
section#cont-doctor p {
	margin-bottom:20px;
	line-height:20px;
	text-align:justify;
	font-size:14px;
}
section#cont-doctor div.col-left {
	float:left;
	width:65%;
	margin-left:2%;
}
section#cont-doctor div.col-left img {
	float: left;
	margin: 0 30px 20px 0;
	width: 47%;
}
section#cont-doctor div.col-right {
	float:right;
	width:28%;
	margin-right:2%;
}
section#cont-doctor div.col-right img {
	width:100%;
	max-width: 267px;
}
section#cont-doctor a {color:#731d80}

/* QUIENES */

section#tit-quienes {
	background-color: #29A130;
	color: #FFF;
	padding: 60px 20px 25px;
	box-sizing: border-box;
	min-height: 125px;
	background-image: url(../images/bg-quienes.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
section#tit-quienes h1 {	
	font: 37px 'alright_sanslight', Arial, Helvetica, sans-serif ;
}
section#tit-quienes h1 span {
	font-family: 'alright_sansbold', Arial, Helvetica, sans-serif ;
}
section#cont-doctor div.col-left img.doctores {
	float: none;
	display:block;
	width:100%;
}
section#cont-doctor h3.quienes {
	font: 16px 'alright_sansregular', Arial, Helvetica, sans-serif!important;
	color: #29A130;	
	margin-bottom:2px!important;
}

/* ESPECIALIDADES */

section#tit-especialidades {
	background-color: #FB9020;
	color: #FFF;
	padding: 60px 20px 25px;
	box-sizing: border-box;
	min-height: 125px;
	background-image: url(../images/bg-quienes.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
section#tit-especialidades h1, section#tit-ubicacion h1, section#tit-contacto h1 {	
	font: 37px 'alright_sansbold', Arial, Helvetica, sans-serif ;
}
section#cont-doctor div.col-1{
	float: left;
	width: 32%;
	margin-left: 2%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FB7800;
	padding-right:2%;
}
section#cont-doctor div.col-2{
	float:left;
	width: 30%;
	margin-left:3%;
}
section#cont-doctor div.col-1 h2, section#cont-doctor div.col-2 h2 {
	font: 30px 'alright_sanslight', Arial, Helvetica, sans-serif ;
	color:#EC7D1F;
	margin-bottom:30px;
}
section#cont-doctor div.col-1 h3, section#cont-doctor div.col-2 h3, section#cont-doctor div.col-left h3 {
	font: 20px 'alright_sansbold', Arial, Helvetica, sans-serif ;
	margin-bottom:10px;
	color: #29A130;	
}
section#cont-doctor div.col-1 p, section#cont-doctor div.col-2 p  {padding-left: 20px; margin-bottom:20px}
section#cont-doctor div.col-1 a, section#cont-doctor div.col-2 a {color: #656565; padding-left:10px;}

/* UBICACION */

section#tit-ubicacion {
	background-color: #8C3B92;
	color: #FFF;
	padding: 60px 20px 25px;
	box-sizing: border-box;
	min-height: 125px;
	background-image: url(../images/bg-quienes.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
section#cont-doctor div.col-left img.consultorio {
	float: left;
	margin: 0 30px 25px 0;
	width: 45%;
}

section#cont-doctor iframe {
	width:100%;
	margin-bottom:30px;
}
section#cont-doctor div.col-left a {color:#656565}

section#cont-doctor hr {background-color:#763081; color:#763081; height:1px; border:0; margin-bottom:30px;}

/* CONTACTO */

section#tit-contacto {
	background-color: #FCCA3E;
	color: #FFF;
	padding: 60px 20px 25px;
	box-sizing: border-box;
	min-height: 125px;
	background-image: url(../images/bg-quienes.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
section#cont-doctor div#FSCForm1 {width:100%!important}

section#cont-doctor input[type=text], section#cont-doctor input[type=email] {
	border-bottom: 2px solid #752881;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;	
	font: 18px 'alright_sanslight', Arial, Helvetica, sans-serif ;
	color:#F37A0C;
	width:100%;
}
::-moz-placeholder { color: #999; }
section#cont-doctor label {color:#FFF}
section#cont-doctor label.doctor {font: 18px 'alright_sanslight', Arial, Helvetica, sans-serif; color:#F37A0C}

section#cont-doctor textarea {
	font: 18px 'alright_sanslight', Arial, Helvetica, sans-serif;
	color: #F37A0C;
	border: 2px solid #752881;	
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
width:100%;
padding: 10px;
	box-sizing:border-box;
}
section#cont-doctor input[type=submit] {
	background-color: #F59232;
	font: 18px 'alright_sanslight', Arial, Helvetica, sans-serif;
	color: #FFF;
	border:none;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px 20px;
}


/*** MEDIA QUERIES ***/

@media screen and (min-width: 730px) and (max-width: 885px) {	

	#bt-logo img {
		width:28.5%;
	}
	nav#menu-principal li {
		font-size: 14px;
		line-height:14px;
		margin-left:10px;	
	}
	nav#menu-principal li a {
		text-decoration: none;
		display:block;
		padding:8px 8px;
		background-color:#fff;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	footer div.col1 {
		display: block;
		margin-bottom:20px;
		width:96%;
	}
	footer div.col2 {
		display: inline-block;
		width:56%;
		margin-right:3%;
	}
	footer div.col3 {
		display: inline-block;
		width:40%;
		text-align:right;
	}
	
	/* INTERIORES */
	
	section#tit-doctor h1 {font-size: 29px;}
	section#tit-doctor h2 {font-size: 16px;}
	section#tit-doctor p {font-size: 14px;}
	section#tit-doctor div.col-left {width:56%;}
	section#tit-doctor div.col-right {width:275px;}
}

@media screen and (max-width: 729px) { 

	/* HEADER */
	
	div#container {
		padding-top:0;
	}
    header {
		height: 75px;
	}
	header div.nubes {
		height: 20px;
		bottom: -19px;
		background-size: auto 20px;
		background-repeat:repeat-x;
	}
	#bt-logo img {
		margin-top: 10px;
		height:65px;
	}
	#bt-menu {
		display: inline-block;
		width: 60px;
		height: 40px;
		text-indent: -5000px;
		background: #ED7D20 url(../images/bt-menu.png) no-repeat center center;
		float: right;
		margin-right: 2%;
		margin-top: 30px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	nav#menu-principal {display:none}
	nav#menu-mobile {
		text-align:center;
		background-color: rgba(255, 255, 255, 0.8);
		position: fixed;
		z-index: 99;
		top: 75px;
		width:100%;
		padding-top:25px;
	}
	nav#menu-mobile {
		font-family: 'alright_sansbold', Arial, Helvetica, sans-serif;	
	}
	nav#menu-mobile li a {
		text-decoration: none;
		height:30px;
		line-height:30px;
		display:block;
	}

	
	/* FOOTER */
	
	footer {
		background-size: auto 20px;
		background-repeat:repeat-x;
	}
	footer div.col1 {
		display: block;
		margin-bottom:20px;
		width:96%;
		margin-right:0;
	}
	footer div.col2 {
		display: block;
		width:96%;
		margin-bottom:20px;
		margin-right:0;
	}
	footer div.col3 {
		display: block;
		width:96%;
		text-align:center;
	}
	
	/* HOME */
	
	#home-slider {
		background-color:#FFF;
		padding-top:75px;
	}
	div#botones-slider {
		width:100%;
		bottom: -140px;
	}
	div#botones-slider a {
		height:82px;
		width: 225px;
		padding: 12px 11px 0 81px;
	}
	div#botones-slider a#bt-conocenos {
		float: none;
		margin: 0 auto 20px;
		background-size:225px 82px;
	}
	div#botones-slider a#bt-cita {
		float: none;
		margin: 0 auto;
		background-size:225px 82px;
	}
	div#botones-slider a#bt-conocenos:hover {
		background-size:225px 82px;
	}
	div#botones-slider a#bt-cita:hover {
		background-size:225px 82px;
	}
	div#botones-slider h1 {
		font-size: 14px;
		margin-bottom:5px;
	}
	div#botones-slider p {
		font-size: 12px;
		line-height:14px;
	}
	section#home-doctores {
		margin-top:180px;
		text-align:center;
	}
	/*** INTERIORES **/
	
	section#tit-doctor, section#tit-quienes, section#tit-especialidades, section#tit-ubicacion, section#tit-contacto {padding-top:120px;}
	section#tit-doctor div.col-left {float:none; width:100%; margin-bottom:20px;}
	section#tit-doctor div.col-right {float:none;}
	section#tit-doctor h1, section#tit-quienes h1, section#tit-especialidades h1, section#tit-ubicacion h1, section#tit-contacto h1 {font-size: 29px;}
	section#tit-doctor h2 {font-size: 16px;}
	section#tit-doctor p {font-size: 13px;}
	section#cont-doctor div.col-left {
		float:none;
		width:100%;
		margin-left:0;
	}
	section#cont-doctor div.col-left img {
		float: none;
		width: 100%;
		max-width: 310px;
		margin:0 auto 20px;
		display:block;
	}
	section#cont-doctor div.col-right {
		float:none;
		width:100%;
		margin-right:0;
	}
	section#cont-doctor div.col-right img {
		float: none;
		width: 100%;
		max-width: 267px;
		margin:0 auto 20px;
		display:block;
		
	}
	section#cont-doctor div.col-left img.doctores {
		max-width: 661px;
	}
	section#tit-quienes, section#tit-especialidades, section#tit-ubicacion, section#tit-contacto {background-image:none}
	section#cont-doctor div.col-1, section#cont-doctor div.col-2 {
		float: none;
		width: 100%;
		margin-left: 2%;
		border: none;
		padding-right:0;
	}
	section#cont-doctor div.col-left img.consultorio {
		float: none;
		width: 100%;
		max-width: 290px;
		margin:0 auto 20px;
		display:block;
	}
	section#cont-doctor iframe {
		margin-top:20px;
	}
	
}