/*Theme Name: Expresso Nordeste 50 anos
Author: Fabio Rogerio - Agência WP
Version: 1.0
*/

@charset "utf-8";
@font-face {
    font-family: 'leelawadeeregular';
    src: url('fonte/leelawad-webfont.eot');
    src: url('fonte/leelawad-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonte/leelawad-webfont.woff') format('woff'),
         url('fonte/leelawad-webfont.ttf') format('truetype'),
         url('fonte/leelawad-webfont.svg#leelawadeeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* zerando as tags principais - por algum motivo essas tags ficam como elementos de linha, por isso transformamos elas em block */
header, section, footer, article, nav {display:block;}
.imgreplace {text-indent: -9999px; overflow: hidden; display: block;}
/* resetando outras tags importantes para nao atrapalhar la na frente */
*{margin:0px; padding:0px; border:none; outline:none; text-decoration:none; list-style:none;}

/* ============================================================================================================================= */
/* ============================================================================================================================= */

html{
	text-decoration:	none;
}
html, body{
	height:				100%;
}
#tudo{
	min-height:			100%; 
	position:			relative; 
	overflow:			hidden;
	top:-20px;
	padding-bottom:100px;
}
/* início da estrutura base */
header{
	position:relative;
	top:0;
	width:				100%;
	height:				197px;
	background:			url(../imagens/bg_header.png) repeat-x;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.75);
	z-index:			99999;
}
#logo_topo {
	width:				900px;
	height: 			80px;
	position:			relative;
	left:				50%;
	margin-left:		-450px;
	top:				47px;
	background: 		url('../imagens/topo.png');
}
#logo_topo p{
	position:			relative;
	left: 				450px;
	top: 				30px;
	font-family: 		'leelawadeeregular';
	font-size: 			20px;
	color: 				#666;

}
footer{
	width:				100%;
	background: 		url(../imagens/bg_footer.png) repeat-x top #CDCEBE;
	height: 			170px;
	position:			absolute;
	bottom:				0;
	text-align:			center;
}
#geral{
	width:				100%;
}
hr{
	width:				900px;
	border: 			dashed 1px #ccc;
	margin: 			10px auto;
	padding:			0;
}
/*estrutura do banner */
section#bannerslide{
	width:				100%;
}
#contBanner{
	background: 		#fff;
	overflow:			hidden;
	text-align:			center;
}
#box_buscapassagens{
	background:			#CBCBBC;
	width:				900px;
	height:				145px;
	position:			relative;
	left:				50%;
	margin-left:		-465px;
	top:				-72px;
	z-index:			999999;
	border:				solid 15px #fff;
}
/*=================================================================================================================
=====================                      estruturação da home                      =============================*/
section#home{
	width:				100%;
	position:			relative;
	top:				-60px;
}
section#minibanners, section#noticias, #turismo{
	width:				900px;
	position:			relative;
	left:				50%;
	margin-left:		-450px;
	overflow:			hidden;
}
.minibanner, .noticia_destaque, .pacotes{
	width:				208px;
	height:				303px;
	border:				solid 1px #BDBDAE;
	float:				left;
	background:			#fff;
	margin: 			0 7px;
}
.minibanner img, .noticia_destaque img{
	margin:10px;
}
.margin_esquerda{
	margin: 			0 0 0 20px;
}
/*noticias home*/
.noticia_destaque,  .pacotes{
	border:				none;	
}
.noticia_destaque{
	
}

/*=================================================================================================================
	o menu foi a ultima estrutura da base a ser montada então por isso ela é a ultima a ser formatada
=====================                      estruturação do menu                      =============================*/

nav{
	width:			900px;
	position:		relative;
	left:			50%;
	margin-left:	-450px;
	top:			70px;

}
nav ul{
	text-align:		center;
}
nav ul li{
	display:		inline;
	font-family: 	'leelawadeeregular';
	margin: 		0 5px;
}
nav ul li a{
	color:			#fff;
	font-size:		15px;
	padding:		28px 15px;
}
nav ul li a:hover{
	background:#B22D00;
}


/*=================================================================================================================
=====================                      estruturação da empresa                   =============================*/
section#empresa{
	width:			900px;
	position:		relative;
	left:			50%;
	margin-left:	-450px;
	top:			-70px;
}
nav#navempresa{
	width:			100%;
	height:			70px;
	background:		#B22D00;
}
nav#navempresa ul{
	text-align:		left;
	position:		relative;
	top:			25px;
}
nav#navempresa ul li{
	display:		inline;
	font-family: 	'leelawadeeregular';
	margin: 		0 5px;
}
nav#navempresa ul li a{
	color:			#fff;
	font-size:		15px;
	padding:		25px 15px;
}
nav#navempresa ul li a:hover{
	background:#F03D00;
}
#navegacao{
	position:relative;
	top:80px;
}
#navegacao li{
	display:inline;
	font-family: 	'leelawadeeregular';
	font-size:		11px;
	color:			#666;
}

/*=================================================================================================================
=====================                      estruturação da agencias                   =============================*/
section#agencias{
	width:			900px;
	position:		relative;
	left:			50%;
	margin-left:	-450px;
	top:			-70px;
	font-family: 	'leelawadeeregular';
}
nav#navagencia{
	width:			100%;
	height:			70px;
	background:		#CECEBF;
}
nav#navempresa ul{
	text-align:		left;
	position:		relative;
	top:			25px;
	left:0;
}
section#agencias article{
	overflow:hidden;
	margin-top:100px;
}

#navegacao{
	position:relative;
	top:80px;
}
#navegacao li{
	display:inline;
	font-family: 	'leelawadeeregular';
	font-size:		11px;
	color:			#666;
}
#abrangencia{
	width:			900px;
	background:		#F0F0E1;
}
#abrangencia p{
	padding:10px;
	font-family: 	'leelawadeeregular';
	font-size:15px;
	color: #666659;
}
#cidades{
	width:900px;
	background: #B22D00;
	height:40px;
	font-family: 'leelawadeeregular';
	color: #fff;
	clear: both;
	margin-top:100px;
}

/*=================================================================================================================
=====================                      estruturação de turismo                   =============================*/
section#turismopage, section#fretamento, section#dicas, section#encomendas, section#frota, section#contato{
	width:			900px;
	position:		relative;
	left:			50%;
	margin-left:	-450px;
	top:			-70px;
}
nav#navturismo, nav#navfretamento, nav#navdicas, nav#navencomendas, nav#navfrota, nav#navcontato{
	width:			100%;
	height:			70px;
	background:		#CECEBF;
}
nav#navturismo ul, nav#navfretamento ul, nav#navdicas ul, nav#navencomendas ul, nav#navfrota ul, nav#navcontato ul{
	text-align:		left;
	position:		relative;
	top:			25px;
	left:0;
}
section#turismopage article, section#fretamento article, section#dicas article, section#encomendas article, section#frota article, section#contato article{
	overflow:hidden;
	margin-top:70px;
	font-family: 'leelawadeeregular';
	font-size:12px;
}



/*=================================================================================================================
=====================                      estruturação de contato                   =============================*/
#formContato {}
#formContato fieldset {}
#formContato fieldset legend { font-size:120%; color:orange; text-transform:uppercase; font-weight:bold; padding: 5px 0; font-weight:normal; }
#formContato fieldset label { }
#formContato fieldset label span b {color:red;}
#formContato fieldset input, #formContato fieldset textarea, #formContato fieldset select  { border:1px solid #dedede; margin:4px 0; width:75%; padding:2px; }
#formContato fieldset select { width:50%; }



/*=================================================================================================================
=====================                      estruturação de seminovos                   =============================*/
.thumbsSeminovos{
	width: 175px;
	background:#FFF;
	border: solid 1px #CCCCCC;
	margin:10px 10px;
	float:left;
	padding:10px;


}
.thumbsSeminovos h4{
	font-family:YanoneKaffeesatz-Regular, Arial, Verdana, Helvetica, Sans-Serif;
	font-size:16px;
	color:#1A3B58;
	padding:2px;
}
.thumbsSeminovos h5{
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-size:12px;
	color:#4B4F53;
	padding:2px;
}
.thumbsSeminovos hr{
	border-bottom: solid 1px #CCCCCC;
	padding:2px 0px;
}
.thumbsSeminovos h6{
	background: url(../imagens/bg_detSeminovos.png) top no-repeat;
	width:175px;
	height:25px;
	margin:0px;	

}
.thumbsSeminovos h6:hover{
	background: url(../imagens/bg_detSeminovos.png) bottom no-repeat;
}

#foto_detalhe{
	margin:10px 0px 10px 10px;;
	float:left;
	width:498px;
	background:#FFFFFF;
	padding:5px;
	border:solid 1px #CCCCCC;
}
#texto_detalhe{
	float:left;
	margin:10px;
}
#texto_detalhe table{
	width:460px;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-size:12px;
	line-height:20px;
	
}
#blockMenu_seminovos{
	clear:both;
	width:900px;
	margin:8px;
}
#blockMenu_seminovos .botao_novos{
	margin-right:12px;
}
#blockMenu h6{
	position:relative;
	top:20px;
	left:5px;
}
