@charset "utf-8";
@import url(reset.css);
@import url(common.css);
@import url(text.css);
@import url(form.css);

html, body { background: #e4e4e4; }
div { position: relative; }

.container {
	margin-left:  auto;
	margin-right: auto;
	width: 920px;
	height: 595px;
	margin-top: 5px;
	zoom: 1;
}

.leftSide { float: left; width: 560px; height: 600px; zoom: 1; }
.leftSide .chamada	{ position: absolute; top: 50px; left: 0px; z-index: 1000; }
.leftSide .foto			{ margin-top: 121px; margin-left: 5px; }
.leftSide .foto .legenda { position: absolute; width: 150px; font-size: 11px; right: -130px; bottom: 21px; line-height: 14px; color: #383838; }
div.creditos { font-size: 9px; color: #707070; padding-top: 0px; line-height: 12px; }
div.creditos a { color: #484848; }

.rightSide { float: left; height: 600px; zoom: 1; }
.rightSide .boxMenu { margin-top: 110px; zoom: 1; }
.boxMenu ul { margin: 0px 0px 0px 185px; padding: 0px; zoom: 1; }
.boxMenu ul li { list-style: none; margin: 20px 0px 0px 0px; padding: 0px; zoom: 1; }
.boxMenu ul li a {
	display: inline-block;
	padding: 5px 0px 5px 34px;
	font-size: 11px;
	font-weight: bold;
	background: url(../img/bl_00.gif) no-repeat 0px 100%;
	line-height: 1.2;
	color: #787878;
}
.boxMenu ul li a:hover { background-image: url(../img/bl_01.gif); color: #383838; text-decoration: none; }

.upperSide { display: block; zoom: 1; }
.upperSide .chamada { font-size: 28px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: right; margin-right: 380px; margin-bottom: 5px; zoom: 1; }
.upperSide .foto		{ float: left; zoom: 1; }
.upperSide .texto		{ float: right; width: 340px; height: 398px; overflow-y: auto; padding-right: 10px; text-align: justify; zoom: 1; }

.upperMenu { }
.upperMenu a.btVoltar { display: inline-block; position: absolute; top: 11px; right: 5px; width: 84px; height: 15px; background: url(../img/bt_00.gif) no-repeat; }
.upperMenu ul { margin: 0px 0px 0px 0px; padding: 0px; zoom: 1; }
.upperMenu ul li { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; float: left; zoom: 1; }
.upperMenu ul li a {
	display: inline-block;
	padding: 38px 0px 5px 10px;
	font-size: 11px;
	font-weight: bold;
	background: url(../img/bl_00.gif) no-repeat 0px 8px;
	line-height: 1.2;
	color: #787878;
}
.upperMenu ul li a:hover { background-image: url(../img/bl_01.gif); color: #383838; text-decoration: none; zoom: 1; }
.upperMenu ul li a.selected { background-image: url(../img/bl_01.gif); color: #383838; text-decoration: none; zoom: 1; }

.boxContent { height: 400px; }

.leftContent { float: left; width: 540px; margin: 40px 0px 0px 10px; zoom: 1; display: inline; }
.leftContent p { font-size: 10px; }
.leftContent p.descricao { position: absolute; width: 350px; top: 45px; text-align: justify; }
.leftContent p.legenda   { margin-top: -35px; zoom: 1; }
.leftContent .foto { margin-top: -30px; }

.rightContent { float: right; width: 360px; margin-top: 17px; zoom: 1; display: inline; }
.rightContent .texto { padding-right: 10px; overflow-y: auto; height: 333px; font-size: 11px; text-align: justify; }

.boxUpperDotted { border-top: 2px dotted #989898; padding: 10px 0px; margin: 0px 0px 0px 10px; zoom: 1; }
.boxUpperDotted img { float: left; }
.boxUpperDotted .boxConcessionarias { text-align: center; position: absolute; right: 0px; top: 20px; zoom: 1; }
.boxUpperDotted .boxConcessionarias .title { letter-spacing: 8px; font-weight: bold; font-size: 11px; margin-bottom: 10px; }
.boxUpperDotted .boxConcessionarias img { display: inline-block; text-align: center; margin: 0px 10px; }

div#boxGaleriaFotos { margin-top: 10px; zoom: 1; }
div#boxGaleriaFotos a img { border: 1px solid #e4e4e6; margin-right: 1px; margin-bottom: 1px; zoom: 1; }
div#boxGaleriaFotos a:hover img { border: 1px solid #ed1c24; zoom: 1; }