/* La presente hoja de estilos resuelve la estructuración 
de contenidos y el aspecto visual general de la web de FSOESA

Author: LpR-Solutions

*/

/*------ ESTRUCTURA DE PAGINA ----------*/

body {
 text-align : left;
 background-color: #EAE9DF;
 margin : 0px auto;
 border: none;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 0.7em;
 color :#000;
 width : 750px;
 }

/*--- BLOQUE DE ENCABEZADO DE PÁGINA 
     (LOGOTIPO, IMAGEN DE CABECERA) ------*/

/* Contenedor de la cabecera */
#header {
 display : block;
 margin-top: 1.2em;
 width : 740px;
 height : 140px;
 background-color : #FFF;
 padding-left :1em;
 }

/* Logo */
#logo {
 display : block;
 float : left;
 width : 102px;
 height : 114px;
 border-top : 1em #FFF solid;
 /*background-image: url(../images/logo.jpg);*/
 }

/* Separador entre el logo y la imagem de cabecera */
#sep-vertical {
 display : block;
 float: left;
 margin-left: 1em;
 width: 3px;
 height :81%;
 border-top : 1em #FFF solid;
 background-image : url(../images/separador.gif);
 /*background-repeat:repeat-y;*/
 }

/* Imagen de la cabecera */
#imgcab {
 display : block;
 float : left;
 margin-left: 1em;
 width : 600px;
 height : 80px;
 background-color: #0042f0;
 border-top : 1em #FFF solid;
 /*padding-top: 0.5em;*/
 }
 
/* Separador entre la cabecera y el contenido */
#sep-horizontal {
 display : block;
 float: left;
 width: 726px;
 height : 3px;
 border-top : 1em #FFF solid;
 background-image : url(../images/horizontal.gif);
 background-repeat: repeat-x;
 }
 
 /* Barra de la navegacion recursiva */
#navbar {
 margin-top: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 height: 25px; 
 /* Para el exploter */
 height: 22px !important */;
 background-color: #0042f0;
 padding: 0.7em 0em 0em 0em;
 }

/* Elementos del menu de navegacion recursiva */ 
#navbar li {
 display: inline;
 }

 /* Enlaces del menu recursivo*/
#navbar a, #navbar a:visited {
 /* Cambios para poner Travel Club en el menu */
 /*padding: 0em 0.3em 0em 0.3em;*/
 padding: 0em 0.5em 0em 0.5em;
 font-family: Verdana;
 /* Cambios para poner Travel Club en el menu */
 /*font-size: 1.2em;*/
 font-size: 1.02em;
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
 border-bottom: 0px dotted #ccc8c5;
 }

#navbar a:hover {
 color: #0042f0;
 font-weight:bold;
 background-color: #ff9e3d;
 /* Cambios para poner Travel Club en el menu */
 /*padding: 0em 0.3em 0.75em 0.3em;*/
 padding: 0em 0.5em 1.05em 0.5em;
 }
 
#navbar #selected{
 color: #0042f0;
 font-weight:bold;
 background-color: #FFF;
 /* Cambios para poner Travel Club en el menu */
 /*padding: 0em 0.3em 0.75em 0.3em;*/
 padding: 0em 0.5em 1.05em 0.5em;
 }

 
/*----------- BLOQUE CENTRAL DE CONTENIDOS -------*/
/* Contenedor del bloque central*/
#central{
 display:block;
 float:left;
 width:740px;
 height:auto;
 background-color:#FFF;
 padding: 1.2em 0em 1.2em 1em;
 padding: 0.3em 0em 1.2em 1em !important */;
 }
 
/*------ Espacio lateral izquierdo -------*/
#izq{
 display : block;
 float: left;
 width : 102px;
 background-color : #FFF;
 }

 
 /* Etiqueta con el enlace a la ficha profesional desde la home */
 #ficha{
 width : auto;
 font-weight: bold;
 font-size: 11px;
 font-family: tahoma, verdana, arial, sans-serif;
 padding: 5px 2px 5px 2px;
 text-align:center;
 border: 1px #B2B2E6 solid;
 background-color:#f1f1f1;
}

#ficha a{
color:#ff0000;
 /*font-weight: bold;*/
 border-bottom: 0px;
}

/* Separacion entre bloques de la home */
#sep-vertical-home {
 display : block;
 float: left;
 margin-left: 1em;
 /* Para poner la foto de la tarjeta travel mas
 grande y que el explorer lo cuadre bien */
 margin-left: 0.3em !important */;
 width: 3px;
 /* Esto es para los navegadores decentes */
 /*height : 785px;*/
 height : 350px;
 
 /* Esto solo lo entiende el exploter */
 /*height : 748px !important ;*/
 height : 350px !important */;

 background-image : url(../images/separador1.gif);
 }

/* Contenido de la home */
#content-home {
 display:block;
 width : 595px;
 margin-left: 1em;
 padding-right: 1em;
 float:left;
 height : auto;
 background-color : #FFF;
 }
 
/* Foto de la home */
.foto-home1{
 float:right;
 margin: 1em 1.5em 1em 0em; 
}

/* Foto del resto de la web */
.foto-home{
 float:right;
 margin: 0em 0em 1em 1em; 
 border: 1px solid #dfdfdf;
}

/* Foto de travel */
.foto-travel{
 margin: 0em 0em 1em 0em; 
 border: 1px solid #000;
}

/*---------- Contenido general ------------*/
#content {
 display:block;
 width : 725px;
 float:left;
 height : auto;
 background-color : #FFF;
 }

 /* Listas de enlaces */
/* Texto de color rojo a peticion del cliente */
#content li a:link,#content li a:visited  {
 color:#ff0000;
 font-weight: bold;
 border-bottom: 0px;
 /*font-size:1.3em;*/
}

#content li a:hover  {
 color:#ff0000;
 font-weight: bold;
 border-bottom: 1px dotted #ff0000;
 /*font-size:1.3em;*/
}

/*------ CLASES PARA EL PIE DE PAGINA -------*/
/* Contenedor del pie de pagina */ 
#footer {
 clear:both;
 border-top: 1px #B2B2E6 solid;
 width : 740px;
 height : 35px;
 background-color : #FFF;
 padding-top: 0.7em;
 padding-bottom: 0.7em;
 padding-left:1em;
 border-bottom : 8px #B2B2E6 solid;
 margin-bottom:1.3em;
 }

/* Contenido de la direccion */
#footer .dir {
 height: 10px;
 float:right;
 padding : 0em;
 color: #777;
 text-align:center;
 font-size:0.9em;
 }

/* Contenido de los telefonos */
#footer .tel {
 width:40%;
 float:right;
 padding-right : 1.2em;
 color: #777;
 text-align:right;
 font-size:0.9em;
 }
 
 /*------ CLASES DE FORMULARIOS ---------------------------------------------*/

form {
 background-color: #FFF;
 width : 100%;
 padding-top : 10px;
 }

.cajaform {
 width : 100%;
 }

.cajaform .obligatorio{
 padding: 4px;
 display: block;
 width: 100%;
 float: left;
 height:auto;
 clear:left;
 border-bottom: 1px solid #FFFFFF;
 background: #f1f1f1 url('../images/obligatorio.gif') no-repeat 350px 11px;
 }
 
.cajaform .obligatorio label{
 padding: 4px;
 display: block;
 width: 150px;
 float: left;
 height:auto;
 clear:left;
 }

.cajaform .opcional{
 padding: 4px;
 display: block;
 width: 100%;
 float: left;
 height:auto;
 clear:left;
 border-bottom: 1px solid #FFFFFF;
 background-color:#FFFFFF;
 }
 
.cajaform .opcional label{
 padding: 4px;
 display: block;
 width: 150px;
 float: left;
 height:auto;
 clear:left;
 background-color:#FFF;
 }

 
.cajaform .opcional .dia{
 padding: 4px;
 display: block;
 width: 175px;
 float: left;
 height:auto;
 background-color:#FFF;
 } 
 
 
 
.cajaform span.submit {
 display: block;
 text-align : right;
 padding: 10px;
 /*border-bottom: 1px solid #999;*/
 }

.botonform {
 width : auto;
 font-weight: bold;
 font-size: 11px;
 font-family: tahoma, verdana, arial, sans-serif;
 padding-right: 15px;
 padding-left: 15px;
 padding-top: 5px;
 padding-bottom: 5px;
 border: 1px #B2B2E6 solid;
 background-color:white;
 }

textarea {
 width : 170px;
 height : 70px;
 font-size: 11px;
 font-family: tahoma, verdana, arial, sans-serif;
 font-size: 1.0em;
 }

input {
 width : 170px;
 font-size: 11px;
 font-family: tahoma, verdana, arial, sans-serif;
 }

.inputradio, .inputcheckbox {
 width : auto;
 background : none;
 }

select {
 width : 170px;
 font-size: 11px;
 font-family: tahoma, verdana, arial, sans-serif;
 }

.selectpeque {
 width : 55px;
 }
 
 /*--------- CLASES VARIAS ------*/
a:link, a:visited {
 font-weight: normal;
 text-decoration:none;
 border-bottom: 1px dotted #ccc8c5;
 color: #45709d;
 }

/*a:visited{
 font-weight : normal;
 text-decoration:none;
 color: #45709d;
 }
*/
a:hover {
 font-weight : normal;
 text-decoration:none;
 color: #F00;
 }
 */
p{
 margin-top:0em;
 }

h1, h2, h3, h4, h5, h6 {
 margin : 0;
 padding: 0;
 }

h1{
 width : 100%;
 display :block;
 height : auto;
 font-size : 1.8em;
 font-weight: bold;
 color : #0055A4;
 border-bottom : 1px solid #0055A4;
 padding-top : 0em;
 padding-left: 0em;
 margin-bottom : 0.5em;
 }

h2{
 width : 100%;
 display :block;
 height : auto;
 font-size : 1.4em;
 font-weight: bold;
 color : #0055A4;
 border-bottom : 1px dotted #0055A4;
 padding-top : 0em;
 padding-left: 0em;
 margin-bottom : 0.5em;
 }

 
 
 /* PAGINA DE CONTACTO */
#datos_contacto {
	display: block;
	float: left;
	width: 23em;
	margin: 0;
	padding: 1em 0 0 0;
	font-size:12px;
}

#datos_contacto ul {
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
}

#datos_contacto h3{
	font-size:1em;
	font-weight: bold;
	color: #76797C;
}

#datos_contacto li {
	background: url("../images/back_icon_contacto.gif") top left repeat-y;
}

#datos_contacto .direccion {
	background: url("../images/icon_carta.gif") 12px 4px no-repeat;
	padding-left: 45px;
}
#datos_contacto .telefono {
	background: url("../images/icon_movil.gif") 12px 4px no-repeat;
	padding-left: 45px;
}
#datos_contacto .fax {
	background: url("../images/icon_fax.gif") 10px 4px no-repeat;
	padding-left: 45px;
}
#datos_contacto .bus {
	background: url("../images/icon_bus.gif") 12px 4px no-repeat;
	padding-left: 45px;
}
#datos_contacto .metro {
	background: url("../images/icon_metro.gif") 8px 4px no-repeat;
	padding-left: 45px;
}
#datos_contacto .mail {
	background: url("../images/icon_mail.gif") 8px 0px no-repeat;
	padding-left: 45px;
}

/* Clases para el listado de letras de empresas */
#empresas
{
 width: 520px;
 margin-left:35px;
 /*margin-top:20px;*/
 margin-top: -30px !important */;
}

#empresas .letra
{
 float:left;
 width:15%;
 line-height:50px;
 font-size:14px;
}


/* Cambios para poner Travel Club en el menu */
#empresas .letra_travel
{
 float:left;
 width:30%;
 line-height:50px;
 font-size:14px;
 /*text-indent: 0px;*/
}

#empresas a
{
 font-weight:bold;
}

#empresas ul
{
	list-style-image:url('../images/bullet.gif');
	padding-top:2em;
}

#empresas li
{
	padding-bottom: 2em;
}
/* Clases para el listado de las provincias de clinicas*/
#clinicas
{
 width: 510px;
 margin-left:15px;
 padding-top:10px;
}

#clinicas .provincias
{
 float:left;
 width:33%;
 margin-bottom:30px;
 font-size:12px;
}

#clinicas a
{
 font-weight:bold;
}

/* Clases para los listado de clinicas y de empresas */
#listado {
	display: block;
	float: left;
	padding: 0 0 0 3em;
}

#listado ul {
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
}

#listado li
{
	padding: 1em;
}

/* Saca el icono de travel para la clinica */
#listado .travel1 {
	background: url("../images/icon_travel.gif") 12px 2px no-repeat;
	padding-left: 45px;
}

/* No saca el icono */
#listado .travel0 {
	background:transparent;
	padding-left: 45px;
}