/*--------------------------------------------
	- Partes Comuns a todas páginas
---------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	font-family: "Tahoma", Times, serif;
	color: #0e4160;
	font-size: 12px;
	outline: none;
}
html {
	background:#fff url(../images/fundogradiente.jpg) repeat-x;
	height: 100%;
}
body{
	background: url(../images/fundo.jpg) top center no-repeat;
	position: relative;
	height: 100%;
}
img{
	border: none;
}
body.body_empresa{
	min-height: 640px;
}
body.body_index{
	min-height: 640px;
}
body.body_orcamento{	
	min-height: 600px;
}
body.body_manuais{
	min-height: 640px;
}
body.body_contato{	
	min-height: 600px;
}
body.body_produtos{	
	min-height: 640px;
}

fieldset{
	border: none;
	float:left;
	width:328px;
	padding:5px;
}
.paginas{
	background: url(../images/fundo2.jpg) top center no-repeat;
}
#central{
	width: 754px;
	margin: 0 auto;
}
li{
	list-style-type: none;
	
}
#sub_rodape:after, #central:after, #empresa:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
#anima_index{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
#flash_anima{
	width: 100%;
	height: 425px;
	position: absolute;
	bottom: 59px;
}
#flash_anima p{
	width: 754px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
}
#flash_anima p a{
	font-weight: bold;
}

#video{
	width: 161px;
	height: 107px;
	position: absolute;
	top: 480px;
	right: 280px;
	z-index:2000;
}
/*--------------------------------------------
	- Topo
---------------------------------------------*/
#topo{
	position: relative;
	height: 20px;
}
.navigation a.bt_voltar{
	display: block;
	width: 61px;
	height: 20px;
	background: url(../images/voltar.png) left top no-repeat;
	text-indent: -20000px;
}
.navigation a.area_restrita{
	display: block;
	width: 75px;
	height: 20px;
	background: url(../images/area_restrita.png) left top no-repeat;
	text-indent: -20000px;
	position: absolute;
	top:0px;
	right: 0px;
}

/*--------------------------------------------
	- Topo----------submenu
---------------------------------------------*/

#submenu{
	background:url(../images/submenu/submenu.jpg) left top no-repeat;
	width:666px;
	height:20px;
	position:absolute;
	top:0;
	margin-left:80px;
}
#submenu ul{
	margin-left:96px;
	width:666px;
	height:20px;
}
#submenu ul li{
height:20px;
display:block;
float:left;
}
#submenu ul li a{
	background:url(../images/submenu/submeunuprodutos.jpg);
	margin-left:3px;
	text-indent:-2000px;
	display:block;
	height:20px;
}
#submenu ul li a#sub_santorini{
	background-position: -100px 0;
	width:62px;
}
#submenu ul li a#sub_sancho{
	background-position: -167px 0;
	width:56px;
}
#submenu ul li a#sub_menorca{
	background-position: -228px 0;
	width:58px;
}
#submenu ul li a#sub_bora{
	background-position: -290px 0;
	width:69px;
}
#submenu ul li a#sub_galapagos{
	background-position: -363px 0;
	width:70px;
}
#submenu ul li a#sub_varadero{
	background-position: -435px 0;
	width:64px;
}
#submenu ul li a#sub_fiji{
	background-position: -503px 0;
	width:51px;
}
#submenu ul li a#sub_tuvalu{
	background-position: -557px 0;
	width:51px;
}
#submenu ul li a#sub_capri{
	background-position: -613px 0;
	width:51px;
}
#submenu ul li a#sub_barbados{
	background-position: -668px 0;
	width:62px;
}

#submenu ul li a:hover#sub_santorini{
	background-position: -100px -20px;
	width:62px;
}
#submenu ul li a:hover#sub_sancho{
	background-position: -167px -20px;
	width:56px;
}
#submenu ul li a:hover#sub_menorca{
	background-position: -228px -20px;
	width:58px;
}
#submenu ul li a:hover#sub_bora{
	background-position: -290px -20px;
	width:69px;
}
#submenu ul li a:hover#sub_galapagos{
	background-position: -363px -20px;
	width:70px;
}
#submenu ul li a:hover#sub_varadero{
	background-position: -435px -20px;
	width:64px;
}
#submenu ul li a:hover#sub_fiji{
	background-position: -503px -20px;
	width:51px;
}
#submenu ul li a:hover#sub_tuvalu{
	background-position: -557px -20px;
	width:51px;
}
#submenu ul li a:hover#sub_capri{
	background-position: -613px -20px;
	width:51px;
	
}
#submenu ul li a:hover#sub_barbados{
	background-position: -668px -20px;
	width:62px;
	
}

/*--------------------------------------------
	- Rodapé
---------------------------------------------*/
#rodape{
	background: url(../images/fundogradiente2.jpg) left top repeat-x;
	min-height: 100px;
	position: absolute;
	bottom: 0;
	width: 100%;
}
#rodape #sub_rodape{
	width: 754px;
	margin: 0 auto;
	position: relative;
}
#rodape h1{
	display: block;
	width: 247px;
	height: 117px;
	background: url(../images/logo.png) left top no-repeat;
	text-indent: -20000px;
	position: absolute;
	left: 0;
	top: -42px;
}
#rodape #menu{
	width: 525px;
	height: 86px;
	margin: 0 auto;
	float: right;
}
#logo{
	position:absolute;
	top:475px;
	left:144px;
	background:url(../images/logo.png);
	width:243px;
	height:106px;
}
.top{	
	padding:45px  0 0 0;

}
#empresa img{
	float: left;
}
#empresa div{
	width: 321px;
	float: left;
	padding:0 0 0  38px;
}
#empresa div p{
	padding-top:15px;
}
#empresa div p.obrigado{
	text-indent: -20000px;
	display: block;
	width: 238px;
	height: 63px;
	background: url(../images/obrigado_visita.gif) left top no-repeat;
	margin-top: 30px;
}
#produto h2{
	text-indent: -20000px;
	display: block;
	margin-top:20px;
	height:50px;
}
/*--------------------------------------------
	- titulos-
---------------------------------------------*/
.titulo_empresa{
	background: url(../images/titulos/empresa.png)  left top no-repeat;
	text-indent: -20000px;
	display: block;
	height:25px;
}
.titulo_bora-bora{
	background: url(../images/titulos/bora-bora.png)  left top no-repeat;
}
.titulo_fiji{
	background: url(../images/titulos/fiji.png)  left top no-repeat;
}
.titulo_menorca{
	background: url(../images/titulos/menorca.png)  left top no-repeat;
}
.titulo_sancho{
	background: url(../images/titulos/sancho.png)  left top no-repeat;
}
.titulo_varadero{
	background: url(../images/titulos/varadero.png)  left top no-repeat;
}
.titulo_galapagos{
	background: url(../images/titulos/galapagos.png)  left top no-repeat;
}
.titulo_santorini{
	background: url(../images/titulos/santorini.png)  left top no-repeat;
}
.titulo_capri{
	background: url(../images/titulos/capri.png)  left top no-repeat;
}
.titulo_tuvalu{
	background: url(../images/titulos/tuvalu.png)  left top no-repeat;
}
.titulo_barbados{
	background: url(../images/titulos/barbados.png)  left top no-repeat;
}
.titulo_manuais{
	background: url(../images/titulos/manuais.png)  left top no-repeat;
}
.titulo_orcamento{
	background: url(../images/titulos/orcamento.png)  left top no-repeat;
}
.titulo_video{
	background: url(../images/titulos/video.png)  left top no-repeat;
	height:29px;
}
.titulo_contato{
	background: url(../images/titulos/contato.png)  left top no-repeat;
	text-indent: -20000px;
	display: block;
	height:25px;
	margin-top:0;
}
#produto img{
	float: left;
}
#manuais_anima{
	float:left;
}
#produto div ul{
	width: 325px;
	float: left;
	padding:0 0 0  35px;
}

#produto li{
	background:url(../images/li.png) top left no-repeat ;
	padding: 0 0 8px 22px ;
}
.manuais{
	background:url(../images/page_acrobat.gif) top left no-repeat ;
}
#empresa li{
	background:url(../images/page_acrobat.gif) top left no-repeat ;
	padding: 0 0 12px 22px ;
}
.lis{
	padding: 0 0 0 0 ;
	height:30px;
	width:340px;
}


/*--------------------------------------------
	- botoes-
---------------------------------------------*/
a.dados{
	display: block;
	width: 113px;
	height: 37px;
	background: url(../produtos/dados.png) left top no-repeat;
	text-indent: -20000px;
	float:left;
}
.opcionais{
	display: block;
	width: 113px;
	height: 37px;
	background: url(../produtos/opcionais.png) left top no-repeat;
	text-indent: -20000px;
	float:left;
	}
.cores{
	display: block;
	width: 113px;
	height: 37px;
	background: url(../produtos/cores.png) left top no-repeat;
	text-indent: -20000px;
	float:left;
	}
.foto{
	display: block;
	width: 113px;
	height: 37px;
	background: url(../produtos/foto.png) left top no-repeat;
	text-indent: -20000px;
	float:left;
	}
.enviar{
	display: block;
	width: 113px;
	height: 37px;
	background: url(../produtos/enviar.png) left top no-repeat;
	text-indent: -20000px;
	float:left;
	border:none;
	margin-top:5px;
	margin-left:100px;
	cursor: pointer;
}
.proximo_passo{
	display: block;
	width: 113px;
	height: 37px;
	background: url(../images/bt_proximo.png) left top no-repeat;
	text-indent: -20000px;
	float:right;
	margin-left: 3px;
	border:none;
	margin-top:15px;
	cursor: pointer;
}
/*--------------------------------------------
	- formularios      Orçamento
---------------------------------------------*/
#orcamento_esq, #orcamento_dir{
	width: 300px;
}
#orcamento_dir{
	position: absolute;
	top: 126px;
	right: 40px;
}
#formulario{
	margin-left: 33px;
	margin-top: 15px;
}
#formulario label{
	text-align:left;
	width:295px;
	margin-top:5px;
}

#formulario p{
	background:url(../images/p.png);
	margin-top:3px;
	padding: 0 0 0 2px;
	width:324px;
}
#formulario p.titulo{
	margin-bottom:5px;
	background:none;
}
h3{
	display:block;
	width:304px;
	font-size:16px;
	padding: 0 0 0 12px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:5px;

	}
.input{
	width:291px;
	border:2px solid #E9E9E9;
	padding:1px 1px 1px 3px;

}
select{
	width:299px;
	background:url(../images/p.png);
	border:2px solid #E9E9E9;
}
option{
	width:320px;
	background:url(../images/p.png);
}
textarea{
	overflow: auto;
}
.radio{
	margin-left:12px;
	margin-right: 4px;
	position: relative;
	top: 3px;
}
#opcionais{
	clear:both;
}
#opcionais strong{
	display: block;
	padding-left: 20px;
	padding-top: 10px;
}
#opcionais p{
	position: relative;
	left: 20px;
	top: 3px;
}
#opcionais p input{
	position: relative;
	top: 3px;
}
/*--------------------------------------------
	- formulario   de   Contato
---------------------------------------------*/

#formulario_contato{
	margin-left: 33px;
	margin-top: 15px;
	width:300px;
	float:left;
}

#formulario_contato label{
	text-align:left;
	width:240px;
	margin-top:5px;
}
#formulario_contato.input{
	width:280px;
	border:2px solid #E9E9E9;
	padding:1px 1px 1px 3px;

}

