/*
Documento CSS propiedad de FLEXO estudio digital.
Prohibida la reproducción total o parcial de este código salvo consentimiento expreso del autor.
*/


/* ---------- GENERAL ---------------------------------------------------------------------- */

body	{
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	margin: 0px;
	padding: 0px;
	background:url(/img/pix_ffondo.gif) repeat-y top center #8a847b;

}

acronym {
	cursor: help;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

img{
	border:0px;
}


/* ---------- enlaces ---------------------------------------------------------------------- */

a {
	text-decoration: none;
	color: #693;
}
a:hover {
	text-decoration: underline;
}


/* ---------- CAPAS PRINCIPALES ---------------------------------------------------------------------- */

#logoculta{
	display:none;
}

#menu{
	width:700px;
	height:175px;

}

#contenedor {
	margin:30px auto;
	padding:0px;
	width:700px;
	background-color:#ecebea;
	}

#contenido{
	width:660px;
	padding: 0px 20px 20px 20px;
	margin:0px;
	font-size:70%;
	background-color:#ecebea;
}


#intro_text{
	float:left;
	font-size:12px;
	width:145px;
	padding: 15px;
	margin:0px;
	text-align:center;
	}
	
#intro{
	float:left;
	width:525px;
	padding: 0px;
	margin:0px;
}

#pie{
	clear:both;
	background-color:#8a847b;
	padding:15px 10px;
	text-align:center;
	width:680px;
	margin:20px 0px 1opx 0px;
	font-size:70%;
	color:#dddad1;
}

#pie a{color:#fff;}

#legal {
	margin: 15px auto;
	padding: 20px 20px 20px 20px;
	width:320px;
	color: #333333;
	font-size:70%;
	background-color:#fff;
}

#ficha {
	margin: 10px;
	padding: 20px 20px 20px 20px;
	width:400px;
	color: #333333;
	font-size:70%;
	background-color:#fff;
}


#mapa {
	margin: 45px 10px 10px 10px;
	padding: 20px;
	width:410px;
	color: #333333;
	background-color:#fff;
}


/* ---------- CAPAS SECUNDARIAS ------------------------------------------------------ */
#logo{
	width:120px;
	padding: 10px;
	margin:0px 0px 0px 0px;
	background-image:url(/img/logo.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:150px;
	text-align:center;
	background-color:#FFFFFF;
	color:#FFFFFF;
}

#colppal{
float:left;
width:400px;
padding:0px;
margin:10px 0px 15px 0px;
}

#colppal img{
border:1px solid #8a847b;
margin:0px 0px 10px 0px;
}



#colsec{
float:left;
width:250px;
padding:0px;
margin:10px 0px 0px 10px;
}


 
/* ---------- ENCABEZADOS  ---------------------------------------------------------------------- */

h1 {
	margin: 20px 0px 5px 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
	color:#333333;
}
h2 {
	margin: 20px 0px 5px 0px;
	padding: 5px 0px 5px 10px;
	font-size: 90%;
	font-weight: normal;
	background-color:#8a847b;
	color:#fff;
	background-image:url(/img/ico_down.gif);
	background-repeat:no-repeat;
	background-position:right;

}

h3 {
	margin: 5px 0px 1px 0px;
	padding: 5px;
	font-weight: bold;
	font-size:90%;
	background-color:#d5d4c8;
	background-image:url(/img/ico_down.gif);
	background-repeat:no-repeat;
	background-position:right;
	
}
 
 
/* ---------- PARRAFOS ---------------------------------------------------------------------- */
p {
	margin: 0px;
	padding: 5px 0px;
}



/* ---------- CLASSES ---------------------------------------------------------------------- */

.linea{
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	padding-bottom:10px;
}

.principal{ margin-bottom:20px;}

.separador {
	clear:both;
	font-size: 1px;
	height:1px;
}

.rojo{color:#CC0000;}
.mini{font-size:90%; color:#999999;}
.oculto{display:none;}
.tecla {text-decoration: underline;} 

.titsec{
font-weight:bold;
color:#FF9900;
}

.gris{color:#333333;}

.logo{margin:10px 10px 0px 0px;}


/* ---------- LISTAS ------------------------------------------------------------ *
/* ---------- lista del menu -------------------- */

#menu ul {
	font-size: 90%;
	width:700px;

}

#menu li {
	display: inline;
}

#menu li a{
	float:left;
	color: #ffffff; 
	text-decoration:none;
	width:175px;
	height:175px;
	background-color:#666666;
}	

#menu li a:hover {
	background-color:#990000;
}	
 
/* ---------- clases del menu -------------------- */

.menu0{
	background-image: url(/img/menu0.gif);
	background-repeat:no-repeat;
}
.menu0:hover{
	background-image: url(/img/menu0b.gif);
	background-repeat:no-repeat;
}

.menu1{
	background-image: url(/img/menu1.gif);
	background-repeat:no-repeat;
}
.menu1on{
	float:left;
	width:175px;
	height:175px;
	background-image: url(/img/menu1.jpg);
	background-repeat:no-repeat;
}
.menu1:hover{
	background-image: url(/img/menu1.jpg);
	background-repeat:no-repeat;
}

.menu2{
	background-image: url(/img/menu2.gif);
	background-repeat:no-repeat;
}
.menu2on{
	float:left;
	width:175px;
	height:175px;
	background-image: url(/img/menu2.jpg);
	background-repeat:no-repeat;
}
.menu2:hover{
	background-image: url(/img/menu2.jpg);
	background-repeat:no-repeat;
}
.menu3{
	background-image: url(/img/menu3.gif);
	background-repeat:no-repeat;
}
.menu3on{
	float:left;
	width:175px;
	height:175px;
	background-image: url(/img/menu3.jpg);
	background-repeat:no-repeat;
}
.menu3:hover{
	background-image: url(/img/menu3.jpg);
	background-repeat:no-repeat;
}



/* ---------- lista de marcas de mobiliario -------------------- */

#categorias ul{
	margin: 0px;
	padding: 0px;
	list-style: none;

}

#categorias li a{
	display: block;
	padding: 5px 10px;
	margin: 1px 0px;
	color:#CC0000;

	font-size:90%;
	background-color:#E3E2D9;
}	

#categorias li a:hover {
	text-decoration:none;
	background-color:#eeeeee;
}


/*-------- FORMULARIOS ----------------------------------------------------------------------------*/

form{
	margin:10px;
}

input, select, file, textarea {
	margin: 1px 0px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333333;
	background-color: #ffffff;
	padding: 4px 3px;
	border:1px solid #999999;
}

.botontxt {
	font-size:90%;
	padding: 2px 5px;
	background-color: #8a847b;
	color: #FFFFFF;
}

.botontxt:hover{
	text-decoration:none;
	background-color: #6d6961;
	cursor:pointer;
}




.squarelink {
	padding:5px 10px;
	background-color: #F30;
	color:#fff;
	text-decoration:none;
}
.squarelink:hover {
	background-color: #C00 ;
	text-decoration:none;
}