@charset "UTF-8";

/* ///////// REDEFINI BODY /////////////// */

* { margin:0; padding:0; list-style:none; vertical-align:baseline; }

body {	margin:0px; padding:0px; height: 100%;
		background:url(../img/padrao.gif) repeat #e8e8e8;
		font-family: "Times New Roman", sans-serif; font-size: 12pt; }

/* ////////// LINK HOME ///////////////// */


#quemsomos #menu ul li a.quemsomos { background-position: right ; } 
#servicos #menu ul li a.servicos { background-position: right ; } 
#parceiros #menu ul li a.parceiros { background-position: right ; } 
#contato #menu ul li a.contato { background-position: right ; } 


/* ////////////////////////////////////// */

/* ///////////////// HEADER ////////////////// */

#menu { margin: 0 auto; width: 450px; position: relative; padding-bottom: 150px;}

/* ////////////// MENU //////////////////// */

#menu ul { margin-left: 0px; list-style: none; }
#menu ul li a  { text-indent: -9999px; display: block; float: left; width: 100px; height: 117px; margin-right: 50px;}
	
#menu ul li a.quemsomos { background: url(../img/botoes/quemSomos.png) no-repeat left ;}
#menu ul li a.servicos { background: url(../img/botoes/servicos.png) no-repeat left ;}
#menu ul li a.parceiros { background: url(../img/botoes/parceiros.png) no-repeat left ;}
#menu ul li a.contato { background: url(../img/botoes/contato.png) no-repeat left ;}

#menu ul li a.quemsomos:hover  { background-position: -100px; }
#menu ul li a.servicos:hover  { background-position: -100px; }
#menu ul li a.parceiros:hover  { background-position: -100px; }
#menu ul li a.contato:hover { background-position: -100px; }

/* ///////////////////  CONTEUDO //////////////////// */

#main { margin: 0 auto; width: 900px; position: relative; padding-bottom: 150px; }

#main #conteudo h1.logo {
	margin-left: 265px;
	text-indent: -9999px;
	width: 319px; height: 83px;
	background: url(../img/logo.png) no-repeat;  
}

#main #conteudo h2 { color: #cf772e; text-align: center; padding: 15px;}

#main #principal { width: 711px; margin: 0 auto; }

/* //////////////////// SERVICOS ////////////////////// */

#main #conteudo #principal img.servicos { float: left; }
#main #conteudo #principal p.info {  float: right; width: 310px; height: 250px; margin-top: -245px; color: #808183; }
#main #conteudo #principal p.info span {  color: #cf772e; font-weight: bold; }

#main #conteudo  #principal ul.menuservicos { margin-left: 90px; list-style: none; }
#main #conteudo  #principal ul li a  {
	text-decoration: none;
	float: left; padding-right: 20px; padding: 15px; 
	color: #cf772e; font-size: 13pt; font-weight: bold; }
	
#main #conteudo  #principal ul li a:hover { color: #535355; }

#main #conteudo  #principal ul.menuservicossecundario { list-style: none; margin-top: 20px; padding-left: 150px; }
#main #conteudo  #principal ul li a  {
	text-decoration: none;
	float: left; padding-right: 20px; padding: 15px; 
	color: #cf772e; font-size: 13pt; font-weight: bold; }
	
#main #conteudo  #principal ul li a:hover { text-decoration: none; }

/* ////////////////////// CONTATO /////////////////////// */

#main #contato { width: 500px; margin: 0 auto; background: #cacaca; padding: 15px; color: #535355; font-weight: bold; }

#main #contato input, #main #contato textarea {
	padding: 6px;
	width: 480px;
	margin: 0px 0px 10px 0px;
	background: #9b9a9a;
	border: none;
	color: #ffffff;
}

#main #contato textarea { height: 150px; }
#main #contato textarea:focus, #main #contato input:focus { border: 1px solid #a5a6a7; }

#main #contato input.enviar { color: #ffffff; width: 70px; height: 24px; text-transform: uppercase; padding: 2px; }
#main #contato input.limpar { color: #ffffff; width: 70px; height: 24px; text-transform: uppercase; padding: 2px; }

#main #contato input.enviar:hover, #main #contato input.limpar:hover  { color: #cf772e; }

#main #contato a { text-decoration: none; color: #cf772e;}
#main #contato a:hover { text-decoration: underline; }

/* ///////////////////  FOOTER //////////////////// */

#footer { width: 100%; background:url(../img/padraofooter.gif) repeat-x; height: 90px; position: relative; }
#footer #conteudofooter { width: 700px; margin: 0 auto;}
#footer #conteudofooter { margin-top: -12px; }
#footer #conteudofooter a { text-decoration: none; color: #cf772e;}
#footer #conteudofooter a:hover { text-decoration: underline; }
#footer #conteudofooter p { margin-top: -30px; font-size: 90%; text-align: center;}