@charset "iso-8859-1";
/* CSS Document */

/*Reset
----------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,  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, b, u, i, center, 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;
	background: transparent;
	
}
/* ETIQUETAS
----------------------------------------------------------------------------------------------------*/
a:link, a:visited, a:hover{
	color:#663300;
}

body {
	background-image:url(fondo.gif);
	font-family:"Trebuchet MS", "Palatino Linotype", Verdana;
	background-repeat:repeat-x;
	background-color:#EDC796;
	font-size:13px;
	margin:0 auto;
	line-height: 140%;
	min-height: 100%;

}
h1 {
	font-size:16px;
	font-weight: bold;
	line-height:150%;
	color:#660000;
	background-color:#EDC796;
	border: thin solid #EDC796;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;

}


h2 {
	font-size:14px;
	line-height:150%;
	color:#660000;
	margin-top:5px;
	font-weight: bold;
    background-color:#DBD0B4;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}

h3 {
	font-size:14px;
	color:#660000;
	margin-top:5px;
	font-weight: bold;
    }



/* DIVS principales
----------------------------------------------------------------------------------------------------*/

#contenedor {
	width:960px;
	height:100%;
	padding:0;
	margin:0 auto;
	clear:both;
	}
#header {
	width:960px;
	height:170px;
	padding:0;
	margin:0 auto;
}
#cuerpohome {
	width:960px;
	height:380px;
	padding:0;
	margin:0 auto;
	font-size:16px;
	text-align:center;
}
#cuerpo{
	width:920px;
	padding:0;
	margin:0 auto;
	background:#FFFFFF;
	height:1100px;
	padding:20px;
}
#cuerpofabricacion{
	width:920px;
	padding:0;
	margin:0 auto;
	background:#FFFFFF;
	height:1000px;
	padding:20px;
}
#cuerpoproductos{
	width:920px;
	padding:0;
	margin:0 auto;
	background:#FFFFFF;
	padding:20px;
	min-height: 100%;

}
#pie {
	width:960px;
	height:25px;
	padding:0;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	padding-top:25px;
	clear:both;
}

/* DIVS secundarios		
----------------------------------------------------------------------------------------------------*/

#headerbotonera {
	width:960px;
	height:18px;
	padding:0;
	margin:0 ;
	text-align:right;
	color:#FFFFFF;
	
}
#headerbotonera a{
color:#FFFFFF;
text-decoration:none;}

#headerlogo{
width:250px;
height:110px;
padding-top:25px;
float:left;



}
#headermenu{
width:700px;
float:right;
padding-top:110px;

}
.menu {

text-align:right;
font-size:14px;
font-weight:bold;

	
}
.menu li { 
list-style-type: none;
display: inline;
padding:5px;
width:auto;
height:auto;
text-indent: 0px;
 }

.menu li a, .menu li a:visited {
color:#9B4E00;
text-decoration: none;
text-indent: 0px;
display: inline-block;
margin-bottom:2px;
 }  


.menu li a.active, .menu li a.active:hover, a.active{
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #9B4E00;
text-indent: 0px;
display: inline-block;
margin-bottom:-2px;

}


.menu li a:hover{
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #660000;
text-indent: 0px;
display: inline-block;
margin-bottom:-2px;
color:#660000;
}



#columnaizq{
width:675px;
float:left;
margin-top:20px;
text-align:justify;

}
#columnader{
width:240px;
float:right;
margin-top:20px;
text-align:right;

}

#columnacontacto{
width:360px;
float:left;
margin-top:20px;
text-align:left;
}
#columnamapa{
width:460px;
float:right;
margin-top:90px;
text-align:center;
padding-left:10px;

}
.contacto {
width:350px;
padding:10px;
border:#ccc 1px solid;
float:left;
background:#DBD0B4;

}

.contactotexto {
width:350px;
padding:10px;
float:left;
}



.enviar {
background:#fff;
border:#660000 1px solid;
padding:5px;
width:50px;
text-align:center;}

.fabricacion {
padding:0px;
margin:0px;
padding-left:15px;
list-style:disc;
}

.epigrafe {
font-size:11px;}

.borde {
border:#CCCCCC 1px solid;}


table.sample {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: rgb(102, 51, 0) rgb(102, 51, 0) rgb(102, 51, 0) rgb(102, 51, 0);
	border-collapse: collapse;
	background-color: white;
	font-size:11px;
	margin-top:8px;
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	background-color: white;

}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	background-color: white;
	
}

.minidiv {
width:908px;
height:28px;
border:#663300 1px solid;
padding-left:5px;
padding-right:5px;
margin-top:5px;
margin-bottom:5px;}


#navi li {
	margin:2px;
	padding:0; 
	float:left;
}

.descripcion {
	width:898px;
	height:110px;
	border:#663300 1px solid;
	margin-top:20px;
	padding:10px;
	
	
}


.colores {
list-style:none;
font-size:14px;
padding:0px;
margin:0px;
border:0px;
margin-left:8px;

	
}
.colores li { 
display: block;

width:145px;
float:left;
padding:0px;
margin:0px;
border:0px;
margin-left:2px;
margin-right:2px;
text-align:center;
 }



 /* DIVS toggle	
----------------------------------------------------------------------------------------------------*/
.gotoggle {
min-height:100%;

}

h2.trigger {
	padding: 0 0 0 40px;
	margin: 0 0 5px 0;
	background: url(h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 920px;
	font-size: 16px;
	font-weight: normal;
	float: left;
	font-weight:bold;
}
h2.trigger a {
	color: #660000;
	text-decoration: none;
	display: block;
	font-weight:bold;
}
h2.trigger a:hover { color:#663300; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0;
	padding: 0;
	/*background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;*/
	overflow: hidden;
	font-size: 1.2em;
	width: 920px;
	clear: both;
	min-height:100%;
}
.toggle_container .block {
	padding:10px 0 10px 0; /*--Padding of Container--*/
	
}




/* DIVS mensajes	
----------------------------------------------------------------------------------------------------*/
#msg {display:none; position:absolute; z-index:200; background:url(msg_arrow.gif) left center no-repeat; padding-left:7px}
#msg {display:block; background:#f3e6e6; border:2px solid #924949; padding:5px; min-width:150px; max-width:250px}