/*  
URL: http://www.devmakers.org
Descrição: Seu portal de desenvolvimento maker.
Versão: 4.0
Autor: José Henrique e Paulo Silva
*/

/* ============ RESET =========== */
* {
	margin: 0;
	padding: 0;
	}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }

body, html { height:100%; }

/* =========== GENERICO ========= */
body{
	background-image: url(../img/back.jpg);
	background-repeat:repeat-x;
	background-color:#e4ebf5;
	font-size:62.5%;
}

#principal {
	height:  inherit;
	width:1007px;
	margin:0 auto;
	padding:0;
}

#container {          
	position: absolute;
	background-image: url(../img/back2.png);           
	background-repeat: repeat-y;
	width: 1007px;          
}          

.coluna-direita {
	display: inline;
	width:262px;
	float: left;
	margin:0px 0px 60px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding: 0;
	line-height:150%;
}    

.coluna-esquerda {
	display:inline;
	float: left;
	width:690px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em; 
	padding: 0;
	margin:0px 5px 60px 30px;
}

.coluna-esquerda p {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.coluna-esquerda img {
	border: 0px; 
}
.coluna-esquerda a {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #267d9a;
	text-decoration: none;
}
.coluna-esquerda a:visited {color: #267d9a;}
.coluna-esquerda a:hover {text-decoration: underline;}

.rodape {
	clear: both;
	position:absolute;
	bottom:0;
	background: url(../img/rodape.png) no-repeat;
	width: 1007px;
	height: 48px;
}
.rodape .texto {
	margin: 15px 0;
	text-align:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em; 
}

/* =========== HEADER ========= */  

#header {
	background-image: url(../img/backheader.png);
	background-repeat: repeat;
	height: 131px;
	width: 984px;
	margin: 0 10px 0;
	
}

.infouser {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	margin: 30px 30px 0;
	font-size: 11px;
	color: #FFFFFF;    
	display: inline;
	float: left ;
}
.infouser a, .infouser a:active, .infouser a:visited, .infouser a:hover,.infouser a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color: #0099FF;
}
	#rodapeheader {
		background-image: url(../img/rodapeheader.png);
		height: 44px;
		width: 992px;
		margin: 0px 6px 0;
		overflow: hidden;
		
	}
	
		#rodapeheader .menu {
			margin: 3px 3px 0px 0px;
			height: 50px;                          
		}  
		
		.menu ul{
			float:right;
			margin: 4px 0;
		}
		
		#rodapeheader .menu li {
			display: inline;
			padding: 13px 10px 0 0;
			margin: 0;
			color: #FFFFFF;
			list-style: none;

		}

		#rodapeheader .menu li a {
			font-size: 1.2em;
			text-decoration: none;
			text-align:center;
			font-family:  Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;        
		}  
		
		#rodapeheader .menu li a:hover {
			color: #becfe8;
		}    
		
		#rodapeheader .menu .expande {
			display: inline;
			margin: 5px 15px 0 15px;
			float: right;
		}
		
		#rodapeheader .menu .expande a{
			font-family:  Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			font-size: 1.8em;
			text-decoration: none;
		}
		
		#rodapeheader .menu .expande a:hover {
			display: inline-block;
			font-family:  Verdana, Arial, Helvetica, sans-serif;
			color: #becfe8;
			font-size: 1.8em;
			text-decoration: none; 
		}
		                  

	#logo {
		float: left;
		display: inline;
		border: none;
		width: 190px;
		height: 121px;
		padding: 10px 0px 0px 20px;
	}


/* =========== MENU DO PORTAL ========= */
#menu {
	background: transparent  url(../img/menu.png) no-repeat;
	margin: 10px 0px 0px 0px;
	width: 1007px;
	height: 48px;    
	color:#FFFFFF;                      
}  

	#menu ul{
		float:right;
		margin: 0;
		padding: 17px 15px 0 0;
	}

		#menu li {
			display: inline;
			margin: 0px 5px 0px 5px;
			list-style: none;

	}
		.separador {
			font-size: 1.4em;
		}

		#menu li a {
			font-family:  Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			text-decoration: none;
			text-align:center;
			color: #FFFFFF;
		}

		#menu li a:hover {
			color: #becfe8;
		}

		#menu .pesquisa {
			display: inline;
			float: right;
			margin: 13px 20px 0 -10px;	
		}

			#menu .pesquisa .searchinput {
				border: solid 1px #FFFFFF;
				height: 16px;
				margin: 5px -4px 0;
				padding: 0;
			}
		
			#menu .pesquisa .botao  {
				background: url(../img/pesq_button.png)  no-repeat;
				margin: 0;
				padding: 0;
				border:0px;
				height: 20px;
				width: 24px;                 
			}

			#menu .pesquisa .botao:hover {
				background: url(../img/pesq_button_over.png)  no-repeat;
			}
			
/* =========== CAIXA DE DESTAQUE ========= */
.box-direita {
	display: inline;
	margin: 8px 0;
	width: 255px;
	float:left;
}            
.bordaBox {bbackground: ttransparent; width:100%;}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b {display:block; overflow: hidden; font-size:1px;}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b {height:1px;}
.bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {background:#f0f4fa; border-left:1px solid #667288 ; border-right:1px solid #667288;}
.bordaBox .b1 {margin:0 5px; background:#667288;}
.bordaBox .b2 {margin:0 3px; border-width:0 2px;}
.bordaBox .b3 {margin:0 2px;}
.bordaBox .b4 {height:2px; margin:0 1px;}
.bordaBox .conteudo {padding:10px;display:block; background:#f0f4fa; border-left:1px solid #667288; border-right:1px solid #667288;}
.bordaBox .conteudo_random {padding:5px;display:block; background:#f0f4fa; border-left:1px solid #667288; border-right:1px solid #667288; height:158px;}
.box-icone {
	float: right;
	display: inline;
	position: relative;
	padding: 0;
	margin: -20px -15px 0;
	width: 38px;
	height: 64px;
}
.buttonpesq {
	width:80px;
	height:26px;
	color:#FFF;
	padding:2px;
	background: url(../img/pesquisar.png) left top;
	cursor:pointer;
	border:none;
}
.box-direita p a {
	font-size: 1.0em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #267d9a;
	text-decoration: none;
}  
.box-direita p a:hover{         
	text-decoration: underline;  
}
.image-somos {
	margin: 10px 50px 0 50px;
	border:  1px solid #666;
	padding: 4px;
	width: 521px;
	height: 169px;
	background: #CCC;
}

/* ===========  HS ========= */

h1 {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #267d9a;
	margin: 5px 3px 3px 0;
}

h2 {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #267d9a;
	padding: 0;
	margin: 0;
}

h3 {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #267d9a;
	margin: 10px 3px 3px 0;
	padding:0;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	margin: 3px 10px;
	padding: 0;
}

h4 a{
	color:#000;
	text-decoration:none;
}

h5 {

}

h6 {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 0;
	margin: 0 0 5px 1px;                                                                 
}