* {margin:0; padding:0;}
/*body {margin:0 auto; background-image:linear-gradient(to right, #F1F1F1, #FFF);}*/
body {margin:0 auto; background:url(../img/bg3.jpg) top center;}

/* CSS Admin Login */
#box_login {width:322px; margin:0 auto; margin-top:60px; margin-bottom:20px; background-image:linear-gradient(to bottom, #02B3F9, #007FF0); padding:70px 20px; box-shadow:5px 5px 10px #666; border-radius:10px;}
#box_login img {margin:0 0 20px;}
#box_login h1 {font:22px Arial; color:#FFF; font-weight:100; text-align:center; margin-bottom:40px; padding:10px 20px; text-transform:uppercase;}
#box_login form {width:322px; height:180px; margin:0 auto;}
#box_login form label {display:block; padding:3px 0;}
#box_login form span {display:block; color:#555; font:12px Verdana, Geneva, sans-serif; font-weight:bold; margin:10px 0 2px;}
#box_login form label input {font:14px Arial; color:#333; padding:10px; width:300px; border:1px #CCC solid; border-radius:6px; margin-bottom:10px;}
#box_login form label input.senha {color:#555; padding:10px; width:200px; border:1px #CCC solid;}
#box_login form input.btn {width:322px; font:14px Arial; padding:10px; border:0; background:#11CC97; color:#FFF; cursor:pointer;}
#box_login form input.btn:hover {background:#0FAC81;}

#erro {position:absolute; top:11px; left:50%; margin-left:-156px; background:#FFE8E8; padding:10px; font:14px Arial; color:#900; border-radius:6px; box-shadow:2px 2px 5px #999;}
#alerta {position:absolute; top:11px; left:50%; margin-left:-150px; background:#F0F0FF; padding:10px; font:14px Arial; color:#00008C; border-radius:6px; box-shadow:2px 2px 5px #999;}

#logo {width:322px; margin:0 auto;}
#logo img {width:163px; height:32px; border:0;}
#logo p {padding:5px;}
#logo a {font:14px Arial; color:#06C; text-decoration:none;}
#logo a:hover {color:#09C; text-decoration:underline;}

/* CORPO DO SITE */
#box_home {width:900px; margin:0 auto;}

/* TOPO DA ÁREA */
#topo {width:100%; background: linear-gradient(to right, #07C , #03C); margin:0 0 20px; padding:10px 0; box-shadow:3px 3px 10px #BBB;}
#topo h1 {width:900px; margin:0 auto; font-family:Arial; font-size:22px; color:#FFF; font-weight:100; text-transform:uppercase;}

/* BOX ESQUERDO*/
#box {width:200px; float:left; background:#FFF; border:1px #CCC solid; margin-top:10px;}
#box ul {padding:0;}
#box li {display:inline; float:left; padding:0;}
#box a {font-family:Arial; font-size:15px; color:#444; text-decoration:none; padding:10px 10px; font-weight:bold; border-bottom:1px #F1F1F1 solid; display:block; width:180px;}
#box a:hover {background:#07C; color:#FFF;}

/* CONTEUDO */
#conteudo {width:660px; padding:10px; float:right; font-family:Arial; background:#FFF; border:1px #CCC solid; margin-bottom:20px;}
#conteudo h1 {font-size:30px; font-weight:100; color:#555;}
#conteudo h1 span {font-size:20px;}
#conteudo h2 {font-size:26px; font-weight:100; color:#06C; margin:0 0 10px; border-bottom:2px #07C solid;}
#conteudo h2.cinza {font-size:20px; font-weight:100; color:#444; border:0; padding:0; margin:0 0 10px 0;}
#conteudo h2.estatisticas {font-size:20px; font-weight:100; color:#06C; margin:20px 0 10px;}
#conteudo p {font-size:15px; color:#444; margin:5px 0;}
#conteudo table {width:660px; font-family:Arial; margin-top:20px;}
#conteudo tr.topo {font-family:Arial; background:#07C;}
#conteudo tr.topo:hover {background:#07C;}
#conteudo tr.topo td {font-family:Arial; font-size:13px; color:#FFF; font-weight:bold;}
#conteudo td img {float:left; padding:5px 4px 0 0;}
#conteudo tr td {font-family:Arial; font-size:14px; color:#666; padding:10px; border-bottom:1px #DEE3F3 solid;}
#conteudo tr:hover {background:#F1F1F1;}/**/
#conteudo tr.nao:hover {background:none;}
#conteudo table.nao tr:hover {background:none;}
#conteudo table.nao tr td {border:0;}
#conteudo table tr.ok {background-color:#D7FFEB;}
/*#conteudo i {font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; font-style:italic;}*/
#conteudo a.cel {font-family:Arial; font:50px; color:#FFF; background:#4F2D00; padding:20px 30px; margin:10px 0;}
#conteudo a {font-family:Arial; font-size:15px; color:#07C; text-decoration:none;}
#conteudo a:hover {text-decoration:underline;}
#conteudo a.acoes {font-family:Arial; font-size:12px; padding:0; background:none; color:#07C;}
#conteudo a.acoes:hover {text-decoration:underline;}
#conteudo a.vermelho {color:red;}

#conteudo form input {font:14px Arial; color:#333; padding:10px; width:300px; border:1px #CCC solid; border-radius:6px; margin-bottom:10px;}
#conteudo form input.maior {width:630px;}
#conteudo form input.btn {width:auto; font:14px Arial; padding:10px; border:0; background:#11CC97; color:#FFF; cursor:pointer;}
#conteudo form input.btn:hover {background:#0A69AD;}
#conteudo form select {font:14px Arial; color:#333; padding:10px; width:500px; border:1px #CCC solid; border-radius:6px; margin-bottom:10px;}
#conteudo form textarea {font:14px Arial; color:#333; padding:10px; width:630px; border:1px #CCC solid; border-radius:6px; margin-bottom:10px;}

#conteudo.limpo {width:680px; background:none; border:0; padding:10px 0; margin:0;}
#conteudo.limpo h2 {font-size:23px; font-weight:100; color:#444; border:0; padding:0; margin:0;}

#conteudo.barra {width:656px; border-left:4px #666 solid;}
#conteudo.vermelho {background:#FFE8E8; border-left:4px red solid;}
#conteudo.verde {background:#CEFFCE; border-left:4px green solid;}