* {outline:none; margin: 0; padding: 0;}

body
    {
	background: #eee;
	font: 11px verdana, arial;
	color: #000; height: 100%;
	}



a img {border:0}
.oculto {display: none;}
.clear {clear:both;}



/*___TOPO__________*/

#topo 
	{
	position:relative;
	height: 330px;
	width: 100%;
	}
	#topo_conteudo
		{
		position: absolute; top: 22px; left: 50%; 
		width: 600px; height: 322px; margin-left: -300px;
		background-color: #333; padding-top: 8px;
		}

	#menu
		{
		position:absolute;
		bottom: 0; right: 27px; text-align:right;
		height: 20px; color: #999;
		}
		#menu a, #menu a:visited {color: #999;}
		#menu a:hover {color: #fff;}





#logo 
	{
	position:absolute; top: 268px; left: 0; color: #fff;
	width:600px; height: 40px;
	background: url(../imagens/logo.png) top left no-repeat;
	}




/*___CONTATO__________*/

#contato
	{
	position:relative;
	height: 300px; width: 100%;
	background: #fff url(../imagens/contato_sombra_sup.gif) left top repeat-x;
	border-bottom: 1px solid #ccc;
	}
	#contato_conteudo
		{
		position: absolute; top: 0; left: 50%; 
		width: 600px; margin-left: -300px;
		}
		#contato_conteudo h2
			{
			display:block; margin: 30px;
			height: 22px;
			border-bottom: 4px solid #999;
			background: url(../imagens/h2_fale_conosco.gif) left top no-repeat; 
			}
			#contato_conteudo h2 strong {display: none;}
			


	#formulario
		{
		width: 540px; margin: 0 auto;
		}
		.field {float: left; width: 400px; margin: 0 10px 10px 0;}
		.field label {display:block; width: 100px; float:left; color: #666; text-align:right; padding-right: 10px;}
		.field input, .field textarea {width: 250px; border: 1px solid; border-color: #999 #ccc #ccc #999; font: 11px arial; color: #000; padding: 2px;} 
		.field .checkbox {width: auto !important;}
		
		#bt_enviar {margin-left: 110px; margin-right: 20px;}


	#quadro_mensagem
		{
		position: absolute; top: 120px; left: 50%; margin-left: -120px;
		width: 130px; height: 55px; padding: 10px;
		background: #eee; border: 1px solid #ccc;
		}
		#mensagem_form {display: block; text-align:center; line-height: 1.5em;}
		#bt_ok
			{
			display: block; width: 65px; position: absolute; bottom:5px; left: 50%; margin-left: -32px;
			}










/*___BASE__________*/



#base
	{
	position:relative; float:left; width: 100%;
	}
	#base_conteudo
		{
		position: absolute; top: 20px; left: 50%; 
		width: 550px; margin-left: -300px; padding: 25px;
		}
		#base_conteudo a {color: #900;}
		#base_conteudo h2
			{
			display:block;
			height: 22px; margin-bottom: 20px;
			border-bottom: 4px solid #333;
			background: url(../imagens/h2_lojas.gif) left top no-repeat; 
			}
			#base_conteudo h2 strong {display: none;}
		#base_conteudo h3 {font: bold 12px verdana; margin: 0 0 5px 0;}




.loja
	{
	float: left; width: 250px; height: 110px; margin: 0 20px 20px 0;
	}
	.loja h3 {font: bold 12px verdana; color: #900;}
	.loja a.email {color: #333 !important;}
	.loja a, .loja a:visited {color:#888 !important;}
	.loja a:hover {color:#000 !important;}







/*___RODAPÉ____________*/

#rodape
	{
	position:relative; float:left; width: 100%;
	margin: 30px 0; padding: 5px 0;
	border-top: 1px solid #999;
	text-align: right; color: #aaa;
	}
	#rodape a, #rodape a:visited  {font-weight: bold; color: #999; text-decoration: none;}
	#rodape a strong {color: #666;}
	#rodape a:hover {color: #000;}
	#rodape a:hover strong {color: #f00;}






/*___BANNER____________*/
#banner
	{
	position: fixed; _position: absolute; top: 0; left:0;
	height: 100%; width: 100%;
	background: #000;
	-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
	}

#banner_cont
	{
	position: fixed; _position: absolute; top: 50%; left: 50%;
	margin-left: -90px; margin-top: -135px;
	width: 160px; height: 250px;
	background: #fff; color: #900;
	padding: 10px;
	}
	#banner_cont .bt_fechar
		{
		display: block; padding:0; width: 20px; height: 20px; border: #0f0;
		position:absolute; right: 0; top: -20px;
		background:url(../imagens/bt_fechar.gif) left top no-repeat;
		}
		#banner_cont .bt_fechar em {display: none;}






/*___ANDES_________*/

.base_conteudo_andes h1 {font: bold 18px verdana; margin: 40px 0 5px 0; border-bottom: 1px solid #ddd; padding: 0 0 5px 0; color: #666;}
.base_conteudo_andes h2 {background: url(../imagens/h2_andes.gif) left top no-repeat !important;}
.base_conteudo_andes h3 {font: bold 15px verdana; margin: 0 0 5px 0;}
.base_conteudo_andes h4 {font: bold 12px verdana; color: #900; margin: 30px 0 10px 0; text-transform:uppercase;border-bottom: 1px dotted #999; padding: 3px 3px 3px 3px; background: #ddd;}
.base_conteudo_andes h5 {font: bold 12px verdana; margin: 30px 0 10px 0; border-bottom: 1px dotted #999; padding: 3px 3px 3px 3px; background: #ddd;}

#form_andes {
	position:relative; float: left;
	margin: 30px 0 20px 0;
}
	#form_andes .field {
		width: 450px !important;
	}
	#form_andes label {
		width: 150px !important;
	}
	.input_2 {width: 20px !important;}
	.input_4 {width: 40px !important;}
	.input_8 {width: 60px !important;}
	.input_10 {width: 90px !important;}
	.input_20 {width: 120px !important;}
	.input_cidade {width: 190px !important;}
	#insc_bt_enviar {margin-left: 160px; margin-right: 20px;}
	
	p.erro {color: #f00; font-weight: bold; text-align:center; margin: 5px 0;}
	

#preco_andes {
	margin: 10px 0 20px 0;
	padding: 10px; width:530px; border: 1px dotted #999;
	background: #ddd; text-align:center;
}
	#preco_andes strong {color: #900; font-size: 20px;}
	#preco_andes em {color: #555; font-style: normal;}
	.link_inscricao {
		display: block;
		margin: 20px auto; width: 300px;
		padding: 5px; background: #DC1F23; color: #ccc !important;
		text-align: center; text-decoration: none;
	}
	.link_inscricao:hover { background: #c00; color: #fff !important;}


div.galeria_andes {border: 1px solid #ddd; background: #fafafa; padding: 5px; width: 388px;}
	div.galeria_andes a img {border: 1px solid #ddd; margin: 6px; _margin: 4px;}




/*___CONTRATO____________*/
#contrato
	{
	position: fixed; _position: absolute; top: 0; left:0;
	height: 100%; width: 100%;
	background: #000;
	-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
	}

#contrato_cont
	{
	position: fixed; _position: absolute; top: 50%; left: 50%;
	margin-left: -250px; margin-top: -250px;
	width: 500px; height: 500px;
	background: #fff; color: #900;
	padding: 10px; color: #000;
	}
	#contrato_cont .bt_fechar
		{
		display: block; padding:0; width: 20px; height: 20px; border: #0f0;
		position:absolute; right: 0; top: -20px;
		background:url(../imagens/bt_fechar.gif) left top no-repeat;
		}
		#contrato_cont .bt_fechar em {display: none;}
		
	#contrato_cont h2 {
		font: bold 15px verdana; margin: 0 0 5px 0; padding: 5px;
	}
	
	#contrato_texto {
		float: left; position: relative; 
		width: 490px; height: 450px; border: 1px solid #ddd;
		padding:5px; margin:0; overflow:auto;
	}
		#contrato_texto p {line-height: 1.5em; margin: 0 0 10px 0;}