/* ESTILOS */
/* ----------------------------------------- */
body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #222;
	background:url(../imagens/fundo.png);
}
a, a:link {
	color: #3151A2;
	text-decoration: none;
}
a:hover, a:visited{
	color: #3151A2;
}
h1, h2, h3, h4, h5, h6{line-height: 100%; margin-bottom: 0.5em;}
h1{font-size: 250%;}
h2{font-size: 200%;}
h3{font-size: 150%;}
h4{font-size: 120%;}
h5, h6{font-size: 100%;}
p,ul,ol{margin-bottom: 10px;}
small{font-size: 75%;}
big{font-size: 125%;}

/*SELETORES*/
#tudo{width: 960px;	margin: 0 auto; overflow:auto; background:url(../imagens/bg.png);}
#topo{margin: 10px 0; padding: 10px; display: block;}
#conteudo{margin: 10px 0; display: block; clear:both}
#rodape{margin: 10px 0;	padding: 10px; display: block;}

/*12 COLUNAS - padrão*/
.coluna{display: block;	float: left; margin: 10px; background-color:#333333; color:#FFFFFF;}
.outra{display: block;	float: left; margin: 10px;}
.outraDireita {background-color:#555555;
border-left:10px solid #F0323A;
color:#333333;
display:block;
float:right;
margin:10px;}

.tamanho1{width: 60px;}
.tamanho2{width: 140px;}
.tamanho3{width: 220px;}
.tamanho4{width: 300px;}
.tamanho5{width: 380px;}
.tamanho6{width: 460px;}
.tamanho7{width: 540px;}
.tamanho8{width: 620px;}
.tamanho9{width: 700px;}
.tamanho10{width: 780px;}
.tamanho11{width: 860px;}
.tamanho12{width: 940px;}

/*16 COLUNAS*/
.grid-16 .tamanho1{width: 40px;}
.grid-16 .tamanho2{width: 100px;}
.grid-16 .tamanho3{width: 160px;}
.grid-16 .tamanho4{width: 220px;}
.grid-16 .tamanho5{width: 280px;}
.grid-16 .tamanho6{width: 340px;}
.grid-16 .tamanho7{width: 400px;}
.grid-16 .tamanho8{width: 460px;}
.grid-16 .tamanho9{width: 520px;}
.grid-16 .tamanho10{width: 580px;}
.grid-16 .tamanho11{width: 640px;}
.grid-16 .tamanho12{width: 700px;}
.grid-16 .tamanho13{width: 760px;}
.grid-16 .tamanho14{width: 820px;}
.grid-16 .tamanho15{width: 880px;}
.grid-16 .tamanho16{width: 940px;}

/*24 COLUNAS*/
.grid-24 #topo{padding: 10px 5px;}
.grid-24 #rodape{padding: 10px 5px;}
.grid-24 .coluna{margin: 10px 5px;}
.grid-24 .tamanho1{width: 30px;}
.grid-24 .tamanho2{width: 70px;}
.grid-24 .tamanho3{width: 110px;}
.grid-24 .tamanho4{width: 150px;}
.grid-24 .tamanho5{width: 190px;}
.grid-24 .tamanho6{width: 230px;}
.grid-24 .tamanho7{width: 270px;}
.grid-24 .tamanho8{width: 310px;}
.grid-24 .tamanho9{width: 350px;}
.grid-24 .tamanho10{width: 390px;}
.grid-24 .tamanho11{width: 430px;}
.grid-24 .tamanho12{width: 470px;}
.grid-24 .tamanho13{width: 510px;}
.grid-24 .tamanho14{width: 550px;}
.grid-24 .tamanho15{width: 590px;}
.grid-24 .tamanho16{width: 630px;}
.grid-24 .tamanho17{width: 670px;}
.grid-24 .tamanho18{width: 710px;}
.grid-24 .tamanho19{width: 750px;}
.grid-24 .tamanho20{width: 790px;}
.grid-24 .tamanho21{width: 830px;}
.grid-24 .tamanho22{width: 870px;}
.grid-24 .tamanho23{width: 910px;}
.grid-24 .tamanho24{width: 950px;}

.primeiro, .grid-16 .primeiro, .grid-24 .primeiro{margin-left: 0;}
.ultimo, .grid-16 .ultimo, .grid-24 .ultimo{margin-right: 0;}

/*AGORA SIM VEM OS ESTILOS \o/*/
/* @Grupo MENU */
ul.menu{
	background: #333;
	height: 40px;
}
ul.menu li{
	list-style: none;
	float: left;
	display: block;	
	position: relative;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #404040 #1a1a1a #1a1a1a #505050;
}
ul.menu li:hover, ul.menu li.hover{ /*Fix para z-index IE7 | .hover para IE6(requer Js)*/
	z-index: 10;
}
ul.menu li a{
	padding: 0px 30px;
	line-height: 38px;
	font-weight: bold;
	color: #FFFFFF !important;
	display: block;
}
ul.menu li a:hover, ul.menu li:hover{
	color: #FFFFFF;
	background: #4698ca;
	border-top-color: #5db1e0 !important;
	border-left-color: #5db1e0;
}
/* -- Submenus -- */
ul.menu li ul{
	position: absolute;
	background: #333;
	width: 170px;
	top: 39px;
	left: -1px;
	display: none;
	z-index: 10;
}
ul.menu li ul li{
	width: 100%;
	background: #333;
	position: relative;
}
ul.menu li ul li:hover, ul.menu li ul li a:hover{
	color: #fff;
	background: #4698ca;
	border-top-color: #5db1e0 !important;
	border-left-color: #5db1e0;
}
ul.menu li ul li a{
	width: 110px;	
}
ul.menu li ul li ul{
	position: absolute;
	background: #333;
	width: 170px;
	top: 0;
	left: 171px;
	display: none;
}
ul.menu li ul li{
	width: 170px;
	background: #333;
}
/* @Fim */

/* @Grupo FORMULÁRIOS */
form label{
	font-weight: bold;
	display: block;
}
form input,form textarea{
	padding: 8px;
	border: 1px solid;
	border-color: #bbb #ddd #ddd #bbb;
	background: url(../img/input.png) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
form input[type="radio"], form input[type="checkbox"]{
	border: none;
	background: none;
	padding: 0;
}
form input.enviar{
	background: #333;
	border: 1px solid #000;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px 7px;
	width: auto;
	height: 30px;
	display: inline-block;
	overflow: visible;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
form select{
	border: 1px solid;
	line-height: 1em;
	padding: 6px 8px;
	border-color: #bbb #ddd #ddd #bbb;
	background: url(../img/input.png) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 321px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
form option{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0 8px;
}
/* @Fim */

/* @Grupo ALERTAS */
.alerta{
	padding: 10px 20px;
	border: 1px solid #C0C0C0;
	margin: 5px 0;
	display: block;
	background: #EDEDED;
	color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
.verde{
	background: #E9F9E5;
	border:1px solid #9BDEA8;
	color: #1C8400;
}
.vermelho{
	background: #F9E5E6;
	border:1px solid #DF8F8F;
	color: #C32727;
}
.amarelo{
	background: #FFF6BF;
	border:1px solid #EFC20E;
}
.azul{
	background: #DDEEFF;
	border:1px solid #85CAF3;
	color: #0055B5;
}
/* @Fim */

/* @Grupo TABELAS */
table{
	margin-bottom: 10px;
}
table tr th{
	background: #EEE;
	border: 1px solid #CCC;
	padding: 5px 10px;
}
table tr td{
	border: 1px solid #DDD;
	padding: 5px 10px;
}
/* @Fim */ 

/* @Grupo OUTROS */
a.botao{
	background: #333;
	border: 1px solid #000;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
	width: auto;
	display: inline-block;
	overflow: visible;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
blockquote{
	padding: 10px 20px 0px;
	border: 1px solid #ccc;
	background: #f2f2f2;
	margin-bottom: 10px;
}
hr{
	background: #ddd;
	border-top: 1px solid #ddd;
	height: 0px;
	line-height: 0px;
	display: block;
	overflow: hidden;
	margin: 10px 5px;
}
iframe{
	border: 1px solid #ccc;
}
/* @Fim */