@charset "utf-8";
/* CSS Document */
body {margin: 0;}
#geral {
	width:960px;
	margin:0 auto;
	font-family:Helvetica, Arial, sans-serif;
}
#topo {	
	height:185px;
}
#head {
	background-color:#f8f8f8;
	height:30px;	
	color:#acacaf;	
	font-size:11px;
}
#data {
	float:left;
	position:relative;
	top:9px;
	left:10px;
	text-transform:uppercase;
}
#login {
	float:right;
	position:relative;
	top:8px;
	text-transform:uppercase;
}
#empresa {
	background:#2995d1;
	padding: 7px 5px 8px 5px;
	color:#fff;
}
#logo {float:left;}
#menu {float:left; top:40px; position:relative; 	left: 80px;}
#meio {
	border-top:3px solid #2896d1;
	border-bottom:3px solid #2896d1;
	height:385px	;
}
#conteudo {
	float:left;
	margin-bottom:59px;
	margin-top: 59px;
}
.colunas {
	float:left;
	border-right:1px solid #e4e4e5;
	width:309px;
}
.colunas p {
	color:#929396;
	font-size:14px;
}
.colunas a {
	text-decoration:none;
	color:#209ed6;
	font-weight:bold;
	font-size:14px;
}
.colunas strong {
	color:#1097d3;
	font-size:14px;
}
.second {
	margin-left:30px;
}
.last {
	border:none; 
	position:relative; 
	left:30px; 
	width:280px;
}
.icones {
	float:left; 
	width:192px;
	height:193px;
	}
.icone1 {background:url(images/consulta_visita.png); z-index:1; background-size: 192px 193px;}
.icone1:hover {float:left; background:url(images/consulta_visitaHover.png); z-index:2; background-size: 192px 193px;}
.icone2 {background:url(images/relatorio_gerencial.png); z-index:1; background-size: 192px 193px;}
.icone2:hover {float:left; background:url(images/relatorio_gerencialHover.png); z-index:2; }
.icone3 {background:url(images/relatorio_produtivida.png); z-index:1; background-size: 192px 193px;}
.icone3:hover {float:left; background:url(images/relatorio_produtividaHover.png); z-index:2; background-size: 192px 193px;}
.icone4 {background:url(images/relatorio_visita.png); z-index:1; background-size: 192px 193px;}
.icone4:hover {float:left; background:url(images/relatorio_visitaHover.png); z-index:2; background-size: 192px 193px;}
.icone5 {background:url(images/relatorio_avonex.png); z-index:1; background-size: 192px 193px;}
.icone5:hover {float:left; background:url(images/relatorio_avonexHover.png); z-index:2; background-size: 192px 193px;}
.icone6 {background:url(images/relatorio_permanencia.png); z-index:1; background-size: 192px 193px;}
.icone6:hover {float:left; background:url(images/relatorio_permanenciaHover.png); z-index:2; background-size: 192px 193px;}
.icone7 {background:url(images/relatorio_perfil.png); z-index:1; background-size: 192px 193px;}
.icone7:hover {float:left; background:url(images/relatorio_perfilHover.png); z-index:2;}
.icone8{background:url(images/relatorio_medico.png); z-index:1; background-size: 192px 193px;}
.icone8:hover {float:left; background:url(images/relatorio_medicoHover.png); z-index:2; background-size: 192px 193px;}
.icone9 {background:url(images/relatorio_efeito.png); z-index:1;background-size: 192px 193px;}
.icone9:hover {float:left; background:url(images/relatorio_efeitoHover.png); z-index:2; background-size: 192px 193px;}
.icone10 {background:url(images/relatorio_gestao.png); z-index:1;background-size: 192px 193px;}
.icone10:hover {float:left; background:url(images/relatorio_gestaoHover.png); z-index:2; background-size: 192px 193px;}

#coluna1,#coluna2 {float:left;}
@media screen and (max-width: 980px) {
	background-color:#ffffff;
}