@import url(header.css); 
@import url(footer.css); 

body {
    	font: 125% Tahoma,Verdana, Arial, Helvetica, sans-serif;
		background:url(../img/bg_azul_vertical.jpg) top center repeat-x #fff;
    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
    	color:#666666;
    }

    #container
    {
    	width: 960px;  /* este ancho creará un contenedor que cabrá en una ventana de navegador 800px si el texto se deja con los tamaños de fuente predeterminados del navegador */
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: left; /* esto anula text-align: center en el elemento body. */
		font-size:0.5em;
    	
    }
	.contenido
	{
		width:100%;
    	background: #FFFFFF;	
    	min-height:400px;	
	}
	.leftSide
	{
	    float:left;
	    width:175px;
	    height:auto;
	}
	.main
	{
	    margin-left:185px;
	    width:775px;
	}

/* menuprincipal.asp */	
	#menuIzq
	{
		padding-top:10px;
		margin-left:10px;
	}
	#menuIzq li
	{
		vertical-align:middle;
		padding-top:1px;
		padding-bottom:1px;
	}
	#menuIzq a
	{
		color:#888888;
		text-decoration:none;
		letter-spacing:0.01em;
	}
	#menuIzq a:hover
	{
		color:#FF0066;
	}
/* end menuprincipal */		

/* index */
.portada
{
padding-top:15px;
padding-bottom:10px;

}
.video
{
    float:left;
}
.portada .texto
{
    margin-left:460px;
    width:300px;
    line-height:1.7em;
font-size:1.4em;    
}

	.destacadoLeft
	{
		background:url(../img/bg_bocadillo.jpg) left center no-repeat;
		width:385px;
		height:193px;
		float:left;
	}
	.destacadoRight
	{
		background:url(../img/bg_bocadillo.jpg) left center no-repeat;
		width:385px;
		height:193px;
		float:right;
		margin-right:5px;
	}	
	.destacados h4
	{
	    margin:15px 20px 5px 20px;
	    font-size:1.3em;
	}
	.destacados img
	{
		border:#AAAAAA 1px solid;
		float:left;
		width:130px;
		margin:5px 10px 5px 20px;
	}
	.destacados p
	{
		font-size:1.3em;
		color:#4071b3;
		font-family:tahoma;
		margin-right:20px;
		text-align:justify;
		margin-left:20px;
	}
/* end index */	

/* quienes somos*/

ol li
{
    line-height:20px;
    font-size:1.4em;
margin-right:20px;
margin-bottom:15px;
}

.curriculumDoctor
{
    background:url('/img/bg-curriculum-doctores.jpg') top left no-repeat;
    height:500px;
    width:700px;
padding-bottom:20px;

}
.curriculumDoctor h4
{
padding-top:25px;
padding-left:40px;
font-size:1.8em;
padding-bottom:10px;
}
.curriculumDoctor ol li
{
font-size:1.2em;
line-height:14px;
padding-left:50px;
padding-right:20px;
}
	#menuQuienesSomos
	{
		margin:0px;
		text-decoration:none;
		padding:0px;
		width:150px;
		list-style:none;
	}
	#menuQuienesSomos li
	{
	    padding:10px;

	}

	.fotosEquipoHumano
	{
		list-style:none;
	}
	.fotosEquipoHumano li
	{
		float:left;
		margin-left:2px;
	}
	.fotosEquipoHumano a
	{
		border:1px #999999 solid;
        display:block;
        width:60px;
        height:85px; /* aqui esta el truco */
        text-indent:-9999px;
	}
	.fotosEquipoHumano a:hover
	{
		background-position:-60px 0;
	}
	#divCurriculum 
	{
	    font-size:1.4em;
	}
	.bgCurriculum
	{
		background:url(/img/bg_curriculum2.jpg) no-repeat top left;
		height:370px;

	}
	.bgCurriculum p
	{
		padding-top:12px;
		padding-left:25px;	
		padding-right:50px;

	}
	.bgCurriculum ul
	{
		padding:0px;
	}

	#divCurriculum strong
	{
		font-size:1.2em;
	}
	#divCurriculum b
	{
		padding-left:230px;
		font-size:0.7em;
		letter-spacing:0.1em;
	}
	.verMas
	{
		color:#CC0066;
	}
	.verMas:hover
	{
		color:#669933;
	}

/*ESTILOS MULTIUSOS*/
.clear
{
    clear:both;
}
	h3
	{
		background-image:url(/img/barra.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		background-position:left;
		padding-bottom:18px;
		margin-left:20px;
		vertical-align:middle;
		font-size:2em;
	}
	h2
	{
	    color:#006fb7;
	    font-size:2em;
	    margin-bottom:10px;
	}
	h5
	{
	    font-size:1.5em;
	    line-height:2em;
	    margin-bottom:10px;
	}
	.tituloRosaMedio
	{
		color:#f52a57;
		font-family:Tahoma,Verdana,Arial;
		font-weight:bold;
	}

	.tituloLeft img
	{
		vertical-align:middle;
		line-height:40px;
	}

	#table1col
	{
		text-align:left;
		margin-left:11px;
		margin-right:11px;
	}
	strong
	{
		color:#006699;
	}

/* ESTILOS donde-estamos.asp*/	
.mapa
{
	width:450px;
	height:450px;
	border:#006699 1px solid;
}
.style1
{
	background-color:#ffffff;font-weight:bold;border:2px #006699 solid;
	font-size:0.7em;
	padding:2px;
}
.style2
{
	background-color:#ffcccc;
}
#localizacion
{
}	
/*Estilos cita-previa.asp */
#citaPrevia
{
    background: url(/img/bg_cita_previa.jpg) no-repeat top left;
    background-repeat:no-repeat;
    height:600px;
    width: 625px;
    padding-top: 40px;
    padding-left: 40px;
    margin-left: 20px;
    font-size:1.3em;
}
#citaPrevia p
{
    margin-bottom:10px;
    width: 546px;
}
#proteccionDatos p
{
    	font-size:1.1em;
}

#comentario
{
	font-family:Tahoma,Arial;
	font-size:0.9em;	
}
#enviar
{
	background-color:#006699;
	background-color:#0066CC;
	color:#FFFFFF;
	border: 1px double #FFFFFF;
}
#notaCita
{
	font-size:0.7em;
	margin-top:25px;
}
#datosCita
{


}
/* ESTILOS SALUD PERIODONTAL */
	#menuSaludPeriodontal
	{
		margin:0;
		padding:0;
		padding-top:10px;
		margin-left:1px;
		padding-bottom:10px;
		background:#b2cae0;
		padding-right:3px;
	}
	#menuSaludPeriodontal li
	{
		vertical-align:middle;
		padding-top:1px;
		padding-bottom:1px;
		margin-top:2px;
		margin-bottom:2px;
		
	}
	#menuSaludPeriodontal a
	{
		color:#888888;
		text-decoration:none;
		font-size:1.2em;
		letter-spacing:0.01em;
		font-family:"Gill Sans MT", "Times New Roman", Times, serif;
		width:163px;
		height:59px;
		display:block;

	}
	#menuSaludPeriodontal a:hover
	{
		color:#FF0066;
		background-position:-163px 0;
		
	}
/* css shadowbox */
a.option:link,
a.option:visited {
  display: block;
  text-align: left;
  color: #666;
  background-color: #bdd2ed;
  line-height: 140%;
  padding: 5px;
  margin: 6px 0;
  font-weight: bold;
  font-size:1.2em;
  width:98%;
}
a.option:link:hover,
a.option:visited:hover {
  background-color: #004382;
  text-decoration: none;
  color: #fff;
}
a:link,
a:visited {
  text-decoration: none;
}
a:link:hover,
a:visited:hover {
  text-decoration: underline;
}
#proteccionDatos
{
	font-size:0.8em;
}

.preguntas{
list-style:none;
}
.preguntas li p
{
	font-size:13px;
}
.respuestas
{
	color:#003366;
}
.margin5
{
	margin:5px;

}


/**/
.menu
{
  margin-top:40px;
margin-left:10px;
}
.menu a.option
{
line-height:25px;
}
.casosClinicos
{
margin-left:30px;
width:700px;
}
.casosClinicos td
{
padding:3px 10px;
}
.casosClinicos .tratamiento
{
font-size:2em;
}
.casosClinicos .antes, .despues
{
text-align:center;
color:#18a;
font-size:1.4em;
font-weight:bold;
letter-spacing:-.03em;
}
.casosClinicos .texto
{
    font-size:1.3em;
    width:170px;
}