@charset "utf-8";
/*  
* VICTORY SUÍTES
***********************************************
Agência: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
Design by: Henrique Alves
XHTML+CSS: Aline Tinoco
Programação: Renan Toniolo
Country: Brasil
Last CSS update: 06/2009
Notes: Folha padrão
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
*{
padding:			0px;
margin:				0px;
}
swf{z-index:1;}
flash, object{z-index:1;}
body{
padding:			0px;
margin:				0px;
text-align:			center;
font-family:    	Arial, Helvetica, sans-serif, Verdana; 
font-size:			13px;
color:				#A4A59F;
background:			#1C4560 url(../images/bg_body.jpg) center top repeat-x;
}
#site{
width:				940px;
height:				auto;
margin:				auto;
padding:            0px;
text-align:			left;
}
/****************************************O TOPO**************************/
#flash{
width:				auto;
height:				273px;
background:			url(../images/topo_flash.jpg) left top no-repeat;
}
#hotel{
width:				auto;
height:				273px;
background:			url(../images/topo_hotel.jpg) left top no-repeat;
}
#localizacao{
width:				auto;
height:				273px;
background:			url(../images/topo_localizacao.jpg) left top no-repeat;
}
#apt{
width:				auto;
height:				273px;
background:			url(../images/topo_apt.jpg) left top no-repeat;
}
#lazer{
width:				auto;
height:				273px;
background:			url(../images/topo_lazer.jpg) left top no-repeat;
}
#eventos{
width:				auto;
height:				273px;
background:			url(../images/topo_eventos.jpg) left top no-repeat;
}
#reservas{
width:				auto;
height:				273px;
background:			url(../images/topo_reservas.jpg) left top no-repeat;
}
#pacotes{
width:				auto;
height:				273px;
background:			url(../images/topo_pacotes.jpg) left top no-repeat;
}
#contato{
width:				auto;
height:				273px;
background:			url(../images/topo_contato.jpg) left top no-repeat;
}
#linha{
width:				auto;
height:				55px;
z-index:			1;
position:			absolute;
top:				229px;
left:				0
}
/****************************************O MENU**************************/
ul#menu {
width:				940px;
height:				72px;
background:			url(../images/bg_menu.jpg) left top repeat-x;
}
ul#menu li{
list-style:			none;
display:			inline;
color:				#ECEDE9;
font-size:			14px;
position:			relative;
top:				45px;
margin:     		0px;
padding:			0px;
}
ul#menu li a{
color:				#ECEDE9;
text-decoration:	none;
padding:			44px 13px 11px 14px;
/*padding:			44px 25px 11px 13px;*/
}
ul#menu li a:hover{
color:				#f1f1f1;
background:			#192F3D;
text-decoration:	none;
}
ul#menu li.primeiro{
padding-left:	    0px!important;
}
ul#menu li.ultimo{
padding-right:	    0px!important;
}
/* #inicio é o id do body da pag inicial, e #liInicio é o id do li do menu que vai ficar ativo qd a pessoa estiver nessa página, e assim vai, todo body de uma página diferente deverá ter um id */
#Home #liHome a, #Hotel #liHotel a, #Localizacao #liLocalizacao a,#Apartamentos #liApartamentos a,#Lazer #liLazer a,#Reservas #liReservas a,#Gastronomia #liGastronomia a,#Noticias #liNoticias a, #Eventos #liEventos a,#Galeria #liGaleria a,#Contato #liContato a, #Pacotes #liPacotes a{
text-decoration:	none;
color:				#f1f1f1;
background:			#192F3D;
}
/****************************************O PALCO*************************/
#palco{
width:				auto;
height:				auto;
background:			url(../images/bg_palco.jpg) left top repeat-y;
margin:				0px;
padding:            20px 15px;
}
#palco_home{
width:				auto;
height:				auto;
background:			url(../images/bg_palco_home.jpg) left top repeat-y;
margin:				0px;
padding:            20px 0;
}
/****************************************OS BOXES************************/
.box_315{
width:				308px;
height:				auto;
float:				left;
margin-bottom:		20px;
margin-right:		8px;
margin-top:			10px;
}
.box_295{
width:				295px;
height:				auto;
float:				left;
margin-bottom:		20px;
margin-right:		8px;
margin-top:			10px;
}
.box_312{
width:				295px;
height:				auto;
float:				left;
margin-top:			-15px;
}
.box_forte, .box_meio, .box_fraco{
width:				auto;
height:				90px;
padding:            5px;
}
.box_forte{
background:			#1A2126;
}
.box_meio{
background:			#1A272F;
}
.box_fraco{
background:		    #1B2F3C;
}
.box_312 img{
float:				left;
}
.destaques, .promo{
z-index:			1;
position:			relative;
top:				12px;
left:				170px;
}
.box_azul{
width:				280px;
height:				110px;
float:				left;
margin:				0px;
background:			url(../images/bg_azul.gif) center top no-repeat;
padding:            5px;
}
.box_azul h4{
margin-bottom:		5px;
}
.box_590{
width:				590px;
height:				auto;
float:				left;
z-index:			1;
}
.box_490{
width:				490px;
height:				auto;
float:				left;
text-align:         center;
}
.box_noticia{
width:				auto;
height:				auto;
float:				left;
}
.box_noticia img{
border:				2px solid #A4A59F;
width:				140px;
height:				110px;
float:				left;
margin-right:		10px;
}
.box_noticia p{
height:				65px;
overflow:			hidden;
}
.azul_claro{
background:		    #1B2F3C;
padding:            5px 10px;
width:				auto;
height:				auto;
}
.azul_meio{
background: 		#1A272F;
padding:            5px 10px;
height:				auto;
}
.azul_escuro{
background:			#1A2126;
padding:            5px 10px;
}
#comment{
background:			url(../images/comment.gif) center center no-repeat;
width:				260px;
height:				72px!important;
overflow:			hidden;
padding:            0 10px;
}
#comment p{
font-size:			13px;
}
.autor{
text-align:			right;
}
.depoimento{
margin-top:			10px;
}
.box_aptos{
background:			#1A2126;
padding:            5px 0px;
width:				auto;
height:			    auto;
margin:				5px 0;
}
.box_aptos p{
width:				590px;
float:				left;
}
.box_aptos ul{
width:				280px;
float:				right;
margin:				20px 0 0 10px!important;
}
.maps{
float:right;
height:           260px;
}
.pacotes{
float:left;
width:		308px;
margin-right:50px;
}
.end_home{
float:left;}
.deca{
width:			550px;
height:			auto;
float:			left;
}
.pacotes .box_312{
height:			200px;
margin-bottom:	45px;
}
#link_contato{
text-decoration:underline;
color:          #C7C6C6;
}
.box_rigth{
width:          380px;
height:         auto;
float:          right;
margin-left:    20px;
}
.noticia{
list-style:      none;
}
/**************************************OS TITULOS************************/
h1,h2,h3,h4,h5,h6{
font-weight:		normal;
}
h1{
display:			none;
visibility:			hidden;
}
h2{
font-size:			21px;
color:			    #3883B4;
font-weight:		100;
margin:				10px;
}
h2 a{
color:			    #3883B4!important;
}
h6 span{
width:				auto;
visibility:			hidden;
margin-bottom:		0!important;
}
h6#suites{
height:				44px!important;
width:				192px;
background:			url(../images/h2/suites.gif) center top no-repeat;
}
h6#business{
height:				44px!important;
width:				275px;
background:			url(../images/h2/business.gif) center top no-repeat;
}
h3{
color:				#3883B4;
font-size:			14px;
}
h4{
color:				#D5D5D5;
font-size:			14px;
margin:				15px 0;
}
h4 a{
color:				#D5D5D5!important;
}
h5{
background:			#000;
width:				32%;
font-size:			17px;
padding:            10px 15px 10px 10px;
position:			relative;
bottom:				2px;
right:				2px;
float:				right;
text-align:			right;
color:				#3883B4;
}
h5 span{
color:				#A4A59F;		
}
.accordion h3{
cursor:             pointer;
}
.accordion h4{
color:				#D5D5D5;
font-size:			14px;
margin:				15px 0;
}
.vazio{
margin-top:         -25px;
}
/****************************************LISTAS*************************/
ul.lista_noticias{
width:				auto;
height:				auto;
/*background:			#192026 url(../images/bg_lista.jpg) left top repeat-x;*/
padding:            5px;
}
ul.lista_noticias li{
background:			url(../images/ico_noticia.gif) left center no-repeat;
list-style:			none;
padding:            5px 5px 5px 20px;
}


ul.lista_noticias li.claro{
background-color:	#1c2f3d;
}

ul.lista_noticias li.escuro{
	background-color:	#1a272f;
}

ul.lista_noticias li span{
font-weight:		bolder;
}
ul.lista_fotos{
height:				auto;
padding:            0;
margin:				0;
}
ul.lista_fotos li{
list-style:			none;
display:			inline;
float:				left;
}
ul.lista_fotos li a  img{
margin:				2px;
opacity:			.9;
}
ul.lista_fotos li a:hover img{
margin:				2px;
opacity:			.99;
}
/*********************/
ul.lista_fotos2{
width:              390px; 
height:				auto;
margin:				0;
background:			#1A2126;
padding:            5px 10px;
}
ul.lista_fotos2 li{
list-style:			none;
display:			inline;
}
ul.lista_fotos2 li a  img{
margin:				2px;
opacity:			.9;
}
ul.lista_fotos2 li a:hover img{
margin:				2px;
opacity:			.99;
}
/****************************************GERAIS**************************/
p{
margin:				5px 0;
}
a:link{
text-decoration:	none;
color:				#A4A59F;
}
a:visited{
text-decoration:	none;
color:				#A4A59F;
}
img{
border:				none;
}
.clear{
clear:				both;
font-size:			1px;
background:			transparent;
overflow:			hidden;
visibility:			hidden;
}
.col_separa{
height:				auto;
width:				25px;
float:				left;
}
.separador{
width:				auto;
height:				19px;
clear:				both;
background:			url(../images/separador.gif) center center no-repeat;
margin:				10px 0;
}
.separador_pacotes{
width:				930px;
height:				19px;
clear:				both;
background:			url(../images/separador.gif) center center no-repeat;
margin:				10px 0;
}
.mais{
background:			#1A2126 url(../images/ico_mais.gif) right center no-repeat;
clear:				both;
text-align:			right;
padding:            1px 20px;
margin:				10px 0;
}
.ver{
font-size:			10px;
text-align:			right;
}
.ver a{
text-align:			right;
color:				#00628B;
}
.mais a:hover{
color:				#3883B4;
}
.imgLeft{
float:				left;
margin:				10px 10px 0 0;
border:				2px solid #A4A59F;
}
.imgRight{
float:				right;
}
.textRight{
text-align:			right;
color:				#ccc;
font-size:			10px;
}
.imgCenter{
margin:				12px 8px;
}
.lista{
margin:				10px;
}
.maps_cidades{
float:				right;
width:				500px;
height:				110px;
margin-bottom:		40px;
}
.maps_cidades ul{
list-style:			none;
}
.maps_cidades li{
float:				left;
list-style:			none;
display:			inline;
padding-right:		10px;
}
/****************************************FOMULÁRIO***********************/
label.home{
width:				50px;
height:				auto;
margin:				2px;
float:				left;
}
label{
width:				80px;
height:				auto;
margin:				2px;
float:				left;
text-align:			right;
}
input, textarea, select{
width:				auto;
margin:				2px;
height:				20px;
background-color:	#151515;
border:				1px solid #151515;
padding-left:	    3px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
font: 				12px "Trebuchet MS";
color:				#FFF;
}
fieldset{
width:				440px;
height:				210px;
float:				left;
padding:	        10px 0;
}
legend{
color:				#3883B4;
padding:            0 3px;
}
.ok{
cursor:				pointer;
}
.cadastrar{
vertical-align:		middle;
text-align:			center;
cursor:				pointer;
margin:				10px 0;
}
#formReserva label{
width:				120px;
}
#formReserva fieldset{
width:				400px;
float:				left;
height:				auto;
padding:            5px 10px;
}
#formContato{
float:				left;
width:				350px;
margin-right:		10px;
}
#formContato2{
float:				left;
width:				680px;
margin-right:		10px;
}

#formContato2 label{
width:				150px;
}
#formTrabalhe{
width:             400px;
float:             left;
margin-left:       100px;
}
#tablepromo{
float:				left;
margin:				40px 0 40px 180px;
}
#tablepromo td{
height:				30px;
}
#descricao{
text-align:			justify;
padding:			0 10px 0 10px;
}
#quantidade{
width:				100px;
color:				#3883B4;
font-weight:		bolder;
}
#premio{
color:				#3883B4;
font-weight:		bolder;
}
ul#promo{
float:				left;
margin:				0 0 50px 140px;
width:				600px;
}
ul#promo li{
margin:				20px 0 0 0;
list-style:			none;
background:			url(../images/lista.png) left center no-repeat;
vertical-align:		middle;
padding:            0 0 0 30px;
margin-left:		30px;
}
/****************************************RODAPE************************/
#env_rodape{
padding:			0px;
margin:				0px;
text-align:			center;
font-size:			13px;
color:				#A4A59F;
background:			url(../images/bg_rodape.jpg) left center repeat-x;
height:				115px;
}
#rodape{
width:				940px;
height:				auto;
margin:				auto;
padding:            0px;
text-align:			left;
}
ul#menu_rodape{
width:				auto;
height:				auto;
margin-top:			25px;
float:				left;
}
ul#menu_rodape li{
list-style:			none;
display:			inline;
font-size:			13px;
background:			url(../images/bg_li_rodape.gif) left center no-repeat;
margin:     		0px 3px 0 0px;
padding:			5px 16px 5px 17px;
vertical-align:		middle;
float:				left;
}

ul#menu_rodape li a{
color:				#747474;
}
ul#menu_rodape li.primeiro{
padding-left:	    0px!important;
background:			none;
}
#ato{
float:				right;
margin-top:			30px;
}
.logos{
float:             left;
margin-left:       40px;
}

/***************************************TABELA**************************/
table {
height:		auto;
border:		none;
padding:	2px;
margin:		0px;
background:	transparent;
text-align:	center;
float:left;
}
table caption {
padding:	2px;
margin:		1px;
font-size:	14px;
font-weight:normal;
color:		#3883B4;
text-align:	left;
}
table th {
width:		auto;
height:		auto;
border:		none;
padding:	2px;
margin:		1px;
background:	#1A272F;
color:		#A4A59F;
}
table td {
width:		auto;
height:		auto;
border:		none;
padding:	2px;
margin:		1px;
background:	#1A2126;
}
.table_clara td {
background:	#263944
;
}
/***************************************PAGINAÇĂO**************************/
.paginacao {
width:				auto;
height:				auto;
padding:			0px;
margin:				5px 0px;
text-align:			center;
color:				#CCC;
}
.paginacao a, .paginacao a:active {
width:				auto;
height:				auto;
padding:			1px 3px;
margin:				2px;
background:			#1A2126;
text-decoration:	none;
font-weight: 		bold;
color:				#666;
text-align:			center;
}
.paginacao a:visited {
text-decoration:	none;
font-weight: 		bold;
color:				#666;
}
.paginacao a:hover {
text-decoration:	none;
font-weight: 		bold;
}
.paginacao span {
width:				auto;
height:				auto;
/*padding:			1px 3px;*/
margin:				2px;
*/background:			#FFF;*/
text-decoration:	none;
font-weight: 		bold;
color:				#000;
float:    	 		left;
}
.paginacao span.atual {
width:							auto;
height:							auto;
padding:						inherit	1px 3px;
margin:							2px;
background:						#FFF;
text-decoration:				none;
font-weight:					bold;
color:							#000;
text-align:						center;
}

/**
 * Mensagem de erro
 * */

div.blockMsg {    
text-align: 					center;    
-moz-border-radius: 			10px;
-webkit-border-radius: 			10px;
-ms-filter: 					"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
filter: 						progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
-moz-opacity:					.85;
background-color:				"transparent";    
}

div.blockMsg .ok{    
background-color:				#fff;
border:							#000;
color:							#000;
}

.erro,.sucesso{
font-weight: 					bold;
display:						block;
padding:						15px;
text-align:						center;
width:							auto;
-moz-border-radius: 			10px;
-webkit-border-radius: 			10px;
-ms-filter: 					"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
filter: 						progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
-moz-opacity:					.85;
opacity:						.85;  
}
.erro {
background-color: 				#f1f1f1;
border: 						3px solid #f00;  
color: 							#f00;    
}
.sucesso {
background-color: 				#f1f1f1;
border:							3px solid #060;  
color: 				    		#060;    
}
.gift{
width:							915px;
height:							250px;
float: 							left;
margin-bottom:                  90px;	
}

.gift_cafe{
width:							915px;
height:							250px;
float: 							left;
margin-top:						10px;	
}
.gift_hospedagem{
width:							915px;
height:							250px;
float: 							left;
margin-top:						10px;
margin-bottom:                  10px;
}
.gift li img{
width:							320px;
height:							240px;
margin-top: 					0px;	
}
.gift p{
padding-top: 					60px;
}
.img_gif{
width:							325px;
height:				 			240px;
float: 							left;
}
.txt_gift{
width:							330px;
height:							auto;
float: 							left;
padding-top:   					50px;
}
.txt_giftNoite {
width:							330px;
height:							auto;
float: 							left;
padding-top:   					80px;
}
.youtube{
width:							860px;
height:							19px;
padding-bottom:     			360px;
}
.textoGift{
width:							930px;
height:							19px;	
padding-bottom:     			80px;
}
.textoGift p{
width:							860px;
height:							19px;	
padding-bottom:                 10px;
}
.txt_gift li, .txt_giftNoite li{
background:               		url(../images/circle.png) left top no-repeat;
padding-left:             		7px;
list-style:                     none;
padding-left:                   15px;
}
.fotos_esquerda{
width:							400px;
height:							400px;
float:  						left;
padding-bottom:                 50px;
}
.fotos_direita{
width:							400px;
height:							400px;
float:  						left;
padding-bottom:                 10px;
padding-top:                    45px;
}
.fotos_direita ul{
width:							400px;
height:							400px;
}
.fotos_esquerda ul{
height:							400px;
}
/**
 * /Mensagem de erro
 * */