@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: arial;
	font-size: 11px;
}

.enlace {
	color: #373737;
	background-color: #EBEBEB;
	padding: 3px;
	border: 1px solid #40C5C2;
	width: 110px;
	display: block;
	text-align: center;
	float: right;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}

p {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	color: #373737;
	font-size: 12px;
}

#texto_edad p, #texto_home p, #texto_servicios p, #texto_sanidad p {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	color: #FFF;
	font-size: 11px;
}

a {
	color: #20bab6;
}

h1 {
	font-size: 18px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #20bab6;
	font-weight: normal;
	text-align: center;
}

.color_azul {
	color: #20bab6;
}

/*
h1 {
	font-size: 13px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
*/
h2 {
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
	background-color: #21BAB8;
	display: block;
	height: 20px;
	width: 100%;
	border: 1px solid #00B7B0;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	text-align: center;
}

h4 {
	padding: 0px;
	margin: 0px;
}
h4 a {
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
	background-color: #21BAB8;
	display: block;
	height: 20px;
	width: 100%;
	border: 1px solid #00B7B0;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	margin: 0px;
}


.citas h3 {
	font-size: 11px;
	line-height: 12px;
	color: #FFF;
	display: block;
	height: 12px;
	border: 1px solid #999;
	padding: 2px;
	text-align: center;
	margin: 0px;
	font-weight: bold;
	width: auto;
	background-color: #21BAB8;
}

h2 a, h3 a {
	color: #FFF;
}

ul {
	font-family: arial;
	font-size: 11px;
	padding-left: 15px;
}

li{
	color: #373737;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}

li a{
	color: #373737;
}

li a:hover {
	color: #19171C;
}

#contenedor {
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#cabecera {
	height: 75px;
	width: 100%;
}
#contenido {
	height: auto;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
#menu_izq {
	height: auto;
	width: 140px;
	float: left;
	background-color: #40C5C2;
	border: 1px solid #23B8B6;
}
#contenido_der {
	float: right;
	width: 730px;
}
#pie {
	height: 110px;
	width: 100%;
	clear: both;
}
#subcontenido_izq {
	float: left;
	width: 63%;
	margin-bottom: 5px;
	border: 1px solid #999;
	padding: 5px;
}
#subcontenido_der {
	float: right;
	width: 35%;
}
.citas {
	margin-bottom: 5px;
	border: 1px solid #999;
	padding: 5px;
}
.citas_boton {
	border: 1px solid #999;
}
.fondo_verde {
	background-color: #B3E8E7;
	padding: 5px;
}
.campos_especialidades {
	width:380px;
}.campos_especialidades1 {
	width:350px;
}
.ajaxtooltip{
	position: absolute; /*leave this alone*/
	display: none; /*leave this alone*/
	width: 300px;
	left: 0; /*leave this alone*/
	top: 0; /*leave this alone*/
	background: lightyellow;
	border: 2px solid gray;
	border-width: 1px 2px 2px 1px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ajaxtooltip li{
	color:#000;
}
.capa_izq {
	float: left;
}
#home {
	background-image: url(../imagenes/fondo-home.jpg);
	height: 367px;
	width: 878px;
	padding-left: 22px;
}
#edad {
	background-image: url(../imagenes/fondo-edad.jpg);
	height: 367px;
	width: 890px;
	padding-left: 10px;
}
#servicios {
	background-image: url(../imagenes/fondo-servicio.jpg);
	height: 367px;
	width: 890px;
	padding-left: 10px;
}
#sanidad {
	background-image: url(../imagenes/fondo-guia-sanidad.jpg);
	height: 368px;
	width: 890px;
	padding-left: 10px;
}
#texto_home {
	float: left;
	width: 212px;
	margin-right: 10px;
	margin-top: 5px;
	text-align: justify;
	padding: 0px;
}

#texto_edad {
	float: left;
	height:355px;
	width: 205px;
	margin-right: 2px;
	padding-top: 5px;
	text-align: justify;
	background-color: #6FD3D1;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#texto_servicios {
	float: left;
	height:355px;
	width: 205px;
	margin-right: 2px;
	padding-top: 5px;
	text-align: justify;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../imagenes/fondo-servicios.jpg);
	background-repeat: repeat-x;
}

#texto_sanidad {
	float: left;
	height:355px;
	width: 205px;
	margin-right: 2px;
	padding-top: 5px;
	text-align: justify;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../imagenes/fondo-sanidad.jpg);
	background-repeat: repeat-x;
}


.capa_der {
	float: right;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.mitad_izq {
	float: left;
	width: 50%;
	text-align: justify;
}
.productos_izq {
	float: left;
	width: 400px;
	text-align: justify;
}
.mitad_der {
	float: left;
	width: 48%;
	text-align: justify;
	margin-top: 25px;
	margin-left: 2%;
}
.productos_der {
	float: left;
	width: 480px;
	text-align: justify;
	margin-top: 25px;
}
#servicios1 ,#servicios2 ,#servicios3 ,#servicios4 ,#servicios5 ,#producto1 ,#tarjeta1 ,#producto2 ,#tarjeta2 ,#producto3 ,#tarjeta3 ,#producto4 ,#tarjeta4 ,#producto5 ,#tarjeta5 {
	display:none;
}

#menu {
	height: 32px;
	width: 890;
	margin-left:10px;
	text-align: center;
	position: relative;
	font-family: arial;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../imagenes/fondo-menu-completo.jpg);
}



ul#navmenu-h {
	border: 0 none;
	width: 900px; /*For KHTML*/
	list-style: none;
	padding: 0px;
	margin: 0;
}

ul#navmenu-h li {
	border: 0 none;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	color: #FFFFFF;
}

ul#navmenu-h ul {
	border: 0 none;
	width: 200px;
	list-style: none;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	visibility: hidden;
}

ul#navmenu-h ul li {
	width: 200px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline;
}

/* Root Menu */
ul#navmenu-h a {
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	height: 22px;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	background-image: url(../imagenes/fondo-menu.jpg);
	background-repeat: repeat-x;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #20bab6;
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 44px;
	margin: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #08a9a4;
	border-left-color: #76cfcd;
	line-height: 22px;
}

ul#navmenu-h a:hover {
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #000000;
	text-decoration: none;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}



#menu2 {
	height: 39px;
	width: 100%;
}

ul#navmenu2-h {
	border: 0 none;
	width: 900px; /*For KHTML*/
	list-style: none;
	padding: 0px;
	margin: 0;
}

ul#navmenu2-h li {
	border: 0 none;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	color: #FFFFFF;
}

ul#navmenu2-h ul {
	border: 0 none;
	width: 200px;
	list-style: none;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
}

ul#navmenu2-h ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	visibility: hidden;
}

ul#navmenu2-h ul li {
	width: 200px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline;
}

/* Root Menu */
ul#navmenu2-h a {
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	height: 39px;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../imagenes/menu.jpg);
	background-repeat: repeat-x;
	line-height: 39px;
	width: 118px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
}

ul#navmenu2-h a:hover {
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 39px;
	background-image: url(../imagenes/menu-on.jpg);
}
.activo {
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	height: 39px;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../imagenes/menu-on.jpg);
	background-repeat: repeat-x;
	line-height: 39px;
	width: 118px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#menu_izq ul {
	font-family: arial;
	font-size: 11px;
	padding-left: 10px;
	margin: 0px;
}

#menu_izq li{
	color: #FFF;
	font-weight: bold;
	list-style-type: none;
}

#menu_izq li a{
	color: #FFF;
	text-decoration: none;
}

#menu_izq li a:hover {
	color: #19171C;
}


.formacion-tr-titulo{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #49C7C3;
	border: 1px solid #666;
}.formacion-tr{
	font-size: 12px;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}