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

html{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	font-family:corbel;
	color:#5383ea;
	background:radial-gradient(ellipse at center, #f0f3e1 17%,#4b87c4 83%,#4b87c4 100%);
}

#contenedor{
	margin:0;
	padding:0;
}

#contenedor #contenido{
	margin:0;
	padding:0;
}

#contenedor #contenido header{
	margin:0;
	padding:0;
	position:relative;
	z-index:40;
	width:100%;
	height:185px;
	background-color:#5383ea;
	box-shadow: 0px 1px 20px #000;
}

#contenedor #contenido header nav{	
	margin-left:30px;
	margin-top:25px;
	padding:0;
	height:590px;
	width:340px;
	position:absolute;
	z-index:50;
	border-radius:7px;
	background-color:#fff;
	box-shadow: 1px 1px 20px #000;
}

#contenedor #contenido header nav ul li:hover, #contenedor #contenido header nav ul li a:hover, #contenedor #contenido header nav ul li #subMenu li a:hover{	
	color:#5383ea;
}

#eslogan{
	margin:0;
	margin-top:155px;
	margin-right:40px;
	float:right;
	color:#ffffff;
	text-align:right;
	font-size:20px;
}

#contenedor #contenido #cuerpo{
	margin:0 auto;
	padding:0;
	height:70%;
	position:relative;
	min-height:585px;
	width:1024px;
	z-index:25;
}

#contenedor #contenido #cuerpo #centro{
	margin:0 auto;
	margin-top:-130px;
	padding:0;
	position: absolute;
	height:725px;
	width:1000px;
	z-index:30;
	background-color:#ffffff;
	transform: rotate(-2deg);
	box-shadow: 1px 1px 20px #000;
}

footer{
	margin:0;
	padding:0;
	position:fixed;
	bottom:0;
	clear: both;
	width:100%;
	z-index:20;
	height:60px;
	background-color:#ffffff;
	box-shadow: 0px 1px 20px #000;
}

	
/* ######################################################################### */
/* ############################# INDEX ##################################### */
	
#logo{

	margin-top:15px;
	margin-left:2px;
	
}

#footerText{
	color:#5383ea;
	font-size:12px;
	float:right;
	margin-right:10px;
}

#footerText a:link, #footerText a:visited{
	color:#5383ea;
	text-decoration:none;
}

.pagActual{
	color:#5383ea;
	list-style-type:circle;	
}

#contenedor #contenido header nav ul li{	
	font-size:16px;
	margin:30px 0px 0px 0px;
}

#contenedor #contenido header nav ul{
	margin:10px 0 0 0;
	color:#31367d;
	list-style-type:none;
}

#contenedor #contenido header nav #navImage{
	margin:0 auto;
	width:100%;
	height:250px;
	position:absolute;
	bottom:0px;
	border-radius:7px;
}

#contenedor #contenido header nav #gradientNav{
	margin:0 auto;
	width:100%;
	height:250px;
	position:absolute;
	z-index:55;
	bottom:6px;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,0) 100%);   
}

#contenedor #contenido header nav img{
	margin:0 auto;
	width:100%;
	border-radius:7px;
}

#slide{
	position:absolute;
	bottom:0px;
	margin-left:3px;
	border-radius:7px;
}

#contacte{
	color:#5383ea;
	margin-left:5px;
	font-size:12px;
	transform: rotate(-0.2deg);
	position:absolute;
	bottom:1px;
}

#contenidoPag{
	margin:150px 30px 0 0;
	width:560px;
	height:490px;
	float:right;
	transform: rotate(1.8deg);
	z-index:2000;
}

nav .ft-title{
	width:0px;
	min-width:0px;	
}

#contenidoPag p, #contenidoPag li{
	color:#5383ea;
	font-size:17px;
}

#contenidoPag h3{
	color:#5383ea;
}

#contenedor #contenido header nav ul #p_sub #subMenu{
	position:absolute;
	padding:0 0 0 10px;
	margin:-50px 0 0 140px;
	font-size:15px;
	width:0;
	min-width:0;
	min-height:100px;
	height:100px;
	overflow:hidden;
	color:#31367d;
	
	-moz-transition-duration: 0.9s;
	-webkit-transition-duration: 0.9s;
	-o-transition-duration: 0.9s;
	-ms-transition-duration: 0.9s;
	transition-duration: 0.9s;
	-webkit-transition-property: min-width;
	-ms-transition-property: min-width;
	-o-transition-property: min-width;
	-moz-transition-property: min-width;
	transition-property: min-width;
	z-index:100;
	
	/*border-left-width:1px;
	border-left-color:#5383ea;
	border-left-style:solid;*/
}

#contenedor #contenido header nav ul #p_sub:hover #subMenu{
	min-width:185px;
	border-left-width:1px;
	border-left-color:#5383ea;
	border-left-style:solid;
	-moz-transition-duration: 0.9s;
	-webkit-transition-duration: 0.9s;
	-o-transition-duration: 0.9s;
	-ms-transition-duration: 0.9s;
	transition-duration: 0.9s;
	-webkit-transition-property: min-width;
	-ms-transition-property: min-width;
	-o-transition-property: min-width;
	-moz-transition-property: min-width;
	transition-property: min-width;
}

#contenedor #contenido header nav ul li #subMenu li{
	margin:0;
	width:185px;
	display:block;
	position:relative;
	vertical-align:text-top;
}

#contenedor #contenido #contenidoPag p{
	text-align:justify;	
}

#contenedor #contenido header nav ul a:link, #contenedor #contenido header nav ul a:visited{
	color:#31367d;
	text-decoration:none;
}

#contenedor #contenido header nav ul .pagActual a:link, #contenedor #contenido header nav ul .pagActual a:visited{
	color:#5383ea;
	list-style-type:circle;	
}

#contenedor #contenido header nav ul li #subMenu a:link, #contenedor #contenido header nav ul li #subMenu a:visited{
	color:#31367d;
}

#contenedor #contenido header nav ul li #subMenu .pagActual a:link, #contenedor #contenido header nav ul li #subMenu .pagActual a:visited{
	color:#5383ea;
}

.imgSuperiorDerecha {
	float:right;
	margin:0 25px 0 20px;	
}

#contenidoPag #profes1 li:nth-child(even), #contenidoPag #profes2 li:nth-child(even) {
	color:#5383ea;
	cursor:default;
}

#contenidoPag #profes1 li:nth-child(odd), #contenidoPag #profes2 li:nth-child(odd) {
	color:#929292;
	cursor:default;
}
	
#imgProf1 {
	margin:35px 0 0 0;
	width:125px;
	height:145px;
	position:absolute;
	float:right;
	right:20px;
}
/* ######################################################################### */
/* ############################# PROFESIONALES ############################### */

#profes1 ul, #profes2 ul{
	list-style-type:none;	
}

/* ######################################################################### */
/* #############################  ################################## */

/* ######################################################################### */
/* #############################  ##################################### */

/* ######################################################################### */
/* #############################  ################################# */

/* ######################################################################### */
/* ############################# CONTACTO ################################## */

#map {
	width:570px;
	height:225px;	
}

h2 {
	margin:10px 0 0 0;
	padding:0;	
}

#clinica1, #clinica2{
	width:48%;
	margin:0 10px 0 0;
	position:relative;
	float:left;
}

#clinicas{
	height:250px;
	margin:0 0 10px 0;
	border-bottom-style:dashed;
	border-bottom-color:#9FF;
	border-bottom-width:5px;
}

#form{
	cursor:pointer;	
}

#fancyFormulario{
	margin:0 auto;
	width:490px;
	height:450px;	
}

#formBody{
	background:none
}

input[type="text"]{
	width:490px;
	height:25px;
	margin:5px auto;
	border-radius:4px;
	background-color:#f2f2f3;
}

#telefono {
	width:48%;
	height:25px;
	margin:5px 0;
	border-radius:4px;
	float:right;
	background-color:#f2f2f3;
}

#email {
	width:48%;
	height:25px;
	margin:5px 5px 0 0;
	border-radius:4px;
	float:left;
	background-color:#f2f2f3
}

#infoCode{
	font-size:12px;	
}

#asunto{
	margin:5px 0 0 0;
	width:490px;
	height:135px;
	border-radius:4px;
	background-color:#f2f2f3;
	margin:0 auto;
}

#fancyFormulario select{
	width:490px;
	height:25px;
	margin:5px auto;
	border-radius:4px;
	background-color:#f2f2f3;
}

#fancyFormulario #delete{
	width:31px;
	float:right;
	height:31px;
	background-image:url(../imagenes/btnDelete.jpg);
}

#fancyFormulario #submit{
	float:right;
	width:75;
	margin:0 0 0 10px;
	height:31px;
	color:#FFF;
	background-color:#ababab;
	position:relative;
}


/* ######################################################################### */
/* ############################# EXTRAS #################################### */

#fancyFormulario .captcha_input{
	margin:0;
	width:110px;
	background-color:#f2f2f3;
}

.bloque_centrado{
	position:relative;
	width:1024px;
	min-width:1024px;
	margin:0 auto;
	padding:0;
}

.clearfloat{
	clear:both;
	line-height:1px;
	margin:0;
	padding:0;
}

/* ######################################################################### */
/* ############################# FONTS ##################################### */	
@font-face {
	font-family: 'corbel';
	src: url('../fonts/corbel.ttf');
	src: url('../fonts/corbel.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/corbel.woff') format('woff');
	font-style:normal;
	font-weight:normal;
}