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

body, html {
	margin: 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	background-image:url(../images/bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#1b1b1b;
}
#principal{
	width:758px;
	margin:0px auto;
}
/* INDEX */
#index #encabezado{
	margin:0px 0px 10px 0px;
	padding:0px;
	width:758px;
	height:423px;
}
#index .izquierda{
	width:507px;
	float:left;
	height:194px;
	background-image:url(../images/index_bg_izq.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#index .izquierda h1{
	margin:0px;
	padding:7px 0px 20px 27px;
	font-size:18px;
}
#index .izquierda p{
	margin:0px;
	padding:0px 27px 0px 27px;
	text-align:justify;
	font-size:14px;
	line-height:28px;
}
#index .derecha{
	margin:0px;
	padding:0px;
	width:240px;
	float:right;
	height:220px;
	background-image:url(../images/index_bg_der.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#index .derecha h1{
	margin:0px;
	padding:7px 120px 0px 10px;
}
#index .derecha h1 a{
	padding:0px;
	margin:0px;
	font-size:18px;
	line-height:25px;
	color:#FFF;
	text-decoration:none;
}
#index .derecha h1 a:hover{
	color:#00ffff;
}
/* fin INDEX */
/* STAFF MEDICO */
#staff, #practicas_medicas, #edificio, #cirugias_online, #estudios, #contacto{
	width:624px;
	padding:0px;
	background-color:#333333;
	float:right;
	background-image:url(../images/staff_der.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#staff_fin, #practicas_medicas_fin, #edificio_fin, #cirugias_online_fin, #estudios_fin, #contacto_fin{
	margin:0px;
	padding:0px;
	width:758px;
	height:5px;
	background-image:url(../images/staff_bg.jpg);
	background-repeat:no-repeat;
	float:left;
}
#staff h1, #practicas_medicas h1, #edificio h1, #cirugias_online h1, #estudios h1, #contacto h1{
	width:604px;
	height:52px;
	margin:0px;
	padding:12px 0px 0px 20px;
	font-size:18px;
	font-weight:bold;
	color:#1c1c1c;
	background:none;
	background-image:url(../images/h1_bg.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
#staff #fin_h1, #practicas_medicas #fin_h1, #edificio #fin_h1, #cirugias_online #fin_h1, #estudios #fin_h1, #contacto #fin_h1{
	position:relative;
	top:-64px;
	left:624px;
	width:21px;
	height:64px;
	background-image:url(../images/h1_fin.jpg);
}
#staff .izquierda, #staff .derecha, #practicas_medicas .izquierda, #practicas_medicas .derecha{
	margin:-64px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	width:292px;
	float:left;
}

#contacto .izquierda {
	margin:-64px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	width:180px;
	float:left
}
#contacto .derecha {
	margin:-64px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	width:400px;
	float:right
}	

#staff .derecha, {
	width:292px;
	float:right;
}
#staff h2, #practicas_medicas h2, #edificio h2, #cirugias_online h2, #estudios h2{
	font-size:12px;
	margin:5px 0px 5px 0px;
	padding:8px 8px 3px 8px;
	color:#fff;
	background-color:#1b1b1b;
	border:#003333 solid 1px;
}
/*ul{
	margin:0px;
	padding:8px 0px 8px 19px;
	font-size:11px;
	background-image:url(../images/bullet_01.jpg);
	background-repeat:no-repeat;
	background-position:7px 11px;
}*/
ul{
	margin:0px;
	padding:5px 0px 5px 19px;
	font-size:11px;
}
li{
	margin:0px;
	padding:0px 0px 5px 30px;
	list-style:none;
	background-image:url(../images/bullet_02.jpg);
	background-position:15px 5px;
	background-repeat:no-repeat;
}
.lista{
	font-size:11px;
	margin:0px;
	padding:5px 0px 5px 20px;
	background-image:url(../images/bullet_01.jpg);
	background-repeat:no-repeat;
	background-position:7px 8px;
}
/* fin STAFF MEDICO */
/* PRACTICAS MEDICAS */
#practicas_medicas, #edificio, #cirugias_online, #estudios, #contacto{
	background-image:none;
}
#practicas_medicas_fin, #edificio_fin, #cirugias_online_fin, #estudios_fin, #contacto_fin{
	background-image:url(../images/practicas_bg.jpg);
}
#practicas_medicas h2{
	/*background-image:url(../images/h2_bg_practicas.jpg);
	background-position:right;
	background-repeat:no-repeat;*/
}
/* fin PRACTICAS MEDICAS */
/* EDIFICIO */
#edificio #contenido{
	margin:-64px 0px -10px 0px;
	padding:0px 0px 0px 10px;
	width:604px;
	height:auto;
	/*height:350px;*/
	/*background-image:url(../images/edificio_bg.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;*/
}
/* fin EDIFICIO */
/* CIRUGIAS ONLINE */
#cirugias_online #contenido, #estudios #contenido{
	margin:-64px 0px 0px 0px;
	padding:0px 10px 0px 10px;
}
#cirugias_online table, #edificio table{
	margin:10px 0px 10px 0px;
	background-color:#111;
}
#cirugias_online table tr, #edificio table tr{
	text-align:center;
	background-color:#366;
}
/* fin CIRUGIAS ONLINE */
/* flash */
#menu{
	width:100%;
	height:99px;
}
#menu h4, #menu p, #menu p img, #encabezado h4, #encabezado p, #encabezado p img{
	text-align:center;
	font-size:12px;
	color:#00FFFA;
	border:none;
}
/* VIEWER */
#recuadro{
	position:fixed;
	top:50%;
	left:50%;
	margin:-30px 0px 0px -30px;
	background-color:#336666;
	background-image:url(../images/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
}
#recuadro .titulo, #recuadro .cerrar{
	position:absolute;
	top:-30px;
	left:0px;
	font-size:9px;
	font-weight:bold;
	width:100%;
	height:30px;
	background:#333;
}
#recuadro .cerrar{
	font-weight:bold;
	padding:3px 0px 0px 0px;
	height:17px;
	text-align:right;
}
#recuadro .cerrar a{
	color:#000000;
	text-decoration:none;
}
#recuadro_pie{
	position:absolute;
	bottom:-30px;
	left:0px;
	font-size:10px;
	font-weight:bold;
	width:100%;
	height:25px;
	background:#333;
	text-align:center;
	padding:5px 0px 0px 0px;
}
#recuadro_pie a{
	color:#FFF;
	text-decoration:none;
}
#recuadro_pie a:hover{
	color:#F90;
}
/* fin VIEWER */
/* fin flash */
#logo{
	width:134px;
	height:180px;
	float:left;
}
#pie{
	text-align:center;
	margin:0px;
	padding:10px 0px 10px 0px;
}
#pie p{
	font-size:10px;
}
#pie a{
	color:#FFF;
	text-decoration:none;
}
#pie a:hover{
	color:#00ffff;
	text-decoration:underline;
}
/* formulario */
form{
	font-size:10px;
}
input, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	background:#666;
	border:#FFF solid 1px;
	width:200px;
}
input[type="submit"]{
	width:100px;
	background:#999;
}
.error{
	font-size:10px;
	color:#fff;
	background:#700;
	padding:5px;
}