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

/*_______________________________________________________________________________________
  ______  1. global  ____________________________________________________________________*/

body { font: normal 13px Helvetica,Arial,sans-serif; 
       color:#333; 
       background: #B4B4B4 url(../imgns/bk.jpg) repeat-x;  
       padding:0px; 
       margin:0px;    }
        
        a {color:#666; text-decoration:none;}         
a:visited {color:#666; text-decoration:none;}
  a:hover {color:#990000; text-decoration:none;}
 a:active {color:#666; text-decoration:none;} 
  a:focus { outline:0; }



/*_______________________________________________________________________________________
  ______  2. typography  ________________________________________________________________*/

h1 { font: normal 18px Helvetica,Arial,sans-serif; color:#fff; background:#666; padding:3px 10px; margin:0 0 0 6px; }
h2 { font: normal 18px Helvetica,Arial,sans-serif; color:#999; background:#666; padding:3px 10px; margin:0 0 0 6px;  }

      .titles { font-weight:bold; font-size:20px; color:#666; padding:4px 0 1px 0; display:block }
   .titles_fx { font-weight:bold; font-size:20px; color:#666; border-bottom:#666 1px dashed; padding:0 0 2px 0; display:block }	  
   .subtitles { font-weight:bold; font-size:17px; color:#4F7CB5; padding:4px 0 1px 0; display:block }
  .subtitles2 { font-weight:bold; font-size:14px; color:#4F7CB5; padding:4px 0 1px 0; display:block }   
      .remark { font-weight:bold; font-size:13px; color:#7F7F7F; padding:4px 0 1px 0; display:block }
     .remark2 { color:#999999; font-size:14px; font-weight: bold;}	  
      .normal { color:#3F3F3F; /*#646060;*/ padding:2px 0 12px 0; display:block }
    .normallh { color:#4F4F4F; /*#646060;*/ padding:2px 0 12px 0; line-height:20px; display:block }	  
     .normal2 { color:#646060; font-size:15px; padding:0 0 0 0; display:block }	  
     .normalb { font:bold 14px Helvetica,Arial,sans-serif; color:#616161; padding:2px 0 6px 0; display:block }
     .normali { color:#181a17; padding:2px 0; display:block }
.normalmarked { color:#Da0100; padding:2px 0px; display:block }
        .mini { color:#999; font-size:11px; padding:0px; display:block }
       .small { color:#666; font-size:12px; padding:2px 0px 15px 0px; display:block }

.small_caps_c { font:normal 12px Helvetica,Arial,sans-serif; padding:1px 1px; font-variant:small-caps; display:block }
.small_caps   { font:normal 11px Helvetica,Arial,sans-serif; margin: 3px 0 3px 6px; padding:8px 3px; border:#ccc 0px dashed; background:#f9f9f9; font-variant:small-caps; display:block }
.small_caps a {color:#5F5F5F;}
.small_caps a:visited {color:#5F5F5F; }
.small_caps a:hover {color:#e34949; }
.small_caps a:active {color:#5F5F5F;}

/*_______________________________________________________________________________________
  ______  3. Header  ____________________________________________________________________*/
  
#top { width:740px; height:206px; text-align:center; 
       padding:0px; margin:0px;
       background:#FFF; }
      


/*_______________________________________________________________________________________
  ______  4. Menu  ______________________________________________________________________*/

#contmenu { background:#FFF;
          	clear:both; 
          	width:740px;  height:30px;          
          	text-align:left;  }
		    
.foo {display:block}

#left { float:none; 
        width:730px; height:30px; 
		margin-left:5px; margin-right:2px; 
		padding:0px;
		background:#E34949; } 

#menu {	position:absolute;
		width:720px;
		height:30px;
		text-align:center;
		padding:0px;
		overflow:hidden; }	

.navi
 ul { list-style:none; margin:0;  padding:0; }
 ul li { padding:0;	float:left;	}
 ul li a { display:block; width:140px; height:30px; text-decoration:none; }
 ul li a:hover { background-position:bottom; }
 ul li a span { display:none; }
 ul li a:focus { outline:0; }
 
#principal { background-image:url(../imgns/btn1.jpg); }
#canacintra  { background-image:url(../imgns/btn2.jpg); }
#servicios { background-image:url(../imgns/btn3.jpg); }
#directorioempresarial { background-image:url(../imgns/btn4.jpg); }	
#contacto { background-image:url(../imgns/btn5.jpg); }



/*_______________________________________________________________________________________
  ______  5. Structure  _________________________________________________________________*/

#contenido { background:#FFF; 
             width:740px; height:auto; 
             margin:0 auto; 
             border:0px solid #000; }

#content { width:740px; height:auto; 
           margin:5px 0;  padding:0px; 
           float:left; }
           
p, pre{ padding:8px 13px 8px 12px; margin:0px; }  

#contmain { width:569px; height:auto; margin:0 3px 5px 0;  float:left; }	
		#welcome { width:420px; height:auto; margin:8px 16px 25px 10px; float:left; }
		#welcome2{ width:105px; height:auto; float:left; }
		#boletin { width:288px; height:auto; margin:0px; float:left; }			
		#eventos { width:280px; height:auto; margin:0px; float:left; }			

#banners { width: 162px; height:531px; margin: 0px; float:left; }

#submenu { width:160px; height:auto; margin:0;  float:left; }	
#submenuN{ width:160px; height:auto; margin:0; background-color:#f9f9f9; float:left; }	
#submain { width:409px; height:auto; margin:0;  float:left; }	



/*______________________________________________________________________________________
  _______ 6. FOOTER ____________________________________________________________________*/ 

#footer { background:#FFF;
          clear:both; 
          margin: 0 auto;  padding:0px; 
          width:740px;  height:97px;          
          text-align:left;  }
		  
#foot { background:url(../imgns/foot.jpg) repeat top center; 
          clear:both; 
          margin: 0 auto;  padding:0px;  
          width:730px;  height:90px;         
          text-align:left; }		  
          
		#ft1  { width:330px; height:auto; 
   			    margin:14px 5px 14px 20px; padding:0px;   
   			    text-align:left; font-size:11px; color:#CCC; 
   			    float:left; }

		#ft2  { width:320px; height:auto; 
       			margin:14px 15px 14px 5px; padding:0px;  
       			text-align:right; font-size:11px; color:#CCC; 
       			float:left; }

#theend { background:#b4b4b4;
          clear:both; 
          margin:0 auto;  padding:0px;
          width:740px;    height:80px;          
          text-align:left;  }
		  
		#tend1 { width:730px; height:20px; 
         		 margin:5px 0 0 0;  padding:0px;   
         		 text-align:center; font-size:11px; color:#FFF; 
         		 float:left; }		  	 

		#tend2 { width:730px; height:50px; 
         		 margin:0px; padding:0px;   
         		 float:left; }		 
				#logo1 { width:385px; height:50px; float:left; }		 		 
				#logo2 { width:340px; height:50px; float:left; }



/*_______________________________________________________________________________________
  _______ 7. FORMULARIO  ________________________________________________________________*/

#registro { width:400px; border:none; height:auto; padding:0px; margin:0px; }
#registro fieldset { border:none; border:#FFFFFF; }
#registro p label { font:bold 13px Helvetica,Arial,sans-serif; margin:0px; padding:0px; float:left; 
                    text-align:left; color: #646060; }
#registro p br { clear: left; }

 INPUT { background-color:#FBFBFB; font:normal 12px Helvetica,Arial,sans-serif; border:#646060 1px dotted; padding:2px; }
 TEXTAREA { background-color:#FBFBFB; font:normal 12px Helvetica,Arial,sans-serif; border:#646060 1px dotted; padding:2px; }
 SELECT { background-color:#FBFBFB; font:normal 12px Helvetica,Arial,sans-serif; border:#646060 1px dotted; padding:2px; }

 .AltBtn       { background-color:#CCC; padding:2px; font: bold 16px Helvetica,Arial,sans-serif;
                          color: #333; border: #646060 1px dotted; margin:4px 0 0 140px; cursor:pointer; }
 .AltBtn:hover { background-color:#666; padding:2px; font: bold 16px Helvetica,Arial,sans-serif;
                          color: #CCC; border: #646060 1px dotted; cursor:pointer; }

.BtnFrmt2 { background-color:#FFFFFF; font:bold 16px Arial, Helvetica, sans-serif; border:#FFFFFF 1px solid; padding:2px; color:#646060; cursor:pointer; }
.BtnFrmt2:hover { background-color:#5F9ED1; font:bold 16px Arial, Helvetica, sans-serif; border:#5F9ED1 1px solid; padding:2px; color:#FFF; cursor:pointer; }



/*______________________________________________________________________________________
  ______ 8. EXTRAS _____________________________________________________________________*/  

#linkim
  .linkim a:hover { color:#f1f1f1;
                    text-decoration: none; }

  .inkim a:focus  { outline:0; }
   
  .inkim  a:hover { color:#FF3300;
                    text-decoration:none;
                    background-color:#ffffff;
                    height:50px;
                    border: 2px dotted #FF6600;
                    display:block; }

table {
	border-spacing:1px;
	border: 1px solid #FFF;
	font:normal 12px Helvetica,Arial,sans-serif;
	background-color:#FFF;
	color: #666;
}
td, th {
	padding: 4px;
}
tbody tr td { 
	height:auto;
	background: #FFF;
	border: 1px solid #CCC;
	}
	
tbody tr td a { 
	background: #FFF;
	color: #363636;
	}
	
tbody tr td a:hover { 
	background: #f9f9f9;
	color: #363636;
	}	
		
tbody th{ 
	height:10px;
	background: #F9F9F9;
	border: 1px solid #CCC;
	}	
 
tbody tr.odd
{
	background-color: #d7dce0;
}

tbody tr:hover td
{
	background-color: #DFDFDF;
}

tbody tr:hover td, tbody tr:hover a
{
	color: #fff !important;
}                  
 /*_________________________________________________________________________________ end ____  */