@charset "utf-8";

html,body {
	height: 100%;
	font-size: 100%;/* IE hack */
	}
	
body {
	margin:0;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	line-height:16px;
	background-image:url(../imagens/bg_spa.jpg);
	background-repeat:repeat-x;
	}

img {
border: none;
}

input {
	width:60%;
	background-color: #FFF;
	font-size: 10px;
	border:0;
	color: #999;
	}

.linguas a:link       {color: #88969d; text-decoration: none; font-weight:100; }
.linguas a:visited    {color: #88969d; text-decoration: none; font-weight:100;  }
.linguas a:hover      {color: #88969d; text-decoration: underline; font-weight:bold; }
.linguas a:active     {color: #88969d; text-decoration: underline; font-weight:bold; }

.mais a:link       {color: #336666; text-decoration: none; }
.mais a:visited    {color: #336666; text-decoration: none; }
.mais a:hover      {color: #336666; text-decoration: underline; }
.mais a:active     {color: #336666; text-decoration: underline; }

.rpleft a:link       {color: #88969d; text-decoration: none; }
.rpleft a:visited    {color: #88969d; text-decoration: none; }
.rpleft a:hover      {color: #FFF; text-decoration: underline; }
.rpleft a:active     {color: #FFF; text-decoration: underline; }

.rpright a:link       {color: #88969d; text-decoration: underline; }
.rpright a:visited    {color: #88969d; text-decoration: underline; }
.rpright a:hover      {color: #FFF; text-decoration: none; }
.rpright a:active     {color: #FFF; text-decoration: none; }

.rprightspa a:link       {color: #88969d; text-decoration: underline; }
.rprightspa a:visited    {color: #88969d; text-decoration: underline; }
.rprightspa a:hover      {color: #88969d; text-decoration: none; }
.rprightspa a:active     {color: #88969d; text-decoration: none; }

.rprightprog a:link       {color: #88969d; text-decoration: underline; }
.rprightprog a:visited    {color: #88969d; text-decoration: underline; }
.rprightprog a:hover      {color: #88969d; text-decoration: none; }
.rprightprog a:active     {color: #88969d; text-decoration: none; }

.powered a:link       {color: #FFF; text-decoration: underline; }
.powered a:visited    {color: #FFF; text-decoration: underline; }
.powered a:hover      {color: #88969d; text-decoration: none; }
.powered a:active     {color: #88969d; text-decoration: none; }

.botaom a:link       {color: #88969d; text-decoration: none; }
.botaom a:visited    {color: #88969d; text-decoration: none; }
.botaom a:hover      {color: #88969d; text-decoration: underline; }
.botaom a:active     {color: #88969d; text-decoration: underline; }

.questoes a:link       {color: #fff; text-decoration: underline; }
.questoes a:visited    {color: #fff; text-decoration: underline; }
.questoes a:hover      {color: #FFF; text-decoration: none; }
.questoes a:active     {color: #FFF; text-decoration: none; }

a:link       { text-decoration: none; }
a:visited    { text-decoration: none; }
a:hover      { text-decoration: none; }
a:active     { text-decoration: none; }

h3 a:link       {color: #88969d; text-decoration: none; }
h3 a:visited    {color: #88969d; text-decoration: none; }
h3 a:hover      {color: #a6b4b1; text-decoration: none; }
h3 a:active     {color: #a6b4b1; text-decoration: none; }


ul { 
list-style-image: url(../imagens/certoicon.gif);
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
list-style-position: inside;
}

.mais {
	color:#336666;
	font-size:10px;
	letter-spacing:0;
	}

h1 { 
	color: #88969d; 
	font-size:20px;
	letter-spacing: -1px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
}


h2 { 
	color: #88969d; 
	font-size:14px;
	letter-spacing: 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
	display:inline;
}

h3 { 
	color: #a6b4b1; 
	font-size:12px;
	letter-spacing: 1px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
	text-transform:uppercase;
	display:inline;
}

h4 { 
	color: #333; 
	font-size:10px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	display:inline;
}

.underline { text-decoration:underline;}

hr { 
	  border-top: 1px dashed #666633;
	  border-bottom: 0px;
	  border-left: 0px;
	  border-right: 0px;
}

hi { 
	  border-top: 1px dashed #fff;
	  border-bottom: 0px;
	  border-left: 0px;
	  border-right: 0px;
}

.spacer {
clear: both;
}

.base {
	margin: 0 auto;
	width: 820px;
	height: auto;
}

.sup {
	width: 720px;
	height: 25px;
	margin: 0 auto;
	background-color:#FFFFFF;
	color: #88969d;
}

.linguas {
	width: 700px;
	height: 25px;
	margin: 0 auto;
	text-align:right;
	font-weight:bold;
	line-height:25px;
	font-size:9px;
	color:#88969d;
}

.topo_logo {
	margin: 0 auto;
	width: 470px;
	height:145px;
	float:left;
}

.topo_news {
	margin: 0 auto;
	width: 230px;
	height:145px;
	float: right;
}

.navegacao {
	margin: 0 auto;
	width: 710px;
	height:70px;
	text-align:center
}

	.botao {
		margin-right: 5px;
		width: auto;
		height:70px;
		float:left;
		line-height:40px;
		}
		
		.botaol {
			width:8px;
			height:70px;
			float:left;
			background-image:url(../imagens/btspa_esq.jpg);
			background-repeat:no-repeat;
			}
		.botaom {
			width:auto;
			height:70px;
			float:left;
			background-image:url(../imagens/btspa_mid.jpg);
			background-repeat: repeat-x;
			font-size:11px;
			letter-spacing: normal;
			font-weight:bold;
			color:#88969d;
			}
		.botaor {
			width:8px;
			height:70px;
			float:left;
			background-image:url(../imagens/btspa_dir.jpg);
			background-repeat:no-repeat;
			}

.conteudo {
	margin: 0 auto;
	width: 720px;
}

.conteudo_rodape {
	margin: 0 auto;
	width: 700px;
	font-size:9px;
	font-weight:bold;
	color:#88969d;
	line-height:11px;
	padding:10px;
}

.conteudonav {
	margin: 0 auto;
	width: 720px;
	height:70px;
	background-image:url(../imagens/nav_bgspa.jpg);
	background-repeat:no-repeat;
}

.conteudo_470 {
	width:470px;
	height:auto;
	float:left;
	}
	
	.caixa_470{
		width:450px;
		height:auto;
		padding:10px;
		color:#666;
		}
	
.conteudo_230 {
	width:230px;
	height:auto;
	float: right;
	background-color:#deece7;
	}
	
	.caixa_230{
		width:210px;
		height:auto;
		padding:10px;
		color:#FFF;
		}
		
#caixa_reun{
		width:210px;
		height:auto;
		padding:10px;
		}
	
	.banner_intro {
		width:470px;
		height:200px;;
		}
			.questoes {
			width: 210px;
			height: 55px;
			float:right;
			font-size:9px;
			padding:10px;
			color:#FFF;
			letter-spacing:0;
			line-height:10px;
			text-transform:uppercase;
			text-align:right;
		}

.rodape {
	margin: 0 auto;
	width: 100%;
	height: 150px;
	background-image:url(../imagens/bg_ar.jpg);
	background-repeat:repeat-x;
}

	.rodapein {
		margin: 0 auto;
		width: 820px;
		height: auto;
	}
	
		.rodapein2 {
			margin: 0 auto;
			width: 720px;
			height: 85px;
			background-image:url(../imagens/footer_spa.jpg);
			background-repeat: repeat-y;
		}

		.rpleft {
			width: 500px;
			height: auto;
			padding:10px;
			float:left;
			font-size:9px;
			color:#88969d;
			letter-spacing:0;
			text-transform:uppercase;
			line-height:10px;
		}
		
			.rpright {
			width: 170px;
			height: auto;
			padding:10px;
			float:right;
			font-size:9px;
			color:#88969d;
			letter-spacing:1px;
			line-height:10px;
			text-transform:uppercase;
			text-align:right;
		}
		
		.rprightspa {
			width: 210px;
			height: 50px;
			float:right;
			font-size:12px;
			color:#88969d;
			letter-spacing:1px;
			line-height:14px;
			text-align:right;
		}
		
			.rprightprog {
			width: 210px;
			height: 50px;
			float:right;
			font-size:9px;
			color:#88969d;
			letter-spacing:1px;
			line-height:10px;
			text-align:right;
			text-transform:uppercase;
		}
		
			.follows {
			width: 200px;
			height: auto;
			float:left;
			letter-spacing:0;
			margin-left:5px;
		}
		
			.powered {
			width: 200px;
			height: auto;
			float:right;
			font-size:9px;
			color: #FFF;
			letter-spacing:0;
			line-height:10px;
			margin-top:5px;
			margin-right:10px;
			text-align:right;
		}
		
.conteudo_470_b {
	width:470px;
	height:200px;
	float:left;
	margin-bottom:20px;
	}
	
	.conteudo_470_c {
	width:470px;
	height:200px;
	float:left;
	}

.aloj {
	width:225px;
	height:200px;
	float:left;
	}
	
	.alojb {
	width:225px;
	height:200px;
	float:right;
	}
	
.pacotes {
	width:360px;
	height:150px;
	float:left;
	}
		
		.pack_img {
			width:100px;
			height:120px;
			float:left;
			}
			
		.pack_texto {
			width:240px;
			height:auto;
			float: right;
			padding:0 10px 0 10px;
			color:#99cccc;
			}
			
			.packtitle { 
	color: #99cccc; 
	font-size:20px;
	letter-spacing: 0px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height:30px;
}

.conteudo_packimg {
	width:200px;
	height:auto;
	float:left;
	}

.conteudo_520 {
	width:520px;
	height:auto;
	float:right;
	}
	
	.conteudo_260 {
	width:260px;
	height:auto;
	float:left;
	}
			
		.botaobackl {
			width:8px;
			height:36px;
			float:left;
			background-image:url(../imagens/bt_esqal.jpg);
			background-repeat:no-repeat;
			}
		.botaobackm {
			width:auto;
			height:36px;
			float:left;
			background-image:url(../imagens/bt_midal.jpg);
			background-repeat: repeat-x;
			font-size:11px;
			letter-spacing: normal;
			font-weight:bold;
			color:#FFF;
			}
		.botaobackr {
			width:8px;
			height:36px;
			float:left;
			background-image:url(../imagens/bt_diral.jpg);
			background-repeat:no-repeat;
			}
			
		.spa_img {
			width:200px;
			height:auto;
			float:left;
			}
			
		.spa_texto {
			width:250px;
			height:auto;
			float: right;
			padding:0 10px 0 10px;
			color:#666;
			}