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; }
html,body {margin: 4px 0 10px 0;; padding: 0; width: 100%; font-family: "Trebuchet MS", Atial, Tahoma; font-size: 13px; color: #7d7d7d; background: url("../images/layout/back.png") top fixed;}
a:link,a:visited {color: #779e00; text-decoration: underline;}
a:hover,a:active {color: #779e00; text-decoration: underline;}

#content {margin: 0 auto; width: 900px;}

#header {float: left; width: 100%; background: #ffffff; border-top: 5px solid #333333;}
#header #topo a{ float: left; margin:10px; width: 233px; height: 64px; background: url("../images/layout/logo_fatorhost.png") no-repeat; text-decoration: none; font-size: 1.2em; }
#header #topo a span { display: none; margin: 0; padding:0; }
#header #control { float: left; width: 576px; margin: 13px 0 0 71px; color: #b3b3b3; font-size: 0.85em; line-height: 1.3em;  }
#header #control strong {font-family: arial; color: #333333; }
#header #control .atendimento { float: left; width: 140px; background: url("../images/layout/ico_atendimento.png") left center no-repeat; padding-left: 52px; }
#header #control .webmail { float: left; width: 120px; background: url("../images/layout/ico_webmail.png") left center no-repeat; padding-left: 52px; }
#header #control .painel { float: left; width: 140px; background: url("../images/layout/ico_painel.png") left center no-repeat; padding-left: 52px;}
#header #menu { float: left; width: 900px; background: url("../images/layout/back_menu.png"); text-align: center; padding: 11px 0; }
#header #menu a {color: #ccff00; text-decoration: none; font-size: 1em; letter-spacing:0.1em; font-weight: bold; padding: 0 10px; margin: 0 10px;}
#header #host { float:left; width:900px; height:203px; border-bottom: 3px solid #333333; }
#header #host img { margin: 0; padding: 0;}

#conteudo {float: left; width: 880px; background: #ffffff; padding: 10px; line-height: 1.2em; }
#conteudo .left { float: left; width: 645px; margin-right: 15px; }
#conteudo .right { float: left; width: 220px; background: #ffcc00; }
#conteudo .full { float: left; width: 880px; }

#conteudo h3 {color: #333;font-size: 1.5em;}

#box-3 { float: left; width: 880px; margin: 5px 0 15px 0; }
#box-3 a {background: url(../images/layout/link_bullet.gif) no-repeat 0 3px;padding-left: 20px;font-weight: bold;}
#box-3 .box { float: left;width: 280px;}
#box-3 .box h3,#box-3 .box p,#box-3 .box ul {margin: 5px 0 10px 0; line-height: 1.3em;}
#box-3 .box h3 { line-height: 1.1em; }
#box-3 .box li {background: url(../images/layout/std_bullet.gif) no-repeat 0 3px;padding-left: 15px;padding-left: 20px;margin: 3px 0;list-style: none;}
#box-3 .first {width: 285px;padding-right: 10px; }
#box-3 .middle {width: 250px;padding: 0 10px}
#box-3 .last {width: 260px;padding-left: 30px;}



#tecnologia { float: left; width: 880px; height:265px; }
#tecnologia h3 { margin: 10px 0 15px 0;  }
#tecnologia .box { float: left; width: 118px; text-align: center; margin: 0 8px 0 0;}
#tecnologia .ultima { margin: 0 0 10px 0; }
#tecnologia .box div { float: left; width: 100%; background: url("../images/layout/faixas.gif") repeat; font-weight: bold; padding: 5px 0; margin: 5px 0;} 
#tecnologia .box p { float: left; width: 100%; text-align: left; font-size: 0.85em; }

#provedor { float: left; width: 880px; line-height: 1.6em; }
#provedor h3 { margin: 10px 0 10px 0; }
#provedor p { margin: 0 0 20px 0; }

#threeboxes {padding: 25px 0 5px 0; width: 100%;}
#threeboxes .inner {background: url(../images/layout/threeboxes_bg.gif) repeat-y; width: 845px;margin: 0 auto;}
#threeboxes a {color: #25a1d7;background: url(../images/layout/link_bullet.gif) no-repeat 0 3px;padding-left: 20px;font-weight: bold;}
#threeboxes a:hover {color: #163380;}
#threeboxes .box { float: left;width: 280px;}
#threeboxes .box h3,#threeboxes .box p,#threeboxes .box ul {margin: 5px 0 10px 0;}
#threeboxes .box li {background: url(../images/layout/std_bullet.gif) no-repeat 0 3px;padding-left: 15px;padding-left: 20px;margin: 3px 0;list-style: none;}
#threeboxes .first {width: 260px;padding-right: 20px; }
#threeboxes .middle {width: 250px;padding: 0 10px 0 20px;}
#threeboxes .last {width: 260px;padding-left: 20px;}



#footer { float: left; width: 900px; border-top: 5px solid #333333;  background: #ffffff; padding: 20px 0px; text-align: center;}

* html .clearfix {height: 1%;}