/*  
* KEMPTON VIANNA
***********************************************
Agência: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
Design by: Henrique Alves
XHTML+CSS: Fernanda Carolina + Areta do Bem
Programação: Jean Pimentel
Country: Brasil
Last CSS update: 03/2009
Notes: Folha padrão
***********************************************
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:			0px;
margin:				0px;
text-align:			center;
font-family:		Helvetica, verdana;
font-size:			16px;
color:				#696969;
background:	        #FFF url(../imgs/linha_topo.jpg) left top repeat-x;
}

/** BASIC */
#site{
width:				930px;
height:				auto;
text-align:			left;
margin:				auto;
}

#topo {
background:	#FFF;
border-bottom: 1px solid #E2E2E2;
margin-top: 60px;
height:		120px;
}

#logo{
float:		left;
width:		180px;
height:      90px;
}
/****************************************TOPO-menu***********************/
ul#menu{
width:				650px;
height:				40px;
margin:				0px;
float:				right;
padding:            50px 0px 0px 0;
text-align:    		right;

}
ul#menu li{
height:				30px;
list-style:			none;
display:			inline;
padding: 			5px;
margin:     		0px 3px 0px 0px;
padding:			0px 10px;
font-size:			17px;
vertical-align:		middle;
float:				rigtht;
font-family:		Helvetica, verdana;

}

ul#menu li a{
color:              #696969;
text-decoration:	none;
padding:			5px 18px;
}

ul#menu li a:hover{
text-decoration:	none;
background-color:   #FDD816;
}

/* #inicio é o id do body da pag inicial, e #liInicio é o id do li do menu que vai ficar ativo qd a pessoa estiver nessa página, e assim vai, todo body de uma página diferente deverá ter um id */
#Home #liHome a,#Institucional #liInstitucional a,#Portifolio #liPortifolio a,#Solucoes #liSolucoes a,#Contato #liContato a{
text-decoration:	none;
background-color:   #FDD816;
}



/*********************************menu portifolio***********************/

ul li{
font-size:          23px;
font-family:	    Helvetica, verdana;
list-style:		    none;
padding:            10px 10px;
}

ul li a{
color:           #686868;
text-decoration:	none;
}

ul li span{
display:           block;
height:            40px;
background-color:  #E8E8E8;
margin-top:        15px;
cursor:            pointer;
}

ul li span#corporativo:hover {
background:	        url(../imgs/corporativo.jpg);
}

ul li span#culinaria:hover {
background:	        url(../imgs/culinaria.jpg);
}

ul li span#ensaios:hover {
background:	        url(../imgs/ensaios.jpg);
}

ul li span#moda:hover {
background:	        url(../imgs/moda.gif);
}

ul li span#paisagens:hover {
background:	        url(../imgs/paisagens.jpg);
}

ul li span#publicidade:hover {
background:	        url(../imgs/publicidade.jpg);
}

ul li span#f360:hover {
background:	        url(../imgs/f360.jpg);
}


/*****************************************LISTA FOTOS**************************/
ul.lista_fotos {
width:		auto;
height:		auto;
padding:	0px;
margin:		0;
}


ul.lista_fotos li {
list-style:	none;
margin:		0px 0px;
float:		left;
width:		165px;
height: 	40px;
}
ul.lista_fotos li {
background: url(../imgs/fundo_amarelo.jpg) no-repeat center;
}

/*


ul.lista_fotos li:hover img {
border: none;
display: none;
visibility: hidden;
}
*/
ul.lista_fotos li img {
border:none;
}

ul.lista_fotos li img:hover {
border:none;
}


/************************************************************************/
#palco{
width:		930px;
height:		auto;
padding:	0px;
margin:		40px 0px 50px 0px;
}

#conteudo{
float:		    left;
width:		    585px;
height:         auto;
margin-right:   15px;
}

#foto{
float:       left;
width:		 300px;
height:      auto;
}

#rodape {
width:				930px;
height:             120px;  
text-align:			left;
margin:				auto;
background:	        #E4E4E4;
text-align:right;
padding: 45px 20px 0 0;
font-weight:100;
}

#envolve_rodape {
width:				auto;
height:             165px;
background:	        #E8E8E8 url(../imgs/img_rodape.jpg) left top repeat-x;
}


<!-- ------------------------------------------------------------------------------------------ -->
p {
width: auto;
height: auto;
display: block;
color:          #333;
padding:  0 ;
margin: 0;
}

img {
	border: none;
}


.clear {
font-size:	0pt;
height:		0pt;
padding:	0px;
margin:		0px;
clear:		both;
}

h1{
visibility: hidden;
}

h3{
font-size:          23px;
font-family:	    Helvetica, verdana;
color:              #686868;
font-weight:        normal;
margin-bottom:      20px;
}

h2{
font-size:          23px;
font-family:	    Helvetica, verdana;
color:              #686868;
font-weight:        normal;
border-bottom:      30px solid #FDD816;
margin-bottom:      10px;
}
/***************************************FORMULARIO**************************/
label{
width:				150px;
height:				auto;
padding:			5px;
margin:				0;
float:				left;
text-align:			right;
}
input, select, textarea{
width:				auto;
height:				auto;
padding:			5px;
margin:				3px 3px;
background:			#F8F8F8;
font:				11px "Trebuchet MS" Arial, Helvetica, sans-serif;
color:				#000;
border:				1px solid #FFCC33;
}
input:focus , select:focus, textarea:focus{
border:				1px solid #000;
}
.ok{
width:				auto;
height:				auto;
background:			#000;
font:				11px "Trebuchet MS" Arial, Helvetica, sans-serif;
font-weight:		600;
color:				#FFF;
cursor:				pointer;
border:				1px solid #CCC;
}
/***************************************PAGINAÇÃO**************************/
.paginacao {
width:		auto;
height:		auto;
padding:	0px;
margin:		5px 0px;
color:		#CCC;
}
.paginacao a, .paginacao a:active {
width:		auto;
height:		auto;
padding:	1px 3px;
margin:		2px;
background:	#FFF;
text-decoration:none;
font-weight: bold;
color:		#666;
text-align:	center;
}
.paginacao a:visited {
text-decoration:none;
font-weight: bold;
color:		#666;
}
.paginacao a:hover {
border-bottom:1px solid #CCC;;
text-decoration:none;
font-weight: bold;
}
.paginacao span {
width:		auto;
height:		auto;
padding:	1px 3px;
margin:		2px;
background:	#FFF;
text-decoration:none;
font-weight: bold;
color:		#000;
float:      left;

}
.paginacao span.atual {
width:		auto;
height:		auto;
padding:	1px 3px;
margin:		2px;
background:	#FFF;
text-decoration:none;
font-weight: bold;
color:		#000;
text-align:	center;
}