/* RESET CSS - INICIO */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/* RESET CSS - FINAL */

body {border-top:0px; font-size:100%; background:#ededed;font-family: Arial, Helvetica, sans-serif;
	background-image:url(../../img/back2.jpg); background-attachment: fixed;}
#site {width:1000px; margin:-5px auto 0; padding:0; position:relative}
h1 {font-size:150%; position:relative}
p {font-size:90%; margin:1em 0; }
.clear:before,
.clear:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	min-height:0;
}

.clear:after { clear: both }
.clear {min-height:0}

.left {float:left}
.right {float:right}
.clear {clear:both}
.nowrap { white-space: nowrap }

#topo {margin:5px 0px 0px 0px; position:relative; z-index:6; }
#topo .fundo {width: 1000px; background-image: url(../../img/banner_principal.jpg); }
#topo .colEsq {float: left; width: 320px; }
#topo .colEsq img {margin-top: 20px;}
#topo .colEsq div {width: 100%; text-align: center; font-weight: bold; font-size: 16px; margin-top: 40px;}
#topo .colDir {float: right; width: 650px;}
#topo input[type="text"] {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
#topo > div {height:221px; width:739px; position:relative}

/*HEADER AUX*/
#topo > div .menuTop {height:35px; }
#topo > div .menuTop ul {width:403px;padding:0; font-size:70%; background:url(../../img/sp-main.png) -333px 0 no-repeat scroll; float:left}
#topo > div .menuTop li {padding:9px 8px 3px 7px; list-style:none; float:left; height:23px}
#topo > div .menuTop li ~ li {border-left:3px solid #767676;}
#topo > div .menuTop li a {color:#1E3253; text-decoration:none; font-weight:bold; margin:0 10px 0; display:inline-block}
#topo > div .menuTop li a:hover {text-decoration: none; color: #FFF;}

#topo .colDir {}

/*MENU*/
#menu li a {
  font-family: "Arial Black", arial, sans-serif;
  text-decoration:none;
  font-size:80%;
  display:block;
  text-align:center;
  background:url(../../img/sp-main-nav.png) repeat-x scroll;height:37px; line-height:250%; color:#1E3253;
  margin:0 0 0 0;
  position:relative;
  text-indent:-10px;
  -webkit-border-radius: 0 0 20px 0;
  -moz-border-radius: 0 0 20px 0;
  border-radius: 0 0 20px 0; 
  -moz-box-shadow: 0 -1px 6px #333;
  -webkit-box-shadow: 0 -1px 6px #333;
  box-shadow: 0 -1px 6px #333;
  behavior: url(PIE.htc);
  cursor:pointer;
}
#menu {position:absolute; z-index:4; right:0; width:1000px; margin: 0px; background-color: #1E3253;}
#menu > ul{padding:0; margin:0; *margin:0; position:relative; float: left;}
#menu li {list-style:none; float:left; height:40px}

#menu li a.item {background-position:0 0; width:130px; margin: 0; z-index: 10;}
#menu li a.item:hover,
#menu li a.item.active {background:#FFF;}

#menu li a.item2 {background-position:0 0px; width:130px; margin:0 0 0 -18px; z-index: 9;}
#menu li a.item2:hover,
#menu li a.item2.active {background:#FFF}

#menu li a.item3 {background-position:0 0px; width:130px;  margin:0 0 0 -18px; z-index: 8;}
#menu li a.item3:hover,
#menu li a.item3.active {background:#FFF}

#menu li a.item4 {background-position:0 0px; width:210px; margin:0 0 0 -18px; z-index: 7;}
#menu li a.item4:hover,
#menu li a.item4.active {background:#FFF}

#menu li a.item5 {background-position:0 0px; width:130px; margin:0 0 0 -18px; z-index: 6;}
#menu li a.item5:hover,
#menu li a.item5.active {background:#FFF}

#menu li a.item6 {background-position:0 0px; width:160px; margin:0 0 0 -18px; z-index: 5;}
#menu li a.item6:hover,
#menu li a.item6.active {background:#FFF}

#menu li a.item7 {background-position:0 0px; width:160px; margin:0 0 0 -18px; z-index: 4;}
#menu li a.item7:hover,
#menu li a.item7.active {background:#FFF}
#menu li a.active { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height:45px;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }

/*LI FIX*/
#menu li.fix {
  background: none repeat scroll 0 0 #ededed;
  height: 45px;
  margin: 0 0 0 15px;
  position: absolute;
  right: -15px;
  top: -5px;
  width: 15px;
}

#banner {float: left; height: 300px; width: 1000px; margin-top: 35px;}

#conteudo {float: left;  width: 1000px;  margin-top: 5px;}

.conteudo {background:#fff; padding:8px 40px 10px 40px;
  -webkit-border-radius:0 0 0 50px;
  -moz-border-radius:0 0 0 50px;
  border-radius:0 0 0 50px;
  behavior: url(PIE.htc);
  padding:20px 20px 40px 20px; width:90%; margin-left:auto; margin-right:auto; margin-bottom: 20px; margin-top: 20px;}
  
.conteudo img {margin: 20px 10px 10px 10px;  border-radius:5px 5px 5px 5px; border: 0px solid #ffffff;}
.conteudo p {text-align: justify; line-height: 25px;}
.bg-diag-05 {background:url(../../img/bg-diag-05.gif) left top repeat scroll;}

/*COLUNA DIREITA*/
.conEsq {width:280px; float:left; margin-bottom:20px}

.conEsq .wrap-1 {background:#fff}
.conEsq .wrap-2 {background:#dfdfdf}
.conEsq .wrap-3 {background:#d2d2d2}
.conEsq .wrap-4 {background:#585858}
.conEsq .wrap-5 {background:#008fa0}

.conEsq .blocoEsquerda {background:#dfdfdf; padding:0 0 20px 0; position:relative; z-index:2; clear:both; display:block}
.conEsq .blocoEsquerda > div {padding:10px 10px 10px 20px; font-size:75%}
.conEsq .blocoEsquerda > div img {margin:0 15px 0 0;  border-radius:5px 5px 5px 5px; border: 0px solid #FFFFFF;}
.conEsq .blocoEsquerda > div span {display:inline-block; width:75%}

.conEsq .listagem {font-size:70%; margin:0 0 10px; display:block}
.conEsq .listagem li {padding:13px 0}
.conEsq .listagem a {color:#303030; text-decoration:none; font-size:150%; }
.conEsq .listagem a:hover {text-decoration:underline}
.conEsq .listagem a:hover span {text-decoration:underline}
.conEsq .listagem a .date {color: #990000; font-size: 12px; font-weight: bold;}

.conEsq h3, .conEsq h3.sub {
  background:url(../../img/bg-diag-05.gif) left top repeat scroll;
  font-size:100%;
  color:#1E3253;
  text-align:left;
  padding:10px 30px;
  position:relative;
  z-index:1;
  font-weight: bold;
  font-family: "Arial Black", arial, sans-serif;
  font-weight: normal;
}
.conEsq h3.round-bl {-webkit-border-radius:0 0 30px 0;-moz-border-radius:0 0 30px 0;border-radius:0 0 30px 0; behavior: url(PIE.htc);}
.conEsq .blocoEsquerda.round-bl,
.conEsq .wrap-3.round-bl {-webkit-border-radius:0 0 0 60px;-moz-border-radius:0 0 0 60px;border-radius:0 0 0 60px; behavior: url(PIE.htc);}
.round-bl a {color: #FFFFFF; text-decoration: none;} 
.conEsq h3.sub {padding-top:87px; margin-top:-80px; z-index:0; display:block}

h3.diag-06, .diag-06 {background:url(../../img/bg-diag-06.gif) left top repeat scroll;}

h1.titulo {
  color:#fff;
  padding:5px 0 5px 30px;
  -webkit-border-radius:0 0 0 30px;-moz-border-radius:0 0 0 30px;border-radius:0 0 0 30px; behavior: url(PIE.htc);
  -moz-box-shadow: -1px 2px 4px #999;  -webkit-box-shadow: -1px 2px 4px #999;  box-shadow: -1px 2px 4px #999;
  margin:0 0 20px 0;
  font-family: "Arial Black", arial, sans-serif; font-weight: normal
}

h1.titulo {background:url(../../img/bg-diag-06.gif) left top repeat scroll;}

.titEmpresa {color: #990000; font-size: 20px;}
.marginBottom {margin-bottom: 20px;}

.conDir {width:715px; float:right; margin:0 0 20px; padding-bottom:40px; -webkit-border-radius:0 0 0 60px;
	-moz-border-radius:0 0 0 60px;border-radius:0 0 0 60px; behavior: url(PIE.htc); background:#e2e2e2;
	-webkit-border-radius:0 0 0 60px;-moz-border-radius:0 0 0 60px;border-radius:0 0 0 60px; behavior: url(PIE.htc);}
.conDir.white {background:#fff}
.conDir.grey {background:#e2e2e2}
.conDir h1{position:relative; z-index:1}

.listagem h3 {color:#4f4f4f; font-family: "Arial Black", arial, sans-serif; font-weight: normal; }
.listagem li {list-style:none; float:left; width:100%; padding:10px 0 }
.listagem li + li {border-top:1px dashed #888}
.listagem p {font-size:80%; margin:10px 0 0}
.listagem.grey {color:#707070}
.listagem.bold a {color:#707070; font-size:160%;display:block; width:90%; margin:0 auto}

.saibaMais {float: right; color: #990000; font-size: 12px; font-weight: bold; cursor: pointer;}
.saibaMais a {color: #990000; text-decoration: none;}
/*RODAPE*/
#rodape {background:#1E3253; color:#fff; width:100%; padding:0; clear:both; *clear:none; position:relative}
#rodape > div {padding:5px}

.itemRodape {width: 300px; padding: 10px; background-color: #FFF; float: left; color: #333; background:#fff; padding:8px 40px 10px 40px;
  -webkit-border-radius:30px 30px 30px 30px;
  -moz-border-radius:30px 30px 30px 30px;
  border-radius:30px 30px 30px 30px;
  behavior: url(PIE.htc); margin-right: 10px;  margin-left: 50px;
  padding: 20px 20px 40px 20px; margin-left:auto; margin-bottom: 20px; margin-top: 20px;}
 
 .itemRodape p{ font-size: 12px; font-weight: bold; float: left; padding: 0px; margin: 10px 0px 0px 0px; line-height: 20px;}

.itemRodape h4 {font-weight: bold; color: #990000; font-size: 20px; margin: 10px;}
.conteudo .item {float: left; width: 190px; padding: 10px; min-height: 190px;}
.conteudo .item img {float: left; width: 170px; margin: 10px 0px 15px 10px;}
.conteudo .item .tit {float: left; font-weight: bold; color: #666; font-size: 12px; text-align: center; width: 100%;}
.conteudo .item .date {color: #990000; text-align: center; font-size: 12px; font-weight: bold; margin: 5px;}
.conteudo .item a {color: #990000; text-decoration: none; } 
.conteudo .item img {margin: 10px 0px 15px 10px; float: left; width: 170px; }

fieldset {border: 1px solid #999; padding: 20px; -webkit-border-radius:10px 10px 10px 10px;
  -moz-border-radius:10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px; margin-bottom: 10px;
  behavior: url(PIE.htc); }
fieldset legend {font-weight: bold; padding: 5px;}
.campo {float: left; margin: 0px 0px 5px 0px; }
.campo .label{float: left; margin: 8px 5px 0px 0px; width: 200px; text-align: right; font-size: 12px;}
.campo .input {float: left;}
.campo .input .text {width: 300px; border: 1px solid #999; padding: 4px; }
.campo .input .text_30 {width: 30px; border: 1px solid #999; padding: 4px; }
.campo .input .text_70 {width: 70px; border: 1px solid #999; padding: 4px; }
.campo .input .text_100 {width: 100px; border: 1px solid #999; padding: 4px; }
.campo .input .text_200 {width: 200px; border: 1px solid #999; padding: 4px; }
.campo .input span {font-size: 12px; }

.textarea {margin-left: 100px; width: 400px; height: 100px;  border: 1px solid #999; padding: 4px; max-width: 400px; max-height: 800px; min-width: 400px; min-height: 100px;}

#dadosContato {line-height:20px; padding-button: 15px;}
.dados{float: left; width: 300px; text-align: left; font-size: 13px; line-height: 25px;}
.dados fieldset{font-size: 12px;}

.dados .label{float: left; margin: 8px 5px 0px 0px; width: 50px; text-align: right; font-size: 12px; color:#990000; font-weight: bold;}
.dados .input {float: left; margin: 8px 5px 0px 0px; }

 .localizacao{float: left; text-align: left;}
#dadosContato h3{color: #990000; font-weight: bold; font-size: 14px; margin-button: 15px;}
.textareaContato {margin-left: 127px; width: 380px; height: 100px;  border: 1px solid #999; padding: 4px; max-width: 350px; max-height: 800px; min-width: 380px; min-height: 100px;}

#dadosContato .label{float: left; margin: 8px 5px 0px 0px; width: 50px; text-align: right; font-size: 12px; color:#990000; font-weight: bold;}
#dadosContato .input {float: left; margin: 8px 5px 0px 0px; }

.formulario{padding: 10 0 0 0;}

.campo .label.col_50 {width: 50px;}
.campo .label.col_55 {width: 55px;}
.campo .label.col_100 {width: 100px;}
.campo .label.col_300 {width: 300px;}
.campo .label.col_115 {width: 115px;}

#actEnviar{border: 1px solid #999; padding: 5px; -webkit-border-radius:10px 10px 10px 10px; color: #FFF;
  -moz-border-radius:10px 10px 10px 10px;text-align: center; margin-left: 280px; background-color: #990000;
  border-radius:10px 10px 10px 10px; margin-bottom: 10px; width: 80px;
  behavior: url(PIE.htc);}
  
#actEnviar:hover{background-color: #660000;}

#actVoltar{border: 1px solid #999; padding: 5px; -webkit-border-radius:10px 10px 10px 10px; color: #FFF;
  -moz-border-radius:10px 10px 10px 10px;text-align: center; background-color: #990000;
  border-radius:10px 10px 10px 10px; margin-bottom: 10px; width: 80px; float:right;
  behavior: url(PIE.htc);}
  
#actVoltar:hover{background-color: #660000;}

#actEnviarCadastro{border: 1px solid #999; padding: 5px; -webkit-border-radius:10px 10px 10px 10px; color: #FFF;
  -moz-border-radius:10px 10px 10px 10px;text-align: center; margin-left: 280px; background-color: #990000;
  border-radius:10px 10px 10px 10px; margin-bottom: 10px; width: 80px;
  behavior: url(PIE.htc);}
  
#actEnviarCadastro:hover{background-color: #660000;}

#actSolicitacao{border: 1px solid #999; padding: 6px; -webkit-border-radius:10px 10px 10px 10px; color: #FFF;
  -moz-border-radius:10px 10px 10px 10px; text-align: center; margin-left:200px ; background-color: #990000;
  border-radius:10px 10px 10px 10px; margin-bottom: 10px; width: 180px;  margin-top: 10px;;
  behavior: url(PIE.htc); float:left;}
  
#actSolicitacao:hover{background-color: #660000;}

#actCadastro{border: 1px solid #999; padding: 6px; -webkit-border-radius:10px 10px 10px 10px; color: #FFF;
  -moz-border-radius:10px 10px 10px 10px; text-align: center; margin-left: ; background-color: #990000;
  border-radius:10px 10px 10px 10px; margin-bottom: 10px; width: 180px;  margin-top: 10px; margin-left: 5px;
  behavior: url(PIE.htc); float:left;}
  
#actCadastro:hover{background-color: #660000;}

#galleria {border: 1px solid #999; -webkit-border-radius:10px 10px 10px 10px;
  -moz-border-radius:10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px; margin-bottom: 10px;
  behavior: url(PIE.htc);}
  
.list {float: left;}
.list li{float: left; margin: 0px; padding: 0px; width: 300px;}
.list li p {float: left; margin: 0px; padding: 0px; font-weight: bold; font-size: 12px; color: #666; margin: 10px 0px 0px 10px;}
.list li img {float: left; margin: 0px; padding: 0px;}

.spInfo {display: none; color: #990000; font-size: 10px; margin-top: 2px;}
.quebra {clear:both;}

#mensagemAlerta{font-size: 14px; display:none; min-height: 250px; line-height:35px; width: 602px; text-align: center; color: #990000; font-weight: bold;}
#mensagemErro{font-size: 14px; display:none; min-height: 250px; line-height:35px; width: 602px; text-align: center; color: #990000; font-weight: bold;}
#carregando{font-size: 14px; font-weight: bold;  margin-left: 240px; margin-top: 30px; display:none; min-height: 350px; color: #990000;}

#mensagemAlertaC{font-size: 14px; display:none; min-height: 250px; line-height:35px; width: 602px; text-align: center; color: #990000; font-weight: bold;}
#mensagemErroC{font-size: 14px; display:none; min-height: 250px; line-height:35px; width: 602px; text-align: center; color: #990000; font-weight: bold;}
#carregandoC{font-size: 14px; font-weight: bold;  margin-left: 240px; margin-top: 30px; display:none; min-height: 350px; color: #990000;}


/* VIAGEM DETALHE */

.viagem{ width: 600px;}
.viagem fieldset {border: 1px solid #999;  -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px;
					border-radius:10px 10px 10px 10px; margin-bottom: 10px; behavior: url(PIE.htc); }
.viagem fieldset #galeria {width: 640px; float: left;}
.viagem fieldset #galeria .imagem{float: right; width:347px; border-radius: 5px;}
.viagem fieldset #galeria .imagem img{float: right; width: 347px; height: 260; margin:0px; border-radius: 10px;}
.viagem fieldset #galeria .detalhe{float: left; width: 270px; height: 210px; margin-top: 20px;}
.viagem fieldset #galeria .item {float: left; width: 270px; line-height: 30px;}
.viagem fieldset #galeria .detalhe .item .tit {font-weight: bold; color: #666;text-align: center; font-size: 20px; padding-bottom: 60px;}
.viagem fieldset #galeria .detalhe .item .date {color: #990000; text-align: right;  vertical-align: middle;}

.viagemDescricao{ font-size: 12px; text-align: justify;}
.viagemDescricao fieldset .dados{float: left; width: 300px; text-align: left; font-size: 13px; line-height: 25px;}

.viagemDescricao fieldset .dados .label{float: left; margin: 8px 5px 0px 0px; width: 70px; text-align: right; font-size: 12px; color:#990000; font-weight: bold;}
.viagemDescricao fieldset .dados .input {float: left; margin: 8px 5px 0px 0px; }
/* INICIO -- DICA */

.itemDica {width:95%; margin-left:auto; margin-right:auto; min-height: 210px; border-radius:5px 5px 5px 5px; border: 0px solid #ffffff; padding: 10px; text-align: justify;}
  
.itemDica img {margin: 20px 10px 10px 10px;  border-radius:5px 5px 5px 5px; border: 0px solid #ffffff;}
.itemDica .tit {margin: 20px 10px 10px 10px; size: 15px; color: #999; font-weight: bold;}
.itemDica p {text-align: justify; line-height: 25px; text-align: justify;}

.itemDica .saibaMais {float: right; color: #990000; font-size: 12px; font-weight: bold; cursor: pointer;}
.itemDica .saibaMais a {color: #990000; text-decoration: none;}

.dicaCinza {background-color: #F0F0F0; min-height: 210px;}
.dicaDetalhe img{margin: 0px; max-width:605px; max-height:454px; }
.dicaDetalhe .itemImg{
	padding: 5px;
	float: left;
	border: 1px solid #999;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	background-color: #990000;
	border-radius:10px 10px 10px 10px;
	behavior: url(PIE.htc);
	background-color: #DFDFDF;
	margin: 5px 5px 0px 5px;
}

.dicaDetalhe img{
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	behavior: url(PIE.htc);
	background-color: #DFDFDF;
	max-width:605px;
	max-height:454px;
	

}
.dicaDetalhe .imagemExibir{
	float: left;
	border: 1px solid #999;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	background-color: #990000;
	border-radius:10px 10px 10px 10px;
	behavior: url(PIE.htc);
	background-color: #DFDFDF; 
	padding: 5px;
	width:605px;
	height:454px; 
	max-width:605px;
	max-height:454px; 
	text-align: center;
}

/* FIM -- DICA */


.campoSelect {border: 1px solid red;float: left;}