/* CSS Document */
html {margin: 0; padding: 0; font:12px normal Geneva, Arial, Helvetica, sans-serif;}
body { text-align: center; margin: 0; color:WHITE; background:BLACK;}
.all { width: 946px; margin: 0 auto; text-align: left; position: relative;}
h3 { margin:0; padding:0;font-size:16px;}
h4 { margin:0; padding:0;font-size:12px;}
a {color:#298EBA;}
/* cabecera supermotor */
#barra { background:#E7EBEF; border-top: 4px solid #E20074; padding-bottom:1px; float:left; width:100%; margin: 0; padding: 0;}
#logoya { margin: 1px 10px 1px 0; width: auto; float: left;}
#header { background:#edf0f2; padding-top: 8px; }
#header #publi { display: inline; float: left; background-color: #edf0f2;}
#cabecera{ height: 90px; background-color: #edf0f2; padding-top: 0px; }
#headerleft { width: 154px; display: inline; /* IE Hack */ float: left; }
#headerright { width: 770px; height: 70px; /* border: 1px solid #ffffff; */ display: inline; /* IE Hack */ float: left; margin-left: 10px;}
#subnavbar { background-image: url("http://www.supermotor.com/imgsupermotor/fsubbotonera.gif"); background-repeat: repeat-x; height: 27px; text-align: left; padding: 2px 0px 0px 16px;}
#nuevo_menu { display: inline; float:left; width:100%; margin: 0px 0 0 0px; padding: 0; background-color: #edf0f2;}
#nuevo_menu a { display: inline; background: url("http://www.supermotor.com/imgsupermotor/esquina_izquierda.gif") no-repeat 0 0; color:#FFFFFF; text-decoration:none; margin:0; padding:7px 0px 7px 9px; float:left; width:auto; font-weight: bold;}
#nuevo_menu img{ margin:0; padding:0; float:left; display:inline; width: auto;}
#nuevo_menu a:hover { float: left; width:auto; margin:0; background:url("http://www.supermotor.com/imgsupermotor/esquina_izquierda_02.gif") no-repeat left top; }
#nuevo_menu a.on { float: left; width:auto; margin:0; padding:7px 0px 7px 9px; background:url("http://www.supermotor.com/imgsupermotor/esquina_izquierda_02.gif") no-repeat left top;}
#submenu { float:left; width:100%; display:inline; margin:0px 0 1px 0px; padding:0; list-style:none; background: url("http://www.supermotor.com/imgsupermotor/repeat_menu_secun.gif") repeat-x top left #edf0f2; }
#submenu li { float:left; margin:0 5px; padding:4px 0; display:inline; width:auto; color:#000000; font-weight:bold; background-color:transparent; background-image:url("http://www.supermotor.com/imgsupermotor/separacion.gif"); background-position: 0 50%; background-repeat:no-repeat; font-size:9px; font-weight:normal;}
#submenu li#inicio { background-image:url("http://www.supermotor.com/imgsupermotor/inicio_menu_secun.gif"); background-repeat:no-repeat; background-position:left top; margin:0; padding:4px 0; float:left; width:auto;}
#submenu li#final{ background-image:url("http://www.supermotor.com/imgsupermotor/fin_menu_secun.gif"); background-repeat:no-repeat; background-position:right top; margin:0; padding:4px 0; float:right; width:auto;}
#submenu li a { color:#000000; padding:0 0 0 10px; background-image:none; text-decoration:none}
#submenu li a:hover { background-image:none; background-color:transparent; color:#FFFFFF;}
#submenu li a.on { background-image:none; background-color:transparent; color:#FFFFFF;}
/* fin cabecera supermotor*/
/* inicio cabecera especial */
.cabeceraespecial {
float:left;
margin:0;
padding:0;
display:inline;
width:946px;
background: #456830 url("../img/bg_head.jpg") no-repeat top left;
height:172px;
position:relative;
}
.cabeceraespecial h2 a {
position: absolute;
top:2px;
left:-1px;
border:0;
width:210px;
height:142px;
text-indent: -9000px;
overflow: hidden;
}
#menu {
display: block;
margin-top: 144px;
left:5px;
width:100%;
background:#e03f1e;
width:946px;
height:25px;
font-size:1.3em;
font-weight:bold;
}
#menu ul {
margin:0 10px;
padding:0;
float:left;
display:inline;
list-style-type:none;
}
#menu ul li {
display:inline;
margin:0;
padding:0;
float:left;
text-decoration:none;
}
#menu ul li a, #menu ul li a:visited {
display:block;
float:left;
line-height:25px;
height:25px;
white-space:nowrap;
text-decoration:none;
color:#ffde00;
padding:0 10px;
}
#menu ul li.last {}
#menu ul li a:hover{
color:#FFF;
text-decoration:none;
background: url(../img/nav-bg-hover.gif) repeat-x;
}
#menu li#active a{
color:#FFF;
background: url(../img/nav-bg-hover.gif) repeat-x;
}
/* fin cabecera especial */
/* inicio main */
#main {
margin:0;
padding:0 0 10px;
float:left;
display:inline;
width:946px;
background:#1d5823;
}
#main h3 {}
#main h4 {}
#main a { text-decoration:none;}
#main a:hover { text-decoration:underline;}
#main ul { margin:0; padding:0;}
#main li { list-style:none;}
.promo1{
float:left;
width:100%;
background:#417221;
margin:0 0 10px;
}
/* inicio destacados */
#destacados {
margin:10px 0 20px 10px;
float:left;
display:inline;
width:560px;
}
#destacados h3 {margin:0 0 5px 0; padding:0 10px;}
#destacados .destacado {
margin:0 0 0.5em;
padding:10px 0 10px 0;
float:left;
display:inline;
width:560px;
color:#FFF;
background:#89a51c;
}
#destacados .destacado.first {}
#destacados .destacado .foto { margin:0; padding:0; float:left; display:inline; width:187px;}
#destacados .destacado .foto img {margin:0 0 0 10px; padding:0; border:1px solid #414141;}
#destacados .destacado .foto h4 { margin:3px 0 0 10px; padding:0; width:187px; font-size:11px; font-weight:normal;}
#destacados .destacado .texto { margin:0 0 0 20px; padding:0; float:left; display:inline; width:340px;}
#destacados .destacado .texto h4 { color:#7d2025; margin-bottom:5px;}
#destacados .destacado .texto p { margin:0; color:#FFF;}
/* fin destacados */
/* inicio listado de marcas */
#listado { margin:0 0 1em; padding:0 0; float:right; display:inline; width:350px;}
#listado h3 {padding:14px 10px;}
#listado ul {float:left; width:111px; margin:0; display:inline; padding:0 0 0 5px;}
#listado li { margin:3px 0; padding:0 0; white-space:nowrap;}
#listado li a { color:#b4ff00;}
/* fin listado de marcas */
/* inicio novedades */
#novedades { margin:0 0 10px 0; padding:0 10px 26px 10px; float:left; display:inline; width:550px;}
#novedades h3 {padding:10px;}
#novedades .listado { margin: 0 1em 0.5em 1em; padding:5px 0; display:inline; float:left; width:550px; background:#0e3d13}
#novedades ul { margin:0; padding:0 10px; float:left; display:inline; width:540px;}
#novedades li { margin:0 15px 0 0; padding:0; float:left; display:inline;}
#novedades li a{ color:#b4ff00;}
#novedades .modulonovedades { margin:0; padding:10px; float:left; display:inline; width:540px;}
#novedades .modulonovedades .foto { margin:0; padding:0; float:left; width:100px; display:inline;}
#novedades .modulonovedades .foto img { border:1px solid #b4ff00;}
#novedades .modulonovedades h4 { margin:0 0 0 10px; padding:0; float:left; display:inline; width:420px;}
#novedades .modulonovedades p { margin:0 0 0 10px; padding:5px 0; float:left; display:inline; width:420px;}
/* fin novedades */
/* skycraper */
#layer_100 {
position:absolute;
width:100px;
height:600px;
z-index:1000;
top: 20px;
right:-110px !important;
}
/* fin skycraper */
/* inicio robapaginas */
#publicidad { margin:15px 0; padding:0; float:right; display:inline; width:330px;}
.robapaginas { margin:0; padding:0; float:left; width:330px; height:200px; display:inline; text-align:center;}
#publicidad p { font-size:0.9em; margin:0; padding:2px 0; text-align:center; display:block; float:right; width:330px;}
.rightcol-bg #publicidad, .rightcol-bg .robapaginas, .rightcol-bg #publicidad p {width:360px;}
/* fin robapaginas */
/* inicio prototipos */
#prototipos { margin:0; padding:0 10px; float:left; display:block; width:886px;}
#prototipos h3 {padding:0 10px;}
#prototipos ul { margin:0; padding:0 2px; float:left; display:inline; width:902px;}
#prototipos ul li { margin:0; padding:8px 0; float:left; display:inline; width:128px; text-align:center; border-right:1px solid #FFF;}
#prototipos ul li img { border:1px solid #b4ff00;}
#prototipos ul li p {font-size:11px; margin:0; padding:0;}
#prototipos ul li a { color:#fff;}
#prototipos ul li.last { margin-right:0; border-right:0px none;}
/* fin prototipos */
/* fin main */
/* inicio galeria */
/*
#galeria { margin:15px 0 10px 0; padding:0 0 20px 0; float:left; display:inline; width:946px;}
#galeria table { width:916px; margin:0 15px; padding:0; color:#000; font-size:12px;}
#galeria td { width:20%; padding:5px 0; text-align:center;}
#galeria td img { border:1px solid #efefef;}
#galeria td p { margin:0; padding:5px 0 0 0;}
#galeria td p a { text-decoration:none; color:white;}
#galeria td p a:hover { text-decoration:underline;}
#galeria td#publicidad { margin:0 0 0 40px; padding:0; float:left; display:inline; background:#efefef; width:40%; text-align:center;}
#galeria td#publicidad .robapaginas { margin:1px; padding:0; float:left; width:200px; height:200px; display:inline; background:white;}
#galeria #publicidad p { font-size:11px; margin:0 62px 0 0; padding:2px 0; display:inline; float:right;}
*/
.rightcol-bg{
background: #1d5823 url(../img/galeria-bg.gif) !important;
}
#galeria {
margin:15px 0 10px 7px;
padding:0 0 20px 0;
float:left;
display:inline;
width:570px;
}
galeria ul { float:left; display:inline; width:916px; margin:0 15px; padding:0; color:#FFF; font-size:0.9em;}
#galeria li {float:left; display:inline; padding:5px 5px; text-align:center;width:100px; white-space:nowrap;overflow:hidden; font-size:0.9em;}
#galeria li img { border:1px solid #afff00;width:100px; height:61px;}
#galeria li p { margin:0; padding:0;}
#galeria li p a { text-decoration:none; color:#FFF;}
#galeria li p a:hover { text-decoration:underline;}
/* fin galeria */
/* inicio marcas */
#marcas { margin:15px 0 10px 0; padding:0 0 20px 0; float:left; display:inline; width:946px;}
#marcas table { width:926px; margin:0 10px; padding:0; color:#FFF;}
#marcas th{ background: #7d2126; padding:6px 10px 6px 10px; font-size:1.2em; font-weight:bold; color:#fff;}
#marcas td {color:#FFF;}
#marcas .tr1{ background: #417221; padding:4px 10px 4px 10px;}
#marcas .tr1 a { text-decoration:none; }
#marcas td a {
color:#affd00;
}
#marcas .tr1 a:hover { text-decoration:underline;}
#marcas .tr2{ background: #758c18; padding:4px 10px 4px 10px;}
#marcas .tr2 a { text-decoration:none; }
#marcas .tr2 a:hover { text-decoration:underline;}
#marcas .ir {
padding:0px;
margin:0;
text-decoration:none;
background: #7d2025 url("../img/bg_ir.gif") no-repeat 0 50%;
font-size:0.9em;
display:block;
text-align:center;
text-transform:uppercase;
font-weight:bold;
}
#marcas .tr1 a.ir, #marcas .tr2 a.ir { text-decoration:none;}
/* fin marcas */
/* inicio informacion */
#main #informacion {
margin:15px 10px ;
padding:0 0 26px 0;
float:left;
display:inline;
width:560px;
background:#417221;
}
#main #informacion h3 {padding:10px; margin:0 0 0.5em;}
#main #informacion .maininfo {
margin:0 20px 20px 20px;
padding:10px 10px 0 10px;
float:left;
display:inline;
width:498px;
background:#89a51c url(../img/info-bg.gif) no-repeat 100% 100%;
border:1px solid #a2c615;
}
#main #informacion .maininfo ul { margin:0 0 10px 0;}
#main #informacion .maininfo ul li a { margin: 0 5px; color:#b4ff00 !important; font-weight:bold; text-decoration:underline;}
#main #informacion .info { margin:0; padding:0 20px 10px 20px; float:left; display:inline; width:520px;}
#main #informacion .info ul { margin:0 0 1em;}
#main #informacion .info h4 {padding:10px 0 5px 0; font-size:16px; border-bottom:1px solid #FFF;}
#main #informacion .info h5 { margin:10px 0; font-size:14px;}
#main .cartel { margin:15px 0; padding:0; float:right; display:inline; width:330px; text-align:center;}
#main .cartel p { margin:0; padding:5px 0; float:left; display:inline; width:330px; font-size:13px; text-align:center;}
/* fin informacion */
/* inicio marca */
#marca { margin:15px 0 10px 0; padding:0 0 20px 0; float:left; display:inline; width:946px;}
#marca h3 { padding:0 0 5px 0; margin:0 15px; font-size:22px;}
#marca .modelo {
margin:0 0 1px 10px;
padding:0 0 15px 0;
float:left;
display:inline;
background:#89a51c url("../img/stars-bg.gif") no-repeat 100% 40px;
width:926px;
color:#FFF;
}
#marca .modelo h4 {margin:0 0 1em; padding:10px;background: #417221; color:#FFF; font-size:1.2em; border-bottom:1px solid #a2c615;}
#marca .modelo img { margin:0 15px; padding:0; border:1px solid #393939; float:left; display:inline;}
#marca .modelo p { margin:0 0 1em; padding:0 0 0 15px; float:left; display:inline; width:630px; font-size:13px; border-left:1px solid #a2c615;}
#marca .modelo p a {}
#marca .modelo p a:hover { }
#marca span.footer-buttons {
float:left;
width:100%;
clear:left;
}
#marca .modelo a.more{
float:right;
display:inline;
padding:0 0 0 15px;
margin:0 10px 0 0;
background:url(../img/more.gif) no-repeat 0 50%;
font-weight: bold;
color:#b4ff00;
clear:left,
}
#marca .modelo h5 {margin:0 15px 0 0 ; padding:0; float:right; display:inline; width:685px; font-size:13px; text-align:right; background:url("../img/moredata.gif"); background-position:100% 50%; background-repeat:no-repeat; height:23px;}
#marca .modelo h5 a{ color:#54757E; display:inline; padding:4px 0; margin-right:40px; float: right;}
#marca .modelo h5 a:hover{ text-decoration:none;}
#marca .listamarcas { margin:10px 5px 0 15px; padding:0; float:left; display:inline; width:650px;}
#marca .listamarcas h5 { margin:0; font-size:1.3em; padding:14px 0;}
#marca .listamarcas ul { margin:0; padding:0; float:left; display:inline; width:20%;}
#marca .listamarcas li { margin:3px 0; padding:0 10px; display:block; list-style:none;}
#marca .listamarcas li a { color:#b4ff00; text-decoration: underline;}
#marca .listamarcas li a:hover {}
#marca #publicidad { margin:20px 15px 0 5px; padding:0; float:right; display:inline; width:250px; text-align:center}
#marca #publicidad .robapaginas { margin:1px; padding:0; width:200px; margin:o auto; float:none;}
#marca #publicidad p { font-size:0.9em; width:250px; margin:0; padding:2px 0; text-align:center;}
/* fin marca */
/* inicio footer */
.footer{
margin:0;
padding:10px 0;
float:left;
width:946px;
display:inline;
background:#fff url("../img/bg_foot.gif") top left no-repeat;
text-align:center;
font-size:10px;
/*border-top:1px solid #80152F;*/
}
.footer a { text-decoration:none; font-size:11px; color:#000;}
.footer a:hover { text-decoration:underline;}
.menufooter { margin:0; padding:0; float:left; display:inline; width:946px; text-align:center;}
.menufooter ul { margin:0; padding:0; float:left; display:inline; width:946px; list-style-type:none;}
.menufooter li { display:inline ; margin-left:2px;}
.menufooter li a:hover { text-decoration:underline;}
.logoscierre{ margin:0; padding:5px 0 0 0; display:inline; float:left; width:946px;}
.logoscierre p { margin:5px 0; padding:0; display:inline; float:left; width:946px;}
/* fin footer */