@charset "UTF-8";

body {
    	font: 100% Helvetica, sans-serif;
    	background: #fff;
    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    	padding: 0;
    	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: #000000;
    }

    .oneColFixCtr #container {
	width: 780px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background: #FFFFFF;
	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. */
	height: 580px;
	padding-top: 25px;
    }

.oneColFixCtr #container2 {
	width:720px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background: #FFFFFF;
	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. */
	height: 180px;
	padding-top: 240px;
    }


    .oneColFixCtr #mainContent {
    	padding: 0 50px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
		border: 1px solid #78CEDB;
		position: relative;
		bottom: 35px;
		height: 360px;
    }
	
	.pos1{
		padding-top: 130px;
		}
		
	.pos2{
		padding-top: 0px;
		padding-left: 420px;
		}
	
	.pos3{
		padding-top: 70px;
		}
		
	.pos4{
		padding-top: 45px;
		padding-left: 35px;
		}
		
		
	.pos5{
		padding-top: 115px;
		padding-left: 95px;
		}
	
	#header {
		padding-top: 0px;
	}
	
	#logo {
	position:relative;
	left: 682px;
	width: 98px;
		}
	#direccion p{
	font-size: 10px;
	padding-top: 40px;
	font-family:  Helvetica, sans-serif;
	}
	
	#direccion{
	/*position:relative;
		top: 55px;*/
		position:absolute;
		
		}
	
	.bg1{
		background-image:url(images/bg_1.jpg);
		background-repeat: no-repeat;
		}
		
	.bg2{
	background-image:url(images/bg_2.jpg);
	background-repeat: no-repeat;
		}
		
	.bg3{
	background: url(images/bg_3.jpg) no-repeat 100px;
}	
		
	.bg4{
	background-image:url(images/bg_4.jpg);
	background-repeat: no-repeat;
	background-position: right;
		}
	
	.bg5{
	background-image:url(images/bg_5.jpg);
	background-repeat: no-repeat;
	background-position: right;
		}	
	
	.bg6{
	background-image:url(images/bg_6.jpg);
	background-repeat: no-repeat;
	background-position: right;
		}	
	
	.bg7{
	background-image:url(images/bg_7.jpg);
	background-repeat: no-repeat;
	background-position: right;
		}
		
	.bg8{
	background-image:url(images/bg_8.jpg);
	background-repeat: no-repeat;
	background-position: right;
		}
		
	.bg9{
	background-image:url(images/bg_9.jpg);
	background-repeat: no-repeat;
	background-position: right;
		}
		
	.bg10{
	background-image:url(images/bg_10.jpg);
	background-repeat: no-repeat;
	background-position: right;
		}	

	.h1{
	color: #78CEDB;
	font-size: 24px;
	font-family: Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom: 10px;
	padding-top: 10px;
	}
	
	.h1link a{
	color: #78CEDB;
	font-size: 24px;
	font-family: Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	}
	
	.hand{
	background-image: url(images/hand.gif);
	background-repeat: no-repeat;
	background-position:right bottom;
	}
	
	.h1link a:hover{
	color: #999;
	font-size: 24px;
	font-family: Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	}
	
	.parrafo1{
	width: 260px;
	color: #666;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	.parrafo2{
	width: 290px;
	color: #666;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#000000;
	}
	
	.parrafo3{
	width: 320px;
	color: #666;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	
	
	/*BOTONERA*/
	
	#divNav {
		position:relative;
		right: 0px;
		margin: 0;
		padding-top: 16px;
		height: 100px;
		width: 780px;
	}

	#nav {
		/*background: #78CEDB;*/
		position: relative;
		height: 30px;
		width: 790px;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
		margin-right: 3px;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 4px;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 20px;
	left: 0px;
	padding-top: 8px;
	background: #fff;
	height: 35px;
	width: 780px;
	padding-left: 0px;
	background-color: ##78CEDB;
	}

	#nav li.on ul {
		background: ##78CEDB;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #fff;
	}

	#nav li a {
		color: #78CEDB;
		font-weight: bold;
		display: block;
		width: 256px;
		padding: 0;
	}

	#nav li.on a {
		color: #78CEDB;
		
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #ccc;
		width: auto;
		margin-right: 3px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #fff;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
		color: #ccc;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #666;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#clinica a, #teeth a, #info a {
		display: block;
		position: relative;
		height: 20px;
		background: url(images/bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place*/

#clinica a {
	background-position: 0 0;
}

#teeth a {
	background-position: -261px 0;
}

#info a {
	background-position: -524px 0;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #info.on a {
 	background-position: -524px -50px;
 }
 
 #teeth.on a {
 	background-position: -261px -50px;
 }
 
 #clinica.on a {
 	background-position: 0 -50px;
 }
 
 
 
  /*add selectors for the other li's and background-positions*/

/*hover states*/

#clinica a:hover, #clinica:hover a, #clinica.over a {
	background-position: 0 -25px;
}

#teeth a:hover, #teeth:hover a, #teeth.over a {
	background-position: -261px -25px;
}

#info a:hover, #info:hover a, #info.over a {
	background-position: -524px -25px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #fff;
	color: #78CEDB;
	font-family: arial, verdana, sans-serif;
	font-size: small;
	border: 1px solid #78CEDB;
}		

#nav li.on ul a {
	background: #fff;
	border: 1px solid #78CEDB;
}

#nav li.on ul a.activo {
	color:#666666;
	border: 1px solid #78CEDB;
}
	
#teeth li {
	position: relative;
	left: 263px;
}

#info li {
	position: relative;
	left: 495px;
}

#clinica li {
	position: relative;
	left: 0px;
}
 
 /*FIN BOTONERA*/

.Estilo1 {color: #78CEDB}

.listado{
font-size: 12px;
list-style-image: url(images/dot.gif);
font-family: Helvetica, sans-serif;
padding-left: 15px;
margin-bottom: 25px;
}

.listadonum{
font-size: 12px;
font-family: Helvetica, sans-serif;
padding-left: 15px;
margin-bottom: 25px;
list-style-type: square;
}

.listadonum li{
margin-bottom: 5px;

}

#medicos{
height: 80px;
border: 1px solid #78CEDB;
width: 307px;
margin-top:15px;
}

h2{
font-size: 11px;
color: #78CEDB;
font-family: Helvetica, sans-serif;

}

.avila{position: relative; bottom: 10px;}

.doctor{
font-size: 11px;
font-weight: bold;
margin-bottom: 5px;
}

#mostrador{
position: absolute;
bottom: 2px;
left: 513px;
/*border: 1px solid #78CEDB;*/
width: 400px;
/*height:104px;
overflow:auto;*/
}

#tira{
/*width: 1004px;*/
}

#tira img{
border: 1px solid #78CEDB;
margin-right: 10px;
margin-bottom: 5px;
}

.tratamientos{
list-style-type: none;
padding-left: 0px;
}

.tratamientos li{
padding-bottom: 10px;
}

.empuja1{
position: relative;
bottom: 45px;
	font-size: 24px;
	font-family: Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom: 10px;
	color: #78CEDB;
}


.contra1{
position: relative;
padding-top: 30px;
right: 420px;
width: 350px;
color: #78CEDB;
	font-size: 24px;
	font-family: Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom: 10px;
}

.anchofijo{
width: 250px;
}

#wagt_map_1{
	position: absolute;
	left: 264px;
	bottom: 10px;
	width:500px;
	height: 340px;
border: 1px solid #78CEDB;
}

#mydiv1{
	position:relative;
	left: 210px;
	bottom: 165px;
	width: 500px;
	border-bottom: 1px solid #78CEDB;
	
}
#mydiv2{
	position:relative;
	left: 210px;
	bottom: 160px;
	width: 500px;
	border-bottom: 1px solid #78CEDB;
	
}
#mydiv3{
	position:relative;
	left: 210px;
	bottom: 155px;
	width: 500px;
	border-bottom: 1px solid #78CEDB;
}

.ptratamientos{
	position: relative;
	left: 140px;
	bottom: 98px;
	width: 350px;
	font-size: 12px;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	text-align:justify;
	}

.ley{
padding:5px;
font-size: 10px;
color:#333333;
background-color:#CCCCCC;
border: 1px dotted #666666;
width: 325px;
margin-bottom:15px;
}

.linker{
text-decoration: none;
color: #78CEDB;
font-weight: bold;
font-family: Helvetica, sans-serif;
}

.link:hover{
color: #CCC;
}

.filete{
border-right: 1px solid #78CEDB;
}

#pie {
	position: relative;
	bottom: 25px;
	text-align: center;
}

.parrafopie {
	font-size: 10px;
	color: #999;
	text-align: center;
}

#intro img{
	margin-right: 15px;
}

#texto_intro{
	padding-top: 7px;
	color:#666666;
}

#texto_intro span{
	color: #78CEDB;
	padding-left: 10px;
	padding-right: 10px;
}

.verticaltext{
font: 9px Arial;
position: relative;
bottom: 85px;
left: 700px;
height: 100px;
writing-mode: tb-rl;
padding-right: 20px;
}

.pasos{
height: 80px;
width: 360px;
background-color: #FFFFFF;
position: relative;
left:333px;
bottom: 150px;
}

.privacidad{padding-right: 15px;}