@charset "utf-8";
/*
Autor : Luan Muniz Teixeira
Contato : falecom@luanmuniz.com.br
MSN : msn@luanmuniz.com.br
Site : http://www.luanmuniz.com.br/
*/

/*******************************************
				   Globais
*******************************************/

* {margin:0; padding:0; outline:none; border:0 none;}
html, body {background:#fff;font: normal 12px/12px Arial, sans-serif;color:#000;}
outline, img {border:none;}
a {outline:none;text-decoration:none;}
ul {list-style:none;}

#tudo {float:left; width:968px; position:absolute; left:50%; margin-left:-484px; background: url("../img/bgtudo.png") repeat-y top left;}

/*******************************************
				   Content
*******************************************/

#content {float:left; width:640px;margin-left:14px;border-right: 300px solid #f0f2f6; margin-right: -300px;}

#content2 {float:left; width:940px;margin-left:14px;}


#header {float:left; width:100%;}
#logotopo {float:left; width: auto; margin: 35px 0 0 50px;}
#header p {float:right; width:auto; margin: 65px 55px 0 0;}

#menu {float:left; width:290px; height:41px; background: url("../img/bgmenu.png") no-repeat top left; margin: 5px 0 0 50px;}
#menu li {float:left; width:auto;}
#menu li a {float:left; width:auto;padding:11px 18px;color:#fff; font: normal 12px/12px Arial, sans-serif; text-transform:uppercase;}

#meio {float:left; width:550px;margin: 0 0 0 60px}
#meio2 {float:left; width:800px;margin: 0 0 0 60px}

#meio h1 {float:left; width:100%; margin: 20px 0;}
#meio h2 {float:left; width:100%; color:#000; font: normal 26px/30px Arial, sans-serif; margin-bottom: 20px;}
#meio p {float:left; width:100%;color:#000; font: normal 14px/16px Arial, sans-serif;}

#meio2 h1 {float:left; width:100%; margin: 20px 0;}
#meio2 h2 {float:left; width:100%; color:#000; font: normal 26px/30px Arial, sans-serif; margin-bottom: 20px;}
#meio2 p {float:left; width:100%;color:#000; font: normal 14px/16px Arial, sans-serif;}

#texto {float:left; width:550px; background: url("../img/words/category/meiotext.png") repeat-y top left; margin: -15px 0;}
#toptext {float:left; width:100%; background: url("../img/words/category/toptext.png") no-repeat top left;padding-top: 20px;}
#bottext {float:left; width:500px;  padding: 0 25px; min-height:560px; background: url("../img/words/category/bottext.png") no-repeat bottom left;padding-bottom: 20px;}
#texto p {float:left; width:100%; margin: 5px 0;}

#texto2 {float:left; width:800px; background: url("../img/words/category/meiotext2.png") repeat-y top left; margin: 20px 0;}
#toptext2 {float:left; width:100%; background: url("../img/words/category/toptext2.png") no-repeat top left;padding-top: 20px;}
#bottext2 {float:left; width:750px;  padding: 0 25px; min-height:560px; background: url("../img/words/category/bottext2.png") no-repeat bottom left;padding-bottom: 20px;}
#texto2 p {float:left; width:95%; margin: 15px 10px; line-height:2em; text-align:justify;}
.text2list{font: normal 14px/16px Arial, sans-serif; list-style:disc; clear:both; padding:0 50px; line-height:2em; text-align:justify;}
.text2list2{font: normal 14px/16px Arial, sans-serif; list-style:lower-alpha; clear:both; padding:0 50px; line-height:2em; text-align:justify;}



/*******************************************
				   Sidebar
*******************************************/

#sidebar {float:left; width: 300px; background:#f0f2f6 url("../img/topside.png") repeat-x top left;min-height:450px;}

#video {float:left; width:260px; height:160px; background: url("../img/bgvideocat.png") no-repeat top left;padding:4px 10px 12px 14px;margin:15px 0 0 8px;}
#videotext {float:left; width:auto; margin: 0 0 0 20px;}
#leavemsg {float:left; width:auto;margin:40px 0 40px 65px;}
#leavemsg2 {float:right; width:auto;margin:130px 0 40px 65px;}


#shield {float:left; width:267px; height:179px; padding-left: 5px; background: url("../img/bgshield.png") no-repeat top left;margin:0 0 0 15px;}
#shield li a {float:left; width:83px; height:101px;margin:62px 0 0 4px;}
#shield li a span {float:left; width:83px; height: 101px;}

#shield li#um a {background: url("../img/catshieldum.jpg") no-repeat top right;}
#shield li#um a span {background: url("../img/catshieldum.jpg") no-repeat top left;}

#shield li#dois a {background: url("../img/catshielddois.jpg") no-repeat top right;}
#shield li#dois a span {background: url("../img/catshielddois.jpg") no-repeat top left;}

#shield li#tres a {background: url("../img/catshieldtres.jpg") no-repeat top right;}
#shield li#tres a span {background: url("../img/catshieldtres.jpg") no-repeat top left;}

#search {float:left; width:auto; margin: 20px 0 0 40px;}

#beneficios h1 {float:left; width:auto; margin:40px 0 0 33px;}
.list {float:left; width:235px; background:#fafafc;margin-left:33px; padding: 20px 0;}
.list li {float:left; width: 100%; text-align:center; font: normal 12px/12px Arial, sans-serif; color:#000;margin-bottom: 15px;}
.list li.title {float:left; width:173px;background: url("../img/titlepink.png") no-repeat top left;padding:6px 0 10px; font: normal 14px/14px Arial, sans-serif; color: #fff;margin-left:33px;}
.list li.title.first {background: url("../img/titlegreen.png") no-repeat top left;}
#beneficios a { color:#fff }
#beneficios a:hover { color: #FF0 }



#social {float:right; width:auto;margin: 30px 30px 0 0;}
#social li {float:left; width:auto; margin-left:3px;}

/*******************************************
				   Footer
*******************************************/

#footer {float:left; width:968px; background: #fff url("../img/footer.png") no-repeat top left; padding-bottom: 20px;}
#footer p {float:left; width:100%; text-align:center; font: normal 10px/12px Tahoma, Arial, sans-serif; margin-top: 20px;}

td { padding:3px 0 3px 0; }

/*******************************************
				   Forms
*******************************************/

.style_Buttons{ padding:6px 12px; background-color:#003569; color:white;}
.text{ font:Verdana, Geneva, sans-serif; font-size:12px; padding:4px 4px; border:1px solid #CCC;}

#frmUser span{ font-size:9px;}