/* CSS general */
@charset "UTF-8";
/*
dull: 		558811, ddddcc, bbbb99, 664422
vibrant:	22bb00, ffffee, ddee99, 882200
*/
* { margin:0; padding:0; border:0; outline:0; }

html, body {
	width:100%; height:100%; min-width:600px; font:normal 13px Tahoma,Arial,Helvetica,Verdana; color:#333; text-align:left;
	line-height:18px;
}
body	{ background:#000 url(../img/ffondo.jpg); } /*32180d*/

 
a:link 		{text-decoration:none; color:#333; }
a:visited 	{text-decoration:none; color:#333; }
a:hover 	{text-decoration:underline; color:#333; }
a:active 	{text-decoration:none; color:#333; }
a			{ noFocusLine:expression(this.onFocus=this.blur())
			  outline:none;
}
*:focus 	{ outline:none; }
a img 		{ border:0; }
table 		{ border-collapse:collapse; border:0px; margin:0; }

h1	{ color:#882200; font:bold 17px Geneva, Arial, Helvetica, sans-serif; margin-bottom:15px; border-bottom:1px dotted #882200; }
h2	{ color:#882200; font:normal 16px Geneva, Arial, Helvetica, sans-serif; margin:10px 0 3px 0; border-bottom:1px dotted #882200; }
h3	{ color:#882200; font:bold 14px Geneva, Arial, Helvetica, sans-serif; margin:3px 0 7px 0; }
h4	{ color:#882200; font:bold 11px Geneva, Arial, Helvetica, sans-serif; margin:3px 0 0 0; }
h5	{ color:#882200; font:bold 13px Geneva, Arial, Helvetica, sans-serif; margin:3px 0 3px 0; border-bottom:1px solid #882200; }

p	{ margin-bottom:5px; }

.enfasis { font-weight:bold; font-size:15px; margin-bottom:5px; }

.fizq	{ float:left; }
.fder	{ float:right; }
.fclear	{ clear:both; height:0; visibility:hidden; display:block; line-height:0; }

/* formas de captura en mod administrativo */
form 		{ margin:0; padding:0; font:normal 13px Arial,Helvetica,Verdana; }
.fboton 	{ font:normal 11px Arial,Helvetica,Verdana; height:21px;  
			  background:url(../img/fboton.gif) #eaeaea; border:1px solid #ccc; margin-top:3px; padding:0 5px; }
.fcampo		{ font:normal 11px Arial,Helvetica,Verdana; background:url(../img/ftexto.jpg) repeat-x left top #fff; border:1px #ccc solid; padding:2px 3px 2px 5px; margin:0 0 1px 0;}
.fcampoa	{ font:normal 11px Arial,Helvetica,Verdana; background:url(../img/ftexto.jpg) repeat-x left top #fff; border:1px #ccc solid; padding:2px 3px 2px 5px; margin:0 0 1px 0;}
.fcampon  	{ font:normal 11px Arial,Helvetica,Verdana; background:url(../img/ftexto.jpg) repeat-x left top #fff; border:1px #ccc solid; text-align: right; padding:2px 5px 2px 5px;  margin:0 0 1px 0; }
.fcamporc 	{ font:normal 11px Arial,Helvetica,Verdana; background-color:#fff; border:1px #ccc; width:14px; height:14px; margin:0 0 1px 0;}

/* tablas de captura */
.tizq		{ text-align:left; }
.tder		{ text-align:right; }
.tcentro	{ text-align:center; }
.botones	{ height:28px; text-align:right; vertical-align:bottom; border-top:1px solid #ccc; padding-right:5px; }
.minitexto	{ font-size:10px; }

/* barras de scroll */
.viewport 	{ position:relative; width:660px; height:550px; overflow:hidden; }
.overview 	{ position:absolute; left:0; top:0; list-style:none; }
.scrollbar 	{ position:relative; float:right; width:12px; }
.track 		{ position:relative; background-color:#ddddcc; height:100%; width:10px; padding:1px; }
.thumb 		{ position:absolute; top:0; width:10px; height:20px; cursor:pointer; overflow:hidden; background-color:#bbbb99; }
.xthumb .end { width:10px; height:5px; overflow:hidden; background-color:#ddddcc; }
.disable	{ display:none; }


/* PAGINA PRINCIPAL */
#contenedor { width:100%; overflow:hidden; min-height:100%; height:auto!important; height:100%; }

#cabecera 	{ position:relative; width:970px; height:110px; margin:0 auto; background:url(../img/fencabezado.jpg) no-repeat; }
#cabecera .logo { float:left; width:400px; height:108px; margin:2px 0 0 20px; }
#cabecera #administracion { float:right; width:400px; height:108px; overflow:hidden; margin-right:10px; }

#secciones 	{ position:relative; width:970px; height:40px; margin:0 auto; background:url(../img/app.barra.fondo.png) repeat-x; }
#contenido	{ position:relative; width:930px; height:550px; padding:10px 20px; margin:0 auto; background:#ffffee url(../img/fcontenido.jpg) repeat-x; }
#pie 		{ position:relative; width:970px; height:40px; margin:0 auto; background:url(../img/app.barra.fondo.png) repeat-x; 
			  font-size:11px; color:#fff; text-align:center; line-height:15px; }
#pie div	{ margin:10px; }
			  

/* login a modulo administrativo */
#administracion .fentrada { display:none; width:400px; height:80px; padding:0 10px; border-bottom:2px solid #0B4C8A; }
#administracion #flogin	  { float:left; }
#administracion #ilogin	  { float:left; width:190px; height:70px; border:1px dotted #0B4C8A; margin-left:5px; }
#administracion a	 	  { display:block; margin-left:133px; }

#flogin .fcampo	 { font:normal 11px Arial,Helvetica,Verdana; background:url(../img/ftexto.jpg) repeat-x left top #fff; border:1px #ccc solid; padding:2px 3px 2px 5px; margin:0 0 1px 0;}
#flogin label{ display:block; float:left; width:80px;}
#flogin input{ margin:0 0 6px 3px; width:90px; }
#flogin .blogin { font:normal 11px Arial,Helvetica,Verdana; height:20px; background:#eaeaea; border:1px solid #ccc; padding:0 10px; margin:6px 0 0 80px; }

#imglogin	{ float:left; width:20px; height:20px; }
#msglogin	{ float:left; width:160px; height:70px; margin-left:3px; overflow:auto; }

.chklogin 	{ color:#009900; }
.errlogin 	{ color:#006600; }



.hmenu 	 	{ list-style:none; font:normal 11px  Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase; cursor:hand; }
.hmenu li 	{ display:block; float:right; position:relative; border-left:1px dotted #fff; }
.hmenu li a { display:block; line-height:40px; padding:0px 20px; text-decoration:none; color:#fff; }

.hmenu li:hover > a { background:url(../img/app.barra.sel.gif) repeat-x; color:#fff; }
.hmenu li a.activa  { background:url(../img/app.barra.sel.gif) repeat-x; }


/* inicio */
#banner1 { position:relative; float:left; width:930px; height:335px; margin-top:20px; border:1px solid #999; }
#banner2 { float:left; width:930px; margin-top:20px; }
#banner2 a { display:block; float:left; border:1px solid #999; margin-left:13px; }
#banner2 a:first-child { margin-left:0; }
#banner1 .nivo-caption {
    bottom:65%; left:5px; width:auto; max-width:930px; overflow:hidden; background:#fffaf3; line-height:20px;
    font:bold 18px  Geneva, Arial, Helvetica, sans-serif;  padding:30px 15px 10px; color:#000;
}
#banner1 .nivo-caption  span { font:normal 13px Geneva, Arial, Helvetica, sans-serif; font-style:italic; color:#000: } /* #B48D9E; } */


/* quienes somos */
.empresa1			{ float:left; width:640px; height:490px; padding:10px 20px; background:#fffaf3; text-align:justify; }
.empresa1 ul li 	{ list-style:circle; margin:10px 0 0 20px; }
.empresa1 .viewport { position:relative; width:620px; height:490px; overflow:hidden; }

.ehistoria			{ float:left; width:260px; height:195px; text-align:justify; }
.efoto				{ float:left; width:350px; height:195px; margin-left:10px; }
.empresa			{ float:left; width:620px; text-align:justify; margin-top:20px; }  

.empresa2			{ float:left; width:230px; height:510px; margin-left:20px; background:#fffaf3; }


/* productos */
.productos1			{ float:left; width:640px; height:490px; padding:10px 20px; background:#fffaf3; text-align:justify; }
.productos2			{ float:left; width:230px; height:510px; margin-left:20px; background:#fffaf3; }

div#menuproductos 	{ width:635px; margin:0 auto; padding:0; }
.mcproductos 		{ list-style:none; position:relative; margin:0; padding:0; }
.mcproductos li		{ float:left; width:105px; height:115px; margin-right:1px; cursor:pointer; }
#mcp1 				{ background:url(../img/pmadera.jpg); }
#mcp2 				{ background:url(../img/ptriplay.jpg); }
#mcp3 				{ background:url(../img/paglomerado.jpg); }
#mcp4 				{ background:url(../img/pcarpinteria.jpg); }
#mcp5 				{ background:url(../img/pferreteria.jpg); }
#mcp6 				{ background:url(../img/pduelas.jpg); margin-right:none; }
#pseleccion			{ height:30px; font:bold 16px Arial,sans-serif; clear:both; margin:0 auto; padding:0 auto; }

.vistaproductos .viewport { position:relative; width:640px; height:345px; overflow:hidden; }

.parbol				{ float:left; width:250px; height:315px; text-align:left; }
.parbol .viewport 	{ position:relative; width:230px; height:315px; overflow:hidden; }
.phijo				{ font-weight:bold; }
.pmini				{ font-size:9px; }

.parbol ul.pinicial li 	{ list-style:circle; margin:10px 0 0 20px; }

#pgaleria 		{ float:left; width:380px; height:345px; margin-left:10px; }

ul.tv, ul.tv ul { list-style: none; line-height:15px; }	
ul.tv li 		{ position:relative; margin:0; padding:0 0 3px 20px; z-index:10; }
ul.tv li.tvi 	{ background: url(../img/tvi.gif) 0 0 no-repeat; }

ul.tv .tvic 	{ background: url(../img/tvic.gif) 0 0 no-repeat; }
ul.tv .tvie 	{ background: url(../img/tvie.gif) 0 0 no-repeat; }

ul.tv .tvil  	{ background: url(../img/tvil.gif) 0 0 no-repeat; }
ul.tv .tvilc 	{ background: url(../img/tvilc.gif) 0 0 no-repeat; }
ul.tv .tvile 	{ background: url(../img/tvile.gif) 0 0 no-repeat; }

div.tvca {
	width:15px; height:15px; position:absolute; top:0; left:0; cursor:pointer; z-index:50;
	_left: -21px; /* IE */
	_background: #fff;
	_filter: alpha(opacity=0);
}

.tvclosed ul, .tvclosed li.tvclosed ul { display: none; }
.tvclosed ul ul { display: block; }


/* servicios */
.servicios1			{ float:left; width:640px; padding:10px 20px; background:#fffaf3; text-align:justify; }
.servicios1 ul li 	{ list-style:circle; margin:0 0 10px 20px; }
.servicios1 ul li ul li	{ list-style:square; margin:0 0 5px 20px; }
.servicios1 .viewport { position:relative; width:620px; height:490px; overflow:hidden; }
.servicios2			{ float:left; width:230px; height:510px; margin-left:20px; background:#fffaf3; }


/* ubicacion */
.ubicacion1			{ float:left; width:260px; height:420px; padding:10px 20px; background:#fffaf3; text-align:justify; }
.ubicacion1 span.punto	{ display:block; float:left; width:110px; }
.ubicacion1 span.mini	{ font-size:9px; font-weight:bold; }
.ubicacion1 span.tel1	{ display:block; float:left; font-weight:bold; clear:right; }
.ubicacion1 span.tels	{ display:block; float:left; font-weight:bold; margin-left:110px; padding:0; width:100px; }
.ubicacion1 span.horas	{ font-weight:bold; display:block; float:left; }

.ubicacion1 #acerca	{ margin-top:40px; }
.ubicacion2			{ float:left; width:610px; height:510px; margin-left:20px; background:#fffaf3; text-align:left; }
#gmapa				{ float:left; width:610px; height:510px; } 


/* contacto */
.contacto1			{ float:left; width:640px; padding:10px 20px; background:#fffaf3; text-align:justify; height:490px; }
.contacto1 div.imagenes{ float:left; clear:both; height:115px; }
.contacto1 img 		{ display:block; float:left; }
.contacto1 img.carfi{ margin:47px 0 0 40px; }

.contacto1 span.punto	{ display:block; float:left; width:110px; }
.contacto1 span.mini	{ font-size:9px; font-weight:bold; }
.contacto1 span.tel1	{ display:block; float:left; font-weight:bold; clear:right; }
.contacto1 span.tels	{ display:block; float:left; font-weight:bold; margin-left:110px; padding:0; width:100px; }
.contacto1 span.horas	{ font-weight:bold; display:block; float:left; }
.contacto2			{ float:left; width:230px; height:510px; margin-left:20px; background:#fffaf3; }

#frmContacto		{ font:normal 11px Arial,Helvetica,Verdana; }
#frmContacto .rowi 	{ height:33px; }
#frmContacto label 	{ display:block; height:25px; }

#frmContacto .input 		{ width:195px; height:18px; border:1px solid #5a6a7f; background:none; padding:0 0 0 5px; font:normal 12px Arial,Helvetica,Verdana; }
#frmContacto textarea 		{ width:195px; height:65px; border:1px solid #5a6a7f; background:none; padding:0 0 0 5px; font:normal 12px Arial,Helvetica,Verdana; }
#frmContacto .link 			{ background:url(../img/marker1.gif) no-repeat 0 6px; padding-left:7px; color:#333; font:bold 12px Arial,Helvetica,Verdana;}
#frmContacto .botones 		{ text-align:left; padding:20px 0 0 0; }
#frmContacto .botones .link { margin-right:20px; }
#frmContacto #msgContacto 	{ width:195px; height:110px; border:1px solid #5a6a7f; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em; margin-top:10px;}
#frmContacto textarea 		{ resize:none; }