@charset "utf-8";
/* CSS Document 
Creado por Luis Hernández
24/11/2009*/
* {
	margin:0;
	padding:0;
	border:0;
}
/*etiquetas básicas*/

html, body{
	font-family:"Franklin Gothic Book", NewsGothicMT, sans-serif;
	font-size:10pt;
	text-align:left;
}
#body{height: 100%;background:#808080 url(fondo_header.png) top repeat-x;}

p{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left;
}
p.destacado{
	font-size:10pt;
	font-weight:bold;
}

h1,h2,h3,h4 {
	font-family:"Franklin Gothic Book", NewsGothicMT, sans-serif;
	color:#fff;
	text-align:left;
}

h1 {font-size:18pt;}
h1.espaciado{letter-spacing:2px;}

h2 {font-size:16pt;}
h3 {font-size:14pt;color:#3777BC;}
h4 {font-size:13pt;}
a {
	font-size:11pt;
	color:#fff;
	text-align:left;
}
a:hover {
	font-size:11pt;
	color:#3777BC;
	text-align:left; 
}
hr.linea {
	height: 1px;
	width: 100%;
	margin:10px .2em;
	border: 0;
	background-color:#FFF;
} 
hr.linea_corta {
	height: 1px;
	width: 53%;
	margin:10px .2em;
	border: 0;
	background-color:#FFF;
} 
/*Contenedores principales*/



#Wrapper {
	position: relative;
	width: 1024px;
	margin: 0px auto;
}

#Header{
	width:1024px;
	height:352px;
	background:url(header.png) top no-repeat;
}
#texto_header {
	float:left;
	padding:110px 30px;
}
/*
#correo{
	background: url(btn_correo.png) left no-repeat;
	width:20px;
	height:13px;
	margin-top:-17px;
	margin-right:330px;
	float:right;
}
#texto_numero{
	background: url(btn_phone.png) left no-repeat;
	width:200px;
	height:21px;
	padding-left:30px;
	padding-top:2px;
	margin-right:90px;
	margin-top:20px;
	text-align:right;
	float:right;
}

#Lenguaje
{
  width:100px;
  position:absolute;
  left:800px; 
  top:5px;    
}
*/

#correo{
	background: url(btn_correo.png) left no-repeat;
	width:20px;
	height:13px;
	margin-top:-17px;
	margin-right:350px;
	float:right;
	z-index:5;
}
#texto_numero{
	background: url(btn_phone.png) left no-repeat;
	width:170px;
	height:21px;
	padding-left:18px;
	padding-top:2px;
	margin-right:160px;
	margin-top:3px;
	text-align:right;
	float:right;
}

#Lenguaje
{
  width:70px;
  position:absolute;
  left:845px; 
  top:5px;    
}


#barra_header{
	background: url(fondo_contenido.png) repeat-y;
	position:absolute;
	width:89px;
	top:0;
	left:916px;
	float:left;
	z-index:5;
}
#barra_header{height:344px;}


#contenido {
	background:#ddd url(fondo_contenido.png) repeat-y 920px;
	width:1024px;
	height:400px;
	margin-top:-10px;
}

.ContentPane{
	background-color:#ddd;
	width:320px;
	float:left;
	padding:40px 20px 0px 20px;
	text-align:center;
}


/*codigo para definicion de fotos*/
#foto_rebeca {
	position:absolute;
	background-image:url(rebeca_chin1.png);
	background-repeat:no-repeat;
	width:491px;
	height:572px;
	top:175px;
	left:533px;
	float:left;
	z-index:110;
}
#foto_rebeca_header {
	position:absolute;
	background-image:url(rebeca_chin_header.png);
	background-repeat:no-repeat;
	width:473px;
	height:313px;
	top:20px;
	left:500px;
	float:left;
	z-index:100;
}
.images_right{
	float:right;
	margin:10px 30px 10px 10px;
}
/*menu horizontal*/
#menuh{
	margin:20px 10px;
	float:right;
}

#menuh ul {height:16px; float:right;}

#menuh li
{
    list-style:none;
	height:14px;
	padding:0 5px;
	float:left;
	text-align:right;
	font-size:8pt;
}
#menuh a{text-decoration:none;color: #666;font-size: 8pt;}
#menuh a:hover {color:#3777BC;font-size: 8pt;}



/*contendor pie de pagina*/
#footer_completo{
	background-image:url('fondo_footer.png');
	background-repeat:repeat-x;
	width:100%;
	height:66px;
	margin:0 auto;
	float:left;
	z-index:3; 
}
#footer{
	background-image:url('fondo_footer.png');
	background-repeat:no-repeat;
	width:1024px;
	height:66px;
	margin:0 auto;
	z-index:5;
}
#texto_footer{
	font-size: 8pt;
	color:#666;
	margin:20px;
	text-align:left;
	float:left;
}

#texto_footer p a { color:#666;text-decoration:none;font-size: 8pt; }
#texto_footer p a:hover {color: #3777BC;text-decoration: none;font-size: 8pt;}

#boton_odondotogia, #boton_citas, #boton_endodoncia{
	width:332px;
	height:135px;
	float:left;
	margin:3px;
}

#boton_odondotogia{background:url(btn_odontologia.png) center no-repeat;}
#boton_citas{background:url(btn_citas.png) center no-repeat;}
#boton_endodoncia{background: url(btn_endodoncias.png) center no-repeat;}

/*clases genéricas*/

.floatder {
	padding-left:10px;
    float:right;
}
.floatizq {
	padding-left:10px;
    float:left;
}

.testimonio{
	width:270px;
	height:100px;
	float:left;
	margin:20px 34px;
}

.texto_izq{
	padding-left:175px;
}
.texto_celeste{
	color:#A6C7EA;
}
.texto_verde{
	color:#BBD1A8;
}

.primera_lista{
	/*background-image:url(punto_azul.png);*/
	background-position:0 6px;
	background-repeat:no-repeat;
	text-align:left;
	font-size:11pt;
	color:#666;
	/*text-indent:10px;*/
	text-align:justify;
}
.segunda_lista{
	/*background-image:url(punto_gris.png);*/
	background-position: 20px 6px;
	background-repeat:no-repeat;
	padding-left:20px;
	text-align:left;
	font-size:11pt;
	color:#666;
	/*text-indent:10px;*/
	text-align:justify;
}

.primera_listaPequena{
	/*background-image:url(punto_azul.png);*/
	background-position:0 6px;
	background-repeat:no-repeat;
	text-align:left;
	font-size:10pt;
	color:#666;
	/*text-indent:10px;*/
}
.segunda_listaPequena{
	/*background-image:url(punto_gris.png);*/
	background-position: 20px 6px;
	background-repeat:no-repeat;
	padding-left:20px;
	text-align:left;
	font-size:10pt;
	color:#666;
	/*text-indent:10px;*/
}
.azul{
	font-weight:bold;
	color:#3777BC;
}
.gris{
	font-weight:bold;
	color:#666;
}


/*Botones Servicio Paciente Español*/

#btnCitasEs ul li
{
  list-style:none;
}

#btnCitasEs ul li a
{
 text-decoration:none;
 display : block;
 width : 332px;
 height: 43px;
 background: url(btn_cita_es.png) no-repeat top;
}


#btnCitasEs ul li a:hover
{
 
 text-decoration:none;
 display : block;
 width : 332px;
 height: 43px;
 background: url(btn_cita_es_over.png) no-repeat top;
}

#btnDescargaEs ul li 
{
 list-style:none;
}

#btnDescargaEs ul li a
{
 
 display : block;
 width : 332px;
 height: 43px;
 background: url(btn_descarga_es.png) no-repeat top;
}

#btnDescargaEs ul li a:hover
{

 text-decoration:none;
 display : block;
 width : 332px;
 height: 43px;
 background: url(btn_descarga_es_over.png) no-repeat top;
}

#btnContactoEs ul li 
{
 list-style:none;
}

#btnContactoEs ul li a
{
 
 text-decoration:none;
 display : block;
 width : 332px;
 height: 43px;
 background: url(btn_pregunte_es.png) no-repeat top;
}

#btnContactoEs ul li a:hover
{
 
 text-decoration:none;
 display : block;
 width : 332px;
 height: 43px;
 background: url(btn_pregunte_es_over.png) no-repeat top;
}

/*Botones Servicio Paciente Ingles*/



#btnCitasEn ul li
{
  list-style:none;
}

#btnCitasEn ul li a
{
 
 text-decoration:none;
 display : block;
 width : 332px;
 height: 43px;
 background: url(btn_cita_in.png) no-repeat top;
}

#btnCitasEn ul li a:hover
{
 
 text-decoration:none;
 display : block;
 width : 332px;
 height: 43px;
 background: url(btn_cita_in_over.png) no-repeat top;
}

#btnDescargaEn ul li 
{
 list-style:none;
}

#btnDescargaEn ul li a
{
 
 display : block;
 width : 332px;
 height: 43px;
 background: url(btn_descarga_in.png) no-repeat top;
}

#btnDescargaEn ul li a:hover
{
 
 text-decoration:none;
 display : block;
 width : 332px;
 height: 43px;
 background: url(btn_descarga_in_over.png) no-repeat top;
}

#btnContactoEn ul li 
{
 list-style:none;
}

#btnContactoEn ul li a
{

 text-decoration:none;
 display : block;
 width : 332px;
 height: 43px;
 background: url(btn_pregunte_in.png) no-repeat top;
}

#btnContactoEn ul li a:hover
{
 
 text-decoration:none;
 display : block;
 width : 332px;
 height: 43px;
 background: url(btn_pregunte_in_over.png) no-repeat top;
}

.Invisible
{
    visibility:hidden
}