body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #F93D00;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 120%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #417FDA;
}


a:hover {
	color: #991010;
}

a.permalink {
	border: none;
	background: none;
	text-decoration: none;
	color: #417FDA;
}

a.permalink:hover {
	border: none;
	background: none;
	text-decoration: none;
	color: #991010;
}

a.updatelink {
	border: none;
	background: none;
	text-decoration: none;
	color: #991010;
}

a.updatelink:hover {
	border: none;
	background: none;
	text-decoration: none;
	color: red;
}


img
{
	border: none;
	border-bottom: 0;
	text-decoration: none; 
}


#wrapper {
	width: 968px;
	margin: 0 auto;
	padding: 0;
}

/* Header */

#header {
	width: 968px;
	height: 107px;
	margin: 0 auto;
	background: url(images/img02.gif) no-repeat left top;
}

/* Logo */

#logo {
	float: left;
	width: 968px;
	height: 60px;
	color: #616161;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	float: left;
	padding: 95px 0 0 430px;
	letter-spacing: 3px;
	font-size: 1.4em;
}

#logo p {
	float: left;
	margin: 0;
	font: normal 14px Arial, Helvetica, sans-serif;
	font-style: italic;
} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #616161;
}




#separador
{	
	clear: both;
}


/* Main menu settings */
#menu {
	clear:both;
	width: 968px;
	height: 36px;
	margin: 12px 0 0 0;
  float:left;
  z-index:1000; /* This makes the dropdown menus appear above the page content below */
  position:relative;
  background: url(images/img01.gif) ;
	background-position: 0 125px;
}

/* Top menu items */
#menu ul {
   margin:0;
   padding:0;
   list-style:none;

   position:relative;
   right:50%;
}


#menu ul li.menu-item {

   margin:3px 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   height: 33px;
	 background: url(images/img03.gif) no-repeat right top;
	 color: #FFFFFF;
}

#menu ul li.menu-last {
   margin:3px 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   height: 30px;
	 color: #FFFFFF;
}

#menu ul li a {
	display: block;
	margin-right: 3px;
	padding: 8px 20px 7px 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 30px;
	color: #FFFFFF;
	border: none;
}


#menu ul li a:hover {
	 height: 30px;	 	
   background:red; /* Top menu items background colour */
	 color: #112233;
	 text-decoration: none;
}
#menu ul li:hover a,
#menu ul li.hover a { /* This line is required for IE 6 and below */
	 height: 16px;	 	
   background: url(images/img03_b.gif) top left no-repeat;
   background-position: 0 3px;
	 color: #112233;
	 text-decoration: none;
}

/* Submenu items */
#menu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:33px;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:14em; /* width of the drop-down menus */
   height: 30px;

}
#menu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
   height: 32px;
	 border-top: 1px solid #fff;
	 border-bottom: 1px solid #fff;
	 border-right: 1px solid #fff;
	 border-left: 1px solid #fff; 
}
#menu ul ul li a,
#menu ul li:hover ul li a,
#menu ul li.hover ul li a { /* This line is required for IE 6 and below */
	 font-family: Verdana, Arial;
   font-size:9px;
   font-weight: normal; /* resets the bold set for the top level menu items */
   background:  url(images/img03_b.gif) top left no-repeat;
   background: #81BEF7;
   background-position: 0 1px;
   color:#000;
	 margin: 0;
	 height: 20px;

}
#menu ul ul li a:hover,
#menu ul li.active ul li a:hover,
#menu ul li:hover ul li a:hover,
#menu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#36f; /* Sub menu items background colour */
   color:#fff;
}

/* Flip the last submenu so it stays within the page */
#menu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#menu ul li:hover ul,
#menu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}











/* Page */

#page {
	width: 968px;
	margin-top: 48px;
	background: url(images/img05.jpg) repeat-y left top;
}


#page-bgtop {
	height: 40px;
	background: url(images/img04.jpg) no-repeat left top;
}

#page-bgbtm {
	height:55px;
	width: 968px;
	background: url(images/img06.jpg) no-repeat left top;
}

/* Content */

#content {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	float: right;
	width: 680px;
	padding: 15px 20px 0 0;
}

.post {
	margin-bottom: 28px;
	background: url(images/img09.jpg) repeat-y left top;
}

.post-bgtop {
	background: url(images/img08.jpg) no-repeat left top;
}

.post-bgbtm {
	background: url(images/img10.jpg) no-repeat left bottom;
}

.post .title {
	padding-top: 10px;
	padding-left: 20px;
	line-height: 27px;
	color: #000000;
}

.post h1 {
	font-size: 1.5em;
}

.post .subtitle {
	font-size: 1.3em;
	margin-top: -15px;
	padding-bottom: 15px;
	color: #787878;
}

.post .title a {
	color: #000000;
	border: none;
}

.post .meta {
	border-bottom: 1px dashed #B5DEF4;
	padding-left: 20px;
	padding-bottom: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .entry {
	clear: both;
	position: relative;
	padding: 0px 20px 15px 20px;
	text-align: justify;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 220px;
	padding: 15px 0 0 20px;
	color: #787878;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	width: 100%;
	padding-bottom: 25px;
}

#sidebar li li {
	border-bottom: 1px dotted #D2D4C9;
	padding: 4px 3px 4px 3px;
	line-height: 15px;
}

#sidebar li li.right {
	float: right;
	text-align: right;
	border-bottom: none;
}

#sidebar li li.left {
	text-align: left;
}

#sidebar li li.leftclear {
	text-align: left;
	border-bottom: none;
}

#sidebar li li.rightclear {
	float: right; 
	text-align: right;
	border-bottom: none;
}

#sidebar li li span {
	display: block;
	margin-top: -9px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	font-weight: bold;
	height: 28px;
	padding: 6px 0 0 15px;
	background: url(images/img11.gif) no-repeat left top;
	letter-spacing: 1px;
	font-size: 1.0em;
	color: #FFFFFF;
}

#sidebar p {
	padding-bottom: 20px;
	text-align: justify;
}

#sidebar a {
	color: #417FDA;
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #787878;
}

#vers {	
	float: right;
	padding: 0 10px 0 0;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}



#search 
{
	position: relative;
	float: left;
	padding: 10px 0 0 0;
	margin-left: 4px;
}

#models 
{
	position: relative;
	width: 400px;
	font-family: Verdana, Arial, helvetica;
	font-size: 10px; 
	padding: 12px 18px 0 0;
	text-align: right;
	color: #3075E8;
	float: left;
}

#rss 
{
	position: relative;
	font-family: Verdana, Arial, helvetica;
	font-size: 10px; 
	padding: 12px 18px 0 0;
	text-align: right;
	color: #3075E8;
	float: right;
}


input 
{ 
	font-size: 11px; 
	border: #333333;
	color: #000000;  
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px;
  border-left-width: 1px 
} 

input#searchbox 
{ 
	background: white;
	margin-left: 14px;
	font-size: 11px; 
} 

input#boton 
{
	background: #E3E7ED;
	height: 18px;
	font-size: 10px; 
}


/* listados */

ul.listmarcas
{	
	overflow: hidden;
	margin-right: 50px;
	width: 600px;
}


li.marcas
{
	LIST-STYLE-TYPE: none;	
	text-align: left;


}

li.modelos
{
	LIST-STYLE-TYPE: none;	
	text-align: left;
}

li.leyenda
{
	LIST-STYLE-TYPE: none;	
	border-bottom: 1px dotted red;
}

li.marcas h2
{

	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
}

ul.iex
{
vertical-align: top;
color: black;
LIST-STYLE-TYPE: none; 	
padding-left:0;margin-left:0
}


ul.iex li
{
vertical-align: top;
LIST-STYLE-TYPE: none; 	
padding-left:0;margin-left:0
}

ul.iex li.list2
{
text-align: left;
font: bold 12px Arial, Helvetica,sans-serif;
color: blue;
}


UL.col2 
{ 
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 1px; 
MARGIN: 2px 0px; 
WIDTH: 100%; 
PADDING-TOP: 5px; 
LIST-STYLE-TYPE: none; 

} 

UL.col2 LI 
{ 
DISPLAY: inline; 
FLOAT: left; 
WIDTH: 48%; 
color: #3D444F;
} 


UL.brandIndex 
{ 
PADDING-RIGHT: 0px; 
PADDING-LEFT: 65px; 
PADDING-BOTTOM: 25px; 
PADDING-TOP: 35px; 
MARGIN: 2px 0px; 
WIDTH: 85%; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none; 

} 

UL.brandIndex LI 
{ 
DISPLAY: inline; 
FLOAT: left; 
WIDTH: 19%; 
color: #3D444F;
padding-top: 2px;
padding-bottom: 2px;
} 



UL.col3 
{ 
PADDING-RIGHT: 0px; 
MARGIN: 1px 0px; 
WIDTH: 99%; 
PADDING-TOP: 1px; 
LIST-STYLE-TYPE: none; 
font-size: 10px;
} 

UL.col3 LI.colpeq 
{ 
color: black;
font-family: Verdana, Helvetica, sans-serif;
DISPLAY: inline; 
FLOAT: left; 
text-align: center;
WIDTH: 15%; 
} 

UL.col3 LI.colnorm 
{ 
color: black;
font-family: Verdana, Helvetica, sans-serif;
DISPLAY: inline; 
FLOAT: left; 
text-align: center;
WIDTH: 31%; 

} 

UL.col3 LI.colgran 
{ 
color: black;
font-family: Verdana, Helvetica, sans-serif;
DISPLAY: inline; 
FLOAT: left; 
WIDTH: 60%; 


} 

ul.col3 h3
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #787878;
}

div .clear
{
	margin-bottom: 10px;
}

#divresellers
{
	background: #FFFFFF url(images/map.jpg)  no-repeat left top;
}

table.distributors{
	width: 680px;
	margin-bottom: 40px;
}



table .resellers{
	background: none;
	width: 680px;
	padding-left: 40px;
	padding-bottom: 140px;
}

th {
	font: bold 12px Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 0px 6px 26px 2px;

}

th.nobg {
	color: red;
	background: none;
	text-align: left;
  margin: 0 0 0 0;
}

th.spec {	
	text-align: left;
	font: bold 11px Arial, Helvetica,sans-serif;
	color: blue;
	padding: 0px 6px 5px 12px;
}

th.specalt {

	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	color: #B4AA9D;
	
}


td {

	vertical-align: top;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
	width: 32%;
}


td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}