@charset "utf-8";
/* CSS Document */

* {
margin: 0; 
padding: 0; }

:focus { outline: 0;}

body {
background: #fff url(img/bg.jpg) repeat-x; }

img { 
border: 0;
-ms-interpolation-mode:bicubic; }

.clear {
clear: both; }

.right {
float: right; }

.left {
float: left; }

hr, .hide {
display: none; }

h1{
font:bold 46px Arial, Helvetica, sans-serif;
letter-spacing:-5px;
color:#333;
text-align:center; }

h2 {

margin-top:50px;
font:bold 26px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#333;
text-align:left;}


/*STRUCTURE*/
#bar {
width:100%;
height:5px;
background:#333; }


#wrapper {
	width:900px;
	_width:100%;
	margin:0 auto;
	_text-align:center;}

#masthead {
height: 40px;
width: 890px;
margin: 0px 0px 10px 0px;
text-align:center;
/*border-bottom:solid 1px #CCC;*/ }

#masthead .mark {
margin: 5px 0px 0px 2px;
text-align:center; }

#masthead img {
width: 253px;
text-align:center;}

#leftcol{
margin-top:30px;
width:400px;
float:left;}

#sidebar {
width:450px;
height:400px;
margin-top:30px;
float:right;
margin-right:50px;
overflow:auto;}

#sidebar ul {
padding:0; margin-top:30px; margin-left:20px;}

#sidebar li { 
list-style:square;
width:400px;
border-bottom:1px solid #e7e7e7;
padding:3px;}

#sidebar li p.texto {
width:290px;
}

#sidebar li:hover{
background:#E7E7E7;}

#sidebar li a {
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#999;
text-decoration:none;}

#sidebar li a:hover {
color:red;
text-decoration:underline;}

#sidebar{
display:block;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:black;}



/*NAV*/

#masthead ul { 
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none;
float: left;
margin-left:150px;}

#masthead li { 
display: block; 
height: 38px; 
width: 139px; 
background: #fff url(img/rule_nav.gif) no-repeat left top;
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px; 
line-height: 38px; 
color: #00aeef; 
text-indent: 10px; 
float: left; }

#masthead li a:link, #masthead li a:active, #masthead li a:visited  {
display: block;
background: #fff url("img/rule_nav.gif") no-repeat left top;
color: #000; 
text-decoration: none; }

#masthead li a:hover  {
display: block;
background: #f7fdff url("img/rule_nav.gif") no-repeat left top;
color: #000; 
text-decoration: none; }

#login-form{
	width:170px;
	height:120px;
	padding:15px;
	margin-top:50px;
/* 	margin-left:340px; */
	text-align:center;
	background:#EAF3FA;
	border:1px solid #47869A;
}

#login-form ul, #include-form ul {
margin: 0;
padding: 0;
list-style-type: none; }

#login-form li, #include-form ul{
display: block; 
height: 38px; 
width: 139px;
font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0 0 10px 0; }

#login-form form .submit input{
display:block;
position:relative;
}

#login-form form .field {
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:2px;
width:170px; }

#include-form {
width:250px;
height:150px;
padding:15px;
margin-top:10px; 
float:left;}

#sucess p {
margin-top:10px;}

#show {
width:650px;
margin-top:30px;
}

#show ul { 
display:block;}

#show ul li { 
width:650px;
list-style:square;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#show ul li:hover{
background:#e7e7e7; }


#show li a, #show li a:hover, #show li a:visited  {
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
color:#666;}



/*CLASS*/
.error {
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:red;}

.sucess{
font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:red;
}
.title{
width:300px;
font:bold 26px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#333;
text-align:left; }

.sair a{
float:right;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:black;
text-decoration:none;
margin-top:-25px;}

.back a{
color:black;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top:100px;
text-decoration:none;
background:#E7E7E7;
padding:3px;}
	.back a:hover{
	background:#CCC;
	color:#000;
	}


.btlogin{
width:70px;
height:25px;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
border:1px solid #72C0C9;
background: #CDDDE2; }

.btlogin:hover{
background:#E4E4E4;
color:#000;}

.btinclude{
margin-top:5px;
background:#e7e7e7;
border:1px solid #CCC;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; }

.textarea {
width:300px;
height:120px;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:2px; }

.tit_table {
font:bold 18px Arial, Helvetica, sans-serif;
}

.icos a {
width:40px;
height:10px;
float:right;
display:block;
margin-left:10px;
text-decoration:none;}

.icos a:hover {
color:#FC0;
text-decoration:underline; }

.gerar {
margin-top:50px;
color:white;}

.gerar a {
padding:5px;
text-decoration:none;
color:white;
background:black;
}
.gerar a:hover{
background:white;
padding:5px;
color:black;}