/***************************************************/
/*                   Estrutura                     */
/***************************************************/

@font-face {
    font-family: 'GothamBold';
    src: url('../fontes/gotham_bold-webfont.eot');
    src: url('../fontes/gotham_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/gotham_bold-webfont.woff') format('woff'),
         url('../fontes/gotham_bold-webfont.ttf') format('truetype'),
         url('../fontes/gotham_bold-webfont.svg#GothamRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

	*{margin: 0; padding: 0; outline:0 none;}
	
	body{
	color: #58585a;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../imagens/estrutura/background-container.jpg) repeat-y top center #fcf7e9;}
	
	p{
	margin: 0 0 15px 0;
	color: #58585a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;}
	
	a{
	font-family: Arial, Helvetica, sans-serif;
	color: #00A4E4;
	text-decoration: none;
	cursor: pointer;
	outline: 0;}
	
	ul, li, #page .BoxExpansivel ul, #page .BoxExpansivel li{
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;}
	
	img{border: none;}
	
	hr{
	text-align:left;
	clear: both;
	width:32px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0 none;
	border-top: 1px solid #aaa7a1;
	font-size: 0;
	line-height:0;}
	
	.ClearBoth{clear: both;}
	.FloatLeft{float: left;}
	.FloatRight{float: right;}
	.Esquerda{float: left;}
	.Direita{float: right;}
	.DisplayBlock{display: block;}
	.TextIndent{text-indent: -99999px;display: none;}
	
	noscript p{
	padding:10px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#000;
	background:#ffd800;}
	
	html, body, .Container{height: 100%;}
	
	.Container{
	height:auto;
	min-height:100%;
	background: url(../imagens/estrutura/background-topo.jpg) no-repeat top center;}
	
	.Content{margin-bottom:365px;}
	
	.Main{
	position:relative;
	width:980px;
	margin:0 auto;}
	
	.Content:after{content: "."; display: block; visibility: hidden; clear: both; height: 0;}
	.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
	* html .clearfix { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */
	
	.bannerIE6{
	clear: both; 
	height: 42px; 
	width:100%; 
	padding:0 0 0 15px; 
	position: absolute; 
	z-index:999;
	top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+0+"px" : body.scrollTop+0+"px"); 
	left:0; 
	text-align:center; 
	background:orange;}

/***************************************************/
/*                   Títulos	                   */
/***************************************************/

h1, h2, h3, h4, h5, h6
{
	padding: 0 0 15px 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1{
	font-size: 30px;
	text-transform:uppercase;
	font-family:'GothamBold';
}

.Main #page{clear:both;}
#page h1{padding-bottom:5px;}
h2{font-size: 21px;}
h3{font-size: 19px;}
h4{font-size: 18px;}
h5{font-size: 16px;}

#home ul.ListaDestaques li h2{
font-size: 20px;
min-height: 40px;}

/*Titulo com bullet de setas*/
.TituloDecorado
{
	font-family:'GothamBold';
	font-weight:normal;
	text-transform:uppercase;
	padding:8px 0 0 30px;
	margin-bottom:15px;
	background:url(../imagens/estrutura/sprite-setas.png) no-repeat;
}

.SetaVermelha{background-position:0 0;}
.SetaAzul{background-position:0 -57px;}
.SetaVerde{background-position:0 -110px;}
.SetaCinza{background-position:0 -162px;}

.TextoDestaque
{
	text-transform:uppercase;
	font-weight:bold;
}


/***************************************************/
/*                   Icones		                   */
/***************************************************/

.BulletMais
{
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	background:url(../imagens/icones/mais-redondo.png) no-repeat;
}

/***************************************************/
/*                   Botoes		                   */
/***************************************************/

.botao, a.botao
{
	display:inline-block;
	padding:10px 12px;
	background:#faf5e9;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	text-transform:uppercase;
	font-family:'GothamBold';
	font-size:13px;
	margin:6px 0 0;
	color:#69696a !important;
	-webkit-box-shadow: 0px 0px 10px #d5d0c7;
	-moz-box-shadow: 0px 0px 10px #d5d0c7;
	box-shadow: 0px 0px 10px #d5d0c7; 
}

.article .botao{margin:15px 0;}

/*ajusta botao para browser sem CSS3*/

	.no-borderradius .botao,.no-borderradius .botao span{
	background:url(../imagens/botoes/sprite-botoes.gif) no-repeat 0 0;}
	
	.no-borderradius .botao{
	zoom:1;
	height: 52px;
	padding: 0 0 0 23px;}
	
	.no-borderradius .botao span{
	display:inline-block;
	zoom:1;
	background-position: 100% 0;
	margin-right: -11px;
	padding: 22px 23px 18px 0;}


/***************************************************/
/*                   Cores		                   */
/***************************************************/

	h1, h2, h3, h4, h5, h6{color: #58585a;}
	.TextBox, .DropDownList{color: #666;}
	
	/*classes utilizadas para as categorias dos eventos*/
	.Verde{color:#7ea007;}
	.Vermelho{color:#c02618;}
	.Azul{color:#009ad5;}
	.Cinza{color:#a7a7a8;}

/***************************************************/
/*                   BOX		                   */
/***************************************************/

/* BOX EXPANSIVEL (papel reciclado) */

	.BoxExpansivel, .BoxExpansivel .Top, .BoxExpansivel .Bottom{
	background-image:url(../imagens/estrutura/sprite-box.png);}

	.BoxExpansivel .Top, .BoxExpansivel .Bottom{
	position:absolute;
	left:0;
	width:672px;
	height:15px;
	background-repeat:no-repeat;}

	.BoxExpansivel{
	position:relative;
	z-index:2;
	margin:30px auto;
	padding:10px 25px 0;
	width:622px;
	background-repeat:repeat-y;
	background-position:right top;}
	
	.article-historia .BoxExpansivel{
	padding:30px 25px;}
	
	.BoxExpansivel .Top{
	top:-15px;
	background-position:-1px top;}
	
	.BoxExpansivel .Bottom{
	bottom:-15px;
	background-position:-1px bottom;}
	
/* BOX PADRAO - EXPANSIVEL VERTICAL E HORIZONTALMENTE*/

	.BoxPadrao{
	position:relative;
	margin-bottom:20px;
	padding:20px;
	border:solid 1px #e3dccf;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:url(../imagens/estrutura/bg-reciclado.jpg);}
	
	/*trata cantos arredondados para browsers sem border-radius*/
	.no-borderradius .BoxPadrao .Cantos{
	position:absolute;
	display:block;
	width:6px;
	height:6px;
	background:url(../imagens/estrutura/sprite-cantos-box.gif);}
	
	.no-borderradius .BoxPadrao .TopLeft{top:-1px; left:-1px; background-position:left top;}
	.no-borderradius .BoxPadrao .TopRight{top:-1px; right:-1px; background-position:right top;}
	.no-borderradius .BoxPadrao .BottomLeft{bottom:-1px; left:-1px; background-position:left bottom;}
	.no-borderradius .BoxPadrao .BottomRight{bottom:-1px; right:-1px; background-position:right bottom;}

/***************************************************/
/*                   HOME		                   */
/***************************************************/

.Main .ColunaEsquerda{
	float:left;
	width:650px;
}

.Main .ColunaDireita{
	float:right;
	width:285px;	
}

.Main .ColunaDireita .botao{float:right;}
.Destaque{margin-bottom:25px;float:left}

.LogoImpressao{display:none;}

.abanner-facebook{margin-top: 48px;}

/***************************************************/
/*             INTERNAS - ARTIGOS                  */
/***************************************************/

.article .Main .ColunaEsquerda, .details .Main .ColunaEsquerda{width:670px;}
.article .Main .ColunaDireita, .details .Main .ColunaDireita{padding-top:75px;}

.article .DestaquesArtigos h2, .article .DestaquesArtigos .botao{display:none;}
.article .DestaquesArtigos p{margin:0;}

.article #page h4{padding:15px 0;}
.article #page .content-article a{color:#a20101;}
.article #page .content-article p a:hover{text-decoration:underline;}
.article #page.trade .content-article a{color:#009be3;}
.article #page.negocios .content-article a{color:#7fa207;}
.article #page.imprensa .content-article a{color:#58585A;}

.article #page .content-article a.botao{color:#69696A !important;}
a.botao:hover{text-decoration: none!important;}

#page ul{padding:0 0 13px 15px;}

#page ul li{
list-style:disc;
padding:2px 0 3px 5px;}

/* BREADCRUMB */

.moduletableBreadCrumb a{color:#58585A;}
.moduletableBreadCrumb a:hover{text-decoration:underline;}

.moduletableBreadCrumb{
padding:0 0 15px 0;
font-size:12px;}

/* LEGENDA IMAGENS */

.easy_img_caption{
background-color:transparent !important;
position:relative;
overflow:hidden;}

.easy_img_caption_inner{
display:block !important;
position:absolute;
bottom:0;
left:0;
color:#FFFFFF !important;
background:url("../imagens/icones/px-legenda.png") repeat !important;
width:90%;
padding:3px 5% !important;
font-weight:normal !important;
text-align:right !important;
}

/* TABELAS */

.BoxExpansivel a{color:#CA291A;}

.BoxExpansivel .Tabela{
width:100%;
margin:0 0 15px 0;
border-collapse:collapse;}

.BoxExpansivel .Tabela td{
padding:8px;
border:1px solid #F9F5EA;}

.BoxExpansivel .Tabela td a{
color:#CA291A;
text-decoration:underline;}

.BoxExpansivel .Tabela tr.AlternateRow td{
background:#F9F5EA;}

.BoxExpansivel ul, .BoxExpansivel li{
padding:3px;
margin:2px;}

body.informacoes-uteis #page .BoxExpansivel li{list-style:circle;}	

/*PAGINACAO*/

/*seta de anterior e proximo*/
#page .list-footer ul.pagination .Primeiro a, #page .list-footer ul.pagination .Ultimo a
{
	display:inline-block;
	width:24px;
	height:10px;
	vertical-align:middle;	
	font-size:0;
	line-height:0;
	background:url(../imagens/botoes/sprite-setas-paginacao.png) no-repeat;
}
#page .list-footer ul.pagination .Primeiro span, 
#page .list-footer ul.pagination .Ultimo span{display:none;}
#page .list-footer ul.pagination .Primeiro a{background-position:0 0;}
#page .list-footer ul.pagination .Ultimo a{background-position:100% 0;}

#page.trade .list-footer ul.pagination .Primeiro a{background-position:0 -20px;}
#page.trade .list-footer ul.pagination .Ultimo a{background-position:100% -20px;}

#page.negocios .list-footer ul.pagination .Primeiro a{background-position:0 -40px;}
#page.negocios .list-footer ul.pagination .Ultimo a{background-position:100% -40px;}

#page.imprensa .list-footer ul.pagination .Primeiro a{background-position:0 -60px;}
#page.imprensa .list-footer ul.pagination .Ultimo a{background-position:100% -60px;}


.placeholder{ color: #aaa;}
.chronoform{display:none;}

.RotasMapas {
  float: left;
  margin: 0 0 15px;
  padding: 0 !important;
}

.RotasMapas li{
	float:left;
	list-style:none !important;
	margin: 0 20px 0 0;
}


/* ==========================================================================
	Novo css de vídeos
	========================================================================== */
	.video-new .item{
		background-image: url("http://www.turismoemsaopaulo.com/templates/home/imagens/estrutura/sprite-box.png");
		background-position: left center;
		border-radius: 10px;
		padding: 20px;
		text-align: center;
		overflow: hidden;
		width: 640px;
		margin-bottom: 20px;
	}

	.video-new h2{
		margin: 0 0 20px 0;
		color: #58585A;
		font-size: 20px;
		padding: 0;
		text-transform: uppercase;
		font-family: Arial;
	}

	.video-new .logo{
		width: 40%;
		float: left;
	}

	.video-new .logo a{
		display: block;
		margin-top: 10px;
	}

	.video-new .thumb{
		width: 57%;
		margin-left: 2%;
		float: left;
		border-left: 1px dashed #595246;
	}

	.video-new .video{
		cursor:pointer;			
		margin-bottom: 20px;
		overflow: hidden;
	}

	.video .thumb a{
		position: relative;
		display: block;
		background: url("http://www.turismoemsaopaulo.com/templates/home/imagens/estrutura/sprite-borda-imagem-maior.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		margin: 0 0 0 25px;
		padding-top: 15px;
		width: 320px;
	}

	.video .thumb .play{
		position: absolute;
		top:50%;
		left: 50%;
		margin: -22px 0 0 -22px;
		opacity: 0.5;
	}

	.video .thumb:hover .play{
		opacity: 1;
	}