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

body {
	background:#fff url(../img/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;
	}
	
#clinica {
	margin:0 auto;
	width:960px;
	background:#fff url(../img/misc/gradient.gif) no-repeat left top;
	height:auto;
	}

#header {
	width:960px;
	height:84px;
	background:url(../img/misc/head.gif) no-repeat left top;
	position: relative;
	}

#claim {
	width:960px;
	height:221px;
	background:url(../img/misc/claim.jpg) no-repeat left top;
	}

#menu {
	width:950px;
	height:53px;
	margin:0 auto;
	background:url(../img/misc/menubg.gif) repeat-x left top;
	}
	#menu li {
		float:left;
		padding:0 1px 0 0;
		background:url(../img/misc/bisel.gif) no-repeat right top;
		}
		#menu li a {
			float:left;
			}

#contenido {	
	float:left;
	width:960px;
	height:auto;
	background:url(../img/misc/contenidobg.jpg) no-repeat left top;
	}
#contenido_interior {	
	float:left;
	width:960px;
	height:auto;
	background:url(../img/misc/contenidobg2.jpg) no-repeat left top;
	}
	#contenido_izquierda {
		width:600px;
		height:auto;
		float:left;
		padding:60px 0 0 30px;
		}
	#contenido_izquierda h1 {
		font:18px/25px Arial,Helvetica,sans-serif;
		}
	#contenido_general {
		width:900px;
		height:auto;
		float:left;
		padding:60px 0 0 30px;
		}
	#contenido_general p, #contenido_izquierda p {
		font:normal 12px/20px Arial, Helvetica, sans-serif;
		color:#555;
		margin:0 0 15px;
		}
	#contenido_general #titulo, #contenido_izquierda #titulo {
		margin:0 0 20px;
		background:url(../img/misc/dot.gif) repeat-x left bottom;
		}
	#contenido_general a, #contenido_izquierda a {
		color:#555;
		text-decoration:underline;
		}
	#contenido_general a:hover, #contenido_izquierda a:hover {
		color:#333;
		text-decoration:none;
		}
	#contenido_general a.oculto:hover, #contenido_general a.oculto, #contenido_izquierda a.oculto:hover, #contenido_izquierda a.oculto {
		color:#555;
		text-decoration:none;
		}

ul.lista {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#555;
	margin:10px 0 0 10px;
	}
	ul.lista li {
		padding:0 0 0 10px;
		background:url(../img/misc/flecha.gif) no-repeat left center;
		}


ul.donde {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#555;
	margin:10px 0 0 10px;
	float:left;
	width:280px;
	}
	ul.donde li {
		padding:0 0 0 10px;
		margin:0 0 0 10px;
		background:url(../img/misc/flecha.gif) no-repeat left center;
		}
	ul.donde li.titulo {
		padding:0 0 0 10px;
		margin:0;
		font-weight:bold;
		color:#333;
		background:url(../img/misc/flecha.gif) no-repeat left center;
		}

ul.comollegar {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#555;
	margin:0 0 10px 10px;
	text-align:justify;
	}
	ul.comollegar li {
		padding:0 0 0 10px;
		margin:0 0 0 10px;
		background:url(../img/misc/flecha.gif) no-repeat left 6px;
		}
	ul.comollegar li.titulo {
		padding:0 0 0 10px;
		margin:0;
		font-weight:bold;
		color:#333;
		background:url(../img/misc/flecha.gif) no-repeat left center;
		}

ul.metodosabortivos {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#555;
	margin:0 0 10px 10px;
	text-align:justify;
	}
	ul.metodosabortivos li {
		padding:0 0 0 10px;
		margin:0 0 10px 10px;
		background:url(../img/misc/flecha.gif) no-repeat left 6px;
		}
	ul.metodosabortivos li.titulo {
		padding:0 0 0 10px;
		margin:0;
		font-weight:bold;
		color:#333;
		background:url(../img/misc/flecha.gif) no-repeat left center;
		}
	ul.metodosabortivos li h3 {
		font:bold 12px/18px Arial, Helvetica, sans-serif;
		color:#555;
		}

ul.mapaweb {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#555;
	margin:0 0 10px 10px;
	text-align:justify;
	}
	ul.mapaweb li {
		padding:0 0 0 10px;
		margin:0 0 10px 10px;
		background:url(../img/misc/flecha.gif) no-repeat left 6px;
		}
	
	

ul.metodosabortivos2 {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#555;
	margin:0 0 10px 10px;
	text-align:justify;
	}
	ul.metodosabortivos2 li {
		padding:0 0 0 10px;
		float:left;
		margin:0 0 10px 10px;
		width:580px;
		background:url(../img/misc/flecha.gif) no-repeat left 6px;
		}
	ul.metodosabortivos2 li.titulo {
		padding:0 0 0 10px;
		margin:0;
		font-weight:bold;
		color:#333;
		background:url(../img/misc/flecha.gif) no-repeat left center;
		}
	ul.metodosabortivos2 li h3 {
		font:bold 12px/18px Arial, Helvetica, sans-serif;
		color:#7ca616;
		float:left;
		width:auto;
		margin:0 5px 0 0;
		}
	ul.metodosabortivos2 li span {
		float:left;
		width:auto;
		}
	ul.metodosabortivos2 br {
		clear:left;
		}


ul.servicios {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#555;
	margin:20px 0 0 10px;
	padding:0 0 0 10px;
	border-left:4px solid #f5f5f5;
	text-align:justify;
	}
	ul.servicios li h2 {
		margin:0;
		padding:0;
		font:bold 12px/18px Arial, Helvetica, sans-serif;
		color:#89bd0d;
		text-decoration:none;
		}
		ul.servicios li h2 a {
			color:#89bd0d !important;
			text-decoration:none !important;
			}
		ul.servicios li h2 a:hover {
			text-decoration:underline !important;
			}


.instrucciones_comollegar {
	float:right;
	width:400px;
	height:auto;
	border-left:1px solid #eee;
	padding:10px 0 0;
	}
.mapa_google {
	float:left;
	width:485px;
	height:auto;
	font:normal 12px/25px Arial, Helvetica, sans-serif;
	}

#fotos_central {
	padding:20px 0;
	text-align:center;
	}
	#fotos_central a {
		margin:0 40px;
		}
	#fotos_central .separador_fotos {
		height:20px;
		}

	
	#contenido_derecha {
		width:250px;
		height:auto;
		float:left;
		margin:25px 0 0 35px;
		}
		#contenido_derecha .titulo {
			margin:0 0 4px;
			text-align:center;
			padding:0 0 10px;
			background:url(../img/misc/dot.gif) repeat-x left bottom;
			}
		#contenido_derecha .contenido a {
			margin:6px;
			float:left;
			}
		#contenido_derecha .conocenos {
			float:left;
			padding:4px 0 0;
			width:250px;
			text-align:center;
			}
	#contenido_derecha_interior {
		width:250px;
		height:auto;
		float:left;
		margin:25px 0 0 35px;
		padding:75px 0 0;
		}

#submenu {
	width:960px;
	height:70px;
	}
	#submenu li {
		float:left;
		}
		#submenu li a {
			float:left;
			}

#pie {
	clear:both;
	float:left;
	width:960px;
	height:110px;
	margin:20px auto 0;
	background:url(../img/misc/footerbg.gif) repeat-x left top;
	}
	#pie .izquierda {
		float:left;
		width:650px;
		height:auto;
		border-left:4px solid #f4f4f3;
		margin:10px;
		_margin:10px 5px;
		padding:10px;
		}
	#pie p {
		font:normal 12px/15px Arial, Helvetica, sans-serif;
		color:#666;
		}
	#pie p a {
		color:#333;
		text-decoration:none;
		}
	#pie p a:hover {
		color:#111;
		text-decoration:underline;
		}
	#pie .derecha {
		float:right;
		width:230px;
		height:auto;
		margin:30px 0 0;
		}


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

#titulo h1 {
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	padding:0 0 15px;
	color:#333;
	}
.mini_menu {
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#ddd;
	margin:0 0 15px;
	padding:0 0 15px;
	border-bottom:1px solid #ddd;
	}
	.mini_menu a {
		color:#555 !important;
		}
	h2.interior {
		font:bold 12px/11px Arial, Helvetica, sans-serif;
		color:#444;
		margin:15px 0;
		}
	strong.precio {
		padding:0 0 0 5px;
		color:#333;
		}
.clearboth {
	clear:both;
	}


/* enlaces */

.enlace_inicio {
	display:block;
	float:left;
	width:64px;
	height:53px;
	background:url(../img/misc/inicio.gif) no-repeat left top;
	text-indent:-9999px;
	}
.enlace_quienes {
	display:block;
	float:left;
	width:151px;
	height:53px;
	background:url(../img/misc/quienessomos.gif) no-repeat left top;
	text-indent:-9999px;
	}
.enlace_servicios {
	display:block;
	float:left;
	width:89px;
	height:53px;
	background:url(../img/misc/servicios.gif) no-repeat left top;
	text-indent:-9999px;
	}
.enlace_instalaciones {
	display:block;
	float:left;
	width:120px;
	height:53px;
	background:url(../img/misc/instalaciones.gif) no-repeat left top;
	text-indent:-9999px;
	}
.enlace_donde {
	display:block;
	float:left;
	width:149px;
	height:53px;
	background:url(../img/misc/dondeestamos.gif) no-repeat left top;
	text-indent:-9999px;
	}
.enlace_contactar {
	display:block;
	float:left;
	width:93px;
	height:53px;
	background:url(../img/misc/contactar.gif) no-repeat left top;
	text-indent:-9999px;
	}




.enlace_inicio:hover, .enlace_inicio_on {
	display:block;
	float:left;
	width:64px;
	height:53px;
	background:url(../img/misc/inicio_on.gif) no-repeat left top;
	text-indent:-9999px;
	}
.enlace_quienes:hover, .enlace_quienes_on {
	display:block;
	float:left;
	width:151px;
	height:53px;
	background:url(../img/misc/quienessomos_on.gif) no-repeat left top;
	text-indent:-9999px;
	}
.enlace_servicios:hover, .enlace_servicios_on {
	display:block;
	float:left;
	width:89px;
	height:53px;
	background:url(../img/misc/servicios_on.gif) no-repeat left top;
	text-indent:-9999px;
	}
.enlace_instalaciones:hover, .enlace_instalaciones_on {
	display:block;
	float:left;
	width:120px;
	height:53px;
	background:url(../img/misc/instalaciones_on.gif) no-repeat left top;
	text-indent:-9999px;
	}
.enlace_donde:hover, .enlace_donde_on {
	display:block;
	float:left;
	width:149px;
	height:53px;
	background:url(../img/misc/dondeestamos_on.gif) no-repeat left top;
	text-indent:-9999px;
	}
.enlace_contactar:hover, .enlace_contactar_on {
	display:block;
	float:left;
	width:93px;
	height:53px;
	background:url(../img/misc/contactar_on.gif) no-repeat -5px top;
	text-indent:-9999px;
	}


.submenu_1 {
	display:block;
	float:left;
	width:270px;
	height:70px;
	background:url(../img/misc/submenu_1.gif) no-repeat left top;
	text-indent:-9999px;
	}
.submenu_2 {
	display:block;
	float:left;
	width:152px;
	height:70px;
	background:url(../img/misc/submenu_2.gif) no-repeat left top;
	text-indent:-9999px;
	}
.submenu_3 {
	display:block;
	float:left;
	width:105px;
	height:70px;
	background:url(../img/misc/submenu_3.gif) no-repeat left top;
	text-indent:-9999px;
	}
.submenu_4 {
	display:block;
	float:left;
	width:140px;
	height:70px;
	background:url(../img/misc/submenu_4.gif) no-repeat left top;
	text-indent:-9999px;
	}
.submenu_5 {
	display:block;
	float:left;
	width:211px;
	height:70px;
	background:url(../img/misc/submenu_5.gif) no-repeat left top;
	text-indent:-9999px;
	}




.submenu_1:hover, .submenu_1_on {
	display:block;
	float:left;
	width:270px;
	height:70px;
	background:url(../img/misc/submenu_1_on.gif) no-repeat left top;
	text-indent:-9999px;
	}
.submenu_2:hover, .submenu_2_on {
	display:block;
	float:left;
	width:152px;
	height:70px;
	background:url(../img/misc/submenu_2_on.gif) no-repeat left top;
	text-indent:-9999px;
	}
.submenu_3:hover, .submenu_3_on {
	display:block;
	float:left;
	width:105px;
	height:70px;
	background:url(../img/misc/submenu_3_on.gif) no-repeat left top;
	text-indent:-9999px;
	}
.submenu_4:hover, .submenu_4_on {
	display:block;
	float:left;
	width:140px;
	height:70px;
	background:url(../img/misc/submenu_4_on.gif) no-repeat left top;
	text-indent:-9999px;
	}
.submenu_5:hover, .submenu_5_on {
	display:block;
	float:left;
	width:211px;
	height:70px;
	background:url(../img/misc/submenu_5_on.gif) no-repeat left top;
	text-indent:-9999px;
	}


.precios_aborto {
	padding:40px 0 0 100px;
	}
#importante_contacto {
	background:#fafafa;
	border:1px solid #ddd;
	color:#777;
	padding:10px;
	margin:10px 0 0;
	width:708px;
	}
#importante_contacto p {
	margin:0!important;
	}

/* formulario */

.formulario_frontend {
	width:600px;
	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;
	}

a.botonVolver {
    background:transparent url(http://admclinicas3.balneariais.com/clinicas/10/imagenes/boton.gif) no-repeat scroll left top;
    color:#FFFFFF !important;
    display:block;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    height:31px;
    line-height:31px;
    margin:0 10px 0 0;
    text-decoration:none;
    width:auto;
    }


a.botonVolver span {
        background:transparent url(http://admclinicas3.balneariais.com/clinicas/10/imagenes/boton2.gif) no-repeat scroll right top;
        display:block;
        float:left;
        font-family:Arial,Helvetica,sans-serif;
        font-size:14px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:bold;
        height:31px;
        line-height:31px;
        padding:0 15px;
        width:auto;
    }
	
/********************************
		Noticias & Blog
*********************************/

#enlaces {
	float:left;
	width:208px;
	height:57px;
	background-repeat: no-repeat;
	font-size: 14px;
	background-image: url(../img/btn_blog_news.png);
	position: absolute;
	left: 676px;
	top: 19px;
	font-family: Arial, Helvetica, sans-serif;
	color: #38540d;
}
#enlaces a {
	display:block;
	float:left;
	height: 27px;
	width: 61px;
	text-align: left;
	color: #38540d;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 43px;
	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;
}