@charset "utf-8";
/* CSS Document */
*{margin:0px;}

a {text-decoration: none; }
a img {border: none; }

p img { width:30%; }

body {
	font-family:Arial !important;
	margin:0px;
	min-width:926px;
}

.imgMapa {
	position:absolute;
	z-index:99;
	margin-top:-20px;
	max-height:103px;
}

/* Banner GeoSaúde */
#topo {
	background:url(../Imagens/fundoTopo02.png) repeat-x;
	height:83px;
	position:relative;
	width:100%;
}

/* Menu superior */
#wrapper { width:100%; }
ul.barra-superior { width:100%; float: right; position:relative; display: inline; background-color: rgba(255,255,255,0.3); width: 100%; }
ul:hover.barra-superior{ background-image: linear-gradient(#ccc, #fff); }

.barra-superior li{ position:relative; float: right; list-style-type:none; line-height: 31px; }
.barra-superior li a {color:#333; text-decoration:none; padding:5px 25px; display:block; }
.barra-superior li:hover a, .barra-superior li.over a { background-image: linear-gradient(#fff, #CCC); }

.barra-superior li:hover ul, .barra-superior li.over ul{ display:block; }
.barra-superior li ul {position:absolute; top:41px; left:0; display:none; border-radius: 0 0 8px 8px; }

.barra-superior li ul li{ float:none; position:relative; display:block; background-color:none; }
.barra-superior li:hover a li a { padding:5px 25px; background-color: rgba(255,255,255,0.3); }
/* Final menu superior */


/* Menu lateral */
.menuLateral { position:absolute; float:right; max-width: 20%; top:45%; right:2%;}
.menuLateral ul { float:right; }
.menuLateral ul li { position:relative; }
.menuLateral li,
.menuLateral li ul li { list-style-type:none; text-align:right; background: rgba(255,255,255,0.3); border-radius: 8px; line-height:30px; margin-top:3%; right:21px; }
.menuLateral li a { padding: 0 10px; }
.menuLateral li:hover a, .menuLateral li.over a { list-style-type:none; text-align:right; background-image: linear-gradient(#ccc, #fff); border-radius: 8px; line-height:30px; width: 110% !important; float:right;}

/*segundo nível do menu */
.menuLateral ul ul {background: rgba(255,255,255,0.3); border-radius: 8px;}
.menuLateral li ul { position:absolute; right:110%; display:none;}
.menuLateral li:hover ul { display:block; }
.menuLateral ul li li:hover, .menuLateral ul li li.over { background-image: linear-gradient(#ccc, #fff); border-radius: 8px; }

/* Final - Menu lateral */

/*Div para teste de funcionalidade com imagens*/
#imagensTeste { background-color:#CCC; border-radius: 5px; margin:150px 0 100px 30%; width: 30%; height: 180px; display:none; }
.topoJanela { background-image: linear-gradient(#999, #fff); float:left; width: 100%; line-height: 31px; height: 31px; position:relative; text-align:center; font-weight:bold; border-radius: 5px 5px 0 0; }
.conteudoJanela { margin: 40px; float:left; width:80%; }
	.conteudoJanela img {margin-left: 15px;}
	
.botoes {width:48%; background-image: linear-gradient(#666, #fff); border-radius: 8px; border-color:#000; border-width:2px; line-height: 31px; float:left; margin-left:1%; margin-top:20px;}