/*----------------------------------------------------------------------
' HOJA DE ESTILOS PARA GINEMEDICA
' ARCHIVO: estilos.css
' DESCRIPCION: Hoja de estilos de estructura y contenido
' @AUTOR: (C) Inokua - www.inokua.com
' @VERSION 1.0
' @EMPRESA ILEX INTERNET SL OCTUBRE-2008
-----------------------------------------------------------------------*/

body {
	background:#fff url(../../img/es/misc/bg.gif) repeat-x left top;
	color:#333333;
	font:12px/18px Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	}
h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	height:inherit;
	line-height:inherit;
	}
p {
	margin:0;
	padding:0;
	}
img {
	border:0;
	}
ul,ol,li {
	margin:0;
	padding:0;
	list-style:none;
	}
form {
	border:0;
	margin:0;
	padding:0;
	}
	
.contenido {
	width:920px;
	height:auto;
	margin:0 auto;
	}

.cabecera {
	width:920px;
	height:107px;
	float:left;
	}
	.cabecera .logo {
		float:left;
		width:246px;
		height:107px;
		}
	.cabecera .cara {
		float:left;
		width:132px;
		height:107px;
		}
	.cabecera .menu {
		float:left;
		width:542px;
		height:107px;
		}
		.cabecera .menu li {
			float:left;
			}
		.cabecera .menu a {
			display:block;
			float:left;
			height:107px;
			text-indent:-99999px;
			}
		.cabecera .menu a:hover {
			background-position:bottom!important;
			}
			
			.cabecera .menu li.uno a {
				width:68px;
				background:url(../../img/es/misc/1.gif) no-repeat left top;
				}
			.cabecera .menu li.dos a {
				width:81px;
				background:url(../../img/es/misc/2.gif) no-repeat left top;
				}
			.cabecera .menu li.tres a {
				width:80px;
				background:url(../../img/es/misc/3.gif) no-repeat left top;
				}
			.cabecera .menu li.cuatro a {
				width:110px;
				background:url(../../img/es/misc/4.gif) no-repeat left top;
				}
			.cabecera .menu li.cinco a {
				width:112px;
				background:url(../../img/es/misc/5.gif) no-repeat left top;
				}
			.cabecera .menu li.seis a {
				width:91px;
				background:url(../../img/es/misc/6.gif) no-repeat left top;
				}
			
			
			.cabecera .menu li.uno_on a {
				width:68px;
				background:url(../../img/es/misc/1_on.gif) no-repeat left top;
				}
			.cabecera .menu li.dos_on a {
				width:81px;
				background:url(../../img/es/misc/2_on.gif) no-repeat left top;
				}
			.cabecera .menu li.tres_on a {
				width:80px;
				background:url(../../img/es/misc/3_on.gif) no-repeat left top;
				}
			.cabecera .menu li.cuatro_on a {
				width:110px;
				background:url(../../img/es/misc/4_on.gif) no-repeat left top;
				}
			.cabecera .menu li.cinco_on a {
				width:112px;
				background:url(../../img/es/misc/5_on.gif) no-repeat left top;
				}
			.cabecera .menu li.seis_on a {
				width:91px;
				background:url(../../img/es/misc/6_on.gif) no-repeat left top;
				}


.cab {
	clear:left;
	float:left;
	width:920px;
	height:141px;
	background-image: url(../../img/es/misc/cab.jpg);
	background-repeat: no-repeat;
	}


.content {
	float:left;
	width:920px;
	height:auto;
	}
	.content .izquierda {
		float:left;
		width:527px;
		height:auto;
		}
		.content .izquierda .titulo {
			background:url(../../img/es/misc/dot.gif) repeat-x left bottom;
			padding:0 0 1px;
			}
	.content .derecha {
		float:left;
		width:393px;
		height:auto;
		}

.content .consulta_servicios {
	clear:left;
	float:left;
	width:920px;
	height:auto;
	background:#f4fbfe;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#4e4e4e;
	margin:0 0 30px;
	}
	.content .consulta_servicios table {
		padding:0 5px;
		}
	.content .consulta_servicios a {
		color:#4e4e4e;
		text-decoration:none;
		padding:0 0 0 12px;
		background:url(../../img/es/misc/asterisco.gif) no-repeat left center;
		}
	.content .consulta_servicios a:hover {
		color:#4e4e4e;
		text-decoration:underline;
		}

.contenido_inicio {
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#222;
	padding:20px;
	}
	.contenido_inicio p {
		margin:0 0 15px;
		}

.content a {
	color:#222;
	text-decoration:none;
	}
.content a:hover {
	color:#222;
	text-decoration:underline;
	}

.content a.visible {
	color:#222;
	text-decoration:underline;
	}
.content a.visible:hover {
	color:#222;
	text-decoration:none;
	}

.content a.pdf {
	color:#222;
	text-decoration:underline;
	padding:0 0 0 20px;
	background:url(../../img/es/misc/pdf.gif) no-repeat left top;
	height:20px;
	}
.content a.pdf:hover {
	color:#222;
	text-decoration:none;
	}


.content .titulo h1 {
	height:41px;
	font:normal 25px/25px Arial, Helvetica, sans-serif;
	color:#000;
	padding:30px 0 0 10px;
	}
.content .titulo {
	background:url(../../img/es/misc/dot.gif) repeat-x left bottom;
	padding:0 0 1px;
	}


.menu_servicios {
	float:left;
	width:238px;
	height:auto;
	font:normal 12px/22px Arial, Helvetica, sans-serif;
	color:#222;
	margin:15px 20px;
	}
	.menu_servicios li {
		padding:5px 0;
		background:url(../../img/es/misc/dot.gif) repeat-x left bottom;
		}
	.menu_servicios a {
		color:#222;
		text-decoration:none;
		background:url(../../img/es/misc/servicios.gif) repeat-x left bottom;
		display:block;
		width:228px;
		height:22px;
		padding:0 0 0 10px;
		}
	.menu_servicios a:hover {
		color:#222;
		text-decoration:underline;
		}
	.menu_servicios a.activo {
		color:#2f99d8;
		text-decoration:none;
		background:url(../../img/es/misc/servicios_on.gif) repeat-x left bottom;
		display:block;
		width:228px;
		height:22px;
		padding:0 0 0 10px;
		font-weight:bold;
		}
	.menu_servicios a.activo:hover {
		text-decoration:underline;
		}
.contenido_servicios {
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#222;
	padding:20px;
	float:left;
	width:602px;
	}
	.contenido_servicios p {
		margin:0 0 15px;
		}
.contenido_servicios h1 {
	font:bold 18px/18px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}
.contenido_servicios h2 {
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}
.contenido_servicios h2.cursor {
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	cursor:pointer;
	text-decoration:underline;
	}
.contenido_servicios h2.cursor:hover {
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	cursor:pointer;
	text-decoration:none;
	}
.contenido_servicios h3 {
	font:normal 16px/16px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}
.contenido_servicios h3.inline {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	margin:0;
	width:auto;
	display:inline;
	font-weight:bold;
	}
.contenido_servicios h2.inline {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	margin:0;
	width:auto;
	display:inline;
	font-weight:bold;
	}
.margen {
	padding:0 40px;
	}

.submenu {
	width:602px;
	float:left;
	height:auto;
	padding:0 0 5px;
	margin:0 0 10px;
	background:url(../../img/es/misc/dot.gif) repeat-x left bottom;
	}
	.submenu li {
		float:left;
		width:auto;
		height:auto;
		border-right:1px solid #aaa;
		padding:0 10px 0 0;
		margin:5px 10px 5px 0;
		}
	.submenu li.no {
		border:0!important;
		}
	.submenu a, .submenu a:hover {
		color:#2f99d8!important;
		}
	.submenu a.activo {
		font-weight:bold;
		color:#2f99d8;
		}
.fotos_central a {
	margin:10px;
	float:left;
	width:auto;
	height:auto;
	}
	.fotos_central img {
		border:1px solid #ccc;
		padding:2px;
		background:#fff;
		}
.pie {
	clear:both;
	background:url(../../img/es/misc/footer.gif) repeat-x left top;
	font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color:#565656;
	padding:25px 0 10px;
	margin:10px 0 0;
	}
	.pie a {
		color:#565656;
		text-decoration:none;
		}
	.pie a:hover {
		color:#565656;
		text-decoration:underline;
		}
	.pie .izquierda {
		float:left;
		width:600px;
		height:auto;
		}
	.pie .derecha {
		float:right;
		width:300px;
		height:auto;
		text-align:right;
		}
	.pie .clear {
		clear:both;
		}




#tabla_contacto {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#222;
	}
	#tabla_contacto .formulario {
		font:normal 12px/18px Arial, Helvetica, sans-serif;
		color:#222;
		border:1px solid #bbb;
		background:#fff;
		width:200px;
		}
	#formulario_ok {
		padding:50px 0;
		text-align:center;
		}

#importante_contacto {
	background:#fafafa;
	border:1px solid #ddd;
	color:#777;
	padding:10px;
	margin:10px 0 0;
	width:708px;
	}
#importante_contacto p {
	margin:0!important;
	}
.muestra_ley {
	display:block;
	}	
.oculta_ley {
	display:none;
	}
	
	
	
/************************************/
/** Formulario **/
/************************************/

.formulario_frontend {
	width:880px;
	height:auto;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	}
	.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;
	}

a.boton {
	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 span {
		background:url(../../img/es/2bg_boton2.gif) no-repeat right top;
		padding:0 15px;
		display:block;
		width:auto;
		float:left;
		height:31px;
		font:bold 14px/31px Arial, Helvetica, sans-serif;
		}
a.boton_eira:hover {
	text-decoration:underline;
	}
	
	
/********************************
		Noticias & Blog
*********************************/

#enlaces {
	float:left;
	margin-left: 30px;
	margin-top: 25px;
	width:130px;
	height:100px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-image: url(../../img/btn_blog_news.png);
	background-repeat: no-repeat;
}
#enlaces a {
	display:block;
	height: 23px;
	width: 82px;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
	padding-top: 14px;
	padding-left: 50px;
}

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

#enlaces a.btn_blog {

	padding-left: 60px;
	padding-top: 10px;
}
#enlaces a.btn_news {

	padding-left: 52px;
}

#enlaces #btnBlog {

	padding-left: 60px;
	padding-top: 10px;
}
#enlaces #btnNoticias {

	padding-left: 52px;
}