@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;color:#222;background:#F7F7F7}
a{color:inherit}
a:hover{text-decoration:none}

.ex{font-weight:normal;font-size:11px}
.erro, .sucesso{display:none;margin:0 0 13px 0 !important;-moz-border-radius:6px;border-radius:6px;color:#fff;padding:10px 10px 10px 15px;width:auto}
.erro{background:#df4729}
.sucesso{background:#a5c941;color:#142A28}

#head{width:100%;height:70px;display:table;background:url(imgs/bgtop.png) repeat-x;text-align:center}

#menu{margin:0 auto 30px auto;height:66px;width:900px;overflow:hidden;background:url("imgs/dots_row.gif") repeat-x left bottom}
#menu ul{display:table;margin:15px auto 0 auto;text-transform:uppercase;font-size:14px}
#menu li{white-space:pre;float:left;margin:10px}
#menu a{text-decoration:none}
#menu a:hover{text-decoration:underline}
#menu .activo{background:#00AACC;padding:6px 10px 5px 10px;border-radius:8px;-moz-border-radius:8px;color:#FFF}

#box{margin:0 auto;background:#EEE;padding:20px;width:860px;border-radius:8px;-moz-border-radius:8px;line-height:25px;border:1px solid #CCC}
#box h1{font-weight:normal;font-size:24px;margin:0 0 15px 0;color:#1A1A1A}
#box p{margin:20px 0 0 0}

#splash{width:900px;margin:-10px auto 30px auto;display:table}

#cleanbox{margin:30px auto 30px auto;width:900px;display:table;line-height:25px}
#cleanbox h1{font-size:24px;font-weight:normal;margin:0;color:#1A1A1A}
.item{width:286px;font-size:12px;line-height:17px;float:left;margin:20px 20px 10px 0}
.item img{margin:0 0 10px 0;padding:2px;background:#FFF;border:1px solid #CCC}
.item img:hover{background:#00AACC;border:1px solid #00AACC}

/* planos */
#planos{background:#FFF url(imgs/planos.png) no-repeat;width:900px;overflow:hidden;margin:20px 0 0 0;padding:77px 0 0 0;border:1px solid #EEE}
.plano{width:450px;float:left;background:url(imgs/dots_column.gif) repeat-y;padding:0 0 30px 0}
.planoA{width:400px;margin:0 auto}
.planoB{width:400px;margin:0 auto}
.plano li{background:url("imgs/icon_plus.gif") no-repeat left center;color:#333;padding:0 0 0 16px;display:block;width:100%}
.plano span{background:url("imgs/dots_row.gif") repeat-x left bottom;padding:8px 0 8px 0;display:block;width:384px}
.off{color:#999;text-decoration:line-through}
.botao{background:#00AACC;height:26px;display:table;margin:20px 0 0 16px;text-align:center;width:130px;font-size:14px;text-decoration:none;color:#FFF}
.botao:hover{color:#000}

/* forms */
#form{display:table;margin:20px 0 0 0;float:left}
#form label{font-weight:bold;display:table;margin:0 0 2px 0;line-height:14px;font-size:13px}
#form label.error{font-size:11px;margin:2px 0 0 0;color:#C33}
#form label.sucess{font-size:11px;margin:2px 0 0 0;color:#a5c941}
#form label.opcao{font-weight:normal}
#form input, textarea{-moz-border-radius:2px;border-radius:2px;background:#FEFEFE;border-color:#8E8E8E #E1E1E1 #E1E1E1 #8E8E8E;border-style:solid;border-width:1px;padding:4px;margin-bottom:2px;display:block}
#form textarea{width:350px;height:60px}
#form input[type="submit"]{margin:20px 0 0 0;clear:both;-moz-border-radius:2px;border-radius:2px;padding:10px 40px 10px 40px;background:#DDD;border:1px solid #AEAEAE;display:block;cursor:pointer}
#form input[type="submit"]:hover{background:#FFF}
#form .ex{color:#999}
.line{display:table;margin-bottom:15px}
.status{clear:both;font-size:11px}
.captcha{cursor:pointer}

#right{float:right;width:350px;padding:15px 0 0 70px;height:400px;background:url(imgs/barra.png) no-repeat}
#right p{margin:0 0 30px 0;line-height:22px;text-align:justify}
#right h2{font-size:14px;margin-bottom:15px}

#footer{background:url("imgs/dots_row.gif") repeat-x left top;margin:0 auto 20px auto;width:900px;padding:10px 0 0 0;text-align:right;font-size:12px}
#footer a{color:inherit}
#footer a:hover{text-decoration:none}
