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


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

#conteudo {
	display:inline;
	width: 960px;
	height: 500px;
	top: 50%;
	left: 50%;
	margin-top: -220px;
	margin-left: -480px;
	position: absolute;
	/*border: 1px solid green;*/	
}


#boxesquerda {
	margin:20px auto;
	float:left;
	width:250px;
	height:400px;
	/*border: 2px solid blue;*/
}

#boxesquerda img {
	margin:20px auto;
}

#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;
}

#boxesquerda a{
	float:right;
	font-weight:bold;
	text-decoration:none;
	font-size:18px; color:#3f9ce6;
}

#boxesquerda a:hover{
	float:right;
	font-weight:bold;
	text-decoration:none;
	font-size:18px; color:#9F0;
	border-bottom: 3px solid #036;
}

/*///////////////////////////////////////////////////////////
/////////////  M  E  N  U     T O P O   //////////////////
/////////////////////////////////////////////////////////*/

#boxtopo {
	margin:0 auto;
	padding:0;
	float:right;
	width:690px;
	/*border: 2px solid yellow;*/
	height: 182px;
}

#botao-WEB a{
	padding:0;
	margin:0;
	float:left;
	width: 182px;
	height: 182px;
	background: url(../imagens/WEB.png) no-repeat;;
	text-indent: -1000px;
	text-decoration: none;
}

#botao-WEB a:hover {
	cursor:pointer;
	background-position: 0px -181px;	
}

#botao-GAMES a{
	padding:0;
	margin:0 0 0 -13px;
	float:left;
	width: 182px;
	height: 182px;
	background: url(../imagens/GAMES.png) no-repeat;;
	text-indent: -1000px;
	text-decoration: none;
}

#botao-GAMES a:hover {
	cursor:pointer;
	background-position: 0px -180px;	
}

#botao-ARTES a{
	padding:0;
	margin:0 0 0 -13px;
	float:left;
	width: 182px;
	height: 182px;
	background: url(../imagens/ARTES.png) no-repeat;;
	text-indent: -1000px;
	text-decoration: none;
}

#botao-ARTES a:hover {
	cursor:pointer;
	background-position: 0px -180px;	
}

#botao-SISTEMAS a{
	padding:0;
	margin:0 0 0 -13px;
	float:left;
	width: 182px;
	height: 182px;
	background: url(../imagens/SISTEMAS.png) no-repeat;;
	text-indent: -1000px;
	text-decoration: none;
}

#botao-SISTEMAS a:hover {
	cursor:pointer;
	background-position: 0px -180px;	
}




#boxmeio {
	margin:0 0 0 30px;
	float:left;
	width:664px;
	/*border: 2px solid yellow;*/	
}


/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/


.coin-slider { 
	overflow: hidden;
	zoom: 1; 
	position:relative;
	/*border: 0px solid #036;*/
	/*background-color:#036;*/
	background-image:url(../imagens/bg-chamadas.jpg);
	padding:4px;
	width:660px;
}
.coin-slider a{ text-decoration: none; outline: none; border: none; }


.cs-buttons { font-size: 0px; padding:3px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 2px solid #241313; color: #FFF; text-indent: -1000px; }
.cs-active { background-color: #9F0; color: #FFFFFF; }

.cs-title { 
	width: 644px;
	padding: 8px;
	background-color: #000000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px; color:#FFF;
	text-align:left;
}
.cs-title h1{
	margin:0 4px 0 0;
	display:inline;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:14px; color:#58B3F5;
	text-align:left;
	font-weight:bolder;
}

.cs-prev, .cs-next { 
	background-color: #000000; 
	color: #FFFFFF; 
	padding: 0px 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px; color:#FFF;
	font-weight:bold;
}




#boxbaixo {
	margin:10px 0 0 41px;
	float:left;
	width:664px;
	/*border: 2px solid yellow;*/	
}

#botao-Twitter a{
	padding:0;
	margin:0 0 0 -13px;
	float:left;
	width: 220px;
	height: 76px;
	background: url(../imagens/twitter.png) no-repeat;;
	text-indent: -1000px;
	text-decoration: none;
}

#botao-Twitter a:hover {
	cursor:pointer;
	background-position: 0px -78px;	
}

#botao-Links a{
	padding:0;
	margin: 7px 0 0 8px;
	float:left;
	width: 220px;
	height: 76px;
	background: url(../imagens/links.png) no-repeat;;
	text-indent: -1000px;
	text-decoration: none;
}

#botao-Links a:hover {
	cursor:pointer;
	background-position: 0px -78px;	
}

#botao-Contato a{
	padding:0;
	margin: 3px 0 0 8px;
	float:left;
	width: 220px;
	height: 76px;
	background: url(../imagens/contato.png) no-repeat;;
	text-indent: -1000px;
	text-decoration: none;
}

#botao-Contato a:hover {
	cursor:pointer;
	background-position: 0px -78px;	
}


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