/*----------------------------------------------------------------------
' HOJA DE ESTILOS PARA CLINICAS EMECE
' ARCHIVO: estilos.css
' DESCRIPCION: Hoja de estilos de estructura y contenido
' @AUTOR: (C) Inokua - www.inokua.com
' @VERSION 1.0
' @EMPRESA ILEX INTERNET SL ABRIL-2009
-----------------------------------------------------------------------*/
* {
	margin:0; padding:0; list-style:none; border:0;
	}
body {
	font:normal 11px/15px Tahoma, Arial, Helvetica, sans-serif; color:#222;
	background:#fff url(../../img/es/bg.gif) repeat-x left top;
	}

a { outline:none; }

.web {
	width:960px; height:auto;
	margin:0 auto; padding:0;
	}

.head {
	background:url(../../img/es/head2.jpg) no-repeat left top;
	width:960px;
	height:290px;
	position:relative;
	}

.flags {
	display:block;
	width:76px; height:30px;
	position:absolute;
	top:0; right:22px;
	}
	.flags li {
		float:left;
		text-indent:-99999px;
		}
		.flags li.es a {
			display:block;
			width:36px; height:30px;
			background:url(../../img/es/flages.gif) no-repeat left top;
			}
		.flags li.fr a {
			display:block;
			width:40px; height:30px;
			background:url(../../img/es/flagfr.gif) no-repeat left top;
			}
		.flags li a:hover {
			background-position:bottom!important;
			}

.logo {
	position:absolute; display:block;
	width:510px; height:140px;
	top:40px; left:10px;
	text-indent:-99999px;
	}

/*HEADER*/

#enlaces {
	width:135px;
	height:85px;
	position:absolute;
	top:180px;
	left:456px;
	background-repeat: no-repeat;
	font-size: 16px;
	
}

#enlaces a {
	display:block;
	height: 27px;
	width: 76px;
	text-align: left;
	color: #4f3235;
	text-decoration: none;
	padding-top: 10px;
	margin-right: 18px;
	padding-left: 40px;
	padding-bottom: 8px;
}

#enlaces a:hover {
	text-decoration: underline;	
}

.btn_blog {
	background-image: url(../../img/es/btn_blog.jpg);
	background-repeat: no-repeat;
}
.btn_news {
	background-image: url(../../img/es/btn_news.jpg);
	background-repeat: no-repeat;
}

#btnBlog {
	background-image: url(../../img/es/btn_blog.jpg);
	background-repeat: no-repeat;
}
#btnNoticias {
	background-image: url(../../img/es/btn_news.jpg);
	background-repeat: no-repeat;
}

/*FIN HEADER*/


.menu {
	background:url(../../img/es/menubg.gif) repeat-x left top;
	width:960px; height:74px;
	}
	.menu li {
		text-indent:-99999px;
		float:left;
		width:auto; height:74px;
		}
		.menu li a {
			display:block;
			height:74px;
			}
		.menu li a.uno {
			background:url(../../img/es/menu1.gif) repeat-x left top;
			width:92px;
			}
		.menu li a.dos {
			background:url(../../img/es/menu2.gif) repeat-x left top;
			width:131px;
			}
		.menu li a.tres {
			background:url(../../img/es/menu3.gif) repeat-x left top;
			width:193px;
			}
		.menu li a.cuatro {
			background:url(../../img/es/menu4.gif) repeat-x left top;
			width:134px;
			}
		.menu li a.cinco {
			background:url(../../img/es/menu5.gif) repeat-x left top;
			width:110px;
			}
		.menu li a:hover, .menu li.activo a {
			background-position:bottom!important;
			}



#tabla {
	border:1px solid #444;
	}

/* ======= Contenido ======= */

.contenido {
	float:left;
	width:563px; height:auto;
	margin:20px 0; padding:0 20px 0 10px;
	text-align:justify;
	}
	.contenido h1 {
		font:normal 18px/18px Tahoma, Arial, Helvetica, sans-serif;	color:#444;
		margin:0 0 20px; padding:0;
		}
	.contenido h2, .contenido h3 {
		font:bold 11px/11px Tahoma, Arial, Helvetica, sans-serif;	color:#444;
		margin:0 0 20px; padding:0;
		color:#049081;
		}
	.contenido h3.inline {
		font:bold 11px/11px Tahoma, Arial, Helvetica, sans-serif;	color:#444;
		margin:0 0 20px; padding:0;
		color:#049081; display:inline;
		}
	.contenido p {
		margin:0 0 15px; padding:0;
		}
	.contenido a, .contenido a.visible:hover {
		color:#222;
		text-decoration:none;
		}
		.contenido a:hover, .contenido a.visible {
			color:#222;
			text-decoration:underline;
			}
	.contenido ul.deco li {
		padding:0 0 0 20px;
		background:url(../../img/es/arrow.gif) no-repeat 10px 5px;
		}
	.contenido ul.inside li {
		margin:0 0 20px;
		}
	.contenido ul.mrgn {
		margin-bottom:20px;
		}
	.contenido div.inside {
		padding:0 20px;
		}



/* ======= Lateral ======= */

.lateral {
	float:right;
	width:312px; height:auto;
	margin:0; padding:0 25px 20px 30px;
	background:url(../../img/es/bglat.gif) no-repeat left bottom;
	}
	.lateral img {
		margin:15px 0 0; padding:0;
		}
	.lateral p {
		color:#5a6165; line-height:17px;
		margin:10px 0; padding:0;
		}
	.lateral ul li {
		background:url(../../img/es/dot.gif) repeat-x left bottom;
		line-height:28px;
		color:#5a6165;
		}
	.lateral a.active {
		font-weight:bold;
		}
		.lateral ul li a {
			text-decoration:none;
			color:#5a6165;
			padding:0 0 0 5px;
			}
			.lateral ul li a:hover {
				text-decoration:underline;
				}
	.lateral ul li ul {
		background:url(../../img/es/dot.gif) repeat-x left top;
		padding:0 0 0 20px;
		}


.lateral_home {
	float:right;
	width:367px; height:auto;
	}
	.lateral_home .mapa {
		background:url(../../img/es/clinicas.gif) no-repeat left top;
		width:367px; height:150px;
		position:relative;
		}
		.lateral_home .mapa p {
			position:absolute;
			display:block;
			width:230px; height:70px;
			font:normal 11px/17px Tahoma, Arial, Helvetica, sans-serif; color:#79583d;
			left:125px; top:60px;
			text-align:justify;
			}
	.lateral_home .hablamos {
		background:url(../../img/es/hablamos.gif) no-repeat left top;
		width:367px; height:150px;
		position:relative;
		}
		.lateral_home .hablamos a {
			font:normal 11px/17px Tahoma, Arial, Helvetica, sans-serif; color:#79583d;
			text-decoration:none;
			}
			.lateral_home .hablamos a:hover {
				text-decoration:underline;
				}
	.lateral_home .hablamos .ampliar {
		position:absolute;
		left:22px; top:2px;
		}
	.lateral_home .hablamos .clinicas {
		position:absolute;
		left:80px; top:75px;
		}





/* ======= Formulario front-end ======= */

.formulario_frontend {
	width:900px;
	height:auto;
	}
	.formulario_frontend .titulo {
		border-bottom:1px solid #eee;
		padding:0 0 10px;
		margin:0 0 10px;
		}
	.formulario_frontend fieldset {
	border:1px solid #eee;
	padding:10px;
	margin:0;
	width:auto;
	height:auto;
	}

	.formulario_frontend legend {
	font:bold 11px/11px Arial, Helvetica, sans-serif;
	color:#222;
	_margin:0 0 10px;
	}
*:first-child+html .formulario_frontend legend {
	margin:0 0 10px;
	}
	
	.formulario_frontend label {
	display:block;
	float:left;
	width:200px;
	line-height:25px;
	margin:0 0 10px;
	}
	.formulario_frontend input {
	display:block;
	float:left;
	width:150px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	border:1px solid #dedede;
	color:#222;
	margin:0 0 10px;
	}
	.formulario_frontend select {
	display:block;
	float:left;
	width:150px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	border:1px solid #dedede;
	color:#222;
	margin:3px 2px 10px 0;
	}
	.formulario_frontend textarea {
	display:block;
	float:left;
	width:230px;
	height:120px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	border:1px solid #dedede;
	color:#222;
	margin:0 0 10px;
	}
	
	.formulario_frontend br {
	clear:left;
	}
	.formulario_frontend .error_input {
	display:block;
	float:left;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#e0234b;
	width:auto;
	padding:0 0 0 30px;
	margin:3px 0 0;
	background:transparent url(../../img/es/icons/cruz.gif) no-repeat 10px center;
	}
	.formulario_frontend input.check {
	display:block;
	float:left;
	width:auto!important;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#222;
	margin:5px 10px 10px 0;
	}
	.formulario_frontend input.boton {
	display:block;
	float:left;
	width:auto!important;
	border:auto;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#222;
	margin:5px 10px 10px 0;
	}
	
	.formulario_frontend .caja_observaciones {
	border:1px solid #eee;
	background:#f8f8f8;
	padding:10px;
	margin:10px 0 0;
	width:auto;
	height:auto;
	}






.pie {
	clear:both; position:relative;
	color:#9d9d9d;
	float:left; width:960px; height:auto;
	margin:20px 0; padding:15px 0 0 20px;
	background:url(../../img/es/bgfoo.gif) no-repeat center top;
	}
	.pie a {
		color:#686868;
		text-decoration:none;
		}
		.pie a:hover {
			text-decoration:underline;
			}
	.pie .clinicasabortos {
	position:absolute;
	top:17px;
	right:21px;
		}
		.pie .acai {
	position:absolute;
	top:53px;
	right:6px;
		}

/* cambios version 1.1 */

.contenido_lateral {
	height:auto;
	float:right;
	width:367px;
	}

.banner {
	background:#ddd;
	height:150px;
	margin:10px 0;
	float:right;
	width:367px;
	}
.palma {
	margin:0 0 0 15px;
	}
.instalaciones {
	margin:0 0 0 55px;
	}
.boxinstalaciones {
	background:url(../../img/es/nuestrasinstalacionesbg.jpg) repeat-y center top;
	width:542px; margin:0 0 0 10px;
	}
.contenidoinstalaciones a {
	margin:10px 0 10px 23px;
	float:left;
	border:1px solid #ccc;
	}
.mapacomollegar {
	padding:10px 0 30px 10px;
	}
.mapita {
	padding:0 0 0 10px;
	}

a.boton_emece {
	display:block;
	width:auto;
	float:left;
	height:31px;
	font:bold 14px/31px Arial, Helvetica, sans-serif;
	color:#fff!important;
	background:url(../../img/es/2bg_boton.gif) no-repeat left top;
	text-decoration:none;
	margin:0 10px 0 0;
	}
	a.boton_emece span {
		background:url(../../img/es/2bg_boton2.gif) no-repeat right top;
		padding:0 15px;
		display:block;
		width:auto;
		float:left;
		color:#fff!important;
		height:31px;
		font:bold 14px/31px Arial, Helvetica, sans-serif;
		}
a.boton_emece:hover {
	text-decoration:underline;
	}

a#submit {
	display:block;
	width:auto;
	float:left;
	height:31px;
	font:bold 14px/31px Arial, Helvetica, sans-serif;
	color:#fff!important;
	background:url(../../img/es/2bg_boton.gif) no-repeat left top;
	text-decoration:none;
	margin:0 10px 0 0;
	}
	a#submit span {
		background:url(../../img/es/2bg_boton2.gif) no-repeat right top;
		padding:0 15px;
		display:block;
		width:auto;
		float:left;
		color:#fff!important;
		height:31px;
		font:bold 14px/31px Arial, Helvetica, sans-serif;
		}
a#submit:hover {
	text-decoration:underline;
	}