@charset "utf-8";
/* CSS Document */
/*  
* Mendes Miguel
***********************************************
Agencia: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
Design by:  Henrique Alves
XHTML+CSS: Aline Tinoco 
Programaçao: Rennan Toniolo
Country: Brasil
Last CSS update: 07/2009
Notes: Folha padrao
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
* {
padding:			0px;
margin:				0px;
}
body{
padding:        	0;
margin:				0;
text-align:			center;
background:			#F7F6F1 url(../images/bg_body.jpg) left top repeat-x;
font:				13px  Arial, Helvetica, sans-serif;
}
/*********************************************Estrutura*/
#site{
width:				935px;
height:				605px;
margin:				0 auto;
margin-top:			30px;
text-align:			left;
padding:        	0;
background:			url(../images/bg_site.gif) left top no-repeat;
}
#palco_home{
width:				903px;
height:				380px!important;
background:			url(../images/bg_palco.png) left top no-repeat;
margin:				0 15px;
z-index:			2;
position:			relative;
top:				57px;
padding-top:	    33px;
}
.env{
width:				903px;
margin:				0px 15px 0 30px;
}
#palco{
width:				873px;
height:				450px;
background:			url(../images/bg_palco.png) left top no-repeat;
margin:				0 15px;
z-index:			2;
position:			relative;
top:				57px;
padding:            60px 10px 20px 20px;
}
#palco_peq{
width:				873px;
height:				auto;
background:			url(../images/bg_palco.png) left top no-repeat;
margin:				0 15px;
z-index:			2;
position:			relative;
top:				57px;
padding:            60px 10px 20px 20px;
}
#header{
position:			relative;
width:				903px;
height:				auto;
margin:				0 15px;
}
#lapis{
position:			absolute;
width:				69px;
height:				390px;
right:				-20px;
top:				200px;
}
#borracha{
position:			absolute;
width:				165px;
height:				153px;
left:				-20px;
top:				320px;
}
#resto{
position:			absolute;
width:				74px;
height:				86px;
right:				10px;
top:				25px;
}
#convide{
position:			absolute;
top:				15px;
right:				0;
z-index:			3;
}
#temas_rel{
position:			relative;
z-index:			3;
bottom:				-210px;
right:				-160px;
}
#temas{
position:			absolute;
z-index:			3;
}
/*********************************************Logo*/
#logo{
width:				281px;
height:				117px;
position:			absolute;
top:				15px;
z-index:			3;
}
/*********************************************Menu*/
#menu{
width:				555px;
float:				right;
z-index:			1;
position:			absolute;
right:				0px;
top:				5px;
background:			url(../images/menu/bg_menu.png) left top no-repeat;
}
#menu li{
display:			inline;
}
#menu li a{
background:  		url(../images/menu/menu_novo.png);
float: 				left;
height: 			57px;
}
#menu li span{
visibility:			hidden;
display:			none;
}
#menu .nossa{
background-position: 0px 0px;
width: 				 110px;
}
#menu .nossa:hover{
background-position: 0px -57px;
}
#menu .oque{
background-position: -109px 0px;
width: 				 95px;
}
#menu .oque:hover{
background-position: -109px -57px;
}
#menu .como{
background-position: -203px 0px;
width: 				 95px;
}
#menu .como:hover{
background-position: -203px -57px;
}
#menu .quem{
background-position: -298px 0px;
width: 				 135px;
}
#menu .quem:hover{
background-position: -298px -57px;
}
#menu .contato{
background-position: -433px 0px;
width: 				118px;
}
#menu .contato:hover{
background-position: -433px -57px;
}
/*********************************************Titulos*/
h1{
visibility:			 hidden;
display:			 none;
}
h2{
color:				#C9650F;
font-size:			18px;
font-weight:		normal;
}
h3{
color:				#C2C0B1;
font-size:			16px;
margin:				10px 0;
}
h4{
font-size:			16px;
margin:				10px 0;
}
/*********************************************Boxes*/
.box_pensando{
background:			transparent url(../images/bg_box_pensando_b.gif) left top no-repeat;
width:				410px;
height:				100px;
float:				left;
margin-top:			30px;
padding-top:        15px;
cursor:				pointer;
}
.box_pensando p{
margin:				0 0 0 160px;
width:				230px;
height:				50px;
overflow:			hidden;
font-size:			12px;
padding-right:      10px;
} 
.box_cadastre{
background:			transparent url(../images/bg_box_cadastre_b.gif) left top no-repeat;
width:				300px;
height:				100px;
float:				right;
margin-top:			30px;
padding:			20px 0 0 100px;
}
.box_460{
width:				450px;
height:				auto;
float:				left;
margin-top:			100px;
}
.box_550{
width:				550px;
height:				auto;
float:				left;	
}
.box_350{
width:				350px;
height:				auto;
float:				left;	
}
.box_620{
float:				right;
width:				620px;
height:				auto;
margin-top:			60px;
}
ul.clientes{
width:				auto;
height:				auto;
margin-top:			-30px;
}
ul.clientes li {
width:				105px;
height:				48px;
display:			inline;
list-style:			none;
}
ul.clientes li a img{
width:				100px;
height:				43px;
margin:				5px;
}
ul.clientes li a:hover img{
width:				110px;
height:				53px;
margin:				0px;
}
ul.solucoes{
width:				300px;
height:				auto;
float:				right;	
margin:				20px 120px 0 0px;
}
ul.solucoes li{
list-style:         none;
font-size:			16px;
margin:				5px 0;
}
.col_separa{
width:				20px;
height:				auto;
float:				left;
}
.unico_rel{
position:			relative;
z-index:			4;
bottom:				0;
}
.unico{
width:				253px;
height:				425px;
float:				left;
position:			absolute;
}
.rolagem{
width:				auto;
height:				300px;
overflow:			scroll;
padding:            10px 10px 0 0;
}
.rolagem  img{
margin:				10px;
}
.rolagem_met{
width:				auto;
height:				410px;
overflow:			scroll;
padding:            10px;
}
ul.last{
margin:				40px 10px 10px 30px;
}
ul.last li{
list-style:			none;
}
ul.last li span{
color:				#C2C0B1;
}
ul.ultxt li{
margin:				2px 2px 2px 15px;
}
.fale{
float:				left; 
margin-left:		30px; 
margin-top:			15px;
width:				330px;
}
.box01{
width:				225px;
height:				100px;
float:				left;
padding:            20px 2px 0 13px;
}
.box02{
width:				280px;
height:				100px;
float:				left;
padding:            20px 5px 0 2px;
}
.box03{
width:				325px;
height:				100px;
float:				left;
padding:            20px 0px 0 0px;
}
#box_destaque_home{
width:				870px;
height:				135px;
background:			url(../images/box_destaque.gif) left top no-repeat;
margin-top:			60px;
font-size:			11px;
}
#informativo{
background:		 	#C2C0B1;	
width:				420px;
padding:            5px 0 0 5px;
margin-top:			30px;
}
#informativo input{
background:			#EDEDE9;
}
#informativo 
.ok{
cursor:				pointer;
background:			url(../images/ico/bg_ok.gif) left top no-repeat;
border:				none;
width:				29px;
height:				23px;
}
#informativo form{
width:				300px;
float:				left;
}
#contato{
background:			url(../images/contato2.jpg) left top no-repeat;
width:				830px;
height:				541px;
margin-top:			-65px;
margin-left:		50px;
}
#contato form{
padding-top:		80px;
padding-left:      75px;
}
#contato label{
visibility:			hidden;
}
#contato input, #contato textarea{
background:			transparent;
border:				none;
cursor:				pointer;
}
#contato input:hover, textarea:hover{
border:		none;
} 
#contato input:focus, textarea:focus{
border:		none;
} 

#contato .ok{
width:			100px;
height:			45px;
margin-left:	130px;
}
.scroll{
width:          860px;
height:         400px;
overflow:       scroll;
margin-bottom:  20px;
}
.galeria li{
list-style:		none;
display:		inline;
margin:         5px;
height:			98px;
width:			418px;
}
.galeria li img{
height:			98px;
width:			418px;
border:			2px solid #C9650F;
margin-bottom: 10px;
}
.galeria li a img {
opacity:	.9;
}
.galeria li a:hover img{
opacity:	.99;
}
/*
********************************************Fomulário*/
label{
width:				70px;
height:				auto;
margin:				4px;
text-align:			right;
float:				left;
}
input, textarea, select{
width:				auto;
margin:				2px;
height:				27px;
background-color:	#C2C0B1;
border:				1px solid #C2C0B1;
color:				#333;
}
input:hover, textarea:hover{
border:				1px solid #8E4A26;
}
input:focus, textarea:focus{
border:				1px solid #8E4A26;
}
.ok{
cursor:				pointer;
background:			url(../images/ico/bg_ok.gif) left top no-repeat;
border:				none;
width:				29px;
height:				23px;
}
/*********************************************Rodapé*/
#rodape{
width:				915px;
height:				50px;
background:			url(../images/bg_rodape.png) left top no-repeat;
margin:				0 auto;
text-align:			left;
padding:        	5px 10px;
}
#rodape p{
float:				left;
margin:				5px 20px 0 0px;
font-size:			11px;
}
#rodape img{
float:				left;
margin:				0px!important;
}
ul#redes{
width:				auto;
height:				24px;
float:				left;
margin-top:			5px;
}
ul#redes li{
list-style:			none;
display:			inline;
padding:            5px 8px;
}
ul#redes li a{
text-decoration:	none;
}
ul#redes li span{
visibility:			hidden;
}
#linkdin{
background:			url(../images/ico/linkedin.gif) left top no-repeat;
}
#linkdin:hover{
background:			url(../images/ico/linkedin_a.gif) left top no-repeat;
}
#youtube{
background:			url(../images/ico/youtube.gif) left top no-repeat;
}
#youtube:hover{
background:			url(../images/ico/youtube_a.gif) left top no-repeat;
}
#twitter{
margin-right:		10px;
background:			url(../images/ico/twitter.gif) left top no-repeat;
}
#twitter:hover{
margin-right:		10px;
background:			url(../images/ico/twitter_a.gif) left top no-repeat;
}
#ted{
margin-right:		5px;
background:			url(../images/ico/ted.gif) left top no-repeat;
}
#ted:hover{
margin-right:		5px;
background:			url(../images/ico/ted_a.gif) left top no-repeat;
}
#podcast{
background:			url(../images/ico/podcast.gif) left top no-repeat;
}
#podcast:hover{
background:			url(../images/ico/podcast_a.gif) left top no-repeat;
}
#flickr{
background:			url(../images/ico/flickr.gif) left top no-repeat;
}
#flickr:hover{
background:			url(../images/ico/flickr_a.gif) left top no-repeat;
}
/*********************************************Gerais*/
img{
border:					none;
}
.clear{
clear:					both;
font-size:				1pt;
height:					1pt;
}
.data{
color:					#8E4A26;
font-weight:			bolder;
margin-right:			5px;
}
.laranja{
color:					#E07D26;
font-weight:			bolder;
}
a{
text-decoration:		none;
color:					#000;
}
a:visited{
text-decoration:		none;
color:					#000;
}
.mais{
text-align:				right;
background:				url(../images/ico/mais.gif) right center no-repeat;
width:					auto;
float:					right;
padding:                2px 15px 2px 5px;
margin-right:			10px;
font-size:				12px!important;
}
.mais a{
color:					#990000;
}
.paginacao{
width:					auto;
height:					auto;
text-align:				right;
margin:					0 20px 0 0;
}
.erro {
  background:#f1f1f1 url(../images/error.png) 8px center no-repeat;
  background-color:#f1f1f1;
  border:1px solid red;
  color:red;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}

.sucesso {
  background:#f1f1f1 url(../images/sucess.png) 8px center no-repeat;
  border:1px solid #060;
  color:#060;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}

/*painel rotativo
******************************************************/
body {background:#FFF;}
#painel {
width:520px;
height:200px;
background-color:#FFF;
}
#painel2 {
width:220px;
height:91px;
background-color:#FFF;
}

div>#painel, div>#painel2 {
top:0;
} /*hack*/
#painel-conteudo, #painel-parceiros {
display:none;
}
#painel #imgslide {
width:520px;
height:200px;
margin:0 0 0.6em 0;
}
#painel2 #imgslide2 {
width:220px;
height:91px;
margin:0 0 0.6em 0;
}

#painel #to-blend, #painel2 #to-blend2 {
opacity:0.80;zoom:1;
}
.cycle{
height:			320px;
margin-left:	10px;
}
#painelRotativo{
margin-left:	3px;
z-index:		1;
background:		url(../images/clientes/br_painel.jpg) left top no-repeat;
}
.L550{
width:			550px;
float:			left;
height:			auto;
}
/************************************************Redes Sociais*/
#listaTED{
width:			520px;
background:		url(../images/bgTED.png) left top no-repeat;
height:			360px;
padding:        35px 30px 10px 30px;
float:			left;
}
#listaTED li{
list-style:		none;
margin:			15px 0;
border-bottom:	1px solid #D3C2A5;
}
#listaTED p{
margin-top:		30px;	
}
#listaPOD{
width:			240px;
background:		url(../images/bgPOD.png) left top no-repeat;
height:			360px;
padding:        35px 30px 10px 30px;
float:			left;
}
#twitter_div{
width:			240px;
height:			110px;
float:			left;
background:		url(../images/twitter.png) left top no-repeat;
margin-bottom:	10px;
margin-left:	10px;
}
#youtube_div{
width:			240px;
height:			110px;
float:			left;
margin-bottom:	10px;
margin-left:	10px;
}
#flickr_div{
width:			240px;
height:			110px;
float:			left;
margin-bottom:	10px;
margin-left:	10px;
}
#twitter_update_list li{
list-style:		none;
padding:       27px 5px 5px 5px;
font-size:		12px;
}