/* *** css by srnmrdr elemetocero.com.mx *** */

body { background:url(../imgns/bk.jpg) repeat; 
	   font-size:12px; 
	   font-family:Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; 
	   color:#ffffff;
	   padding:0px;
	   margin:0px;
   }

h3 { font-size:10px; font-weight:normal; padding:5px 10px; color:#464646;  margin:0px }

.text1 {color:#f9f9f9; font-size:11px; margin: 4px 20px 10px 12px; display:block }
.text2 {color:#f9f9f9; font-size:12px; margin: 2px 2px 2px 2px; display:block }
.text3 {color:#333333; font-size:11px; margin: 4px 0px 10px 0px; display:block }
.text4 {color:#333333; font-size:12px; font-weight:bold; margin: 25px 0px 6px 0px; display:block }
.text4_2 {color:#333333; font-size:12px; font-weight:bold; margin: 15px 0px 6px 0px; display:block }

.text3_3 {color:#333333; font-size:11px; margin: 4px 5px 10px 150px; display:block }
.text4_3 {color:#333333; font-size:12px; font-weight:bold; margin: 72px 0px 6px 160px; display:block }

#contenido { width:700px;  margin-left:auto; margin-right:auto; height:auto; background:url(../imgns/bk_main.jpg) no-repeat; border:0px solid #000000 }

#top  { width:669px; height:91px; text-align:right;	background:url('../imgns/top.jpg') no-repeat top center; padding:0px; margin:0 0 0 13px; }
#top2 { width:668px; height:269px; text-align:right; background:url('../imgns/topmain.jpg') no-repeat top center; padding:0px; margin:0 0 0 13px; }

/* ------------------------------------------------------------------------------------------------------- menu ------------------------------- */
#left { float:left; width:669px; height:40px; margin: 0px;  }  
#menu { position:absolute; width:669px; height:39px; background:url('../imgns/btn_.jpg') repeat top center; text-align: center; padding:0px; margin:0 0 0 14px; }	
.navi
            ul { list-style:none; margin:0; padding:0; }
         ul li { padding:0;	float:left;	}
       ul li a { display:block;	width:95px;	height:39px; text-decoration:none; }
 ul li a:hover { background-position:bottom; }
  ul li a span { display:none; }
#index { background-image:url(../imgns/btn_001_1.jpg); }
#about { background-image:url(../imgns/btn_002_1.jpg); }
#sourcing { background-image:url(../imgns/btn_003_1.jpg); }
#customers { background-image:url(../imgns/btn_004_1.jpg); }	
#suppliers { background-image:url(../imgns/btn_005_1.jpg); }
#contact { background-image:url(../imgns/btn_006_1.jpg); }

/* ------------------------------------------------------------------------------------------------------- main --------------------------------- */
#main  { width:669px; height:500px; text-align:right; padding:0px; margin:10px 0px 0px 13px; }
#left0 { width:506px; height:448px; padding:0px; margin:0px; float:left; }
#left1 { width:506px; height:242px; padding:0px; text-align:left; background:url('../imgns/bk_welcome.jpg') no-repeat top center; margin:0px; float:left; }
#left2 { width:506px; height:206px; padding:0px; text-align:left; background:url('../imgns/bk_.jpg') no-repeat top center; margin:0px; float:left; }
#right { width:156px; height:448px; padding:0px; text-align:left; background:none; margin:0px; float:left; }

#left3 { width:315px; height:448px; padding:0 0 0 10px; margin:0px; float:left; }
#dere1 { width:300px; height:410px; padding:0px; margin:0 0 0 40px; float:left; background-color:#43708D; }

#left4 { width:330px; height:448px; padding:0 10px 0 10px; margin:0px; float:left; }
#dere4 { width:300px; height:410px; padding:0px; margin:0 0 0 10px; float:left; }

#left5 { width:580px; height:448px; padding:0 10px 0 10px; margin:0px; float:left; }
#left6 { width:630px; height:448px; padding:0 10px 0 10px; margin:0px; float:left; }

#left7 { width:250px; height:448px; padding:0 10px 0 10px; margin:0px; float:left; }
#dere7 { width:380px; height:410px; padding:0px; margin:0 0 0 10px; float:left; }

/* ------------------------------------------------------------------------------------------------------- footer ------------------------------- */
#footer{ width:699px; height:19px; margin:0px; padding:0px; float:left }
#ecero { width:100px; height:19px; margin:0 0 0 600px; padding:0px; float:left }

/*------------------------------------------------------------------------------------------------------------------------------------------------------*/  
#registro {width:405px; border:none; height:auto; padding:0px; margin:0px; }
#registro fieldset {border:none; border:#FFFFFF; }
#registro legend{font:bold 14px Arial, sans-serif; color:#ff0000; padding:0px;}
#registro p label {font:bold 11px Verdana, Arial, Helvetica, 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:#FFFFFF; font:normal 11px Verdana, Arial, Helvetica, sans-serif; border:#464646 0px dotted; padding:3px; margin: 3px 0 9px 0; }
TEXTAREA { background-color: #FFFFFF; font:normal 11px Verdana, Arial, Helvetica, sans-serif; border:#464646 0px dotted; padding:3px; margin: 3px 0 9px 0; }
.altButtonFormat { background-color:#ffffff; border:none; padding:2px; font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 12px; font-weight:bold; color: #333333; }
.altButtonFormat:hover { background-color:#7FACCB; border:none; padding:2px; font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 12px; font-weight:bold; color: #ffffff; }
