/* CSS criado por Cleiton Diniz 
www.brmu.com.br */
* {
margin:0;
padding:0;
list-style:none;
text-decoration:none;
vertical-align:middle;
}
hr {display:none;}

body {
background:url(imag/bg.gif) repeat-Y center;
text-align:center;
}

img {border:none;}

img.imgleft {
float: left;
margin: 0 10px 0 0;
}
img.imgright {
	float: left;
	margin: 0 0 0 10px;
}

/** GERAL **/
#geral {
	width:800px;
	height:700px;
	margin:0 auto;
	position: relative;
	text-align:left;
	
  }
#include {
width :800px;
height:500px;
float:right;
}

#sidebar, #sidebar2 {
margin-left: 25px;
width: 250px;
display: inline;
float: left;
border-right: 2px dotted red;
min-height:620px;
}

code, pre {
	font:10px Verdana, Arial, Sans-Serif;
	padding:10px;
	border:1px solid #848145;
	background:#F9F8C7;
	display:block;
	margin-bottom:15px;
	line-height:18px;
}
/* Layout das Colunas */
#content {
	margin-left: 25px;
	display: inline;
	width: 890px;
	background:white;
}
/* Sizebar! */

/* TOPO */
#header {
background:url(imagens/topo1.jpg) repeat-X; 
margin: 0 0 0px;
height:  180px;
position: relative;
}
#baixa {
background:url(...) repeat-X; 
margin: 0 0 0 0;
top:0;
position: relative;
font-size:12px;
font-style:normal;
font:Verdana, Arial, Helvetica, sans-serif;
}
#menu_home {
	margin: 0 0 0px;
	height:40px;
	width: 395px;
	float:right;
	position: relative;
	background-image:url(imagens/menu.jpg);
}

#headerimg h1 a {
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	width:896px;
	height:168px;
	margin:0 auto 0;
	background:url(imagens/topo.jpg) no-repeat;
}

/* MENU */
div#menu_home_home {
	background: url('imagens/bg_menu.jpg') repeat-x;
	margin: 2px 14px 0 12px;
	height: 30px;
	display: table;
	width: 900px;
}
div#menu_home ul li {display: inline;}

div#menu_home ul li a {
	font: 12px Trebuchet Ms, Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
    color:#999999;
	float: left;
	padding: 0 19px;
	height: 30px;
	line-height: 30px;
	border-right: 1px solid white;
	border-left: 1px solid white;
}
div#menu_home ul li.menu-curso a {border-right: none;}

div#menu_home ul li.menu-busca {
	float: right;
	padding: 2px 0 0;
}

div#menu_home ul li.menu-busca form input[type="text"] {
	border: none;
	width: 185px;
	background: url(imagens/sombra-busca.gif);
	height: 17px;
	vertical-align: middle;
}

div#menu_home ul li.menu-busca form input[type="button"] {display: none;}

/* CONTENT */

#content .post {
	padding: 0 0 20px;
}

#criarconta form {
width:350px;
padding:10px 0 10px 0;
}
div#criarconta label span{
     color:grey;
     font:10px Verdana, Helvetica, sans-serif;
     display:block;
     text-align:right;
}
div#criarconta input, textarea, select{
	 border:1px dashed grey;
	 color:#FFFFFF;
   font:12px Verdana, Helvetica, sans-serif;
}

#content .post img {max-width: 400px;}

#content dl {
	font: 11px Verdana, Arial;
	margin: 0 0 10px;
}
#content dl dt {
	font-weight: bold;
	padding: 7px 0 0;
}

#content .post small {
	font: bold 10px verdana, arial, tahoma, sans-serif;
	display: block;
	color: #999;
	padding: 0 0 10px;
}

#content h2 {
	font: 19px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-Serif;
	color: black;
}
#content h2 a, #content h2 a:visited {color: black; text-decoration:none;}

#content h3 {
	font:bold 13px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-Serif;
	color: #999999;
}
#content h3 a {	color: #9c0001;}

#content p {
	font: 11px Lucida Grande, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color: #333;
	padding: 0 0 10px 8px;
	line-height: 18px;
}
strong, i, b, a {vertical-align: baseline;}

#content a:visited {color:purple; text-decoration: underline;}
#content a:hover{color:red;  text-decoration: underline;}

#content ol, #content ul {
	font: 11px Verdana, Arial, Tahoma, Sans-Serif;
	color: black;
	margin-bottom: 10px;
	margin-left: 15px;
}

#content ul li, #content ol li {
	list-style: square;
	padding: 0 0 5px;
}
#content ol li {list-style: decimal; margin-left: 25px;}

#content blockquote {
	padding:10px 15px 0;
	margin:0 0 10px;
	border-left:3px solid #DDD;
}
#content blockquote p {	font-style:italic;}

/* SIDEBAR */
div#sidebar h2, div#sidebar2 h2 {
	background: #f8aa2c;
	color: white;
	font: bold 12px Trebuchet ms, Verdana, Arial, Sans-Serif;
	padding: 5px 10px;
	text-transform: uppercase;
	margin: 15px 0 5px;
}

div#sidebar ul li a, div#sidebar2 ul li a {color: black;}
div#sidebar a:hover {color: red;}

div#sidebar ul li, div#sidebar2 ul li {
	padding: 0 0 4px;
	font: 11px verdana, arial, tahoma, sans-serif;
}
#sidebar p {
	font: 11px Lucida Grande, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color: #333;
	padding: 0 0 10px;
	line-height: 18px;
}
.avatar {
margin: auto 0;
}
.espacamento {
margin: auto 0;
width:230px;
border-bottom:2px dotted black;
}

.titside {
font: 12px Lucida Grande, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
color: red;
font-weight:bold;
}
div#content .topbox {
width:595px;
height:25px;
padding:5px 0 0 5px;
background: url('imagens/bg_menu.jpg') repeat-x;
font: 14px Lucida Grande, Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
font-weight:bold;
color: white;
}

div#content .topbox a:link { color: white; text-decoration: none; }
div#content .topbox a:visited { color: white; text-decoration: none }
div#content .topbox a:hover { color: white; text-decoration: underline }

#contas {
background: #DCDCDC;
display:none;
}
#contas p {
color:black;
}

#painelopt {
background: #DCDCDC;
display:none;
}
#painelopt p{
color:black;
}
#painelopt ul{
padding:5px 0 0 5px;
}

#criarconta {

background: #DCDCDC;
display:none;
}
#criarconta p{
color:black;
}
#form input {
border:dashed 1px;
font-size:12px;
color:#00000;
font:Arial, Helvetica, sans-serif;
}