body{ background:#fff url(../images/bg_head.jpg) repeat-x 0 0; color:#636b75; font:13px/18px Arial,sans-serif; margin:0; padding:0}
#body{background:url(../images/bg_body.jpg) no-repeat -13px 0;padding:45px 0 0 0;text-align:left;margin:0 auto;width:960px}
#site{background:url(../images/bg_foot.png) repeat-x left bottom;text-align:center}

#head {
	BACKGROUND: url(../images/bg_site.jpg) no-repeat center 55px; MARGIN: 0px auto; POSITION: relative; HEIGHT: 180px
}
#head H1 {
	RIGHT: 50%; MARGIN: 85px 0px 0px; WIDTH: 480px; POSITION: absolute; TOP: 0px
}
#head H1 A {
	DISPLAY: inline; BACKGROUND: no-repeat 0px 0px; FLOAT: left; HEIGHT: 39px; outline: none
}
#head h6{
	margin:98px 0 0 50px;position:absolute;right:50%;top:0;width:480px; height:200px; text-align:left;
}
#head .videohome{	
}
#head h6 a{
	background:no-repeat 0 0;display:inline;height:39px;float:left;outline:none;
}
#head #title-linkspatrocinados {
	BACKGROUND-IMAGE: url(../images/TitTopoLinksPatrocinados.png); WIDTH: 346px; height:60px; color:#F0F0F0; text-align:left
}
#head #title-criacaodesites {
	BACKGROUND-IMAGE: url(../images/TitTopoCriacao.png); WIDTH: 346px; height:60px; color:#F0F0F0; text-align:left
}
#head #title-contato {
	BACKGROUND-IMAGE: url(../images/TitTopoFaleConosco.png); WIDTH: 346px; height:60px; color:#F0F0F0; text-align:left
}
#head #title-orcamento {
	BACKGROUND-IMAGE: url(../images/TitTopoOrcamento.png); WIDTH: 346px; height:60px; color:#F0F0F0; text-align:left
}
#head #title-consultoria {
	BACKGROUND-IMAGE: url(../images/TitTopoConsultoria.png); WIDTH: 346px; height:60px; color:#F0F0F0; text-align:left
}
#head #title-quemsomos {
	BACKGROUND-IMAGE: url(../images/TitTopoQuemSomos.png); WIDTH: 346px; height:60px; color:#F0F0F0; text-align:left
}


h1{font:normal 30px/36px Arial, sans-serif;margin:0 0 18px 0;padding:0}


#nav-01 ul a,
#nav-03 ul a,
.create-account,
.cost-calculator h4,
#amazing-designers,
#head h1 a,
#over-100,
#didnt-find-answer h3,
#related-questions h3,
#related-screencasts h3{background:no-repeat 0 0;display:block;overflow:hidden;outline:none;text-indent:-9999em}

#nav-01 { BACKGROUND: url(../images/bg_nav-00-content.jpg) #061e4a no-repeat center top; OVERFLOW: hidden; HEIGHT: 55px
}
#nav-01 #nav-logo A {
	BACKGROUND: url(../images/logo_Index02.gif) no-repeat 0px 0px; LEFT: 0px; WIDTH: 200px; TOP: 0px; HEIGHT: 65px
}
#nav-01 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/bg_nav-00-divider.png) no-repeat 730px 11px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 960px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: 55px;
}
#nav-01 UL LI {
	MARGIN-BOTTOM: 0px;
}
#nav-01 UL LI A {
	BACKGROUND-IMAGE: url(../images/bg_nav-00.gif); POSITION: absolute; TOP: 15px; HEIGHT: 33px
}
#nav-01 #nav-linkpatrocinados A {
	BACKGROUND-POSITION: left top; RIGHT: 503px; WIDTH: 185px
}
#nav-01 #nav-linkpatrocinados A:hover {
	BACKGROUND-POSITION: 0px center
}
#nav-01 #nav-linkpatrocinados A.current {
	BACKGROUND-POSITION: 0px 33px; height:33px
}
#nav-01 #nav-criacaosites A {
	BACKGROUND-POSITION: -185px top; RIGHT: 332px; WIDTH: 171px
}
#nav-01 #nav-criacaosites A:hover {
	BACKGROUND-POSITION: -185px center
}
#nav-01 #nav-criacaosites A.current {
	BACKGROUND-POSITION: -185px 33px; height:33px
}
/*#nav-01 #nav-hospedagem A {
	BACKGROUND-POSITION: -269px top; RIGHT: 289px; WIDTH: 108px
}
#nav-01 #nav-hospedagem A:hover {
	BACKGROUND-POSITION: -269px center
}
#nav-01 #nav-hospedagem A.current {
	BACKGROUND-POSITION: -269px bottom
}
*/
#nav-01 #nav-contato A {
	BACKGROUND-POSITION: -356px top; RIGHT: 226px; WIDTH: 106px
}
#nav-01 #nav-contato A:hover {
	BACKGROUND-POSITION: -356px center
}
#nav-01 #nav-contato A.current {
	BACKGROUND-POSITION: -356px 33px; height:33px
}
#nav-01 #nav-orcamento A {
	BACKGROUND-POSITION: -462px top; RIGHT: 0px; WIDTH: 226px
}
#nav-01 #nav-orcamento A:hover {
	BACKGROUND-POSITION: -462px center
}
#nav-01 #nav-orcamento A.current {
	BACKGROUND-POSITION: -462px 33px; height:33px
}

#nav-02{
	background:url(../images/bg_nav-01.png) no-repeat 0 0;border-bottom:1px solid #fff;margin:0 0 18px 0;padding:1px 0 0
}
#nav-02 li{
	color:#797c80;list-style:none;margin:0 0 0 0;width:211px
}
#nav-02 li a{
	border-bottom:1px solid #dcddde;border-top:1px solid #fff;color:#797c80;display:block;font-size:14px;font-weight:bold;padding:10px 0 10px 42px;position:relative;width:169px
}
#nav-02 .current a{
	background:#49b2ff url(../images/bg_nav-01-current.png) no-repeat left center;border:none;color:#fff;padding-right:11px;text-shadow:-1px -1px 0 #3293d6
}
#nav-02 a img{
	left:10px;margin-top:-12px;position:absolute;top:50%
}
#nav-02 ul{
	border-bottom:1px solid #dcddde;margin:0;padding:12px 0;width:211px
}
#nav-02 li li{
	margin-bottom:3px;position:relative
}
#nav-02 li li a, #nav-02 .current li a{
	background:none;border:none;color:#797c80;font-size:13px;font-weight:normal;padding:3px 25px 3px 11px;text-shadow:none;width:175px
}
#nav-02 li .current, #nav-02 .current .current{
	background:#dedfe0 url(../images/bg_nav-02-top.png) no-repeat 0 0;border:none;padding:0
}
#nav-02 li .current a, #nav-02 .current .current a{
	background:url(../images/bg_nav-02-btm.png) no-repeat left bottom;border:none;color:#000;text-shadow:none
}
#nav-02 li li span{
	background:url(../images/bg_nav-02-arrow.png) no-repeat 195px center;display:block
}
#nav-02-01{
	background:url(../images/bg-sub_nav_02_01-top.png) no-repeat top left;margin:0 0 180px 0;padding:0;width:191px
}
#nav-02-01 li{
	font-size:12px;margin:0;padding:0;list-style-type:none;position:relative
}
#nav-02-01 li.current{
	font-weight:bold
}
#nav-02-01 li#nav-el-654{
	background:url(../images/bg-sub_nav_02_01-btm.png) no-repeat bottom left
}
#nav-02-01 li a{
	border-bottom:1px solid #e6e6e6;border-top:1px solid #fff;display:block;line-height:37px;padding-left:35px;width:156px
}
#nav-02-01 li a img{
	position:absolute;top:11px;left:12px
}
#nav-02-01 li#nav-el-656 a{
	border-top:0
}
#nav-02-01 li#nav-el-654 a{
	border-bottom:0
}
#nav-02 li#nav-el-650 a{
	font-weight:normal; font-size:13px
}

#nav-03 { BACKGROUND: url(../images/bg_nav-00-content.jpg) #061e4a no-repeat center top; OVERFLOW: hidden; HEIGHT: 55px
}
#nav-03 #nav-logo A {
	BACKGROUND: url(../images/logo_Index02.gif) no-repeat 0px 0px; LEFT: 0px; WIDTH: 200px; TOP: 0px; HEIGHT: 65px
}
#nav-03 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/bg_nav-00-divider.png) no-repeat 730px 11px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 960px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: 55px;
}
#nav-03 UL LI {
	MARGIN-BOTTOM: 0px;
}
#nav-03 UL LI A {
	BACKGROUND-IMAGE: url(../images/bg_nav-03.gif); POSITION: absolute; TOP: 15px; HEIGHT: 33px
}
#nav-03 #nav-linkpatrocinados A {
	BACKGROUND-POSITION: left top; RIGHT: 503px; WIDTH: 185px
}
#nav-03 #nav-linkpatrocinados A:hover {
	BACKGROUND-POSITION: 0px center
}
#nav-03 #nav-linkpatrocinados A.current {
	BACKGROUND-POSITION: 0px bottom
}
#nav-03 #nav-criacaosites A {
	BACKGROUND-POSITION: -185px top; RIGHT: 332px; WIDTH: 171px
}
#nav-03 #nav-criacaosites A:hover {
	BACKGROUND-POSITION: -185px center
}
#nav-03 #nav-criacaosites A.current {
	BACKGROUND-POSITION: -185px bottom
}
/*#nav-03 #nav-hospedagem A {
	BACKGROUND-POSITION: -269px top; RIGHT: 289px; WIDTH: 108px
}
#nav-03 #nav-hospedagem A:hover {
	BACKGROUND-POSITION: -269px center
}
#nav-03 #nav-hospedagem A.current {
	BACKGROUND-POSITION: -269px bottom
}
*/
#nav-03 #nav-contato A {
	BACKGROUND-POSITION: -356px top; RIGHT: 226px; WIDTH: 106px
}
#nav-03 #nav-contato A:hover {
	BACKGROUND-POSITION: -356px center
}
#nav-03 #nav-contato A.current {
	BACKGROUND-POSITION: -356px bottom
}
#nav-03 #nav-orcamento A {
	BACKGROUND-POSITION: -462px top; RIGHT: 0px; WIDTH: 226px
}
#nav-03 #nav-orcamento A:hover {
	BACKGROUND-POSITION: -462px center
}
#nav-03 #nav-orcamento A.current {
	BACKGROUND-POSITION: -462px bottom
}

.vbox3 {
	PADDING-RIGHT: 13px; PADDING-LEFT: 13px; BACKGROUND: url(../images/bg_vbox3-btm.png) #fff no-repeat left bottom; MARGIN-BOTTOM: 18px; PADDING-BOTTOM: 13px; WIDTH: 189px; PADDING-TOP: 0px
}
.vbox3 H3 {
	PADDING-RIGHT: 13px; PADDING-LEFT: 13px; BACKGROUND: url(../images/bg_vbox3-top.png) #8395ad no-repeat 0px 0px; PADDING-BOTTOM: 7px; MARGIN: 0px -13px 18px; FONT: bold 13px/18px Arial; COLOR: #fff; PADDING-TOP: 7px; text-shadow: -1px -1px 0 #7e8fa8
}
.vbox3 H4 {
	MARGIN: 0px 0px 9px
}
.vbox3 .last {
	MARGIN-BOTTOM: 9px
}

.two-col #content .copy{float:none;margin-bottom:16px;width:705px; text-align:justify}
.two-col #content .sub-copy{float:none;margin-bottom:16px;width:705px}
.two-col #content .copy .copy{float:left;width:460px}
.two-col #content .copy .sub-copy{float:right;width:215px}
.two-col-right #body{background:url(../images/bg_body-right.jpg) no-repeat right top}
.two-col-right #content{float:left;width:690px;margin-bottom:16px}
.two-col-right #sub-content{float:right;width:215px}
.two-col-right #content .copy{float:none;width:auto}
.two-col-right #content .sub-copy{float:none;width:auto}
.two-col-right-white #body{background:#FFF}
.two-col-right-white #content{float:left;width:690px;margin-bottom:16px}
.two-col-right-white #sub-content{float:right;width:215px}
.two-col-right-white #content .copy{float:none;width:auto}
.two-col-right-white #content .sub-copy{float:none;width:auto}
.two-col-w-related #content .copy{width:705px}
.two-col-w-related #content .copy .vbox1{clear:both;float:right;margin-left:27px}
.one-col #body{background:none}
.one-col #content{width:960px}
.one-col #content .copy{float:none;width:auto}

#features .leader{font-family:Arial,Helvetica;color:#7b8188;margin-bottom:16px}
#features table{margin-bottom:27px}
#features .primary{display:inline;float:left;margin-top:0;width:436px}
#features .secondary{display:inline;float:right;margin-top:0;width:242px}

#content{display:inline;float:right;width:705px}
#content .copy{display:inline;float:left;width:465px}
#content .copy{margin-bottom:0}
#content .copy{margin-bottom:16px}
#content .sub-copy{float:right;width:215px}
#sub-content{float:left;width:222px}
.short #body{background:url(../images/bg_body-short.jpg) no-repeat -13px 0}

a, a strong{ color:#2173af; text-decoration:none }
a:hover{text-decoration:underline}
address{font-style:normal;margin-bottom:18px}
blockquote{font:italic 15px/22px 'Georgia',serif;margin:0}

.falaitalic{ font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic}

cite{display:block; font-style:normal; font-weight:bold; margin-bottom:18px}
code{overflow:hidden}
dl{}
dt{color:#3e434a; font-weight:bold}
dd{margin:0 0 18px 0}

h2{color:#000;font:normal 30px/36px Arial, sans-serif;margin:36px 0 18px 0;padding:0}
h2.hilite{color:#005eb0;font:normal 24px/30px Arial, sans-serif;margin:54px 0 9px 0}
h2.sifr{color:#000;font:normal 30px/1em Arial, sans-serif;margin:36px 0 18px 0;padding:0}
h2.sifr2{color:#000;font:normal 24px/1em Arial, sans-serif;margin:36px 0 18px 0;padding:0}
h2.icon{padding:0 0 6px 50px}
h2.icon em{color:#797c80;font-size:20px;font-style:normal;font-weight:normal;line-height:1}
h3{color:#000;font:normal 18px/27px Arial, sans-serif;margin:0 0 18px 0;padding:0; color:#2173af}
h4{color:#3e434a;font:bold 15px/20px Arial, sans-serif;margin:27px 0 18px 0;padding:0}
h5{color:#3e434a;font:bold 13px/18px Arial,sans-serif;margin:0;padding:0}
hr{display:none}
.hr{border-top:1px solid #e5e6e8;height:0;margin:36px 0}
img{border:none}
li{margin-bottom:18px}
p{margin:0 0 18px 0;padding:0}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}
small{font-size:11px}
strong{color:#3e434a}
table{border:none;border-collapse:collapse;margin-bottom:45px}
td,th{border-bottom:1px solid #d7d7d7;color:#3e434a;padding:6px 12px}
th{background:url(../images/bg_th.png) repeat-x 0 0;text-shadow:1px 1px 0 #fff}
th.first{background:url(../images/bg_th-left.png) no-repeat 0 0}
th.last{background:url(../images/bg_th-right.png) no-repeat right top}
tr{}ul{}ul.plain{list-style:none;margin:0;padding:0}
ul.plain li{margin-bottom:9px}

.leader{font:18px/27px Arial,serif}
.page-title{margin-top:0 !important}

.icon-list, .icon-list ul, .icon-list li{margin:0;padding:0;list-style-type:none;position:relative}
.icon-list li ul li{list-style:disc;margin-bottom:5px}
.icon-list h2{border-bottom:1px solid #ddd;padding-bottom:12px;margin-bottom:36px}
.icon-list img{left:0;position:absolute;top:0}
.icon-list p{font-size:14px;line-height:auto}
.icon-list .gt{margin-top:27px}
.icon-list .gr{clear:both}
.icon-list .gc{margin-bottom:18px;position:relative}
.icon-list .gc h3{margin-bottom:9px;margin-top:0}
.icon-list .gc h3,
.icon-list .gc p,
.icon-list .gc ul{margin-left:63px}
.icon-list .gr-2 .gc,
.icon-list .gr-3 .gc,
.icon-list .gr-4 .gc{float:left;margin-right:2%}
.icon-list .gr-1 .gc h3,
.icon-list .gr-2 .gc h3,
.icon-list .gr-3 .gc h3,{font-size:13px;font-weight:bold;margin-bottom:5px; }
.icon-list .gr-2 .gc p,
.icon-list .gr-3 .gc p{font-size:12px}
.icon-list .gr-2 .gc{width:48%}
.icon-list .gr-3 .gc{width:31.3%}
.icon-list .gr-4 .gc{width:23%}

.pricing table{width:100%}
.pricing table tr:last-child td{border:none}
.pricing .bigtick li{margin-bottom:9px}

.clients{list-style:none;margin:0 0 14px 0;padding:0}
.clients li{display:inline;float:left;margin:0 8px 8px 0;padding:0}
.clients li a{background:url(../images/bg_client-logos.png) no-repeat 0 0;display:block;height:62px;overflow:hidden;width:75px}

#foot{text-align:center; background-color:#F8F8F8; border-top:1px dashed #D8D8D8}
#foot .vbox{margin:0 auto;text-align:left}
#foot .copy{margin:0 auto;text-align:center;width:994px}
#foot .copy p{margin:1px 0 4px 0}
#foot .sub-copy{padding:20px 20px 28px 20px;width:954px}
#foot .sub-copy p{font-size:12px;margin-bottom:6px}
#foot-meta{color:#bbb;float:right;margin-top:1px;text-align:right;width:520px}
#foot-meta a{color:#909090;text-decoration:none}
#foot-meta a:hover{text-decoration:none; color:#666}
#foot-meta #legals{border-bottom:1px solid #eceeee; margin-bottom:9px; padding-bottom:11px}
#foot .Txtgray01{ font-size:12px; color:#999 }
#foot .Txtgray02{ font-size:12px; color:#c1c1c1 }

.clear:after,
.section:after,
#body:after,
#content:after,
#content .copy:after,
.intro:after,
.features:after,
.clients:after,
.pricing:after,
.vbox:after,
.hbox:after,
.community:after,
#screen-cast-filter:after,
#screencasts-list:after,
#email-clients:after,
#email-templates-filter:after,
#email-templates-filter ul:after,
#email-templates:after,
#email-templates p:after,
.giving-back .sub-copy:after,
.pagination:after,
.categories:after,
.hentry:after,
form div.text:after,
form div.textarea:after,
.gt:after,
.gr:after,
#links #related-screencasts li:after,
#comment-form .textarea:after,
#forums #comments .entry:after,
#forums .post-meta:after,
.two-col #content .sub-copy:after,
#customers .using #content ul:after{clear:both;content:".";display:block;height:0;visibility:hidden}.clear,
.section,
#body,
#content,
#content .copy,
.intro,
.features,
.clients,
.pricing,
.vbox,
.hbox,
.community,
#screen-cast-filter,
#screencasts-list,
#email-clients,
#email-templates-filter,
#email-templates-filter ul,
#email-templates,
#email-templates p,
.giving-back .sub-copy,
.pagination,
.categories,
.hentry,
form div.text,
form div.textarea,
.gt,
.gr,
#links #related-screencasts li,
#comment-form .textarea,
#forums #comments .entry,
#forums .post-meta,
.two-col #content .sub-copy,
#customers .using #content
ul{display:inline-block}

.clear,
.section,
#body,
#content,
#content .copy,
.intro,
.features,
.clients,
.pricing,
.vbox,
.hbox,
.community,
#screen-cast-filter,
#screencasts-list,
#email-clients,
#email-templates-filter,
#email-templates-filter ul,
#email-templates,
#email-templates p,
.giving-back .sub-copy,
.pagination,
.categories,
.hentry,
form div.text,
form div.textarea,
.gt,
.gr,
#links #related-screencasts li,
#comment-form .textarea,
#forums #comments .entry,
#forums .post-meta,
.two-col #content .sub-copy,
#customers .using #content
ul{display:block} 

#subscribe-form{float:left;position:relative;width:300px}
#subscribe-form .text{margin:0;position:relative;width:324px}
#subscribe-form em.error{margin-left:0}
#subscribe-form #email, #subscribe-form #z-z{width:190px}
#subscribe-form h5, #subscribe-form p{font-size:12px}
#subscribe-form #subscribe{position:absolute;right:34px;top:2px}
#subscribe-form .loading{background:url(../images/load_indicator-24.gif) no-repeat 0 0;height:24px;position:absolute;right:0;top:2px;width:24px}
#subscribe-form .success{background:url(../images/icon_tick-large.png) no-repeat 0 0;height:24px;position:absolute;right:0;top:2px;width:24px}
#subscribe-form .error{margin-top:4px;margin-left:0;font-style:normal}


.section {
	MARGIN: 27px 0px; POSITION: relative
}
.section H3 {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; LINE-HEIGHT: 24px
}
.figure {
	MARGIN-BOTTOM: 18px
}
.figure-a {
	FLOAT: left; MARGIN-RIGHT: 27px
}
.figure-a-breakout {
	MARGIN-LEFT: -44px
}
.figure-a-1 {
	POSITION: absolute
}
.figure-c-1 {
	POSITION: absolute
}
.figure-a-1 {
	LEFT: 0px; TOP: 0px
}
.figure-c-1 {
	RIGHT: 0px; TOP: 0px
}
.figure-c {
	FLOAT: right; MARGIN-LEFT: 27px
}

.bigtick {
	PADDING-LEFT: 17px; LIST-STYLE-TYPE: none
}
.bigtick LI {
	PADDING-LEFT: 23px
}
.bigtick LI {
	BACKGROUND: url(../images/icon_tick.png) no-repeat 0px 5px;
}
