/*-----------------------------------------------------------------------------
Vá de Ônibus - Folha de estilos gerais do Site

autor:     Midia 3 - Werther Azevedo e Robson Waterkemper
website:   http://www.midia3.com.br/
-----------------------------------------------------------------------------*/


/* =Reset
-----------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

a{ text-decoration:underline; }





/* =Hacks
-----------------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { height:1%; }



/* =Elementos HTML
-----------------------------------------------------------------------------*/

html{
	
}

body, input, select, textarea {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
}

body {
	background:#044d63 repeat-x url(imagens/bg_site.gif);
	color:#323232;
	font: 11px;
	padding-bottom: 20px;
}

select, input, textarea {
	font:11px;
}

strong {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 15px;
}

/* =Gerais 
------------------------------------------------------------------------- */

.site {
	width: 771px;
	background: #FFFFFF url(imagens/border_site.gif) repeat-y;
	margin: auto;
}

/* =Header
------------------------------------------------------------------------- */

.header {
	background: url(imagens/topo_header.gif) no-repeat;
	padding-top: 30px;
	position: relative;
	margin-bottom: 7px;
}

.header .logo {
	float: left;
	margin-left: 15px !important;
	margin-left: 5px;
}

.header .slogan {
	float: left;
	background: url(imagens/bg_slogan.gif) no-repeat;
	height: 24px;
	color: #d9ecef;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	line-height: 24px;
	padding-left: 30px;
	width: 518px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	position: absolute;
	right: 5px;
	top: 62px;
}

.header .menu_principal {
	background: url(imagens/menu_principal_seta.gif) no-repeat !important;
	background: url(imagens/menu_principal_seta.gif) no-repeat 45px 0;
	height: 34px;
	position: absolute;
	right: 0px;
	top: 32px;
}

.header .menu_principal ul {
	float: left;
	background: url(imagens/bg_menu_principal) repeat-x;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-left: 43px;
	margin-top: 6px;
	height: 24px;
}

.header .menu_principal ul li {
	margin-top: 3px;
	float: left;
	margin-right: 7px;
	background: url(imagens/menu_principal_bullet.gif) no-repeat 0 5px;
	padding-left: 17px;
	line-height: 17px;
}

.header .menu_principal ul li a, .header .menu_principal ul li a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
}

.header .menu_principal ul li a:hover{
	color: #2c6b00;
}

.home             .header .menu_principal ul li.item01 a, .home             .header .menu_principal ul li.item01 a:visited,
.como_pesquisar_pagina   .header .menu_principal ul li.item02 a, .como_pesquisar_pagina   .header .menu_principal ul li.item02 a:visited,
.locais_especiais .header .menu_principal ul li.item03 a, .locais_especiais .header .menu_principal ul li.item03 a:visited, 
.sou_turista      .header .menu_principal ul li.item04 a, .sou_turista      .header .menu_principal ul li.item04 a:visited, 
.duvidas          .header .menu_principal ul li.item05 a, .duvidas          .header .menu_principal ul li.item05 a:visited, 
.fale_conosco     .header .menu_principal ul li.item06 a, .fale_conosco     .header .menu_principal ul li.item06 a:visited {
	color: #2c6b00;
}

.header .menu_principal ul li.primeiro {
	margin-right: 9px;
	background: none;
	padding-left: 0;
}

.menu_idiomas {
	position: absolute;
	right: 20px;
	top: 20px;
}

.menu_idiomas li {
	font-size: 10px;
	float: left;
	margin-right: 10px;
}

.menu_idiomas li a, .menu_idiomas li a:visited {
	color: #006175;
	text-decoration: none;
}

.menu_idiomas li a:hover {
	text-decoration: underline;
}

/* =rodape
-----------------------------------------------------------------------------*/
.rodape_shell {
	*padding-top: 10px !important;
	padding-top: 20px;
	clear: both;
	position: relative;
}

.rodape {
	clear: both;
	background: url(imagens/bg_rodape.gif) no-repeat;
	height: 61px;
	width: 751px;
	padding-top: 10px;
	padding-left: 20px;
}

.rodape ul { /* menu */
	float: right;
	margin-right: 28px;
	margin-top: 25px;
}

.rodape ul li {
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #2d94b8;
	line-height: 10px;
	*line-height: 15px;
}

.rodape ul li.ultimo_item {
	padding-right: 0px;
	margin-right: 0px;
	border-right: 0px;
}

.rodape .copyright {
	font-size: 10px;
	color: #878d95;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-left: 35px;
	margin-top: -10px;
}



.rodape ul li a, .rodape ul li a:visited {
	font-size: 10px;
	color: #568279;
}

.rodape ul li a:hover {
	text-decoration: none;
}

.sobre       .rodape ul li.item01 a,  .sobre       .rodape ul li.item01 a:hover,
.abrangencia .rodape ul li.item02 a,  .abrangencia .rodape ul li.item02 a:hover,
.empresas    .rodape ul li.item03 a,  .empresas    .rodape ul li.item03 a:hover {
	color: #FFFFFF;
	background: #568279;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
}

.rodape .volta_topo {
	background:url(imagens/bt_volta_topo.gif);
	width: 110px;
	height: 31px;
	display: block;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	position: absolute;
	top: 5px;
	right: 20px;
}

.rodape .volta_topo a, .rodape .volta_topo a:visited {
	color: #82afa6;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	padding-left: 30px;
	padding-top: 11px;
	width: 80px;
	height: 20px;
	display: block;
	text-decoration: none;
	line-height: 10px;
}

.rodape .volta_topo a:hover {
	color: #e95d1f;
}



/* =Coluna Secundaria
-----------------------------------------------------------------------------*/

.col_secundaria h2 {
	font-size: 15px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #0c6ba2;
}

.expresso {
	width: 182px;
	padding-left: 20px;
	padding-right: 20px;
	height: 179px;
	font-size: 11px;
	color: #7f7f7f;
	margin-top: 7px;
	padding-top: 10px;
	margin-bottom: 12px;
}

.expresso h2 {
	margin-bottom: 6px;
}

.expresso p.chamada {
	margin-bottom: 10px;
}

.expresso p a, .expresso p a:visited {
	color: #7f7f7f;
	text-decoration: none;
}

.expresso p a:hover {
	text-decoration: underline;
}

.expresso p.cadastre {
	background: url(../comum/imagens/bt_cadastre_expresso.gif) no-repeat;
	text-transform: uppercase;
}

.expresso p.cadastre a, .expresso p.cadastre a:visited {
	display: block;
	color: #9c0a0d;
	font-size: 11px;
	font-weight: bold;
	width: 90px;
	height: 26px;
	padding-left: 34px;
	padding-top: 12px;
}

.expresso p.cadastre a:hover {
	text-decoration: none;
	color: #ff2c05;
}

.expresso p small {
	font-size: 10px;
}

.noticias li {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 15px;
}

.noticias li p {
	font-size: 11px;
}

.noticias li a, .noticias li a:visited {
	text-decoration: none;
}

.noticias li a:hover {
	text-decoration: underline;
}

.noticias li h2, .noticias li p {
	margin-bottom: 6px;
}

.noticias li h2 a, .noticias li h2 a:visited {
	color: #0c6ba2;
}

.noticias li p a, .noticias li p a:visited {
	color: #7f7f7f;
}

.noticias li p.saiba_mais {
	background: url(../comum/imagens/bg_noticias_saiba_mais.gif) no-repeat 64px 4px;
	padding-right: 20px;
	display: block;
}



.noticias li p.saiba_mais a, .noticias li p.saiba_mais a:visited {
	color: #568279;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
}

.noticias li p.saiba_mais a:hover {
	text-decoration: underline;
}

.noticias li p.saiba_mais_externo {
	background: url(../comum/imagens/bg_noticias_saiba_mais_externo.gif) no-repeat 64px 0px;
	padding-right: 28px;
	display: block;
}

.noticias li p.espanhol {
	background-position: 107px;
}