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,caption {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ul, li { list-style: none; margin: 0; padding: 0; }
html,body {margin: 0; padding: 0; width: 100%; font-family: Arial, Tahoma; font-size: 9pt; color: #012445; background: #e6e6e6 url("../images/layout/background.png") top repeat-x; line-height: 1.2em;}
a:link,a:visited {color: #4d9473; text-decoration: underline;}
a:hover,a:active {color: #4d9473; text-decoration: underline;}

#main { margin: 0 auto; width: 990px; }
#container { float: left; width: 990px; background: #ffffff; }
#content { float: left; width: 990px; padding: 0; }
#content_home { float: left; width: 970px; padding: 10px; }

#menu { float: left; width: 990px; padding: 10px 0; background: #4d9473;}
#menu ul li {float: left; }
#menu ul li a {float:left; padding:8px 13px; margin: 0 3px; color: #e3f6d9; font-size: 1.15em; font-weight:bold; text-decoration: none;  text-transform: uppercase; }
#menu ul li a:hover, #menu ul li a:active { background: #43896b; }
#menu ul li.last { float: left; background: none; }
#menu ul li.active a {float:left; color: #ffffff; background: #2f6a51; }
#menu ul li.active span { float: left; }

#header { float: left; width: 990px; }
#header h1 img { float:left; margin: 0 0 0 -62px; padding: 4px 0 0 0;}
#header #suporte { float: right; width:655px; margin:30px 0 0 0; font-size: 0.9em; }
#header #suporte .plantao { float:left; width:450px; margin:15px 0 0 0; color:#ffffff;}
#header #suporte .plantao img { margin:0 0 5px 0; }
#header #suporte .atendimento { float:right; border:0; margin:0 10px 0 0; }
#header #suporte p { float: left; width:630px; color: #939fb3; border-top: 2px solid #1b202b; line-height: 1.2em; padding: 5px 7px 7px 7px; background:url(../images/layout/bg_horario_atendimento.png) left top repeat-y;}
#header #suporte ul.box { float: left; height:62px; padding:0 13px; border-right: 1px solid #ffa834; line-height: 1.5em; }
#header #suporte ul.right { border: 0;  }
#header #suporte ul.box li { color: #ffffff; }
#header #suporte ul.box li strong { color: #944d05; }
#header #suporte ul.box a { color: #ffffff; text-decoration: none; }
#header #suporte ul.box a:hover, #header #suporte ul.box a:active { color: #ffffff; text-decoration: underline; }
#header #suporte ul.box img { vertical-align: top; text-decoration: none; }
#header #suporte ul.right img { vertical-align: middle; }

#banner { float: left; width: 990px; height: 220px; }
#banner ul.submenu { position: absolute; margin: 0 0 0 500px; z-index: 200; }
#banner ul.submenu li { float: left; }
#banner ul.submenu li a { height: 21px; font-weight: bold; color: #ffffff; text-decoration: none; padding: 3px 10px 0 10px; margin: 0 4px; display: block; }
#banner ul.submenu li a.monte { background: url('../images/layout/sub_monte.png') top no-repeat; }
#banner ul.submenu li a.monte:hover, #banner ul.submenu li a.monte:active { background: url('../images/layout/sub_monte.png') bottom  no-repeat; }
#banner ul.submenu li a.funciona { background: url('../images/layout/sub_funciona.png') top  no-repeat; }
#banner ul.submenu li a.funciona:hover, #banner ul.submenu li a.funciona:active { background: url('../images/layout/sub_funciona.png') bottom no-repeat; }
#banner ul.submenu li a.tutoriais { background: url('../images/layout/sub_tutoriais.png') top no-repeat; }
#banner ul.submenu li a.tutoriais:hover, #banner ul.submenu li a.tutoriais:active { background: url('../images/layout/sub_tutoriais.png') bottom no-repeat; }
#banner ul.submenu li a.tipos { background: url('../images/layout/sub_tipos.png') top no-repeat; }
#banner ul.submenu li a.tipos:hover, #banner ul.submenu li a.tipos:active { background: url('../images/layout/sub_tipos.png') bottom no-repeat; }

#banner #slider { float: left; width: 990px; height: 220px; z-index: 100; }

#footerLinks { float: left; width: 100%; min-height: 313px; font-size:0.9em; color:#ffffff; border-top: 2px solid #4d9473; background: #4d9473 url('../images/layout/bg_footer_links.jpg') top center no-repeat;  }
#footerLinks .centro { margin: 0 auto; width: 990px; }

#footerLinks ul { float: left; margin: 20px 40px 0 0; }
#footerLinks ul li { border-bottom: 1px solid #468367; padding: 6px 15px 6px 0; line-height: 1.7em;}
#footerLinks ul li a { color: #fff; text-decoration: none }
#footerLinks ul li a:hover, #footerLinks ul li a:active { text-decoration: underline;  }
#footerLinks ul li img { padding: 0 0 10px 0; }

#footer { float: left; width: 100%; border-top: 4px solid #1d222a; background: #353e4d url('../images/layout/bg_footer.gif'); color: #d6dbe3; }
#footer a { color: #d6dbe3; text-decoration: none; }
#footer .centro { margin: 0 auto; width: 990px; }
#footer span.copyright { float: left; width: 500px; font-size: 0.9em; padding: 5px 0 10px 0;}
#footer span.copyright h1 { font-size: 1em; line-height: 2em; }
#footer span.development { float: right; font-size: 0.9em; margin: 25px 0 0 0;}

/* PAGINA INICIAL */

/* planos */
#listaPlanos { float: left; width:970px; height:222px; background: url("../images/layout/bg_planos.jpg") no-repeat; }
#listaPlanos #planoGeral { float: left; width: 765px; }
#listaPlanos #planoGeral h1 { float: left; width:735px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 0 0 30px; color: #ffffff; font-size: 2em; line-height: 1.4em; word-spacing: -0.2em;  text-transform: uppercase; }
#listaPlanos #planoGeral .boxPlanos { float: left; width: 130px; padding: 0 5px; margin: 23px 12px 0 0; text-align: center; color: #ffffff; }
#listaPlanos #planoGeral .boxPlanos a { width:135px; height:26px; padding:7px 0 0 0; font-size:1.5em; color: #ffffff; text-decoration: none; display: block; text-align: center; }
#listaPlanos #planoGeral .boxPlanos h3 { font-family: Tahoma; font-size: 1.6em; font-weight: normal; padding: 10px 0 0 0; letter-spacing: -0.1em; }
#listaPlanos #planoGeral .boxPlanos h3 strong { font-size: 2.3em; line-height: 1em; }
#listaPlanos #planoGeral .boxPlanos h4 { font-size: 2.8em; font-weight:normal; letter-spacing: -0.06em; font-family: "Trebuchet MS"; line-height: 1em;}
#listaPlanos #planoGeral .boxPlanos h5 { font-weight: normal; font-size: 0.9em;}
#listaPlanos #planoGeral .boxPlanos h6 { font-size: 1.1em; font-weight: normal; text-align: right; padding: 0 4px 10px 0; }
#listaPlanos #planoPersonaliza { float: left; width: 185px; padding: 10px; color: #ffffff; }
#listaPlanos #planoPersonaliza h1 { float: left; width: 100%; background: #162b4b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.6em; line-height: 1.7em; word-spacing: -0.2em; text-align: center; margin: 0 0 7px 0; }
#listaPlanos #planoPersonaliza p.columnAssina { float: left; margin: 0 10px 7px 0; }
#listaPlanos #planoPersonaliza p.columnAssina select { font-size: 1.4em; }
#listaPlanos #planoPersonaliza p.columnAssinaQual { float: left; margin: 0 0 7px 0; }
#listaPlanos #planoPersonaliza p.columnAssinaQual select { font-size: 1.4em; }
#listaPlanos #planoPersonaliza p.columnInfo { float: left; width: 100%; margin: 7px 0 0 0; text-align: center; color: #CCFFCC; }
#listaPlanos #planoPersonaliza div.columnPreco { float: left; margin: 5px 0 0 0; font-size: 0.9em; }
#listaPlanos #planoPersonaliza div.columnPreco strong { font-family: Tahoma; font-size: 1.8em; font-weight: normal; line-height: 1em;}
#listaPlanos #planoPersonaliza #tipo { width: 185px; }
#listaPlanos #planoPersonaliza #ouvintes { width: 65px;  }
#listaPlanos #planoPersonaliza #qualidade { width: 110px; }
#listaPlanos #planoPersonaliza #btenviar { background: #162b4b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.4em; line-height: 1.7em; word-spacing: -0.2em; text-align: center; color: #ffffff; border: 0; padding: 0 6px; float: right; margin: 12px 0 0 0;}

/* left capa */
#columnLeft { float: left; width: 365px; margin: 25px 15px 0 0; }
#columnLeft h2 { float: left; width: 345px; padding: 0 0 0 20px; border-bottom: 5px solid #294a7d; color: #294a7d; background: url('../images/layout/ico_title.png') left center no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.8em; line-height: 1.3em; word-spacing: -0.2em; text-transform: uppercase; }
#columnLeft ul.listaBlog { float: left; width: 100%; background: #ededed; margin: 0 0 10px 0; }
#columnLeft ul.listaBlog li { float: left; width: 335px; margin: 0 15px; padding: 10px 0; list-style: none; border-bottom: 1px solid #d5d5d5; line-height: 1.5em;}
#columnLeft ul.listaBlog li strong { font-size: 1.2em; color: #4d9473; }
#columnLeft ul.listaBlog li.noBorder { border: 0;}
#columnLeft ul.listaBlog li img { float: left; margin: 0 5px 0 0; }
#columnLeft ul.listaBlog li a { text-decoration: none; color: #012445; }
#columnLeft ul.listaBlog li a:hover, #columnLeft ul.listaBlog li a:active { text-decoration: underline }
#columnLeft img.imagem { margin: 5px 0 15px 15px;  }
#columnLeft .qualidade { float: left; margin: 5px 0 15px 15px;  }
#columnLeft .qualidade img { float: left; margin: 0; }
#columnLeft ul.listaBlog li.linkBlog { text-align: right; font-weight: bold; border: 0;}
#columnLeft ul.listaBlog li.linkBlog a { color: #4d9473; }

#columnRight { float: left; width: 575px; margin: 25px 0 0 15px; }
#columnRight a { font-weight: bold; }
#columnRight .boxleft { float: left; width: 288px; }
#columnRight .boxleft .column { float: left; width: 270px; padding: 0 17px 0 0; border-right: 1px solid #e0e6e6; margin: 0 0 30px 0; }
#columnRight .boxleft .column p { line-height: 1.7em; padding: 5px 0 0 0; }
#columnRight .boxleft .column h2 { font-size:1.6em; letter-spacing:-0.06em; text-transform: uppercase; color: #ff9c00; font-family: "Trebuchet MS"; font-weight: normal; padding: 0 0 8px 0;line-height: 1em;}
#columnRight .boxRight { float: left; width: 287px; }
#columnRight .boxRight .column { float: left; width: 270px; padding: 0 0 0 17px; margin: 0 0 30px 0; }
#columnRight .boxRight .column p { line-height: 1.7em; padding: 5px 0 0 0; }
#columnRight .boxRight .column h2 { font-size:1.6em; letter-spacing:-0.06em; text-transform: uppercase; color: #ff9c00; font-family: "Trebuchet MS"; font-weight: normal; padding: 0 0 8px 0;line-height: 1em;}

/* CONTEUDO TEXTO */
#content ul.submenu { position: absolute; margin: 0 0 0 500px; z-index: 200; }
#content ul.submenu li { float: left; }
#content ul.submenu li a { background: url('../images/layout/bg_submenu.png'); font-weight: bold; color: #ffffff; text-decoration: none; padding: 3px 10px 7px 10px; margin: 0 4px; display: block; }
#content ul.submenu li a:hover, #banner ul.submenu li a:active { background: #4d9473; }

#content h1.title { height:31px; font-size: 1.5em;  margin: 0 0 15px 0; padding:18px 0 0 35px; background: url("../images/layout/bg_title.png"); }
#content #text { font-size: 1.1em; line-height: 1.6em; padding: 10px; }
#content #text p { padding-bottom: 15px; }
#content #text h2 { margin: 10px 0; color: #294a7d; padding: 0 0 0 20px; background: url('../images/layout/ico_title.png') left center no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.8em; line-height: 1.3em; text-transform: uppercase;  }
#content #text img { float: left; padding: 0 15px 0 0; }
#content #text img.right { float: right; padding: 0 0 0 15px; }
#content #text ul.list { padding: 0 0 0 5px; }
#content #text ul.list li { list-style-image: url("../images/layout/bullet.gif"); list-style-position:inside; margin: 0 0 10px 0; } 

#content #text .tbpadrao { width: 100%; border-collapse: collapse; border: 1px solid #e0e6e6; font-size: 0.9em;}
#content #text .tbpadrao td,#content #text .tbpadrao  th { border: 1px solid #e4eede; padding: 5px; text-align: left; }
#content #text .tbpadrao thead th, #content #text .tbpadrao  tfoot th { border: 1px solid #5ca385; text-align: left; background: #4e9471; color: #FFFFFF; padding: 5px; text-align: center; }
#content #text .tbpadrao .on { background: #f5f5f5; }

#content #text .tbplanos { width: 100%; border-collapse: collapse; border: 1px solid #e0e6e6; font-size: 0.9em; text-align: center; }
#content #text .tbplanos td,#content #text .tbplanos  th { border: 1px solid #e4eede; padding: 5px; }
#content #text .tbplanos thead th, #content #text .tbplanos  tfoot th { border: 1px solid #5ca385; background: #4e9471; color: #FFFFFF; padding: 0 5px; }
#content #text .tbplanos .on { background: #e7f4e0; }
#content #text .tbplanos .left { text-align: left; }
#content #text .tbplanos .assinar { background: #cde4c0; }
#content #text .tbplanos .assinar a { color: #2f6a51;  }
#content #text .tbplanos strong { font-size: 1.4em; color: #d40000; }
#content #text .tbplanos em { font-size: 0.9em;}
#content #text .tbplanos a { font-weight: bold; }
#content #text .tbplanos img { padding: 0 0 0 5px; }

/* FORMULARIO */
#content #text .formulario{ float: left; width: 100%; line-height: 1.2em; }
#content #text .formulario input, #content #text .formulario textarea { padding: 5px; margin: 0 0 10px 0; border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:3px;}
#content #text .formulario input { padding: 5px 10px; }
#content #text .formulario .ok {padding: 10px 0 10px 50px; border: 2px solid #006600; background: #CCFFCC url(../images/layout/ico_contato_ok.png) no-repeat left top; color: #006600; font-weight: bold; margin: 10px 0;}
#content #text .formulario .erro {padding: 10px 0 10px 50px; border: 2px solid #CC0000; background: #FFD5D5 url(../images/layout/ico_contato_erro.png) no-repeat left top; color: #CC0000; font-weight: bold; margin:10px 0;}

#content #text .formulario p.columnAssina { float: left; margin-right: 15px; }
#content #text .formulario p.columnAssina select { font-size: 1.4em; }
#content #text .formulario div.columnPreco { float: left; margin-left: 10px; }
#content #text .formulario div.columnPreco h2 { color: #C00; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.8em; line-height: 1.3em; text-transform: uppercase; padding: 0; margin: 0; background: none; }
#content #text .formulario div.full { float: left; width: 100%; }
#content #text .formulario .contrato { font-size: 0.8em; color: #999; }


/* site admin gratis */
#content .columnLeftBig { float: left; width: 605px; padding: 0 25px 0 0; }
#content .columnRightBig { float: left; width: 310px; padding: 0 0 0 25px; border-left: 5px solid #f5f5f5;  font-size: 0.9em; }
#content .columnRightBig img { margin: 0 0 15px 0; }
#content .columnRightBig h3 { font-size: 1.5em; }

span.qAdmin { float: left; padding: 8px 10px; background: #e7f4e0; border: 1px solid #e4eede; margin: 0 5px 0 0;}

/* blog */
#content h1.titleBlog { color: #ff9c00; font-size: 3em; padding: 10px; line-height: 1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; text-shadow: 1px 1px 1px #999;}
#content .maisFotos { float: left; width: 950px; margin: 0 20px 20px 20px; }
#content .maisFotos h2 { margin: 10px 0; color: #294a7d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.8em; line-height: 1.3em; text-transform: uppercase; }
#content ul.listaBlog { float: left; width: 950px; margin: 0 20px; list-style: none; }
#content ul.listaBlog li { float:left; width:100%; border-bottom: 1px dashed #cfd0c3; padding: 5px 0; }
#content ul.listaBlog li a { text-decoration: none; color: #012445;  }
#content ul.listaBlog li a:hover, #content ul.listaBlog li a:active { text-decoration: underline; }
#content ul.listaBlog li a img { float: left; vertical-align: top; margin: 0 5px 0 0; }
#content ul.listaBlog li a strong { font-size: 1.2em; color: #4d9473; }

/* PAGINAÇÃO */
#box-paginacao 	{float:left; width:950px; border-bottom:1px solid #cccccc;border-top:1px dotted #cccccc;text-align:center; margin:20px; padding:7px 0 5px 0; background:#f5f5f5}
#box-paginacao ul {margin:5px 0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit; }
#box-paginacao ul li {display:inline; font-size:1.7em;font-weight:bold;}
#box-paginacao ul li.link-anterior {float:left;font-weight:normal;}
#box-paginacao ul li.link-proxima {float:right;font-weight:normal;}
#box-paginacao ul li a {color:#4d9473;padding:0 0.30em; text-decoration: none;}
#box-paginacao ul li a:hover {background-color:#4d9473;color:#FFF;text-decoration:none}
#box-paginacao ul li.link-anterior a, #box-paginacao ul li.link-proxima a {padding:0;}
#box-paginacao ul li.link-anterior a:hover, #box-paginacao ul li.link-proxima a:hover {background:none;color:#4d9473;text-decoration:underline;}
#box-paginacao ul li .on {background-color:#DDD;color:#FFF;display:inline !important;padding:0 0.30em;}
#box-paginacao ul li .off {color:#CCC;display:inline !important;}