﻿body {
	background-color: #62b000;
  background-image:url("images/green_bg.gif");
	text-align:center; 
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	font-family: Arial;
	font-size: 11px;
	color: #3ca4ae;
}

#main {
	width:992px;
	margin:0 auto; 
	text-align:left; 
	background:url(images/center_bg.jpg);
	float:left;
}

#logo {
	clear:both;
	height:133px;
	width:145px;
}

#esquerda {
	width:145px; /* Faz o div DIRETA ficar com a largura de 145px */
	float:left; /* faz o div flutuar a esquerda */
}

#direita {
	width:41px; /* Faz o div ESQUERDA ficar com a largura de 41px */
	float:left; /* faz o div flutuar a esquerda */
}

#content {
	width:768px; 
	float:left; 
	margin:0 auto; 
	text-align:left; 
	padding-left: 38px;
}

#welcome {
	width: 475px;
	float:left;
	font-size: 11px;
	margin-top: 22px;
	color: #3ca4ae;
}

#welcome a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin-top: 5px;
	color: #77d400;
}

#welcome a:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 5px;
	color: #62b000;
}

#projects_title {
	position: relative;
	width: 300px;
	font-size: 11px;
	margin-top: 135px;
	color: #FFFFFF;
}

#projects01 {
	width: 165px;
	float: left;
	margin-top: 1px;
	color: #FFFFFF;
}

#projects02 {
	width: 165px;
	float: left;
	margin-top: 1px;
	color: #FFFFFF;
}

#projects03 {
	width: 164px;
	float: left;
	margin-top: 1px;
	color: #FFFFFF;
}

#h2Imagem {
	margin-bottom: 1px;
	cursor: pointer;
}

#h2Aventura {
	margin-bottom: 1px;
	margin-top: 1px;
	cursor: pointer;
}

#h2Customizadas {
	margin-bottom: 1px;
	margin-top: 1px;
	cursor: pointer;
}

#h2Entretenimento {
	margin-bottom: 1px;
	cursor: pointer;
}

#h2Comportamento {
	margin-bottom: 1px;
	margin-top: 1px;
	cursor: pointer;
}

#h2Stopmotion {
	margin-bottom: 1px;
	margin-top: 1px;
	cursor: pointer;
}

#h2Negocios {
	margin-bottom: 1px;
	cursor: pointer;
}

#h2Conteudo {
	margin-bottom: 1px;
	margin-top: 1px;
	cursor: pointer;
}

#h2Gccapital {
	margin-bottom: 1px;
	margin-top: 1px;
	cursor: pointer;
}

#imagem {
	margin-top: -1px;
	visibility: hidden;
	height: 0px;

	width: 150px;	
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
	background:url(images/bg_details.gif);
	background-color: #71cb00;
	background-repeat: no-repeat;
}

#aventura {
	margin-top: -1px;
	visibility: hidden;
	height: 0px;

	width: 150px;	
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
	background:url(images/bg_details.gif);
	background-color: #71cb00;
	background-repeat: no-repeat;
}

#customizadas {
	margin-top: -1px;
	height: 0px;
	visibility: hidden;

	width: 150px;	
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
	background:url(images/bg_details.gif);
	background-color: #71cb00;
	background-repeat: no-repeat;
}

#entretenimento {
	margin-top: -1px;
	height: 0px;
	visibility: hidden;
	
	width: 150px;	
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
	background:url(images/bg_details.gif);
	background-color: #71cb00;
	background-repeat: no-repeat;

}

#comportamento {
	margin-top: -1px;
	height: 0px;
	visibility: hidden;

	width: 150px;	
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
	background:url(images/bg_details.gif);
	background-color: #71cb00;
	background-repeat: no-repeat;
}

#stopmotion {
	margin-top: -1px;
	height: 0px;
	visibility: hidden;

	width: 150px;	
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
	background:url(images/bg_details.gif);
	background-color: #71cb00;
	background-repeat: no-repeat;
}

#negocios {
	margin-top: -1px;
	height: 0px;
	visibility: hidden;

	width: 150px;	
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
	background:url(images/bg_details.gif);
	background-color: #71cb00;
	background-repeat: no-repeat;
}

#conteudo {
	margin-top: -1px;
	height: 0px;
	visibility: hidden;

	width: 150px;	
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
	background:url(images/bg_details.gif);
	background-color: #71cb00;
	background-repeat: no-repeat;
}

#gccapital {
	margin-top: -1px;
	height: 0px;
	visibility: hidden;

	width: 150px;	
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
	background:url(images/bg_details.gif);
	background-color: #71cb00;
	background-repeat: no-repeat;
}

#projects01 a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #d7fe87;
}

#projects01 a:hover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #d7fe87;
}

#projects01 span {
	font-size: 12px;
	font-weight: bold;
	color: #d7fe87;
	margin-bottom: 10px;

}

#projects02 a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #d7fe87;
}

#projects02 a:hover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #d7fe87;
}

#projects02 span {
	font-size: 12px;
	font-weight: bold;
	color: #d7fe87;
	margin-bottom: 10px;

}

#projects03 a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #d7fe87;
}

#projects03 a:hover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #d7fe87;
}

#projects03 span {
	font-size: 12px;
	font-weight: bold;
	color: #d7fe87;
	margin-bottom: 10px;

}

#projects_bottom {
	position: relative;
	width: 159px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-left: 5px;
	background-color: #71cb00;
	background:url(images/mais.gif);
}

#projects_details {
	position: relative;
	width: 150px;
	font-size: 11px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 5px;
	background:url(images/bg_details.gif);
	background-color: #71cb00;
	background-repeat: no-repeat;
}

#projects_details a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 5px;
	color: #d7fe87;
}

#projects_details a:hover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 5px;
	color: #d7fe87;
}

#title_projects {
	font-size: 12px;
	font-weight: bold;
	color: #d7fe87;
}

#projects_bar {
	position: relative;
	width: 159px;
	font-size: 11px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-left: 5px;
	background-color: #5aa300;
}

#news {
	width: 238px;
	float: right;
	margin-top: 15px;
	background:url(images/bg_news.jpg);
	background-repeat: no-repeat;
}

#box_news {
	width: 212px;
	float: right;
	margin-top: 12px;
	padding-right: 15px;
	background:url(images/item_news.gif);
	background-repeat: no-repeat;	
}

#category {
	width: 100px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma;
	color: #3ca4ae;
	margin-top: 20px;
	margin-bottom: -8px;
	padding-left: 31px;
	background:url(images/ico_news.gif);
	background-repeat: no-repeat;
}

#title_news {
	font-size: 11px;
	font-weight: bold;
	color: #fb9e3a;
	margin-top: 4px;
	padding-left: 20px;
	line-height: 14px;
	margin-bottom: -8px;
}

#title_news a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #fb9e3a;
	margin-top: 4px;
	line-height: 14px;
	margin-bottom: -8px;
}

#title_news a:hover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #fb9e3a;
	margin-top: 4px;
	line-height: 14px;
	margin-bottom: -8px;
}

#text_news {
	width: 180px;
	margin-top: -5px;
	padding-left: 20px;
}

#text_news embed {
	width: 190px;
	height: 142px;
}

#rss_button {
	width: 180px;
	float: left;
	padding-left: 30px;
	padding-bottom: 0px;
}







#spacer {



	padding: 0px;



}







#photos {



	width: 238px;



	height: 450px;



	float: right;



	margin-top: 15px;



	padding-left: 25px;



	background:url(images/photos.jpg);



	background-repeat: no-repeat;



}







#photo_contato {



	width: 238px;



	height: 450px;



	float: right;



	margin-top: 15px;



	padding-left: 25px;



	background:url(images/photo_contato.jpg);



	background-repeat: no-repeat;



}







#credits {



	clear:both; 



	height:40px;



	width:606px;



	padding-top: 15px;



	margin-left: 183px;



	font-size: 11px;



	color: #909595;







}











#bottom {



	clear:both; /** assim ele não sofre influência do float dos divs **/



	height:135px;



	width:806px;



	background-color: #45bdc9;



	background-image:url("images/bottom_bg.jpg");



	background-repeat: no-repeat;



	margin-left: 145px;



	padding-top: 20px;







}







#bottom-title {



	position: absolute;



	color: #FFFFFF;



	font-size: 12px;



	font-weight: bold;



	margin-left: 37px;



}







#bottom-address {



	position: absolute;



	color: #a3e0e6;



	font-size: 11px;



	margin-left: 173px;



	line-height: 18px;



}







#bottom-contact {



	position: absolute;



	color: #a3e0e6;



	font-size: 11px;



	margin-left: 362px;



	line-height: 18px;



}







#bottom-copyright {



	position: absolute;



	color: #a3e0e6;



	font-size: 11px;



	margin-left: 516px;



	line-height: 18px;



}











#navcontainer {



	margin: 0px;



	padding: 0px;



	margin-left: -3px;



}







#navcontainer ul {



	width: 769px;



	height: 29px;



	margin: 0px;



	margin-top: 2px;



	padding: 0px;



	list-style-type: none;



	text-align: left;



	background-image: url(images/bg_menu.jpg);



}







#navcontainer ul li {



	float: left; 



	font-size: 11px;



	font-weight: bold;



	}







#navcontainer ul li a {



	text-decoration: none;



	font-size: 11px;



	float: left;



	margin-left: 2px;



	width: auto;



	padding-top: 6px;



	margin-right: 13px;



	padding-bottom: 0px;



	padding-left: 25px;



	color: #77d400;



	height: 20px;



	background: url(images/div.gif) no-repeat left top;







}







#navcontainer li a:hover {



	background: url(images/menu_over.gif) no-repeat left top;



	color: #30a4b1;



}







#active a:link, #active a:visited, #active a:hover {



	background-image: url(images/menu_over.gif);



	background-repeat: no-repeat;



	color: #30a4b1;



}







#pop {



	width:300px;



	height: 250px;



	margin:0 auto; 



	text-align:left; 



	background:url(images/bg_assine.jpg);



	background-repeat: no-repeat;



	float:left;



	font-size: 11px;



	margin-top: 0px;



	color: #3ca4ae;



	padding-top: 50px;



	padding-left: 62px;



}







#pop a {



	font-weight: bold;



	text-decoration: none;



	margin-top: 5px;



	color: #77d400;



}







#pop a:hover {



	font-weight: bold;



	text-decoration: underline;



	padding-top: 5px;



	color: #62b000;



}







#pop_video {



	width:330px;



	margin:0 auto; 



	text-align:left; 



	background-color: ##6FBF00;



	float:left;



	margin-top: 0px;



	margin-left: 0px;



}



div#qTip {

 padding: 5px;

 display: none;

 border: 1px solid;

 border-left-color: #afec73;

 border-top-color: #afec73;

 border-right-color: #2bb600;

 border-bottom-color: #2bb600;

 background: #77d401;

 color: #FFF;

 font: bold 10px Arial;

 font-weight: bold;

 text-align: left;

 position: absolute;

 z-index: 1000;

}