/* CSS Document Projeto Mar */
/* Desenvolvido por Virgínia Carrazzone Cavalcanti */



/* estrutura do site */

body {
	background-color: #3ABEC3;
	background-image : url("imgs/bg.gif");
	background-repeat: repeat-x;
	border: 0px 0px 0px	0px;
	margin: 0px 0px 0px	0px;
	padding:0px 0px 0px	0px;
 	scrollbar-3dlight-color: #989898;
	scrollbar-arrow-color: #989898;
	scrollbar-base-color: #F0F4F5;
	scrollbar-darkshadow-color: #F0F4F5;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #F0F4F5;
	scrollbar-shadow-color: #989898;
}
	

.frizo-esq {
	border-top: 0px;
    background-image: url("imgs/frizo-esq.gif");
	background-repeat: repeat-y;
	border-left: 0px;
	border-right : 0px ;
	border-bottom : 0px;
	padding: 0px;
}

.frizo-dir {
	border-top: 0px;
    background-image: url("imgs/frizo-dir.gif");
	background-repeat: repeat-y;
	border-left: 0px;
	border-right : 0px ;
	border-bottom : 0px;
	padding: 0px;
}



 A:link {
	font-family : Tahoma, Verdana, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #F26522; 
}

 A:visited {
	font-family : Tahoma, Verdana, sans-serif; font-size: 11px; text-decoration: none; font-weight:  bold; color: #F26522;
}

 A:hover {
	font-family : Tahoma, Verdana, sans-serif; font-size: 11px; text-decoration:none; font-weight:  bold; color: #F29221; 
}

 A:active {
	font-family : Tahoma, Verdana, sans-serif; font-size: 11px; text-decoration: none; font-weight : bold; color: #F29221; 
}


/* conteúdo lateral */

#txt-lateral {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 110%;
	color: #9A9B94;
}

#txt-lateral A:link {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #777777;	cursor: pointer; 
}

#txt-lateral A:visited {
	font-family :  Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight:  bold; color: #777777; cursor: pointer; 
}

#txt-lateral A:hover {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline; font-weight: bold; color: #989898;  cursor: pointer; 
}

#txt-lateral A:active {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight : bold; color: #777777; cursor: pointer; 
}


#mn-lateral {
	width: 100%; 
	behavior: url(csshover.htc);
	}

td.mn-lateral {
	height: 21px;
	font-family : Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 120%;
	color: #989898;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #B7DADC;
	background-image: url("imgs/bg-menu.gif");
}

td.mn-lateral2 {
	height: 21px;
	font-family : Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 120%;
	color: #989898;
	border-top: 1px solid #B7DADC;
	border-bottom: 1px solid #FFFFFF;
	background-color: #BFF5F7;
}

#mn-lateral A:link {
	font-family :  Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; color: #2D979B;
}

#mn-lateral A:visited {
	font-family :  Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight:  normal; color: #2D979B;
}

#mn-lateral A:hover {
	font-family :  Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; font-weight: normal; color: #F66522;
}

#mn-lateral A:active {
	font-family : Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight : normal; color: #2D979B;
}


/* conteúdo Interno */

.titulo {
	font-family : Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 10px;
	line-height: 130%;
	color: #4678A7;
}

.subtitulo {
	font-family : Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;
	line-height: 110%;
	color: #777777;
}

.txt-meio {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 20px;
	line-height: 110%;
	color: #666666;
	margin: 6.0em 0;
}

.txt-meio-img {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 10px;
	line-height: 110%;
	color: #666666;
	margin: 6.0em 0;
}


.legenda {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 4px;
	line-height: 90%;
	color: #666666;
}


.topico-meio {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	font-weight: bold;
	line-height: 150%; 
	color: #4678A7;
	border-bottom: 2px solid #F0F4F5;
}




.numeracao {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 2px;
	font-weight: bold;
	line-height: 150%;
	color: #4678A7;
}


/* tabelas de 'Infra-estrutura' */
	
.tab-top {
	font-family : Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 110%;
	color: #989898;
}

.tab-meio {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	line-height: 120%;
	color: #989898;
}

.tab-borda {
	border: 0px 1px 1px 1px;
	border-style: solid;
	border-width: thin;
	border-color: #F1F1EF;
}

.topico-tab {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 2px;
	font-weight: bold;
	line-height: 200%;
	color: #4678A7;
	border-bottom: 2px solid #F0F4F5;
}


/* conteúdo Interno dos box's */

#txt-box {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 120%;
	color: #989898;
}

#txt-box A:link {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; color: #F29221;	cursor: pointer; 
}

#txt-box A:visited {
	font-family :  Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight:  normal; color: #F29221; cursor: pointer; 
}

#txt-box A:hover {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline; font-weight: normal; color: #F26522;  cursor: pointer; 
}

#txt-box A:active {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight : normal; color: #F29221; cursor: pointer; 
}



.bx-vertical1 {
	border-top: 0px;
	border-left: 0px;
	border-right : 0px ;
	border-bottom : 0px;
    background-image: url("imgs/bx-vertical.gif");
	background-position: left;
	background-repeat: repeat-y;
	padding: 0px;
	background-color: #FDFDFD;
}

.bx-vertical2 {
	border-top: 0px;
	border-left: 0px;
	border-right : 0px ;
	border-bottom : 0px;
    background-image: url("imgs/bx-vertical.gif");
	background-position: right;
	background-repeat: repeat-y;
	padding: 0px;
	background-color: #FDFDFD;
}


.bx-horizontal {
	border-top: 0px;
    background-image: url("imgs/bx-horizontal.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	border-left: 0px;
	border-right : 0px ;
	border-bottom : 0px;
	padding: 0px;
	background-color: #FDFDFD;
}


/* página de links */


.links-meio {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 6px;
	padding-right: 4px;
	padding-bottom: 5px;
	font-weight: normal;
	line-height: 100%;
	color: #666666;
}


/* id do Clubinho */

.clubinho {
	width:95%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 120%;
	color: #666666;
	background-color:#FFFFFF;
}

/* Configuração dos Formulários */

.form-tt{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 200%;
	color: #FFFFFF;
	background-color: #4678A7;
	border-bottom: 2px solid #26A8DD;
}

.form-topico {
	font-family : Verdana, Tahoma, sans-serif;
	font-size: 10px;
	font-weight: 700;
	line-height: 100%;
	color: #777777;
}

.form-tab {
	border: 1px 1px 1px 1px;
	border-style: solid;
	border-width: thin;
	border-color: #F0F4F5;
	}
	

.form-campo {
	border-top: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-right:  1px;
	border-style: solid;
	border-color: #989898;
	font-family : Arial, Tahoma, sans-serif;
	font-size: 11px;
	color: #777777;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #FDFDFD;
	}
	
.form-bt {
    height: 20px ;
	width: 70px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #4678A7;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}	

.form-btg {
    height: 20px ;
	width: 140px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #4678A7;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}


.form-erro-tt{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 200%;
	color: #FFFFFF;
	background-color: #D52D27;
	border-bottom: 2px solid #E46963;
}

.form-erro-sub{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 200%;
	color: #D52D27;
	border-bottom: 1px solid thin #E46963;
}

.form-erro-tab {
	border: 1px 1px 1px 1px;
	border-style: solid;
	border-width: thin;
	border-color: #e9dfdf;
	}


#rodape {
	border-top: 0px;
    background-image: url("imgs/rodape-bg.gif");
	background-repeat: repeat-x;
	border-left: 0px;
	border-right : 0px ;
	border-bottom : 0px;
	padding: 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}	
	
/* link para meu e-mail */


#rodape A:link {
	font-family : Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight: bold; color: #FFFFFF;	cursor: pointer; 
}

#rodape A:visited {
	font-family :  Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight:  bold; color: #FFFFFF; cursor: pointer; 
}

#rodape A:hover {
	font-family : Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; font-weight: bold; color: #F26522;  cursor: pointer; 
}

#rodape A:active {
	font-family : Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight : bold; color: #FFFFF; cursor: pointer; 
}