/* Estilo principal WEB */

/*
COLORES:

Marron oscuro #571a0a
Marron claro #9d8863
Menu blanco #fff
*/

html{
width:100%;
height:100%;
margin:0;
padding:0;
}

body{
float:left;
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
background:url(../img/madera_bg.jpg) top left repeat;
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#9d8863;
cursor:default;
}

a{color:#9d8863;text-decoration:none;cursor:pointer;}

a:hover{color:#571a0a;text-decoration:none;cursor:pointer;}

a img{border:none;}

div#menu{
float:left;
position:relative;
width:100%;
height:32px;
background:none;
margin:0;
padding:0;
}


div#cabecera{
float:left;
position:relative;
width:100%;
height:305px;
background:none;
margin:0;
padding:0;
background:url(../img/tira.jpg) top left repeat-x;
}

div#wrapper{
float:left;
position:relative;
width:100%;
height:auto;
margin:0;
padding:0;
background:none;
}


div#pie{
float:left;
position:relative;
width:100%;
height:215px;
background:none;
margin:0;
padding:0;
}


div.container{
position:relative;
width:814px;
height:100%;
margin:0 auto;
padding:0;
background:url(../img/sombra.png) top center repeat-y;
}

div#pie div.container{background:url(../img/footer.jpg) bottom center no-repeat !important;}

/*---------------------------------------------------------------------------------------------*
/* MENU */
div#menufix{
position:relative;
width:800px;
height:32px;
margin:0 auto;
padding:0;
background:url(../img/menu.jpg) top left no-repeat;
text-align:center;
}

ul#enlaces{
float:left;
position:relative;
width:800px;
height:32px;
margin:6px 0 0 0;
padding:0;
text-align:center;
}
	
	ul#enlaces li{
	position:relative;
	margin:0;
	padding:0;
	text-align:center;
	display:inline;
	background:none;
	font-weight:bold;
	margin:0 0 0 25px;
	}

	ul#enlaces li a{position:relative;color:#fff;font-size:14px;margin:0;padding:0 0 2px 0;}	
	ul#enlaces li a:hover{color:#571a0a;border-bottom:5px solid #571a0a;}
	ul#enlaces li a.presente{color:#571a0a;border-bottom:5px solid #571a0a;}
	ul#enlaces li a.presente:hover{position:relative;color:#fff;font-size:14px;margin:0;padding:0 0 2px 0;}
	
/* HEADER */
div#logotipo{
position:relative;
width:800px;
height:305px;
margin:0 auto;
padding:0;
background:url(../img/cabecera_sola.jpg) top center no-repeat;
}

	div#logotipo a#enlace_inicio{
	float:left;
	position:absolute;
	width:300px;
	height:75px;
	margin:0;
	padding:0;
	top:102px;
	left:66px;
	}
	
	div#logotipo span#titulo_seccion{
	float:left;
	position:absolute;
	margin:0;
	padding:0;
	bottom:10px;
	left:25px;
	color:#571a0a;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	}	

div#logotipo_casona{
position:relative;
width:800px;
height:305px;
margin:0 auto;
padding:0;
background:url(../img/cabecera.jpg) top center no-repeat;
}

	div#logotipo_casona a#enlace_inicio{
	float:left;
	position:absolute;
	width:300px;
	height:75px;
	margin:0;
	padding:0;
	top:102px;
	left:66px;
	}
	
	div#logotipo_casona span#titulo_seccion{
	float:left;
	position:absolute;
	margin:0;
	padding:0;
	bottom:10px;
	left:25px;
	color:#571a0a;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	}	
	
	
	
div#contenedor{
position:relative;
width:800px;
margin:0 auto 0 auto;
padding:0 0 0 0;
background:url(../img/wrapper_bg.jpg) top left no-repeat #fff;
z-index:5 !important;
}


div.lateral{
float:left;
position:relative;
width:50%;
height:auto;
margin:0;
padding:0;
}

div.completa{
float:left;
position:relative;
width:100%;
height:auto;
margin:0 auto;
padding:0;
}

/* TEXTOS GENERICOS */
p{padding:0 12px;}

span.capital{text-transform:capitalize;color:#571a0a;font-weight:bold;font-size:30px;}

/* SECCION INICIO */
div#casona{
float:right;
position:relative;
width:407px;
height:198px;
margin:0;
padding:0;
background:url(../img/casona.jpg) top left no-repeat;
}


div#galeria{
float:right;
position:relative;
width:400px;
height:auto;
margin:0;
padding:0;
background-color:#fff;
}

/*  PIE  */
div#copy{
float:left;
position:relative;
width:50%;
margin:105px 0 0 0;
padding:0;
text-align:left;
font-size:13px;
}

div#datos{
float:left;
position:relative;
width:50%;
margin:105px 0 0 0;
padding:0;
text-align:right;
font-size:13px;
}

div#datos *,div#copy *{color:#fff;}
div#datos a,div#copy a{color:#e2e2e2;}
div#datos a:hover,div#copy a:hover{color:#fff;}


p.titulo{	
color:#571a0a;
font-size:16px;
padding:8px 0 0 10px;
text-transform:uppercase;
font-weight:bold;
}

div.aparta{	
float:none;
position:relative;
margin:10px auto 0 auto !important;
padding:0;
width:382px;
height:179px;
}

a.naranja{font-weight:bold;color:#f3981b;}
a.naranja:hover{font-weight:bold;color:#421e17;}

/* Localizacion */
iframe#mapita{border:5px solid #d8ce93;}

p#brujula{position:relative;margin:38px auto 0 auto;width:175px;}

/* Contacto */

form#mi_formu{
float:left;
position:relative;
width:95%;
height:380px;
margin:0 0 0 8px;
padding:0 0 25px 0;
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#9d8863;
}

 form#mi_formu strong{color:#9d8863;}

 form#mi_formu label{
float:left;
position:relative;
width:90%;
margin:12px 0 0 0;
padding:0;
text-align:left;
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#9d8863;
}


 form#mi_formu input,textarea{
float:left;
position:relative;	
width:100%;
height:18px;
background-color:#d8ce93;
border:1px solid #9d8863;
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#9d8863;
}


 textarea{height:100px;}

input#acepto{
float:left;
position:relative;	
margin:0;
padding:0;
width:12px;
}


form#mi_formu input:hover,input:focus,textarea:hover,textarea:focus{
background-color:#fff;
}



	 form#mi_formu input#boton_enviar{
	float:left;
	position:relative;	
	margin:15px 0 0 0;	
	width:55px;
	height:27px;
	background:#d8ce93;
	padding:0;
	cursor:pointer;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border:1px solid #d8ce93;
	}
	
	 form#mi_formu input#boton_enviar:hover{background-color:#9d8863;border:1px solid #9d8863;color:#d8ce93}

/* CONTACTO */
p#correito{position:absolute;bottom:-20px;left:185px;width:128px;}


/* Entorno */
div#entorno{
position:relative;
width:95%;
height:300px;
margin:0 auto;
padding:0 0 0 0;
}

img.foto_entorno{
position:relative;
margin:0;
padding:0;
border:3px solid #d8ce93;
}

div#entorno1{
float:left;margin:8px 0 0 0;
}