@charset "utf-8";
/* CSS Document */

html, body  { width: 100%; height:auto;  height:100%;   min-height: 100%!important;   _height:100%;  font: normal 12px Verdana, Arial,sans-serif;   padding:0 ;text-align:center; margin:0;}
body { height:100%; background: #000 url(http://static.demotores.com.ar/images/layout/bg_body.jpg) repeat-y center; text-align:center; margin: -200px  auto 0 auto;}
#wrapper1024 { width: 980px;  min-height: 100%!important;  background-color:#FFF; margin: 0 auto; display:table ; height: 100%; *height: auto;  _height: 100%!important;}
#footer { height: 150px; width:980px; background-color: #FFF;padding-top:30px; border-bottom: 20px solid #000; margin: 0 auto}
#header { height: 145px;  padding-top: 218px; background: url(http://static.demotores.com.ar/images/layout/bg_header.jpg) repeat-x 0 bottom; margin-bottom: 30px; position:relative}
h1.title {font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align:center!important; position: absolute!important; z-index:8!important; width:980px; margin: 0 !important; color:#FFF;top:0px; height: 18px; padding-top: 2px}
.transparentDiv { margin:0;  padding-bottom: 225px !important; overflow: hidden!important}
a { color:blue; outline:none; text-decoration: none}
a img { border:0}
a:hover { color: #000; text-decoration:underline;}
a.boton:hover { color: #FFF}
.clear { clear:both; font-size:1px;}
.hide { display:none}
input:focus {outline:none}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#wrapper1024  { display:table; height:100%}}



/* Header */
#header a.logo { background: url(http://static.demotores.com.ar/images/layout/demotores.gif) no-repeat scroll left top transparent; display: block; float: left; font-size: 11px; height: 10px; margin: 17px 0 0 20px; _margin: 17px 0 0 10px; padding-top: 52px; width: 365px; text-decoration: none; color: #333}
#header span { float:right;clear:right; width: 550px; text-align:right; display:block}
#header .linksTop { padding-right: 22px; background: url(/images/layout/banderita.gif) no-repeat right; margin-right:10px;  _margin-right:4px; margin-top:5px }
#header .linksTop a { padding-right:7px; margin-right:5px; border-right: 1px solid #CCC; }
#header .linksTop a:hover {color:#000}
#header .linksTop a.on, #header .linksTop a.on:hover { font-weight:bold;}
#header .homes {  padding: 0px 5px 5px 0; text-align:center; min-height: 75px; _height: 75px;  _padding: 0px 0 5px 0; margin-top:-7px ;}
#header .homes a {width:82px; margin: 5px 3px 0 0; display:block; padding:42px 0 5px 0; color:#FFF; font: bold 11px Arial, sans-serif; text-transform:uppercase; background-position: -6px top; float:right; cursor: pointer; text-decoration: none}
.botonA , .botonA_on { background-image:url(http://static.demotores.com.ar/images/layout/H_autos.png); width:108px!important; }
.botonM , .botonM_on { background-image:url(http://static.demotores.com.ar/images/layout/H_motos.png); }
.botonN , .botonN_on { background-image:url(http://static.demotores.com.ar/images/layout/H_nautica.png);}
.botonC , .botonC_on  { background-image:url(http://static.demotores.com.ar/images/layout/H_camiones.png);}
.botonA:hover, .botonM:hover, .botonN:hover, .botonC:hover { background-position: -6px -63px !important;  padding:42px 0 9px 0 !important ; margin: 2px 3px 0 0 !important; color: #FFF !Important }
#header .botonA_on, #header .botonA_on:hover,
#header .botonM_on, #header .botonN_on:hover,
#header .botonN_on, #header .botonM_on:hover,
#header .botonC_on, #header .botonC_on:hover  { background-position: 0 bottom !important;  width:92px!important; margin: 0 5px 0 0 !important; padding:47px 0 13px 0 !important;}
#header .botonA_on, #header .botonA_on:hover { width:123px !important}
#header .menu { width: 630px!important; clear:none;}
#header .menu a { color:#FFF; font: normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase; display: -moz-inline-stack; display:inline-block; height:21px; padding: 5px 7px 0 7px; margin:0;}
#header .menu a:hover { background-color: #000066; text-decoration: none}
#header .menu a.on {background-image:url(http://static.demotores.com.ar/images/layout/menuOn.jpg); color:#353DB0; }




/* menu desplegable */
.venderLogOn { padding-right:7px; margin-right:5px; border-right: 1px solid #CCC;}
.venderLogOff {background:url("http://static.demotores.com.ar/images/layout/black-arrow.gif") no-repeat right 5px; _display:none; padding-right:20px!important;}
div.pro_line2 {float:right; width: 500px; text-align:right;  background: url(/images/layout/banderita.gif) no-repeat right 2px; margin:7px 10px 0 4px;  padding-right: 22px; height:34px; top:0; z-index:100; right:0;}
.pro_line2 ul.select {float:right; text-align:right; padding:0; margin:0; display:inline; background: #FFF !important;}
.pro_line2 ul.select li {display:block; float:left; position:relative; padding: 0px 5px; margin:0;}
.pro_line2 ul.select a { border-right: 1px solid #CCC; border-left:1px solid #FFF; border-top:1px solid #FFF; border-bottom:0!important; padding-right:10px; float:left; font:12px Verdana,Arial,sans-serif!important}
.pro_line2 ul.select li.subOff a[href="hide"] { display: none; }
.pro_line2 .sub {display:none; margin:0 ; padding:0; list-style:none; position:absolute; top:23px; left:0}
.pro_line2  ul.select li:hover .sub li a {border: 1px solid #CCC!important; width:100px;  background: url("http://static.demotores.com.ar/images/layout/arrow.gif") no-repeat 10px 10px #FFF; text-align:left;  padding:5px 0 5px 20px!important; margin-top:-1px; position:relative; z-index:1;}
.pro_line2 .select li:hover .sub li a:hover {background: url("http://static.demotores.com.ar/images/layout/arrow.gif") no-repeat 10px 10px #DEE8ED}
.pro_line2 .select li:hover .sub {display:block;}
.pro_line2 .select li a.venderLogOff:hover, .pro_line2 .select li:hover .venderLogOff {border-top: 1px solid #CCC!important; border-left: 1px solid #CCC!important; border-right: 1px solid #CCC!important; border-bottom: 0!important; padding:3px 20px 5px 10px!important; margin-top:-3px; background:url("http://static.demotores.com.ar/images/layout/black-arrow.gif") no-repeat right 8px #fff; position:relative; z-index:2; height:15px}
.pro_line2 .select li ol { margin-top:-2px; position:absolute}
li.subOff ol.sub {display:none!important}
#sellLink { _display:none}
.seguinos { width:287px; height:26px; position:absolute; bottom:5px; _bottom:4px; left:0; text-align:left; background-image: url(http://static.demotores.com.ar/images/layout/seguinos_bg.png); font-family: Arial, Helvetica, sans-serif; padding-right:2px; font-size: 12px}
.seguinos strong { padding: 5px 0 0 10px; display:block; color: #FFF; float: left; width: 90px}
.seguinos a { color: #247890!important; display:block; float: left; height:21px; padding: 5px 10px 0 30px; font-weight:bold }
.seguinos a:hover {color: #000!important; background-color:#DADADA}
.seguinosFace {background:url(http://static.demotores.com.ar/images/layout/seguinos_iconos.gif) no-repeat 4px 1px; border-right: 1px solid #DADADA; margin-right:8px; }
.seguinosTwit {background:url(http://static.demotores.com.ar/images/layout/seguinos_iconos.gif) no-repeat 4px -26px}
.facebookLike { position:absolute; bottom: 58px; left: 386px; }
.facebookLike iframe {border: none; overflow: hidden; width: 125px; height: 21px;}
.fb_es {margin-left:-17px !important}

/* SOLO PARA CL */
#wrapper1024 .compartido a.logo { padding-top:53px;  margin:20px 0 0 15px;  _margin:20px 0 0 10px;}
#wrapper1024 .compartido span.homes { width:575px !important; background:url(http://static.demotores.cl/images/layout/zoomautomotriz.gif) no-repeat left 0px}
#wrapper1024 .compartido .facebookLike { display:none}

/* Footer 1024*/
#footer ul { list-style:none; margin:0; padding:0;}
#footer ul li { display:inline; } 
#footer ul.secciones { height:20px; background: #080A68 url(http://static.demotores.com.ar/images/layout/bg_footer.gif) repeat-x top; padding-top: 4px;}
#footer ul.secciones li a { font: 11px Verdana, Arial, Helvetica, sans-serif;  display:inline-block; color:#FFF; border-left:1px solid #FFF; padding: 1px 6px  2px 6px;}
#footer .last {border-right:1px solid #FFF;}
#footer ul.paises { background: url(http://static.demotores.com.ar/images/layout/bg_banderas.gif) repeat-x top; height:53px; border-bottom: 1px solid #CCC; margin-bottom:10px; padding-left: 180px; }
#footer ul.paises li { padding-top: 16px} 
#footer .paises a { width:70px; padding-top: 16px; display:block; margin-top:12px; font-size:10px; width: 70px; float:left; background: url(http://static.demotores.com.ar/images/layout/banderitas-footer.gif) no-repeat }
#footer .paises a.select { color:#666; font-weight:bold; text-decoration: none }

#footer a.ar { background-position: center top}
#footer a.br { background-position: center -34px}
#footer a.cl { background-position: center -67px}
#footer a.co { background-position: center -101px}
#footer a.ec { background-position: center -135px}
#footer a.es { background-position: center -168px}
#footer a.mx { background-position: center -202px}
#footer a.pe { background-position: center -235px}
#footer a.ve { background-position: center -269px}
#footer p { margin: 0 10px 2px 10px; text-align:left; font: 11px Verdana, Arial, Helvetica, sans-serif}
#footer p a {font: 11px Verdana, Arial, Helvetica, sans-serif;}
#footer .verticales {border-top: 1px solid #CCC; margin-top:10px; text-align:left; padding:5px  0 5px 10px; font: 11px Verdana, Arial, Helvetica, sans-serif; background-color:#FFF}
#footer .verticales li { color:#666} 
#footer .verticales a { font-weight:bold; padding: 0 8px 0 0; border-right: 1px solid #CCC; margin-right:8px; font: 11px Verdana, Arial, Helvetica, sans-serif}

/* breadcram */
.breadcram { font-size:11px; color:#999; height:30px; margin:25px 24px 0 24px; text-align:left; position:relative; font-family:Arial, Helvetica, sans-serif;}
.breadcram span { float:left; width:600px; padding-top:5px;}
.breadcram strong { color:#000}
.breadcram a strong { color: blue; font-weight:normal}
.breadcram .acciones { width:200px; position:absolute; top:0; right:0}
.breadcram .acciones a { display:block; width: 16px; height: 16px; margin-left: 3px; cursor:pointer; background-image: url(http://static.demotores.com.ar/images/layout/breadcrumb.gif); float: right; background-repeat: no-repeat}
.breadcram .acciones a.recomendar , .breadcram .acciones a.imprimir {border-right: 1px solid #CCC; margin-left: 5px ;  padding-right: 5px;}
.breadcram .acciones a.recomendar { background-position: left -64px;  }
.breadcram .acciones a.imprimir { background-position: left -48px;}
.breadcram .acciones a.facebook { background-position: left 0}
.breadcram .acciones a.twitter { background-position: left -16px}
.breadcram .acciones a.messenger { background-position: left -32px}
.breadcram .acciones span { font-size:11px; display:block; float: right;  margin-left: 5px; color: #666}
.breadcram .redesSociales { position:absolute; top:0; right:0; width:300px;}
.breadcram .redesSociales span { width:auto!important; padding:0px;}
.box-facebook, .box-twitter, .box-google {height:21px!important;}
.box-facebook iframe, .box-twitter iframe, .box-google iframe {max-height:21px!important;}
.box-facebook, .box-twitter {float: left; width:110px!important;}
.box-facebook iframe.fb_ltr { width:110px!important;}
.box-facebook iframe { width:110px!important;}
.box-google {float: left; width:77px!important;}
.box-google div {width:77px!important;}
.box-google iframe{ position:static!important;width:77px!important;}

/* Publicidades */
fieldset.banner { border:1px solid #D7D7D7; padding: 0 5px 3px 5px; display:block; clear:both; margin:0px;}
fieldset.banner legend { color:#999; font:8px Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; padding: 3px 10px 0 10px; margin-left:5px;}
fieldset.b728x90 { width:728px; margin: 0 auto; }
fieldset.b300x250 { width:300px; margin: 7px auto 0 0; margin: 6px auto 0 0\9; _margin: 8px auto 0 0}
fieldset.b300x100, fieldset.b300x70 { width:300px;}
fieldset.b300x110 { width:300px; margin-top: 9px}
fieldset.b160x600 { width:160px; margin: 0}
fieldset.b120x60 { width:120px; margin: 0}
fieldset.b590x120 {width:590px;  margin: 9px 0 13px 0;}
fieldset.b300x154 { width:300px; margin: 9px auto 15px 0;  *margin: 11px auto 17px 0}
fieldset.tagLN { padding:2px 0 5px 0; margin:25px 24px 0 24px; clear:both;}
fieldset.tagLN div{ width:20%; float:left; text-align:center}
fieldset.tagLN div div{ float:none; width:100%}


/* links SEO */
#home { *clear:both!important}
#homeLinks {font-size:10px; background-color:#EBEBEB; margin: 20px 24px; padding: 5px 15px 10px 15px; *padding: 5px 15px 10px 15px;text-align:left}
#homeLinks ul { float:right; list-style: none; width: 780px; margin:0; padding:0;}
#homeLinks li { float:left; margin-bottom:5px}
#homeLinks a {color:#666; border-right: 1px solid #CCC; padding: 0 5px 0 0; margin: 0 5px 0 0 ; white-space:nowrap}
#homeLinks a:hover {text-decoration: underline}
#homeLinks a.title {font-weight: bold;  text-align:left; display:block; float:left; border-right: 0;}
#homeLinks .links_zone {float:left; width: 100%; padding-bottom:10px; }
#homeLinks .busqueda {font: bold 12px verdana, Arial, Helvetica;  margin: 0 0 10px 0;  display: inline-block; border-bottom: 1px solid #DDD; display:block; padding-bottom: 5px}
#homeLinks.segmentoMX { background: #EBEBEB url(http://static.demotores.com.mx/images/home/logo_iab.gif) no-repeat bottom right}

/*Estructura*/
.colL { width:602px; float:left; padding-left:24px; text-align:left}
.colR { width:313px; float:right; padding-right:24px;text-align:left }
.box{ border:1px solid #D1D1D1; position:relative; background: url(http://static.demotores.com.ar/images/layout/box_bg.jpg) repeat-x  bottom; margin-top:14px}
div.tr, div.tl, div.br, div.bl  { width:6px !important; height:6px !important; position:absolute; background: url(http://static.demotores.com.ar/images/layout/cornersBox.gif) ; display:block;  _font-size:1px}
div.tr { background-position: right top ; top:-1px; right:-1px;_right:-2px}
div.tl { background-position: left top ; top:-1px; left:-1px}
div.br { background-position: right bottom ; bottom:-1px; right:-1px; _right:-2px; _bottom:-2px;}
div.bl { background-position: left bottom; bottom:-1px; left:-1px;_bottom:-2px;}
.box h3 {font: bold 12px Verdana, Arial, Helvetica; background-color:#D8E3F1; padding:5px 10px 7px 10px; text-align:left; margin: 0 0 5px 0;} 
.box h4 {font-size:11px; margin: 0 10px 10px 10px; font-weight:normal}
.box a.mas { font-weight:bold}

.boton { display: -moz-inline-stack ;display: inline-block; background: url(http://static.demotores.com.ar/images/layout/bg_boton.jpg) repeat-x bottom; color:#FFF; font: bold 15px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; padding: 3px 10px ; cursor:pointer; outline:none!important;-moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius:8px;overflow:visible;}
.boton:hover { background:url(http://static.demotores.com.ar/images/layout/btn-hover.png) repeat-x bottom; -webkit-box-shadow: 0px 0px 8px 1px #999; box-shadow: 0px 0px 8px 1px #999;-moz-box-shadow: 0px 0px 5px 1px #999;}	

input.boton[disabled="disabled"], input.boton[disabled] { background: #C2C2C2 none !important;}
input.boton[disabled="disabled"]:hover, input.boton[disabled]:hover  { background: #C2C2C2 none; color: #666; cursor:default}

/* Ayudas*/
.ayuda , .ayuda:hover { display:block; width:16px; height: 16px; background: url(http://static.demotores.com.ar/images/layout/ayuda.gif) no-repeat !important; margin-left:8px; float:left; padding:0!important} 
div.tooltip {background-color:#F8EBAA; padding:10px; width:350px; font: normal 11px Arial, Verdana; opacity: 0; position: absolute; display: none; border:1px solid #9C9C9C;z-index:200; color:#000; text-align:left; z-index:10}
div.tooltip p { margin-bottom:5px; text-transform:none} 
div.tooltip p.title { border-bottom:1px dashed #666666; font-weight:bold; margin: 0 0 8px 0; padding-bottom:6px; font-size:12px; position:relative; text-transform:uppercase }
div.tooltip p b { display:block; font-weight:bold; }
div.tooltip .sombra { background: url(http://static.demotores.com.ar/images/layout/sombra.gif) repeat-x; display: block; height: 3px; position:absolute; bottom: -3px; left: 0px; _bottom: -14px; width:370px;}


/*POPUPS */
.transparentDiv{position:absolute; top:0; left:0; width:100%; min-height:100%; z-index:40; background-color:#6096D4; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.50; opacity:0.5; display: none;}
div.overlay {width:616px!important; display: none; position:absolute; text-align:left; padding:0 }
div.close{background-image: url(http://static.demotores.com.ar/images/layout/closeBlue.gif); height:36px; width:36px; position:absolute; top:-13px; cursor:pointer; z-index:4 ; left:592px }
.topPopUP,  .BottomPopUP, .centerPopUp { width:100%; }
.topPopUP, .contentPopUP, .BottomPopUP, .centerPopUp {float:left; margin:0; }
.popBig .contentPopUP { min-height: 286px; _height: 286px;}
.topPopUP { height:27px; padding:25px 0 0 0;}
.topPopUP strong { background-image:url(http://static.demotores.com.ar/images/layout/azul.gif); color:#FFF; font: bold 13px Verdana, Arial; text-align: center; padding: 4px 0 6px 10px; display:block; width:555px; margin:0 auto;}
.title_aviso { background-color:#D2DFEE; padding: 10px ; text-align:left; font-weight:bold; width:545px !important;}
.centerPopUp { background: url(http://static.demotores.com.ar/images/layout/PopUpBG.gif) repeat-y; min-height:25px; _height: 25px; text-align:center; padding-top: 5px}
.BottomPopUP { background: url(http://static.demotores.com.ar/images/layout/PopUpB.gif) no-repeat bottom; height:38px;  }
.contentPopUP {background: url(http://static.demotores.com.ar/images/layout/PopUpBG.gif) repeat-y; font: 12px Arial, Helvetica, sans-serif; padding: 0 28px !important;}
.contentPopUP p { margin: 5px 0 10px 0}
.contentPopUP .font_small { font-size:11px; color:#999; }
span.contador {font-size:11px; font-weight:normal; display:block; }
.contentPopUP input , .contentPopUP textarea, .contentPopUP select  { border:1px solid #809DB9; font:12px Arial, Helvetica, sans-serif;}
.contentPopUP .errorSmall { width: 565px;}

div.bigFotos { width: 838px !important;}
div.bigFotos iframe {width: 838px !important; height: 560px}
div.bigFotos .close { left:812px }
div.bigFotos .topPopUP, div.bigFotos .contentPopUP { background-image: none; width: 810px!important; }
div.bigFotos .topPopUP strong{ width:748px; margin:0 0 0 40px;}
div.bigFotos_content { width: 780px!important; padding: 0 40px;}
div.bigFotos_content .fotoPrincipal { float:left}
div.bigFotos_content .fotoPrincipal .content_foto  { height:440px ; width:660px; margin: 10px 0} 
div.bigFotos_content .fotoPrincipal .content_foto img  { margin:3px 0 -2px 0;  }
div.bigFotos_content .jcarousel-container-vertical { margin-top: 10px; height:398px;}
div.bigFotos_content .jcarousel-clip-vertical { height: 399px;}
div.bigFotos_content .jcarousel-list-vertical .content_foto img  { margin:2px 0 -3px 0;  *margin:3px 0 -3px 0; _margin:5px 0 -1px 0}
div.bigFotos_content .jcarousel-container-vertical div.on img , div.bigFotos_content .jcarousel-container-vertical div.on:hover img { _margin: 4px -8px -1px 0  !important}

/* POPUPS MODAL */
.modalPopup {width: 616px;background: url("http://static.demotores.com.ar/images/layout/PopUpModal.gif") no-repeat center top;display:none;}
#bModal {background-color: #6096D4 !important}

/* ok y error */
code  { display:none;}
.ok {border:1px solid #359B09; background:#F1F9F0 url(http://static.demotores.com.ar/images/layout/ok.gif) no-repeat 10px center; font-weight:bold; color:#359B09; text-align:left; padding:10px 10px 10px 55px; margin:2px 0 1px 0 }
.error {border: 1px solid #FF0000; background:#FFECEC url(http://static.demotores.com.ar/images/layout/error.gif) no-repeat 10px 3px; font-weight: bold; color:#FF0000; padding: 10px 10px 11px 55px; margin: 10px 0; text-align:left}
.errorSmall {background:#FFECEC url(http://static.demotores.com.ar/images/layout/error_small.gif) no-repeat 3px 3px; padding: 5px 0; border: 4px solid #FFF; border-left: 0; border-top: 0; }
.errorSmall code { display:block ; font:11px Arial, Helvetica, sans-serif;  clear:left ; margin-top:3px; color:#FF0000; }
.inputGris { color:#999!important; font-size:11px !important;}
.alert { font-size:14px; color:#FF6600; border:1px solid #FF6600; background:#FFFFCE url(http://static.demotores.com.ar/images/layout/alert.gif) no-repeat 20px center; font-weight:bold; padding: 5px 5px 5px 80px; text-align:left}




/* ie9 hacks */
:root #header .homes { padding: 0px 4px 5px 0\0 !important;}
:root #header .menu a { height:19px\0; padding: 7px 7px 0 7px\0 !important;}