@CHARSET "ISO-8859-1";
/***************************************************************************
ESTILOS GENERALES PARA TODO EL SITIO WEB
***************************************************************************/
* {
	margin: 0;
	paddding: 0;
}

li {
	display: list-item;
}

body {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	color: #000;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

h3 {
	text-transform: uppercase;
	list-style: square;
	display: list-item;
	list-style-position: inside;
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0;
}

h3 span.subir a {
	font-size: 10px;
	color: #403f3f;
}

p {
	text-align: justify;
	display: block;
}

p.centrado {
	text-align: center;
}

.clear {
	clear: both;
}

ol, ul {
	padding-left: 40px;
	*padding-left: 20px;
}

/***************************************************************************
ESTILOS PARA LAYOUT
***************************************************************************/

div#pagina {
	background: url(../images/borde.gif) repeat-y;
	width: 965px;
	margin: 10px auto;
	overflow: hidden;		/* esta es la magia */
	background-color:#FFFFFF;
}
div#cabecera {
	height: 441px;
}

div#cabecera_alta {
	background: url(../images/cabecera_alta.gif) no-repeat;
	height: 66px;
}

div#cabecera_alta_ortho {
	background: url(../images/cabecera_alta_ortho.gif) no-repeat;
	height: 66px;
}

div#cabecera_baja {
	background: url(../images/horario_cabecera.gif) no-repeat 715px 0;
	height: 228px;
	border-left: 1px solid #B8B8B8;
}

div#menu {
	height: 112px;
}

div#contenedor  {
	clear: both;
	width: 905px;
	padding: 25px 30px 0;
}

div#barra_navegacion {
	background-color: #81d0f4;
	height: 25px;
	color: #fff;
	font-size: 18px;
}

span.categoria {
	text-transform: uppercase;
	margin-left: 35px;
}

div#pie {
	clear: both;
	background: url(../images/pie.gif) no-repeat;
	height: 30px;
	color: #a0a0a0;
	font-size: 12px;
	padding: 30px 20px 0;
}

div#pie span {
	margin: 0 32px;
}

/***************************************************************************
ESTILOS PARA MENU
***************************************************************************/
div#menu {
	width: 963px;
	padding: 5px 1px;
}

div.linea_vertical_menu {
	float: left;
	background-color: #c7c7c8;
	width: 1px;
	height: 80px;
}

div#menu_quienes, div#menu_informacion, div#menu_tratamientos, div#menu_contactar, div#menu_login {
	float: left;
	padding-left: 10px;
}

span.titulo {
	text-transform: uppercase;
}

span.titulo img {
	margin-right: 5px;
}

div#menu_quienes {
	width: 162px;
}

div#menu_quienes span.titulo, div#menu_quienes a:hover {
	color: #e94f20;
}

div#menu_informacion {
	width: 179px;
}

div#menu_informacion span.titulo, div#menu_informacion a:hover {
	color: #f0a014;
}

div#menu_tratamientos {
	width: 199px;
}

div#menu_tratamientos span.titulo, div#menu_tratamientos a:hover {
	color: #7cc352;
}

div#menu_contactar {
	width: 131px;
}

div#menu_contactar span.titulo, div#menu_contactar a:hover {
	color: #993fc3;
}

ul.lista_menu {
	list-style: none;
	padding-left: 18px;
}

ul.lista_menu a {
	color: #565656;
}

ul.lista_menu li.sel {
	background-color: #c8ebfb;
}

div#menu_login {
	width: 238px;
}

div#menu_login input {
	margin: 2px 5px 2px 0;
	border: 1px solid #000;
}

div#menu_login input.btn {
	background-color: #4B54B1;
	border: 1px solid #6D75C0;
	color: #fff;
}

div#menu_login input.salir {
	margin-top: 20px;
	text-transform: uppercase;
}

span.error {
	color: #b00;
	font-weight: bold;
}

span.titulo_login, div#menu_login a:hover {
	color: #4b54b1;
}

span.titulo_login img {
	margin-right: 5px;
}

span.olvido a {
	font-size: 10px;
	color: #403f3f;
	font-weight: bold;
}

/***************************************************************************
ESTILOS PARA NUESTRO CENTRO
***************************************************************************/
.nuestro-centro h3 span {
	color: #e94f20;
}

.nuestro-centro div#izq {
	clear: both;
	float: left;
	width: 460px;
	*width: 470px;
	margin-top: 10px;
}

.nuestro-centro div#der {
	float: left;
	width: 430px;
	margin-top: 10px;
	margin-left: 15px;
}

div#img_personal {
	width: 387px;
	height: 185px;
	float: left;
	margin-left: 35px;
}

div#img_personal_chicas {
	width: 245px;
	height: 185px;
	float: left;
}

/***************************************************************************
ESTILOS PARA PORQUE NOSOTROS
***************************************************************************/
.porque-nosotros h3 span {
	color: #e94f20;
}

span.rojo {
	color: #CC3333;
	font-size: 18px;
	font-weight: bold;
}

ul.ventajas {
	list-style-image: url("../images/icon-list.gif");
}

.porque-nosotros div.fotos {
	float: right;
}

.porque-nosotros div.fotos img {
	margin: 0 20px;
}

/***************************************************************************
ESTILOS PARA DONDE ESTAMOS
***************************************************************************/
.donde-estamos h3 span {
	color: #e94f20;
}

.donde-estamos input.radiobox {
	border: none;
}

/***************************************************************************
ESTILOS PARA HORARIO CONSULTA
***************************************************************************/
.horario-consulta h3 span {
	color: #e94f20;
}

span.verde {
	color: #5c0;
	font-weight: bold;
}

table.horario {
	width: 530px;
	margin: 20px 180px;
}

table.horario th {
	background-color: #ee9e85;
}

table.horario td {
	border: 1px solid #e94f20;
}

/***************************************************************************
ESTILOS PARA FASES TRATAMIENTO
***************************************************************************/
.fases-tratamiento h3 span {
	color: #f0a014;
}

/***************************************************************************
ESTILOS PARA CONCEPTOS
***************************************************************************/
.conceptos h3 span {
	color: #f0a014;
}

/***************************************************************************
ESTILOS PARA PREGUNTAS FRECUENTES
***************************************************************************/
.preguntas-frecuentes h3 span {
	color: #f0a014;
}

.preguntas-frecuentes a.link {
	color: #4B54B1;
}

/***************************************************************************
ESTILOS PARA CONSEJOS PRACTICOS
***************************************************************************/
.consejos-practicos h3 span {
	color: #f0a014;
}

.consejos-practicos h4 {
	color: #4B54B1;
	font-size: 13px;
}

/***************************************************************************
ESTILOS PARA ETAPAS TRATAMIENTO
***************************************************************************/
.etapas-tratamiento h3 {
	list-style-image: url(../images/flechas.png);
}

.etapas-tratamiento h3 span {
	color: #7CC352;
}

.etapas-tratamiento table {
	width: 887px;
}

.etapas-tratamiento table th {
	background-color: #4b54b1;
	color: #fff;
	width: 165px;
	height: 22px;
}

.etapas-tratamiento table td {
	background-color: #febe4d;
	color: #4b54b1;
	text-align: center;
	height: 32px;
}

.etapas-tratamiento div.cuadro {
	background: url(../images/pixel_etapas.gif) repeat-y;
	width: 857px;
	padding: 15px;
}

.etapas-tratamiento div.cuadro div.imagen {
	float: left;
	width: 135px;
	margin-right: 10px;
}

.etapas-tratamiento div.cuadro div.texto {
	float: left;
	width: 710px;
}

.etapas-tratamiento div.cuadro div.texto p {
	margin-bottom: 10px;
}

.etapas-tratamiento div.cuadro div.texto div.imagenes {
	float: left;
}

.etapas-tratamiento div.cuadro div.texto div.caso {
	float: right;
	margin-right: 10px;
}

.etapas-tratamiento div.cuadro div.texto div.imagenes span,
.etapas-tratamiento div.cuadro div.texto div.caso span {
	background: url(../images/flecha_etapas.gif) no-repeat scroll 0 3px;
	padding-left: 10px;
	color: #7CC352;
}

.etapas-tratamiento div.cuadro div.texto div.imagenes a,
.etapas-tratamiento div.cuadro div.texto div.caso a {
	color: #3b449e;
}

/***************************************************************************
ESTILOS PARA TIPOLOGIAS
***************************************************************************/
.tipologias h3 {
	list-style-image: url(../images/flechas.png);
}

.tipologias h3 span {
	color: #7CC352;
}

.tipologias div.tipologia {
	float: left;
	width: 440px;
	margin-right: 10px;
}

.tipologias div.cuadro {
	background: url(../images/pixel_tipologias.gif) repeat-y;
	padding: 10px;
	min-height: 110px;
}

.tipologias div.cuadro img {
	margin-right: 10px;
}

.tipologias div.cuadro a {
	background: url(../images/boton_tipologias.gif) no-repeat;
	padding: 3px 0 0 20px;
	height: 20px;
	width: 200px;
	display: block;
	float: left;
	color: #4b54b1;
}

.tipologias div.cuadro a:hover, .tipologias div.cuadro a:visited {
	color: #4b54b1;
}

/***************************************************************************
ESTILOS PARA BRACKETS CONVENCIONALES
***************************************************************************/
.brackets-convencionales h3 span {
	color: #7CC352;
}

.brackets-convencionales div#colIzq, .brackets-convencionales div#colDer {
	float: left;
	width: 430px;
}

.brackets-convencionales div#colIzq {
	margin-right: 20px;
}

.brackets-convencionales div#colDer p {
	margin-top: 30px;
}

.brackets-convencionales div#colDer a, .brackets-convencionales div#colDer a:hover {
	color: #4b54b1;
}

/***************************************************************************
ESTILOS PARA BRACKETS AUTOLIGABLES
***************************************************************************/
.brackets-autoligables h3 span {
	color: #7CC352;
}

.brackets-autoligables div#colIzq, .brackets-autoligables div#colDer {
	float: left;
	width: 430px;
}

.brackets-autoligables div#colIzq {
	margin-right: 20px;
}

.brackets-autoligables a {
	margin-left: 400px;
}

.brackets-autoligables a, .brackets-autoligables a:hover {
	color: #4b54b1;
}

/***************************************************************************
ESTILOS PARA TECNICA LINGUAL
***************************************************************************/
.tecnica-lingual h3 span {
	color: #7CC352;
}

.tecnica-lingual div.foto_izq {
	float: left;
	margin: 0 15px;
}

.tecnica-lingual div.foto_der {
	float: right;
	margin: 0 15px 15px;
}

.tecnica-lingual a {
	margin-left: 400px;
}

.tecnica-lingual a, .tecnica-lingual a:hover {
	color: #4b54b1;
}

/***************************************************************************
ESTILOS PARA TECNICA INVISALIGN
***************************************************************************/
.tecnica-invisalign h3 span {
	color: #7CC352;
}

.tecnica-invisalign div#colIzq {
	float: left;
	width: 390px;
	padding: 10px 5px;
	margin-right: 20px;
}

.tecnica-invisalign div#colIzq p {
	margin: 10px 5px;
}

.tecnica-invisalign div#colDer {
	float: left;
	width: 430px;
	border-left: 1px solid #000;
	padding: 0 10px;
}

.tecnica-invisalign span.paso {
	color: #4b54b1;
	font-weight: bold;
}

.tecnica-invisalign a, .tecnica-invisalign a:hover {
	color: #4b54b1;
}

/***************************************************************************
ESTILOS PARA TRATAMIENTOS ADULTOS
***************************************************************************/
.tratamientos-adultos h3 span {
	color: #7CC352;
}

.tratamientos-adultos div.foto {
	float: right;
	margin: 0 10px;
}

/***************************************************************************
ESTILOS PARA CASOS CLINICOS
***************************************************************************/
.casos-clinicos h3 {
	list-style-image: url(../images/flechas.png);
}

.casos-clinicos h3 span {
	color: #7CC352;
}

.casos-clinicos div.caso {
	float: left;
	width: 440px;
}

.casos-clinicos div.caso div.cuadro {
	background: url(../images/pixel_casos.gif) repeat-y;
	border: 1px solid #B5B5B5;
	padding: 10px;
	min-height: 175px;
}

.casos-clinicos div.caso div.cuadro img {
	margin-left: 5px;
}

.casos-clinicos div.caso div.cuadro p {
	margin-bottom: 10px;
}

.casos-clinicos div.caso div.cuadro span {
	background: url(../images/flecha_etapas.gif) no-repeat scroll 0 3px;
	padding-left: 10px;
	color: #7CC352;
}

.casos-clinicos div.caso div.cuadro a {
	color: #3b449e;
}

/***************************************************************************
ESTILOS PARA ORTHOAPNEA
***************************************************************************/
.orthoapnea h3 span {
	color: #7CC352;
}

.orthoapnea div.colIzq, .orthoapnea div.colDer {
	float: left;
	width: 430px;
}

.orthoapnea div.colIzq {
	margin-right: 30px;
}

.orthoapnea h4 {
	color: #4B54B1;
}

/***************************************************************************
ESTILOS PARA ESCRIBANOS
***************************************************************************/
.filaFormulario {
	clear: both;
	height: 30px;
	margin-left: 50px;
}

.filaFormulario2 {
	clear: both;
	height: 120px;
	margin-left: 50px;
}

.filaFormulario input {
	width: 200px;
	float: left;
	border: 1px solid #000;
}

.filaFormulario input.btn {
	width: 90px;
	margin: 0 5px;
}

.filaFormulario input.radiobox {
	width: 20px;
}

/***************************************************************************
ESTILOS PARA DONDE ESTAMOS
***************************************************************************/
#mapa {
	width: 420px;
	height: 400px;
}

.donde-estamos fieldset {
	float: left;
	width: 425px;
	height: 410px;
	text-align: center;
}

.donde-estamos fieldset form {
	margin-top: 50px;
}

.donde-estamos fieldset legend {
	font-weight: bold;
}

.donde-estamos fieldset form label {
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 10px;
}

/***************************************************************************
ESTILOS PARA MIS TRATAMIENTOS
***************************************************************************/
.mis-tratamientos h3 span {
	color: #4B54B1;
}

.mis-tratamientos table {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-collapse: collapse;
	border: 1px #318be1 solid;
	margin: 10px 0px 0px 50px;
	padding: 0px;
	font: normal normal 12px Arial, Verdana;
	width: 810px;
}

.mis-tratamientos table.fotos {
	border: none;
	margin: 0;
}

.mis-tratamientos table th {
	padding: 1px;
	border: 1px solid #83b8ea;
	height: 28px;
	color: #000;
	width: 140px;
}

.mis-tratamientos table th.titulo {
	background-color: #4B54B1;
	color: #fff;
}

.mis-tratamientos table td {
	padding: 1px;
	border: 1px solid #83b8ea;
	height: 25px;
}

.mis-tratamientos table.fotos td, .mis-tratamientos table.fotos th {
	border: none;
}

.mis-tratamientos table a {
	text-decoration: underline;
	color: #1c548a;
	
}

.mis-tratamientos .fecha {
	text-align: center;
	background-color: #CBE8F6;
	width: 709px;
}

.mis-tratamientos .center {
	text-align: center;
}

.mis-tratamientos .video{
	float: left;
	width: 100px;
}