@import url("interna.css");
@import url("formularios.css");

* {
	margin:0;
	padding:0;
	}
	
html {
	font-size: 100%;
	font-family:"trebuchet MS", Verdana, Arial, sans-serif;
	}

a {
	text-decoration:none;
	color:#999999;
	}

a img {
	border:0;
	}

.none {
	display:none;
	}
	
.left {
	float:left;
	}

.right {
	float:right;
	}
	
.clear {
	clear:both;
	}

.clearFix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
body {
	font-size: 62.5%;
	background:#fff;
	}

div#geral {/* site content container */
	width: 100%;
	margin: 0 auto;
	}
	
	div#topo, div#menu, div#conteudo, div#rodape {
		width:100%;
		}
	/* INICIO TOPO */	
	div#topo {
		height:120px;
		background:#fff url(../imagens/logobc10.jpg) 10px 14px no-repeat;
		position:relative;
		}
		
		div#topo ul {
			position:absolute;
			right:0;
			bottom:10px;
			list-style-type:none;
			}
			
			div#topo ul li {
				width:10em;
				height:25px;
				line-height:25px;
				float:left;
				}
				
				div#topo ul li a {
					display:block;
					text-align:center;
					font-size:1.2em;
					color:#015581;
					font-weight:bold;
					}

				div#topo ul li a:hover {
					color:#fff;
					background:#015581;
					}
	/* TERMINO TOPO */	
	
	/* INICIO MENU */
	div#menu {
		height:72px;
		background:#5F87B8 url(../imagens/bg_menu.jpg) 0 bottom repeat-x;
		
		}
		div#menu ul {
			
			margin:3px auto;
			list-style-type:none;
			float:left;
			display:inline;
			border-right:1px solid #fff;
			}
		
		div#menu ul h2.tit_adm {
			font-size:12px;
			text-align: center;
			margin-bottom:2px;
			color:#fff;
			/*background:url(../imagens/menu_tit_adm.png) 0 0 no-repeat;*/
			}
			
		div#menu ul h2.tit_help {
			font-size:12px;
			text-align: center;
			margin-bottom:2px;
			color:#fff;
			/*background:url(../imagens/menu_tit_help.png) 0 0 no-repeat;*/
			}
			
		div#menu ul h2.tit_com {
			font-size:12px;
			text-align: center;
			margin-bottom:2px;
			color:#fff;
			/*background:url(../imagens/menu_tit_com.png) 0 0 no-repeat;*/
			}
			
			div#menu ul li span {
				display:none;
				}
			
			div#menu ul li {
				float:left;
				margin: 0 20px;
				}
				
			div#menu ul li a {
				cursor:pointer;
				}
				
			div#menu ul li a.user {
				width:38px;
				height:49px;
				display:block;
				background:url(../imagens/bg_adm_user.jpg) 0 0 no-repeat;
				}
				
			div#menu ul li a.setores {
				width:38px;
				height:49px;
				display:block;	
				background:url(../imagens/bg_adm_set.jpg) 0 0 no-repeat;
				}
				
			div#menu ul li a.clientes {
				width:43px;
				height:49px;
				display:block;
				background:url(../imagens/bg_adm_cli.jpg) 0 0 no-repeat;
				}

			div#menu ul li a.email {
				width:43px;
				height:49px;
				display:block;
				background:url(../imagens/bg_adm_email.jpg) 0 0 no-repeat;
				}
				
			div#menu ul li a.relatorios {
				width:65px;
				height:49px;
				display:block;
				background:url(../imagens/bg_adm_relatorios.gif) 0 0 no-repeat;
				}
				
			div#menu ul li a.tarefas {
				width:43px;
				height:49px;
				display:block;
				background:url(../imagens/bg_help_tafe.jpg) 0 0 no-repeat;
				}
				
			div#menu ul li a.nova_tarefa {
				width:62px;
				height:49px;
				display:block;
				background:url(../imagens/bg_help_novatare.jpg) 0 0 no-repeat;
				}
				
			div#menu ul li a.mensagens {
				width:62px;
				height:49px;
				display:block;
				background:url(../imagens/bg_com_msg.jpg) 0 0 no-repeat;
				}
				
			div#menu ul li a.nova_mensagem {
				width:62px;
				height:49px;
				display:block;
				background:url(../imagens/bg_com_novamsg.jpg) 0 0 no-repeat;
				}
	/* TERMINO MENU */
		
	div#conteudo {
		position:relative;
		padding:20px 0;
		}
		
		div#conteudo div#colesq {
			width:18em;
			margin:0 20px;
			display:inline;
			float:left;
			}
		
		div#conteudo div#coldir {
			width:72%;
			min-width:62em;
			margin:7px 0 0 0;
			border:1px solid #E7E7E7;
			position:relative;
			float:left;
			}
			
			div#alerta {
				width:400px;
				background:#FFFF95;
				border:1px solid #FFFF00;
				position:absolute;
				top:50%;
				left:50%;
				margin-top:-25px;
				margin-left:-200px;
				z-index:1000;
				display:none;
				padding:10px;
				font-size:1.2em;
				text-align:center;
				}
		
	div#rodape {
		height:45px;
		background:#4D79B0;
		clear:both;
		}