/* CSS Document */
*{margin:0;padding:0;font-family:"Trebuchet MS";list-style:none;font-size:11px;outline:none;}
* html, * html body{height:100%;overlay-y:auto !important;}
body{background:#000000;}
img{background:#000;border:1px solid #666;padding:3px;}
#container{margin:0 auto;border:1px dotted #666;width:775px;background:#000000 url(img/bg_top.png) no-repeat scroll center top;}
.clear{clear:both;}
/*HEADER*/
#header{height:259px;position:relative;}
#header h1 {background:transparent url(img/zaek-topo-transparent.png) no-repeat scroll center top;height:259px;text-indent:-9000px;}
#header h1 a{display:block;width:100%;height:100%;}
#header h3 {background:transparent url(img/ttl_websolutions_top.png) no-repeat scroll 0 0;height:21px;left:465px;position:absolute;text-indent:-9000px;top:190px;width:184px;}

/*NAVIGATION*/

#nav{height:98px;background:transparent  url(img/bg_navigation.jpg) no-repeat scroll center bottom;}
#nav ul li{display:inline;}
#nav ul li.quem-somos a {background:transparent url(img/bt_quemsomos.png) no-repeat scroll center top;display:block;height:98px;text-indent:-9000px;width:124px;float:left;}
#nav ul li.servicos a {background:transparent url(img/bt_servicos.png) no-repeat scroll center top;display:block;height:98px;text-indent:-9000px;width:127px;float:left;}
#nav ul li.hospedagem a {background:transparent url(img/bt_hospedagens.png) no-repeat scroll center top;display:block;height:98px;text-indent:-9000px;width:131px;float:left;}
#nav ul li.cases a {background:transparent url(img/bt_cases.png) no-repeat scroll center top;display:block;height:98px;text-indent:-9000px;width:127px;float:left;}
#nav ul li.contato a {background:transparent url(img/bt_contato.png) no-repeat scroll center top;display:block;height:98px;text-indent:-9000px;width:127px;float:left;}
#nav ul li.blog a {background:transparent url(img/bt_blog.png) no-repeat scroll center top;display:block;height:98px;text-indent:-9000px;width:137px;float:left;}

/*DESCRIPTION*/

#description {clear:both;color:#CCCCCC;font-size:12px;margin:0 0 10px;overflow:hidden;padding:0 10px;text-align:justify;}
#description img{float:left;margin:0 5px;}
/*home*/
#description h2.ttl_home {background:transparent url(img/ttl_home.gif) no-repeat scroll center top;height:17px;margin:9px 0 7px 10px;text-indent:-9000px;width:243px;}
#description .home_planos {float:left;border:1px solid #666;width:172px;height:172px;position:relative;}
#description .home_planos span, #description .home_planos ul{display:none;}
#description .home_planos a{display:block;position:absolute;bottom:5px;height:11px;text-indent:-9000px;}
#description .home_planos .more-details {left:5px;width:75px;}
#description .home_planos .signup {right:5px;width:64px;}
#description .zaek_i{margin:0 19px 0 3px !important;margin:0 20px 0 5px;background:url(img/box_zaek_i.jpg) no-repeat scroll 3px 3px;}
#description .zaek_ii{margin:0 19px 0 0;background:url(img/box_zaek_ii.jpg) no-repeat scroll 3px 3px;}
#description .zaek_iii{margin:0 18px 0 0;background:url(img/box_zaek_iii.jpg) no-repeat scroll 3px 3px;}
#description .zaek_iv{background:url(img/box_zaek_iv.jpg) no-repeat scroll 3px 3px;}
/*contato*/
#description h2.ttl_contato {background:transparent url(img/ttl_contato.jpg) no-repeat scroll center top;height:17px;margin:9px 0 7px 10px;text-indent:-9000px;width:149px;}
/*hospedagem*/
#description h2.ttl_hospedagem {background:transparent url(img/ttl_hospedagem.jpg) no-repeat scroll 0 0;height:23px;margin:9px 0 7px 10px;text-indent:-9000px;width:264px;}
/*quem somos*/
#description h2.ttl_quemsomos{background:transparent url(img/ttl_quemsomos.jpg) no-repeat scroll 0 0;height:23px;margin:9px 0 7px 10px;text-indent:-9000px;width:187px;}
/*serviços*/
#description h2.ttl_servicos{background:transparent url(img/ttl_servicos.jpg) no-repeat scroll 0 0;height:24px;margin:9px 0 7px 10px;text-indent:-9000px;width:183px;}
/*cases*/
#description h2.ttl_cases{background:transparent url(img/ttl_cases.jpg) no-repeat scroll 0 0;height:17px;margin:9px 0 7px 10px;text-indent:-9000px;width:72px;}

/*CONTENT*/

#content {background:#333333 none repeat scroll 0 0;border-bottom:1px dashed #666666;border-top:1px dashed #666666;overflow:auto;width:100%;}
#content .half_box{float:left;width:387px;margin:10px 0;}
#content .right-border{border-right:1px dotted #666;}
#content .half_box .box-left, #content .half_box .box-right{padding:10px;}
#content .half_box #ttl-home-1 {background:transparent url(img/ttl_01_home.jpg) no-repeat scroll center top;height:19px;margin:0 0 10px;text-indent:-9000px;}
#content .half_box img {float:left;margin:0 5px 5px 0;}
#content .half_box a {color:#999999;display:block;text-align:justify;text-decoration:none;}
#content .half_box .separator{width:50px;margin:0 auto;clear:both;border-top:1px dotted #666;}
#content .half_box #ttl-home-2 {background:transparent url(img/ttl_02_home.jpg) no-repeat scroll center top;height:20px;margin:0 0 10px;text-indent:-9000px;}
#content .half_box #ttl-home-3 {background:transparent url(img/ttl_03_home.jpg) no-repeat scroll center top;height:20px;margin:0 0 10px;text-indent:-9000px;}
#content .half_box #ttl-home-4 {background:transparent url(img/ttl_04_home.jpg) no-repeat scroll center top;height:20px;margin:0 0 10px;text-indent:-9000px;}
#content .half_box #msn {background:transparent url(img/home3.jpg) no-repeat scroll 0 0;height:94px;margin:0 auto;width:362px;}
#content .half_box #msn span, #content .half_box #phone span{display:none;}
#content .half_box #twitter {background:transparent url(img/home4.jpg) no-repeat scroll 0 0;height:94px;margin:0 auto;width:362px;}
#content .half_box #twitter a{display:block;width:100%;text-indent:-9000px;height:100%;}
/*hospedagem*/
#content #box-registro, #content #box-hospede {border-top:1px dotted #666;border-bottom:1px dotted #666;margin:10px;color:#ccc;overflow:auto;padding:0 0 10px;/*height:160px;*/}
#content #box-registro a, #content #box-hospede a{color:#09f;text-decoration:none;font-weight:bold;}
#content #box-registro a:hover, #content #box-hospede a:hover{border-bottom:1px dotted #09f;}
#content #box-registro h3 {background:transparent url(img/ttl_registro_hospedagem.jpg) no-repeat scroll 0 0;height:22px;margin:5px 0 15px;text-indent:-9000px;}
#content #box-hospede h3 {background:transparent url(img/ttl_hospede_hospedagem.jpg) no-repeat scroll 0 0;height:16px;margin:5px 0 15px;text-indent:-9000px;}
#content #box-registro img, #content #box-hospede img{margin: 0 5px 0 0;float:left;}
#content #box-registro strong {clear:both;color:#006699;display:block;font-size:1.5em;padding:10px;text-align:center;text-transform:uppercase;}
#content #box-registro ul li, #content #box-hospede ul li{display:block;clear:both;list-style:circle;}
#content #comparativo{background:transparent url(img/ttl_comparativo_hospedagem.jpg) no-repeat scroll 0 0;height:18px;margin:5px 0 15px 10px;text-indent:-9000px;}
/*TABELA DO COMPARATIVO*/
#content #hospedagem-comparativo{width:727px;margin:0 auto;border-collapse:collapse;}
#content #hospedagem-comparativo thead{background:transparent url(img/bg_thead.jpg) no-repeat scroll 0 0;height:142px;}
#content #hospedagem-comparativo thead tr th{position:relative;}
#content #hospedagem-comparativo #tux {background:transparent url(img/tux.png) no-repeat scroll 0 0;float:left;height:123px;left:28px;position:relative;top:16px;width:115px;}
#content #hospedagem-comparativo thead tr th h5{float:left;}
#content #hospedagem-comparativo thead tr th .hospedagem-zaek-i {background:transparent url(img/zaek-i.png) no-repeat scroll center top;float:left;height:132px;left:52px;position:relative;text-indent:-9000px;top:0;width:107px;}
#content #hospedagem-comparativo thead tr th .hospedagem-zaek-ii {background:transparent url(img/zaek-ii.png) no-repeat scroll center top;float:left;height:132px;left:89px;position:relative;text-indent:-9000px;top:0;width:107px;}
#content #hospedagem-comparativo thead tr th .hospedagem-zaek-iii {background:transparent url(img/zaek-iii.png) no-repeat scroll center top;float:left;height:132px;left:122px;position:relative;text-indent:-9000px;top:0;width:118px;}
#content #hospedagem-comparativo thead tr th .hospedagem-zaek-iv{background:transparent url(img/zaek-iv.png) no-repeat scroll center top;float:left;height:132px;left:153px;position:relative;text-indent:-9000px;top:0;width:108px;}
#content #hospedagem-comparativo tbody tr{background:transparent url(img/bg_tbody.jpg) repeat-y scroll 0 0;}
#content #hospedagem-comparativo tbody tr td{text-align:center;width:145px;color:#ccc;font-weight:bolder;border-bottom:1px dotted #666;height:42px;}
#content #hospedagem-comparativo tbody tr .td-title{width:147px;color:#09f;}
#content #hospedagem-comparativo tbody tr td span.sim {background:transparent url(img/sim.png) no-repeat scroll 0 0;display:block;height:23px;margin:0 auto;text-indent:-9000px;width:30px;}
#content #hospedagem-comparativo tbody tr td span.recursos {background:transparent url(img/ttl-recursos.jpg) no-repeat scroll center top;display:block;height:24px;margin:5px;text-indent:-9000px;width:141px;}
#content #hospedagem-comparativo tbody tr td span.emails {background:transparent url(img/ttl-emails.jpg) no-repeat scroll center top;display:block;height:24px;margin:5px;text-indent:-9000px;width:98px;}
#content #hospedagem-comparativo tbody tr td span.incluso {background:transparent url(img/ttl-incluso.jpg) no-repeat scroll center top;display:block;height:24px;margin:5px;text-indent:-9000px;width:303px;}
#content #hospedagem-comparativo tbody tr td span.periodo {background:transparent url(img/ttl-periodo.jpg) no-repeat scroll center top;display:block;height:30px;margin:5px;text-indent:-9000px;width:120px;}
#content #hospedagem-comparativo tbody tr td span.relatorios {background:transparent url(img/ttl-relatorios.jpg) no-repeat scroll center top;display:block;height:32px;margin:5px;text-indent:-9000px;width:172px;}
#content #hospedagem-comparativo tbody tr td span.server-info {background:transparent url(img/ttl-servidor.jpg) no-repeat scroll center top;display:block;height:35px;margin:5px;text-indent:-9000px;width:390px;}
#content #hospedagem-comparativo tbody tr td a.botao-assinar {background:transparent url(img/bt_signup.jpg) no-repeat scroll center top;display:block;height:29px;text-indent:-9000px;width:141px;margin:0 auto;}
#content #hospedagem-comparativo tfoot{background:transparent url(img/bg_tfoot.jpg) no-repeat scroll 0 0;height:59px;line-height:59px;}
#content hr {border:1px dashed #666666;margin:10px 30px 0;}
#content p {color:#CCCCCC;padding:10px 30px;text-align:justify;}
#pg_home #content a, #pg_quemsomos #content a{color:#cf0;text-decoration:none;font-weight:bold;}
 #pg_hospedagem #description #consulte-comparativo{color:#09f;text-decoration:none;font-weight:bold;cursor:pointer;}
#pg_home #content a:hover, #pg_quemsomos #content a:hover{border-bottom:1px dotted #CCFF00;}
#pg_hospedagem #content #formas-pagamento {border-bottom:1px dotted #666666;height:100px;margin:0 30px;position:relative;}
#pg_hospedagem #content #formas-pagamento strong {color:#666666;display:block;float:left;font-size:26px;left:50px;position:absolute;text-transform:uppercase;top:34px;}
#pg_hospedagem #content #formas-pagamento img {margin:0;padding:0; border:none;}
#pg_hospedagem #content #formas-pagamento #bancoreal {left:350px;position:absolute;top:5px;}
#pg_hospedagem #content #formas-pagamento #boletobancario {left:400px;position:absolute;top:5px;}
#pg_hospedagem #content #aplicacoes{border-bottom:1px dotted #666666;margin:10px 30px;position:relative;}
#pg_hospedagem #content #aplicacoes ul li{display:inline;}
#pg_hospedagem #content #aplicacoes ul li img{margin:0;padding:0;border:none;}
#pg_hospedagem #content #aplicacoes .logos{margin-right:28px;}

/*QUEM-SOMOS*/
#content .content-img {float:right;margin:0 0 10px 10px;}
/*serviços*/
#content .servicos-item {border-bottom:1px dotted #666666;border-top:1px dotted #666666;color:#CCCCCC;font-size:12px;margin:10px;overflow:auto;padding:0 0 10px;}
#content .servicos-item img{float:left;margin:5px;}
#content #criacao-web h3{background:transparent url(img/ttl_criacao.jpg) no-repeat scroll 0 0;height:23px;margin:9px 0 7px 10px;text-indent:-9000px;width:217px;}
#content #lojas-virtuais h3{background:transparent url(img/ttl_lojas.jpg) no-repeat scroll 0 0;height:17px;margin:9px 0 7px 10px;text-indent:-9000px;width:158px;}
#content #blogs h3{background:transparent url(img/ttl_blogs.jpg) no-repeat scroll 0 0;height:24px;margin:9px 0 7px 10px;text-indent:-9000px;width:631px;}
#content #identidade-visual h3{background:transparent url(img/ttl_logos.jpg) no-repeat scroll 0 0;height:24px;margin:9px 0 7px 10px;text-indent:-9000px;width:470px;}
#pg_servicos #content a, #pg_servicos #description a{color:#f66;text-decoration:none;font-weight:bold;}
#pg_servicos #content a:hover, #pg_servicos #description a:hover{border-bottom:1px dotted #f66;}
/*cases*/
#content h3#websites {background:transparent url(img/ttl_websites.jpg) no-repeat scroll center top;height:51px;margin:10px;text-indent:-9000px;}
#content #container-websites, #content #container-logotipos{padding:11px;}
.separador-case{border-bottom:1px dotted #666;margin:0 auto 10px;clear:both;}
#container #container-websites #div-websites, #container #container-websites #div-logotipos{overflow:auto;}
.item{float:left;width:227px;margin:12px !important;margin:6px;cursor:pointer;}
.item img{width:221px;}
.item span {background:#000000 none repeat scroll 0 0;border:1px solid #666666;color:#CCCCCC;display:block;text-align:center;width:100%;margin:5px 0;}
#content h3#logos {background:transparent url(img/ttl_logotipos.jpg) no-repeat scroll center top;height:51px;margin:10px;text-indent:-9000px;}
#content .cases-paginacao{display:table;margin:0 auto;}
#content .cases-paginacao ul{width:100%}
#content .cases-paginacao ul li {display:inline;font-size:30px;font-weight:bold;margin:0 auto;color:#ccc;}
#content .cases-paginacao ul li a{font-size:30px;font-weight:bold;color:#666;text-decoration:none;}

/*CONTATO*/
#content #ttl-contato-formas {background:transparent url(img/ttl_formas_contato.jpg) no-repeat scroll 10px 0;height:19px;margin:10px 0;text-indent:-9000px;}
#content .half_box #ttl-contato-msn {background:transparent url(img/ttl_msn_contato.jpg) no-repeat scroll center top;height:20px;margin:0 0 10px;text-indent:-9000px;}
#content .half_box #ttl-contato-twitter {background:transparent url(img/ttl_twitter_contato.jpg) no-repeat scroll center top;height:20px;margin:0 0 10px;text-indent:-9000px;}
#content .half_box #ttl-contato-phone {background:transparent url(img/ttl_phone_contato.jpg) no-repeat scroll center top;height:20px;margin:0 0 10px;text-indent:-9000px;}
#content .half_box #phone{background:transparent url(img/contato-phone.jpg) no-repeat scroll 0 0;height:93px;margin:0 auto;width:363px;}
#pg_contato #content h4 {color:#DD00DD;font-size:1.5em;text-align:center;}

/*FORM DO CONTATO*/
#content .half_box form {padding:22px 0 0 12px;}
#content .half_box form label {color:#CCCCCC;display:block;font-size:11px;font-weight:bold;text-transform:uppercase;}
#content .half_box .input_txt {background:transparent url(img/bg-input.jpg) no-repeat scroll 0 0;height:42px;margin:0 0 27px;width:362px;}
#content .half_box .input_txt input {background:transparent none repeat scroll 0 0;border:medium none;color:#999999;font-size:24px;font-weight:bold;margin:6px 0 0 10px;width:342px;text-transform:uppercase;}
#content .half_box .textarea {background:transparent url(img/bg-textarea.jpg) no-repeat scroll 0 0;height:172px;margin:0 0 27px;width:362px;}
#content .half_box .textarea textarea {background:transparent none repeat scroll 0 0;border:medium none;color:#999999;font-size:11px;font-weight:bold;margin:3px 0 0 10px;text-transform:uppercase;width:342px;}
#content .half_box #submit {background:transparent url(img/bg-button.jpg) no-repeat scroll 0 0;border:medium none;content:"";display:inline-block;float:right;height:43px;line-height:0;margin:0 14px;text-indent:-9000px;width:134px;}

/*FOOTER*/
#footer{clear:both;height:82px;position:relative;}
#footer address {background:transparent url(img/address.jpg) no-repeat scroll 0 0;height:21px;position:absolute;right:131px;top:33px;width:197px;float:left;}
#footer address a{display:block;text-indent:-9000px;width:100%;height:100%;}
#footer .footer-separator {border-left:1px dotted #666;height:58px;position:absolute;right:119px;top:12px;width:1px;}
#footer #logo-zaek {background:transparent url(img/zaek-footer.jpg) no-repeat scroll 0 0;bottom:0px;display:block;height:77px;position:absolute;right:4px;text-indent:-9000px;width:102px;}

/*MODAL*/
#overlay {background:#000000 none repeat scroll 0 0;bottom:0;display:none;height:100%;left:0;opacity:0.65;position:fixed !important;position:absolute;top:0;width:100%;z-index:1;}
#modal {display:block;left:50%;margin-left:-255px;margin-top:-255px!important;margin-top:-100px;overflow:auto;position:fixed;top:50%;width:510px;z-index:9999;}
#modal #mdl-header {background:transparent url(img/bg_modal_header.png) no-repeat scroll 0 0;height:93px;overflow:auto;}
#modal #mdl-header h4 {color:#666666;font-size:30px;font-weight:bold;padding:38px 0 0;text-align:center;text-transform:uppercase;}
#modal #mdl-content{background:transparent url(img/bg_modal_content.png) repeat-y scroll 0 0;padding:10px;overflow:auto;}
#modal #mdl-content img{margin:0 auto 10px;display:block}
#modal #mdl-content #mdl-content-description{width:406px;margin:0 auto;border:1px dashed #666;padding:10px;color:#ccc;text-align:justify;}
#modal #mdl-content #mdl-content-description strong{color:#CCFF00;}
#modal #mdl-content #mdl-content-description a{color:#ccc;text-decoration:underline;}
#modal #mdl-footer{background:transparent url(img/bg_modal_footer.png) no-repeat scroll 0 0;height:57px;}
#modal #mdl-footer span{display:block;text-align:center;color:#ccc;}

/*tooltip*/
.tooltip{border:1px dotted #666;background:#333;position:absolute;padding:10px;}
.home, .tt_quemsomos{color:#99FF00;}
.tt_servicos{color:#FF6666;}
.tt_hospedagem{color:#0099FF;}
.tt_cases{color:#FF9900;}
.tt_contato{color:#FF00FF;}