/* 2008-08-31 folha de estilos */
/* 
firefox whatsnew	http://pt-br.www.mozilla.com/pt-BR/firefox/2.0.0.12/whatsnew/
 */
@import url(estilo_ger.css);
/* @import url(joomla.css); */
<!--
    body {
		/* background: #eee;
    	color: #000; font-size: 11px;
    	font-family: Verdana, sans-serif;
    	margin: 0; padding: 0;
    	text-align: center;
		 */
    	}

    #topo {
/*    	border-bottom: 1px solid #cccc99;
*/
    	width: auto;
		clear: both;
		height: 230px;
	background-image:url('topo_final.gif');
	background-repeat:no-repeat;
	background-position:top left;
    	}

    #logo_em a{ 
	width:300px;
	height:80px;
	position:relative;
	float:right;
	display:block;
/*
	border:#990000 1px solid;
*/    	}



/*  - - efeito  sombra em imagem  - - */
.sombra	{/*
			position: relative;
			width: 213px;
			height: auto;
			background: #ffffff;
		}
.sombra img	{
http://www.infowester.com/tut_imagens_sombreadas.php
.sombra		{background: url(sombra.png) no-repeat;
		width: 305px;
		height: 205px;}
		height: 213px;
		text-align: center;
		border: #ffffff solid 5px;
		position: relative;
		top: -5px;
		left: -5px;
*/
		}

ul.square {
list-style-type: square; font: bold 0.9em verdana; margin-left:20px;
}

/*  2009 05 18  pagina principal */
#box150l {width: 150px; border: 1px solid #eeeeee; margin: auto; position: relative; float:left; padding: 0px; background: #ffffff; /*background: #eeeedd;*/}
#box150r {width: 140px; background: #ffffff; margin: auto; position: relative; float:right; text-align:center; padding: 0px; height: auto;/* background: #88cc88; background: #eeeedd;*/}
.box140 a {
	color:#006633;
	margin:2px;
	display:block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	border:1px solid #999999;
	padding:10px 0px;
 	}
.box140 a:hover{
	color: #CC9933;
	display:block;
	text-decoration:none;
 	}

.box140_ {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
 	}
/* 
	border-bottom:1px solid #888888;
	border-bottom: inset #009900;
*/
.box140_ a{
	color: #006600;
	margin:2px;
	display:block;
	padding:4px 0px;
 	}

.box140_ a:hover{
	color:#CC9900;
	display:block;
	text-decoration:none;
 	}

.box140_ a:active,
.box140_ a:active:hover {
	color:#CC9900;
	font-weight:bold;
}
/*	background: #dddddd;
	border:1px solid #999999;
	font-weight:bold;
	background:#000;

.box140_ a:activ{
	color:#CC9900;
	display:block;
	text-decoration:none;
 	}
	*/

.main {width:400px; border: 1px solid #FFF; margin: auto; position: relative; float:none; padding: 3px; background: #FFFFFF; /* background: #eeeedd;*/}
.main00 {width:400px; height:auto; margin: auto; padding:4px; text-align: center; border: 2px solid #b3b3b3;/**/}
.main01 {width:auto; border: 1px solid #ffff33; margin: auto; padding:2px; text-align: center;}
.main01 ul li{ width:50%; text-align: left; margin-left: 50px;}
.main02 {width:48%; border: 1px solid #ffffff; float:left; margin:0 1px; height:auto; padding-left:4px; text-align:left;}	
.main04 {width:100px; border:thin; border-color:#996633; height:auto;}	
#main01 {width:auto; border: 1px solid #ffffff; margin: auto; padding:5px; text-align: justify;}
#main01 ul{padding-left:20px;}

/*  2009 05 26  links  width:340px; */
.dest2 {font:normal 10pt helvetica; text-align:center;}
.dest2 a: {color:#000099; display:block;/* font:normal 14pt helvetica; */}
.dest2 a:visited {background:#eeeeee; color:#0000ff; display:block;}
.dest2 a:hover {color:#990000; background:#dddddd}

.geral1 {width:460px; margin:auto; position:relative; float:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.geral1 a:link {color:#009900;}
.geral1 a:visited {color:#009900;}
.geral1 a:hover {color:#663333;} 
/*  
*/
.texto1 {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.texto1 a:link {color:#CC0000;}
.texto1 a:visited {color:#CC0000;}
.texto1 a:hover {color: #660033;}

    #tudo {
		position: relative;
    	background: #FFFFFF;
    	border: #999999 1px solid;
    	width: 760px;
    	margin: auto;
		margin-top: 0px;
		margin-bottom: 30px;
    	text-align: center;
    	}
    #leftcol {
    	background: #ffffff;
    	border: #cccccc 1px solid;
		position: relative;
		float: left;
    	width: 21.5%;
    	text-align: left;
    	margin: auto;
    	}

    #midcol {
    	background: #FFFFFF;
		position: relative;
    	width: 460px;
    	margin-left: 2px;
		padding: 2px;
		float: left;
/*    	border: #cccccc 1px solid;
 - - - 
*/
    	}

    #rightcol {
    	background: #FFFFFF;
    	border: #ccc 1px solid;
		position: relative;
    	width: 21.5%;
		padding: 5px;
		float: right;
    	}

    #qdrr {
		position: relative;
    	width: 520px;
		height: auto;
    	margin-top: 2px;
		float: right;
    	border: #ffffff 1px solid;
		text-align:right;
/*    	background: #FFFFFF;
		padding: 5px;
*/
    	}



    #linha {
    	clear: both;
    	background: #FFCC88;
		position: relative;
/*	clear: left;
	height: 20px;
h3 { text-shadow: red 0.2em 0.3em 0.2em; } efeito sombra em texto
*/
    	}
    #caixa1 {
	position: relative;
	clear: left;
    	}
    #caixa2 {
	position: relative;
	clear: left;
    	}



/*  menu principal  */
ul#topm {
width:140px;
background:#ffffff;
list-style-type:none;
font-family: "Trebuchet MS";
font-size:12px;
text-align: left;
padding-left:5px;
margin-top:8px;
/* Geneva, Arial,
border:1px solid #ffffff;
*/}

ul#menu {
width:140px;
margin:0;
padding:0;
list-style-type:none;
}
ul#menu li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align: left;
/* Geneva, Arial,
color:#5E0F50;
border-bottom:1px solid #A4A0F5;
border:1px solid #003399;
background:#FADE8B;
*/
}
ul#menu li a:link, ul#menu li a:visited {
background:#0066CC;
color: #FFFFFF;
display:block;
text-decoration:none;
border-left:4px solid #003366;
padding-left:2px;
padding-top: 1px;
padding-bottom: 3px;
}
/*
background: #003366;
border-left:5px solid #EEC591;
*/
ul#menu li a:hover {
background-color: #FFFF66;
color: #003399;
border-left:4px solid #FFCC33;
padding-top: 1px;
padding-bottom: 3px;
/*
background-color: #FFE4B5;
color:#DAA520;
*/} 



/*    2009-07-28 
*/
div.conteudo {
	padding: 5px;
	width: 75%;
	margin-left: 160px;
	}

div.conteud_ {
	width: 65%;
	margin-left: 160px;
	}

    #conteudo1 {
		margin: 2px;
		padding: 10px;
    	font-size: 11px;
    	text-align: left;
		background: #eeeeff; 
/*    	border: #cccccc 1px solid;
	background: #CCCCCC; 
*/
    	}

    #conteudo2 {
		margin: 5px;
		padding: 5px;
    	font-size: 12px;
    	text-align: left;
    	}


    #cabecalho { 
	font-size: 18px; 
	text-align: center; 
	padding: 30px; 
	}

    .rodape {
    	clear: both;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
    	color: #666666;
    	padding: 4px;
		margin: auto;
		width: 760px;
    	text-align: center;
		border-top:1px solid #999999;
    	}

h3 {
	color: #666666;
	margin-top: 0px;
	margin-bottom: 4px;
}

.car20 {
	font-family: verdana;
	font-size: 20px;
	color: #666600;
}

.cabe {
   	text-align: center;
	font-size: 16px;
	color: #003399;
}



.menu_principal ul {
	list-style-type: none;
	margin-left: 1px;
}

.menu_principal li {
    	width: 100%;
	font-size: 12px;
	border-bottom: 1px #ffffff solid;
	margin-left: 1px;
	padding-left: 2px;
}

.menu_principal li a:link {
	text-decoration: none;
   	width: 100%;
	display: block;
	background: #eeeeee;
	color: #333333;
	margin-bottom: 2px;
	padding-bottom: 4px;
	padding-top: 2px;
}

.menu_principal li a:visited {
	text-decoration: none;
    	width: 100%;
	display: block;
	background: #eeeeee;
	color: #333333;
	margin-bottom: 2px;
	padding-bottom: 4px;
	padding-top: 2px;
}

.menu_principal li a:hover {
    	width: 100%;
	display: block;
	text-decoration: underline;
	background: #99ccff;
	color: #333333;
}

/*
body
{
background-image:url('topo.png');
background-repeat:no-repeat;
background-position:top right;
background-position:top right;
margin-right:200px;
}
*/


/*
	O conteudo ocupa a largura da pagina -
   	clear: both;

	list-style-position: outside;
	height: 120px;
   	text-align: left;

Atributo gradiente de cores em borda com CSS e Firefox
<style type="text/css">
.coresborda{
   border-style: solid;
   border-width: 10px;
   -moz-border-top-colors: #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855 #ff7744 #ff6633 #ff5522 #ff4411 #ff3300;
   -moz-border-right-colors: #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855 #ff7744 #ff6633 #ff5522 #ff4411 #ff3300;
   -moz-border-bottom-colors: #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855 #ff7744 #ff6633 #ff5522 #ff4411 #ff3300;
   -moz-border-left-colors: #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855 #ff7744 #ff6633 #ff5522 #ff4411 #ff3300;
}
</style> 


  - - - outro menu - - -   

    #menu {
    	background: #000;
    	height: 27px;
    	margin: 0; padding: 0;
    	}

    #menu ul {
    	margin: 0; padding: 0;
    	margin-left: 6px;
    	}

    #menu ul li {
    	display: inline;
    	}

    #menu ul li a {
    	background: #444;
    	color: #FFF;
    	border: 1px #FFF solid;
    	border-bottom: 1px #000 solid;
    	float: left;
    	padding: 5px 7px;
    	margin: 2px;
    	text-decoration: none;
    	}

    #menu ul li a:hover {
    	background: #FFF;
    	color: #F00;
    	border: #F00 1px solid;
    	border-bottom: none;
    	text-decoration: none;
    	}
*/

    	-->