/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

html { font-size: 12px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;height:100%; }
html, button, input, select, textarea { font-family: 'FrutigerNextLTRegular', sans-serif; color: #003a59; }
body { margin: 0; font-size: 1em; line-height: 1.3;background: #e4eaed;height:100%;}

::-moz-selection { background: #003b5a; color: #fff; text-shadow: none; }
::selection { background: #003b5a; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */

a { color: #003a59;cursor:pointer; text-decoration:none;}
a:visited { color: #003a59; }
a:hover { color: #3d6e88; }
a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

@font-face {
    font-family: 'FrutigerNextLTBold';
    src: url('webfont/frutigernextlt-bold-webfont.eot');
    src: url('webfont/frutigernextlt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/frutigernextlt-bold-webfont.woff') format('woff'),
         url('webfont/frutigernextlt-bold-webfont.ttf') format('truetype'),
         url('webfont/frutigernextlt-bold-webfont.svg#FrutigerNextLTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FrutigerNextLTRegular';
    src: url('webfont/frutigernextlt-regular-webfont.eot');
    src: url('webfont/frutigernextlt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/frutigernextlt-regular-webfont.woff') format('woff'),
         url('webfont/frutigernextlt-regular-webfont.ttf') format('truetype'),
         url('webfont/frutigernextlt-regular-webfont.svg#FrutigerNextLTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}   

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-family: 'FrutigerNextLTBold'; }
em {font-style: italic;}
blockquote { margin: 1em 40px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { font-family: 'consolas', monospace, serif; _font-family: 'consolas', 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
p{margin:0 0 1em 0}

h1,h2,h3,h4,h5,h6 {margin: 0;font-weight: bold;color: #333333;text-rendering: optimizelegibility;}

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin:0;padding:0; list-style: none;display:inline-block;vertical-align:top;margin:0 0 0 20px}
ul.first{margin:0 0 0 0px}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
.ie7 ul{float:left;}

/* =============================================================================
   Embedded content
   ========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }


/* ==|== primary styles =====================================================
   Author: netmais
   ========================================================================== */

#wrapper{background: #e4eaed url('../images/bg_arvore_ex.gif') repeat-y top right;width:960px;min-height:100%;margin:0 auto;}
#main{background: url('../images/bg_arvore.gif') no-repeat top right;min-height:100%;padding:0 0 15px 0}

#title{width:380px;margin:25px 0 25px 0}
#title img{width:100%}
#banner{width:215px;float:left;}
#banner img{width:100%}
#content{width:540px;height:300px;margin:50px 0 0 250px;font-size: 20px;background: url('../images/vouchers.png') no-repeat 340px 30px;}
#content img{float:right;}
#concessionarios{background:#fff;font-size:14px;clear:both;width:680px;padding:15px;margin:55px 0 30px 0;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.default{display:block;}
#footer{width:700px;}
.ipad{display:none}
.mobile{display:none}
h1{font-family: 'FrutigerNextLTBold';color:#003a59;font-size: 16px;margin:0 0 10px 0}
h2{font-family: 'FrutigerNextLTBold';color:#003a59;font-size: 20px;margin:0 0 10px 0}
address{font-style:normal;}
#iconLocalizar{width:45px;height:45px;background: url('../images/btnLocalizar.png') no-repeat;display:inline-block;}
#localiza{display:inline-block;margin-left:15px;}
.btnBack{height:30px;width:30px;background: url('../images/btn_back.png') no-repeat;display:inline-block;}
#voltar{display:inline-block;margin-left:15px;margin-top:3px;vertical-align:top;}
.btnVoltar{cursor:pointer;margin-top:30px}

/* Smartphones (landscape) ----------- */
@media only screen
and (max-width : 320px)
and (orientation:landscape){
	body{padding: 0 0 0 25px;}
	.default{display:none;}
	.ipad{display:none}
	.mobile{display:block}
	#banner{width:170px;}
	#title{width:390px;}
	#content{width:225px;margin:30px 0 0 190px;font-size: 14px;background-position: 100px 120px;background-size:115px;}
	#concessionarios{width:360px;margin:10px 0 20px 0;}
	ul {display:block;margin:0;}
	#wrapper{width:420px;min-height:100%;background-size: 8%;}
	#main{width:420px;background-size: 70%;}
	.hide{display:none;}
	.btnVoltar{position:relative;}
	#iconLocalizar{background-size:30px;height:30px;width:30px;}	
	.btnVoltar{position:relative;margin: 20px 0 0 0}
	#localiza{font-size:13px;margin:0px 0 0 10px;vertical-align:top;}
	#voltar{margin-left:10px;margin-top:6px;vertical-align:top;}

}


/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px)
and (orientation:portrait) {
	body{padding: 0 0 0 35px;}
	.default{display:none;}
	.ipad{display:none}
	.mobile{display:block}
	ul {display:block;margin:0;}
	#content{width:240px;height:auto;display:block;margin:20px 0 0 0;font-size:13px;background-position: 110px 83px;background-size:123px;}
	#banner{width:240px;float:none;}
	#wrapper{width:100%;min-height:100%;background-size: 8%;}
	#main{background-size: 70%;}
	#title{width:240px;}
	#concessionarios{width:210px;margin:15px 0 30px 0;font-size:14px;}
	#concessionarios h2{font-size:16px;}
	.btnVoltar{position:relative;margin: 20px 0 0 0}
	#localiza{display:inline-block;position:absolute;margin-top:7px;}
	#voltar{position:absolute;margin-top:7px;}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	body{padding: 0 0 0 25px;}
	.hide{display:none;}
	#wrapper{width:100%;min-height:100%;background-size: 5%;}
	#main{background-size: 45%;}
	#content{width:445px;background-position: 240px 130px}
	#concessionarios{width:680px;margin:45px 0 30px 0;font-size:14px}
	.default{display:none}
	.ipad{display:block}
	.mobile{display:none}
	ul, ol { margin:0 0 0 15px}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	body{padding: 0 0 0 25px;}
	#concessionarios{width:780px}
}


/* ==========================================================================
   Helpers
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }