body {margin:0; padding:0; font-family: Arial; background-color: #798db4;}
body, td {font-size: 12px;}
h1, h2, h3, h4 {font-size: 24px; color: #ABABAB; letter-spacing: -2px; margin: 0 0 10px 0; padding: 5px 5px 5px 0;}
h2 {font-size: 20px;}
h3, h4 {font-size: 16px; letter-spacing: -1px;}
h4 {font-size: 14px;}
p {line-height: 150%; text-align: justify;}
a {color: #7991B2;}
a:hover {color: #A5BAD6;}
ul {}
li {}
img {border: none;}
small {color: #ABABAB; font-size: 11px; text-decoration: underline;}

/** Layout **/
#maincontainer {width: 797px; margin: 0 auto; background-color: white; padding: 0 43px;}
#topsection {height: 310px;}
#contentwrapper {width: 100%; overflow: hidden;}
#contentcolumn {margin: 0 169px 50px 195px;}
#contentcolumn2 {margin: 0 0 50px 195px;} /* Versión para hacer 2 columnas en vez de 3 */
#leftcolumn {float: left; width: 180px;}
*html #leftcolumn {display: inline;}
#rightcolumn {float: right; width: 154px;}
*html #rightcolumn {display: inline;}
#footer {clear: left; width: 717px; height: 250px;}

#topsection {margin-bottom: 25px;}
div#logo {}
div#imagenppal {margin-bottom: 5px;}
div.menu {background-color: #D9DADA; height: 28px;}
div.menu ul {margin: 0; padding: 0;}
div.menu ul li {display: inline;}
div.menu ul li a {float: left; display: block; padding: 5px 42px 5px 15px; border-right: 1px solid white; border-bottom: 1px solid white; background-color: #D9DFE6; color: #0C2D50; text-decoration: none;}
div.menu ul li a.selected, div.menu ul li a:hover {background-color: #CF5845; color: white;}
div.modulo, div.modulocontacto {border: 1px solid #CACACA; margin-bottom: 20px; padding: 10px;}
div.modulo h3 {}
div.modulo#categorias ul {margin: 0; padding-left: 25px; list-style-image: url('../img/selectorlistas.gif');}
div.modulo#categorias li {padding: 5px;}
div.modulo#marcas {text-align: center;}
div.modulocontacto {padding: 0; margin: 10px;}
div.modulocontacto h2 {background-color: #dddddd; color: #131E37; margin: 0; padding: 5px; font-size: 14px; letter-spacing: 0px;}
div.modulocontacto p {margin: 10px; text-align: left;}
#leftcolumn div.modulocontacto, #rightcolumn div.modulocontacto {margin: 0 0 20px 0;} 
.advert {color: #CF5845; font-size: 11px; text-align: left;}
div.noticiaportada {margin-bottom: 25px;}
div.noticiaportada h1 {background-color: #EDEDED;}
.imgarticulo {float: left; margin: 0 10px 10px 0;}
div#promociones {margin-bottom: 25px;}
div.promocion {text-align: center; margin-bottom: 15px; padding: 5px; border-bottom: 1px dotted #cccccc;}
div.promocion span.promodescripcion {display: block; font-size: 20px; font-family: Arial Black; color: #445996; line-height: 22px; letter-spacing:-0.1em; padding: 20px; background-image: url('../img/degradadocabecera.gif'); background-repeat: repeat-x; text-shadow: black 0px 0px 5px;}
div.promocion span.nota {display: block; text-align: left; font-size: 11px; color: #808080; padding: 0 10px;}
div.promocion span.caducidad {display: block; text-align: center; font-size: 12px; color: black; background-color: #dddddd; padding: 5px; margin: 20px 5px;}
div#novedadesmotos {margin-bottom: 25px;}
div#novedadesmotos small {display: block; font-style: italic;}
div#novedadesmotos table {width: 90%; margin: 20px; border-left: 1px dotted #CCCCCC;}
div#novedadesmotos table td {padding: 10px 5px; border-right: 1px dotted #CCCCCC;}
div#novedadesmotos table td a {text-decoration: none;}
table.tablavehiculos {margin: 10px 0; border: 1px dotted #cccccc;}
table.tablavehiculos th {background-color: #7991B2; color: white; font-size: 11px;}
table.tablavehiculos tr.filacoloreada {background-color: #dddddd;}
table.tablavehiculos tr.selected {background-color: #CF5845; color: white;}
table.tablavehiculos td {font-size: 11px;}
table.tablavehiculos td.modelo {width: 30%; font-weight: bold;}
table.tablavehiculos td.descripcion {width: 60%; }
table.tablavehiculos td.alta {width: 10%; font-style: italic;}
div.imgvehiculo {padding: 10px; margin: 10px 0 20px 0; background-color: #dddddd; border-top: 1px solid #aaaaaa; border-bottom: 4px solid #aaaaaa; text-align: center;}
div.imgvehiculo img {border: 5px solid white;}
a.enlacecategoria {display: block; color: #CF5845; font-weight: bold; font-size: 11px;}
div.ofertamini, div.oferta {text-align: center; margin-bottom: 15px; padding: 5px; border-bottom: 1px dotted #cccccc;}
span.descripcion {text-align: left; font-style: italic; font-weight: bold; color: #798db4;}
span.preciotachado {text-decoration: line-through; font-size: 11px;}
span.precio {color: #CF5845; font-weight: bold; font-size: 13px;}
span.caducidad {display: block; padding: 5px 0; font-size: 10px; color: #b1b1b1;}
div#footer {background-color: #131E37; padding: 15px 40px; color: #7A808F; background-image: url('../img/piewatermark.gif'); background-repeat: no-repeat; background-position: 100% 0;}
div#footer div.menu {background-color: transparent; margin-bottom: 30px;}
div#footer div.menu ul {}
div#footer div.menu ul li {}
div#footer div.menu ul li a {display: inline; color: white; text-decoration: underline; border: none; background-color: transparent; padding: 5px;}
div#footer div.menu ul li a.selected {}
div#footer div.menu ul li a:hover {color: #7A808F;}
div#footer h2 {color: white; font-size: 11px; font-weight: normal; letter-spacing: 0; margin: 0; padding: 0;}
div#footer p {font-size: 11px;}
div#footer b {color: #9A9FAC; font-weight: normal;}
div#footer div#copyright {float: right; text-align: right;}
table#formcontacto {width: 100%; border: 1px dotted #cccccc;}
table#formcontacto td {padding: 5px; border-bottom: 1px dotted #dddddd;}
table#formcontacto td.etiqueta {text-align: right; font-style: italic; vertical-align: top;}
table#formcontacto td.input {}
table#formcontacto td.input input {font-size: 10px; border: 1px solid #dddddd;}
table#formcontacto td.input textarea {font-family: Arial; font-size: 10px; border: 1px solid #dddddd;}
table#formcontacto td.boton-enviar {background-color: #7991B2; text-align: center;}
