/*
Theme Name: PensaWeb
Theme URI: http://wordpress.org/
Description: layout da pensaweb
Version: 1.0
Author: PensaWeb
Author URI: http://pensaweb.com.br/

*/

/*********
  ZERANDO PROPRIEDADES 
 *********/
*{
  margin:0;
  padding:0;
  list-style:none;
  text-decoration:none;
}
/*********
  BODY
 *********/
body{background:#293338 url(images/bg_body.png) repeat-x;}
body#home{background:#293338 url(images/bg_home.jpg) no-repeat center top;}

/*********
  GERAL
 *********/
#geral{
  width:800px;
  margin:0 auto;
}
/*********
  TOPO
 *********/
#topo{overflow:hidden;}
#topo h1{
  float:right;
}
#topo h1 a{
  display:block;
  text-indent:-9999px;
  width:257px;
  height:91px;
  background:url(images/pensaweb.png) no-repeat bottom right;
  overflow:hidden;
}
/*MENU*/
#topo #menu{
	padding: 50px 0 15px;
}
#topo #menu ul li{display:inline;}
#topo #menu ul li a{
  font:normal 22px/1em Georgia, Times, serif;
  letter-spacing:-1px;
  color:#E1EAEF;
  padding:0 10px;
  text-transform: lowercase;
}
#topo #menu ul li a:hover, #topo #menu ul li.current_page_item a, #topo #menu ul li.current_page_parent a{color:white; background:#000;}

/*SUBMENU só para paginas internas e a pagina quem somos não terá*/
#submenu{
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  clear:both;
  padding:15px 0;
  overflow:hidden;
}
#submenu ul li{ 
  float:left;
  display:inline;
  margin:0 2px;
  text-align:center;
  width:155px;
}
#submenu ul li a{
  font:normal 17px Georgia, Times, serif;
  color:#2C88B9;
  letter-spacing:-1px;
}
#submenu ul li a:hover, #submenu ul li.current_page_item a{text-decoration:underline; color:#fff; }

/*********
  DESTAQUE HOME
 *********/
#destaque{
  clear:both;
  height:252px;
  position:relative;
}
#destaque .position{
  width:800px;
  position:absolute;
  left:25px;
  bottom:45px;
}
#destaque h2{
  background:none;
  font:italic 70px/57px Georgia, Times, serif;
  margin-bottom:15px;
  position:relative;
  left:-5px;
  color:#fff /*#1699D3*/;
  letter-spacing:-4px;
  word-spacing:4px;
}

#destaque h2 a:hover{ text-decoration:underline;}

#destaque p{
  color:#fff;
  font:italic 18px/26px Georgia, Times, serif;
  letter-spacing:-1px;
}
#destaque p a{
  color:#c8c8c8;
  text-decoration: underline;
}
#destaque h3 a{
  color:#2C88B9;
  text-decoration:underline;
}
#destaque h3 a:hover{
  color:#fff;
}
/*DESTAQUES MENORES DA HOME*/
#destaques-menores:after{
		content:" ";
		display:block;
		clear:both;
}
.d-menores{
  float:left;
  font:normal 11px/1.4em Verdana, Arial,Tahoma,Helvetica,Sans-Serif;
  display:inline;
  background:#111;
  margin-left:10px;
  padding:15px;
  width:220px;
}
.d-esquerda{ margin-right:0px;}
.d-menores h4{
  font:normal 24px/1em Georgia, Times, serif;
  letter-spacing:-1px;
  color:#fff;           
  margin-bottom:10px;
 }
.d-menores h4 a{color:#fff;}

.d-menores p{
  font:normal 11px/18px Arial, Verdana,Tahoma,Helvetica,Sans-Serif;
  color:#c8c8c8;
 }
.d-menores a {
  font:italic normal 12px/16px Georgia, Times, serif;
  color:#2c88b9;
  text-decoration:underline;
 }
 
.d-menores a.maisdetalhes{
  display: block;
  margin-top:5px;
 }
 
 
 /*********
  INTERNAS
 *********/
#destaques.interna{
  background:none;
  margin:0 10px;
  padding:35px 0;
}
#destaques h2{
  background:none;
  font:italic 70px/57px Georgia, Times, serif;
  margin-bottom:15px;
  position:relative;
  left:-5px;
}
#destaques h2 a{
  color:#1699D3;
  letter-spacing:-4px;
  word-spacing:4px;
}
#destaques h3{
  color:#999;
  font:italic 18px/26px Georgia, Times, serif;
  letter-spacing:-1px;
}
#destaques h3 a{
  color:#c8c8c8;
  text-decoration: underline;
}

#conteudo{
  background:#fff;
  padding:10px 20px;
  width:470px;
  margin:0 10px 50px;
  float:left;
  display:inline;
  font:normal 12px/1.6em Verdana, Arial,Tahoma,Helvetica,Sans-Serif;
  color:#333;
}
#conteudo a{
  color:#2C88B9;
  text-decoration:underline;
}
#conteudo p{ padding-bottom:15px; }
#conteudo h3 {
  color:#2C88B9;
  font:normal 23px/2em Georgia, Times, serif;
  letter-spacing:-1px;
}
#conteudo h4 {
  color:#2C88B9;
  font:normal 20px/1.6em Georgia, Times, serif;
  letter-spacing:-1px;
}
/*sidebar*/
#sidebar{
  width:255px;
  overflow:hidden;
  font:normal 12px/1.6em Verdana, Arial,Tahoma,Helvetica,Sans-Serif;
}
#sidebar .d-menores{
  clear:left;
  width:auto;
  margin:0;
}

/*sidebar com foto*/
#sidebar .imagem{
  background:url(images/mocas.jpg) no-repeat;
  width:253px;
  height:349px;
  text-indent:-9999px;
  margin-bottom:10px;
}
#sidebar .d-menores small{
	font:9px arial, tahoma, sans-serif;
}

 /*********
  CONTATO
 *********/
 #contato{
  width:460px;
  float:right;
  margin:0 54px 60px 0;
}
#destaques.contato{padding:45px 0pt 35px 275px;;}
form.form-contato {
  color:#FFF;
  font:normal 11px /15px Arial,Tahoma,Helvetica,Sans-Serif;
  width:405px;
 }
 fieldset {
  border:none;
}
form.form-contato label {
  float:left;
  margin-top:10px;
}
form.form-contato label span{
  float:left;
  width:56px;
  text-align:right;
}
form.form-contato label input, form.form-contato label textarea{
  width:330px;
  font:12px/20px Arial,Tahoma,Helvetica,Sans-Serif;
  margin-left:5px;
  color:#333;
  border:0px;
  padding:3px;
}

form.form-contato input.botao{
  font:11px/14px Verdana, Arial,Tahoma,Helvetica,Sans-Serif;
  border:0px;
  background:#2c88b9;
  color:#fff;
  padding:2px 5px;
  float:right;
  margin-right:7px;
}
form.form-contato label input:focus{background:#d7eff9;color:#333;}
form.form-contato label textarea:focus{background:#d7eff9;color:#333;}
form.form-contato label textarea{
  height:108px;
}
form.form-contato strong{color:#2c88b9; padding-left:2px;}
form.form-contato span.asterisco strong{
  margin-left:60px;
  font:8px/15px Verdana, Arial,Tahoma,Helvetica,Sans-Serif;
  color:#2c88b9;
}

#sidebar p.cont{width:225px;}



 /*********
  CLIENTES
 *********/
#clientes { list-style:none; overflow:hidden;  }
#clientes li { 
	float:left; 
	position:relative; 
	overflow:hidden; 
	margin:6px 2px; 
	height:196px; 
	width:396px;
}

#clientes a img { border:3px solid #333; }
#clientes a:hover img { border:3px solid #1699D3; }

#clientes a span {
	position:absolute; 
	top:40px; left:0;
	color:#fff; 
	background:#1699D3; 
	display:none;
	font:25px Georgia, Times, serif;
	letter-spacing:-2px; 
	word-spacing:4px; 
	padding:7px 15px; 
	border-right:#fff solid 3px;
}
#clientes a:hover span { display:block; }
#clientes a span em {
	color:#333;
	font:12px Verdana, Arial,Tahoma,Helvetica,Sans-Serif;
	letter-spacing:-1px;
	display:block;
}


 /*********
  CLIENTES INTERNAS
 *********/
 #clientes-interna{
  width:510px;
  float:right;
  margin-right:15px;
}
#clientes-interna .descricao{
  background:#fff;
  margin-bottom:30px;
  padding:10px 20px;
}
#clientes-interna .descricao h4{
  font:18px/21px Arial,Tahoma,Helvetica,Sans-Serif;
  color:#333;
  margin-bottom:10px;
  padding-top:10px;
  text-transform:uppercase;
 }
#clientes-interna .descricao p{
  width:470px;
  margin-bottom:20px;
  font:12px/16px Arial,Tahoma,Helvetica,Sans-Serif;
}
#clientes-imagem{
  width:235px;
  text-align:center;
}
#clientes-imagem .clts-img{
  background:#fff;
  margin-bottom:15px;
}
#clientes-imagem .clts-img img{margin-top:10px;}
.path{
  color:#777;
  font:11px/14px Arial,Tahoma,Helvetica,Sans-Serif; 
}
 /*********
  RODAPÉ
 *********/
 #rodape{
  clear:both;
  background:#2c88b9 url(images/bg-rodape.gif) repeat-x;
  overflow:hidden;
  padding:15px 0 25px;
  margin-top:40px; }
#rodape .wrap {
  margin:0 auto;
  padding-top:10px;
  width:800px;
  overflow:hidden; }
#rodape .newsform {
	padding:10px;
	width:400px;
	float:left; }
#rodape .newsform h3 {
  font:normal 25px Georgia, Times, serif;
  letter-spacing:-1px;
  color:#fff; 
  margin-bottom:10px; }
#rodape .newsform label {
  font: 13px Arial, Verdana,Tahoma,Helvetica,Sans-Serif;
  color:#E1EAEF;
  margin-left:5px; }

#rodape h1{display:none;}
#rodape .info{
  width:300px;
  float:right;
  padding:20px 50px 0 0;
  height:50px;
  text-align:right;
  margin:0 auto;
  overflow:hidden;
  background:url(images/logo-rod.png) no-repeat right center; }
#rodape .info span{
  font:normal 11px/12px Georgia, Times, serif;
  color:#E1EAEF; }
#rodape .info span span { font-size:2.8em; }
#rodape .info span a{
  display:block;
  font:normal 9px/19px verdana, Arial,Tahoma,Helvetica,Sans-Serif;
  color:#E1EAEF; }


/***********
	CONTEUDO DOWNLOAD
***********/
#conteudo.baixarapresentacao {
	background:#2C88B9 url(images/baixar-p.png) no-repeat 50px 25px;
	width:684px;
	border:1px solid white;
	margin:0 auto;
	position:relative;
	padding:20px 0 50px;
}

#conteudo.baixarapresentacao h3 {
	font:37px Arial, tahoma, verdana, sans-serif;
	color:white;
	text-transform: uppercase;
	width:446px;
	padding:0 15px 0 0;
	float:right;
	clear:right;
}

#conteudo.baixarapresentacao p {
	font:15px Arial, tahoma, verdana, sans-serif;
	color:white;
	width:446px;
	padding:0 15px 0 0;
	float:right;
	clear:right;
}

#conteudo.baixarapresentacao form {
	float:right;
	clear:right;
	width:461px;
	margin:20px 0 0;
}

#conteudo.baixarapresentacao form label {
	display:block;
	width:446px;
	font:11px verdana, arial, tahoma, sans-serif;
	color:#FFF;
	padding:0 0 5px;
}
#conteudo.baixarapresentacao small {
	font:10px verdana, arial, tahoma, sans-serif;
	color:#3F3F3F;
}
#conteudo.baixarapresentacao form label span {
	float:left;
	width:60px;
}

#conteudo.baixarapresentacao form label input {
	border:1px solid white;
	font:11px verdana, arial, tahoma, sans-serif;
}

#conteudo.baixarapresentacao form label.inputnome input {width:331px;}
#conteudo.baixarapresentacao form label.inputemail input {width:205px;}
#conteudo.baixarapresentacao form label.inputnews {padding:0 0 0 60px;}
input.inputbaixar {clear:both; position:absolute; right:60px;}
small.campoobrig {clear:both; display:block; padding:10px 0 10px 60px;}

.msgret {
	font:12px verdana, arial, tahoma, sans-serif;
	border:1px solid white;
	padding:5px;
	margin:0 0 15px;
	color:white;
	display:block;
	width:430px;
	background: #333333;
}

/**** BAIXAR PDF NA HOME ****/

#pdf {
	padding:15px;
	background:#2C88B9 url(images/fundopdf.png) repeat-X top center;
	color:#FFF;
	overflow: hidden;
	clear:both;
	display:table;
	margin: 20px 0 0;
	border: 1px solid #FFF;
	width:100%;
}

#pdf h2 {
	font:italic normal 50px/1.2em Georgia, Times, serif;
	color:white;
	letter-spacing: -4px;
	clear: right;
	padding:0 0 10px 0;
}

#pdf p {
	font:14px Arial, tahoma, verdana, sans-serif;
	color:white;
	clear: right;
	padding:0 15px 15px 0;
}

#pdf a.linkbaixe {
	font:16px arial, tahoma, sans-serif;
	color:#FFF;
	text-decoration: none;
	text-transform: uppercase;
	float:left;
	text-indent: -9999px;
	overflow: hidden;
	width:185px;
	height: 161px;
	background: url(images/pdf-file.png) no-repeat top center;
}