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

* {
    margin:0;
}
body, td, th, textarea {
    font-family: Arial, Helvetica, sans-serif,"undotum";
    font-size: 12px;
    color: #666;
}
body {
    background: #EEE url("../img/bg_site.png") repeat-x;
}
a {
    color: #D70202;
}
a:visited {
    color: #A43939;
}
a:hover {
    text-decoration: none
}   
a img{
    border:0
}
cite { color: #999}
.float-left {float:left}
.float-right {float:right}
.clear {clear:both}
.p_a {padding:10px}
.p_l {padding-left:10px}
.p_r {padding-right:10px}
.p_t {padding-top:10px}
.p_b {padding-bottom:10px}
.m_a {margin:10px}
.m_l {margin-left:10px}
.m_r {margin-right:10px}
.m_t {margin-top:10px}
.m_b {margin-bottom:10px}
p{line-height: 18px;padding-bottom: 5px;}
h1 {font-size: 24px; margin-bottom: 10px}
h2 {font-size: 18px; margin-bottom: 10px}

.underline{
    border-bottom:1px solid #ccc; padding-bottom: 5px
}
#header {background: url(../img/bg-header.png) no-repeat 100% 0}
#header #logo{float: left;}
div#bg-menu{
    background: url(../img/bg-menu.png) repeat-x; height: 35px
}
#link-facebook{float: right; margin: 6px}
ul#menu{list-style: none;position: relative; padding: 0 10px;float: left;}
ul#menu li{display: inline; float: left;position: relative;background: url(../img/divider_menu.png) no-repeat 100% 50%;}
ul#menu li a, ul#menu li span{
    color: #545454;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 33px;
    padding: 1px 12px 0;
    text-decoration: none; cursor: pointer
}
ul#menu li a:hover,ul#menu li span:hover,ul#menu li.active a,ul#menu li.active span{
    background: url(../img/bg_menuItem.png) repeat-x;
    color: #FFF;
}
ul#menu li.last{background: 0 none}

ul#menu li ul{
    position: absolute; z-index: 10000; padding: 0;left:0;top: 34px; width: 200px; display: none
}
ul#menu li ul li{
    background: 0 none
}
ul#menu li:hover ul {display: block}
ul#menu li ul li,ul#menu li ul li a{display: block; float: none; }
ul#menu li ul li a,ul#menu li.active ul li a {
    background: url(../img/bg_menuOver.png);
    color: #EEE;
    line-height: 26px;
}

ul#menu li ul li a:hover{background-color: #333;
    background-image: none;
    color: #FFF;
    text-shadow: 1px 1px 1px #111;}


#container {
    margin:0 auto;
    width:950px
}
#content {
    background:#F5F5F5;
    padding: 10px 11px 20px;
    position: relative
}
#content2 {
    background:#CFCFCE;
}
#main {
    background: #CFCFCE;
    float: left;width: 590px; position: relative
}
#content p,#content2 p{
    margin-bottom: 5px;
    line-height: 1.7em;
}
#main ul{
    padding-left: 20px
}
#sidebar {float: right; width: 338px}

#slider{
    min-height: 190px
}
ul.tabs {
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    float: left;
    height: 32px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.tabs li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #E0E0E0;
    border-color: #999999 #999999 #999999 -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    float: left;
    height: 31px;
    line-height: 31px;
    margin: 0 0 -1px;
    overflow: hidden;
    padding: 0;
    position: relative;
}
ul.tabs li a {
    border: 1px solid #FFFFFF;
    color: #000000;
    display: block;
    outline: medium none;
    padding: 0 20px;
    text-decoration: none;
}
ul.tabs li a:hover {
    background: none repeat scroll 0 0 #CCCCCC;
}
html ul.tabs li.activa, html ul.tabs li.activa a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color #999999 #999999;
    border-image: none;
    border-right: 1px solid #999999;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    float: left;
    overflow: hidden;
    width: 100%;
}
.tab_container2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color #999999 #999999;
    border-image: none;
    border-right: 1px solid #999999;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    float: left;
    overflow: hidden;
    width: 100%;
}
.tab_content {
    padding: 12px;
}
.panelEquipamiento h2 {
    background: none repeat scroll 0 0 #AAAAAA;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 12px;
}
.panelEquipamiento .infoPanel {
    color: #333333;
    padding: 0 8px;
}
.panelEquipamiento table td {
    padding: 2px;
}
.panelEquipamiento .mainColourLight {
    background-color: #EEEEEE;
}
.infoPanel p {
    color: #333333;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.twistedBox{
    background: url(../img/bg_tbBottom.png) no-repeat 0 100%;
    padding-bottom: 39px;
    margin: 10px 0;
}
.twistedBox h3 {
    background: url("../img/bg_tbHead.png") no-repeat;
    color: #b8b7b7;
    font-size: 20px;
    height: 34px;
    padding: 15px 0 0 20px;
}
.twistedBox h2 {
    font-size: 14px; margin-bottom: 5px
}
.twistedBox p.small {
    font-size: 11px
}
.tbMiddle {
    background: url("../img/bg_tbMiddle.png") repeat-y;
    padding: 0 20px 0 15px
}
#widget-newsletter{
    background: url(../img/bg-newsletter.jpg) no-repeat 0 0;
    padding: 10px 10px 0 100px
}
.tabla{
    border-collapse: collapse;
    width: 100%;
    *width: 95%;
}
.tabla td,.tabla th{padding: 8px;background-color: #fff; color: #333;text-align:center; font-size: 14px; border-bottom: 1px solid #ccc}
.tabla .left{text-align: left}
.tabla .right{text-align: right}
.tabla th{background-color: #545454;font-weight: bold; color: #fff}
.tabla tr.altrow td{background-color:#F1F1F1;border-bottom:1px solid #ccc;border-top:1px solid #eee}
.tabla .total{border-top: 3px solid #000; border-bottom: 1px solid #000;text-align: right}

#location{
    background: url(../img/bg-location.png) no-repeat;
    margin-bottom: 10px;
    font-size: 11px;
    color: #333;
    height: 21px;
    padding: 8px 8px 0 27px;
    background-color: #D6D6D6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#location a{color: #666}
#location a:hover{color:#c00}

.video{
    margin: 0 20px 10px 0;
    padding: 5px 5px 0; float: left;
    background-color: #fff;
    border:1px solid #ccc;
}
.video strong{
    display: block;
    margin-top: 5px;
    color: #999
}
.video p{
    margin-bottom: 0 !important;
}
.last{margin-right: 0}
.listado-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc; padding-bottom: 10px
}
.listado-item h2 a{
    color: #333;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 10px;
}
.listado-item h2 a:hover{
    text-decoration: underline;
}
.thumb{
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 2px;
    float: left;
    margin: 0 20px 10px 0;
}
.thumb2{
    margin: 10px;
    width: 120px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.descripcion{
    float: left; width: 500px;
}
.nuevo_descripcion{
    float: left; width: 600px; text-align: justify;
}
.caracteristicas{
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom:0 none;
    margin-bottom: 10px
}
.caracteristicas strong{
    float: left; width: 130px; font-size: 14px
}
.caracteristicas p{
    border-bottom: 1px solid #ccc;
    padding: 8px;
    margin-bottom: 0 !important
}
.simplebox{
    background-color: #fff;
    -webkit-box-shadow: 1px 5px 3px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 1px 5px 3px rgba(50, 50, 50, 0.5);
    box-shadow: 1px 5px 3px rgba(50, 50, 50, 0.5);
}
.simplebox p{
    padding: 0 10px 5px
}
.mainbox-item{
    float: left;
    padding: 10px 12px 0;
	width: 250px;
}
.mainbox-row{
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    padding-bottom: 10px;
    background: url(../img/p.png) repeat-y 50% 100%; /*repite el pixel formando una linea al medio inferior del renglon*/
}
.mainbox{
    background: #fff url(../img/box-bottom.png) no-repeat 0 100%;
    padding: 0 0 27px;
    margin: 17px 0
}
.mainbox h1.title0km{
    background: url(../img/box-cero-top.png) no-repeat;
    height: 42px;
    margin-bottom: 0;
    text-indent: -5000px
}
.mainbox h1.titleusados{
    background: url(../img/box-usados-top.png) no-repeat;
    height: 42px;
    margin-bottom: 0;
    text-indent: -5000px
}
.mainbox .main-box-m{
    background-color: #fff;
    padding: 10px 20px;
    border:1px solid #9c9c9c;
    border-top: 0 none;
    border-bottom: 0 none;
}


.fb-like-box{background-color: #fff; margin: 10px}
#footer {background: url("../img/bg-footer.png") repeat-x scroll 0 0 #000; height: 310px; padding: 19px 0 0; font-family: "Verdana"; font-size: 11px}
#footer a{color: #fff}
#footer .logofooter{float: right; padding:0 0 110px 10px}
#footer .direcciones{
    float: right; width: 300px; text-align: right
}
#footer p{line-height: 22px}
#footer strong{font-size: 12px}


#footer-inner {margin: 0 auto;width: 950px; color: #FFF}
#footer-inner .column{
    width: 200px; float: left; border-right: 1px solid #ccc;
    padding:0 25px 0 15px; margin: 0 30px 10px 0;
    height: 230px;
}
p.copyright{text-align: right;padding: 10px}

.input {
    display: block;
    overflow: auto;
    margin-bottom: 8px;
}
.input label{
    float: left;
    text-align: right;
    width: 150px;
    padding:5px 8px 0;
    font-weight: bold;
}
.radiogrouop{
    float: left;
    margin: 4px 5px 0 0;
}
.title-field{
    float:left;padding:3px 2px 0; font-size: 14px; color: #B50000
}
.input .textinput, .input .textarea, .input .selectinput{
    border:1px solid #999;
    float: left;
    background:#eee;
    padding: 5px 5px 4px;
    width:320px;
    height: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #666
}
.input .selectinput {height: 28px; width: 185px}
.input .textinput:focus, .input .textarea:focus{
    color: #333;
    background-color: #fff;
    border:1px solid #666
}
.ui-datepicker-trigger {float: left; margin: 3px 0 0 -25px; cursor: pointer}
#buscador_usados{
    background: #fff url(../img/bg-buscador.png) no-repeat 0 50%;
    color:#7d7d7d;
    overflow: auto;
    padding: 15px 10px 5px 100px;
    -webkit-box-shadow: 1px 5px 5px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 1px 5px 5px rgba(50, 50, 50, 0.5);
    box-shadow: 1px 5px 5px rgba(50, 50, 50, 0.5);
}
#buscador_usados a{
    background-color:#c60202;
    color: #fff;
    font-size: 11px; font-weight: bold;
    display: block;
    margin: 3px 0 8px 0;
    padding: 5px 20px;
    text-transform: uppercase;
    text-decoration: none;
}
#buscador_usados a:hover{
    background-color:#b70202;
}
.panelUsados {
    background: url("../img/bg_panelUsados.png") no-repeat;
    float: right;
    height: 145px;
    margin: 0 10px 0 20px;
    padding: 30px 20px 0 0;
    width: 313px;
}
.panelUsados a.btn{
    float: right;
    clear: both;
    margin-bottom: 5px;
    text-transform: uppercase
}

#busqueda{
    background-color: #fff;
    border: 1px solid #CCC;
    margin-bottom: 10px
}
#busqueda h3{
    background: url(../img/bg_tabFalso.png) repeat-x;
    border-bottom: 1px solid #CCC;
    font-size: 14px;
    height: 19px;
    margin-bottom: 10px;
    padding: 5px 8px;
    text-transform: uppercase
}
span.requerido {font-family: "Tahoma"; font-weight: bold; color: #c00}
label.error{
    color: #DE0000;
    float: left;
    text-align: left;
    font-size: 11px;
    padding: 8px 5px 0;
    font-weight: normal
}
.input .textarea {
    height:100px;
}
.box-error,.box-ok{
    background: url(../img/admin-bg-error.gif) repeat;
    padding: 0 20px;
    color: #333;
    font-family: Arial;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d99595
}
.box-ok{background: #DEFFBB url(../img/admin-bg-ok.gif); border-color: #95db00 }
.ico-ok,.ico-error{
    background: url(../img/ico-ok.png) no-repeat 0 50%;
    padding: 10px 45px 15px
}
.ico-error{
    background: url(../img/admin-error-big.png) no-repeat 0 50%;
}
.box-error img,.box-ok img{float: left;margin-right: 10px}
.box-error h4,.box-ok h4{margin-top: 7px;font-size: 14px}

#bg-visor {float: left; width:293px; color: #bababa; background-color: #3f4245;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 8px;margin-right: 10px;}
.loading{background: #3f4245 url(../img/ajax-loader-mini.gif) no-repeat 50% 50%;}
 
.paginacion{padding: 10px 5px 5px}
.paginacion p{padding: 3px 5px 0}
.paginacion span {float: left; padding: 3px 5px}
.paginacion b,.paginacion a {
    background: url("../img/bg-number.gif") no-repeat;
    color: #FFF;
    float: left;
    height: 21px;
    margin-right: 3px;
    padding-top: 6px;
    text-decoration: none;
    width: 30px;
    text-shadow: 1px 1px #000;
    text-align: center
}
.paginacion b{background-position: 100% 100%}

.news .thumb img{float: left;opacity:0.9; filter:alpha(opacity=90)}
.news .thumb img:hover{opacity:1; filter:alpha(opacity=100)}
.news .detail{float: left;width: 590px}
.news .detail .btn{float: right;margin: 10px 0 10px 10px}
.news {border-bottom: 1px dotted #ccc; margin: 10px 0;padding-bottom: 10px;}
.news h1 {border:0; line-height: 24px; margin-bottom: 5px;}
.news .new_info{margin-bottom:3px; font-size:11px; color:#999}
.news .new_source{
    background: url("../img/bg_flecha_gris.png") no-repeat scroll 3px 50%;
    padding-left: 14px;
    color: #666;
    line-height: 40px
}
.news h1 a{text-decoration: none}
.date {padding-top: 10px; float: right; font-size: 11px; color:#666}
.main_description h2, .main_description h1{
    color: #820000; font-size: 14px; margin-bottom: 0; border-bottom: 0
}
.main_description h1{
    color: #820000; font-size: 16px;
}
.main_description br{
    line-height: 5px
}
.bigthumb {
    background-color: #FFF;
    border: 1px solid #CCC;
    float: left;
    margin: 0 10px 10px 0;
    padding: 8px;
}

.thumbs {margin-bottom: 5px; background-color: #ccc;padding: 5px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;color: #eee; font-size: 11px}
.thumbs h2{background: url(../img/bg-location.png) repeat-x; font-size: 14px; padding: 3px 8px; font-family: "Open Sans",sans-serif; color: #1e1e1e; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.thumbs .thumbs_inner{
    padding: 3px 0 5px 8px
}
.thumbs strong{
    color: #666;
    display: block;
    padding: 4px 8px 0;
    text-transform: uppercase;
}
.thumbs small{
    display: block;
    text-align: center
}

.numbers{text-align: right;margin-right: 5px;line-height: 23px;}
.numbers a{
    padding: 5px 8px; font-size: 11px; background-color: #666; color: #fff; text-decoration: none; font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.numbers a:hover{
    background-color: #4a0649;
}

.thumbs a { float: left;height: 100px;margin-bottom: 0;overflow: hidden;width: 150px}
.thumbs a img{width: 150px;float:left;opacity:0.9; filter:alpha(opacity=90);}
.thumbs a img:hover{opacity:1; filter:alpha(opacity=100)}

.btn {background: url(../img/bg-boton.png) repeat-x 0 0; cursor: pointer; font-size: 11px; color: #fff !important; text-decoration: none; display: inline-block; border:0; 
     height: 18px;
    margin: 5px 0;
    padding: 4px 10px 0;
     float: left; border:1px solid #820000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
input.btn{
    height: 22px;
    padding: 0 10px;
}
.btn:hover, .btn:focus{background-position: 100% 100%}

small {font-size: 11px}
span.bold{font-weight: bold}
span.italic{font-style: italic}
span.underline{text-decoration: underline}
p.left {text-align: left}
p.right {text-align: right}
p.full {text-align: justify}
p.center {text-align: center}

#sharebar{
    float: right;
    background-color: #E3E3E3;
    margin-top: 5px;
    padding: 8px 8px 4px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
#sharebar strong{
    float: left;
    margin: 10px 5px;
}

/******************************************/

.twistedBox_1{
    background: url("../img/bg_tbBottom_r.png") no-repeat 0 100%;
    padding-bottom: 39px;
    margin: 10px 0;
}
.twistedBox_1 h3 {
    background: url("../img/bg_tbHead_r.png") no-repeat;
    color: #b8b7b7;
    font-size: 20px;
    height: 34px;
    padding: 15px 0 0 20px;
}
.twistedBox_1 p { color:#fff;}

.twistedBox_1 h2 {
    font-size: 14px; margin-bottom: 5px
}
.twistedBox_1 p.small {
    font-size: 11px
}
.tbMiddle_1 {
    background: url("../img/bg_tbMiddle_r.png") repeat-y;
    padding: 0 20px 0 15px
}
.twistedBox_1 .tbMiddle_1 .btn {
    background: url("../img/bg-boton_r.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #8C8B8B;
    border-radius: 5px;
    color: #BB131F !important;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 11px;
    height: 18px;
    margin: 5px 0;
    padding: 4px 10px 0;
    text-decoration: none;
}
.twistedBox_1 .tbMiddle_1 .btn:hover, .twistedBox_1 .tbMiddle_1 .btn:focus {
    background-position: 100% 100%;
}

.desde, .hasta {width: 149px !important;}
.desde {margin:0 10px 0 0;}

/* boton lateral */
.boton-lateral{color: #fff !important; background-color: #d70202; padding: 20px; border-radius: 5px 5px 0 0; position: fixed; top: 20%; transform: rotate(90deg); left: -70px; font-weight: bold; font-size: 20px; text-decoration:none;}