/* RESET CSS */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 12px;
  font-family: "Verdana", sans-serif;
  text-align: left;
  vertical-align: baseline;
}

a{
  text-decoration:none;
  color:inherit;
  font-size:inherit;
}

a img, :link img, :visited img {
  border: 0;

}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol, ul {
  list-style: none;
}

q:before, q:after,
blockquote:before, blockquote:after {
  content: "";
}

.clear{
  clear:both;
}
/* FIN RESET CSS */

/* TEXTOS */

h1, h2, h3, h4, h5{
  font-family: "Georgia", serif;
}

p{
  line-height:140%;
}

iframe{margin-bottom:15px;}
/* FIN TEXTOS */
body{
  background:#242E38;
  color:#5D5D5D;
}

#contenedor{
  background:#FFFFFF url(../img/bg-right.gif) repeat-y;
  width:980px;
  margin:0 auto;
}
#contenedor.sideleft{
  background:#FFFFFF url(../img/bg-left.gif) repeat-y;
}

#encabezado{
  height:107px;
  background: url(../img/bg-header.jpg) repeat-x;
	position:relative;
}

  #logo{
    float:left;
    margin: 20px 0 0 10px;
    width: 260px; height: 61px;
  }

  #lugares{
    float:right;
    margin:20px 10px 0 0;
  }

    #lugares ul{
      display:inline;
    }

    #lugares li{
      display:inline;
    }

    #lugares li a{
      color:#666666;
      font-family: "Georgia", Serif;
      font-size:14px;
      padding-left:5px;
    }

#destacado{
  background: #FFFFFF url(../img/bg-destacado.jpg) repeat-x bottom;
	min-height:255px;
}

#destacado h2, #destacado h1{
      font-size:28px;
      padding: 17px 0 0 17px;
      color:#333333;
  }

  #intro{
    float:left;
  }

    #intro p{font-size:14px; font-family: "Verdana", sans-serif; width:440px; margin: 15px 0 0 50px;}

    #boton{ clear:both; background: transparent url(../img/bg-boton.jpg) no-repeat center top; width:192px; height:43px; margin: 20px 0 0 150px; }

    #boton p{ padding:10px 0 0 0; margin:0; vertical-align: middle; text-align:center; width:192px; height:43px;}

    #boton a{ padding:12px 35px; font-weight:bold; font-size: 20px; color:#FFFFFF;}

  #coche{float:right; width: 455px;position:relative; top:-20px;}
  #coche img{float:right;}
	
	#introslide{float:right; width:750px; height:300px;}
	
	#introlinks{ padding: 20px 0 0 40px;}
		#introlinks li{font-size:16px; font-family: "Georgia", serif; padding:0 0 14px 0; color:#003399;}

#cuerpo{ clear:both;}



  #principal{ width: 740px;}

    .marca{ display:inline; float:left; margin: 10px; width:160px; height:165px;}
    .marca img{ margin: 10px 32px;}
    .marca ul{ margin: 10px 10px;}
		.grupo{clear:both;}
		.modelo{float:left; width: 160px; margin:10px;}


  #sidebar{width: 240px; background:#F3F6FB;}

    #sidebar h3{font-size: 20px;text-align:left; margin: 10px 0 0 20px;}
    #sidebar h4{font-size: 14px;text-align:left; margin: 10px 0 0 30px; border-bottom: 1px solid #BACCD1; width:170px; }

    #sidebar p.telefono{
      font-family:"Georgia", Serif;
      font-size: 26px; text-align:center;
      color:#FF9D04;
    }

    #sidebar ul{
      margin: 5px 0 25px 20px;
      color:#205DBB;
      line-height:160%;
    }

#completo h2, #principal h2{
  font-family: "Georgia", serif;
  font-size: 22px; color: #5D5D5D;
  padding: 20px 0 10px 20px;
}

#principal .grupo h2{border-bottom:1px solid #BFBFBF; padding:0 0 5px 0; margin: 20px 20px 0;}
		
#completo h3, #principal h3{
  font-family: "Georgia", serif;
  font-size: 18px; color: #5D5D5D;
  padding: 0px 0 10px 20px;
}

#completo h4, #principal h4{
  font-family: "Georgia", serif;
  font-size: 16px; color: #5D5D5D;
  padding: 0px 0 10px 20px;
}

#completo p, #principal p{
  font-size: 14px; color: #5D5D5D;
  padding: 0 0 10px 30px;
}

#completo ol, #principal ol{
  font-size: 14px; color: #5D5D5D;
  padding: 0 0 10px 50px;
	line-height:140%;
}

#principal .grupo p{color: #5D5D5D; padding:0; margin: 0; font-weight:bold;}

#completo ul, #principal ul{
  font-size: 14px; color: #5D5D5D;
  padding: 0 0 10px 30px;
}
#completo li, #principal li{
  font-size: 14px
}
#fotoscoche{
	float:right; margin:0 10px 20px 10px;
	width:350px; background-color:#F3F6FB
}

#contacto{width:500px;}
#contacto label{font-size:14px; font-family:'Georgia', serif; font-weight:bold; padding:5px; display:block; float:left; width: 130px; vertical-align:top}
#contacto input, #contacto textarea{border:1px solid #205DBB; width: 200px; font-size:14px; font-weight:bold; color:#4D4D4D; padding:5px}

#enviar{
	width:200px;height:35px;margin: 0 0 0 50px; 
}

#footer{clear:both; width: 978px; height: 170px; background: #FFF url('../img/bg-footer.jpg') bottom left repeat-x; border:1px solid #BDBCBD; margin:0 0 20px 0;}

.left{float:left;}
.right{float:right;}

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:8px 20px;
	background-color:#fff ;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;
	color:#fff;
	background-color:transparent ;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;	color:#222;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#F6C739 ;
	color:#FFF;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#F6C739 ;
	color:#FFF;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(../img/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(../img/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(../img/arrow_down.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(../img/arrow_down_over.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:#fff;	
	border:1px solid #205DBB;
	left:0;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
	height:28px;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
font-family: "Georgia", Serif; font-size:16px;clear:both; height:31px; background: #69929C url(../img/bg-menu.jpg) repeat-x top; text-align: center; 
	display:block;
	list-style:none;
	margin:0 0 0 0;
	z-index:5;
	text-align: center;
	display:block;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }



#buscardiv{position:absolute; top:110px; left:700px; z-index:2; text-align:left;width: 380px; margin:0; padding:0;}
	#buscador input{width:200px; height:20px; border:1px solid #333333}
	#buscador p{display:inline; color:#FFF; width:60px; height:22px; padding:0;font-weight:bold;}
	#buscador img{margin:2px 0; display:inline; vertical-align:middle;}

#coches table{ width:700px; margin:0 0 0 20px;}
#coches table thead{background:#205DBB; color:#FFF; margin:0 10px;}
#coches table th{ padding:5px;}
#coches table td{padding: 5px;}
#coches table td a{display:block};

/*------------------------------------------------------ AUTOCOMPLETE -----------------------------------------------------*/

ul.autocompleter-choices
{
	position:				absolute;
	top:10px; right:10px;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}

/* -------------------------------- FIN AUTOCOMPLETE ----------------------------------*/

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.img-coche-ppal{width:320px; height:200px; padding:15px;}
.img-coche-sec{float:left; width:60px; height:40px; padding:0 0 15px 15px; display:inline}


/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 300px;
	width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 300px;
	margin: 0 auto;
	width: 400px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}

tr.even{
  background: #F8F8F8;
}

tr.ruled{
  background: #FF9D04;
	color:#FFF;
}
.grupito{
	float:left; margin:10px; width: 200px; height:200px;
}
.grupito h4{font-weight:bold; font-size:18px; padding:10px !important}
.grupito p{}
#comfort{background: #FFE8BE url('../img/naranja.png') repeat; border:1px solid #FFA500}
#seguridad{background: #BED4FF url('../img/azul.png') repeat;border:1px solid #0056FF}
#otras{background: #E2FFBE url('../img/verde.png') repeat;border:1px solid #8DFF00}

p#precio{clear:both; display:block; width: 200px; height:40px; background: #E2FFBE url('../img/verde.png') repeat; padding:10px !important; border:1px solid #8DFF00; font-size:18px;  margin:10px 220px;}

#sidebar li{margin:0 20px;}
#sidebar li a{display:block;}
#sidebar li a:hover{background:#FF9D04; color: #FFF;}

#footer-left{height:135px; width:640px; margin: 15px 0; float:left; border-right: 1px solid #BDBCBD;}
	#footer-left h4 {font-size:18px; padding: 0 0 5px 10px;}
	#footer-left p{padding: 0 0 0 20px; width:620px; text-align:left;}
	#footer-left em{font-weight:bold; font-style: italic;}
	#footer-left strong{font-weight:bold;}
	
#footer-center{height:135px; width:320px; margin:15px 0; float:left; border-right: 1px solid #BDBCBD;}
#footer-right{height:135px; width:320px; margin:0; float:left;}
	#footer-right p.contactenos{color:#555; font-size: 26px; font-family:"Georgia", Serif; text-align:right; margin: 25px 30px 0 0;}
	#footer-right p.telefono{color:#000; font-size: 30px; font-family:"Georgia", Serif; text-align:right; margin: 0 30px 0 0;}

.faq p{}
.faq p.pregunta{font-weight:bold; margin:10px 0 0 0;}
.faq em{font-style:italic; font-weight:bold}
.faq strong{font-weight:bold;}
.faq ol{list-style-type:decimal}
.faq li{padding:5px 0;}

#nollenar{visibility:hidden;}