/*
----------------------------------------------------------------
	R E S E T    S T Y L E S
---------------------------------------------------------------- */
HTML , body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align:top;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
.clearfix:after{ content: ".";	display:block;	height:0;	clear:both;	visibility:hidden;}

/*
----------------------------------------------------------------
	G E N E R A L
---------------------------------------------------------------- */
body {
	font: normal 12px/150% Arial, Helvetica, sans-serif;
	color: #666;
	background:url(img/page-bg.gif) repeat-x left top;
	text-align:center;
	margin:0 auto;
}

p{
	margin-bottom:1em;
}

h1{
	color:#FF9A00;
	font-size:25px;
	font-weight:bold;
	margin-bottom:1em;
}
h2{
	color:#000;	
	font-size:14px;
	font-weight:bold;
	margin-bottom:1em;
}

strong{
	font-weight:bold;
	color:#000;
}

a{
	color:#03f;
}

ul{
	margin-bottom:20px;
}
ul li{
	background:url(img/bullet1.gif) no-repeat left 7px;
	margin-bottom:5px;
	padding-left:10px;
}

div.box{
	margin-bottom:25px;
}
div.boxBorder{
	border:1px solid #D6D7DE;
	background: #E4E4E4 url(img/boxborder-bg.gif) repeat-x left top;
	padding:20px;
}

.small{
	font-size:11px;
}
.large{
	font-size:14px;
}
p.destacado{
	color:#FF9A00;
	font-weight:bold;
}


.breadcrumbs{
	margin-bottom:15px;
	font-size:11px;
	color:#999;
}
.breadcrumbs a{
	color:#999;
}
/*
----------------------------------------------------------------
	F O R M U L A R I O S
---------------------------------------------------------------- */
form table td, form table th{
	padding:5px;
	vertical-align: top;
}
form table th{
	color:#f00;
	font-weight:bold;
}
.formUsuario table th, .formUsuario table td{
	border-bottom:1px solid #e0e0e0;
}

.formUsuario table th{
	color:#000;
	font-family:Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:11px;
}
.formUsuario table td.subtitulo{
	padding:10px 0 0 0;
	border:none;

}
.formUsuario table h2{
	color:#f00;
	background:#E8E9EA;
	padding:5px;
}
	
form#formCredito table{
	margin-bottom:10px;
}
form#formCredito th{
	padding:0 20px 0 5px;
	font-size:11px;
	color:#000;
}
form#formCredito td{
	padding:0 20px 3px 5px;
}	
form#formCredito h2{
	color:#f00;
	background:#E8E9EA;
	padding:5px;
	margin-top:10px;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}
form#formCredito h3{	
	color:#f00;
	font-weight:bold;
	font-size:11px;
	padding:5px 5px 0 5px;
	border-bottom:1px dashed #c0c0c0;
	margin-bottom:10px;
}


/*
----------------------------------------------------------------
	SLIDER
---------------------------------------------------------------- */
#navCycle {  margin:0 }
#navCycle li { width: 30px; float: left; margin: 8px 16px 0 0; list-style: none; padding:0; background:none;}
#navCycle a { width: 30px; padding: 3px; display: block; border: 1px solid #333; }
#navCycle a.activeSlide { border: 1px solid #000; background: #999}
#navCycle a:focus { outline: none; }
#navCycle img { border: none; display: block }

.sliderNav{
	padding-top:10px;
	text-align:right;
}


/*
----------------------------------------------------------------
	L A Y O U T
---------------------------------------------------------------- */
#Contenedor{
	position:relative;
	text-align:left;
	margin: 0 auto;
	width:950px;	
}
#Encabezado{
	height:140px;
	background:url(img/encabezado-bg.png) no-repeat right 24px;
}
#Pie{
	background:#e0e0e0;
}
#Pie .wrapper{
	padding:20px 0;
	position:relative;
	text-align:left;
	margin: 0 auto;
	width:910px;		
}
#Cuerpo1Columna{
	padding:20px 20px;
	background:#fff;
}


/*
--------------------------------------------------------------
	ENCABEZADO
---------------------------------------------------------------- */
#Logo{
	position:absolute;
	top:23px;
	left:20PX;
}


#Servicios{
	position:absolute;
	left:362px;
	top:92px;
}
#Servicios ul, #Servicios li{
	margin:0; padding:0;
}
#Servicios li{
	display:inline;
	border-right:1px solid #434343;
	padding:0 10px;
	font-size:14px;
	line-height:1;
	background:none;
}
#Servicios li.ultimo{
	border:none;
}
#Servicios a{
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}
#Servicios a:hover{
	text-decoration:underline;
}

#ServiciosExtra{
	position:absolute;
	left:670px;
	top:92px;
}
#ServiciosExtra ul, #ServiciosExtra li{
	margin:0; padding:0;
}
#ServiciosExtra li{
	display:inline;
	border-right:1px solid #434343;
	padding:0 10px;
	font-size:14px;
	line-height:1;
	background:none
}
#ServiciosExtra li.ultimo{
	border:none;
}
#ServiciosExtra a{
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}
#ServiciosExtra a:hover{
	text-decoration:underline;
}

#TopLinks{
	position:absolute;
	right:238px;
	top:35px;
}
#TopLinks ul, #TopLinks li{
	margin:0; padding:0;
}
#TopLinks li{
	display:inline;
	border-right:1px solid #D2D2D2;
	padding:0 6px;
	font-size:10px;
	line-height:1;
	background:none
}
#TopLinks li.ultimo{
	border:none;
}
#TopLinks a{
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#000;
}
#TopLinks a:hover{
	text-decoration:underline;
}


/*
----------------------------------------------------------------
	PORTADA
---------------------------------------------------------------- */

#PortadaBuscador{
	background:url(img/portada-buscador-bg.jpg) no-repeat left top;
	height:156px;
	margin-bottom:10px;
}
#PortadaBuscador form{
	padding:50px 0 0 50px;
}
#PortadaBuscador label{
	color:#fff; font-size:11px; text-transform:uppercase;
}
#PortadaBuscador td{
	vertical-align:middle;
}
#PortadaBuscador td.tdColSeparator{
	padding-left:20px;
}
#PortadaBuscador select{
	width:180px;
	padding:3px;
}
#PortadaBuscador select:focus{
	border:1px solid #FF9A00;
}


#PortadaServicios td{
	padding:0 30px;
	border-left:1px solid #D8D8D8;
}
#PortadaServicios h2{
	margin-bottom:6px;
}

.skypeContact h2{
	color:#fff;
	margin-bottom:5px;
}
.skypeContact p{
	font-size:10px;
	margin-bottom:10px;
	line-height:1;
	color:#fff;
}
.skypeContact li{
	margin-bottom:10px;
}
.skypeContactWhite{
	margin-bottom:20px;
}
.skypeContactWhite h2, .skypeContactWhite p{
	color:#000;
}


#PortadaOfertas{
}
#PortadaOfertas .POCol1{
	width:200px;
	float:left;
}
#PortadaOfertas .POCol2{
	width:690px;
	float:right;
}


#sCyclePortada{
    width: 690px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

.sliderAutoDetalles{
	padding-left:30px;
	width:260px;
}
.sliderAutoDetalles h3{
	color:#000;
	font-size:19px;
	font-weight:bold;
}
.sliderAutoDetalles .ano{
	font-size:14px; font-weight:bold;
}
.sliderAutoDetalles .precio{
	font-size:27px; font-weight:bold;
	border-top:1px solid #D6D7DE;
	border-bottom:1px solid #D6D7DE;
	color:#FF9A00;
	margin-bottom:15px;
	padding:10px;
}



#PortadaOfertas #navCycle {  margin:0 }
#PortadaOfertas #navCycle li { width: 50px;  float: left; margin: 0 15px 15px 0; list-style: none }
#PortadaOfertas #navCycle a { padding: 0; width: 50px; height:50px;  display: block; border: none; border: 2px solid #d4d4d4;}
#PortadaOfertas #navCycle a.activeSlide{ border: 2px solid #FF9A00; }
#PortadaOfertas #navCycle a:focus { outline: none; }

.sliderNav{
	padding-top:10px;
	text-align:center;
}




/*
----------------------------------------------------------------
	PIE
---------------------------------------------------------------- */
#Pie{
	padding:0 20px;
	clear:both;
}

#Pie h3{
	margin:0 0 5px 0;
	padding:0;
	line-height:1;
	color:#000;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
#Pie p{
	color:#555;
	margin-bottom:3px;
	font-weight:bold;
}
#Pie p strong{
	color:#000;
	
}
#Pie div#links{
	width:200px;
	float:right;
	text-align:right;
}
#Pie div#links p{
	font-weight:normal;
	font-size:11px;
}



#Pie p.creditos{
	color:#AAA;
}
#Pie p.creditos a{
	color:#AAA;
}





/*
----------------------------------------------------------------
	LISTADO AUTOS
---------------------------------------------------------------- */
#AutosFiltro{
	padding:10px;
	background:#e0e0e0;
	border-bottom:2px solid #d0d0d0;
	margin-bottom:15px;
	color:#000;
}
#AutosFiltro label{
	font-weight:bold;
}


.tablaAutos{
	width:100%;
	margin-bottom:10px;
	border-collapse:collapse;

}
.tablaAutos td{
	text-align:center;
	padding:15px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:12px;
	line-height:130%;
}
.tablaAutos span{
	font-weight:bold;
	color:#000;
}
.tablaAutos img{
	padding:5px;
	background:url(img/usados-img-fondo.gif) no-repeat left top;
}
.tablaAutos a:hover img{
	background:#7B92BC;
}
.tablaAutos a.verMas{
	font-size:11px;
}

div.paginacion{
	float:right;
	width:400px;
	text-align:right;
	color:#aaa;
	line-height:1;
}
div.paginacion span{
	font-weight:bold;
	color:#fff;
	padding:2px 5px;
	border:1px solid #d0d0d0;
	background:#000;
	
}
div.paginacion a{
	color:#FF9A00;
	text-decoration:none;
	font-weight:bold;
	padding:2px 5px;
	border:1px solid #d0d0d0;
}
div.paginacion a:hover{
	border:1px solid #FF9A00;
}


div.imagenesVehiculo div{
	background:#A2B2D0;
	padding:5px 5px 5px 0;
}
div.imagenesVehiculo div img{
	margin-left:5px;
	border:1px solid #48608A;
	padding:2px;
	background:#fff;
}
div.imagenesVehiculo div a:hover img{
	border:1px solid #fff;
}


#sliderUsados{
	background:#7B92BC url(img/sliderUsados-bg.gif) repeat-x left top;
	border-top:5px solid #C3C6CA;
	border-bottom:5px solid #C3C6CA;
	height:300px;
	padding-bottom:3px;
	margin-bottom:20px;
}
#sliderUsados #sCycleUsados{
	float:right;
	width:490px;
	height:303px;
	background:#fff;
}
#sliderUsados #sCycleUsados img{
	padding:5px;
	display:none;
}


#sliderUsados #navCycle {  margin:0; float:left; width:400px; }
#sliderUsados #navCycle li { width:400px; float:none; margin:0; list-style: none }
#sliderUsados #navCycle a { 
display:block; width:400px; padding: 5px 10px; border: 1px solid #57739B; border-width: 1px 0 0 0; 
background:none;
font:bold 14px Arial, Helvetica, sans-serif;
color:#ccc;
}
#sliderUsados #navCycle a.activeSlide { 
border: 1px solid #57739B; border-width: 1px 0 0 0; background: #fff;
color:#FF9A00;
}
#sliderUsados #navCycle a.primero { 
	border-width:0;
}
#sliderUsados #navCycle a:focus { outline: none; }
#sliderUsados #navCycle img { border: 2px solid #fff; display: block; float:left; }
#sliderUsados #navCycle a span { display:block; padding-top:5px; float:right; width:350px; }



div.ofertaBilletes, div.ofertaBilletes span{
	font-weight:bold;
	color:#f00;
}


/*
----------------------------------------------------------------
	DETALLE AUTOS
---------------------------------------------------------------- */


.tablaDetalleVehiculo td{
	vertical-align:top;
	font-size:11px;
}
.tablaDetalleVehiculo table{
	margin-left:40px;
}
.tablaDetalleVehiculo table td{
	border-bottom:1px solid #ddd;
	padding:3px 0;
}

.tablaDetalleVehiculo table .cssNombreCampo{
	font-weight:bold;
	color:#000;
	width:35%;
}
.tablaDetalleVehiculo table .cssListadoA{
	padding-left:5px;
	font-size:12px;
}
.tablaDetalleVehiculo table .precio{
	color:#f00;
}

.tablaDetalleVehiculo p.volverLista{
	margin-top:20px;
}
.tablaDetalleVehiculo p.volverLista a{
	color:#f00;
	font-weight:bold;
	font-size:12px;
}

.tablaDetalleVehiculo  .skypeContactWhite table{
	margin:0;
}
.tablaDetalleVehiculo  .skypeContactWhite td{
	padding-right:20px;
	border:none;
}


#sCycleDetalle{
    width: 400px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin-bottom:5px;
}
#sCycleDetalle div.sliderContent{
    width: 400px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
#sCycleDetalle .sliderImage {
    float: left;
    position: relative;
	display: none;
}
#sCycleDetalle .sliderContent span {
    position: absolute;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
}

#sCycleDetalle .sliderContent span a{
	color:#fff;
	font-weight:bold;
}