@charset "utf-8";
/* CSS Document */
/*************************************************
* #3c4029; verde oscuro corporativo              *
* #525C23; verde chilon feo                      *
* #c6cf97; verde medio corporativo               * 
* #abb47c; verde medio corporativo               *
* #D7DDB7; verde claro corporativo               *
*************************************************/
/************************************************
*	estilos generales							*
*************************************************/
body{
	margin: 0 auto 0;
	padding:0;
	width:1007px;
	background-color:#3c4029;
	font-family:Verdana, Geneva, sans-serif;
	color:#3C4029;
}
p{
	margin-top:1em;
	margin-bottom:1em;
	font-size:12px;
	text-align:justify;
}

h1, h2, h3{
	/*font-family:Times New Roman,Times,serif;*/
	font-family:Verdana, Geneva, sans-serif;
	color:#3D402D;
	font-size:19px;
	font-weight:bold;
	/*margin-bottom:2ex;*/
	margin-bottom:5px;
	margin-top:0;
	text-align:center;
}
h2{
	font-size:16px;
}
h3{
	font-size:14px;
}
a{
	color:#525C23;
}

/*********************************************************************************************************************/


#migasdepan {
	padding-bottom:1em;
	font-size:9px;
}
	#migasdepan li{
		display:inline;
	}
	#migasdepan a{
		color:#333;		
		text-decoration:none;
	}
	#migasdepan a:hover{
		text-decoration:underline;
	}
	
	
/************************************************
*	cabecera									*
*************************************************/
#cabecera{
	margin:0;
	padding:0;
	background-image:url(../imagenes/top_bgr.jpg);
	background-repeat:repeat-x;
	background-color: #c6cf97;
}
#cabecera_left{
	float:left;
}
#cabecera_right{
	float:right;
	height:143px;
	background-color:#3c4029;
}


	/************************************************
	*	cabecera menu									*
	*************************************************/
	#cabecera_menu{
		padding-top:118px;
		padding-left:10px;
		padding-right:209px;
		padding-bottom:14px;
	}
	#cabecera ul{
		list-style:none;
		background-color: #c6cf97;
		margin:0;
		padding:0;
		padding-right : 17px;
		text-align : center;
		font-size : 11px;
		font-family : Arial, Helvetica, sans-serif;
	}

	#cabecera li{
		display:inline;
		color : #525c23;
		font-weight : bold;
		border-bottom : 1px solid #abb47c;
		vertical-align : top;
		padding : 3px 5px 3px 5px;
	}
 

	#cabecera li a {
		font-weight:bold;
		color: #525c23;	
		text-decoration: none;
	}


/************************************************
*	contenedor									*
*************************************************/
#contenedor{
	background-image:url(../imagenes/fondo_contendor.jpg);
	background-repeat:repeat-y;
	background-attachment:scroll;
	background-color:#3c4029;
}


/************************************************
*	colIzqcontenedor							*
*************************************************/
#colIzqcontenedor{
	float:left;
	width:178px;
	background-color : #c6cf97;
	color : #525c23;
	background-repeat : repeat-y;
	background-image : url(imagenes/menupad_bgr.gif);
	background-position:right;
	min-height:360px;
}

#colIzqcontenedor #fabrica{
	font-family: "Comic Sans MS",cursive;
    font-size: 16px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}
#colIzqcontenedor #fabrica p, #colIzqcontenedor #fabrica h3{
	/*font-family:"Comic Sans MS", cursive;*/
	font-family:"Verdana, Geneva, sans-serif";
	font-size:16px;
}
#colIzqcontenedor #fabrica a{
	color:#525c23;
}
 #fabrica h3{
 font-weight:bold;
 font-size:16px;
     
 }
	/************************************************
	*	colIzqcontenedor menu						*
	*************************************************/
	#colIzqcontenedor_menu{
		list-style-type: none;
		padding-top: 3px;
		padding-bottom: 3px;
		font-size : 11px;
		font-family : Arial, Helvetica, sans-serif;
	 	font-weight : bold;
	}
	#colIzqcontenedor_menu h2{
		font-family : Arial, Helvetica, sans-serif;
		margin:1em;
		font-size:14px;
		font-weight:bold;
		color:#525c23;
	}
	#colIzqcontenedor_menu ul{
		border-top : 1px solid #abb47c;
		padding-left: 0px;
		padding-right:2px;
	}
	#colIzqcontenedor_menu li{
		border-bottom : 1px solid #abb47c;
		padding:1em 0 1em 0;
	}

	#colIzqcontenedor_menu a{
		font-weight:bold;
		color: #525c23;	
		text-decoration: none;
	}
	#colIzqcontenedor_menu li a{
		padding-left:10px;
	}
	#colIzqcontenedor_menu ul ul{
		padding-left:2em;
		font-size:10px;
	}
	#colIzqcontenedor_menu li:hover, .link_activo{
		background-color:#D7DDB7;
	}

/************************************************
*	colCentralContenedor							*
*************************************************/
#colCentralContenedor{
	float:left;
	margin:0;
	padding:15px;
	padding-right:30px;
	background-color:#D7DDB7;
	background-image:url(../imagenes/text_bgr.jpg);
	background-repeat:repeat-y;
	background-position:right;
	width:575px;
	background-image:
}

	/* Estilos de columna Izq cuerpo */
	#colCentralContenedor #colIzq{
		float:left;
		list-style:none;
		margin:10px;
		margin-left:10px;
		width:120px;
	}

	/* Estilos de columna der del cuerpo */
	#colCentralContenedor #colDer{
		margin-left:162px;
	}
	
	#colCentralContenedor #colDer p{
		border:0;
		margin-top:0;
		padding:0;
	}
	
		#colDer_1{
			float:left;
			width:210px;
		}
		#colDer_2{
			float:left;
			width:215px;
			margin-left:28px;
		}
		#colDer_3{
			margin-left:360px;
			margin-right:0px;
			
		}
	
		#colDer_4{
			float:right;
			width:390px;
			margin-right:20px;
			margin-top:10px;
		}

		#colDer_5{
			float:left;
			width:350px;
			margin-right:5px;
			margin-top:10px;
		}
		#colDer_5 li{	
			margin-left:15px;
			margin-top:1em;
			margin-bottom:1em;
			font-size:12px;
			text-align:justify;
		}
		#colDer_5 h2{	
			margin-bottom:1em;
		}					

/************************************************
*	colDercontenedor							*
*************************************************/
#colDerContenedor{
	width:209px;
	float:right;
	margin:0;
	padding:0;
	text-align:center;
}
#colDerContenedor p{
	margin: 1.5em
}
#colDerContenedor h2{
	font-family:"Comic Sans MS", cursive;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
}

#colDerContenedor h4, h5, h3{
	display:inline;
	margin:0.3em;
}
#colDerContenedor a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
#colDerContenedor a:hover{
	text-decoration:underline;
}
#colDerContenedor h4{
	font-size:14px;
}
#colDerContenedor h4{
	font-size:13px;
}
#colDerContenedor h5{
	font-size:12px;
}
/************************************************
*	pie											*
*************************************************/

#pie{
	background-image: url(../imagenes/fondo_pie.jpg);
	background-repeat:no-repeat;
	background-color:;
	padding-top:20px;
	color:#FFF;
}
#pie p{
	text-align:center;
}




/************************************************
*	mapa-web									*
*************************************************/
.mapa-web {
	font-size:14px;
	line-height:14px;
	margin:0;
	padding:0;
}
.mapa-web a {
	text-decoration:none;
}
.mapa-web a:hover {
	text-decoration:underline;
}
.mapa-web ul {
/*	margin-top:-15px;*/
	margin-bottom:1em;
}
.mapa-web li {
	font-size:13px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:25px;
}
.mapa-web li li {
	font-size:12px;
	padding-left:105px;
}
.mapa-web li li li {
	font-size:11px;
	padding-left:65px;
}
.mapa-web li li a {
font-weight:normal !important;
}
.mapa-web li li li a {
color:#000000 !important;
}


/************************************************
*	galeria fotografica							*
*************************************************/
.articulo_escaparate{
	float: left;
    padding: 1px 1.5px 5px;
    width: 188px;
}
.articulo_escaparate a{
	font-size:10px;
}
.articulo_escaparate a img {
	border: 2px solid #D7DDB7;
	padding:2px;

}
.articulo_escaparate a img:hover {
	border: 2px solid #525C23;
}


/************************************************
* estilos de las de la carpeta informacion 		*
*************************************************/
.parrafo{
	padding-bottom:1em;
	padding-top:0.8em;
}
.parrafo h2{
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.parrafo h3{
	font-size:11px;
	
}
.parrafo ul, .parrafo ol{
	list-style:inside;
	list-style-type:disc;
	font-size:11px;
	padding-left:0.5em;
}
.parrafo ol{
	list-style-type:decimal;
}
.parrafo li{
	padding:0.5em;
}
.fotoParrafo{
	float:right;
	padding:4px;
	/*background-color:#C6CF97;*/
	background-color:#C6CF97;
	border:1px solid #ABB47C;
	overflow:visible;
	margin-top: 0.2em;
	margin-right: 0.2em;
	margin-bottom: 0.2em;
	margin-left: 10px;
	/*	Asignar la propiedad width de la capa a la que tenga la imagen para que el ancho se vea bien en la misma etiqueta style="width:???px" */
}
.fotoParrafo cite{
	color:#000000;
	text-align:left;
	padding:0;
	margin:0;
	font-size:10px;
}


.fotoParrafo2 {
	float:left;
	padding:4px;
	margin:0.2em;
	/*background-color:#C6CF97;*/
	background-color:#C6CF97;
	border:1px solid #ABB47C;
	overflow:visible;
}

.fotoParrafo2 cite{
	color:#000000;
	text-align:left;
	padding:0;
	margin:0;
	font-size:10px;
}
.fotoParrafo2 h4 {
	color:#525C23;
	text-align:center;
	padding:0;
	margin:0;
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/**********************************************************************/
/* HEADER PARA LAS PESTAÑAS                                            */
/***********************************************************************/
    
    
    #header {
      float:left;
      width:100%;
      /*background:#DAE0D2 url("imagenes/bg.gif") repeat-x bottom;*/
      font-size:67%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }

	.botonesform { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		font-weight: bold; 
		color: #FFFFFF; 
		border: 1px #3D402D solid; 
		background-color: #525C23;
		width:80px
		}
	.capaFoto{
		display:block;
		width:185px;
		height:170px;
		float:left;
		margin:3px;
	}	
	.fotoCasas{
		border:0px;
		width:185px;
		margin-top:3px;
		margin-bottom:3px;
		/*height:146px;*/

	}
	.capaOferta{
		display:block;
		width:225px;
		height:220px;
		float:left;
		margin:3px;
		margin-left:30px;
		text-align:center;
	}
	.capaOferta a{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		text-decoration:none;
		text-align:center;
		color:#525C23;
		text-decoration:underline;
	}
	
	.capaOferta a:hover{
		text-decoration:underline;
	}	
		
	.fotoOferta{
		border:3px solid #D7DDB7;
		width:215px;
		padding: 3px;
		border-radius:11px;
		/*height:146px;*/

	}
	.fotoOferta:hover{
		border:3px solid #3C4029;
	}
	.fotoOfertaPortada{
	margin: 30px 5px 5px;
	width: 195px;
	border-radius: 11px 11px 11px 11px;
	border: 4px solid rgb(215, 221, 183);
	}
	.over_priece {
	position: absolute;
	background: #ABB47C;
	opacity: 0.7;
	width: 185px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 18px;
	color: #600;
	font-weight: bold;
	margin-top: 3px;	
	}
	
/* ———– My Form ———– */
.spacer{clear:both; height:1px;}
.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ———– stylized ———– */
#stylized{
border:solid 2px #525C23;
background-color:#D7DDB7;
display:none;
z-index:106 !important; 
top:160px; 
left:25%;
position:absolute;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#3c4029;
margin-bottom:20px;
border-bottom:solid 1px #525C23;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#3c4029;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input,textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #525C23;
width:200px;
margin:2px 0 20px 10px;
}
#stylized textarea{
height:120px;
}

#stylized button{
clear:both;
margin-left:40px;
width:125px;
height:31px;
background:#3c4029;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}					
				
/* INICIO CODIGO BOTONES */	
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../imagenes/bg_button_a.gif') no-repeat scroll top right;
    color: #3c4029;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button:hover {
	color:#111;
	font-size:0.95em;
}


a.button span {
    background: transparent url('../imagenes/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	font-weight:bold;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
/* FIN COFIGO BOTONES */


/*///////////////////////CASAS DE MADERA NUEVA SECCION/////////////////////////////*/

#clasificacion-casas .img_caja{width:180px; height:112px;}
#clasificacion-casas .caja_casa{margin:5px; width:180px; background-color:#3C4029; height:170px; border-radius:6px; float:left;}
#clasificacion-casas .p-arriba-caja{font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-align:center;color:#f89800;margin-top: 8px;margin-bottom: 9px;}
#clasificacion-casas .p-arriba-caja a {font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-align:center;color:#f89800;margin-top: 7px;margin-bottom: 6px; text-decoration:none; }
#clasificacion-casas .p-abajo-caja {margin-left: 12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;color:#f89800;margin-top: 7px;margin-bottom: 6px;}
#clasificacion-casas .p-abajo-caja a {margin-left: 12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;color:#f89800;margin-top: 7px;margin-bottom: 6px; text-decoration:none;}
#clasificacion-casas .img_caja_modelo{width:185px; height:140px; border-radius:6px 6px 0px 0px;}
#clasificacion-casas .caja_casa_modelo{margin:3px; width:185px; background-color:#3C4029; height:170px; border-radius:6px; float:left; margin-top:18px;}
#volver .btn_volver{background-color: #3C4029;border-radius: 6px;float: left;font-weight: bold;font-family: Verdana, Geneva, sans-serif;color: #F89800;text-decoration: none;padding: 10px;}
#volver p {float:left;margin-left: 3px; width: 572px;}
#clasificacion-casas .img_caja_fotos{width:185px;height:170px; border-radius:6px;}


#clasificacion-casas .img_caja_index{width:265px; height:170px;}
#clasificacion-casas .caja_casa_index{margin:10px; width:265px; background-color:#3C4029; height:230px; border-radius:6px; float:left;}
#clasificacion-casas .p-arriba-caja_index{font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-align:center;color:#f89800;margin-top: 8px;margin-bottom: 9px;font-size:15px;}
#clasificacion-casas .p-abajo-caja_index{margin-left: 12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;color:#f89800;margin-top: 7px;margin-bottom: 6px;}
#clasificacion-casas .p-arriba-caja_index a {font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-align:center;color:#f89800;margin-top: 7px;margin-bottom: 6px; text-decoration:none; }
#clasificacion-casas .p-abajo-caja_index a {margin-left: 87px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;color:#f89800;margin-top: 7px;margin-bottom: 6px; text-decoration:none;}



#ficha #foto_principal{ width:572px; border-radius:6px; margin-bottom:15px;}
#ficha #descripcion {width:280px; float:left;}
#ficha #descripcion .titulo{margin-top:10px; display:block; font-weight:bold;}
#ficha #caracteristicas {width: 270px; background-color: #3C4029; border-radius: 6px; float: left; padding: 4px; margin-top: 10px; margin-left: 14px;}
#ficha #caracteristicas table {font-size: 11px; color: white; height: 165px; line-height: 19px; width: 270px;}
#ficha #caracteristicas td {border-bottom: 1px solid #646259;}
#ficha #caracteristicas th {border-bottom: 1px solid #646259; font-weight:bold; text-align:left;}

#clasificacion-casas .caja_casa_fotos{margin:5px; width:180px; border-radius:6px; float:left;}
#clasificacion-casas .img_caja_fotos_mobil{width:185px; border-radius:6px;}




.precio_hasta {float:right; margin-right:20px;}
.oferta_valida {float:left; margin-left:30px;}