/* CSS para Uma marcacao - Varios templates */
/* Estilos geral */


body {
	position:relative; 
	color:#333; 
	background:#ffe;

	background:#3366ff url('imagens/bg.jpg') repeat fixed 0 0;	
	margin:0 auto 0 auto; 
	font:  80% Verdana, Helvetica, Arial, sans-serif;           


}



#login {
	position:fixed;
	top:2px; 
	right:2px;
	border: 1px solid #00000F;
	color:#000; 
	background:#fff;

	width:123px;
	height:185px;
 }


#tudo {
	width:850px;     
	
	margin:0 auto;
	
	text-align:center;
			border:1px solid #000;
	
}


#topo {
	height:50px;
	
	border-bottom:1px solid #039;

	text-align:center;
		}


#rodape {
	clear:both;
	
		text-align:center;
	
		border-top:1px solid #000;

		background:#fff;

		height:30px;
		font:  100% Verdana, Helvetica, Arial, sans-serif; 	}





 #Msg_Carregando1{
               width: 325x;
               height: 150px;
               border: solid 1px #000000; /*estilo, tamanho e cor da borda (pra ficar mais fácil a visualização*/
               position: absolute;
	       background:#fff;
               left: 50%; /*posição em relação à parte esquerda*/
               top: 50%; /*posição em relação à parte superior*/
               margin-left: -125px;
               margin-top: 200px;
		text-align:center;
            }


#Msg_Carregando{

position:fixed; 
bottom:3px; 
left:2px;
background:#036;
width:18.0em;
padding:0  0.2em 0.2em  0;
border-width:0.1em;
border-color:#fff #5882d5 #5882d5 #fff;
border-style:solid;
color:#FFF;
text-decoration: none;
	
padding: 7px;
	
display: block;

}



/* IMAGEM FIXA NO CANTO DIREITO INFERIOR */

div.irtopo img {
	position:fixed; 
	bottom:0; 
	right:0;
	}
img {border:none;}

/* IMAGEM FIXA NO CANTO DIREITO SUPERIOR */

div.propaganda img {
background:#ffffff;
border-width:0.2em;
padding:0  0.2em 0.2em  0;
padding: 7px;
border-color:#000000 #000000 #000000 #000000;
border-style:solid;
color:#FFF;
text-decoration: none;
	position:fixed; 
	bottom:1%; 
	right:1%;
	}
img {border:1px;}





/* =ESTRUTURA */
#wrapper {background:#fff url('bg-faux.gif') 26% repeat-y;}

#header {
	position:relative;
	color: #c30;
	background:#2d5d9d url('topo-fundo.jpg') repeat-x left top;
	height:150px;	
	}


/* =LINKS */
a:link {
	color: #036; 
	text-decoration:none;
	}
a:visited {color: #036; text-decoration:none;}
a:hover {
	color:#fff;
	background: #036;
	text-decoration:none;
	}
a:focus, a:active {
	outline:2px solid #c30;
	color:#00f !important; 
	background:#fff !important;
	text-decoration:underline;
	}


ul, ol {
	margin:0;
	
		padding:0;
	
		list-style:none;
	}

h1, h2, h3, h8 {
	margin: 0.8em 0;
	
		color:#c30;
	
		font-size:1.4em;
	}




h1 {
		color:#000;
 margin: 0.5em 0.0em;
	border:dotted #039;
 border-width: 1px 0px 0px;}


h2 {
		font-size:0.8em;
 color:#039;
 border:dotted #039;
 border-width: 0px 0px 1px; }


h3 {
		font-size:1.0em;
	}


h4 {
		font-size:1.5em;
		

margin: 0.8em 0;
	
		color:#fff;	}

h5 {		display: none;	}

h6 {
		color:#039; font-size:1.0em; margin: 0.5em 0.0em;
}

h7 {
		border:dotted #039;
 border-width: 0px 0px 1px;}



	

.dest {
		color:#039;
	
		}




/* Estilos para template de 3 colunas */

#principal {
	float:left;
	
		width:458px;
	
	
	
		text-align:justify;
	
		border:solid #000;
	
		border-width: 0 1px;
	
		padding: 10px;
	}


#nav {
		width:175px;
	
	
	float:left;
	
		text-align:left;

		margin-left:10px; 
		}


#apoio {
	width:175px;
	
		float:left;

		text-align:left;
		margin-left:10px; 
	}


/* FIM Estilos para template de 3 colunas */





/* Estilos para template duas colunas - navegacao esquerda */

body#duascolunas #apoio 	{
	display:none;
	}

body#duascolunas #principal	{
	width:600px;
	
				border-right-width:0;

				padding-right:0;
	}


/* Estilos para template duas colunas - navegacao esquerda opcao de fonte e fundo */

body.duascolunas-a #topo, body.duascolunas-a #rodape{
	font: 11px Verdana, Arial, Helvetica, sans-serif; 	
	background:#cff; 
	padding-bottom:1px;
	}

body.duascolunas-a	{
	background:#fff;
	font: 14px Georgia, "Times New Roman", Times, serif;
	}
body.duascolunas-a #principal  {
	color:#c30;
	}


/* Estilos para template duas colunas -  navegacao direita */
body#duascolunas-dir #nav, body#duascolunas-dir #apoio  {
	width:130px;
	float:right;
	padding:0 0 10px 10px;
	border-left: 1px dotted #c30; 
	}
body#duascolunas-dir #principal {
	width:580px;
	border:none; padding:0;
	margin:0;
	}




/* Estilos para template de uma coluna com navegacao horizontal */ 

#nav_hor  {
float:none;}


#nav_hor {
		width: 850px; 
			margin-left: -150;
  			margin-top: -150;
			font: 13px Geneva, Arial, Helvetica, sans-serif;

			list-style-type: none;
	
 margin:0 0 0 0;

			}


#nav_hor h3 { display:none;}


#nav_hor li {
			float: left;
	
				text-align:center;
				}


#nav_hor li a, #nav_hor li a:link {
				background:#036;
								width:12.00em;
								height:1.3em;
								padding:0  0.2em 0.2em  0;
								border-width:0.1em;
								border-color:#fff #5882d5 #5882d5 #fff;
								border-style:solid;
								color:#FFF;
								text-decoration: none;
	
								padding: 6px;
	
								display: block;
}


#nav_hor li a:hover {
			color: #000;

					border-color: #000 #000 #000 #000;
	
					background:#dae3f6;	}


/* Fim das regras CSS para templates */





/* Estilização do link - Proximo template */

#principal p.linque {
			font-size:0.8em;
	
					margin-bottom:15px;
	
					width:35em;
	
					background-color:#036;
	
					padding:2px 6px;
	
					text-align:center;
	}

#principal p.linque a, 
#principal p.linque a:link, 

#principal p.linque a:visited 	{
	text-decoration:none;
	
					color:#FFF;	
	}

#principal p.linque a:hover 	{
	color:#000;
				
	background-color:#dae3f6;
	}

/* =MENU */
#menu {
	width:95%;
	height:23.0em; 
        overflow:auto;	
	background:#fff;
	font-size:0.9em;
	margin:1.0em 0 1.0em 0;
	padding:0;
	}
#menu li.link-titulo {
	height:1.8em;
	line-height:1.8em;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	margin:2px 0;
	}
#menu li a.link-unico {
	background:#fff;
	border-bottom: 1px solid #ccc;
	}
#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;           
	}
#menu li a,  #menu li a:link {
	background: #d4dde4 url('http://www.shb.com.br/novo/imagens/bg-seta.gif') no-repeat right;
	border-left: 5px solid #7d97ad;
	color: #000;
	text-decoration: none;
	margin-bottom:1px;
	padding: 3px;
	display: block;
	}
#menu li a:hover {
	background: #036 url('http://www.shb.com.br/novo/imagens/bg-seta.gif') no-repeat right;
	color: #d4dde4;
	border-left: 5px solid #ccc;
	}

#bg_menu{
	background:#d4dde4 url('imagens/bg-menu.jpg') left left no-repeat;
	}