

/*******************************   redlineskates.com   *********************************************************************************************/
/*******************************  CSS by serienmörder  *********************************************************************************************/
/*******************************  elementocero.com.mx  *********************************************************************************************/


/* __________________________________________________________________________________
   _________ RESET __________________________________________________________________ */
   
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 



/*_________________________________________________________________________________________________________________________________________________
  ______   basicos  _______________________________________________________________________________________________________________________________*/

body {	background: #000 url(../imgns/background.jpg); color:#FFF;
		font:normal 12px Helvetica, Arial, sans-serif; padding:0; margin:0;	}

a:link, a:active, a:visited {color:#7E7E7C; text-decoration:none;}
                    a:hover {color:#F17C59; text-decoration:none;}


h1 { color:#000;
     font:normal 23pt Arial Narrow, Helvetica, sans-serif;
	 letter-spacing:-0.7pt;
	 margin:0; padding:5px 15px; }
	 
h2 { font:normal 12px Helvetica, Arial, sans-serif;
     margin:0; padding:5px 10px; } 




/*_________________________________________________________________________________________________________________________________________________
  ______   typography  ____________________________________________________________________________________________________________________________*/
  	
.title { font:normal 12px Helvetica, Arial, sans-serif;
         display:block; float:right;
		 margin:0 28px 9px 0; padding:5px 5px;
		 width:190px; height:auto; }

.minititle { color:#A16A65; font:normal 24px Helvetica, sans-serif; 
             margin:5px 0 0; padding:4px 0 6px; } 

   .normal { color:#333; font:normal 13px Helvetica, Arial, Geneva, sans-serif; 
             margin:0; padding:0; } 

   .mini   { color:#666; font:normal 11px Helvetica, Arial, Geneva, sans-serif; 
             margin:0; padding:0; } 

   .small  { color:#333; display:block; 
             font:normal 11px Helvetica, Arial, Geneva, sans-serif;
			 margin:0; padding:0; width:150px;  } 

.niustitle { color:#FF0101; font:bold 13px Helvetica, Arial, sans-serif; 
             margin:0; padding:0; display:block; }

.foottext  { color:#696969; display:block;
             font:normal 12px Helvetica, Arial, sans-serif; 
			 margin:0; padding:0; text-align:center;  }

    .foot  { color:#CCC; float:left;
	         font:normal 12px Helvetica, Arial, sans-serif; 
			 padding:5px 10px; text-align:left;  }

   .biggy  { color:#333; font:normal 16px Helvetica, Arial, Geneva, sans-serif; 
             margin:0; padding:0; } 




/*______________________________________________________________________________________________________________________________________________
  ______ boxes _________________________________________________________________________________________________________________________________ */


.mainbox { font:normal 12px Helvetica, Arial, sans-serif;
           background:#000; color:#333; 
		   margin:5px 0 0; padding:0px;
		   width:412px; height:325px;
		   text-align:left;
		   display:block; float:left; }
		   
.boxcont { font:normal 12px Helvetica, Arial, sans-serif;
           background:none; color:#333;
		   margin:30px 0 0; padding:0px;
		   width:412px; height:105px;
		   text-align:left;
		   display:block; float:left; }
		   
.box1 {	background:#000; color:#333;
        margin:0; padding:0;
		width:202px; height:105px;
		text-align:left;
		float:left; }
		
.box2 {	background:#000; color:#333;
        padding:0; margin:0;
		width:202px; height:105px;
		text-align:right;
		float:right; }




/*______________________________________________________________________________________________________________________________________________
  ______ pics __________________________________________________________________________________________________________________________________ */
  
  
.picder { float:right; padding:0; margin:0; background:#EFEFEF; }
.picder2 { float:right; padding:0; margin:0; background:none; border:0; }
.picfix { padding:0; margin:0; border:0;}
.pic_cntr { padding:0; margin:0 0 0 150px; border:0;}

img.download {vertical-align:middle;}

	
	
		
/*______________________________________________________________________________________________________________________________________________
  ______ basic structure _______________________________________________________________________________________________________________________ */
 
  
#container	{ background:none; width:994px; margin:0 auto 10px; }
#header 	{ background:none; width:994px; height:167px; padding:0 auto; margin:0 auto; } /*175*/

#menu		{ background:url(../imgns/menu.png) no-repeat; width:744px; height:32px; margin:0 auto;  padding:0 0 0 250px; } 	 

#content	{ background:url(../imgns/contenido.png) no-repeat; width:994px; padding:0px auto; margin:0 auto; }
div#content { min-height:521px; height:expression(this.scrollHeight > 521 ? "auto":"521px"); }
p, pre { padding: 5px 10px; margin:0px; }


#footercont { background:none; clear:both; margin:0; }	  
  #footercont a:link, a:active, a:visited { color:#696969; text-decoration:none;}
  #footercont a:hover { color:#CCC; text-decoration:none;} 

#footer	{ background:url(../imgns/footer.png);
          margin:0 auto; padding:0 auto;
		  width:994px; height:45px; } 
  #footer a:link, a:active, a:visited { color:#696969; text-decoration:none;}
  #footer a:hover { color:#CCC; text-decoration:none;} 




/*______________________________________________________________________________________________________________________________________________
  ______ pages structure _______________________________________________________________________________________________________________________ */
	  
	  
#main1 { background:url(../imgns/main_lines.png) no-repeat;
         font:normal 12px Helvetica, Arial, sans-serif;
		 margin:0 150px 0 240px; padding:20px 0;
		 text-align:left; width:610px; height:470px;  } 
	  
#main { background:none;
        font:normal 12px Helvetica, Arial, sans-serif;
		margin:0 150px 0 240px; padding:20px 0;
		text-align:left; width:610px;  }

#main_cript { background:none;
              font:normal 12px Helvetica, Arial, sans-serif;
			  margin:0 160px 0 110px; padding:20px 0;
			  text-align:left; width:720px; }

#contact_left { width:340px; float:left;}
#contact_right { width:220px; float:right; padding-right:30px; font-weight:bold; text-align:center; }

/*_____________________________________________________________________________*/

#somos_izq { background:none; float:left;
             font:normal 12px Helvetica, Arial, sans-serif;
             margin:179px 0 0; padding:0;
			 text-align:left; width:120px;  }
 #somos_izq a:link, a:active, a:visited { color:#333; text-decoration:none;}
 #somos_izq a:hover { color:#B80000; text-decoration:none;}  


#somos_der { background:none; float:right;
             font:normal 12px Helvetica, Arial, sans-serif; 
             padding:0;
			 text-align:left; width:585px; }
 #somos_der a:link, a:active, a:visited { color:#333; text-decoration:none;}
 #somos_der a:hover { color:#B80000; text-decoration:none;} 

	  

#inicio_izq { background:none; float:left;
              font:normal 12px Helvetica, Arial, sans-serif;
			  padding:0;
			  text-align:left; width:400px; }


#inicio_der { background:none; float:right;
			  font:normal 12px Helvetica, Arial, sans-serif;
			  text-align:left; width:180px;   }
 #inicio_der a:link, a:active, a:visited { color:#333; text-decoration:none;}
 #inicio_der a:hover { color:#B80000; text-decoration:none;}




/*______________________________________________________________________________________________________________________________________________
  ______ formulario ____________________________________________________________________________________________________________________________ */


INPUT { background-color:#EFEFEF; border:#ccc 1px solid;
        color:#666; font:normal 13px Helvetica,Arial,sans-serif;
		margin:2px 0 21px; padding:6px; }
INPUT:focus { background-color:#fff; border:#D50000 1px solid; color:#333; }


TEXTAREA { background-color:#EFEFEF; border:#ccc 1px solid; padding:6px;
           color:#666; font:normal 13px Helvetica,Arial,sans-serif;   }
TEXTAREA:focus { background-color:#fff; border:#D50000 1px solid; color:#333; }



.Btn  { background-color:#B10000; color:#FFF; cursor:pointer;
        font:bold 18px Helvetica,Arial,sans-serif;
		margin:2px 0 0 5px; padding:2px;}
		
.Btn:hover { background-color:#7F0000; color:#FFF; cursor:pointer;
			 font:bold 18px Helvetica,Arial,sans-serif;
			 padding:2px;  }



/****************** THE END ********************************************************************************************************************/