/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #98A4B1;
margin:0;
}

p {margin:0;padding:0}
form {margin:0; padding:0}
ul {margin:0 0 0 17px; padding:0}


#contenedor {
margin:0 auto;
width: 966px;
height: 571px;
background: #E9ECF3;
border: 1px solid white;
}

#cabecera {
width: 313px;
height: 571px;
position:absolute;
border-right: 1px solid white;
background: url(../../images/fondocab.gif) bottom repeat-x
}

#cabecera .logo {
width: 153px;
height: 127px;
position:absolute;
margin: 13px 0 0 9px;
}

#cabecera .lateral {
width: 144px;
height: 571px;
background:url(../../images/fondo_cabecera.jpg) no-repeat;
text-indent: -9999px;
position:absolute;
margin: 0 0 0 169px;
}


/*** Menu principal ***/

#menu {
margin: 177px 0 0 9px;
position:absolute;
}

#menu ul {margin:0; padding:0; list-style:none}
#menu li {margin-bottom:3px}

#menu a.boton {
display:block;
width: 156px;
height: 31px;
text-indent: -9999px;
}

#menu a.boton:hover {background-position: 0 -31px}
#menu #activo {background-position: 0 -62px; cursor:default}

#menu .clinica {background:url(../../images/menu/clinica.gif)}
#menu .instalaciones {background:url(../../images/menu/instalaciones.gif)}
#menu .servicios {background:url(../../images/menu/servicios.gif)}
#menu .novedades {background:url(../../images/menu/novedades.gif)}


/*** Otros elementos ***/

#submenu_top {
width: 642px;
height: 24px;
border-bottom: 1px solid white;
position:absolute;
margin: 0 0 0 313px;
padding-right:10px;
}

#submenu_top ul {margin:0; padding:0; list-style:none}
#submenu_top li {display:inline }

#submenu_top a.boton {
display:block;
height: 20px;
text-indent: -9999px;
float:right;
margin-left: 36px;
}

#submenu_top a.boton:hover {background-position: 0 -20px}
#submenu_top #activo3 {background-position: 0 -20px}

#submenu_top .home {background:url(../../images/submenu/top/home.gif); width: 70px}
#submenu_top .ubicacion {background:url(../../images/submenu/top/ubicacion.gif); width: 87px}
#submenu_top .contacto {background:url(../../images/submenu/top/contacto.gif); width: 91px}

#submenu_principal {
width: 652px;
height: 47px;
position:absolute;
margin: 24px 0 0 314px;
background: url(../../images/fondo_submenu.gif);
border-bottom:1px solid white
}

#submenu_principal ul {margin:22px 0 0 15px; padding:0; list-style: none}
#submenu_principal li {display:inline}

#submenu_principal .separador {
float:left;
width: 23px;
height: 17px;
background:url(../../images/submenu/separador.gif);
}

#submenu_principal a.boton {
display:block;
height: 17px;
text-indent: -9999px;
float:left;
}

#submenu_principal a.boton:hover {background-position: 0 -17px}
#submenu_principal #activo2 {background-position: 0 -17px; cursor:default}

#submenu_principal .filosofia {background:url(../../images/submenu/clinica/01_filosofia.gif); width:61px}
#submenu_principal .profesionales {background:url(../../images/submenu/clinica/02_profesionales.gif); width:99px}
#submenu_principal .calidad {background:url(../../images/submenu/clinica/03_calidad.gif); width:51px}

#submenu_principal .consultas {background:url(../../images/submenu/instalaciones/01_consultas.gif); width:70px}
#submenu_principal .laser {background:url(../../images/submenu/instalaciones/02_laser.gif); width:82px}
#submenu_principal .diagnostico {background:url(../../images/submenu/instalaciones/03_diagnostico.gif); width:81px}
#submenu_principal .quirurgica {background:url(../../images/submenu/instalaciones/04_quirurgica.gif); width:111px}

#submenu_principal .oftalmologia {background:url(../../images/submenu/servicios/01_oftalmologia.gif); width:90px}
#submenu_principal .general {background:url(../../images/submenu/servicios/02_general.gif); width:102px}
#submenu_principal .estetica {background:url(../../images/submenu/servicios/03_estetica.gif); width:246px}
#submenu_principal .otros {background:url(../../images/submenu/servicios/04_otros.gif); width:103px}

/*** Contenido ***/

#cuerpo {
width: 652px;
height: 499px;
position:absolute;
margin: 72px 0 0 314px;
background:url(../../images/fondocab.gif) bottom repeat-x;
}

#pie {
font-size:14px;
color:white;
position:absolute;
margin: 480px 0 0 16px;
}

#pie a {color:white; text-decoration:underline}
/*** Portada ***/

#port_bienvenido {
width: 354px;
height: 225px;
position:absolute;
border-bottom:1px solid white;
padding: 19px 29px;
}

#port_bienvenido a {color: black; text-decoration:underline}

#port_bienvenido .titulo {
margin-bottom:20px;
}

#port_secciones {
width: 396px;
height: 191px;
position:absolute;
background: #91B0E6;
margin: 264px 0 0 0;
padding: 21px 0 0 17px;
}

#port_secciones .ficha {
width: 184px;
float:left;
margin-right:0;
}

#port_secciones .ficha .texto {width: 60px; float:left; color:white; text-align:right}
#port_secciones .ficha .texto .titulo {margin-bottom:10px}
#port_secciones .ficha .imagen {width: 114px; float:right}
#port_secciones .enlace {clear:both; padding-top:10px}
#port_secciones .enlace a {color: black; text-decoration:none}
#port_secciones .enlace a:hover {color: #654D80}

#port_novedades {
width: 224px;
height: 476px;
background: #C5C9D5;
border-left:1px solid white;
position:absolute;
margin: 0 0 0 408px;
padding: 0 10px;
}

#port_novedades_sin {
width: 224px;
height: 476px;
border-left:1px solid white;
position:absolute;
margin: 0 0 0 412px;
}

#port_novedades .titulo { }

#port_novedades .ficha {
border-top: 1px solid #949BB1;
padding-top:5px;
clear:both;
}

#port_novedades .ficha .contenido {margin-top:10px; height: 115px}
#port_novedades .ficha .contenido img {float:left;margin: 0 7px 7px 0}
#port_novedades .ficha .bottom {clear:both; padding-top:7px}
#port_novedades .ficha .bottom .precio {width: 100px; float:left; color: white }
#port_novedades .ficha .bottom .enlace {width: 100px; float:right; text-align:right; padding-top:8px}
#port_novedades .ficha .bottom .enlace a {color: black; text-decoration:none}
#port_novedades .ficha .bottom .enlace a:hover {color: #654D80}


.pvp {font-size:22px}

/*** Clinica ***/

#clinica { }

#clinica .texto {
width: 148px;
height: 452px;
border-right: 1px solid white;
position:absolute;
padding: 12px;
}

#clinica .texto .titulo {margin-bottom: 36px}

#clinica .imagenes {
width: 469px;
height: 468px;
position:absolute;
background: #91B0E6;
margin: 0 0 0 173px;
padding: 8px 0 0 10px
}

#clinica .imagenes img {float:left; margin: 0 8px 8px 0}

#clinica .profesionales {
width: 461px;
height: 385px;
position:absolute;
background: #91B0E6;
margin: 0 0 0 173px;
padding: 91px 0 0 18px
}

#clinica .profesionales .ficha {
height: 106px;
width: 446px;
border-bottom:1px solid white;
margin-bottom:12px;
color:white;
}

#clinica .profesionales .ficha img {float:right; border: 1px solid white; margin:3px 0 0 10px;}
#clinica .profesionales .ficha a {color:white; text-decoration:none}
#clinica .profesionales .ficha a:hover {color:white; text-decoration:underline}
#clinica .profesionales .ficha p.descripcion {margin-top:4px; line-height:13px}

#clinica .profesionales .ficha .titulo {
font-size:14px;
font-weight:bold;
color:black;
border-bottom:1px solid white;
margin-bottom:8px;
height:16px;
}

#clinica .profesionales .ficha .titulo a {color:black; text-decoration:none}
#clinica .profesionales .ficha .titulo a:hover {color:black; text-decoration:none}

#clinica .profesionales .ficha a.volver {
font-size:11px;
color:white;
font-weight:bold;
text-decoration:none;
float:right;
}

#clinica .profesionales .ficha a.volver:hover {color:black; text-decoration:none}

.paginado {
position:absolute;
width: 446px;
margin-top:356px;
}

.paginado ul {
margin: 0;
padding: 0;
text-align: right; 
font-size: 11px;
font-weight:bold
}

.paginado li {
list-style-type: none;
display: inline;
padding-bottom: 1px;
line-height:18px
}

.paginado a, .paginado a:visited{
padding: 0 5px;
border: 1px solid white;
text-decoration: none; 
color: white;
}

.paginado a:hover, .paginado a:active{
border: 1px solid white;
color: white;
background-color: #654D80;
}

.paginado a.currentpage{
background-color: #654D80;
color: white; !important;
border: 1px solid white;
cursor: default;
}

/*** Instalaciones ***/

#instalaciones { }

#instalaciones .texto {
width: 342px;
height: 466px;
background: #E9ECF3;
position:absolute;
padding: 10px 15px 0 15px;
}

#instalaciones .texto .titulo {margin-bottom:30px}

#instalaciones .imagen {
width: 261px;
height: 460px;
background: #C5C9D5;
position:absolute;
margin-left: 372px;
border-left: 1px solid white;
padding: 16px 0 0 18px;
}

/*** Elementos específicos SERVICIOS ***/

#servicios {
}

#servicios .left {
width: 264px;
height: 476px;
position: absolute;
}

#servicios .left .menu {
width: 265px;
height: 277px;
position:absolute;
margin-top: 198px;
background: #91B0E6;
border-top:1px solid white;
}

#servicios .left .menu ul {margin:25px 0 0 30px; padding:0}

#servicios .left .menu li {
list-style:url(../../images/circulo.gif);
color:white;
margin-bottom:10px;
}

#servicios .left .menu li a {color:white; text-decoration:none; display:block;
width: 265px; border-bottom:1px solid #91B0E6}
#servicios .left .menu li a:hover {color:white; border-bottom:1px solid white}
#servicios .left .menu li a#activo {color:white; font-weight:bold;  border-bottom:1px solid white}

#servicios .right {
width: 356px;
height: 446px;
position:absolute;
border-left: 1px solid white;
background: #C5C9D5;
margin-left: 265px;
padding: 15px;
}

#servicios .right #titulo_flash {
margin-bottom:18px;
position:absolute;
}

#servicios .right .contenido {
position:absolute;
margin-top:45px;
width: 356px;
}

#servicios .galeria {
width:361px;
height: 265px;
position:absolute;
margin-top:184px;
}

#servicios .galeria .miniaturas {
width: 68px;
float:left;
}

#servicios .galeria .miniaturas a.mini {
display:block;
width: 66px;
height: 63px;
border: 1px solid white;
margin-bottom:2px;
}

#servicios .galeria .miniaturas a.mini_on {
display:block;
width: 66px;
height: 63px;
border: 1px solid #654D80;
margin-bottom:2px;
cursor:default
}

#servicios .galeria .miniaturas a.mini:hover {border: 1px solid #654D80}

#servicios .galeria .foto {
width: 282px;
height: 264px;
border:1px solid white;
float:right;
}


/*** Novedades ***/

 #novedades { 
width: 622px;
height: 468px;
background: #C5C9D5;
position:absolute;
padding: 8px 15px 0 15px;
 }

#novedades .left {
width: 200px;
height: 461px;
position:absolute;
}

#novedades .left h1 {
width: 200px;
height: 39px;
background:url(../../images/titulo_novedades.gif) no-repeat;
text-indent: -9999px;
border-bottom:1px solid #949BB1;
margin: 0 0 9px 0;
font-size:12px;
}

#novedades .left a.boton {
display:block;
width: 182px;
height: 53px;
border: 1px solid #667AB3;
color: #667AB3;
text-decoration:none;
margin-bottom:6px;
padding:8px;
}

#novedades .left a.boton:hover {
background: #667AB3;
color:white;
border: 1px solid white
}

#novedades .left a.boton_activo {
display:block;
width: 182px;
height: 53px;
background: #667AB3;
color:white;
border: 1px solid white;
cursor:default;
text-decoration:none;
margin-bottom:6px;
padding:8px;
}

#novedades p.texto {
line-height:12px;
margin-top:2px;
}

#novedades .right {
width: 413px;
height: 397px;
position:absolute;
margin: 39px 0 24px 215px;
border-top: 1px solid #949BB1;
border-bottom: 1px solid #949BB1;
}

#novedades .right #titulo_flash {
width: 412px;
height: 26px;
margin:7px 0 4px 0;
}

#novedades .right .caja_con_imagen {
width: 200px;
height: 242px;
float:right;
margin-left:10px;
}

#novedades .right .caja_precio {
width: 200px;
height: 70px;
position:absolute;
margin: 380px 0 0 180px;
}

#novedades .right .caja_con_imagen img {margin-bottom:14px}

#novedades

#novedades .right .caja_precio .precio {text-align:right;color:white; font-size:14px; margin-bottom:10px}
#novedades .right .caja_precio .pvp {font-size:18px;font-weight:bold; margin-bottom:10px}
#novedades .right .caja_precio .fecha {font-size:11px; text-align:right}


#novedades .right p {margin-bottom:10px; line-height:13px}

/*** Contenidos específicos UBICACIÓN ***/

#ubicacion { }

#ubicacion #map {
width: 475px;
height: 476px;
position:absolute;
}

#ubicacion .direccion {
position:absolute;
width: 164px;
height: 476px;
margin: 0 0 0 475px;
border-left: 1px solid white;
background: #91B0E6;
color:white;
padding-left:12px;
}

#ubicacion .direccion .titulo {
height:33px;
border-bottom: 1px solid white;
margin:240px 0 8px 0;
}

#ubicacion #contacto {
width: 453px;
height: 459px;
position:absolute;
padding: 17px 0 0 22px;
}

#ubicacion #contacto .titulo {margin-bottom:10px}
#ubicacion #contacto table {margin-top:54px}
#ubicacion #contacto tr {height:30px}
#ubicacion #contacto td.tipo1 {
font-weight:bold;
width: 89px;
padding-right: 18px;
text-align:right;
}

#ubicacion #contacto input {
width: 245px;
background: white;
height: 19px;
border: 1px solid #667AB3
}

#ubicacion #contacto textarea {
width: 245px;
background: white;
height: 111px;
border: 1px solid #667AB3;
overflow:hidden
}