/* CSS Document */
body{
	font-family:arial , verdana , sans-serif, helvetica;
	color:#666666;
	text-align:center;
	font-size:11px;
	background-image:url(../imagenes/componentes/bg_body.jpg);
	background-repeat:repeat-x
}
h6{color:red}
h5{margin-left:16px;
	margin-right:12px;}
.titular{
	font-weight:bold;
	font-size:13;
	margin-left:16px;
	margin-right:12px;}	
	
p{
	margin-left:16px;
	margin-right:12px;}

div{background-color:#ffffff}
	
img{border:0}

a{ text-decoration:none}

/*comunes*/


/*importante, para centrar la pagina poner el margin:2px auto 2px auto; y el width y al body un text-align:center. Asi no hace falta poner el align="center en el div" ni tener que poner una base 100% */	
#contenedor{
    margin:2px auto 2px auto;
    position:relative;
	border:1px solid #ededed;
	height:552px;
	width:780px;
	z-index:2;
	}
#logo{
	position:absolute;
	vertical-align:middle;
	top:10px;
	left:0px;
	height:140px;
	width:150px;
	z-index:3;
	
	}
#nombre{
	position:absolute;
	top:41px;
	left:147px;
	height:77px;
	width:625px;
	text-align:right;
	z-index:4;
	}
#barra{
	position:absolute;
	top:140px;
	left:0px;
	height:11;
	width:779px;
	background-color:transparent;
	background-image:url(../imagenes/componentes/barra.jpg);
	background-repeat:repeat-x;
	z-index:5;
	}
#menu{position:absolute;
	top:151px;
	text-align:left;
	left:0px;
	height:400px;
	width:150px;
	background-color:#ededed;
	z-index:6;}
#contenidos{position:absolute;
	top:151px;
	left:150px;
	height:398px;
	width:623px;
	z-index:7;}
#aviso{position:absolute;
	top:526px;
	left:40px;
	height:13px;
	width:81px;
	background-color:transparent;
	z-index:12;}
#direccion{
    margin:2px auto 2px auto;
    position:relative;
	height:15px;
	width:780px;
	text-align:left;

	z-index:20;
	}

/*menu*/



.btn_mn{	
	padding:0px;
	width:150px;
	height:18px;
	text-align:right;
	margin:0px;
	 
	
	}
.btn_mn_on{	
	padding:0px;
	width:150px;
	height:18px;
	text-align:right;
	margin:0px;
	

	
	}
.submn{
	padding:0px;
	width:150px;
	height:18px;
	margin:0px;
	text-align:right;
}
	
.submn_on{
	padding:0px;
	width:150px;
	height:18px;
	margin:0px;
	text-align:right;
	}
		

.mn3{color:#666666;font-size:11px;vertical-align:middle;}
a.mn3:link{color:#666666;font-size:11px;vertical-align:middle;}
a.mn3:hover{color:#ff9933;font-size:11px;vertical-align:middle;}

.mn{color:#666666;font-size:11px;margin-right:11px;vertical-align:middle;}
a.mn:link{color:#666666;font-size:11px;vertical-align:middle;}
a.mn:hover{color:#ff9933;font-size:11px;vertical-align:middle;}


/*datos*/
#datos{
	
	position:absolute;
	text-align:left;
	vertical-align:bottom;
	top:290px;
	left:20px;
	height:150px;
	width:200px;
	background-color:transparent;
	z-index:8;}
	
.datos_v{
	font-weight:bold;
	color:#339933;
}

/*formulario*/
#form{
	position:absolute;
	top:0px;
	left:160px;
	height:190px;
	width:350px;
	z-index:8;}


input{
	border:1px solid #cccccc;
	color:#666666;
	width:259px
	}

textarea{
	border:1px solid #cccccc;
	color:#666666;
	}

.txt_form{color:#666666;font-size:11px
	
}



/*donde*/

#mapa{
	position:absolute;
	top:31px;
	left:190px;
	height:200px;
	width:350px;
	z-index:9;}

/*quienes*/

#txt_quienes{
	position:absolute;
	text-align:left;
	top:1px;
	left:271px;
	height:370px;
	width:340px;
	overflow:auto;
		scrollbar:auto;
		margin:15px;
		font-size:11px;
		scrollbar-3dlight-color : #cccccc;
		scrollbar-darkshadow-color : #cccccc;
		scrollbar-highlight-color : #ffffff;
		scrollbar-shadow-color :#ffffff;
		scrollbar-arrow-color :#cccccc;
		scrollbar-face-color : #ffffff;
		scrollbar-track-color : #ffffff;
	z-index:10;}
	
	
#img_quienes{
	position:absolute;
	text-align:left;
	vertical-align:bottom;
	top:0px;
	left:0px;
	height:150px;
	width:269px;
	z-index:11;}
/*casas*/

.mn_casas{color:#339933;font-size:11px;margin-right:10px;font-weight:bold;padding-left:23px;padding-right:23px;border:1px solid #cccccc;display:block;float:left; width:40px}
a.mn_casas:link{color:#339933;font-size:11px;font-weight:bold;padding-left:23px;padding-right:23px;border:1px solid #cccccc;display:block; width:40px;float:left}
a.mn_casas:hover{color:#ff9933;font-size:11px;font-weight:bold;padding-left:23px;padding-right:23px;border:1px solid #cccccc;display:block; width:40px;float:left}
a.mn_casas:active{color:#ff9933;font-size:11px;font-weight:bold;padding-left:23px;padding-right:23px;border:1px solid #cccccc;display:block; width:40px;float:left}


.mn_casas_on{color:#ff9933;font-size:11px;margin-right:10px;font-weight:bold;padding-left:23px;padding-right:23px;border:1px solid #cccccc;display:block; width:40px;float:left}
#txt_casas{
	position:absolute;
	text-align:left;
	vertical-align:bottom;
	top:38px;
	left:50px;
	height:179px;
	width:478px;
	background-color:transparent;
	z-index:13;}
#img_casas{
	position:absolute;
	text-align:left;
	vertical-align:bottom;
	top:252px;
	left:0px;
	height:150px;
	width:263px;
	z-index:11;}
#mn_casas{
	position:absolute;
	text-align:center;
	vertical-align:bottom;
	top:199px;
	left:30px;
	height:26px;
	width:590px;
	z-index:12;}
	
	
/*casas interior*/
#mn_casas_bis{
	position:absolute;
	text-align:center;
	vertical-align:bottom;
	top:20px;
	left:30px;
	height:26px;
	width:590px;
	z-index:12;}
#cuadrados{position:absolute;
	top:50px;
	left:10px;
	height:290px;
	width:280px;
	z-index:10;}
	
#recuadro{
	position:absolute;
	top:50px;
	left:310px;
	height:290px;
	width:310px;
	vertical-align:middle;padding-top:4px;
	background-color:#ededed;
	z-index:9;}
#cuadrado1{
	position:absolute;
	top:0px;
	left:0px;
	height:140px;
	width:140px;
	text-align:center;
	background-color:#D2EAD2;
	z-index:11;
}
#cuadrado2{
	position:absolute;
	top:0px;
	left:150px;
	height:140px;
	width:140px;
	text-align:center;
	background-color:#ededed;
	z-index:12;
}
#cuadrado3{
	position:absolute;
	top:150px;
	left:0px;
	height:140px;
	width:140px;
	text-align:center;
	background-color:#ededed;
	z-index:13;
}
#cuadrado4{
	position:absolute;
	top:150px;
	left:150px;
	height:140px;
	width:140px;
	text-align:center;
	background-color:#cccccc;
	z-index:14;
}
.img_centrada{margin:10px}
#barra_bottom{
	position:absolute;
	text-align:right;
	top:346px;
	left:10px;
	height:47px;
	width:610px;
	background-color:#f9f9f9;
	z-index:15;}
	
	
/*aviso legal*/
#avisolegal{
	position:absolute;
	text-align:left;
	margin:20;
	top:0px;
	left:0px;
	height:370px;
	width:600px;
	overflow:auto;
		scrollbar:auto;
		margin:15px;
		font-size:11px;
		scrollbar-3dlight-color : #cccccc;
		scrollbar-darkshadow-color : #cccccc;
		scrollbar-highlight-color : #ffffff;
		scrollbar-shadow-color :#ffffff;
		scrollbar-arrow-color :#cccccc;
		scrollbar-face-color : #ffffff;
		scrollbar-track-color : #ffffff;
	z-index:9;}
	
/*naves*/	
	
#navesbg{
	position:absolute;
	text-align:left;
	top:0px;
	left:0px;
	height:399px;
	width:150px;
	background-image:url(../imagenes/componentes/bg_naves.jpg);
	background-repeat:no-repeat;

}	
#navesfts{
	position:absolute;
	text-align:left;
	top:3px;
	left:150px;
	height:393px;
	width:130px;
	
}
#navestxt{
	position:absolute;
	text-align:left;
	top:18px;
	left:284px;
	height:342px;
	width:340px;
	
}	
		
.txt_naves{font-size:9px;
padding:5px;
text-align:right;

}
	
.masinfo{color:#339933;font-size:10px;font-weight:bold;padding-left:10px;padding-right:10px;border:1px solid #cccccc;display:block; width:50px}
a.masinfo:link{color:#339933;font-size:10px;font-weight:bold;padding-left:10px;padding-right:10px;border:1px solid #cccccc;display:block; width:50px;}
a.masinfo:hover{color:#ff9933;font-size:10px;font-weight:bold;padding-left:10px;padding-right:10px;border:1px solid #cccccc;display:block; width:50px;}

.masinfo2{color:#339933;font-size:10px;font-weight:bold;width:30px}
a.masinfo2:link{color:#339933;font-size:10px;font-weight:bold;width:30px}
a.masinfo2:hover{color:#ff9933;font-size:10px;font-weight:bold;width:30px }