/* defaults */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	color: #FFFFFF;
	background: #3D3838;
	}

* {
	margin: 0;
	padding: 0;
	border: none;
	}	
		
img {
	margin: 0;
	padding: 0;
	border: none;
	}
	
em {
	font-style: italic;
	}
	
strong {
	font-weight: bold;
	}

small {
	font: normal 80% Arial, Helvetica, sans-serif;
	color: #999999;
	}	
			
hr {
	color: #999999;
	background-color: #999999;
	border: none;
	width: 100%;
	height: 1px;
	margin: 0 0 15px 0;
	padding: 0;
	}
	
.clear {
	clear: both;
	}
		
h1 {
	float: left;
	position: relative;
	width: 360px;
	height: 55px;
	margin: 12px 0 0 17px;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 150%;
	color: #441B00;
	}
h1 span {
	position: absolute;
	width: 110%;
	height: 135%;
	background: url(../images/logo.gif) no-repeat;	
	}	
h1 a {
	cursor: pointer;
	}	
	
	
h3 {
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;	
	font-size: 150%;
	font-weight: bold;
	color: #000000;
	}
	
h4 {
	margin: 0 0 3px 0;
	padding: 0;	
	font-size: 110%;
	font-weight: bold;
	color: #333333;
	}
	
h5 {
	display: inline;
	padding: 3px 6px;
	font: bold 90% Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	color: #FFFFFF;
	background: #55463B;
	}	
	
/* links */

a:link, a:visited {
	padding: 0 0 1px 0;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	}
a:hover {
	text-decoration: underline;
	}

/* page structure */

#wrap {
	width: 960px;
	margin: 0 auto;
	font-size: 95%;
	text-align: left;
	background: #FFFFFF;
	}
	
#header {
	height: 71px;
	}

#flash {
	margin: 18px 0 10px 18px;
	}

.rightcol #flash {
	margin: 0 0 0 0;
	}
		
#hero {
	margin: 18px 0 10px 18px;
	}

#banner_imagen {
	margin: 18px 0 10px 18px;
	}	
	
/* three column layout */
#threecol {	
	margin: 0;
	padding: 8px;
	}
	
#threecol .leftcol {
	float: left;
	width: 170px;
	margin: 0 0 40px 18px;
	_margin: 0 0 40px 7px;
	}

#threecol .centercol {
	float: left;
	width: 415px;
	margin: 0 0 40px 18px;
	}

#threecol .rightcol {
	float: left;
	width: 286px;
	margin: 0 0 40px 34px;
	}
	
#threecol .center_right_col {
	float: left;
	width: 701px;
	margin: 0 0 40px 18px;
	}
	
#footer {
	clear: both;
	margin: 0;
	padding: 15px 0 40px 0;
	border-top: 5px solid #000000;
	background: #3D3838 url(../images/mbc_logo.gif) no-repeat right center;
	text-align:left;
	position:relative;
	}
#footer p{
	position:absolute;
	left:50px;
}
/* main nav */

#mainnav {
	float: right;
	width: 515px;
	height: 28px;
	margin: 15px 18px 0 0;	
	padding: 0;
	z-index: 4000;
	}
#mainnav li {
	display: inline;
	position: relative;
	}
#mainnav a {
	position: absolute;
	display: block;
	height: 27px;	
	text-decoration: none;
	text-indent: -2100px;
	background-position: left top;
	}

/* IE Mac \*/
#mainnav a:focus { outline: none; }
/* end IE Mac hide */

	
#mainnav .inicio {
	left: 114px;
	width: 65px;
	background: transparent url(../images/mainnav/inicio.gif) no-repeat left top;
	}
#mainnav .inicio_active {
	left: 114px;
	width: 65px;
	background: transparent url(../images/mainnav/inicio.gif) no-repeat 0 -28px;
	}
#mainnav .empresa {
	left: 179px;
	width: 79px;
	background: transparent url(../images/mainnav/empresa.gif) no-repeat left top;
	}
#mainnav .empresa_active {
	left: 179px;
	width: 79px;
	background: transparent url(../images/mainnav/empresa.gif) no-repeat 0 -28px;
	}
#mainnav .productos {
	left: 258px;
	width: 89px;
	background: transparent url(../images/mainnav/productos.gif) no-repeat left top;
	}
#mainnav .productos_active {
	left: 258px;
	width: 89px;
	background: transparent url(../images/mainnav/productos.gif) no-repeat 0 -28px;
	}	
#mainnav .servicios {
	left: 347px;
	width: 89px;
	background: transparent url(../images/mainnav/servicios.gif) no-repeat left top;
	}	
#mainnav .servicios_active {
	left: 347px;
	width: 89px;
	background: transparent url(../images/mainnav/servicios.gif) no-repeat 0 -28px;
	}	
#mainnav .contacto {
	left: 436px;
	width: 79px;
	background: transparent url(../images/mainnav/contacto.gif) no-repeat left top;
	}
#mainnav .contacto_active {
	left: 436px;
	width: 79px;
	background: transparent url(../images/mainnav/contacto.gif) no-repeat 0 -28px;
	}
	
#mainnav a:hover {
	background-position: 0 -28px;
	}



/* sidenav */

li.mempresa_active {
	width: 156px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;	
	list-style: none;
	line-height: 1.25em;
	background: transparent url(../images/sidenav/empresa_on.gif) no-repeat left top;
	}
li.historia_active {
	width: 156px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;	
	list-style: none;
	line-height: 1.25em;
	background: transparent url(../images/sidenav/historia_on.gif) no-repeat left top;
	}		
li.tecnologia_active {
	width: 156px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;	
	list-style: none;
	line-height: 1.25em;
	background: transparent url(../images/sidenav/tecnologia_on.gif) no-repeat left top;
	}	
ul.selaborar_active {
	width: 156px;
	margin: 0 0 10px 0;
	padding: 25px 0 0 10px;	
	list-style: none;
	line-height: 1.25em;
	background: transparent url(../images/sidenav/selaborar_on.gif) no-repeat left top;
	}	
ul.elaborado_active {
	width: 156px;
	margin: 0 0 10px 0;
	padding: 25px 0 0 10px;	
	list-style: none;
	line-height: 1.25em;
	background: transparent url(../images/sidenav/elaborados_on.gif) no-repeat left top;
	}	
li.postes_active {
	width: 156px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;	
	list-style: none;
	line-height: 1.25em;
	background: transparent url(../images/sidenav/postes_on.gif) no-repeat left top;
	}	
li.ventas_active {
	width: 156px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;	
	list-style: none;
	line-height: 1.25em;
	background: transparent url(../images/sidenav/ventas_on.gif) no-repeat left top;
	}		
li.aserradero_active {
	width: 156px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;	
	list-style: none;
	line-height: 1.25em;
	background: transparent url(../images/sidenav/aserradero_on.gif) no-repeat left top;
	}	
li.impregnacion_active {
	width: 156px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;	
	list-style: none;
	line-height: 1.25em;
	background: transparent url(../images/sidenav/impregnacion_on.gif) no-repeat left top;
	}	
li.puestoenobra_active {
	width: 156px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;	
	list-style: none;
	line-height: 1.25em;
	background: transparent url(../images/sidenav/obra_on.gif) no-repeat left top;
	}	
li.medidas_active {
	width: 156px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;	
	list-style: none;
	line-height: 1.25em;
	background: transparent url(../images/sidenav/medidas_on.gif) no-repeat left top;
	}




li.mempresa_active a:link, li.mempresa_active a:visited, 
li.historia_active a:link, li.historia_active a:visited, 
li.tecnologia_active a:link, li.tecnologia_active a:visited, 
li.ventas_active a:link, li.ventas_active a:visited, 
li.aserradero_active a:link, li.aserradero_active a:visited, 
li.impregnacion_active a:link, li.impregnacion_active a:visited, 
li.puestoenobra_active a:link, li.puestoenobra_active a:visited, 
li.medidas_active a:link, li.medidas_active a:visited, 
ul.selaborar_active a:link, ul.selaborar_active a:visited, 
ul.elaborado_active a:link, ul.elaborado_active a:visited,
ul.postes_active a:link, ul.postes_active a:visited  {
	padding: 0 0 0 10px;
	color: #73716F;
	font: bold 85% Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
ul.selaborar_active a:hover, ul.selaborar_active a.active, 
ul.elaborado_active a:hover, ul.elaborado_active a.active {	
	color: #000000;
	background: url(../images/sidenav/bullet_black.gif) no-repeat left center;
	}	
		
.sidenav {
	width: 156px;
	margin: 0;	
	padding: 0;
	z-index: 2000;
	}
.sidenav li {
	position: relative;
	list-style: none;
	margin: 0 0 2px 0;
	}
.sidenav a {
	display: block;
	text-decoration: none;
	text-indent: -2100px;
	width: 156px;
	height: 19px;
	background-position: left top;
	}

/* IE Mac \*/
.sidenav a:focus { outline: none; }
/* end IE Mac hide */

.sidenav .mempresa {
	background: transparent url(../images/sidenav/empresa.gif) no-repeat left top;
	}
.sidenav .historia {
	background: transparent url(../images/sidenav/historia.gif) no-repeat left top;
	}
.sidenav .tecnologia {
	background: transparent url(../images/sidenav/tecnologia.gif) no-repeat left top;
	}
.sidenav .selaborar {
	background: transparent url(../images/sidenav/selaborar.gif) no-repeat left top;
	}
.sidenav .elaborado {
	background: transparent url(../images/sidenav/elaborados.gif) no-repeat left top;
	}
.sidenav .postes {
	background: transparent url(../images/sidenav/postes.gif) no-repeat left top;
	}	
.sidenav .ventas {
	background: transparent url(../images/sidenav/ventas.gif) no-repeat left top;
	}
.sidenav .aserradero {
	background: transparent url(../images/sidenav/aserradero.gif) no-repeat left top;
	}
.sidenav .impregnacion {
	background: transparent url(../images/sidenav/impregnacion.gif) no-repeat left top;
	}
.sidenav .puestoenobra {
	background: transparent url(../images/sidenav/obra.gif) no-repeat left top;
	}	
.sidenav .medidas {
	background: transparent url(../images/sidenav/medidas.gif) no-repeat left top;
	}	
.sidenav a:hover {
	background-position: 0 -20px;
	}
.sidenav a.current {
	background-position: 0 -20px;
	}
	
.leftbox {
	width: 156px;
	margin: 0;	
	padding: 0;
	z-index: 2000;
	}
.leftbox .datos_contacto {
	width: 160px;
	height: 125px;
	margin: 0;	
	padding: 10px 0 0 10px;
	border: none;
	background: #9ca38e;
	font-size:95%;
}

.leftbox a.mail{
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}

.leftbox a.mail:hover{
	color: #ffffff;
	text-decoration:underline;
}
.leftbox .datos_contacto p {
	text-align: left;
	line-height: 1.3em;
	color: #ffffff;
	font-weight: normal;
}
ul.texto_izq{
	margin-right:15px;
	padding: 15px 0 0 0;
	color: #000000;
	font: bold 90% Arial, Helvetica, sans-serif;
	text-align: left;
	line-height:1.2em;
	list-style: none;
	
}


/* centercol styles */

.centercol .first {
	margin: 5px 0 15px 0;
	font: normal 130% Arial, Helvetica, sans-serif;
	color: #494444;
	line-height: 1.5em;
	}
.centercol p {
	margin: 0 0 15px 0; 
	color: #342F2F;
	}
.centercol p.subti {
	font-weight:bold;
	color: #342F2F;
	margin: 20px 0 8px 0; 
	font-size: 110%;	
	}	
	
.centercol p.lu_titulo {
	margin: 0 0 5px 15px; 
	color: #342F2F;
	}		
.centercol p.required {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 95%;
	color: #C0813A;
	}
.centercol p.required em, .centercol form em {
	color: #C0813A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	font-style: normal;
	}	


	
/* rightcol styles */	

.sub_rightbox_confondo {
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid;
	/*background: transparent url(../images/rightside/img1.jpg) no-repeat left top;*/
	}
.sub_rightbox_confondo  p {
	margin-bottom: 10px;
	font: normal 90% Arial, Helvetica, sans-serif;
	color: #342f2f;
	line-height: 1.5em;	
}	

.sub_rightbox_confondo  h3 {
	margin: 0 0 5px 0;
	font: normal 110% Arial, Helvetica, sans-serif;
	color: #342f2f;
	text-transform: uppercase;
	border-bottom: 1px solid #ffffff;
	}
	
.sub_rightbox {
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid;
	background: #55463B;
	}

.sub_rightbox p {
	margin-bottom: 10px;
	font: normal 90% Arial, Helvetica, sans-serif;
	color: #AF9A8B;
	line-height: 1.5em;	
}	

.sub_rightbox h3 {
	margin: 0 0 5px 0;
	font: normal 110% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	border-bottom: 1px solid #AF9A8B;
	}
	
.sub_rightbox a:link, .sub_rightbox a:visited {
	text-decoration: underline;
	color: #A99486;
	}
.sub_rightbox a:hover, .sub_rightbox a:active {
	text-decoration: none;
	}		
	
.color_caja1{
	background: url(../images/rightside/oregon.jpg) no-repeat;
}	
.color_caja2{
	background: url(../images/rightside/cipres.jpg) no-repeat;	
}
.color_caja3{
	background: url(../images/rightside/insigne.jpg) no-repeat;	
}
/* footer styles */

#footer p {
	margin: 0 0 0 180px;
	padding: 0;
	font: normal 95% Arial, Helvetica, sans-serif;
	color: #C4C4C4;
	} 
	
#footer a:link, #footer a:visited {
	color: #FFFFFF;
	border: none;
	outline: none;
	}
#footer li a:hover, #footer a:active {
	text-decoration: underline;	
	outline: none;
	}
	
	
/*formulario contacto */

form.contactform {
	width: 370px;
	font-size: 11px;
	color: #333;
	margin: 0 0 40px 0;
	padding: 0;
	}
	
form.contactform fieldset { 
	margin-bottom: 10px;
	border: none;
	}
	
form.contactform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.contactform label {
	color: #6D6E70;
	display: inline-block;
	line-height: 1.25;
	vertical-align: top;
	}
	
form.contactform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.contactform fieldset li {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
	}

form.contactform label { 
	width: 120px; 
	} /* Width of labels */

form.contactform fieldset fieldset label { 
	margin-left: 123px; 
	} /* Width plus 3 (html space) */

/*\*//*/ form.contactform legend { display: inline-block; } /* IE Mac legend fix */

form.contactform p.input {
	margin: -10px 0 0 0;
	padding: 0;
	}

form.contactform .selectArea {
	width: 156px;
	padding: 2px;
	border: 1px solid #A3AAB3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
form.contactform .selectAreaMo {
	width: 48px;
	padding: 2px;
	border: 1px solid #A3AAB3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
form.contactform .selectAreaDay {
	width: 48px;
	padding: 2px;
	border: 1px solid #A3AAB3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
form.contactform .selectAreaYr {
	width: 54px;
	padding: 2px;
	border: 1px solid #A3AAB3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}

form.contactform .textinput {
	border: 1px solid #A3AAB3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	width: 150px;
	color: #333333;
	}

form.contactform .textarea {
	border: 1px solid #A3AAB3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	width: 273px;
	height: 150px;
	color: #333333;
	}


input {
	border: 1px solid #FFF;
	}
input:hover	{
	border-color: #C0813A;
	}
	
	

/*listas contenido*/	
ul.listas	{
	list-style-type: circle;	
	padding-left: 20px;
	}
ul.listas li{
	margin: 0 0 0 1em;
	padding-left : 1em;
	color: #342F2F;
	}		

	
#cont_medidas p{
	color:#342f2f
}
	
/*tablas*/
#cuadro_productos Table, #cont_medidas Table{
	border :1px solid #f0f0f0;
	border-collapse: separate; 
	font: normal 90% Arial, Helvetica, sans-serif;
}

#cuadro_productos Table th, #cont_medidas Table th{
	background-color:#e0e0e0;
	text-align:left;
	color:#303030;
	font-size:1em;
	font-weight:lighter;
	padding-left:4px;
}    
#cont_medidas Table th.vertical{
	line-height: 1em;
	border-right:1px solid #b0b0b0;
}

#cuadro_productos Table th.horizontal, #cont_medidas Table th.horizontal{
	border-bottom:1px solid #b0b0b0;
}

#cuadro_productos Table tr.linea_abajo td, #cont_medidas Table tr.linea_abajo td{
	border-bottom:1px solid #c0c0c0;
}

#cuadro_productos Table tr.linea_arriba td, #cont_medidas Table tr.linea_arriba td{
	border-top:1px solid #c0c0c0;
}

#cuadro_productos Table td, #cont_medidas Table td{
	background-color:#F7F7F7;
	text-align:justify;
	color:#505050;
}

#cont_medidas Table td.marca{
	background-color:#9ca38e;
	text-align:center;
	color:#303030;
}

#cuadro_productos Table tr.tabla_separador td, #cont_medidas Table tr.tabla_separador td{
	background-color:#ffffff;
	height: 0.3em;
}
#cont_medidas .textito{
	font-size: 0.9em;
}
#cont_medidas .texto_claro{
	color:#707070;
}



	
/* misc */

h3.gotham {
	font-size: 22px;
	line-height: 1em;
	color: #55463b;
	font-weight: lighter;
	font-size: x-large;
	}

h3.gotham_box {
	font-size: 12px;
	}