﻿html
{
	margin-bottom: 1px; 
	min-height: 100%; 
}
body
{
	background: dimgray;
	color: #000;
	margin: 0;
	padding: 0;
	left: 100px;
}

table
{
    border-collapse: collapse;
}

.main
{
	background: #f5f5f5;
	color: #000;
	font: 70% Verdana, Arial, Helvetica, Sans-Serif;
	margin: auto; 
	width: 768px;
}

.home	{padding-top: 307px}
.inner	{padding-top: 279px}

.main a
{
	color: #06c; 
	text-decoration: none; 
}

.main h1, .main h2, .main h3, .main h4, .main h5, .main h6, .main p
{
	margin: 8px 4px 4px 4px; 
	padding: 0 4px 4px 4px; 
}

.main h1 {font-size: 200%}
.main h2 {font-size: 170%}
.main h3 {font-size: 140%}
.main h4 {font-size: 120%}
.main h5 {font-size: 100%}
.main h6 {font-size: 80%}

/*
.main p
{
	margin: 0 4px 0 4px; 
	padding: 0 4px 4px 4px; 
}
*/

.main td
{
	vertical-align: top; 
}

.main img
{
	border: 0; 
}

.main select, .main input, .main textarea
{
    font: x-small Verdana; 
}


/****************************************************/

.main .color-1 { color: #000; background: #fff; }
.main .color-2 { color: #000; background: #ccc; }
.main .color-3 { color: #000; background: #999; }
.main .color-4 { color: #fff; background: #666; }
.main .color-5 { color: #fff; background: #333; }
.main .color-6 { color: #fff; background: #000; }

.main .color-7  { color: #000; background: #0c6; }
.main .color-8  { color: #000; background: #d5e5f4; }
.main .color-9  { color: #000; background: #E1EFEF; }
.main .color-10 { color: #000; background: #FFFFDD; }
.main .color-11 { color: #fff; background: #c60; }
.main .color-12 { color: #fff; background: #c00; }
.main .color-13 { color: #fff; background: #c06; }
.main .color-14 { color: #fff; background: #c0c; }
.main .color-15 { color: #fff; background: #60c; }
.main .color-16 { color: #fff; background: #00c; }
.main .color-17 { color: #fff; background: #06c; }
.main .color-18 { color: #fff; background: #0c0; }

/****************************************************/


.main form
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";
}
.main .form-class
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
}
.main .form-button
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
/*
	background: #ffcc00;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFDD31;
	border-right-color: #1A1501;
	border-bottom-color: #1A1501;
	border-left-color: #FFDD31;
	font-weight: bold;
	color: black;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
*/
}
/****************************************************/

.header
{
    background: #000; 
	color: #fff; 
    position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -384px;
	width: 768px;
	overflow: hidden; 
}

.header .header-1
{
	background: #333; /*#181F27;*/ /* url(/Media/layout/top-nav/bg.jpg); */
	color: #666;
	height: 130px; /*93px;*/
	width: 100%;
	margin: 0; 
	padding: 0; 
	list-style: none; 
}
.header-1 li
{
	display: inline; 
}
.header-1 a
{
	background-repeat: no-repeat; 
	background-position: center -116px; 
	display: block; 
	float: left; 
	height: 5px; 
	width: 192px; 
	padding-top: 111px; 
	text-align: center; 
	font: bold 1.1em Arial;
	color: #92a9bb; 
	text-decoration: none; 
}
.header-1 a:hover
{
	background-position: center 0; 
	color: #fff; 
}
.header-1 #convertibles a	{background-image: url(/Media/layout/top-nav/convertibles.gif); }
.header-1 #suvs			a	{background-image: url(/Media/layout/top-nav/suvs.gif); }
.header-1 #luxury		a	{background-image: url(/Media/layout/top-nav/luxury.gif); }
.header-1 #exotic		a	{background-image: url(/Media/layout/top-nav/exotic.gif); }

/*
.header .header-1 td
{
	padding-bottom: 4px; 
	text-align: center; 
	vertical-align: bottom; 
	width: 20%; 
}
.header .header-1 a
{
	background: inherit; 
	color: #636c75;
	display: block; 
	font-weight: bold; 
	font-size: 10px; 
	margin: 0 auto 0 auto; 
	padding-top: 70px; 
	text-transform: uppercase;
	width: 140px; 
	white-space: nowrap; 
}
.header .header-1 a:hover
{
	background: inherit; 
	color: #fff; 
}

.header .header-1 a#group-1 {background: url(/media/layout/top-nav/1a.jpg) no-repeat}
.header .header-1 a#group-2 {background: url(/media/layout/top-nav/2a.jpg) no-repeat}
.header .header-1 a#group-3 {background: url(/media/layout/top-nav/3a.jpg) no-repeat}
.header .header-1 a#group-4 {background: url(/media/layout/top-nav/4a.jpg) no-repeat}
.header .header-1 a#group-5 {background: url(/media/layout/top-nav/5a.jpg) no-repeat}

.header .header-1 a:hover#group-1 {background: url(/media/layout/top-nav/1b.jpg) no-repeat}
.header .header-1 a:hover#group-2 {background: url(/media/layout/top-nav/2b.jpg) no-repeat}
.header .header-1 a:hover#group-3 {background: url(/media/layout/top-nav/3b.jpg) no-repeat}
.header .header-1 a:hover#group-4 {background: url(/media/layout/top-nav/4b.jpg) no-repeat}
.header .header-1 a:hover#group-5 {background: url(/media/layout/top-nav/5b.jpg) no-repeat}
*/

.header .header-2
{
	background: transparent url(/media/layout/middle_bg1.jpg) repeat-x; 
	border-top: solid 1px #5A6A77; 
	width: 100%; 
}
.header .header-3
{
    background: #333; /* #191919 url(/media/layout/img01a.jpg) no-repeat left top */
    color: #fff;
    font-size: 10px;
    line-height: 28px;
    padding: 0 4px 0 4px;
    text-align: right;
    text-transform: uppercase;
}
.header .header-3 a
{
	background: inherit; 
	color: #a5a5a5; 
}
.header .header-3 a:hover
{
	background: inherit; 
    color: #fff;
}

.content
{
    margin-top: 351px; /* 314px; */
}

.footer
{
    border-top: solid 1px #666; 
	text-align: center;
	font-size: 95%;
	height: 80px;
	padding-top: 8px;
	background: #c9dced;
}
.footer a
{
	color: #000; 
}
.footer a:hover
{
	text-decoration: underline; 
}

.pb
{
	display: none; 
}

.main .side-bar
{
	background: #D5E5F4;
	border-right: #000 1px dotted;
	font: 12px Arial;
	padding: 0 6px 6px 6px;
	width: 284px;
}

.main .main-area
{
}

.main .sep
{
	/* background: #d3d3d3;
	color: #000813; */
	background: #333; 
	color: #fff; 
	margin: 0;
	padding: 4px 8px;
	/* border-bottom: #a9a9a9 1px solid; */
}

.main .Loading
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: larger;
	background: #f00;
	padding-bottom: 4px;
	color: #fff;
	padding-top: 4px;
	text-align:left;
	vertical-align:middle;
}

.main .side-bar .sep
{
	background: #333; 
	color: #fff; 
	padding: 2px 4px; 
	margin-top: 6px; 
}
/*
.main .vehicle-info
{
	width: 100%; 
}
.main .vehicle-info .left-side
{
	text-align: center; 
	width: 250px; 
}
.main .vehicle-info .right-side
{
	padding-right: 4px; 
}
.main .vehicle-info .name
{
	font-weight: bold; 
}
.main .vehicle-info .models
{
	font-size: x-small; 
}
.main .vehicle-info .rates
{
	text-align: right; 
}
.main .vehicle-info .rates .rate
{
	display: block; 
}
.main .vehicle-info .rates .rate .amount
{
	color: #c00; 
}
.main .vehicle-info .occupancy
{
	padding: 16px; 
	text-align: center; 
}
.main .vehicle-info .occupancy span
{
	padding: 4px; 
}
.main .vehicle-info .occupancy .passengers
{
	display: block; 
	padding: 4px; 
}

.main .vehicle-info .occupancy .suitcases
{
	display: block; 
	padding: 4px; 
}
*/

/*
.main .vehicle-grid
{
	width: 100%; 
	table-layout: fixed; 
}
*/

.main .vehicle-grid a
{
	background: inherit; 
	color: #213140; 
	font-weight: bold; 
}
.main .vehicle-grid a:hover
{
	background: inherit; 
	color: #c33; 
	text-decoration: underline; 
}

.main .vehicle-grid td
{
	padding: 4px 4px 4px 2px; 
	vertical-align: middle; 
}
.main .vehicle-grid .vehicle
{
	border-bottom: solid 1px #ccc; 
}

.main .vehicle-grid .picture	{width: 100px; }
.main .vehicle-grid .name		{width: 140px}
.main .vehicle-grid .name .name
{
    font-weight: bold; 
}
.main .vehicle-grid .occupancy	{width: 92px; text-align: center}
.main .vehicle-grid .rates		{width: 115px; text-align: right; white-space: nowrap}


/*
*** GRILLA DE 3 COLUMNAS
*/
.main .vehicle-grid3 
{
	width: 100%
}
.main .vehicle-grid3 a
{
	background: inherit; 
	color: #213140; 
	font-weight: bold; 
}
.main .vehicle-grid3 a:hover
{
	background: inherit; 
	color: #c33; 
	text-decoration: underline; 
}
.main .vehicle-grid3 td
{
	border-bottom: solid 1px #ccc;
	vertical-align: middle;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	width: 33%;
}
.main .vehicle-grid3 .data td
{
	border-bottom: none;
}
.main .vehicle-grid3 .picture
{
	width: 1%;
}
.main .vehicle-grid3 .name
{
	background: #ccc;
}
.main .vehicle-grid3 .rates
{
	width: 100%;
	text-align: right;
}
.main .vehicle-grid3 .rate
{
	display: block; 
}
.main .vehicle-grid3 .rate .amount
{
	color: #900; 
}










.main .vehicle-grid .vehicle-models
{
	color: #666; 
	display: block; 
	font-size: smaller; 
}

.main .vehicle-grid .occupancy span
{
    display: block; 
    padding: 2px; 
}
    

.main .vehicle-grid .passengers
{
	display: block; 
	padding: 4px; 
}
.main .vehicle-grid .passengers span
{
	padding: 4px; 
}

.main .vehicle-grid .suitcases
{
	display: block; 
	padding: 4px; 
}
.main .vehicle-grid .suitcases span
{
	padding: 4px; 
}

.main .vehicle-grid .rate
{
	display: block; 
}
.main .vehicle-grid .rate .amount
{
	color: #900; 
}
.main .vehicle-grid .features
{
	font-size: x-small; 
}








.main .vehicle-grid .big .picture		{width: 241px; text-align: center}
.main .vehicle-grid .big .features		{height: 150px}
.main .vehicle-grid .big .occupancy	{width: 100px; height: 150px}
.main .vehicle-grid .big td
{
	vertical-align: top; 
}
.main .vehicle-grid .big .picture .name
{
/*	font-size: larger; */
	font-weight: bold; 
}


.main .link
{
	margin-top: 6px; 
}
.continue-link
{
	margin-top: 5px;
}

.main .vehicle-group-grid
{
	width: 100%; 
}

.main .vehicle-group-grid td
{
	border-right: solid 1px #ccc; 
	border-bottom: solid 1px #ccc; 
	padding: 8px; 
	text-align: center; 
	vertical-align: bottom; 
}

.main .vehicle-group-grid a
{
	background: inherit; 
	color: #213140; 
	font-weight: bold; 
}
.main .vehicle-group-grid a:hover
{
	background: inherit; 
	color: #c33; 
	text-decoration: underline; 
}

.main .button 
{
	background: #fc0;
	border-color: #ff3 #c90 #c90 #ff3; 
	border-style: solid; 
	border-width: 1px; 
	color: #000;
	display: block; 
	font: bold 8.5pt Verdana, Arial, Helvetica, sans-serif;
	margin-top: .75em; 
	padding: 2px 5px; 
	text-align: center;
	white-space: nowrap;
}
.main a:hover.button 
{
	/* background: #ff3;
	border-color: #ff6 #cc0 #cc0 #ff6; */
	color: #000; 
	text-decoration: none;
}

.main .home-reservation-form
{
	width: 100%;
	background-color: #D5E5F4;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.main .home-reservation-form td
{
    vertical-align: middle;
    white-space: nowrap;
    background-color: #D5E5F4;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
}

.bigtext
{
	font-weight: bold;
	font-size: large;
	color: #c00;
}

.red-text
{
	font-weight: bold;
	font-size: x-small;
	color: #f00; 
	padding-top: 1em; 
	display: block ; 
}

.extraComment
{
	color: #333; 
	font-size: x-small; 
	text-align: center; 
}

.history
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 0px;
	width: 100%;
	border-top-style: none;
	padding-top: 2px;
	border-bottom: silver 1px solid;
	border-right-style: none;
	border-left-style: none;
}

.history .title
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	padding-bottom: 4px;
	color: #ffffff;
	padding-top: 4px;
	background-color: gray;
	text-align: center;
}

.history .reservation .submission
{
	font-weight: bold;
	border-bottom: silver 1px solid;
	text-align: center;
	vertical-align:middle;
}

.history .reservation .code		
{
	font-weight: bold;
	border-bottom: silver 1px solid;
	text-align: center;
	vertical-align:middle;
}
.history .reservation .date		
{
	border-bottom: silver 1px solid;
	text-align: center;
	vertical-align:middle;
}
.history .reservation .location
{
	border-bottom: silver 1px solid;
	text-align: center;
	vertical-align:middle;
}
.history .reservation .picture
{
	border-bottom: silver 1px solid;
	text-align: center;
	vertical-align:middle;
}
.history .reservation .vehicle
{
	border-bottom: silver 1px solid;
	text-align: center;
	vertical-align:middle;
}

.history .reservation .total
{
	font-weight: bold;
	text-align: right;
	border-bottom: silver 1px solid;
	vertical-align:middle;
}

.history .reservation .state
{
	font-weight: bold;
	text-align: right;
	border-bottom: silver 1px solid;
	vertical-align:middle;
}

.history .reservation .select
{
    text-align: right;
    border-bottom: silver 1px solid;
    vertical-align: middle;
    text-decoration: underline;
    color: gray;
}

.page-title
{
    font-weight: bold;
    background-color: orange;
    width: 100%;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 7px;
    padding-top: 7px;
}

.page-title .menu
{
    font-weight: normal;
    text-align: right;
    color: #8b4513;
}

.page-title .menu a
{
    font-weight: normal;
    text-align: right;
    color: #8b4513;
    text-decoration: none;
}

.page-title .menu a:hover
{ 
    font-weight: normal;
    text-align: right;
    color: black;
    text-decoration: underline;
}

.contactus
{
    font-size: small;
    font-family: Verdana;
    text-align: center;
}

.contactus .title
{
    font-size: x-large;
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
}

.QuoteDetail .Qty
{
	text-align: right; 
	vertical-align: middle; 
}

.bigtext
{
	color: navy;
}

#divLoading
{
	background: red;
	color: #fff;
}

.edit
{
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

.edit .col1
{
	border-right: dimgray 1px dotted;
	padding-right: 4px;
}

.edit .col1 .picture
{
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

.edit .col1 .quote
{
	padding-top: 4px;	
}

.edit .col2
{
	padding-left: 4px;
}

.edit .col2 .location
{
	width: 100%;
	margin-bottom: 4px;
}

.edit .col2 .additional
{
	width: 100%;
}

.label
{
	width: 30%;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.field
{
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}


.quote-control
{
    width: 100%; 
}
.quote-control td
{
    padding: 2px; 
    vertical-align: middle; 
}
.quote-control .Total td
{
	color: #009; 
	font-size: large; 
	font-weight: bold; 
}
.quote-control .qty
{
    font-weight: bold; 
    text-align: right; 
}
.quote-control .description .unit-price
{
    color: #666; 
    font-size: x-small; 
}
.quote-control .subtotal
{
    text-align: right; 
}

.main .content .heading
{
}

.main .content .heading .title
{
    font-size: large; 
    font-weight: bold; 
    color: #00c; 
    text-align: center; 
    padding: .5em;
}

.main .content .heading .message
{
    font: x-small Verdana; 
    padding: .5em; 
}

.main .content .form
{
    padding: 0px 0px 8px 16px; 
}
.main .content .form table td, .main .content .form table th
{
    font-size: x-small; 
    font-weight: normal; 
    vertical-align: middle; 
    white-space: nowrap; 
}
.main .content .form table td
{
    padding: 8px 16px 0px 0px; 
}
.main .content .form table th
{
    padding: 8px 16px 0px 0px; 
    text-align: left; 
}


.heading
{
    padding: 1em;        
    font-size: small;
}

.pad
{
    padding: 1em;    
}

.main .content .secure-website
{
	text-align: right; 
	font-size: 11px; 
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold;  
	color: #c00; 
}

.main .content .reserve-page .home-reservation-form td
{
	white-space: normal; 
}

.reserve-page .requirements
{
	margin: 1em 0; 
	background: #c00; 
	border: solid 2px #000; 
	color: #fff; 
	font-weight: bold; 
	padding: .5em 1em; 
	width: 420px; 
}

.vehicle-list
{
	background-color: #eee; 
	border-top: solid 1px #333; 
	margin: 0; 
	padding: 1em; 
}
.vehicle-list ul
{
	padding: 0 0 1em 0; 
	margin: 0; 
}
.vehicle-list a
{
	color: #92a9bb; 
}
.vehicle-list a:visited
{
	color: #92a9bb; 
}
.vehicle-list a:hover
{
	text-decoration: underline; 
}
.vehicle-list li
{
	list-style: none; 
	display: inline; 
	font-weight: bold; 
}
.vehicle-list li li
{
	font-weight: normal; 
	white-space: nowrap; 
	padding-left: .5em; 
	margin-left: .5em; 
}

.html-content
{
	background: #eee;
	border-bottom: #a9a9a9 1px solid;
	color: #333;
	font: x-small Verdana; 
	padding: 4px 8px; 
}
.html-content h1
{
	font-size: small; 
	margin: 0; 
	padding: 0; 
}
.html-content p
{
	margin: 0; 
	padding: 4px 0; 
}
