/********************************************************************************************************************************
************  Altavista Trucks & Equipment  ****  CSS by serienmörder  ********  elementocero.com.mx  ***************************
*********************************************************************************************************************************
*********************************************************************************************************************************
                         Reset
*********************************************************************************************************************************/
* { margin:0; padding:0; } 
a:link, a:visited, a:hover {text-decoration:none;} 
fieldset, img { border:0; } 
ul {list-style:none;} 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }



/********************************************************************************************************************************
                         Basic
 ********************************************************************************************************************************/
body {	background: #f9f9f9 url(../imgns/bk.jpg) no-repeat top center; 
		font:normal 16px Arial, Helvetica, sans-serif;	color:#333;
		padding:0;	margin:0;	}

		a {color:#8D2929; text-decoration:underline;}
a:visited {color:#333; text-decoration:underline;}
a:hover	  {color:#CF8C19; text-decoration:underline;}
a:active  {color:#333; text-decoration:underline;}



/********************************************************************************************************************************
                         Typography
 ********************************************************************************************************************************/
h1 { color:#990000; font:bold 30px Arial Narrow, Arial, sans-serif; letter-spacing:-1px; line-height:30px; margin:10px 0 0; padding:5px 0 3px 0; text-align:left; }
h2 { color:#666666; display:block; font:normal 27px Arial Narrow, Arial, sans-serif; letter-spacing:-1px; margin:10px 0 0; padding:10px 0px 2px 0; }
h3 { color:#7F0008; font:normal 24px Arial Narrow, Arial, sans-serif; letter-spacing:-1px; margin:0; padding:5px 0 1px 10px; }  
h4 { background:url(../imgns/bk_h4.jpg) no-repeat; color:#666; font:normal 16px Arial, Helvetica, sans-serif; line-height:20px; margin:20px 10px 12px 8px; padding:5px 10px 10px; display:block; width:234px; height:100px; } 

.txtbox { background:#D12028; color:#fff; font:normal 20px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; margin:0 6px; padding:2px 8px; }

img.download {vertical-align:middle;}

.picder { float:right; padding:0; margin:0; background:none; }
.picfix { margin:5px 2px 10px;  }
.pixmain { border:1px solid #CCD4C5; margin:2px;}
.picsmain { border:1px solid #CCD4C5; margin:10px;}

.small { font:normal 14px Arial, Helvetica, sans-serif; }
.small a:link, .small a:active, .small a:visited { color:#333; text-decoration:none; } 
.small a:hover { color:#8D2929; } 

.switch { color:#999999; display:block; font:normal 16px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; float:left; padding:5px 0 0 2px; }



/********************************************************************************************************************************
                         Estructure
 ********************************************************************************************************************************/
#container	{ width:100%; margin:0 auto; }

#header 	{ background:none; margin:0 auto; padding:0 auto; width:990px; height:300px; }

#wrapper { margin:0 auto; padding:0 auto; width:960px; }
#main 	    { width:660px; height:auto; padding:0 auto; margin:0 auto; text-align:left; float:left; }
#main a:hover img { border:1px solid #D12028; filter:alpha(opacity=80);  -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
div#main {background:#f9f9f9; min-height:400px; height:expression(this.scrollHeight > 400 ? "auto":"400px"); }
p, pre { padding: 5px 10px; margin:0px; }

#footercont  { width:100%; height:auto; background:#666666; margin:0 auto; padding:5px 0; display:block; clear:both; }
#footer 	 { width:990px; height:auto; padding:0 auto; margin:10px auto; text-align:center;   }


#footer strong {font:normal 20px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; color:#fff; margin:0; letter-spacing:-1px; }
#footer em {font:normal 16px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; color:#fff; margin:0; letter-spacing:-1px; }

#left   { width:660px; height:auto; text-align:left; display:block; float:left; padding-right:20px; }
#right  { width:270px; height:auto; text-align:left; display:block; float:right; margin-right:5px; }
#right a img { border:1px solid #e1e1e1; filter:alpha(opacity=99);  -moz-opacity: 0.99; -khtml-opacity: 0.99; opacity: 0.99; }
#right a:hover img { border:1px solid #D12028; filter:alpha(opacity=80);  -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }

#main1 	    { width:930px; height:auto; padding:0 auto; margin:0 auto; text-align:left; float:left; }
#main2 	    { width:500px; height:auto; padding:0 auto; margin:0 auto; text-align:left; float:left; }
#main2 a:hover img { border:1px solid #D12028; filter:alpha(opacity=80);  -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
div#main2 {background:#f9f9f9; min-height:400px; height:expression(this.scrollHeight > 400 ? "auto":"400px"); }
#right2  { width:330px; height:auto; text-align:left; display:block; float:right; margin-right:5px; }


/********************************************************************************************************************************
                         Navigation
 ********************************************************************************************************************************/
#nav { background:none; display:block; margin:0 auto; padding:1px 0 10px; width:990px; height:40px;   }
#nav li { float:left; list-style:none; }
#nav li a:link, #nav li a:visited  { background:none; color:#fff; display:block; font:bold 19px Arial Narrow, Arial, sans-serif; 
                                     line-height: 1.9;	margin:3px 8px 1px 12px; padding:0px 1px 0px; text-decoration:none;	 }
#nav li a:hover  { background:none; color:#F2A71A; text-decoration:none;  }
#nav li a:active { background:none; color:#F2A71A; text-decoration:none;  }



/********************************************************************************************************************************
                         More Divisions
 ********************************************************************************************************************************/
#title	{ width:920px; height:60px; padding:0px auto; margin:2px auto 0; background:url(../imgns/bktitles.jpg); }

#bienvenido { background:#5F5F5F url(../imgns/bk_bienvenido.jpg) no-repeat; width:846px; height:auto; text-align:left; padding:2px 2px 3px; margin:0 auto 4px;  display:block; float:left;  } 

 

/********************************************************************************************************************************
                         Formulario
 ********************************************************************************************************************************/
input { background:#efefef; border:#ccc 1px solid; color:#333; font:normal 15px Arial, Helvetica, sans-serif; margin:4px 0 20px 10px; padding:8px; }
input:focus { background:#fff; color:#333; border:#FBA102 1px solid; }
textarea { background:#efefef; border:#ccc 1px solid; color:#333; font:normal 15px Arial, Helvetica, sans-serif; margin-left:10px; padding:8px; }
textarea:focus { background:#fff; color:#333; border:#FBA102 1px solid; }
select { background:#efefef; border:#ccc 1px solid; color:#333; font:normal 15px Arial, Helvetica, sans-serif; margin:2px 2px 10px; padding:2px; }

form label { font-weight:bold; display:block; margin:6px 0 0 10px; }

.button  { background:#FBA102; border:#7F5000 1px solid; color:#7F5000; font:bold 18px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; margin:2px 0 0 6px; padding:2px;}
.button:hover { background:#FBA102; border:#7F5000 1px solid; color:#000; cursor:pointer;
                font:bold 18px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; padding:2px; }

.wbutton  { background:#f9f9f9; border:#f9f9f9 1px solid; color:#7F5000; font:normal 16px Arial, Helvetica, sans-serif; margin:4px 0 0 10px; padding:4px; text-align:left; width:500px;}
.wbutton:hover { background:#fff; border:#f1f1f1 1px solid; color:#000; cursor:pointer;
                font:normal 16px Helvetica,Arial,sans-serif; padding:4px; }
				

.inventorybutton  { background:#f9f9f9; border:#f9f9f9 1px solid; color:#7F5000; font:normal 15px Arial, Helvetica, sans-serif; margin:4px 0 0 10px; padding:4px; text-align:left; width:480px;}
.inventorybutton:hover { background:#fff; border:#7F5000 1px solid; color:#000; cursor:pointer;
                font:normal 15px Helvetica,Arial,sans-serif; padding:4px; }

#right select { background:#f4f8ea; border:#dfdfdf 1px solid; color:#333; font:normal 16px  Arial, Helvetica, sans-serif; margin:8px 2px 0; padding:2px; }
#right select:focus { background:#fff; color:#333; border:#990000 1px solid; }
#right .button  { background:#D12028; border:#D12028 1px solid; color:#fff; font:bold 16px  Arial, Helvetica, sans-serif; margin:8px 0 0; padding:2px;}
#right .button:hover { background:#8F1119; border:#8F1119 1px solid; color:#fff; cursor:pointer;
                 }




/********************************************************************************************************************************
                         Table
 ********************************************************************************************************************************/              
table {	border-spacing:0px;	border-bottom:1px solid #f9f9f9;  background-color:#f9f9f9;
		font:normal 14px Helvetica,Arial,sans-serif; color:#333;  }	
td, th { padding: 4px; }
        tbody tr td { height:auto;  background:#f9f9f9; border:0px solid #f9f9f9; }	
      tbody tr td a { background:#f9f9f9;  color:#363636; }	
tbody tr td a:hover { background:#f9f9f9;	color:#363636;	}			
           tbody th { height:10px;	background:#F9F9F9; border:1px solid #5F5F5F; }	 
       tbody tr.odd { background-color:#d7dce0; }
 tbody tr:hover td  {  background-color: #cfcfcf; border:0px solid #f9f9f9; }
tbody tr:hover td, tbody tr:hover a { color: #ff0000 !important; }  



/********************************************************************************************************************************
                         Loading - Ajax
 ********************************************************************************************************************************/				
#loading { background-image:url(ajax-loader.gif); display:none; margin:auto; width:48px; height:48px; }
.mensaje { color:#8D2929; font:normal 24px Georgia, "Times New Roman", Times, serif;  padding-left:40px;}

 /*____________  end  ___________________________________________________________________________________________________________  */