<!--
/* Resetear las propiedades necesarias para facilitar */
/* la vision homogenea en los diferentes navegadores */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0;
 border: 0;
 font-size: 100%;
 line-height: 1; 
 text-align: left; vertical-align: baseline; /*outline: none;*/
}
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after,
blockquote:before, blockquote:after { content: ""; }

a { text-decoration: none; }

/* ESTRUCTURA PAGINA */
body {
 margin:0; padding: 0;
 background: #0C4B49; 
 color: #666666;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size:62.5%; /* 1em es 10px, 0.8em es 8px, 1.6em es 16px, etc... */
 text-align: center;
}
#web {
 position: relative;
 width: 940px;
 margin: 0 auto;
 text-align: left;
}
#cabecero { 
 background: url(../../imagenes/comunes/cabecero-fondo.jpg) no-repeat left top; 
 display: block; width: 940px; height: 192px; position: relative; 
}
a#enlace_logo {
 position: absolute; left: 124px; top: 69px;
 display: block; width: 219px; height: 73px;
 font-size: 2.2em; color: white; font-weight: bold; line-height: 1.3em;
 text-indent: -10000px;
}
#cabecero h2 {
 position: absolute; left: 0px; top: 0px;
 font-size: 2em; color: white; font-weight: lighter;  line-height: 1.3em;
 text-indent: -10000px;
}
#cabecero p {
 position: absolute; left: 0px; top: 20px;
 font-size: 2em; color: white; font-weight: lighter;  line-height: 1.3em;
 text-indent: -10000px;
}
#menu li a { position: absolute; top: 151px; display: block; width: 140px; height: 41px; text-indent: -1000px; }
#menu li#bienvenida a { left: 50px; background: url(../../imagenes/comunes/bot-bienvenida.jpg) no-repeat left top; }    
#menu li#equipo a { left: 190px; background: url(../../imagenes/comunes/bot-equipo.jpg) no-repeat left top; }    
#menu li#instalaciones a { left: 330px; background: url(../../imagenes/comunes/bot-instalaciones.jpg) no-repeat left top; }    
#menu li#tratamientos a { left: 470px; background: url(../../imagenes/comunes/bot-tratamientos.jpg) no-repeat left top; }    
#menu li#videos a { left: 610px; background: url(../../imagenes/comunes/bot-videos.jpg) no-repeat left top; }    
#menu li#contacto a { left: 750px; background: url(../../imagenes/comunes/bot-contacto.jpg) no-repeat left top; }    
#menu li#bienvenida a:hover, #menu li#equipo a:hover, #menu li#instalaciones a:hover, #menu li#tratamientos a:hover, 
#menu li#videos a:hover, #menu li#contacto a:hover { background-position: 0 -41px; }

#bloque_primario { display: block; margin-top: 10px; }


/* Contenedores */
#contenido { }
#auxiliar_contenido { }
.fin_contenido { clear: both; }
.navegacion_interna { display:none; }
.cierre_flotacion {clear: both; }
.flotante { float: left; width: 420px;}
.izquierdo { width: 420px;}
.derecho { width: 470px;}
.par { clear: left; }
#mapa { display: block; border: 3px solid #26A1C5; height: 300px; width: 389px;}

/*.flotdcha {float: right; margin: 0 38px 0 0;}*/

.contenedor_decorado {
 display: block; margin: 0 0 0 38px; padding: 35px 0 0 35px;
 background: url(../../imagenes/comunes/contenedor-adorno-superior.jpg) no-repeat left top; 
}
.fin_contenedor_decorado {
 display: none/*block*/; height: 42px; margin: -13px 0 0 38px; 
 background: url(../../imagenes/comunes/contenedor-adorno-inferior.jpg) no-repeat left bottom; 
}
.contenedor_decorado_corto {
 display: block; margin: 0 0 20px 38px; padding: 30px 0 0 35px;
 background: url(../../imagenes/comunes/contenedor-corto-adorno-superior.jpg) no-repeat left top; 
}

#video_flash {
 display: block; width: 376px; height: 330px; 
 float: right;  margin: 0 37px 10px 10px; 
 background: url(../../imagenes/comunes/fondo-video.jpg) no-repeat left top; 
}
#texto_posicionamiento {
 display: block; width: 376px;
 clear: right; float: right; margin: -40px 35px 10px 10px; padding: 0; 
}
#contenido #texto_posicionamiento h3 { 
 font-size: 1.1em; text-align: right;
 color: #568484; font-weight: lighter; margin: 0 40px 3px 0px; }
#submenu {
 display: block; width: 376px;
 clear: right; float: right;  margin: 0 35px 10px 10px; 
}
#submenu .contenedor_decorado {margin: 0 0 0 0; padding: 25px 0 0 35px;}

#instalaciones { display: block; }
#adorno_tratamientos {
 float: right; margin: 0 38px 0 0; 
 width: 544px; height: 304px; 
}

.contenedor_miniaturas { margin: 10px 40px 10px 50px ; }
.contenedor_miniaturas a { float: left; margin: 10px; }
.contenedor_miniaturas img { display: block; border: 4px solid #1B7579; }
.contenedor_miniaturas img:hover { display: block; border: 4px solid white; }

/*miniaturas equipo*/
#contenido ul.lista_equipo { margin-bottom: 100px;}
#contenido ul.lista_equipo li { display: block; clear: both; padding-bottom: 15px; list-style-image: none; }
#contenido a.miniatura_equipo { float: right; margin: 0px 70px 15px 10px; border:none;}
a.miniatura_equipo img { display: block; border: 4px solid #1B7579; }
a.miniatura_equipo img:hover { display: block; border: 4px solid white; }

/* logos en contacto */
.imagen_contacto {margin: 5px 0 10px 0;}
.logos { display: inline; margin: 5px 5px 10px 0; }


/* Elementos de contenido */
#contenido h2 { 
 font-size: 2em; line-height: 1.5em; font-weight: lighter; color: #A3DCED; 
 margin: 0 0 0 74px;
}
#contenido h3 { 
 font-size: 1.5em; line-height: 1.1em; font-weight: bold; color: #A3DCED; 
 margin: 0 0 5px 74px;
}
#contenido #submenu h3 {
 font-size: 2em; line-height: 1.5em; font-weight: lighter; color: #A3DCED;  margin: 0 0 0 0;
}
#contenido .contenedor_decorado h3 {
 font-size: 2em; line-height: 1.5em; font-weight: lighter; color: #A3DCED;  margin: 0 0 0 0;
}
#contenido .contenedor_decorado_corto h3 {
 font-size: 1.6em; line-height: 1.1em; font-weight: bold; color: #A3DCED;  margin: 0 0 0 0;
}
#contenido  h3 a { margin: 0 0 0 0; color: #A3DCED; }
#contenido  h3 a:hover { margin: 0 0 0 0; color: white; }
#contenido #mapa h3 { color: #0C4B49;}


/* Parrafos y listas */
strong { font-weight: bold; }
em { font-style: oblique; }

.parrafo_normal, .parrafo_decorado, .lista_contenido li {  
 font-size: 1.5em; line-height: 1.3em; color: #B7C9C9; 
}
.grande li { font-size: 1.7em; line-height: 1.5em;}

.parrafo_normal strong, .lista_contenido li strong { color: #A3DCED; }
.parrafo_normal a strong, .lista_contenido li a strong { color: #B7C9C9; }
.parrafo_normal a:hover strong, .lista_contenido li a:hover strong { color: white; }

.parrafo_normal { margin: 0px 0px 13px 0px; }
.parrafo_normal.sinmargen { margin: 0px 0px 0px 0px; }
.suelto { margin: 8px 73px 0px 73px; }
.lista_contenido { margin: 0px 50px 13px 20px; padding: 0; }
.lista_contenido li { margin: 2px 0; }
.lista_contenido ul, .lista_contenido ol {  margin: 0px 0px 5px 20px; }
ul.lista_contenido, ul.lista_contenido ul { list-style-image: url(../../imagenes/comunes/icono-lista-contenido.gif); }
.lista_contenido ul li, .lista_contenido ol li { font-size: 1em; }

/* Enlaces sencillos */
.parrafo_normal a, .parrafo_decorado a, .lista_contenido li a, .elemento_descargable a {
 color: #B7C9C9; border-bottom: 1px solid #26A1C5;
}
.parrafo_normal a:hover, .parrafo_decorado a:hover, .lista_contenido li a:hover, .elemento_descargable a:hover {
 color: white; border-bottom: 1px solid #26A1C5;  
}

/* Enlaces especiales */
.enlaces { padding-top: 20px; }
#contenido a.seccion_actual {font-weight: bold; color: white; }
a.volver { padding: 0 0 0 17px; margin-right: 15px; background: url(../../imagenes/comunes/boton-volver-icono.jpg) no-repeat left center;}
a.subir { padding: 0 0 0 17px;  margin-right: 15px; background: url(../../imagenes/comunes/boton-subir-icono.jpg) no-repeat left center;}

/* mapa del sitio */
.lista_contenido li.posicionamiento_mapa a { /*font-size: 0.7em;*/ border-bottom: none; color: #568484; }


/* PIE */
#pie {
 display: block; height: 210px; 
 clear: both; margin: 40px 50px 0px 50px;
 background: url(../../imagenes/comunes/pie-fondo.jpg) no-repeat left top; 
 position: relative;
}
img#logo { position: absolute; top: 3px; left: 0px; }
img#telefono { position: absolute; top: 12px; left: 547px; }
p#enlaces_pie {
 position: absolute; top: 120px; /*left: 570px;*/right: 60px;
 font-size: 1.1em; line-height: 1.3em; color: #87AAAB; 
 text-align: right;
}
p#enlaces_pie a { color: #87AAAB; border-bottom: 1px solid #558180; }
p#enlaces_pie a:hover { color: #B7C9C9; }
p#texto_pie {
 position: absolute; top: 76px; left: 77px;
 font-size: 1.5em; line-height: 1.1em; color: #87AAAB; 
}
.posicionamiento {
 display: block; margin-bottom: 10px;
 text-align: right; line-height: 1.3em;
}
p#enlaces_pie .posicionamiento a { color: #568484; border-bottom: none; }
p#enlaces_pie .posicionamiento a:hover { color: #87AAAB; }

/* Ajuste de alturas */
.ajuste_index { clear:both; display: block; height: 17px;}
/*.ajuste_instalaciones { clear:both; display: block; height: 0px;}*/
.ajuste_tratamientos { clear:both; display: block; height: 176px;}
.ajuste_videos { clear:both; display: block; height: 29px;}
/*.ajuste_creditos { clear:both; display: block; height: 155px;}*/
.ajuste_mapa { clear:both; display: block; height: 38px;}

-->