@charset "utf-8";
/* CSS Por Adriano Fortunato - Todos os direitos reservador - 2010 */


body {
	margin:0 auto;
    padding:0;
	background-image:url(../imagens/bg.png);
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px; color:#CCC;	
	text-align:center;	
}

#conteudo {
	width: 930px;
	margin:0 auto;
}

#esquerda {
	text-align:center;
	margin:0px auto;
	float:left;
	width:250px;
}

#boxesquerda {
	text-align:center;
	margin:20px auto 0px;
	float:left;
	width:250px;
	/*border: 1px solid #036;*/
}

#boxesquerda img {
	text-align:center;
	margin:20px auto 0px;
}

#boxesquerda h1{
	margin:0;
	padding:0;
	display:inline;
	font-size:16px; color:#FFF;
}

#boxesquerda h2{
	margin:0;
	padding:0;
	display:inline;
	font-size:16px; color:#9F0;
}

#menu {
	background-image:url(../imagens/bg-menu.png);
	margin:0 0 10px 0;
	text-align:right;
	clear:both;
	float:left;
	width:250px;
	/*border: 1px solid #036;*/
}

#menu img{
	margin:7px 0 0 0;	
}

#menu ul{
	list-style:none;	
}
#menu ul li{
	padding:5px 10px 0 0;	
}

#menu ul li a{
	font-weight:bold;
	text-decoration:none;
	font-size:18px; color:#3f9ce6;		
}
#menu ul li a:hover{
	font-weight:bold;
	text-decoration:none;
	font-size:18px; color:#9F0;
	border-bottom: 3px solid #036;
}

#boxdireita {
	margin:0;
	padding:0;
	text-align:left;
	float:right;
	display:inline;
	margin:10px 0 0 20px;
	width:650px;
	/*border: 1px solid #036;*/
}

#boxdireita img{
	text-align:left;
	display:inline;
}

/*texto em italico */
#boxdireita h1{
	margin:0 0 0 10px;
	display:inline;
	font-style:italic;
	font-size:14px; color:#E6E6E6;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

/*texto para WEB  *****************/
#boxdireita h2{
	display:inline;
	margin:0;
	padding:0;
	clear:both;
	font-style:italic;
	font-size:26px; color:#FC0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

/*texto para GAMES  *****************/
#boxdireita h3{
	display:inline;
	margin:0;
	padding:0;
	clear:both;
	font-style:italic;
	font-size:26px; color:#9F0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

/*texto para ARTES  *****************/
#boxdireita h4{
	display:inline;
	margin:0;
	padding:0;
	clear:both;
	font-style:italic;
	font-size:26px; color:#F33;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

/*texto para SISTEMAS  *****************/
#boxdireita h5{
	display:inline;
	margin:0;
	padding:0;
	clear:both;
	font-style:italic;
	font-size:26px; color:#66C;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}



#boxdireita p{
	margin:4px 0 0 2px;
	font-size:12px; color:#E6E6E6;
	font-weight:bold;
}

#boxdireita a{
	display:inline;
	font-weight:bold;
	text-decoration:none;
	font-size:12px; color:#3f9ce6;		
}
#boxdireita a:hover{
	font-weight:bold;
	text-decoration:none;
	font-size:12px; color:#9F0;	
}

/*/////// IMAGENS WEB  */
#boximagenWEB {
	clear:both;
	width:560px;
	height:260px;
	background-color:#FC0;	
}
#boximagenWEB img{
	border:0;
	margin:5px 0 0 5px;
}
/*///// FIM IMAGENS WEB  */

/*/////// IMAGENS GAMES  */
#boximagen {
	clear:both;
	width:560px;
	height:260px;
	background-color:#9C0;	
}
#boximagen img{
	border:0;
	margin:5px 0 0 5px;
}
/*///// FIM IMAGENS GAMES  */

/*/////// IMAGENS ARTES  */
#boximagenARTES {
	clear:both;
	width:560px;
	height:260px;
	background-color:#F33;	
}
#boximagenARTES img{
	border:0;
	margin:5px 0 0 5px;
}
/*///// FIM IMAGENS ARTES  */

/*/////// IMAGENS SISTEMAS  */
#boximagenSISTEMAS {
	clear:both;
	width:560px;
	height:260px;
	background-color:#66C;	
}
#boximagenSISTEMAS img{
	border:0;
	margin:5px 0 0 5px;
}
/*///// FIM IMAGENS SISTEMAS  */
#boxtext {
	margin:10px 0 0 0;
	padding:0px;
}
#boxtext input{
	background-color:#9CB8D3;
	margin:0px 0 8px 0px;
	padding:10px;
	border:0;
	color:#1B3C56;
	font-family:Verdana, Arial, Tahoma;
	font-size:13px;
	font-weight:bold;			
}

/* FORMULARIO ////////////////////////////////////*/
#formm {
	float:left;
	margin:0 0 0 50px;	
}

#formm fieldset {
	font-size:16px; color:#FC0;
	text-align:left;
	font-weight:bold;
	border:0;
	margin:0;
	padding:0;
}

#formm fieldset legend {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px; color:#09F;
	text-align:left;
	font-weight:bold;
	border:0;
	margin:0;
	padding:0;
}

#formm input {
	background-color:#9CB8D3;
	margin:0px 0 8px 0px;
	padding:6px;
	border:0;
	color:#1B3C56;
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
	font-weight:bold;		
}
#formm textarea{
	font-weight:bold;
	background-color:#9CB8D3;
	margin:0px 0 4px 0px;
	padding:6px;
	border:0;
	color:#1B3C56;
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
	font-weight:bold;
}
#formm input.botao {
	float:left;
	border:2px solid #69F;
	font-weight:bold;
	background-color:#039;
	margin:10px 0 0 20px;
	padding:6px;
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#6CF;
	
	-moz-border-radius:7px; /* Firefox, etc */
	-khtml-border-radius:7px; /* Konqueror, etc */
	-webkit-border-radius:7px; /* Safari, Google Chrome, etc */
	-opera-border-radius:7px; /* Opera */
}

#formm input.botao:hover {
	
	border:2px solid #039;
	font-weight:bold;
	background-color:#09F;
	margin:10px 0 0 20px;
	padding:6px;
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#000;
	
	-moz-border-radius:7px; /* Firefox, etc */
	-khtml-border-radius:7px; /* Konqueror, etc */
	-webkit-border-radius:7px; /* Safari, Google Chrome, etc */
	-opera-border-radius:7px; /* Opera */
} 



#tweet-container {
	margin:0;
	padding:0;
	width:240px;
	text-align:left;
	font:12px arial, sans-serif;
	border: 0px solid #036;
}

#tweet-container p {
	text-align:center;
}

#tweet-container ul {
	
	color:#333;
	list-style:none;
	width:240px;
	margin:10px 0 0 0;
	padding:5px;
	
	}
#tweet-container .imagem img {
	float:left;
	margin-right:5px;
	}
#tweet-container li {
	min-height:40px;
	background:#fff;
	clear:both;
	border:1px solid #ccc;
	padding:2px;
	margin:4px 0;
	}
.time {
	font-size:11px;
	display:block;
	text-align:right;
	margin:5px 5px 0 0;
	}
#tweet-container ul a {
	color:#999;
	font-style:italic;
	}
#tweet-container ul a:hover {
	color:#ccc;
	text-decoration:none;
	}
	
	


#toTop { 
	/*width:100px;
	background:#f1f1f1;
	border:1px solid #ccc;
*/	text-align:center;
	padding:5px;
	position:fixed;
	bottom:5px;
	right:5px;
	cursor:pointer;
	color:#666;
	text-decoration:none; 
}



#divclear {
	clear:both;
}
	

#rodape {
	padding:30px 0 30px 0;
	clear:both;	
}