@charset "utf-8";
@import url('../_css/global-reset.css');

/* CSS Document for Auto-Prudente - BASE */

body {background-color:#ccc; font-family: 'Ubuntu', Verdana, Geneva, sans-serif; font-size:90%}

a {text-decoration:none}
a:hover {outline:none; text-decoration:underline}
a:active, a:focus {outline:none; text-decoration:none}

h1, h2, h3, h4, h5 {line-height:1.2em}
p {font-size:.9em; line-height:1.3em}
strong {font-weight:bold}

/* Main DIVs */

#wrapper {background:#f1f2f2 url('../_img/bkg/wrap.gif') repeat-y; margin:0 auto; padding:0 4px; width:960px}

#header {background:transparent url(../_img/bkg/header.png) 0 top no-repeat; height:155px; position:relative; z-index:20}
  #header #logo {position:absolute; top:0; left:100px; z-index:20}
  #header h1, #header h2, #header h3 {color:#017470; font-size:2.1em; font-weight:bold; padding-right:30px; text-align:right}
  #header h2 {font-size:1.7em; margin-bottom:5px}
  #header h3 {font-size:1.2em}

#estab96 {
	position:absolute;
	top: -5px;
	left: -20px;
	width: 140px;
	height: auto;
	z-index: 999
}

#nav {color:#fff; font-size:1.05em; position:absolute; top:117px; right:40px}
  #nav li {float:left}
  #nav li a {color:#fff; display:block; float:left; font-weight:bold; padding:0 8px; text-transform:uppercase}
  #nav li a:hover {color:#ffd400; text-decoration:none}

#carSplash {background:url(../_img/bkg/albufeira.jpg) 0 0 no-repeat; float:left; margin-bottom:-24px; padding-top:60px; position:relative; top:-44px; left:30px; z-index:5; width:450px}
  #carSplash .pic {}
  #carSplash .splash {
		background:url(../_img/bkg/star.png) 0 0 no-repeat;
		color:#fff;
		font-size:1.3em;
		font-weight:bold;
		height:73px;
		line-height: 22px;
		padding:22px 15px;
		text-align:center;
		width:120px;
		position:absolute;
		top:185px;
		left:30px
	}
  #carSplash :hover span {color:#ffd400}
  #carSplash .subtit2 {color:#fff; font-size:1.4em; font-weight:normal; height:110px; text-align:center}
  #carSplash a:hover {text-decoration:none}
  #carSplash .subtit3 {background-color:#017470; color:#ffd400; float: left; font-size:1.1em; font-weight:bold; margin-bottom:5px; padding:3px; text-align:center; width:244px}
  #carSplash p {color:#666; font-size:.85em; margin-bottom: 10px }
  #weather-box {float:left; width: 180px; height:150px; margin-right:20px; overflow:hidden}

#content {float:left; position:relative; left:50px; width:430px}
  #content p {color:#333; font-size:.9em; line-height:1.3em; padding-top:10px; text-align:justify}
  #video iframe {position:relative; z-index:20}

#carFleet {clear:both; float:left; margin:0 25px 10px 26px}
  #carFleet h2 {color:#017470; font-size:2em; font-weight:bold; padding-left:5px}
  #carFleet div {background:url(../_img/bkg/carBox.png) left top no-repeat; clear:both; margin:8px 0; padding:10px 10px 0; position:relative; width:530px}
  #carFleet div img {float:left; margin-right:10px}
  #carFleet div h4 {color:#999; font-size:1.4em; font-weight:bold; height:24px}
  #carFleet div h3 {color:#666; font-size:1.1em; height:22px}
  #carFleet div .rem {color:#017470; font-size:.75em; height:16px}
  #carFleet div .bot {background:url(../_img/bkg/carBox.png) left bottom no-repeat; clear:both; display:block; height:9px; margin:0 -10px}
  #carFleet .btnEnq {background:url(../_img/bkg/btnEnq.png) 0 0 no-repeat; color:#017470; display:block; font-size:1.1em; font-weight:bold; height:24px; line-height:23px; padding-left:10px; position:absolute; top:11px; right:12px; text-transform:uppercase; width:95px}
  #carFleet .carPrice {background:#f2f2f2; color:#003a38; font-size:1em; line-height:28px; margin-top:8px; text-align:right}
	#carFleet .carPrice strong {background:#fff5c3; color:#017470; display:inline-block; font-size:1.1em; font-weight:bold; margin-left:10px; padding:1px 8px; text-align:right}
  #carFleet .carDesc {background:none; margin:0; padding:4px 0 0 0}
  #carFleet .carDesc ul {float:left; font-size:.85em; padding-top:5px; width:360px}
  #carFleet .carDesc ul li {float:left; line-height:1.5em; list-style:inside; width: 180px}
  #carFleet .infoMore, #carFleet .less {background:url(../_img/bkg/btn-info.png) left top no-repeat; display:block; height:15px; width:77px; position:absolute; top:88px; left:180px}
    #carFleet .less {background-position:left bottom}
  #carFleet a:hover {text-decoration:none}

#carFleet {}
  #carFleet .conditions h3 {color:#017470 !important; font-size:1.4em !important; padding:3px 10px 8px}
  #carFleet .conditions p {font-size:.8em; line-height:1.3em; margin:0 10px 6px}
  #carFleet .conditions p strong{color:#666}

#algarve {float:left; width:330px}
  #algarve h2 {background-color:#017470; color:#ffd400; font-size:1.2em; font-weight:bold; margin:10px 0; padding:3px; text-align:center}
  #algarve h3 {border-bottom:1px dotted #ccc; clear:both; color:#017470; font-size:1em; padding-bottom:3px; text-transform:uppercase}
  #algarve p {color:#333; font-size:.85em; margin:5px 0; text-align:justify}
  #algarve img {background:#fff; border:1px solid #999; margin:0 auto 10px; padding:4px}

#footer {background-color:#666; clear:both; margin-top:25px; height:40px}
  #footer p{line-height:35px; text-align:center}
  #footer span{margin-left:120px}

#promo {background:#017470; height:80px; padding:20px 10px; text-align:center}
  #promo h1 {color:#ffd400; font-size:1.6em}
  #promo h2 {color:#fff; font-size:1.4em}
  #promo img {float:left; margin:-20px 0 -20px -10px;}

.offer1 {padding-top:10px !important}
  .offer1 a {background:#FFD400; border-radius:4px; color:#017470; display:block; font-size:13px; margin:10px auto; text-align:center; width:100px}
  .offer1 a:hover {background:#fff; text-decoration:none}

.v2 {height:100px !important; position:relative}
.v2 img {margin:0 !important; position:absolute}
.v2 #apartment {top:12px; left:32px; border:2px solid #fff}
.v2 #promoCar {top:20px; right:30px}


/* Common CLASSes */

.tBold {font-weight:bold}
.tItal {font-style:italic}
.tBoldItal {font-weight:bold; font-style:italic}
.tL {font-size:115% !important}
.tXL {font-size:130% !important}
.tS {font-size:90% !important}
.tXS {font-size:80% !important}
.cGrayL {color:#F3F3F3}
.cGrayM {color:#CCC}
.cGrayD {color:#999}
.cGreen {color:#017470}
.cGreenD {color:#003a38}
.cYellow {color:#ffd400}
.cWhite {color:#fff}
.floatLM10 {float:left; margin:5px 10px 5px 0 !important}
.floatRM10 {float:right; margin:5px 0 5px 10px !important}

.clear {clear:both}
.mt4 {margin-top:4px}

hr.sep1, hr.sep2 {background:url(../_img/bkg/hr1.gif); border:none; clear:both; display:block; height:12px; margin:15px 30px 10px}
hr.sep2 {margin:10px 0}