/****************************** CSS by (serienmörder) *************************************/
/******************************* elementocero.com.mx **************************************/

/*---- contenido ---------------------------------------------
                        1. global
                        2. typography
                        3. header
                        4. Menu
                        5. Structure
                        6. footer
                        7. form
                        8. extras
-------------------------------------------------------------*/


/*_______________________________________________________________________________________
  ______  1. global  ____________________________________________________________________*/

body { font: normal 12px Helvetica,Arial,sans-serif;
	   color:#646060;
       /*background: #CC3E00 url(../imgns/bk.jpg) repeat-x; */
	   background:#C33301 url(../imgns/bk.jpg) repeat-x;
	   padding:0px;
	   margin:0px;  }
	 
hr.linea { width:94%;
		   border-top:thin dashed #FFCC00;
		   margin:0px;
		   background-color:#FFFFFF;	
		   border-bottom: thin white;
		   color:#F1f1f1; }
		 
		a {color:#9A1212; text-decoration:none;} 
a:visited {color:#9A1212; text-decoration:none;}
  a:hover {color:#ff0000; text-decoration:none;}
 a:active {color:#9A1212; text-decoration:none;}   
		 



/*_______________________________________________________________________________________
  ______  2. typography  ________________________________________________________________*/	
  
h1 { color:#FF6600; font:normal 28px Helvetica,Arial,sans-serif; padding:6px 1px 4px 20px; margin:0px }
h2 { color:#666666; font-size:17px; padding:5px 0px; margin:0px; }
h3 { font:bold 14px; padding:5px 10px; margin:0px }  

.normal     {color:#646060; font-size:14px; font-weight:normal; } 
.anormal    {color: #225A8D; font-size:14px; font-weight:normal;}
.mini       {color: #646060; font-size:11px; margin:8px 2px; display:block; } 
.messagebox { color:#000; font-weight:normal; font-size:14px; padding:58px 18px 15px 30px; display:block }
.big        {color:#FF9900; font-size:18px; font-weight:bold; } 




/*_______________________________________________________________________________________
  ______  3. header  ____________________________________________________________________*/	
  
#top {	width:659px; height:104px; 
		background:url('../imgns/top.jpg') no-repeat;
        padding:0px; margin:0 15px 15px 15px; }




/*_______________________________________________________________________________________
  ______  4. Menu  ______________________________________________________________________*/	  

.foo  { display:block }

#left { float:left; 
        width:659px; height:31px; }  
	  
#menu { position:absolute; 
        width:620px; height:31px; 
		text-align: center; padding:0px; 
		margin:0 0 0 34px; 
		overflow:hidden; }	

.navi
 ul { list-style:none; margin:0;  padding:0;	}
 ul li { padding:0;	float:left;	}
 ul li a  {	display:block;	width:124px;	height:26px; 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); }
#servicios  { background-image:url(../imgns/boton3.jpg); }
#sucursales { background-image:url(../imgns/boton4.jpg); }	
#contacto   { background-image:url(../imgns/boton5.jpg); }


#postmenu { position:absolute; 
            width:9px; height:31px; 
			background:url(../imgns/bk_menu.jpg) repeat; 
			padding:0px;
			margin:0 0 0 420px; 
			overflow:auto; }    
 



/*_______________________________________________________________________________________
  ______  5. Structure  _________________________________________________________________*/  

#contenido { width:690px; margin-left:auto; 
             margin-right:auto; height:auto;
             /*background: #CC3E00 url(../imgns/bk_content.jpg) repeat-y;*/			  
			 background: url(../imgns/bk_content.jpg);
			 border:0px solid #000; }

#content { width: 659px; height:auto; 
		   padding:0px 0 0 15px; float:left;}
		   
p, pre { padding:10px 20px; margin:0px; }  



#bienvenida { width:310px; height:286px; background-image:url(../imgns/izquierdamain.jpg); float:left; } 
#animacion  { width:349px; height:286px; float:left; }	

#full       { width:654px; height:auto; padding:10px 0 0 0; float:left; } 

#main       { width:460px; height:auto; margin:5px 3px; padding:0px; float:left; }  
#main2		{ width:436px; height:auto; margin:5px 3px; padding:0px; float:left; }
#main3		{ width:360px; height:auto; margin:5px 3px; padding:0px; float:left; }
  
#fotos		{ width:185px; height:120px;  margin:0px; padding:0px; background-color:#FFF; float:left; } 
#fotos2		{ width:185px; height:120px;  margin:0 0 0 16px; padding:0px; background-color:#FFF; float:left; } 

#main4		{ width:280px; height:auto; margin:5px 3px; padding:0px; float:left; }
#main5		{ width:340px; height:auto; margin:5px 3px; padding:0px; float:left; }

/*______________________________________________________________________________________
  _______ 6. FOOTER ____________________________________________________________________*/ 
#footer { background:url(../imgns/piefix.jpg) no-repeat top center; 
          clear:both; 
		  width:659px; height:60px;
		  margin:0px; padding:0 0 0 15px;  
		  text-align:right; 
		  font-size:9px; 
		  color:#333; }
		  
#footer h1 a { font-size:10px; }
#footer h1 { padding:5px 5px 0px 0px; }




/*_______________________________________________________________________________________
  _______ 7. FORMULARIO  ________________________________________________________________*/
   
#registro { width:350px; border:none; height:auto; padding:0px; margin:0px; }
#registro fieldset { border:none; border:#FFF; }
#registro legend{ font:bold 14px Helvetica,Arial,sans-serif; padding:0 0px; }
#registro p label { font:bold 11px Helvetica,Arial,sans-serif; float:left; 
                    width:25%; text-align:left; padding:1px; color: #ff0000; }
#registro p br { clear: left; }
.enviar{ margin:4px 0 0 80px; }

 INPUT { background-color:#f9f9f9; font:normal 12px Helvetica,Arial,sans-serif; border:#FF6600 1px dotted; margin:4px 0 0 0; padding:6px; }
 TEXTAREA { background-color:#f9f9f9; font:normal 12px Helvetica,Arial,sans-serif; border:#FF6600 1px dotted; margin:4px 0 0 0; padding:6px; }

 .AltBtn       { background-color:#FF6600; padding:2px; font: bold 16px Helvetica,Arial,sans-serif;
                          color: #FFF; border: #646060 1px dotted; cursor:pointer; }
 .AltBtn:hover { background-color:#FF9900; padding:2px; font: bold 16px Helvetica,Arial,sans-serif;
                          color: #333; border: #646060 1px dotted; cursor:pointer; }