/* ********************************************** css by srnmrdr @ elemetocero.com.mx ************************************************************ */
body { background: #999999; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; padding:0px; margin:0px; }
hr.linea {  border:0; color:#cccccc; background-color:#cccccc; margin:0px 4px; height:1px; width:95%; }
/*-------------------------------------------------------------------------------------------------------- links stuff --------------------------- */
a {color: #018a2e; text-decoration: none;}         
a:visited {color:#018a2e; text-decoration: none;}
a:hover {color: #333333; text-decoration: none;}
a:active { color:#018a2e; text-decoration: none;} 
/*--------------------------------------------------------------------------------------------------------- encabezados -------------------------- */ 
.Estilo1 {color: #007527}
.Estilo2 {color:#009966; font-weight: bold}
.Estilo3 {color:#866919; font-weight: bold;}
.Estilo4 {color:#666666; font-weight: bold;}
h1 { font-size:20px; font-family: Geneva, Arial, Helvetica, sans-serif; padding:0px 10px; margin:0px }
h2 { color:#000000; font-size:11px; font-weight:normal; padding:5px 10px; margin:0px; }
h3 { font-size:30px; text-transform:uppercase; font-weight:bold; padding:5px 10px; margin:0px }
h4 { color:#000000; font-size:12px; font-weight:normal; padding:5px 10px; margin:0px; }
h6 { font-size: 15px; font-weight:bold; padding:5px 10px; margin:0px }
h7 { color:#000000; font-size:11px; font-weight:normal; padding:1px 25px; display:block; margin:0px; }
/* ------------------------------------------------------------------------------------------------------- top ----------------------------------- */
#top1{ height:183px; text-align:center;  padding:0px; margin:0px; }
#top2{ height:1px; text-align:center; background:url(../imgns/top03.jpg) no-repeat top center; padding:0px; margin:0px; }
/* ------------------------------------------------------------------------------------------------------- contenido centrar  -------------------- */
#contenido { width:670px; margin-left:auto; margin-right:auto; height:auto; background:#999999 no-repeat bottom left; border:0px solid #000000; }
/* ------------------------------------------------------------------------------------------------------- barra de menu ------------------------- */
#left { float:left; width:670px; height:37px; margin:0px; padding:0px; background:#999999; }  
#premenu { width:187px; height:37px; text-align:center; background:url(../imgns/bot_0000.jpg) no-repeat top center; padding:0px; margin:0px; }  
#menu{ position:absolute; width:450px; height:37px; text-align: center; padding:0px; margin:-37px 0px 0px 187px; overflow:hidden; }	
.navi
ul { list-style:none; margin:0;  padding:0;	}
ul li {  padding:0;	float:left;	}
ul li a  { 	display:block;	width:90px;	height:37px; text-decoration:none;  }
ul li a:hover  {background-position:bottom; }
ul li a span { display:none; }
#principal { background-image:url(../imgns/boton1.jpg); }
#historia  { background-image:url(../imgns/boton2.jpg); }
#productos { background-image:url(../imgns/boton3.jpg); }	
#servicios { background-image:url(../imgns/boton4.jpg); }
#contacto  { background-image:url(../imgns/boton5.jpg); }
#postmenu {position:absolute; width:33px; height:37px; text-align:center; background:url(../imgns/boton_0001.jpg) no-repeat top center; padding:0px;
 margin:-37px 0px 0px 637px; overflow:auto; }  
/* ------------------------------------------------------------------------------------------------------- contenido ----------------------------- */
#content { width: 670px; height:auto; background:url(../imgns/bkcontent.jpg) repeat; padding:0px; float:left;}
p, pre{ padding:10px 20px; margin:0px; }  

#izquierda { width:200px; height:450px;	padding:5px 15px; float:left; }  
#medio { width:0px; height:450px; float:left; }		
#derecha { width:422px; height:450px; float:left; }	
#derecha_subtop{ width:422px; height:190px; padding:5px 0px; float:left; }	
#derecha_subleft{ width:197px; height:260px; padding:5px 0px; float:left; }	
#derecha_submiddle{	width:15px;	height:260px; padding:5px 0px; float:left; }	
#derecha_subright{ width:210px;	height:260px; padding:5px 0px; float:left; }	
/* ------------------------------------------------------------------------------------------------------- cont evite ---------------------------- */
#cont_evite { width:450px; height:auto;	padding:5px 15px; float:left; }	
#cont_evitetxt { width:380px; height:auto; padding:0px 20px;}	
#cont_evite2 { width:174px;	height:auto; padding:5px 0px; float:left; }	
#cont_evite3 { width:154px;	height:auto; padding:5px 18px; float:right; }	
#cont_hist1 { width:540px; height:auto;	padding:5px 15px; float:left; }	
/* ------------------------------------------------------------------------------------------------------- cont servi ---------------------------- */
#cont_hist { width:450px; height:auto;	padding:5px 15px; float:left; }								
/* ------------------------------------------------------------------------------------------------------- footer -------------------------------- */
#footer { background:url(../imgns/pie.jpg) no-repeat top center; clear:both; width:670px; margin:0px; padding:0px; height:38px; text-align:right; 
 font-size:9px; color:#333333; }
#footer h1 a{ font-size:10px; }
#footer h1{ padding:5px 5px 0px 0px; }

.rollovere0 { background: url(../imgns/e00.gif) no-repeat top left; width: 40px; height: 38px; display:block; float:right; }
.rollovere0:hover { background: url(../imgns/e0.gif) no-repeat top left; }
.rollovere0 a{ width: 40px; height: 38px; display:block; text-decoration: none; }
.rollovere0 a span{ visibility:hidden; }
/*-------------------------------------------------------------------------------------------------------------------------------------------*/  
#registro {width:400px; height:250px; padding:0px; margin:0px; border: 0px dashed #D7AAEC;background-color:#ffffff;}
#registro fieldset {border:0;0 padding:0px 0px;}
#registro legend{font: bold 14px Arial, sans-serif;color:#ff0000; padding:0 0px;}
#registro p label {font:bold 12px Geneva, Arial, Helvetica, sans-serif; float: left;width: 22%; text-align:right;padding:5px; color: #666666;}
#registro p br {clear: left;}
.enviar{margin:4px 0 0 180px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------*/  
.spiffy{display:block}
.spiffy *{display:block; height:1px; overflow:hidden; font-size:.01em; background:#e3d5ac;}
.spiffy1{margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #f2ecdb; border-right:1px solid #f2ecdb; 
 background:#eadfc0}
.spiffy2{margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #fcfaf6; border-right:1px solid #fcfaf6;
 background:#e8dcbb}
.spiffy3{margin-left:1px; margin-right:1px; border-left:1px solid #e8dcbb; border-right:1px solid #e8dcbb;}
.spiffy4{border-left:1px solid #f2ecdb; border-right:1px solid #f2ecdb}
.spiffy5{border-left:1px solid #eadfc0; border-right:1px solid #eadfc0}
.spiffyfg{background:#e3d5ac}
  
.spiffy_2{display:block}
.spiffy_2 *{display:block; height:1px; overflow:hidden; font-size:.01em; background:#94CAA7}
.spiffyfg_2{background:#94CAA7;}
  
.spiffy_3{display:block}
.spiffy_3 *{display:block; height:1px; overflow:hidden; font-size:.01em; background:#f0f0f0}
.spiffyfg_3{background:#f0f0f0;}
  
.spiffy_4{display:block}
.spiffy_4 *{display:block; height:1px; overflow:hidden; font-size:.01em; background:#95CAE4}
.spiffyfg_4{background:#95CAE4}
  
.spiffy_5{display:block}
.spiffy_5 *{display:block; height:1px; overflow:hidden; font-size:.01em; background:#ffffff}
.spiffyfg_5{background:#ffffff}
  
.spiffy_6{display:block}
.spiffy_6 *{display:block; height:1px; overflow:hidden; font-size:.01em; background:#e5d638}
.spiffyfg_6{background:#e5d638}