body { margin:0; padding:0; font: Verdana, Arial, Helvetica, sans-serif }
iframe { border:0 ; padding:0; margin:0;}
a, img{ outline:none!important; outline-style:none !important}

.breadcram { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #666; height:25px; margin: 25px 0 20px 0 !important ; text-align:left; position:relative}
.breadcram a {color: #0000cc; font-size:11px}
.breadcram b { color: #000; font-size:11px}
.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(../images/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:#999}


/* columna 1 */
.col_1	 { width: 625px; float:left;}
.top_VI {position: relative; width:625px; height:auto; margin-bottom: 0; float: left; top:0;}
.top_VI div {background: url(../images/barra_sup_listados.gif) bottom; padding: 5px 0 2px 0;  width: 625px;}
.top_L, .top_R { position:absolute; top:0; height: 25px; width:10px; display:block; margin:0;}
.top_L{ left:0;  background: url(../images/ltCurve.gif) no-repeat top left;}
.top_R{ right:-1px !important; background: url(../images/ltCurve_R.gif) no-repeat top right ;}
.top_VI h1, .top_VI .anio, .top_VI .precio {font: bold 13px Arial, Verdana; color:#FFFFFF; text-align:left ; display: inline-block}
.top_VI .anio { width: 25px; position:absolute; top: 6px; left: 22px}
.top_VI h1 { width: 410px; border-left: 1px solid #FFF; padding: 0 0 0 10px; margin: 0 0 5px 60px!important;} 
.top_VI .precio { width: 120px; text-align:right; position:absolute; top: 6px; right: 22px }
.infoSup {border: 1px solid #c0c0c0; border-bottom: 0; border-top: 0; padding: 0 20px; background: url(../images/bg_ubicacion.jpg) repeat-x; height: 490px; *height: 462px; _padding: 0 18px; }
.ubicacion { border-bottom: 1px solid #CCC; height:24px; padding-top: 12px; margin-bottom: 15px;  font-size:11px; float:left; width:582px}

.content_foto {display:table ; *position:relative; float:left;  height:64px ; width:84px;  padding:0;}
.content_foto span , .content_foto div{ display:table-cell; vertical-align:middle; text-align:center; *position: absolute; *top:50%; *width:100%;  }
.content_foto:hover { border: 1px solid #006699 } 
.content_foto img{ *position: relative; *top: -50%; cursor:pointer; cursor:pointer; border:0}
.fotoPrincial { height:408px; *height:412px; width:490px; float:left; border:1px solid #CCC; border-bottom: 0;}
.fotoPrincial .content_foto { height:375px; width:490px; *height:380px; _height:375px;}
.fotoPrincial .content_foto:hover { border:0!important}

.fotoPrincial .sinFoto {background:#F5F5F5 url(../images/Sf_VI.gif) no-repeat 180px 120px;  border-color:blue !important}
.fotoPrincial .sinFoto:hover { border-color:red !important}

.fotosSecundarias { float:left; width: 81px; margin-left: 4px !important ;}
.fotosSecundarias .content_foto { border:1px solid #CCC; background-color: #F5F5F5 !important; margin-bottom: 2px; padding-top:1px}
.fotosSecundarias .on { border: 1px solid #7282C0 !important}
.fotosSecundarias .on:hover { border: 1px solid #7282C0 !important}




.subt { font: bold  12px Verdana, Arial, Helvetica, sans-serif; color:#626C8A; padding: 10px 0 15px 0;}
.zoom { background: url(../images/lupa.gif) no-repeat left top; height:32px; width: 115px; display:block; float:right; margin:0; padding: 4px 0 0 5px; color:#0000FF ; font-size:11px; cursor:pointer}
.pasafoto{ height:34px; background:url(../images/Barra_bg.gif) repeat-x center 7px; float:left; width: 100%; position:relative; margin-bottom: 0; text-align:center; _background-position:center 10px!important; }
.cant_fotos { float:left; font-size: 11px ; margin: 4px 0 0 20px; width: 155px; text-align:left; }


.Pfoto_L , .Pfoto_R, .Pasafoto_L_off, .Pasafoto_R_off {display:block; width: 26px; height: 17px; float:right ; margin: -2px 5px 0 5px;  _margin: 0 5px;cursor:pointer;}
.Pfoto_L { background: url(../images/PopUp_arrow_L.gif)}
.Pfoto_R { background: url(../images/PopUp_arrow_R.gif)}

.Pasafoto_L_off, .Pasafoto_R_off {cursor: default!important; top: 3px; position:absolute; display:none}
/*.Pasafoto_L_off { background:url(../images/barra_L_off.gif) no-repeat left bottom; left:103px;  }
.Pasafoto_R_off{ background:url(../images/Barra_R_off.gif) no-repeat right bottom; left:139px;}*/



.vacio, .vacio:hover { border:1px solid #CCC !important}
.datosPrincipales {padding: 0 20px 5px 20px; background:url(../images/bg_datosPrincipales.jpg) repeat-x bottom; border: 1px solid #c0c0c0; border-bottom: 0; border-top: 0;}
.datosPrincipales div {border-bottom: 1px dotted #DADADA; height:23px; clear:both;}
.datosPrincipales div.primera {position:relative; _height: 10px !important; }
div.primera span, div.primera label { margin-top: 7px}
.datosPrincipales div label, .datosPrincipales div span { font-size:11px; display:block; float:left; height:21px; margin-top: 4px} 
.datosPrincipales div label{ font: bold 11px  Arial, Verdana, Helvetica, sans-serif;  width: 103px; }
.datosPrincipales div span { width: 187px; }
.datosPrincipales div span.completo{ width: auto;}
.datosPrincipales .precio { font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
.datosPrincipales .banner_precio { border: 0; width: 250px; height: 21px; position:absolute ; left: 282px;top: -2px;}
.datosPrincipales .banner_precio div {border:0 !important; height:auto; margin:0; padding:0;}
.datosPrincipales .separador { margin-bottom: 20px;}
.visitas { font-size: 10px; width: 300px; margin-top: 35px; border-bottom: 0 !important}
.botonStore {background-image:url(../images/store.gif); display:block ; width:73px; height: 17px; float:left; margin:1px 0 0 10px;}
.botones { height: 41px; background: url(../images/bg_Botones.gif) repeat-x top; position:relative; border: 0;}
.botones a { display: block; height:20px; float:left; margin: 10px 1px 0 2px; font-size:11px; text-decoration: none}
.botones a:hover { background-position:bottom; text-decoration: underline}
.imprimir { background: url(../images/imprimir.gif) no-repeat left top; width: 102px;}
.recomendar {  background: url(../images/recomendar.gif) no-repeat left top;  width: 156px; }
.otrosVehiculos{ background:url(../images/OtrosVehiculos.gif) no-repeat left top; width: 197px; }
.botones span { display:block; float:right; }
a.subir, a.subir:hover{ padding: 0 12px 0 8px ; background:url(../images/subir.gif) no-repeat right 2px; border-left: 1px solid #999; margin:10px 10px 0 8px;  _margin:10px 5px 0 8px;}
.solapa {background:url(../images/solapa.gif) no-repeat bottom; height:80px; width:134px ; padding:0 0 0 15px; position:absolute; bottom:-14px; right:0px; }
.datosSecundarios { background-color: #F6F6F6; border: 1px solid #E6E6E6; margin-bottom: 25px; padding-top: 15px; font: normal 11px Verdana, Arial; _height: 15px}
.datosSecundarios h3 { background-color: #E8E8E8; padding: 5px 5px 5px 20px; border: 1px solid #D6D6D6; border-left: none; border-right: none; font: bold 11px Verdana, Arial,sans-serif;  margin-bottom:15px; clear:both; height:15px}
.datosSecundarios h4 { color:#8A8A8A; font-weight:bold; margin: 0 0 5px 0; width: 90px; float:left; padding-left: 20px; font: bold 11px Verdana, Arial,sans-serif; } 
.datosSecundarios label { display:block;   margin: 0 0 4px 0; background:url(../images/si.gif) no-repeat left 2px; padding-left: 14px;}
.datosSecundarios .datos { width: 232px; float:left;  margin: 0 0 15px 0; margin-bottom: 9px !ie; clear:none; display:block; border: 0 !important;}
.datosSecundarios .segunda {margin-left: 25px; border: 0 !important}
.datosSecundarios .anchoTotal {width: 580px; font: normal 11px Arial, Verdana; margin: 0 0 15px 0; line-height: 14px; padding: 0 20px; }
.datosSecundarios strong, .datosSecundarios .datos2  {float:left; display:block; border-bottom: 1px dotted #DADADA; padding-bottom: 5px; height: 15px; margin:0 0 7px 0}
.datosSecundarios strong {  width:215px; color:#8A8A8A; font-weight:bold; margin-left: 20px }
.datosSecundarios .datos2 { width: 360px; clear:right; }
.datosSecundarios .separador2 { margin-top: 15px !important;}
.datosSecundarios hr {  border-top:1px solid #DADADA; border-bottom:1px solid #F6F6F6; border-left: 0; border-right: 0; margin:0 20px 15px 20px; clear:both;}
.content_cuotas { position:relative; padding: 0 20px; width: 580px; margin-bottom: 15px ; font: 11px Verdana, Arial, Helvetica, sans-serif;}
.content_cuotas strong, .content_cuotas .datos2 { margin:0 0 7px 0; width:225px ;  display:block; border-bottom: 1px dotted #DADADA; padding-bottom: 0 5px 0 0; height: 15px;}
.content_cuotas strong {width:170px; color:#8A8A8A; font-weight: bold; float:left;}
.content_cuotas .datos2 { width: 403px; float:right; }
.cuotas { position:absolute; right: 10px; top:-6px; width: 170px; background-color:#F6F6F6; border: 1px solid #D6D6D6; padding:5px 10px 10px 10px; border-bottom-width:2px; min-height:150px; _height: 150px; float:right }
.cuotas h5 { border-bottom: 1px dashed #D6D6D6; font-weight:bold; color:#8A8A8A ; margin: 0 0 10px 0; padding-bottom: 7px;  }
.cuotas span, .cuotas b  { font: 11px Arial, Verdana,  Helvetica, sans-serif; margin-bottom: 5px; display: inline-block; float:left; background-color:#F6F6F6}
.cuotas span {  width: 95px;}
.cuotas b { width: 73px;}
.cuotas .verTodas, .cuotas .ocultar { display:block; width: 70px; padding: 5px 0 0 15px; text-decoration: underlmargin-left: 20pxine; cursor: pointer; float:right}
.cuotas .verTodas { background: url(../images/blue_arrow_open.gif) no-repeat left 8px;}
.cuotas .ocultar { background: url(../images/blue_arrow_close.gif) no-repeat left 8px;}

/* columna 2 */
.col_2	 { width: 312px; float:left; margin-left: 13px; margin-left: 10px; margin-left: 10px; _margin-left: 10px}
#content_VI .colVI {margin:0 0 15px 0;}
.contact_zone { position:relative;}
.contact_zone span.top { background:transparent url(../images/contact_top.gif) no-repeat center top; height:6px; width:312px; display:block;}
.contact_zone span.arrow { background-image:url(../images/contact_arrow.gif);  height:24px; width:24px; position:absolute ; left: -23px; top:42px;}
.contact_zone span.bottom { background: url(../images/contact_bottom.gif) no-repeat top; height:9px; width:312px; display:block}
.contact_zone .iframe_zone { border: 1px solid #DADADA; border-bottom:0; border-top: 0; height: 365px; background-color:#F0F0F0 ; padding: 0 0 0 16px; margin:0 !important;}
.alert_estafador { background: url(../images/alert_icon.gif) no-repeat 0px center; padding: 5px 5px 5px 60px; border: 1px solid #CCC; margin: 15px 0 }
.alert_estafador ul { margin:0; font: 10px Arial, Helvetica, sans-serif; padding:0; list-style:none   }
.alert_estafador ul li { padding-left:10px; margin:0; background:url(../images/bullet.gif) no-repeat left 3px;  }
.top_amarillo { background:url(../images/bg_barra.jpg) bottom; height: 20px; position:relative; padding: 5px 0 0 15px; font: bold 12px/15px Verdana, Arial, sans-serif; color:#666;}
.similares ul { list-style:none; margin: 0 !important; padding: 0 !Important}
.similares .content_foto{ border:1px solid #CCC;  background-color: #F5F5F5; padding-top:1px}
.similares .sinFoto{ background:url(../images/Sf_80x60.jpg) no-repeat 2px 1px; }
.similares .sinFoto a { display:block; width: 84px; height: 64px; width:87px !ie;}
.similares .content_foto:hover { border: 1px solid #006699; margin: 0!important}
.similares .jcarousel-skin-tango .jcarousel-container-vertical { *height: 490px !important}
.similares .aviso span.datos { display:block; float: left; margin-left: 8px; width: 200px; font-size:11px}
.similares .aviso span.datos a { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#0000FF; margin: 8px 0; display:block;  text-decoration: underline;}
.similares .aviso { border-top: 1px solid #EAEAEA; padding: 5px; margin:0; height: 64px!important; background-color: #FFF; list-style: none; }
.clear { clear:both; margin:0; padding:0; border: 0 !important}
.block { display:block;}
.hide { display:none}

/*------------POP UP---------------------------*/
#contentUp { width: 725px; margin: 5px }
#contentUp .top_VI, #contentUp .top_VI div {width: 725px;}
#contentUp .top_VI .anio { top:8px; *top:5px} 
#contentUp #header_PopUp { height: 60px; background:url(../images/logo_VI.gif) no-repeat 0 15px ; }
#contentUp #header_PopUp a { color: blue; text-decoration: underline; cursor:pointer}
#contentUp .cant_fotos { height: 27px; clear:both; padding-right: 85px; float: none; width: auto; margin-top:0}
#contentUp .cant_fotos span { float:right; font: 12px Verdana, Arial, Helvetica, sans-serif;  padding: 2px;}
#contentUp .PopUpCerrar {font: 12px Arial, Verdana,  Helvetica, sans-serif;  float: right; margin: 15px 20px 0 0;}
#contentUp .infoSup { padding:10px; border-bottom: 1px solid #c0c0c0; height: 498px}
#contentUp .fotoFull { height:463px; width:610px; float:left; border:1px solid #CCC; }
#contentUp .fotoFull .content_foto {height:465px; width:610px;}
#contentUp .fotoFull .content_foto:hover { border:0!important}
#contentUp .fotoFull .content_foto img { cursor:default}
#contentUp .fotosSecundarias { float:left; width: 81px; margin-left: 4px;}
#contentUp .fotosSecundarias .content_foto { margin-bottom: 12px; margin-bottom: 10px\9;  *margin-bottom: 14px}
#contentUp .fotosSecundarias  a { width: 80px; height: 60px; *display: inline-block; cursor:default}
#contentUp .fotosSecundarias  a img { cursor: pointer; margin: 3px 0 0 0; _margin: 3px 0 0 1px}

/*-------------------- FINALIZADO -----------------------------*/
#finalizado {background-color: #E9E9E9; margin: 15px 0 35px 0; margin: 25px 0 35px 0 !ie; padding: 0 0 24px 0 ; border:1px solid #CCC; text-align: center}
#finalizado p { font: 12px Verdana, Arial, Helvetica; margin: 5px 0;} 
#finalizado h2 { background: url(../images/barra_sup_listados.gif) repeat-x bottom; color:#FFF; font: bold 13px Verdana, Arial, Helvetica; padding:5px 10px; margin:0 0 15px 0;}
#finalizado ul {list-style:none; margin:0; padding:0; text-align: center}
#finalizado .content_ul { margin: 0 auto ; padding: 0 !ie; padding: 0 0 30px 0;text-align:center; border-bottom: 1px dashed #CCC; margin-bottom: 10px; padding-left: 10px !ie}
#finalizado .content_ul li{ display:inline-block; width: 173px; height: 175px;margin: 0 3px 20px 0; border: 1px solid #CCC; background-color:#FFF; border-bottom-width: 3px; border-right-width: 3px;}
#finalizado .content_ul li{display:inline !ie;}
#finalizado>.content_ul>li{display:inline-block; }
#finalizado .content_foto{ display:table; border:1px solid #CCC; height:92px; width:121px; background-color: #F5F5F5; padding:0; margin: 10px 0 5px 25px; *position:relative; border:1px solid #CCC ; }
#finalizado .content_foto:hover{ border: 1px solid #006699}
#finalizado .content_foto img{ *position: relative; *top: -50%; *left: -50%; border:0; *margin: 2px 0 0 2px}
#finalizado .aviso span.datos { display:block; float: left; margin: 0 7px; border:0 !important; _margin: 0 5px; clear:both; width: 160px;}
#finalizado .aviso span.datos a { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#0000FF; margin: 8px 0; display:block; text-align:left; height: 30px;}
#finalizado ul.links { list-style: none; margin:0; padding:0;}
#finalizado ul.links li { display: inline !important; list-style: none !important; }
#finalizado ul.links a { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#0000FF; }
#finalizado .sinFoto{ background: url(../images/Sf_120x90.jpg) no-repeat 2px 2px; width: 124px; height:94px; width: 126px !ie;}
#finalizado .sinFoto a { display:block; width: 120px; height: 90px;}
#Content_Contactar.finalizado h1, #Content_Contactar.finalizado p, #Content_Contactar.finalizado label , #Content_Contactar.finalizado span{ color: #969696;}
#Content_Contactar.finalizado input.text,#Content_Contactar.finalizado .inputGris,#Content_Contactar.finalizado textarea { background-color: #E2E2E2}
#Content_Contactar.finalizado .boton_contactar { padding: 2px 0; text-align: center; font: bold 12px Verdana, Arial, Helvetica; text-transform:uppercase; background-color:#CCC; width: 100px;color:#FFF; margin-left: 85px; cursor:default !important; outline: none!important }

/*--------------banners en vivatem ---------------------*/
legend { padding: 0 10px 0 10px ; color: #999; letter-spacing: 1px; font: 8px verdana, arial}
fieldset { padding: 1px 5px 4px 5px; border: 1px solid #D7D7D7; _padding: 1px 5px 3px 5px;}
.banner1 { width: 738px; height: 120px; margin-left: 105px }
.banner_precio { float: left; margin: 4px 0 0 7px; margin: 0 0 0 7px !ie;  _margin: 2px 0 0 7px;}
.F_right { float:right}
.F_left { float:left}


/* DIV POP UP */

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

code { display:none; font: 11px Arial, Helvetica, sans-serif}
.errorSmall {background:#FFECEC url(../images/error_small.gif) no-repeat; padding: 5px 0; border: 4px solid #FFF; border-left: 0; border-top: 0; margin-bottom:0!important; background-position: 3px 5px; *background-position: 3px 8px;}
.errorSmall code { display:block; font-size:11px; clear:left; color:#FF0000; }
.ok {border:1px solid #359B09; background:#F1F9F0 url(../images/ok.gif) no-repeat 10px center;font-weight:bold; color:#359B09; text-align:left; padding:10px 10px 10px 55px !important; margin:2px 0 1px 0 }

.recomendacion { min-height: 358px !important;  _height: 358px !important}
.recomendacion div {margin: 0 25px 10px 25px}
.recomendacion textarea { height:80px}
.recomendacion code , .recomendacion span.contador{ padding-left:132px; _padding-left:134px; margin:0 0 5px 0}
.recomendacion span.contador {font-size:11px; font-weight:normal; display:block; }
.centerPopUp .legales { border:1px solid #D7D7D7; color:#888; font-size:10px; padding:7px; margin:15px 25px 0 25px; min-height:10px; _height: 10px; text-align:left }
.hide { display:none }



/* ----------- IMPRESION --------------*/

.pagePrint  {background-color:#bab8ab; font:Verdana, Arial, Helvetica, sans-serif!important }
.impresion { padding: 0 100px; width: 750px; margin: 0 auto !important; height:auto; text-align:left !important; background-color: #FFF;}
.print_top { padding: 15px 0; height: 40px}
.print_bottom {padding: 15px 0; height: 40px; text-align:right}
.impresion #content_VI .col_1 { float:none !important; margin: 20px auto!important}
.impresion .datosPrincipales {font-family:Verdana, Arial, Helvetica, sans-serif }
.impresion .botones , .impresion a.zoom , .impresion .cant_fotos, .impresion .fotosSecundarias , .impresion .pasafoto{ display:none !important}
.impresion #content_VI .datosSecundarios { padding-top:0 !important; border-color:#C0C0C0; border-top:0 !important;  border-bottom:1px solid #C0C0C0; margin-top:-11px;  }
.impresion #content_VI .fotoPrincial { border:1px solid #CCC !important; height: 373px; margin-left: 48px; _margin-left: 25px}
/*.impresion .content_foto:hover { border:1px solid #FFF !important}*/

.impresion #content_VI .fotoPrincial .content_foto img { cursor:default !important; border:0}
.impresion #content_VI .datosSecundarios h3 { margin-top: 0 !important!ie ; border-left:0; border-right:0}
.impresion #content_VI .infoSup { height:440px !important ;  height:460px !important !ie; font-family:Verdana, Arial, Helvetica, sans-serif}
.impresion .botonStore { display:none}
.impresion #content_VI .content_cuotas { width:600px !important; padding-right:0 !important; margin-right:0 !important}
.impresion #content_VI .content_cuotas .datos2 { width:415px !important; }
.impresion #content_VI .cuotas { left: 400px !important}
.impresion #content_VI .datosSecundarios .anchoTotal{ width:582px !important}
.impresion #content_VI .datosSecundarios .datos2 { float:left}