@charset "UTF-8";
/* ELEMENTOS PRINCIPALES DEL SITIO ----------------------------------------------------------------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#002a51 url("../imagenes/fondo.jpg") center top no-repeat scroll;
	margin:0;
	padding:0;
	font-size:1em;
	text-align:left;
}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin:0; padding:0; }
ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
p { line-height:130%; text-indent:10px; }
h1 {
	color:#c9740f;
	font-size:1.5em;
	font-weight:lighter;
	margin-bottom:30px;
	}
h2 {
	color:#c9740f;
	font-size:1em;
	font-weight:lighter;
	margin-top:30px;
	margin-bottom:10px;
	}
img { border:none; }
.forzarDiv { clear:both; }

/* LAYOUT ----------------------------------------------------------------------------------- */
#contenedor {
	margin:0 auto;
	width:800px;
}
#cabecera {
	clear:both;
	width:800px;
	height:340px;
	overflow:auto;
}
#central {
	clear:both;
	width:800px;
	background:#FFFFFF url(/imagenes/central_fondo.gif) top no-repeat;
	overflow:auto;
}
#contenido {
	float:left;
	width: 562px;
	}
#pie {
	clear:both;
	width:800px;
	background:url(/imagenes/pie_fondo.gif) top repeat-x scroll;
	margin-bottom:50px;
	overflow:visible;
}

/* CSS PARA CABECERA ----------------------------------------------------------------------------------- */
#oculto {
	visibility:hidden;
	float:left;
	width:400px;
	}
#casitaHome { 
	float:right; 
	margin-top:315px;
	margin-right:18px;
	}
#casitaHome a {
	margin-right:5px;
	color:#666666;
	font-size:.6em;
	text-decoration:none;
	vertical-align:middle;
	}
#casitaHome a:hover {
	text-decoration:underline;
	}

/* CSS PARA ZONA CENTRAL ----------------------------------------------------------------------------------- */
/* zona central para los textos */
.zonaTextos {
	float:left;
	width:300px;
	padding:35px 25px;
	color:#5f5f5f;
	}
.zonaTextos p {
	font-size:.71em;
	margin-bottom:15px;
	}
.zonaTextos a {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dashed;
	}	
.zonaTextosGrande {
	float:left;
	width:512px;
	padding:35px 25px;
	color:#5f5f5f;
	}
.zonaTextosGrande p {
	font-size:.71em;
	margin-bottom:15px;
	}
.zonaTextosGrande a {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dashed;
	}	
/* seccion aviso legal */
.zonaTextosAviso {
	float:left;
	width:512px;
	padding:35px 25px;
	color:#5f5f5f;
	}
.zonaTextosAviso p {
	font-size:.65em;
	margin-bottom:15px;
	}
.zonaTextosAviso a {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dashed;
	}

/* seccion gunitado */
#contenedorGunitado {
	float:left;
	width:562px;
	background:url(/imagenes/gunitado_fondo.png) top right scroll no-repeat;
	}

/* seccion autonivelantes */
#contenedorAutonivelantes {
	float:left;
	width:562px;
	background:url(/imagenes/autonivelantes_fondo.png) top right scroll no-repeat;
	}

/* seccion contactar */
#contenedorContactar {
	float:left;
	width:562px;
	background:url(/imagenes/contactar_fondo.jpg) top right scroll no-repeat;
	}
	
/* seccion otros servicios */
#contenedorOtrosservicios {
	float:left;
	width:562px;
	background:url(/imagenes/otrosservicios_fondo.png) top right scroll no-repeat;
	}

/* seccion fases de instalacion */
#contenedorFases {
	float:left;
	background:url(/imagenes/fases_fondo.png) top right scroll no-repeat;
	}
	
#contenedorFases .zonaTextosGrande div {
	padding: 10px 0px 15px 170px;
	margin-bottom:10px;
	height:45px;
	width: 300px;
	}
#contenedorFases .zonaTextosGrande div span {
	font-size:.75em;
	}
.fase1 {
	background:url(/imagenes/fase1.png) top left scroll no-repeat;
	}
.fase2 {
	background:url(/imagenes/fase2.png) top left scroll no-repeat;
	}
.fase3 {
	background:url(/imagenes/fase3.png) top left scroll no-repeat;
	}
.fase4 {
	background:url(/imagenes/fase4.png) top left scroll no-repeat;
	}
.fase5 {
	background:url(/imagenes/fase5.png) top left scroll no-repeat;
	}
.fase6 {
	background:url(/imagenes/fase6.png) top left scroll no-repeat;
	}
.fase7 {
	background:url(/imagenes/fase7.png) top left scroll no-repeat;
	}
.fase8 {
	background:url(/imagenes/fase8.png) top left scroll no-repeat;
	}

/* zona para las fotos */
.zonaFotos {
	float:right;
	width:212px;
	}
.cabeceraFotosVertVert {
	background:url(/imagenes/fotos_cabecera.gif) top center no-repeat scroll;
	margin-bottom:10px;
	}
.contenedorImagenesVert {
	padding:20px;
	background:url(/imagenes/fotos_fondo_vert.png) top left scroll no-repeat;
	}
.contenedorImagenesVert img {
	margin-bottom:10px;
	}
.contenedorImagenesHoriz {
	padding:15px 0px 15px 15px;
	background:url(/imagenes/fotos_fondo_horiz.png) top left scroll no-repeat;
	margin-bottom:10px;
	}
.contenedorImagenesHoriz img {
	border:none;
	margin-right:5px;
	margin-bottom:8px;
	}
.contenedorImagenesHoriz a {
	border:none;
	}
.contenedorImagenesHoriz a:hover {
	background:url(/imagenes/flecha_miniaturas.gif) bottom center scroll no-repeat;
	}
.imagenHorizGrande {
	border:none;
	margin-bottom:10px;
	}

/* página para ver imágenes */
.botonAtras {
	margin:10px;
	}
.botonAtras a {
	border:none;
	}

/* botonera */
#botonera {
	float:left;
	width:226px;
	padding:65px 6px 6px 6px;
	margin: 10px 0px 0px 0px;
	background:url(/imagenes/botonera_fondo.gif) top center no-repeat;
	min-height:200px;
	}
.botoneraTitulos {
	color:#c9740f;
	margin:0px 0px 5px 5px;
	display:block;
	}
#botonera ul { 
	padding-bottom:10px; 
	}
#botonera li {
	list-style:none;
	color:#002a51; 
	background:url(/imagenes/pie_punto_lista.png) center left no-repeat;
	margin:0px 0px 1px 5px;
	padding-left:10px;
	display:block;
	font-size:.7em;
	}
#botonera li a { 
	color:#002a51;
	text-decoration:none;
	}
#botonera li a:hover { 
	text-decoration:underline;
	}

/* avisos y notificaciones en la web */
.avisos {
	padding:5px 5px 5px 50px;
	margin-top:35px;
	height:40px;
	font-size:.65em;
	background:#CCC url(/imagenes/exclamacion.png) center left scroll no-repeat;
	color:#000000;
}

/* CSS PARA ZONA PIE ----------------------------------------------------------------------------------- */
#pieColumnaServicios {
	border-right:6px solid #002a51;
	float:left;
	width:253px;
	padding:23px 5px 10px 36px;
	background:url(/imagenes/pie_gota.gif) top left no-repeat;
	height:200px;
	}
#pieColumnaInformacion {
	border-right:6px solid #002a51;
	float:left;
	width:266px;
	padding:23px 5px 10px 36px;
	background:url(/imagenes/pie_gota.gif) top left no-repeat;
	height:200px;
	}
#pieColumnaOtros {
	float:left;
	width:146px;
	padding:23px 5px 10px 36px;
	background:url(/imagenes/pie_gota.gif) top left no-repeat;
	}
.pieTitulos {
	color:#ec9630;
	margin:0px 0px 20px 15px;
	display:block;
	}
#pie li {
	list-style:none;
	color:#8bb7d5; 
	background:url(/imagenes/pie_punto_lista.png) center left no-repeat;
	margin:0px 0px 5px 5px;
	padding-left:10px;
	display:block;
	font-size:.7em;
	}
#pie li a { 
	color:#8bb7d5;
	text-decoration:none;
	}
#pie li a:hover { 
	text-decoration:underline;
	}