/* Estilo principal de la web*/ 
body,html{width:100%;height:100%;margin:0;padding:0;background-color:#f5f1d4;}

/*     Pagina 1 - inicio  */

div#master{
position:relative;
width:1024px;
height:633px;
border:1px solid #ccc;
margin:75px auto;
padding:0;
background:url(../img/inicio.jpg) top left no-repeat;
}


div#abajo_decha{
float:left;
position:absolute;
width:270px;
height:190px;
bottom:0;
right:0;
}

div#abajo_decha p a{text-decoration:none;color:#9e794c;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}


/*     Pagina 2 - MENU Y WEB   */
div#master2{
position:relative;
width:964px;
height:595px;
border:1px solid #ccc;
margin:0 auto 0 auto;
padding:0;
background:#fff;
top:75px;
}

div#header{
float:left;
position:relative;
width:100%;
height:115px;
margin:0;
padding:0;
background:url(../img/header.jpg) top left no-repeat;
}

div#lateral{
float:left;
position:relative;
width:305px;
height:368px;
margin:0;
padding:0;
z-index:2;
}

div#contenido{
float:left;
position:relative;
width:659px;
height:480px;
margin:0;
padding:0;
background:url(../img/contenido_bg.jpg) top left no-repeat;
}

div#lateral_seccion{
float:left;
position:relative;
width:305px;
height:390px;
margin:0;
padding:0;
}

div#contenido_seccion{
float:left;
position:relative;
width:659px;
height:480px;
margin:0;
padding:0;
background:#fff;
}


ul#menu{
float:left;
position:relative;
width:100%;
margin:0 0 0 0;
padding:0;
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;
z-index:1;
}

ul#menu li{
float:left;
position:relative;
width:100%;
margin:4px 0 0 20px;
padding:0;
}

ul#menu li.puntos{margin:0 0 0 20px;color:#7a582e;}
ul#menu li.rojo a{color:#af001d;}
ul#menu li.marron{color:#9c7647;}
ul#menu li.naranja a{color:#ed6b00;}


a{text-decoration:none;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;}


/* SECCION NUESTROS PRODUCTOS */

div#productos{
float:left;
position:relative;
width:100%;
height:195px;
color:#9c7647;
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;
margin:50px 0 0 0;
}

div#seccion{
position:relative;
width:70%;
height:400px;
color:#9c7647;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:25px auto 0 auto;
text-align:justify;
}

span#titulo_seccion{
float:left;
position:relative;
width:164px;
height:33px;
background:url(../img/span_bg.jpg) top left no-repeat;
color:#fff;
margin:0;
padding:0;
overflow:hidden;
}

span#titulo_seccion p{
float:left;
position:relative;
margin:8px 0 0 2px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
}


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

div#listado_productos{
float:left;
position:relative;
width:100%;
height:180px;
margin:0;
padding:0;
margin-top:15px;
}
ul#tres_columnas{position:relative; width:92%;height:180px;list-style-type:none;margin:0 auto;padding:0;}
ul#tres_columnas li{float:left;width:33%;list-style-type:none;margin:0;padding:0;}
ul#tres_columnas li a{color:#9c7647;font-size:12px;}

ul#dos_columnas{position:relative; width:80%;height:180px;list-style-type:none;margin:0 auto;padding:0;}
ul#dos_columnas li{float:left;width:50%;list-style-type:none;margin:0;padding:0;}
ul#dos_columnas li a{color:#9c7647;font-size:12px;}

div#listado_productos a{color:#9c7647;font-size:12px;}


/*****************************************/
div#ficha{
position:relative;
width:610px;
height:175px;
margin:50px auto 0 auto;
padding:0;
}

div.tabla{
position:relative;
width:608px;
height:73px;
margin:15px 0 0 0;
padding:0;
}

div#tabla1{background:url(../img/tabla1.jpg) top left no-repeat;}
div#tabla2{background:url(../img/tabla2.jpg) top left no-repeat;}

ul.lista_datos{
float:left;
position:absolute;
width:100%;
height:16px;
margin:0;
padding:0;
list-style-type:none;
bottom:18px;
}

ul.lista_datos li{
float:left;
position:relative;
margin:0;
padding:0;
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
text-align:center;
}

li#uno{width:160px;text-align:center;margin:0 0 0 4px;}
li#dos{width:127px;text-align:center;}
li#tres{width:156px;text-align:center;}
li#cuatro{width:158px;text-align:center;}

span#flash{
float:left;
position:absolute;
bottom:0;
margin:0;
left:0;
padding:0;
width:305px;
height:205px;
}

span#flash_seccion{
float:left;
position:absolute;
bottom:22px;
margin:0;
left:0;
padding:0;
width:305px;
height:205px;
}

/* Boton de Contacto */

span#contacto{
float:right;
position:absolute;
margin:0;
padding:0;
right:40px;
bottom:5px;
}

span#contacto a{color:#9c7647;font-size:14px;}

div#centrar img{
position:relative;
margin:12px auto 0 auto;
}

div#master3{
float:left;
position:relative;
width:100%;
height:100%;
background-color:#fff;
}