/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */

/* ------------------------------- RESET CSS ------------------------------------ */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: #fff;
	background: url(../img/fondobody2.gif) fixed;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}


html,body {

}

h3 {
display:block;
width:275px;
text-transform:uppercase;
font-size:14px;
padding-top:20px;
padding-left:15px;
padding-right:15px;
font-weight:normal;
margin-bottom:10px;

}


h4 {
display:block;
text-transform:uppercase;
font-size:14px;
padding-top:20px;
padding-left:15px;
padding-right:15px;
color:#FFCC00;
font-weight:normal;
margin-bottom:10px;

}

ol, ul {
	list-style: none;
}

/* -------------------------------------------------------- LAYOUT --------------------------------------------------- */

#container {
width:100%;
}

#contido{
margin-top:60px;
}

#contido p {
text-decoration: none;
word-spacing: 2px;
text-align: left;
letter-spacing: 0;
text-indent: 0px;
line-height: 18px;
font-size: 13px;
padding-left:15px;
padding-right:15px;
margin-bottom:15px;
}

/* ------------------------------- COLUMNA DA ESQUERDA ----------------------------------------------- */

#navegacion{
float:left;
text-align:left;
display:block;
width:136px;
height:423px;
margin-right:10px;
background: url(../img/fondobloques.png) repeat top right;
border: 1px solid #ddd;
padding:8px 8px 8px 0;
}

#navegacion h1 {
display:block;
width:57px;
height:58px;
text-indent:-10000px;
background:url(../img/logo.gif) no-repeat;
margin-top:25px;
margin-left:20px;
}

#iniciales{
margin-left:20px;
margin-top:180px;
display:block;
width:58px;
height:23px;
background: url(../img/iniciales.gif) no-repeat;
}

/* --------------------- MENU PRINCIPAL --------------- */

ul#menu {
margin-top:15px;
font-family:Helvetica;
}

ul#menu li a, ul#menu li a:visited {
font-size:0.9em;
display:block;
height:17px;
line-height:17px;
margin-bottom:4px;
color:#000;
text-decoration:none;
padding-left:20px;
background:url(../img/fondomenu.gif) no-repeat;
}

ul#menu li#menufabrica a, ul#menu li#menufabrica a:visited {
background-position: -112px 0px;
}

ul#menu li#menufabrica a:hover, ul#menu li#menufabrica a:active{
background-position: -35px 0px;
color:#fff;
}

ul#menu li#menucocinas a, ul#menu li#menucocinas a:visited {
background-position: -112px -17px;
}

ul#menu li#menucocinas a:hover, ul#menu li#menucocinas a:active {
background-position: -50px -17px;
color:#fff;
}

ul#menu li#menucarpinteria a, ul#menu li#menucarpinteria a:visited {
background-position: -112px -34px;
}

ul#menu li#menucarpinteria a:hover, ul#menu li#menucarpinteria a:active {
background-position: -35px -34px;
color:#fff;
}

ul#menu li#menudisenho a, ul#menu li#menudisenho a:visited {
background-position: -112px -51px;
}

ul#menu li#menudisenho a:hover, ul#menu li#menudisenho a:active {
background-position: -55px -51px;
color:#fff;
}

ul#menu li#menucontacto a, ul#menu li#menucontacto a:visited {
background-position: -112px -68px;
}

ul#menu li#menucontacto a:hover, ul#menu li#menucontacto a:active {
background-position: -40px -68px;
color:#fff;
}




/* ------------------------------------------------ AREA DE CONTIDO ---------------------------------------------- */



#principal{
float:left;
padding:8px;
width:730px;
background: url(../img/fondobloques.png) repeat top right;
text-align:center;
}


#area_contido{
margin:0 auto;
display:block;
width:726px;
height:425px;
background:#fff;
overflow:hidden;
z-index:10
}

#container_capas{
width:4600px;}

/* ---------------------------------- FABRICA ----------------------------------*/

#fabrica{
float:left;
display:block;
width:727px;
height:425px;
background:url(../img/fondo5.jpg) no-repeat;
}

#contido_fabrica {
display:block;
width:295px;
height:425px;
text-align:left;
margin-left:400px;
background:url(../img/fondooscuro.png)
}




/* ---------------------------------- COCINAS ----------------------------------*/

#cocinas{
float:left;
display:block;
width:727px;
height:425px;
background:url(../img/fondo2.jpg) no-repeat;
}

#contido_cocinas {
display:block;
width:295px;
height:425px;
text-align:left;
margin-left:400px;
background:url(../img/fondooscuro.png)
}



/* ---------------------------------- CARPINTERIA ----------------------------------*/

#carpinteria{
float:left;
display:block;
width:727px;
height:425px;
background:url(../img/fondo3.jpg) no-repeat;
}

#contido_carpinteria {
display:block;
width:295px;
height:425px;
text-align:left;
margin-left:400px;
background:url(../img/fondooscuro.png)
}



/* ---------------------------------- DISENHO ----------------------------------*/

#disenho{
float:left;
display:block;
width:727px;
height:425px;
background:url(../img/fondo1.jpg) no-repeat;
}

#contido_disenho {
display:block;
width:295px;
height:425px;
text-align:left;
margin-left:400px;
background:url(../img/fondooscuro.png)
}

/* ---------------------------------- CONTACTO ----------------------------------*/

#contacto{
float:left;
display:block;
width:1464px;
height:425px;
background:url(../img/fondo4.jpg) no-repeat;
}

#contido_contacto {
float:left;
display:block;
width:295px;
height:425px;
text-align:left;
margin-left:400px;
margin-right:35px;
background:url(../img/fondooscuro.png)
}

#map {
float:left;
display:block;
width:727px;
height:425px;
}

.amarillo {
color:#FFCC00;
}

#contido_contacto h4 {
padding-top:5px;
line-height:12px;
}

#contido_contacto h4 a, #contido_contacto h4 a:visited{
color:#fc0;
text-decoration:none;
}

#contido_contacto h4 a:hover{
text-decoration:underline;
}

#contido_contacto p {
margin-bottom:7px;
line-height:15px;
}

#contido_contacto p a, #contido_contacto p a:visited {
color:#fff;
text-decoration:none;
}

#contido_contacto p a:hover {
text-decoration:underline;
}

/* FOOTER */

#footer {
float:left;
display:block;
width:10px;
height:435px;
margin-left:10px;
margin-top:3px;
}

#footer p, #footer p a {
display:block;
width:10px;
text-indent:-10000px;
background:url(../img/footer.png) no-repeat;
}

#footer p#martinez{
height:146px;
background-position: 0 0;
}

#footer p#derechos{
height:177px;
background-position: 0 -146px;
}

#footer p#aviso_legal  {
background:none;
}

#footer p#aviso_legal a {
height:66px;
background-position: 0 -323px;
}

#footer p#creditos  {
background: none;
}

#footer p#creditos a {
height:47px;
background-position: 0 -389px;
}


/* Aviso Legal y creditos */

#container_aviso {
padding:0;
margin:0 auto;
width:400px;
text-align:center;}

#contido_aviso {
margin: 0 auto;
width:400px;
text-align:left;
color:#fff;
}

#texto{
display:block;
width:400px;
background:url(../img/fondooscuro.png);
margin:0
}

#fondofoto{
background: url(../img/fondobody2.gif) repeat fixed;}

#texto p{
line-height:17px;
padding-left:15px;
padding-right:15px;
}