*{
    margin:0;
    padding:0;
}
body{
    background:#fff;
    text-align:center;
    font-family:arial;

}
.carr_body{
    position:fixed;
    left:50%;
    top:50%;
}

/*------------------------ Topo ------------------------------------------*/
#topo_acima{
    width:900px;
    height:90px;
    margin: 0px auto auto auto;
}
.border_esq_top{
    width:1px;
    height:122px;
    float:left;
    background:url(../imagens/border_top.jpg) ;
}
.border_dir_top{
    width:1px;
    height:122px;
    float:right;
    background:url(../imagens/border_top.jpg) ;
}
#topo_menor{
    width:100%;
    height:338px;
    background:url(../imagens/bg_top_menor.jpg) right ;
    background-repeat: repeat-x;
    background-position: 0 25px;
    margin:0 auto auto auto;
}
#topo_maior{
    width:820px;
    height:338px;
    margin:0 auto auto auto;
}
#topo_maior_conteudo{
    width:820px;
    height:338px;
    float:left;
    background:url(../imagens/bg_top_maior.jpg) left repeat-x;
    margin:-1px auto auto auto;
}
.bg_esq_top_maior{
    width:119px;
    height:338px;
    float:left;
    background-image:url(../imagens/bg_esq_top_maior.jpg);
    margin:-13px 0 0 0;
}
.bg_dir_top_maior{
    width:119px;
    height:338px;
    float:right;
    background-image:url(../imagens/bg_dir_top_maior.jpg);
    margin:0px 0 0 0;
}

/* Logo */

.logo{

    position:static;
    margin:6px 0 0 -378px;
}
.ao_cubo_web{
    width:178px;
    height:33px;
    float:left;
    background-image:url(../imagens/ao_cubo_web.gif);
    margin:58px 0 0 280px;
}
.f_d_s_s_o_m{
    width:340px;
    height:135px;
    float:left;
    background-image:url(../imagens/f_d_s_s_o_m.jpg);
    margin:116px 0 0 -53px;
}

/*------------------------ Menu -------------------------------------*/
#menu{
    width:332px;
    height:29px;
    float:right;
    margin:42px 90px 0 0;
}
#menu ul{
    list-style-type:none;
}
#menu ul li{
    display:inline;
    float:left;
    margin-left:14px;
}

/* ---------------- Portifólio Randomico do Topo --------------------- */

#port_top{
    width:332px;
    height:209px;
    float:left;
    background-image:url(../imagens/bg_port_top.jpg);
    margin:-327px 0 0 430px;
}
#abre_port_topo{
    width:332px;
    height:209px;
    float:right;
    margin:0 0 0 384px;
}
#site_port_top{
    width:315px;
    height:188px;
    overflow:hidden;
    margin: 13px auto auto auto;
}
#title_site_port_top{
    width:332px;
    height:22px;
    overflow:hidden;
    margin: 13px auto auto auto;
}
#title_site_port_top a{
    color:#fff;
    font-size:12pt;
    font-weight:800;
    text-decoration:none;
}
.carr_topo{
    display:none;
    float:left;
    text-align:center;
    margin:61px 0 0 124.5px;

}

/* ------------------------------------------------------------- */
#barra{
    width:776px;
    position:relative;
    top:-126px;
    margin:0 auto auto auto;
}
#esquerda{
    width:1px;
    height:512px;
    float:left;
    background-image:url(../imagens/barra_pai.jpg);
}
#direita{
    width:1px;
    height:512px;
    float:right;
    background-image:url(../imagens/barra_pai.jpg);
}

/* --------------------- home ------------------------------------*/

#conteudo{
    width:774px;
    height:auto;
    margin:0 auto 0 auto;
}
.carr_cont{
    width:148px;
    height:30px;
    display:none;
    background:#fff;
    border:#1f3ed0 4px solid;
    position:fixed;
    top: 50%;
    left:42%;
}
.carr_cont img{
    margin:7px auto auto auto;
}
.hist_aocubo_home{
    width:366px;
    height:118px;
    float:left;
    margin:0 0 0 14px;
}
.hist_aocubo_home h3{
    color:#1f3ed0;
    font-family:"Eras Demi ITC";
    font-size:32px;
    float:left;
    margin:0 0 0 15px;
}
.hist_aocubo_home p{
    width:315px;
    height:auto;
    float:left;
    text-align:left;
    color:#4d4e52;
    font-size:11px;
    margin:10px 0 0 20px;
}
.hist_aocubo_home a{
    float:right;
    text-align:left;
    color:#4d4e52;
    font-size:11px;
    margin:5px 50px 0 0;
}
.barra_home{
    width:3px;
    height:290px;
    float:left;
    background-image:url(../imagens/barra_home.jpg);
    margin:40px 0 0 0;
}
.or_3_268{
    float:left;
    margin:-30px 0 0 18px;
}
.setaOrcamento{
    float:right;
    margin:0 70px 0 0;
}
.servicos_home{
    width:366px;
    height:118px;
    float:left;
    margin:-190px 0 0 30px;
}
.servicos_home ul{
    list-style-type:square;
    color:#5570fc;
    float:left;display:block;
    text-align:left;
    margin:60px 0 0 -55px;
}
.servicos_home ul li p{
    margin:11px 0 0 0;
    color:#4d4e52;
    cursor:pointer;
    font-size:11pt;
    text-decoration:underline;
}
.servicos_home h3{
    color:#1f3ed0;
    font-family:"Eras Demi ITC";
    font-size:32px;
    float:left;
}
.orcamento_home{
    width:366px;
    height:118px;
    float:right;
    margin:-190px 0 0 0;
}
.orcamento_home h3{
    color:#1f3ed0;
    font-family:"Eras Demi ITC";
    font-size:32px;
    float:left;
}
.orcamento_home p{
    width:315px;
    height:67px;
    float:left;
    text-align:left;
    color:#4d4e52;
    font-size:11px;
    margin:10px 0 0 6px;
}
.orcamento_home a{
    float:right;
    text-align:left;
    color:#4d4e52;
    font-size:11px;
    margin:0 30px 0 0;
}

/* -------------------------- Portifólio -------------------------------*/
#portifolio{
    width:774px;
    height:auto;
    margin:0 auto 0 auto;
}
#portifolio h3{
    color:#1f3ed0;
    font-family:"Eras Demi ITC";
    font-size:28px;
    font-weight:300;
    float:left;
    margin: 0 0 0 42px;
}
#portifolio ul{
    width:774px;
    height:auto;
    float:left;
    list-style-type:none;
    background:url(../imagens/bg_ul_portifolio.gif);
    background-repeat:repeat;
    background-position: 0 45px;
    margin:14px 0 20px 0;
}
#portifolio ul li{
    width:149px;
    height:108px;
    float:left;
    color:#2542d9;
    margin:33px 0 0 16px;
}
#portifolio ul li.um{
    margin:33px 0 0 65px;
}
#portifolio ul li {
    width:149px;
    height:91px;
    text-decoration:none;
    float:left;
    background:url(../imagens/bg_img_portifolio.png) no-repeat top;
}
.nome_cli_port{
    width:149px;
    font-size:12px;
    font-weight:600;
    color:#2542d9;
    float:left;
    margin-top:10px;
}
.img_portifolio_pq{
    width:143px;
    height:86px;
    float:left;
    overflow:hidden;
    margin:3px 0 0 3px;
}
#paginacao{
    width:774px;
    height:auto;
    float:left;
    color:#203ed2;
    font-size:18pt;
    margin:50px 0 0 0;
}
#paginacao a{
    text-decoration:none;
    color:#203ed2;
    font-size:18pt;
}
.pag_atual{
    text-decoration:underline;
}
/* ------------------------- verSite.php -------------------------------- */
#ver_site{
    width:774px;
    height:auto;
    margin:0 auto 20px auto;
}
#ver_site h3{
    color:#1f3ed0;
    font-family:"Eras Demi ITC";
    font-size:28px;
    font-weight:300;
    float:left;
    margin: 0 0 0 42px;
}
#nome_cli_port{
    width:222px;
    height:64px;
    float:left;
    color:#fff;
    text-align:center;
    font-size:22px;
    line-height:50px;
    background-color:#2542d9;
    margin:59px 0 0 -128px;
}
.cidade_cli{
    width:222px;
    font-size:10pt;
    float:left;
    margin:-25px 0 0 0;
}
#foto_port{
    width:477px;
    height:294px;
    float:left;
    background-color:#2542d9;
    margin:48px 0 0 0;
}
.img_foto_port{
    width:469px;
    height:286px;
    float:left;
    overflow:hidden;
    margin:3px 0 0 4px;
}
#centraliza_site{
    width:477px;
    float:right;
    margin-right:41px;
}
#site_port{
    width:274px;
    height:55px;    
    line-height:55px;
    background-color:#2542d9;
    margin:0 auto auto auto;
}
#site_port a{
    color:#fff;
    text-align:center;
    font-size:17px;
    text-decoration:none;
}
#conteudo_site{
    width:239px;
    height:auto;
    float:left;
    margin:-218px 0 0 5px;
}
.descricao_port{
    text-align:left;
    color:#2542d9;
    font-size:13px;
    float:left;
    margin:20px 0 0 0;
}
.descricao_port h4{
    font-size:16px;
}
.servicos_port{
    text-align:left;
    color:#2542d9;
    font-size:13px;
    float:left;
    margin-top:21px;
}
.servicos_port h4{
    font-size:16px;
}
.servicos_port ul{
    float:left;
    list-style-image:url(../imagens/marcador.gif);
    margin:20px 0 0 42px;
    font-size:18px;
}

/* -------------------------- Sobre ---------------------------------- */

#sobre{
    width:774px;
    height:auto;
    margin:0 auto 20px auto;
}
#sobre h3{
    color:#1f3ed0;
    font-family:"Eras Demi ITC";
    font-size:28px;
    font-weight:300;
    float:left;
    margin: 0 0 0 42px;
}
#sobre p{
    width:486px;
    float:left;
    color:#1f3ed0;
    font-family:"arial";
    font-size:14px;
    text-align:left;
    margin:40px 0 0 -80px;
}
.logo_sobre{
    float:right;
    margin:50px 30px 0 0;
}


/* -------------------------- Contato ---------------------------------- */

#contato{
    width:774px;
    height:auto;
    margin:0 auto 40px auto;
}
#contato h3{
    color:#1f3ed0;
    font-family:"Eras Demi ITC";
    font-size:28px;
    font-weight:300;
    float:left;
    margin: 0 0 0 42px;
}
#form_contato{
    width:300px;
    float:left;
    margin:40px 0 0 -100px;
}
.nome_input_contato{
    width:297px ;
    text-align:left;
    float:left;
    color:#081e8c;
    font-size:19px;
    margin:5px 0 5px 0;
}
.input_contato{
    width:297px;
    height:25px;
    float:left;
    background-color:#e4e8fe;
    border:#9cabfe 1px solid;
    color:#9cabfe;
    font-size:18px;
}
.tel_input_contato{
    width:179px;
    height:25px;
    float:left;
    background-color:#e4e8fe;
    border:#9cabfe 1px solid;
    color:#9cabfe;
    font-size:18px;
}
.textarea_input_contato{
    width:297px;
    height:98px;
    float:left;
    background-color:#e4e8fe;
    border:#9cabfe 1px solid;
    color:#9cabfe;
    font-size:18px;
}
.btn_contato{
    float:left;
    margin:10px 0 0 3px;
}

.barra_contato{
    width:1px;
    height:365px;
    float:left;
    background-image:url(../imagens/barra_contato.jpg);
    margin:60px 0 0 60px;
}
.texto_contato{
    width:345px;
    float:left;
    color:#081e8c;
    text-align:left;
    font-size:14px;
    margin:20px 0 0 15px;
}
.nome_contato{
    width:345px;
    float:left;
    margin:30px 0 0 0;
}
.texto_contato ul{
    width:345px;
    float:left;
    text-align:left;
    list-style-image:url(../imagens/tel.gif);
    margin:5px 0 0 60px;
}
.barra_localizacao{
    width:293px;
    height:1px;
    float:left;
    background:url(../imagens/barra_localizacao.jpg) no-repeat;
    margin:29px 0 0 26px;
}
.texto_localizacao{
    width:290px;
    float:left;
    color:#081e8c;
    text-align:left;
    font-size:16px;
    margin:10px 0 0 0;
}
.texto_localizacao ul{
    width:345px;
    float:left;
    text-align:left;
    list-style-type:none;
    margin:5px 0 0 60px;
}
.texto_localizacao ul li{
    padding-top:5px;
}
.texto_localizacao a{
    color:#566edc;
    float:left;
    font-size:16px;
    font-weight:700;
    margin:10px 0 0 65px;
}

/* ------------------------SolictOrc.php-----------------------------------*/

#orcamento{
    width:774px;
    height:auto;
    margin:0 auto 20px auto;
}
#orcamento h3{
    color:#1f3ed0;
    font-family:"Eras Demi ITC";
    font-size:28px;
    font-weight:300;
    float:left;
    margin: 0 0 0 42px;
}
#orcamento p{
    width:703px;
    float:left;
    color:#081e8c;
    font-family:"arial";
    font-size:11pt;
    text-align:left;
    margin:18px 0 0 35px;
}
#SolOrc{
    width:588px;
    height:auto;
    float:left;
    margin:30px 0 0 89px;
}
#SolOrc label{
    float:left;
    font-size:12pt;
    color:#081e8c;
    margin-top:15px;
}
#SolOrc input{
    float:left;
    border:#8396fe 1px solid;
    background-color:#e4e8fe;
    color:#9cabfe;
    font-size:18px;
}
#SolOrc textarea{
    width:585px;
    height:70px;
    float:left;
    border:#8396fe 1px solid;
    background-color:#e4e8fe;
    color:#9cabfe;
    font-size:18px;
}
.telOrc{
    float:left;
    width:588px;
}
.telOrc label{
    width:170px;
    text-align:left;
    float:left;
    margin:0 22px 0 0;
}
.input1{
    width:585px;
    height:22px;    
}
.input2{
    width:170px;
    height:22px;
    margin:0 20px 0 0;
}
.input3{
    float:right !important;
    margin:20px 150px 0 0;
}
.inputDominio{
    width:585px;
    height:22px;
    float:left;
    margin:0 0 0 0;
}
.duvida{
    float:left;
    margin:15px 0 0 5px;
    cursor:help;
}
.dominio{
    width:585px;
    float:left;
    color:#081e8c;    
    text-align:left;
}
.dominio label{
    margin:0 10px 0 0;
}
.radioS{
    margin:19px 10px 0 0;
}
.radioN{
    margin:19px 10px 0 0;
}
#Atual_Sit{
    width:585px;
    float:left;
    color:#081e8c;  

}
#Atual_Sit ul{
    width:585px;
    float:left;
    list-style-type:none;
    margin:10px 0 0 0;
}
#Atual_Sit ul li{
    width:585px;
    float:left;

}
/* ------------------------/SolictOrc.php-----------------------------------*/

/* ------------------------aviso dos campos do SolictOrc.php ----------------*/


.formError {
    position:absolute;
    top:300px; left:300px;
    padding-bottom:13px;
    display:block;
    z-index:5000;
}
.formError .formErrorContent {
    width:100%;
    background:#ee0101;
    color:#fff;
    width:150px;
    font-family:tahoma;
    font-size:11px;
    border:2px solid #ddd;
    box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
    padding:4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {background:#33be40;}

.yellowPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{
    position:absolute;
    bottom:0;left:20px;
    width:15px; height:15px;

    z-index:5001;
}
.formError .formErrorArrow div{
    border-left:2px solid #ddd;
    border-right:2px solid #ddd;
    box-shadow: 0px 2px 3px #444;
    -moz-box-shadow: 0px 2px 3px #444;
    -webkit-box-shadow: 0px 2px 3px #444;
    font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
}
.greenPopup .formErrorArrow div{background:#33be40;}
.yellowPopup .formErrorArrow div{background:#393939;color:#FFF;}

.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{width:1px;
                                  border-left:2px solid #ddd;
                                  border-right:2px solid #ddd;
                                  border-bottom:0px solid #ddd;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}


/* -----------------------/aviso dos campos do SolictOrc.php ----------------*/


/*------------------------mapa.php-----------------------------------*/
#mapa{
    width:774px;
    height:auto;
    margin:0 auto 20px auto;
}
#mapa h3{
    color:#1f3ed0;
    font-family:"Eras Demi ITC";
    font-size:28px;
    font-weight:300;
    float:left;
    margin: 0 0 0 42px;
}
#mapa p{
    width:486px;
    float:left;
    color:#1f3ed0;
    font-family:"arial";
    font-size:14px;
    text-align:left;
    margin:40px 0 20px -160px;
}
#mapa img{
    float:right;
    margin:5px 10px 0 0;
    border:none;
}
/*------------------------ /mapa.php-----------------------------------*/





/*---------------------Resposta dos formularios ---------------------------*/
#resposta {
    width:414px;
    height:242px;
    background-color:#bec7f5;
    margin-top: -121px;
    margin-left: -207px;
    left: 50%;
    top: 50%;
    display:none;
    position: fixed;
    z-index:500;
    border:#3245a2 2px solid;
}
.barra_resposta{
    width:414px;
    height:46px;
    background-color:#798ae7;
    position:relative;
}
.barra_resposta strong{
    color:#fff;
    font-size:22px;
    float:left;
    margin:8px 0 0 16px;
}
.barra_resposta a{
    float:right;
    color:#fff;
    font-size:22px;
    text-decoration:none;
    margin:10px 17px 0 0;
}
.respostaJquery{
    width:380px;
    float:left;
    color:#010935;
    text-align:left;
    margin:15px 0 0 15px;
}
.loader{
    margin-top: -33px;
    margin-left: -33px;
    left: 50%;
    top: 50%;
    position: fixed;
    display:none;
}
#mascara {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:none;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    background:#e4e8fe;
    opacity:.75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    z-index: 1;
}
/*---------------------/Resposta dos formularios ---------------------------*/


span.error {width:585px!important; background-color:#fff; text-align:left; position:relative; top:-30px; text-align:left; left:250px; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 14px }



/* ----------------------- Rodapé ----------------------------------- */

#rodape{
    width:100%;
    height:49px;
    background:url(../imagens/rodape.jpg) repeat-x;
    color:#fff;
    font-size:13px;
    line-height:50px;
}
#centro_rodape{
    width:774px;
    margin:0 auto auto auto;
}
#rodape img{
    float:right;
    margin:-34px 0 10px 0;
}