@charset "utf-8";
/* Autor:Enrique Ricaldi */
header,nav,section,article,aside,footer,figure{
	display:block;
}
.limpiar{
	clear:both; /*siempre estar hay porque limpia los efectos flotantes*/
	}
a img{
	border:none;  /*para que borre los bordes en explorer*/
	}
body{
	margin:0;
	padding:0;
	background:#FFFFFF url(../imagenes/fondo.jpg) repeat-x center top;
	
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:6px;
}
h1{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	margin:6px;
}
h2{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	margin:6px;
}	

ul{
	margin:0;
	padding:0;
	list-style:none;
	
	}
/*----- MAQUETACION WEB -----*/

#contenedor{ /* # Representa al id*/
	width:1000px;
	margin:0 auto;
	padding:0; 
}

/* ----  CABECERA -----*/

#cabecera{
	width:1000px;
	height:196px;
	position:relative;
	background:url(../imagenes/p-cabecera.png) no-repeat bottom left;
}
#cabecera a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;	
}
#cabecera a:hover{
	color:#FF0000;
}

#logo{
	width:304px;
	height:80px;
	float:left;
	margin:30px 0 0 30px; /* sup top | der right | inf bottom | izq left */
	}

/*------ Menu Principal ------*/

#menu{
	width:625px;	
	margin:0 auto;	
	float:right;
	margin-top:48px;
}


#contenedor-menu ul{
	margin:0;
	padding:0;
	list-style:none;
	
}
#contenedor-menu li a{
	width:120px;
	height:147px;
	display:block;
	float:left;
	margin-right:5px;
	text-indent:-8000px;
	transition: margin-top 0.2s;
	-moz-transition: margin-top 0.2s;
	-o-transition: margin-top 0.2s;
	-webkit-transition: margin-top 0.2s;
	-ms-transition: margin-top 0.2s;
}
#contenedor-menu li a.inicio{
	background:url(../imagenes/inicio.png);
}
#contenedor-menu li a.nosotros{
	background:url(../imagenes/nosotros.png);
}
#contenedor-menu li a.equipo{
	background:url(../imagenes/equipo-profesional.png);
}
#contenedor-menu li a.especialidades{
	background:url(../imagenes/especialidades.png);
}
#contenedor-menu li a.contacto{
	background:url(../imagenes/contacto.png)
}

#contenedor-menu li a:hover{
	background-position:-120px;
	margin-top:-20px;
	
	
}


#izquierda{
	width:200px;
	height:700px;
	background:#f07901 url(../imagenes/nuestras-especialidades.jpg) top no-repeat;
	display:block;
	float:left;
	}
	
#menu-inferior{
	margin: 0;
	padding: 0;
	list-style: none;

}

#menu-inferior li a{
	width:170px;
	height:22px;
	display:block;	
	background:#f07901 url(../imagenes/vineta.jpg) left  center no-repeat;
	font-family:"Swis721CnBT", Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	padding-left:30px;
	padding-top:8px;
	text-decoration:none;
	border-bottom:#e29c21 solid 1px;

	}
#menu-inferior li a:hover{
	background:#ffd405 url(../imagenes/vineta-h.jpg) left no-repeat;
	color:#d67819;
	}


#derecha{
	width:180px;
	height:660px;
	background:#9cc401 url(../imagenes/f-verde.jpg) top repeat-x;
	display:block;
	float:right;
	margin-top:0px;
	padding:40px 10px 20px 10px; /* sup top | der right | inf bottom | izq left */
	text-align:center;
	}

#contenido{
	
	width:560px;
	background:#FFF;
	float:left;
	display:block;
	margin:20px 0 0 20px;
	animation:animarcuerpo 2s;
	-moz-animation:animarcuerpo 2s;
	-ms-animation:animarcuerpo 2s;
	-o-animation:animarcuerpo 2s;
	-webkit-animation:animarcuerpo 2s;
	
	
	
	}

/*---pie pagina---*/
#piepagina{
	width:970px;
	padding:15px;
	margin:0 auto;
	background:#64a0b6;
	float:left;
	margin-top:10px;
	
}
#piepagina p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0 auto;
	font-weight:normal;
	text-align:center;
}


.qolqa{
	width:200px;
	padding:0;
	margin:0;
	text-align:center;
	
	}
	
.qolqa a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #98d1e6;
	text-decoration:none;
	}
	
.qolqa a:hover {
	color:#87bed2;
}
.menupie{
	padding:0;
	margin:0 auto;
	text-align:center;

}
.menupie a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding-right:5px;
	margin-left:5px;
	font-weight:normal;

}
.menupie a:hover{
	color:#395a8f;
}

#slide{
	margin:0px auto;
	max-width:560px;
	height:306px;
	margin-bottom:40px;	
	display:block;
	}
	
#amazingslider-1{
	display:block;
	position:relative;
	margin:0px auto 0px;	
	border:#E8E8E8 solid 1px;
	}
	
.amazingslider-slides{
	display:none;	
	}

/*--- Tipografia ---*/
@font-face{
	font-family:"Swis721CnBT";
	src:url(../tipografia/Swis721CnBT.ttf);
	src:url(../tipografia/Swis721CnBT.eot#iefix)format("embedded-opentype"),
	url(../tipografia/Swis721CnBT.woff)format("woff"),
	url(../tipografia/Swis721CnBT.eot)format("truetype"),
	url(../tipografia/Swis721CnBT.svg)format("svg");
	font-weight:normal;
	font-style:normal;
}
	
#bienvenido{
	width:340px;
	background:#FFF;
	display:block;
	float:left;
	margin-right:20px;
	
	
	}
#bienvenido h1{
	color:#d67819;
	font-family:"Swis721CnBT", Helvetica, sans-serif;
	font-size:27px;
	}	
#bienvenido h2{
	color:#395a8f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	}	
	
#bienvenido p{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}		
	
#noticias{
	width:180px;
	background:#d03c72;
	display:block;
	float:left;
	padding:5px 10px 5px 10px;
		
	}
#noticias h1{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	}	
#noticias h2{
	color:#fbabc8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	}	
#noticias p{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-stretch:normal;
	}	

#contenido-interior{
	width:560px;
	background:#FFF;
	float:left;
	}

#contenido-interior h1{
	color:#d67819;
	font-family:"Swis721CnBT", Helvetica, sans-serif;
	font-size:27px;
	}	
#contenido-interior h2{
	color:#395a8f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	}	
	
#contenido-interior p{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}		


#contenido-especialidades{
	width:560px;
	background:#FFF;
	float:left;
	margin:0;
	}

#contenido-especialidades h1{
	color:#d67819;
	font-family:"Swis721CnBT", Helvetica, sans-serif;
	font-size:27px;
	margin:0
	}	
#contenido-especialidades h2{
	color:#395a8f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0;
	}	
	
#contenido-especialidades p{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0;
	}	
#contenido-especialidades ol{
	margin:0;/* sup der inf izq*/
	padding:5px 0 0 20px; /* sup der inf izq*/
	
	}	

#contenido-especialidades li{
	margin:0;	
	padding:0; /* sup der inf izq*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	color:#666666;
	}






#submenuinterno{
	width:560px;
	float:left;
	margin:10px 0 10px 0; /* sup der inf izq*/

	
	}
	
#submenu{
	margin:0;
	list-style:none;
	padding:0;
	float:rigth;

	
	}
#submenu li a{	
	padding:10px;
	display:block;
	background:#38a1b8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;	
	text-decoration:none;
	border-left:#FFFFFF solid 1px;
	float:left;
	text-align:center;
	letter-spacing:1px;
	margin:0;
	}
#submenu li a:hover, #submenu li a#activo{	
	color:#FFFFFF;
	background:#9cc400;	
}

#equipo{
	margin:0;
	list-style:none;
	padding:0;
	float:rigth;
	}
#equipo li a{
	width:169px;
	padding:8px 8px;
	display:block;
	background:#38a1b8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;	
	text-decoration:none;
	border-left:#FFFFFF solid 1px;
	float:left;
	text-align:center;
	letter-spacing:1px;
	}
#equipo2{
	margin:0;
	list-style:none;
	padding:0;
	float:rigth;
	}
#equipo2 li a{
	width:169px;
	height:28px;
	padding:8px 8px;
	display:block;
	background:#c6d3d9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;	
	text-decoration:none;
	border-left:#FFFFFF solid 1px;
	float:left;
	text-align:left;
	letter-spacing:1px;
	margin-bottom:1px;
	
	}
#equipo2 li a:hover{
	background:#38a1b8;
	color:#FFF;
	
	}
#equipo3{
	margin:0;
	list-style:none;
	padding:0;
	float:rigth;
	}
#equipo3 li a{
	width:169px;
	height:42px;
	padding:8px 8px;
	display:block;
	background:#c6d3d9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;	
	text-decoration:none;
	border-left:#FFFFFF solid 1px;
	float:left;
	text-align:left;
	letter-spacing:1px;
	margin-bottom:1px;
	
	}
#equipo3 li a:hover{
	background:#38a1b8;
	color:#FFF;
	
	}


#especialidades{
	margin:0;
	list-style:none;
	padding:0;
	float:rigth;
	}
#especialidades li a{
	width:257px;
	height:32px;
	padding:25px 10px 10px 10px; /* sup top | der right | inf bottom | izq left */
	display:block;
	background:#FFFFFF url(../imagenes/especialidades.jpg) no-repeat;
	font-family:"Swis721CnBT", Helvetica, sans-serif;
	font-size:15px;
	color:#666666;	
	text-decoration:none;
	border-left:#FFFFFF solid 2px;
	float:left;
	text-align:left;
	letter-spacing:1px;
	margin-bottom:2px;
}
#especialidades li a:hover{
	background:#38a1b8 url(../imagenes/especialidades-hover.jpg) no-repeat;
	color:#FFF;
	
	}


#profesionales{
	width:256px;
	margin:0;
	list-style:none;
	padding:0;
	float:left;
	background:#C6D3D9;
	padding:10px; /* sup top | der right | inf bottom | izq left */
	font-family:"Swis721CnBT", Helvetica, sans-serif;
	color:#FFFFFF;
	margin-right:4px;
	margin-bottom:4px;
	
	
	}
#profesionales p{
	font-family:"Swis721CnBT", Helvetica, sans-serif;
	color:#666666;
	font-size:15px;
	
	}
.cargo{
	font-family:"Swis721CnBT", Helvetica, sans-serif;
	color:#FF6600;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	
	
	}	
	
#profesionales li a{
	width:70px;
	padding:5px; /* sup top | der right | inf bottom | izq left */
	margin-top:10px;
	display:block;
	background:#FF9900;
	font-family:"Swis721CnBT", Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;	
	text-decoration:none;
	border:#FFFFFF solid 1px;
	text-align:center;
	letter-spacing:1px;
	margin-bottom:2px;
}
#profesionales li a:hover{
	background:#38a1b8;
	color:#FFF;
	
	}

#doctor{
	width:90px;
	margin-left:15px;	
	margin-bottom:20px;
	float:right;
	
	}
#doctor2{
	width:180px;
	margin-left:20px;	
	margin-bottom:20px;
	float:right;
	
	}

/*-----------CUERPO ANIMADO -------------*/


@keyframes animarcuerpo{
	from{opacity:0;}
	to{opacity:1;}
	}
@-moz-keyframes animarcuerpo{
	from{opacity:0;}
	to{opacity:1;}
	}
@-o-keyframes animarcuerpo{
	from{opacity:0;}
	to{opacity:1;}
	}
@-ms-keyframes animarcuerpo{
	from{opacity:0;}
	to{opacity:1;}
	}
@-webkit-keyframes animarcuerpo{
	from{opacity:0;}
	to{opacity:1;}
	}
/* --------- FORM ---------*/

.contact_form h2 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #5CD053;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 433px;
}
/*--- estilos para los ul y li del formulario ---*/
.contact_form ul {
    width:550px;
    list-style-type:none;
	margin:0px;
	padding:0px;
}
.contact_form li{
	padding:10px; 
	/* border-bottom:1px solid #eee;  */
	position:relative;
	height:40px;
	
} 
.contact_form label {
    color: #666666;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-top:3px;
    padding: 2px;
    width: 190px;
}
.contact_form input {
	height:15px; 
	width:300px; 
	padding:5px 8px;
	color: #666666;

}
.contact_form textarea {
	padding:8px; 
	width:300px;
}
.contact_form button {
	margin-left:90px;
}

/*----- estilos visuales de los elementos --------*/

/*.contact_form input, .contact_form textarea { 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	padding-right:80px;
}
----*/
/* === Estilos de Validacion === */	

.contact_form input:required:valid, .contact_form textarea:required:valid {
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Estilos del boton de Envio === */
button.submit {
   padding: 9px 17px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   margin-left:220px;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
	opacity:.55;
	cursor: pointer; 
	color:#000;
}
button.submit:active {
	border: 1px solid #222;
	box-shadow: 0 0 10px 5px #444 inset; 
}