/*
Theme Name: Klaudin
Description: exclusivo klaudin.com.
Version: 5
Author: Cafeinaweb
Author URI: http://klaudin.com/
Tags: no tag
*/

 * { margin: 0px;  padding: 0px; border-width: 0px;}
body { font-size: 15px; font-family: "Arial", Helvetica; color: #000; }

.clear {clear: both;}
.clear-spacer {clear: both; height: 100px;}

a:link { color: #000; text-decoration:none;}
a:hover { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration:none;}
a:active { color: #000; text-decoration:none;}

.wrapper { width: 850px; margin: 0 auto 0 auto ;}

#menu { height: 40px; background-color: #222; }
#menu ul { float: right; color: #ccc; font-weight: bold;}
#menu li { float: left; padding: 13px 0 0 30px; list-style: none; }
#menu a { color: #ccc;}
#menu a:hover { color: #F1F1F1;}

#banner { height: 148px; background-color: #111; background-image: url(img/sombra01.jpg); background-repeat: repeat-x; background-position: top; border-bottom: 2px solid #444;}

#logo { width: 215px; height: 150px; background-image: url(img/logo.jpg); background-repeat: no-repeat; background-position: center; float:left;}
#logo a {width: 215px; height: 110px; display: block;}

#frase { float:right; width: 500px;  text-align: right; color: #999; padding-top: 40px; font-size: 14px; }
#frase em {color: #ccc; font-size: 15px; }

#menu2 {width: 100%; height: 50px; background-image: url(img/menu.jpg); background-repeat: no-repeat; background-position: center; float:left;  margin-bottom: 15px;}
#menu2 ul { color: #666; width: 840px; margin: 0 auto 0 auto;}
#menu2 li { float: left; padding: 10px 0 0 40px; list-style: none; }
#menu2 a { color: #666;}
#menu2 a:hover { color: #999;}

.wrapper2 { width: 870px; margin: 25px auto 0 auto ; }
.imagem {width: 215px; height: 255px; background-image: url(img/bgimg.jpg); background-repeat: no-repeat; background-position: center; float:left; margin-right: 2px; text-align: center; margin-bottom: 28px; }
.imagem img {width: 176px; height: 176px; margin-top: 16px; border: 1px #F1F1F1 solid; padding: 2px;}
.imagem h2 { font-weight: normal; font-size: 11px; text-align: center; color: #666; margin: 10px auto 0 auto; width: 180px;}
.imagem a {color: #666;}

img.onlineusers {position:fixed; bottom:-15px; left:-100px;}

.post {  width: 850px; margin: auto auto; color: #666;}
.post p { padding-bottom: 20px;}
.post h2 { padding-bottom: 20px; color: #999;}
.post a { color: #999;}
.post img {background-color:#F1F1F1;
border:1px solid #eee;
margin: 20px auto 20px auto;
display: block;
padding:8px;}

#footer { background-color: #525252; width: 100%; margin: 50px 0 0 0; background-image: url(img/sombra03.jpg); background-repeat: repeat-x; background-position: top; border-bottom: 2px solid #444;}

.formulario { width: 400px; margin: 20px 20px 20px 0; font-family: "Arial", Helvetica; font-size: 15px;  float: left;}
.formulario h3 {color: #ccc; font-weight: bold; font-family: "Helvetica", arial; font-size: 16px; text-align: left; padding: 10px 0 10px 0;}
.formulario input{ width: 392px; height: 20px; margin-top: 10px; color:#525252; background-color:#ccc;  padding-left: 8px; padding-top: 4px; font-family: "Arial", Helvetica; font-size: 15px;} 
.formulario textarea{ width: 392px; height: 110px; margin-top: 10px; color:#525252; background-color:#ccc; font-size: 15px; padding-left: 8px; padding-top: 4px; font-family: "Arial", Helvetica; font-size: 15px;}
.formulario .botao { width: 100px; height: 25px; background-color: #525252; float: right; color: #ccc; font-weight: bold; font-family: "Helvetica", arial; font-size: 16px; text-align: right;}
.formulario .aviso { float: left; width: 280px; font-size: 13px; color: #999; margin-top: 5px;} 
.formulario .aviso a { color: #888;}

.texto-footer {width: 380px; margin: 68px 0 0 40px; font-family: "Arial", Helvetica; font-size: 15px; color: #ccc; float: left; }
.texto-footer p {margin-bottom: 25px;}

.end {  color:#666; font-size: 12px; text-align: right; margin-top: 15px;}
.end a {color: #777; }

.pp_nav {display: none !important;}