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

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #005f9f;
	background: #a2daf3 url(../images/bg.gif) top center repeat-x; ;
	font-size: 12px;

/* part 1 of 2 centering hack */
	}
a {
	text-decoration: none;
	font-weight: bold;
	color:  #fff;
	outline: none;
	}
a:visited {
	color:  #fff;
	}
a:active {
	color:  #fff;
	}
a:hover {
	color: #00aeef;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	line-height:22px;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
	
.rojo { color: #e60f19;}	

.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}

#cabecera {
		margin: 0 auto; 	
		background:transparent url(../images/cabecera.gif) top center no-repeat;
		height: 130px;
		width: 965px;
}

.direccion {
	float: right;
	margin: 20px 20px 10px 10px;
	padding: 10px;
	text-align:right;
}

.direccion a {
	text-decoration: none;
	font-weight: bold;
	color:  #00aeef;
	outline: none;
	}
.direccion a:visited {
	color:  #00aeef;
	}
.direccion a:active {
	color:  #00aeef;
	}
.direccion a:hover {
	color: #00aeef;
	}

#menu {
	padding: 15px 0 0 0;
	margin: 0 auto; 	/* opera does not like 'margin:20px auto' */
	width: 945px; 
}

#content_inicio {
	margin: 0 auto; 	/* opera does not like 'margin:20px auto' */
	width: 957px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	}

#content {
	padding: 10px 10px 0 10px;
	margin: 0 auto; 	/* opera does not like 'margin:20px auto' */
	width: 957px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
html>body #content {
	width: 957px; /* ie5win fudge ends */
}

.cajon_quien {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
background: #FFF url(../images/fotos/quienes.jpg) no-repeat;;
width: 575px;
padding: 100px 35px 20px 35px;
margin: 5px;
text-align:justify;
float: left;
}

.cajon_servicios {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
background: #FFF url(../images/fotos/servicios2.jpg) no-repeat;;
width: 575px;
padding: 100px 35px 20px 35px;
margin: 5px;
text-align:justify;
float: left;
}

.cajon_mapa {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
background: #FFF url(../images/fotos/mapa.jpg) no-repeat;;
width: 875px;
padding: 100px 35px 20px 35px;
margin: 5px;
text-align:justify;
float: left;
}


.cajon_mapa a {
color: #005f9f;
}

.cajon_mapa a:hover {
color: #999;
}

.cajon_contacto {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
background: #FFF url(../images/fotos/contacto.jpg) no-repeat;;
width: 575px;
padding: 140px 25px 30px 45px;
margin: 5px;
text-align:justify;
float: left;
}

.cajon_grande {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 255px;
	height: 220px;
	padding: 95px 25px 15px 360px;
	margin: 5px;
	color: #fff;
	float: left;
	background-image: url(../images/fotos/piloto.jpg);
	background-repeat: no-repeat;
}


#cajon_lateral {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
background: #FFF url(../images/fotos/servicios.jpg) no-repeat;
width: 215px;
height: 200px;
padding: 115px 75px 15px 0px;
margin: 5px;
float: left;
}

#cajon_lateral ul{
	list-style-type: square;
}
#cajon_lateral li {
	padding: 3px 0;
	line-height: 20px;
}

#cajon_galeria {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
background: #FFF url(../images/fotos/instalaciones.jpg) no-repeat;
width: 290px;
padding: 115px 0px 15px 0px;
margin: 5px;
float: left;
}

#cajon_galeria ul{
	list-style-type: none;
	padding: 0 0 0px 13px;
}
#cajon_galeria li {
	float:left;
	padding: 0 13px 10px 0;
	margin: 0;
	background: none;
	text-align:center;
}


.listas ul{
	list-style-type: square;
}
.listas li {
	padding: 3px 0;
	line-height: 20px;
}

#boton_lateral {
	padding-top: 15px;
	margin-left: 40px;
}

#boton_lateral a{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background:#005f9f;
	color: #fff;
	padding:8px 15px;
	text-align: center;
}

#boton_lateral a:hover {
	background:#a2daf3;
}

.cajon_situacion {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
background: #FFF url(../images/fotos/situacion.jpg) no-repeat;
width: 150px;
height: 155px;
padding: 75px 15px 0 150px;
float: left;
margin: 5px;
}

#boton_cita {
	padding-top: 15px;
}

#boton_cita a{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background:#005f9f;
	color: #fff;
	padding:8px 15px;
	text-align: center;
}

#boton_cita a:hover {
	background:#a2daf3;
}

.cajon_cita {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
background: #FFF url(../images/fotos/cita.jpg) no-repeat;
width: 130px;
height: 155px;
padding: 75px 15px 0 170px;
float: left;
margin: 5px;
}

.cajon_horario {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
background: #FFF url(../images/fotos/horario.jpg) no-repeat;;
width: 230px;
height: 155px;
padding: 135px 30px 20px 30px;
float: left;
margin: 5px;
}

.cajon_telefono {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
background: #FFF url(../images/fotos/telefono.jpg) no-repeat;;
width: 230px;
height: 155px;
padding: 135px 30px 20px 30px;
float: left;
margin: 5px;
}

.cajon_oferta {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
background: #FFF url(../images/fotos/oferta.jpg) no-repeat;;
width: 115px;
height: 155px;
padding: 75px 15px 0 160px;
float: left;
margin: 5px;
}

.boton_oferta{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background: #e5001b;
	color: #fff;
	padding:8px 15px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.clear {
	clear: both;
}

#pie {
	padding: 10px;
	margin: 0 auto; 	/* opera does not like 'margin:20px auto' */
	width: 957px; /* ie5win fudge begins */
	text-align: center;
}

#pie a { color: #005f9f; font-weight: normal;}
#pie a:hover { text-decoration: underline;}
/* MENU */

        .lavaLampWithImage {
            position: relative;
            background: #005f9f;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px; /* future proofing */
			-khtml-border-radius: 10px; /* for old Konqueror browsers */
            padding: 5px;
            margin: 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url("lava.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("lava.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 13px;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }


						/* --------------------- Contact --------------------- */

						fieldset{
							float:left;
							margin-top:7px;
							border: 0;
						}

						fieldset p{
							margin-bottom:25px;
							clear: both;
							float: left;
							width: 100%;
						}

						fieldset p span {
						} 

						label, input, textarea{
							float:left;
						}



						label{
							font-size: 14px;
							font-weight: bold;
							width: 200px;
							padding-right: 20px;
							
						}

						.signup label {
							font-size: 14px;
							color: #999;
							width: 270px;
							padding-right: 0;
							padding-left: 8px;
							display: inline;
						}

					

						input, textarea {
							width:290px;
							padding: 10px 6px 4px;
							position:relative;
							top:-4px;
							border-top-style: none;
							border-left-style: none;
							border-right-style: none;
							border-bottom: 1px dotted #999;
							background: #f3f9fd;
						}

						select{
							font-size: 14px;
							width: 265px;
							height: 30px;
							position:relative;
							top:-4px;
							border-bottom: 1px solid #f2f2f2;
							border-left: 1px solid #e5e5e5;
							border-right: 1px solid #e5e5e5;
							border-top: 1px solid #b8b8b8;
						}
						label.error           { font-weight:normal;color:red;text-align:left;width:140px; padding:10px 0 -10px 220px;}

						input#ContactForm_chkPrivacy {
							width: auto;
							margin-top: 4px;
							display: inline;
							border: none;
							background: none;
						}

						span.required {
							display: block !important;
							float: left;
							padding-top: 10px;
							font: 13px;
							color: #999;
							clear:both;
							width:200px;
						}

						input.submit{
							float:right;
							font-size: 14px;
							height:33px;
							width:140px;
							margin: 0 00px 0 40px;
							padding: 0;
							border: none;
							display: inline;
							background:#005f9f;
							color: #fff;
						}

						textarea{
							height:100px
						}

						#pic {
							background-color: #FFFFFF;
							position: relative;
						}

						#pic a .large {
							border: 0px;
							display: block;
							height: 1px;
							left: -1px;
							position: absolute;
							top: -1px;
							width: 1px;
						}

						#pic a img {
							border: 0;
						}

						#pic a.p1, #pic a.p1:visited {
							background: #FFFFFF;
							display: block;
							text-decoration: none;
						}

						#pic a.p1:hover {
							background-color: #8C97A3;
							color: #000000;
							text-decoration: none;
						}

						#pic a.p1:hover .large {
							border: 4px solid #fff;
							display: block;
							height: auto;
							left: -540px;
							position: absolute;
							top: -5px;
							width: 500px;
						}
						
						#pic a.p2, #pic a.p2:visited {
							background: #FFFFFF;
							display: block;
							text-decoration: none;
						}

						#pic a.p2:hover {
							background-color: #8C97A3;
							color: #000000;
							text-decoration: none;
						}

						#pic a.p2:hover .large {
							border: 4px solid #fff;
							display: block;
							height: 500px;
							left: -550px;
							position: absolute;
							top: -5px;
							width: auto;
						}
						
							#pic a.p3, #pic a.p3:visited {
								background: #FFFFFF;
								display: block;
								text-decoration: none;
							}

							#pic a.p3:hover {
								background-color: #8C97A3;
								color: #000000;
								text-decoration: none;
							}

							#pic a.p3:hover .large {
								border: 4px solid #fff;
								display: block;
								height: 500px;
								left: -410px;
								position: absolute;
								top: -5px;
								width: auto;
							}