/**********************************
	Color values:
	#9BAC68 - Green bar
	#282B26 - Black header
	#5C5C5C - Gray - Font titles and text
	#D8D8D8 - Photo border color
***************************************/

/***************************************
 BASE STYLES
****************************************/
/* neutralize browser styles */
body, html {
	margin:0;
	padding:0;
	
	}
/* neutralize browser spacing for vertical elements
	we could do more elements, but this gives us the 
	most widely used block level elements so that we
	control main element spacing without having to 
	add margins back for every block element */
	
h1, h2, h3, h4, h5, h6, p, pre, ul, ol{
	margin: 0;
	padding: 0;
	}
html, body, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	border: 0;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #06F;
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
	color: #000;
}
.more {
	text-align: right;
	color: #00C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.left {
	float: left;
}
.clear {
	clear: both;
}

h1, h2, h3, form {
	margin: 0;
	padding: 50;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #06F;
	font-weight: bold;
	text-align: left;
}
h2 {
	font-size: 1.3em;
	color: #3266CC;
	padding-left: 1em;
	padding-top: 3px;
	background: url(/_images/bg-green_1x28.png) repeat-x;
	padding-bottom: 0.4em;
	line-height: 1.3em;
	font-weight: bold;
}

.title_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #06F;
	margin-top: 10px;
}

body {
	background: #FFF url(/_images/bg-header-table_01.png) repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #333;
}
/* General Styles */

#wrapper {
	text-align: left;
	margin: 0px auto;
	width: 980px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}


/*********************************/
/******** Header  Styles *********/
/*********************************/
#header {
	height: 110px;
	position: relative;
	width: 980px;
	background: url(none) no-repeat scroll;
	left: 0;
	top: 0;
}

#header h1 {
	margin-top: 15px;
	background: url(/_images/logo.png) no-repeat left top;
	height: 90px;
	width: 300px;
	text-indent: -1000px;
}

#header #menutop {
	/* Alinea li horizontalmente*/
	float:left;
	display:block;
	
}
#header #menutop ul {
	list-style: none;
	position:absolute;
	color:#FFF;
	top:0px;
	right:0px;
	width:280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(none);
	font-weight: bolder;
}
#header #menutop li{
	float:left;
	display:block;
	border-top: 1px #FFF;
	border-right: 1px #FFF;
	border-bottom: 1px #FFF;
	border-left: 1px #FFF;
}

#header #menutop li a {
	float:left;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height:20px;
	text-decoration:none;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #fff;
}
#header #menutop li a.last {
	border-right:none;
}


#header #menutop li a:hover {
	color:#1796F7;      /* blue  */
	background:#FFF; /* white */
}

#header #image {
	height: 40px;
	width: 240px;
	position: absolute;
	top: 20px;
	background: url(/_images/Vehimax_Log_04.png) no-repeat left top;
	left: 0px;
}

#nav {
	position: absolute;
	width: 980px;
	height:38px;
	float:left;
	margin:0;
	padding:0;
	bottom:0px;
	background:url(/_images/nav.png) no-repeat scroll left bottom;
}
#nav ul {
	list-style: none;
	/*localiza el menu dentro de #nav*/
	position:absolute;
	bottom:0px;
	left:70px;
	width: 852px;
}
#nav ul a{
	line-height:25px;
	color: #FFF;
}

#nav li {
	/* Alinea li horizontalmente*/
	float:left;
	display:block;
	border: 1px #1DAAF7;
}

#nav li a:link,#nav li a:visited{ /*Mantiene el estilo inicial*/
	/*si es link - si es visited*/

	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bolder;
	color:#FFF;
	text-decoration:none;
	padding:1px 2em;
}

#nav li a:hover{
	color:#FFF;
	border-style: none;
	font-weight: bolder;
	background: #26AEF8;
}

#nav li a.current, #nav li a.current:hover,#nav li a.current:active {
	/* Marca el boton que se encuentra como current */
	color:#0C6FF5; /* White */
	cursor:default;  /* Neutraliza el cursor en el boton current */
	background: #FFF;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top: none #FFF;
	border-right: none #FFF;
	border-bottom: none #FFF;
	border-left: none #FFF;
}
#headline {
	background: #FFF;
	padding-top: 15px;
}

/*********************************/
/********  Main content  *********/
/*********************************/

#photo {
	float: left;
	width: 650px;
	background: url(/_images/Bev_White_10x9.gif) repeat-x bottom;
	height: 400px;
	border: 1px solid #D8D8D8;
}
#photo h1 {
	font-size: 1.5em;
	font-weight: normal;
	padding: 6px 5px 5px 20px;
	background: url(/_images/TitleBar_10x35.gif);
}
#photo #bannerhome {
	border-top: 1px solid #D8D8D8;
}
#bannerhome #TableEspecial td {
	background: #ECF9FF;
	border: 1px solid #D8D8D8;
	padding: 5px;
	width: 100px;
}
#bannerhome table tr td #TableEspecial p {
	font-size: 10px;
	font-style: italic;
	color: #06F;
}




#photo img {
	display: block;
}

#tableSearch td:hover {
	background: #ECF9FF url(/_images/bg-submenheader.jpg) repeat-x bottom;
}
#tableSearch p {
	color: #06F;
	padding-top: 3px;
	padding-bottom: 3px;
}

#search-news {
	float: right;
	width: 320px;
	background: #FFF url(/_images/Bev_White_10x9.gif) repeat-x bottom;
	border: 1px solid #D8D8D8;
	height: 400px;
}


#search-news h1 {
	background: url(/_images/TitleBar_10x35.gif) top;
	font-size: 1.5em;
	padding: 5px 5px 6px 15px;
}
#search-news h3 {
	background: url(/_images/bullet_letter.gif) no-repeat;
	padding-left: 15px;
	font-weight: bold;
	margin: 1em 0 0.4em 0;
}
#search-news form {
	padding-left: 15px;
}

#search-news p {
	margin: 0.1em 0;
	padding: 5px 5px 5px 15px;
}


#search-news div {
	margin: 0;
	background: #09F;
}
#search-news #q {
	width: 140px;
	border: 1px solid #859D31;
}
#search-news #news-box {
	background: url(/_images/Pryer_esc.jpg);
}
#TableMakeLlist {
	text-decoration: none;
	width: 300px;
	margin: 5px auto;
	padding-bottom: 5px;
	
}

#TableMakeLlist a {
	text-decoration: underline;
	padding-bottom: 3px;
	color: #06F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
#TableMakeLlist td:hover {
	background: url(/_images/bg-submenheader.jpg) repeat-x;
}





#search-news .downcast {
	background: #E6E7E7;
	border-top: 1px solid #CFD0D0;
	padding: 4px 4px 4px 4px;
	margin: 2px 0 0 0;
}

#body {
	padding-top: 1em;
	text-align: justify;
}

#body-left {
	margin-top: 1em;
	float: left;
	width: 320px;
	height: 340px;
	border: 1px solid #D8D8D8;
	background: url(/_images/_banners/Bann_left_home.jpg) no-repeat bottom;
	
}

#body-left p {
	padding: .5em 1em;
	font-size: 12px;
	line-height: 1.5em;
}

#body-left ul {
	align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align: right;
	line-height: 1.7em;
	font-weight: bold;
	margin-right: 15px;
}

#body-middle {
	margin-top: 1em;
	background: url(/_images/_banners/Bann_mid_home.jpg) no-repeat bottom;
	float: left;
	width: 320px;
	height: 340px;
	margin-left:8px;
	border: 1px solid #D8D8D8;
	
}
#body-middle p {
	font-family: Arial, Helvetica, sans-serif;
	padding: .5em 1em;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
}
#body-right {
	margin-top: 1em;
	background: url(/_images/_banners/Bann_right_home.jpg) no-repeat bottom;
	float: right;
	width: 320px;
	height: 340px;
	border: 1px solid #D8D8D8;
	
}

#body-right p {
	font-family: Arial, Helvetica, sans-serif;
	padding: .5em 1em;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
	
}

#body-right ul {
	align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align: left;
	line-height: 1.7em;
	font-weight: bold;
	margin-left: 15px;
}


#body a.green {
	color: #9AAB68;
	font-weight: normal;
	text-decoration: underline;
}

#gallery img {
	float: left;
}
#bottomline {
	background: #FFF url(/_images/_banners/banner_spec.jpg) no-repeat top;
	margin-top: 0.5em;
	height: 97px;
}
#bottomline p {
	padding: 5px 10px;
}

#content1 {
	margin-bottom: 5px;
	background: url(/_images/_banners/banner_sale_success.jpg) no-repeat left center;
	height: 125px;
	padding-right: 10px;
	padding-left: 10px;
}

#content1 div {
	width: 300px;
	float: right;
}
#content1 div ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #9CB33F;
	line-height: 1.5em;
	font-weight: bolder;
	padding-left: 1em;
	text-decoration: none;
}
#content1 div ul li a:hover {
	color: #3266CC;
}






#footer {
	color: #FFFFFF;
	background: url(/_images/bg-footer.png) repeat-x;
	font-weight: bold;
	text-align: center;
	height: 71px;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: normal;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}