<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Toyota de Puerto Rico, Corp. &#8212; Home Page</title>
 
<style type="text/css" media="screen">
    @import url("public/css/main.css");
</style>
 
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="public/css/ie6.css" /><![endif]-->
 
<script type="text/javascript" src="public/js/swfobject.js"></script>
<script type="text/javascript" src="./public/js/mootools.js"></script>
<script type="text/javascript" src="public/js/squeeze-box.js"></script>
<script type="text/javascript" src="./public/js/main.js"></script>
 
</head>
<body>
    		<div class="tools">
    			<h2>Herramientas</h2>
                <div class="slider" id="slider">
                    <a href="#" class="title" id="slide-title"></a>
    				<div class="navi">
                        <a href="javascript:;" id="slide-prev"><img src="./public/images/buttons/prev.gif" alt="Previous" /></a>
                        <div class="image current"><img src="./public/images/pictures/fj-cruiser.jpg" alt="FJ Cruiser 09 / Que no quede camino por recorrer" class="small" /><a href="#" class="large"><img src="./public/images/pictures/fj-cruiser-l.jpg" alt="" /></a></div>
                        <div class="image"><img src="./public/images/pictures/fj-cruiser-1.jpg" alt="FJ Cruiser 10 / Quede camino por recorrer" class="small" /><a href="#" class="large"><img src="./public/images/pictures/fj-cruiser-l.jpg" alt="" /></a></div>
                        <div class="image"><img src="./public/images/pictures/fj-cruiser-2.jpg" alt="FJ Cruiser 11 / Que camino por recorrer" class="small" /><a href="#" class="large"><img src="./public/images/pictures/fj-cruiser-l.jpg" alt="" /></a></div>
                        <a href="javascript:;" id="slide-next"><img src="./public/images/buttons/next.gif" alt="Next" /></a>
    				</div>
    			</div>
	    		<ul>
    				<li><a href="#">Selector de Modelos</a></li>
    				<li><a href="#">Calculadora de Pagos</a></li>
    				<li class="custom specs">
    					<form action="" method="get"><div>
    						<button type="submit"><strong>Buscar Concesionario</strong></button>
    						<input type="text" name="query" value="ZIP Code" title="ZIP Code" onfocus="if(this.value==this.title){this.value=''}" onblur="if(this.value==''){this.value=this.title}" />
    					</div></form>
    				</li>
    			</ul>
    		</div>
    		<div class="footer">
    			<strong>Copyright &copy; 2008 Toyota de Puerto Rico, Corp.</strong>
    			<a href="#">Mapa del Website</a>
    			<a href="#">Privacidad</a>
    		</div>
 
    		<div class="model-card" id="card"></div>
 
    		<div class="relax"></div>
    	</div>
    </div>
</body>
</html>
/*  Tags Declaration  */
 
BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #F0F1F2;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #60636d;
}
 
A {text-decoration: none;}
A:HOVER {text-decoration: underline;}
 
IMG {border: none;}
 
.relax{
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
 
A.icon{
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
}
 
.align-right{
	float: right;
}
 
/*  Page  */
#page {
    margin: auto;
    padding-top: 30px;
    width: 1000px;
    background-image: url("../images/bg/internal-page.jpg");
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #E8EBF0;
    text-align: center;
}
 
#page.car-anchor{
    background-image: url("../images/page-bg/car-anchor.jpg");
    background-position: left top;
}
 
.home{
    background-image: url("../images/page-bg/home.jpg") !important;
    background-position: left top !important;
    background-repeat: no-repeat;
}
 
.car-anchor.piezas-bg{
    background-image: url("../images/page-bg/piezas-serv-home.jpg") !important;
    background-position: left top !important;
    background-repeat: no-repeat;
}
 
.page-layout{
	width: 976px;
    text-align: left;
    margin: 0 auto;
}
 
#header{
	float: left;
	width: 100%;
	background-image: url("../images/bg/header.jpg");
	background-position: left top;
	background-repeat: repeat-x;
	min-height: 73px;
	_height: 73px;
	position: relative;
 
	border-left: 1px solid #A1A6A8;
	border-right: 1px solid #A1A6A8;
}
 
#header .logo{
	float: left;
	width: 167px;
	height: 41px;
	cursor: pointer;
	display: inline;
	margin-left: 5px;
	margin-top: 17px;
}
 
#header .search{
	float: right;
	display: inline;
	margin-top: 7px;
	margin-right: 15px;
}
 
#header .search FORM{
	float: left;
	margin: 0;
	padding: 0;
	background-color: #DFE0E7;
	border: 1px solid #9A9DA3;
	border-top: 1px solid #DFE0E7;
}
 
#header .search FORM DIV{
	border-bottom: 1px solid #4E4F53;
	float: left;
	padding: 1px;
	padding-top: 0px;
	width: 200px;
}
 
#header .search FORM INPUT{
	background: none;
	border: none;
	float: right;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #60636d;
	margin: 0 12px;
 
	margin-top: 1px;
	width: 125px;
}
 
#header .search FORM BUTTON{
	background: none;
	border: none;
	float: right;
	cursor: pointer;
	padding: 0;
	margin: 0;
	width: 49px;
	height: 17px;
	line-height: 100%;
	font-size: 11px;
	font-weight: bold;
	background-image: url("../images/buttons/search-buscar.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
 
#header .search FORM BUTTON STRONG{
	display: none;
}
 
#header A.imprimir, #header A.compartir{
	font-family: 'Perspective Sans', 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 12px;
	color: #3a3f45;
	font-weight: bold;
	padding-left: 18px;
	margin-right: 20px;
	display: inline;
	float: left;
	margin-top: 3px;
} 
 
#header A.imprimir{
	background-image: url("../images/icons/imprimir.gif");
}
 
#header A.compartir{
	background-image: url("../images/icons/compartir.gif");
	padding-left: 15px;
}
 
#header UL.main-menu{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 7200;
}
 
#header UL.main-menu LI{
	float: left;
	display: inline;
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-right: 10px;
	padding: 1px;
	position: relative;
	z-index: 7200;
}
 
#header UL.main-menu LI A{
	float: left;
	border-bottom: none;
	padding: 5px 8px 2px 8px;
}
 
#header UL.main-menu LI:HOVER{
	background: transparent url("../images/bg/mm-hover-right.gif") no-repeat right bottom;
	border: none;
	padding: 1px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
 
#header UL.main-menu LI:HOVER A{
	background: transparent url("../images/bg/mm-hover-left.gif") no-repeat left bottom;
	padding-left: 9px;
	padding-right: 9px;
}
 
#header UL.main-menu LI.active, 
#header UL.main-menu LI.active:HOVER{
	padding: 0px;
	background-image: url("../images/bg/main-menu-item.jpg");
	background-color: #AADE4A;
	background-repeat: repeat-x;
	border: 1px solid #7C8187;
	border-bottom: none;
}
 
#header UL.main-menu LI.active A, 
#header UL.main-menu LI.active:HOVER A{
	background: none;
	padding: 4px 7px 3px 7px;
	border: 1px solid #8DC73F;
	border-bottom: none;
}
 
#header UL.main-menu LI A SPAN{
	float: left;
	cursor: pointer;
}
 
#header UL.main-menu LI A SPAN IMG{
	line-height: 0;
}
 
#header UL.main-menu LI:HOVER UL.sub-level{
	display: block;
}
 
#header UL.sub-level{
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0; 
	top: 27px;
	//top: 26px;
	background: #CCCDD5 url("../images/bg/sub-level-menu.jpg") repeat-x left bottom; 
	float: left;
	display: none;
	border: 1px solid #676E74;
	min-width: 100%;
	z-index: 7200;
}
 
#header UL.sub-level.piezas{
	width: 143px;
}
 
#header UL.sub-level.vehiculos{
	width: 150px;
}
 
#header UL.sub-level.herramientas{
	width: 189px;
}
 
#header UL.main-menu LI UL.sub-level LI{
	display: block;
	clear: left;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #C9CBD1;
	border-bottom: 1px solid #898D95;
	white-space: nowrap;
 
	width: 100%;
	z-index: 7500;
}
 
#header UL.main-menu LI UL.sub-level LI:HOVER{
	background-color: #47484C;
}
 
#header UL.main-menu LI UL.sub-level LI A, 
#header UL.main-menu LI.active UL.sub-level LI A{
	display: block;
	clear: left;
	background: none;
	border: none;
	padding: 3px 10px;
	margin: 0;
	font-size: 11px;
	color: #2A2B30;
	font-weight: bold;
 
	width: 100%;
}
 
#header UL.main-menu LI UL.sub-level LI:HOVER A,
#header UL.main-menu LI UL.sub-level LI A:HOVER{
	color: #FFFFFF;
	text-decoration: none;
}
 
#sub-menu{
	float: left;
	width: 100%;
 
	background-image: url("../images/bg/dotted-bg.png");
	background-position: left top;
	background-repeat: repeat;
	padding: 0 1px;
	/*background-color: #5A5B5D;*/
}
 
#sub-menu .sb-bg{
	float: left;
	width: 100%;
	padding: 5px 0px;
 
	background-image: url("../images/bg/dotted.gif");
	background-position: left top;
	background-repeat: repeat;
}
 
.car-anchor #sub-menu, 
.home #sub-menu{
	background-color: transparent;
}
 
#sub-menu A{
	float: left;
	display: inline;
	margin-left: 10px;
	cursor: pointer;
	height: 17px;
}
 
#sub-menu A IMG{ display: none; }
 
#sub-menu A.ver-modelos { 
	width: 102px; 
	background: transparent url("../images/titles/ver-modelos.png") no-repeat left top; 
}
 
#sub-menu A.ver-modelos.active { 
	width: 112px; 
	background: transparent url("../images/titles/ver-modelos-hover.png") no-repeat left top; 
}
 
#sub-menu A.owners { 
	width: 63px; 
	background: transparent url("../images/titles/owners.png") no-repeat left top; 
}
 
#sub-menu A.sobre-toyota { 
	width: 93px; 
	background: transparent url("../images/titles/sobre-toyota.png") no-repeat left top; 
}
 
#sub-menu .align-right{
	display: inline;
	margin-right: 10px;
}
 
H1.page-title{
	float: left;
	width: 100%;
	padding: 10px 1px;
	padding-top: 15px;
	margin: 0;
	background-image: url("../images/bg/page-title.jpg");
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #CED0D7;
	border-top: 1px solid #FCFCFD;
	border-bottom: 1px solid #A1A6A8;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 28px;
	color: #576978;
}
 
.car-anchor H1.page-title{
	padding-top: 10px;
	padding-bottom: 5px;
}
 
H1.page-title IMG{
	float: left;
	display: inline;
	margin-left: 12px;
}
 
.tabs{
	background-color: #5E7484;
	padding: 0 1px;
	margin-bottom: 3px;
	padding-top: 15px;
	float: left;
	width: 100%;
}
 
.tabs.bar{
	padding: 0 1px;
}
 
.tabs SPAN{
	float: left;
	display: inline;
	padding: 15px;
	font-size: 11px;
	color: #E8EBEF;
}
 
.tabs UL, 
.tools UL, 
.model-card UL, 
.popup FORM UL{
	position: relative;
	margin: 0;
	padding: 0;
	bottom: 0;
	list-style: none;
	float: left;
	padding-left: 5px;
	top: 3px;
	clear: left;
}
 
.tools UL.short{
	width: 60%;
}
 
.car-anchor .tabs UL{
	top: 0;
}
 
.tabs UL LI, 
.tools UL LI, 
.model-card UL LI, 
.popup FORM UL LI{
	float: left;
	display: inline;
	margin-left: 5px;
 
	background-image: url("../images/bg/tab-item.gif");
	background-position: left top;
	background-repeat: repeat-x;
 
	border: 1px solid #4C5E6B;
	border-top: none;
	padding-top: 1px;
	padding-bottom: 0;
	margin-bottom: 4px;
}
 
.tabs UL LI.active{
	border: none;
	border-bottom: 1px solid #E8EBEF;
	background: none;
	background-color: #E8EBEF;
	margin-bottom: 0;
}
 
.car-anchor .tabs UL LI.active{
	background-color: #2C3840;
	border: none;
}
 
.car-anchor .tabs UL LI:HOVER{
	background: none;
	background-color: #2C3840;
}
 
.tabs UL LI A, 
.tools UL LI A, 
.model-card UL LI A, 
.popup FORM UL LI A{
	float: left;
	border-bottom: 1px solid #29333A;
	font-size: 11px;
	color: #60636d;
	font-weight: bold;
	padding: 3px 10px;
	background-image: url("../images/icons/tab-icon.gif");
	background-position: 1px top;
	background-repeat: no-repeat;
	padding-left: 26px;
	padding-bottom: 4px;
	line-height: 100%;
}
 
.tabs UL LI.active A{
	border-bottom: 1px solid #E8EBEF;
	background-image: url("../images/icons/tab-icon-hover.gif");
	padding-bottom: 10px;
}
 
.tabs.corporacion UL LI.active A,
.tabs.corporacion UL LI A:HOVER,
.tabs.corporacion UL LI:HOVER A{
	color: #00AEEF;
}
 
.car-anchor .tabs UL LI A:HOVER, 
.car-anchor .tabs UL LI:HOVER A{
	color: #B5EA4F;
}
 
.car-anchor .tabs UL LI.active A{
	color: #B5EA4F;
	border-bottom: none;
}
 
.tabs UL LI A:HOVER, .tools UL LI A:HOVER,
.tabs UL LI:HOVER A, .tools UL LI:HOVER A,
.model-card UL LI:HOVER A, .model-card UL LI:HOVER A,
.popup FORM UL LI:HOVER A, .popup FORM UL LI:HOVER A{
	background-image: url("../images/icons/tab-icon-hover.gif");
	text-decoration: none;
}
 
.content{
	float: left;
	width: 100%;
	background-color: #E8EBEF;
	padding: 0 1px;
	border-bottom: 1px solid white;
	position: relative;
}
 
.content.no-bg{
	background-color: transparent;
}
 
.content .mobility{
	width: 965px;
}
 
.content .controls, 
.content .images,
.content .simple{
	float: left;
	width: 965px;
	display: inline;
	margin-left: 5px;
	background: transparent url("../images/bg/dotted-separator.gif") repeat-x left bottom;
}
 
.content .images{
	min-height: 200px;
	_height: 200px;
}
 
.content .controls{
	padding-bottom: 5px;
	margin-bottom: 10px;
}
 
.content .controls .left{
	float: left;
}
 
.content.news{
	min-height: 450px;
	_height: 450px;
}
 
.content.news .controls .left{
	float: left;
	margin-top: 15px;
}
 
.content .controls .left A{
	float: left;
	color: #60636D;
	font-weight: bold;
	padding: 6px 0;
	margin: 5px 20px 5px 7px;
	padding-left: 25px;
	background: transparent url("../images/icons/interior.gif") no-repeat left center;
}
 
.content .controls .left A:HOVER, 
.content .controls .left A.active{
	color: #00AEEF;
	text-decoration: none;
	background-image: url("../images/icons/exterior.gif");
}
 
.content .controls .pages{
	float: right;
	margin-top: 7px;
	font-size: 12px;
	display: inline;
	margin-right: 5px;
}
 
.content .controls .pages A{
	float: left;
	width: 15px;
	margin: 0 1px;
	padding: 3px 0;
	color: #60636D;
	text-align: center;
	display: inline;
}
 
.content .controls .pages A.current, 
.content .controls .pages A:HOVER{
	background-color: #576978;
	color: #B5EA4F;
	font-weight: bold;
	text-decoration: none;
}
 
.content .controls .pages A.navigate, 
.content .controls .pages A.navigate:HOVER{
	padding: 0;
	margin: 2px 5px 0 5px;
	background: none;
}
 
.content .images{
	padding-bottom: 10px;
	margin-bottom: 50px;
}
 
.content .controls H3{
	padding: 20px 0 7px 0px;
	margin: 0;
	font-size: 11px;
	color: #576978;
	margin-left: 10px;
}
 
.content .controls H3 SPAN{
	padding-left: 25px;
	float: left;
	background-image: url("../images/icons/marker-down.gif");
	background-position: left center;
	background-repeat: no-repeat;
}
 
.content .controls .filter{
	float: right;
	display: inline;
	margin-top: 10px;
	margin-right: 10px;
	line-height: 110%;
}
 
.content .controls .filter A{
	float: left;
	background: transparent url("../images/icons/imprimir-light.gif") no-repeat left center;
	padding-left: 20px;
	font-size: 11px;
	color: #576978;
	margin-top: 3px;
	display: inline;
	margin-right: 5px;
}
 
.content .controls .filter SELECT{
	float: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}
 
.content.news .controls .filter SELECT{
	font-weight: bold;
	width: 150px;
}
 
.content .controls .filter SELECT.bold{
	font-weight: bold;
}
 
.content .controls .filter SELECT.w300{
	width: 300px;
}
 
.content .controls .filter LABEL{
	float: left;
	font-weight: bold;
	background: transparent url("../images/icons/marker-right.gif") no-repeat right 2px;
	padding-right: 10px;
	line-height: 100%;
	display: inline;
	margin-top: 2px;
	margin-right: 5px;
}
 
.content .images .image{
	float: left;
	background-color: #8DC73F;
	background: none;
	display: inline;
	margin-left: 8px;
	margin-bottom: 8px;
	position: relative;
	z-index: 100;
	overflow: hidden;
	cursor: pointer;
	line-height: 1%;
	font-size: 9px;
	width: 110px;
	height: 80px;
	border: 1px solid #8DC73F;
}
 
.content .images .image A{
	cursor: pointer;
 
}
 
.content .images .image IMG{
	position: absolute;
	z-index: 100;
}
 
.content .images .image SPAN{
	display: none;
	position: absolute;
	border: 4px solid #8DC73F;
	z-index: 110;
	width: 102px;
	height: 72px;
}
 
.content .images .image:HOVER SPAN{
	display: block;
}
 
.content .images .image I{
	position: absolute;
	width: 35px;
	height: 35px;
	left: 75px;
	top: 45px;
	_left: 74px;
	_top: 44px;
	background: transparent url("../images/icons/zoom.png") no-repeat right bottom;
	z-index: 200;
}
 
.content .text{
	float: left;
	width: 95%;
	padding: 0 15px 15px 15px;
}
 
.content .text.enlarged{
	font-size: 12px;
}
 
.content .text P{
	margin: 10px 0;
	padding: 0;
	white-space: normal;
	width: 95%;
}
 
.content .text UL{
	padding: 10px;
	margin: 0;
}
 
.content .text UL.dashed{
	list-style: none;
	padding: 5px 0;
}
 
.content .text H4{
	font-size: 14px;
	margin: 0;
	padding: 0;
}
 
 
/******************************************/
 
.tools{
	float: left;
	width: 100%;
	border: 1px solid #A1A6A8;
	border-top: none;
 
	background-image: url("../images/bg/tools.jpg");
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: #E4E7E1;
 
	padding-bottom: 10px;
}
 
.tools H2{
	float: left;
	clear: both;
	margin: 5px 10px;
	padding: 5px 0;
	padding-left: 32px;
 
	font-family: 'Perspective Sans', Arial, Tahoma, sans-serif;
	font-size: 18px;
 
	background-image: url("../images/icons/tools.gif");
	background-position: left center;
	background-repeat: no-repeat;
	color: #5e8c24;
	margin-bottom: 5px;
}
 
.tools UL{
	width: 95%;
}
 
.car-anchor .tools UL{
	width: 50%;
}
 
.home .tools UL{
	width: 60%;
}
 
.tools UL LI{
	border-color: #AFB1B3;
}
 
.tools UL LI A{
	border-color: #5C5D5F;
}
 
.tools UL LI.custom{
	width: 210px;
}
 
.tools UL LI.custom FORM{
	margin: 0;
	padding: 0;
	width: 210px;
	float: left;
}
 
.tools UL LI.custom FORM DIV{
	float: left;
	width: 100%;
	padding-bottom: 1px;
	border-bottom: 1px solid #5C5D5F;
}
 
.tools UL LI.custom INPUT{
	font-weight: normal;
	width: 60px;
	_width: 75px;
	background: none;
	padding: 0 10px;
	margin-top: 3px;
	_margin-top: 2px;
	border: none;
	font-size: 10px;
	color: #60636d;
	font-family: Tahoma, Arial, sans-serif;
	float: left;
	display: inline;
	text-align: center;
}
 
.tools UL LI.custom.specs INPUT {
	_width: 60px;
}
 
.tools UL LI.custom BUTTON{
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	float: right;
	background: transparent url("../images/buttons/buscar-concesionario.gif") no-repeat left top;
	width: 129px;
	height: 17px;
	display: inline;
	margin-right: 1px;
	cursor: pointer;
}
 
.tools UL LI.custom STRONG{
	display: none;
}
 
.footer{
	float: left;
	width: 100%;
	padding: 15px 1px;
}
 
.footer STRONG{
	float: left;
	font-weight: normal;
}
 
.footer A{
	float: right;
	display: inline;
	margin: 0 5px;
	color: #60636d;
}
 
#flash{
	height: 285px;
	float: left;
	width: 100%;
	padding: 0 1px;
}
 
#flash.color360{
	height: 220px;
	width: 960px;
	display: inline;
	margin-left: 7px;
	padding: 0;
	padding-bottom: 50px;
	_padding-bottom: 0px;
}
 
.home #flash{
	height: 378px;
}
 
.tools .slider{
	float: right;
	width: 358px;
	_width: 361px;
	display: inline;
	margin: 10px;
}
 
.tools .slider A.title{
	float: left;
	width: 100%;
	background: transparent url("../images/icons/scroll-top.gif") no-repeat right 14px;
	padding: 5px 0;
	font-family: 'Perspective Sans', Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #60636d;
	font-weight: bold;
}
 
.tools .slider A.title:HOVER{
	text-decoration: none;
}
 
.tools .slider A.title STRONG{
	font-size: 18px;
	color: #1394b7;
	padding-right: 5px;
}
 
.tools .slider .navi{
	float: left;
	width: 100%;
}
 
.tools .slider .navi A{
	float: left;
	margin-top: 1px;
}
 
.tools .slider .navi DIV{
	display: inline;
	float: left;
	padding: 0 2px;
}
 
.tools .slider .navi div.image {
    display: none;
    position: relative;
}
 
.tools .slider .navi div.image.current {
    display: block;
    cursor: pointer;
}
 
.tools .slider .navi div.image A.large {
    display: none;
    bottom: 0px;
    left: 0px;
    position: absolute;
    z-index: 1000;
}
 
.tools .slider a.title.expanded {
    background:transparent url(../images/icons/scroll-bottom.gif) no-repeat scroll right 14px;
}
 
.wallpapers{
	float: left;
	width: 390px;
	margin-right: 10px;
}
 
.wallpapers .wall{
	float: left;
	width: 180px;
	position: relative;
	display: inline;
	margin-left: 10px;
	margin-bottom: 10px;
}
 
.wallpapers .wall A{
	float: left;
	border: 1px solid #8DC73F;
	line-height: 1%;
}
 
.wallpapers .wall .resolutions{
	float: left;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 65px;
}
 
.wallpapers .wall .resolutions A{
	display: block;
	font-size: 10px;
	color: #576978;
	font-weight: bold;
	border: none;
	clear: both;
	line-height: 137%;
	text-decoration: underline;
}
 
.wallpapers .wall .resolutions A:HOVER{
	text-decoration: none;
}
 
.screensavers,
.brochure{
	float: left;
	width: 260px;
	margin-right: 10px;
	display: inline;
}
 
.screensavers A,
.brochure A{
	float: right;
	display: inline;
	clear: both;
	white-space: nowrap;
	font-weight: bold;
	font-size: 11px;
	color: #576978;
	margin: 10px 0;
	text-decoration: underline;
}
 
.screensavers A:HOVER,
.brochure A:HOVER{
	text-decoration: none;
}
 
A.big-image{
	margin: 0;
	position: relative;
	border: 1px solid #B5EA4F;
	line-height: 1%;
}
 
A.big-image EM{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0;
	line-height: 1%;
	width: 34px;
	height: 34px;
	background: transparent url("../images/icons/big-image.png") no-repeat left top;
}
 
.left-menu{
	float: left;
	padding: 0;
	margin: 0;
	background-image: url("../images/bg/left-menu.png");
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 471px;
	_height: 469px;
	width: 214px;
}
 
.left-menu.cars{
	z-index: 1000;
	width: 226px;
	height: 400px;
	left: 0px;
	/*left: 150px;*/
	position: absolute;
	background: none;
}
 
.left-menu.cars .bg{
	min-height: 471px;
	_height: 469px;
	width: 226px;
	background-image: url("../images/bg/car-menu.png");
 
}
 
.left-menu UL.ex-menu{
	float: left;
	padding: 0;
	list-style: none;
	font-family: 'Perspective Sans', 'Trebuchet MS', Tahoma, sans-serif;
	color: white;
	line-height: 100%;
	margin: 0;
	width: 172px;
	position: relative;
}
 
.left-menu A{
	color: white;
	font-weight: bold;
}
 
.left-menu A:HOVER{
	text-decoration: none;
}
 
.left-menu UL.ex-menu LI{
	padding: 1px;
	padding-top: 13px;
	position: relative;
	margin: 0 10px 0 5px;
}
 
.left-menu UL.ex-menu LI STRONG{
	font-size: 14px;
	display: block;
	padding: 1px;
}
 
.left-menu UL.ex-menu LI:HOVER STRONG,
.left-menu UL.ex-menu LI.active STRONG{
	border: 1px solid #808080;
	padding: 0px;
}
 
.left-menu UL.ex-menu LI A{
	display: block;
	width: 100%;
	background: transparent url("../images/icons/left-menu.gif") no-repeat left top;
}
 
.left-menu UL.ex-menu LI A:HOVER,
.left-menu UL.ex-menu LI:HOVER A,
.left-menu UL.ex-menu LI.active A{
	background: transparent url("../images/icons/left-menu-hover.gif") no-repeat left top;
}
 
.left-menu UL.ex-menu LI A SPAN{
	margin-left: 20px;
	padding: 3px 0;
	display: block;
}
 
.left-menu UL.ex-menu LI UL.sub-level{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	position: relative;
	padding-left: 30px;
	margin-top: 10px;
}
 
.left-menu UL.ex-menu LI UL.sub-level LI{
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	margin-top: 5px;
	text-align: left;
	padding: 3px 6px;
}
 
.left-menu UL.ex-menu LI UL.sub-level LI:HOVER,
.left-menu UL.ex-menu LI UL.sub-level LI.active{
	padding: 2px 5px;
	border: 1px solid #808080;
}
 
.left-menu UL.ex-menu LI UL.sub-level LI A {
	background: none;
}
 
.left-menu UL.ex-menu LI UL.sub-level LI:HOVER A,
.left-menu UL.ex-menu LI UL.sub-level LI A:HOVER,
.left-menu UL.ex-menu LI UL.sub-level LI.active A{
	background-image: url("../images/icons/sub-level-marker.gif");
	background-position: left 2px;
	background-repeat: no-repeat;
	color: white;
}
 
.left-menu UL.ex-menu LI UL.sub-level LI A SPAN{
	margin-left: 10px;
	padding: 0;
	color: #b5ea4f;
	font-size: 12px;
	background: none;
}
 
.left-menu UL.ex-menu LI UL.sub-level LI A:HOVER SPAN,
.left-menu UL.ex-menu LI UL.sub-level LI:HOVER A SPAN,
.left-menu UL.ex-menu LI UL.sub-level LI.active A SPAN{
	color: white;
}
 
.menu-content{
	float: right;
}
 
.map{
	float: right;
	padding: 12px;
	background-color: #E8EBEF;
}
 
/*	Accordion	*/
#accordion {
	float: left;
	width: 965px;
	display: inline;
	margin-left: 5px;
	clear: both;
}
 
H3.toggler {
	cursor: pointer;
	margin: 0 0 4px 0;
	padding: 1px;
	background: transparent url("../images/bg/toggler.gif") repeat-x left top;
	float: left;
	line-height: 100%;
	width: 100%;
	border-bottom: 1px solid #484D51;
	border-left: 1px solid #BCBFC2;
	border-right: 1px solid #BCBFC2;
	font-size: 13px;
}
 
H3.toggler A, H3.toggler A:HOVER{
	background: transparent url("../images/bg/toggler-link.gif") repeat-x left top;
	float: left;
	width: 100%;
	padding: 5px 0;
	color: white;
	text-decoration: none;
}
 
H3.toggler A SPAN{
	margin-left: 10px;
	float: left;
}
 
H3.toggler A I{
	float: right;
	display: inline;
	background-image: url("../images/icons/plus.gif");
	background-position: right center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	margin: 0 10px;
	padding: 0;
}
 
H3.toggler.active A I {
	background-image: url("../images/icons/minus.gif");
}
 
DIV.element{
	float: left;
	width: 100%;
}
 
TABLE{
	margin-left: 5px;
}
 
#accordion TABLE{
	margin-left: 0;
}
 
TABLE TH,
TABLE TD{
	padding: 10px;
	width: 12%;
}
 
TABLE TH{
	background-color: #5E7484;
	font-size: 11px;
	color: white;
	font-weight: bold;
}
 
TABLE TH.long, TABLE TD.long{
	width: 25%;
	text-align: left;
}
 
TABLE TH.middle{
	width: 15%;
}
 
TABLE TD{
	padding: 5px 10px;
	text-align: center;
	font-size: 11px;
}
 
TABLE TD.hl{
	background-color: #D0E5EF;
}
 
TABLE TR.underline TD{
	border-bottom: 1px dotted black;
}
 
TABLE TD.title{
	background-color: #A3AFB9;
	font-size: 11px;
	color: #3a3f45;
	text-align: left;
}
 
.resultados{
	float: left;
	display: inline;
	width: 950px;
	margin-left: 10px;
	padding-bottom: 40px;
}
 
.resultados A.car-photo{
	float: left;
	padding: 10px 10px 10px 0;
}
 
.resultados .characteristics{
	float: left;
	width: 430px;
}
 
.resultados .characteristics H3{
	display: block;
	font-family: Calibri, Arial, Tahoma, sans-serif;
	font-size: 23px;
	color: #00AEEF;
	font-weight: normal;
	padding: 30px 0 20px 0;
	margin: 0;
}
 
.resultados .characteristics SPAN{
	display: block;
}
 
.resultados .characteristics SPAN A{
	color: #00AEEF;
}
 
.resultados .characteristics P{
	margin: 0;
	margin-top: 20px;
	margin-bottom: 10px;
}
 
.resultados .characteristics .links{
	float: left;
	background-color: #CCD3DA;
	padding: 5px;
}
 
.resultados .more-results {
	float: left;
	width: 100%;
	background-color: #A3AFB9;
	padding: 5px 0;
	clear: both;
}
 
.resultados .more-results SPAN{
	background: transparent url("../images/icons/more.gif") no-repeat right top;
	padding-right: 20px;
	float: left;
}
 
.resultados .more-results STRONG{
	margin: 0 10px;
	float: left;
}
 
.resultados .list-of-results{
	float: left;
	width: 100%;
	clear: both;
	margin-top: 15px;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
	padding: 15px 0;
}
 
.resultados .list-of-results A{
	font-weight: bold;
	color: #60636D;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 4px 0;
	padding-left: 25px;
	display: block;
	clear: both;
	background-image: url("../images/icons/interior.gif");
}
 
.resultados .list-of-results A:HOVER{
	background-image: url("../images/icons/exterior.gif");
	text-decoration: none;
	color: #00AEEF;
}
 
.resultados .list-of-results P{
	margin: 0;
	padding: 0px 0 10px 25px;
}
 
.news-list{
	float: left;
	width: 100%;
}
 
.news-list A{
	float: left;
	width: 100%;
	background: transparent url("../images/bg/dotted-separator.gif") repeat-x left bottom;
	padding: 5px 0;
	color: #60636D;
}
 
.news-list A:HOVER{
	color: #00AEEF;
	text-decoration: none;
}
 
.news-list A.last{
	background: none;
}
 
.news-list A SPAN{
	float: left;
	display: inline;
	margin-left: 15px;
	padding: 5px 0;
	padding-left: 25px;
	background-image: url("../images/icons/interior.gif");
	background-position: left center;
	background-repeat: no-repeat;
}
 
.news-list A:HOVER SPAN{
	background-image: url("../images/icons/exterior.gif");
}
 
.content .mobility-bar{
	float: left;
	width: 100%;
	background: #5A6F7E url("../images/bg/mobility-bar.jpg") repeat-x left bottom;
	text-align: right;
	margin: 10px 0;
	padding: 20px 1px;
	margin-left: 5px;
	display: inline;
}
 
.content .mobility-bar IMG{
	margin-right: 20px;
}
 
.content .mobility .hr{
	float: left;
	display: inline;
	width: 965px;
	background: transparent url("../images/bg/dotted-separator.gif") repeat-x left top;
	line-height: 1%;
	padding: 0;
	clear: both;
	font-size: 0;
	color: #E8EBEF;
	height: 1px;
	margin: 10px 0;
	margin: 0px 0 10px 5px;
}
 
.content .mobility .hr.h40{
	padding-bottom: 40px;
}
 
.content .mobility .faqs .hr{
	margin-left: 0;
	margin-top: 20px;
}
 
.content .faqs,
.content .corporacion{
	float: left;
	width: 965px;
	display: inline;
	margin-left: 5px;
	padding-bottom: 60px;
}
 
.content .faqs H3{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background-color: #A3B0B9;
	color: #363D45;
	font-size: 11px;
	padding: 5px 0;
}
 
.content .faqs H3 SPAN{
	float: left;
	display: inline;
	margin-left: 10px;
}
 
.content .faqs A{
	display: block;
	clear: both;
	margin: 10px 20px;
	color: #60636d;
	cursor: pointer;
}
 
.content .faqs A:HOVER{
	color: #00AEEF;
	text-decoration: none;
}
 
.content .faqs A STRONG{
	padding: 4px 0;
	padding-left: 25px;
	display: block;
	clear: both;
	background: transparent url("../images/icons/interior.gif") no-repeat left center;
}
 
.content .faqs A:HOVER STRONG{
	background: transparent url("../images/icons/exterior.gif") no-repeat left center;
}
 
.content .corporacion .president-photo{
	float: left;
	width: 115px;
	font-size: 10px;
	line-height: 130%;
}
 
.content .corporacion .president-photo STRONG{
	display: block;
}
 
.content .corporacion .president-photo IMG{
	line-height: 1%;
	font-size: 9px;
	border: 1px solid #8DC73F;
}
 
.content .corporacion .text{
	float: left;
	width: 800px;
}
 
.content .corporacion H3{
	margin-top: 0;
}
 
/***********************************************************/
 
.popup{
	position: relative;
	width: 507px;
}
 
.popup .popup-header,
.popup .popup-footer,
.popup FORM{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	background-position: left top;
	background-repeat: no-repeat;
}
 
.popup .popup-header{
	background-image: url("../images/bg/popup-header.png");
	height: 71px;
}
 
.popup .popup-header A{
	float: left;
	display: inline;
	margin: 18px 10px;
}
 
A.close{
	float: right;
	background: transparent url("../images/icons/close.gif") no-repeat right top;
	padding-right: 18px;
	font-weight: bold;
	color: #475963;
	margin: 0;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 100;
}
 
.popup .popup-footer{
	background-image: url("../images/bg/popup-footer.png");
	height: 5px;
}
 
.popup FORM{
	background-image: url("../images/bg/popup-bg.png");
	background-repeat: repeat-y;
}
 
.popup FORM SMALL{
	display: block;
	clear: both;
	margin: 0 15px;
	padding: 10px 0;
	text-align: center;
	background: transparent url("../images/bg/dotted-separator.gif") repeat-x left top; 
}
 
.popup FORM H2{
	margin: 20px 15px;
	padding: 0;
	font-family: 'Trebuchet MS', Arial, Tahoma, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #576978;
}
 
.popup FORM P{
	margin: 0px 15px 10px 15px;
	padding: 0;
}
 
.popup FORM .row{
	float: left;
	width: 100%;
	clear: both;
	margin-top: 15px;
}
 
.popup FORM LABEL{
	float: left;
	font-weight: bold;
	width: 135px;
	margin-left: 15px;
	display: inline;
	margin-right: 15px;
}
 
.popup FORM LABEL A{
	float: left;
	font-weight: normal;
	color: #475963;
	font-size: 10px;
	text-decoration: underline;
	display: block;
	margin-top: 5px;
}
 
.popup FORM LABEL A:HOVER{
	text-decoration: none;
}
 
.popup FORM INPUT{
	float: left;
	width: 35px;
}
 
.popup FORM SELECT{
	float: left;
	width: 110px;
	position: relative;
}
 
.popup FORM SPAN{
	float: left;
	display: inline;
	margin: 3px 5px;
}
 
.popup FORM UL{
	position: relative;
	left: 155px;
	width: 50%;
	height: 20px;
	display: block;
	float: none;
	margin-bottom: 20px;
}
 
.popup FORM UL LI{
	margin-right: 15px;
}
 
.baloon{
	position: absolute;
	float: left;
	clear: both;
	width: 410px;
	padding: 0 10px;
	border: 1px solid #777673;
	background-color: white;
	color: #475963;
	z-index: 66001;
	text-align: left;
 
	display: none;
}
 
.baloon .tail{
	background: transparent url("../images/bg/baloon-tail.gif") no-repeat left top;
	width: 18px;
	height: 15px;
	position: absolute;
	bottom: -15px;
	left: 15px;
}
 
.baloon P{
	margin: 10px 0;
}
 
.baloon P STRONG{
	display: block;
}
 
.baloon A{
	color: #475963; 
}
 
#iframe{
	width: 400px !important;
	height: 100px !important;
	background: none;
	display: none;
	z-index: 66000;
}
 
.hidden{
	display: none;
}
 
/******* - Squeeze Box - *************** */
#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}
 
#sbox-overlay {
	position: absolute;
	background-color: #000;
}
 
#sbox-window {
	position: absolute;
	text-align: left;
	overflow: visible;
	padding: 0px;
	width: 100%;
	height: 100%;
}
 
#sbox-content {
	clear: both;
	overflow: visible;
	background: none;
	position: relative;
	float: left;
}
 
.sbox-content-image#sbox-content {
	overflow: visible;
}
 
#sbox-image {
	display: block;
}
 
.sbox-content-image img {
	display: block;
}
 
.sbox-content-iframe#sbox-content {
	overflow: visible;
}
 
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility:	hidden;
}
 
/********************** - Model Card - ***************************/
 
.model-card{
	width: 780px;
	height: 350px;
	float: left;
	display: inline;
	background: #D7D9DB url("../images/bg/model-card-bottom.jpg") repeat-x left bottom;
 
	position: absolute;
	top: 0px;
	left: 0px;
}
 
.model-card .intro{
	width: 100%;
	float: left;
	display: inline;
	background: #E4E7E1 url("../images/bg/model-card-middle.jpg") repeat-x left bottom;
	position: relative;
}
 
.model-card .intro .photo{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 426px;
	height: 185px;
	float: right;
	z-index: 400;
}
 
.model-card .intro .info{
	width: 355px;
	float: left;
	display: inline;
	padding-bottom: 15px;
}
 
.model-card .intro .info H1{
	font-family: 'Trebuchet MS', Arial, Tahoma, sans-serif;
	font-size: 50px;
	color: #576978;
	padding: 50px 0 35px;
	margin: 0;
	width: 100%;
	text-align: right;
}
 
.model-card .intro .info H1 IMG{
	position: relative;
}
 
.model-card .intro .info P{
	text-align: right;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-family: 'Perspective Sans', Calibri, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #60636d;
}
 
.model-card .button{
	float: right;
}
 
.model-card .price{
	float: left;
	width: 100%;
	text-align: right;
	font-size: 12px;
	color: #576978;
	font-weight: bold;
	margin: 10px 0 25px 0;
	clear: both;
}
 
.model-card .price STRONG{
	font-size: 14px;
	color: #74a833;
}
 
.model-card .price STRONG.blue{
	color: #0098EF;
}
 
.model-card .price SUP{
	font-size: 9px;
	color: #576978;
	font-weight: normal;
	margin-right: 10px;
	margin-left: 5px;
}
 
.model-card SMALL{
	float: right;
	clear: both;
	display: inline;
	margin-top: 15px;
	margin-right: 30px;
	font-size: 10px;
	text-align: right;
}
 
.model-card UL{
	width: 100%;
	clear: both;
}
 
.model-card UL LI{
	margin-right: 12px;
	_margin-right: 8px;
	display: inline;
	white-space: nowrap;
}
 
.button{
	background: #6DCFF6 url("../images/bg/blue-button.gif") repeat-x left bottom;
	padding: 1px;
	padding-bottom: 0;
	border: 1px solid #9D9EA1;
	border-top: none;
	float: left;
	font-weight: bold;
}
 
.button:HOVER{
	text-decoration: none;
}
 
.button SPAN{
	background: transparent url("../images/icons/tab-icon.gif") no-repeat left top;
	float: left;
	color: white;
	border-bottom: 1px solid #555657;
	padding: 2px 10px 3px;
	padding-left: 24px;
}
 
#card, #car-menu{
	display: none;
	z-index: 6500;
}
 
#car-menu{
	z-index: 7100;
}
 
/*************** - Car List - *************************/
 
#car-list{
	width: 156px;
	line-height: 100%;
	font-weight: bold;
	font-family: 'Perspective Sans', 'Trebuchet MS', Arial, sans-serif;
	float: left;
	display: inline;
	margin-left: 10px;
	position: relative;
}
 
#car-list .category{
	border: 1px solid #808080;
	clear: both;
	background: transparent url("../images/icons/left-menu.gif") no-repeat left top;
	color: #FFFFFF;
	cursor: pointer;
	margin: 0;
	line-height: 100%;
	font-size: 13px;
	display: block;
	margin-top: 7px;
	padding: 2px 0 2px 25px;
	//padding: 0px 0 2px 25px;
	outline: none;
	-moz-outline: none;
}
 
#car-list .category:HOVER, 
#car-list .category.active{
	background: transparent url("../images/icons/left-menu-hover.gif") no-repeat left top;
}
 
#car-list .sub-menu{
	float: right;
	width: 100%;
	margin-bottom: 15px;
	//margin-bottom: 5px;
	//margin-top: 5px;
	overflow: hidden;
	position: relative;
}
 
#car-list .sub-menu A{
	text-align: left;
	color: #B5EA4F;
	font-size: 12px;
	padding: 2px 1px;
	padding-left: 15px;
	background: none;
	margin: 5px 0;
	float: right;
	width: 120px;
	clear: both;
	outline: none;
	-moz-outline: none;
}
 
#car-list .sub-menu A:HOVER,
#car-list .sub-menu A.active{
	padding: 1px 0;
	padding-left: 14px;
	color: #FFFFFF;
	border: 1px solid #808080;
	background: transparent url("../images/icons/sub-level-marker.gif") no-repeat 5px center;
}
 
.content .simple{
	padding-bottom: 50px;
	margin-bottom: 20px;
	padding-top: 12px;
}
 
.picture {
	border: 1px solid #89c33d;
	float: left;
	margin-left: 6px;
}
 
.right-text {
	float: left;
	width: 362px;
	display: inline;
	margin-left: 35px;
}
 
.right-text H4{
	margin: 0;
	padding: 0;
	font-size: 11px;
}
 
/**/
/* SLIMBOX */
 
#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}
 
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}
 
.lbLoading {
	background: #fff url("../images/lightbox/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("../images/lightbox/prevlabel.gif") no-repeat 0% 15%;
}
 
#lbNextLink {
	right: 0;
}
 
#lbNextLink:hover {
	background: transparent url("../images/lightbox/nextlabel.gif") no-repeat 100% 15%;
}
 
#lbBottom {
	font-family: Tahoma, Arial, Verdana, 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: 30px;
	background: transparent url("../images/lightbox/closelabel.gif") no-repeat center;
	margin: 5px 0;
	outline: none;
}
 
#lbCaption, #lbNumber {
	margin-right: 71px;
}
 
#lbCaption {
	font-size: 12px;
	color: #475963;
}
 
#lbCaption B{
	font-size: 14px;
	color: #475963;
	padding-right: 5px;	
}