@charset "utf-8";

/* CSS Document */



 /* Para resetear los estilos de los navegadores */

						  

* {  

	margin:0;

	padding:0;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

fieldset,img { 

	border:0;

}

address,caption,cite,code,dfn,em,th,var {

	font-style:normal;

	font-weight:normal;

}

ol,ul {

	list-style:none;

}

caption,th {

	text-align:left;

}

h1,h2,h3,h4,h5,h6 {

	font-size:100%;

	font-weight:normal;

	line-height: normal;

}

q:before,q:after {

	content:'';

}

abbr,acronym { 

	border:0;

}

p {

	font-size: 12px;

}

em {

	font-style: italic;

}

a {

    outline: 0;

}





                          /* Etiquetas generales HTML */

						  

html {

	background-color: #3C84BF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

}



body {

	width: 1050px;

	margin-left:auto;

	margin-right:auto;

}



h1 {

	font-size: 20px;

	color: #2166A5;

	font-weight: bold;

	padding-bottom: 5px;

}

h2 {

	font-size: 20px;

	color: #000;

	font-weight: lighter;

	padding-bottom: 5px;

}



													/*MAQUETACION*/

#ContenedorGrande {

	width: 1000px;

	float:left;

	background-color: #FFFFFF;

	clear: both;

}



#ContenedorSecciones {

	width: 1000px;

	float:left;

	clear: both;

	margin-bottom: 5px;

	margin-top: 8px;

	margin-left: 5px;

	margin-right: 5px;

}

	

#cabezote {

	width: 1000px;

	height: 143px;

	float:left;

	text-align: center;

	background-color: #0066FF;

	border: thin solid #999999;

	margin-bottom: 10px;

}





									/*menu2*/

#menu2 {

	width: 218px;

	float:left;

	margin-bottom: 10px;

	margin-right: 12px;

	margin-left: 5px;

	background-image: url(../imagenes/home/fondo_menu2.gif);

	background-repeat: no-repeat;

}



#menu2 ul {

	width: 220px;

	float: left;



	}

#menu2 li {

	padding-bottom: 6px;

	padding-top: 6px;

	padding-left: 10px;

	font-size: 13px;

	font-weight: bold;

	margin-bottom: 1px;

	}

#menu2 a{

	font-size: 13px;

	font-weight: bold;

	color: #FFF;

	text-decoration: none;

}

#menu2 a:hover{

	color: #CCCCCC;

	text-decoration:none;

}

		

		

									/*lateralDerecha*/

#lateralDerecha{

	width: 214px;

	float: left;

	text-align: center;

	border: thin solid #CCC;

	}

	

#lateralDerecha img{

	padding-top: 10px;

	padding-bottom: 10px;	

}	

#lateralDerecha h1{

	background-color:#CCC;

	padding-top: 5px;

	padding-bottom: 5px;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

}

#lateralDerecha p{

	text-align: justify;

	padding-right: 15px;

	padding-left: 15px;

	font-weight: bold;

	font-size: 11px;

}

#lateralDerecha a{

	color: #0066FF;

	font-weight: bold;

	text-decoration: none;

}

#lateralDerecha a:hover{

	color: #999999;

	font-weight: bold;

	text-decoration: none;

}



									/*Contenido*/

#Contenido {

	width: 529px;

	float: left;

	margin-left:15px;

	margin-right: 15px;

	text-align:justify;

	border: thin solid #CCCCCC;

	}

#Contenido p {

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 8px;

}

#Contenido img.sust{

	width: 160px;

	height: 80px;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

}

#Contenido h1 {

	background-color: #BFBFFB;

}

span.azul {

	color: #0066FF;

	font-weight: bold;

}

span.azul2 {

	color: #0066FF;

	font-weight: bold;

	font-size: 18px;

}

								/*Contenido2*/

#Contenido2 {

	width: 735px;

	float: left;

	margin-left:15px;

	text-align:justify;

	border: thin solid #CCCCCC;

}



#Contenido2_banner {

	width: 735px;

	float: left;

	height: 130px;

}

#contenido_imagenes{

	width: 600px;

	height: 150px;

	margin-left: 75px;

	margin-top: 10px;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

}

#Contenido2 p {

	padding-right: 15px;

	padding-left: 15px;

	padding-top: 8px;

}

#Contenido2 h1 {

	background-color: #BFBFFB;

}

#Contenido2 h2 {

	color: #0033FF;

	font-size: 16px;

	font-weight: bold;

	padding-left: 15px;

	line-height: 10px;

}

.foto {

	width: 250px;

	height: 150px;

	float: left;

	margin-top: 10px;

	margin-right: 15px;

	margin-left: 15px;

	margin-bottom: 8px;

}

.foto2 {

	width: 180px;

	height: 183px;

	float: left;

	margin-top: 10px;

	margin-right: 15px;

	margin-left: 15px;

	margin-bottom: 8px;

}

.foto3 {

	width: 140px;

	height: 140px;

	float: left;

	margin-top: 10px;

	margin-right: 15px;

	margin-left: 15px;

	margin-bottom: 8px;

}

.foto4 {

	width: 140px;

	height: 144px;

	float: left;

	margin-top: 10px;

	margin-right: 15px;

	margin-left: 15px;

	margin-bottom: 8px;

}



.otras {

	float: left;

	width: 299px;

	margin-top: 10px;

	margin-right: 15px;

	margin-left: 15px;

	margin-bottom: 8px;

}



#Contenido2 li {

	font-size: 12px;

	padding-bottom: 8px;

	margin-left: 40px;

}

ul.frecuentes {

	width: 455px;

	float: left;

	margin-top: 10px;

	text-align: left;

	clear:right;

}

ul.cirujanos {

	width: 450px;

	display:block;

	margin-top: 10px;

	margin-left: 230px;

	text-align: left;

}

a.regresar {

	color: #0066CC;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	padding-left: 15px;

}

a.regresar:hover {

	color: #666;

}

#Contenido2 table{

	width: 380px;

	border: medium solid #DDE5EE;

	margin-top: 23px;

	margin-left: 10px;

	text-align: center;

}

#Contenido2 table p{

	color: #285A90;

}

#Contenido2 tr.blue{

	background-color: #DDE5EE;

}

#Contenido2 td.blue1{

	border-right-width: medium;

	border-right-style: solid;

	border-right-color: #DDE5EE;

}

#Contenido2 table.imc{

	width: 380px;

	margin-top: 15px;

	margin-left: 10px;

	background-color: #DDE5EE;

}

#Contenido2 table.imc p{

	color: #285A90;

	padding-bottom: 5px;

}

#mapa {

	width: 700px;

	height: 350px;

	border: thin solid #003399;

	margin-left: 15px;

	margin-bottom: 20px;

}

#animacion {

	width: 500px;

	height: 350px;

	margin-left: 110px;

	margin-top: 20px;

	margin-bottom: 20px;

}



									/*Contenido3*/

#Contenido3 {

	width: 760px;

	float: left;

	margin-top: 10px;

	text-align:justify;

	border: thin solid #CCCCCC;

	}

#Contenido3 p {

	padding-right: 15px;

	padding-left: 15px;

	padding-top: 8px;

}



#Contenido3 h1 {

	background-color: #BFBFFB;

}



#Contenido3 li {

	font-size: 12px;

	padding-bottom: 8px;

	margin-left: 40px;

}

								/*contenido4*/

#Contenido4 {

	width: 500px;

	float: left;

	margin-left:15px;

	margin-right: 15px;

	border: thin solid #CCCCCC;

}

#Contenido4 h1 {

	background-color: #BFBFFB;

}

#formulario {

	width: 480px;

}

#formulario table.form {

	width: 480px;

	margin-top: 15px;

	margin-left: 10px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	text-align: left;	

}

#formulario .nom {

	width: 150px;

	height: 35px;

	padding-right: 15px;

	text-align: right;

}

#formulario .grande {

	padding-bottom: 15px;

}

#formulario .text {

	width: 180px;

}

#formulario .sel {

	width: 182px;

}

#formulario .txt {

	width: 280px;

}

#logo {

	width: 250px;

	float: right;

	border: thin solid #003366;	

}	



									/*contenido5*/

#Contenido5 {

	width: 735px;

	float: left;

	margin-left:10px;

	text-align:justify;

	border: thin solid #CCCCCC;

}



#cabezote_superior{

	background-color: #4F81BD;

	height: 200px;

	width: 735px;

	margin-bottom: 20px;

}



#boton_contacto{

	background-color: #4F81BD;

	height: 63px;

	width: 267px;

	float:left;

	margin-top: 120px;

	margin-left: 30px;

	background-image: url(../imagenes/extranjeros/boton_contacto.jpg);

}



#contenido5_izq {

	height: 180px;

	width: 390px;

	margin-top: 20px;

	margin-right: 20px;

	margin-left: 20px;

	float:left

}



#Contenido5 h1 {

	color: #CCC;

	font-size: 22px;

	text-align: center;

}



#Contenido5 h2 {

	color: #000;

	font-size: 16px;

	text-align: justify;

	margin-top: 10px;

	margin-right: 20px;

	margin-left: 20px;

	font-family: Calibri;

	font-weight: bold;

	font-style: oblique;

}





#img_extranjeros {

	margin-top: 20px;

	margin-left: 50px;

	background-image: url(../imagenes/extranjeros/fondo_cirugia.jpg);

	background-repeat: no-repeat;

	height: 372px;

	width: 289px;

	float:left;

}





#texto_final {

	height: auto;

	width: 735px;

	margin-bottom: 10px;

	float:left

}



p.boton {

	color: #000;

	font-size: 12px;

	text-align: center;

	margin-top: 10px;

	margin-right: 5px;

	margin-bottom: 5px;

	margin-left: 5px;

}



p.contenido5 {

	color: #000;

	font-size: 14px;

	text-align: justify;

	margin-right: 30px;

	margin-bottom: 5px;

	margin-left: 30px;

}



p.titulo {

	color: #000;

	font-size: 14px;

	text-align: center;

	margin-right: 10px;

	margin-left: 10px;

	margin-top: 15px;

	font-weight: bold;

}



p.texto {

	color: #000;

	font-size: 12px;

	text-align: justify;

	margin-right: 20px;

	margin-left: 20px;

	margin-top: 15px;

	line-height: 20px;

}



									/*video*/

									

#video {

	width: 300px;

	height: 247px;

	margin-right: 114px;

	margin-left: 114px;	

	margin-top:10px;

	margin-bottom: 10px;

	}	

	

#video2 {

	width: 210px;

	height: 200px;

	margin-left: 38px;

	margin-top:10px;

	margin-bottom: 10px;

	float: left;	

	}	

	

#video3 {

	width: 320px;

	height: 265px;

	margin-left: 195px;

	margin-top:10px;

	margin-bottom: 10px;

	}



#banner_sil{

	width: 440px;

	height: 345px;

	margin-left: 40px;

	margin-top:10px;

	margin-bottom: 10px;

	}



#video4 {

	width: 210px;

	height: 200px;

	margin-left: 100px;

	margin-top:10px;

	margin-bottom: 10px;

	float: left;	

	}	

	

#video5 {

	width: 310px;

	height: 220px;

	margin-left: 200px;

	margin-top:10px;

	margin-bottom: 10px;

	float: left;	

	}	

#video6 {

	width: 205px;

	height: 205px;

	margin-left: 40px;

	margin-top:10px;

	margin-bottom: 30px;

	float: left;	

	}		

	

									/*lateralIzquierda*/

#lateralIzquierda{

	width: 214px;

	float: left;

	text-align: center;

	border: thin solid #CCC;

	}

	

#lateralIzquierda img{

	padding-top: 10px;

	padding-bottom: 10px;	

}	

#lateralIzquierda h1{

	background-color:#CCC;

	padding-top: 5px;

	padding-bottom: 5px;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

}

#lateralIzquierda a{

	color: #0066FF;

	font-weight: bold;

	text-decoration: none;

}

#lateralIzquierda a:hover{

	color: #999;

	font-weight: bold;

	text-decoration: none;

}

.video { 

	width: 200px;

	height: 163px;

	margin-left: 5px;

	margin-bottom: 25px;

	border: thin solid #666666;

}



									/*copy*/

#copy {

	width: 1000px;

	height: 110px;

	background-color: #0066FF;

	border: thin solid #999;

	clear: both;

}



#copy h2 {

	font-size: 15px;

	font-weight: bold;

	text-align: center;

	color: #CCCCCC;

	margin-top: 5px;

	margin-bottom: 10px;

}

#copy a {

	font-size: 13px;

	color: #FFF;

	text-decoration: none;	

}

#copy a:hover {

	font-size: 13px;

	color: #CCC;

	text-decoration: none;

}

#copy p {

	color: #FFF;

	text-align: left;

	float: left;

	width: 400px;

	margin-left: 40px;

}

#copy p.menucopy{

	width: 450px;

	float: right;

	text-align: right;

	font-weight: bold;

	margin-right: 60px;

}



					/*creditos*/

#creditos {

	width: 1000px;

	height: 45px;

	float:left;

	margin-top: 5px;

	margin-bottom: 5px;

}					

#creditos a {

	color: #FFF;

	text-decoration:underline;

	font-weight: bold;

}

.optimized {

	color: #FFF;

	float: left;

	margin-left: 250px;

	padding-top: 12px;

}

img.logo {

	width: 40px;

	height: 38px;

	float: right;

	margin-right: 255px;

}

								


