/* 
    Document   : estrutura
    Created on : 29/07/2013, 22:03:29
    Author     : Edson Kendi Maruyama
    Description:
        Hot Site iDocumentos
*/

root { 
    display: block;
}

*{margin:0px; padding:0px; font-family: Arial; font-size: 12px;}

body{}

#wrap_menu{height:100px;background:#f5f5f5;} /*Altura do Menu*/
#menu{width:980px; margin:0 auto;}
#navigation{float:right; position: relative; top:60px; z-index: 0; marigin-right:200px;}

#wrap_topo{}
#topo_logo{}
#topo_slide{height:267px; background:#832020;}
#topo_mini_slide{height:300px;}
#selo{width:124px; height:124px; position:absolute; top:300px; margin-left:870px; z-index: 9999;}

#wrap_conteudo{width:980px; margin:0 auto;}
#conteudo{min-height: 500px;}
#conteudo #col_esq{width:658px; height:308px; margin-right:0px;float:left;position:absolute;}

#layerslider img{
	background: url(../img/banner-topo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

#conteudo #col_dir{background:url(../images/sombra.png);width:300px; float:right;}
#conteudo #pense img{margin-top:50px; margin-bottom:50px;}

#wrap_rodape{background:#212121;height:475px;}
#rodape{width:980px; margin:0 auto; }
#rodape_esq{width:489px; height:405px;border-right: solid 1px ; float:left;}
#top_esq{margin-top:20px;}
#bottom_esq{ margin-top:20px;}
#bottom_esq #bottom_rodape_esq{width:224px;float:left; border-right: solid 1px;}
#bottom_esq #bottom_rodape_dir{widtrh:244px; margin-left:20px; float:left;}
#rodape_dir{width:460px;height:385px;float:left;}

#wrap_print{height:450px;}
#wrap_print img{margin-top:30px;}
#wrap_print p{font-family: 'Lato', sans-serif; font-size: 18px; margin-top:20px;}
#print_left{width:570px; height:320px; float:left; margin-top:20px;}
    #print_left ul li{height:40px;list-style: none; margin-top:24px; font-family: 'Lato', sans-serif;}
    #print_left ul li img{height:40px;list-style: none;}
    #print_left ul li span{width: 510px;position: absolute; margin-top:35px; margin-left:10px; font-family: 'Lato', sans-serif; font-size: 16px;}
#print_right{width:318px; height:320px; float:right;}

#wrap_bts{height:200px;}

#wrap_bts #bts{width:980px;height: 166px;float:left;}
#wrap_bts #bts img{margin:2px;}


#social-top{
    height:32px;
    position:absolute;
    margin-left:840px;
    *margin-left:575px;
    top:10px;
}

#social{
    text-align: left;
    position: fixed;
    left: auto;
    width: 100%;
    height:43px;
    bottom:0;
    background-image:url(../images/bg_barra.png);
    z-index:999;
}

#social-content{
    margin:0 auto;
    width:980px;
}

#social-texto{
    color:#fff;
    font-size:18px;
    font-family:arial;
    position:absolute;
    top:12px;
    padding-left:20px;
}

#social-fone{
    position:absolute;
    left:50%;
    margin-left:-132px;
    width:70px;
    height:60px;
}

#social-fone a{
    width:70px;
    height:50px;
    display:block;
    outline:none;
}

#social-atendimento{
    position:absolute;
    left:50%;
    margin-left:-57px;
    width:70px;
    height:60px;
}

#social-atendimento a{
    width:70px;
    height:60px;
    display:block;
    outline:none;
}

#social-mail{
    position:absolute;
    left:50%;
    margin-left:20px;
    width:70px;
    height:60px;
}

#social-mail a{
    width:70px;
    height:50px;
    display:block;
    outline:none;
}

#barra{
    background-image:url(../images/barra.png);
    width:699px;
    height:40px;
    margin-top:3px;
    z-index:1000;
}

#facebook, #twitter, #linkedin{
    position:absolute;
    margin-bottom:20px;
    top:13px;
    left:50%;
}

#plugins-redes{
    position:absolute;
    margin-bottom:20px;
    top:13px;
    left:50%;    
}

#facebook{
    margin-left:250px;
}

#twitter{
    margin-left:350px;
}

#linkedin{
    margin-left:425px;
}

#produto{min-height:2375px; background: url(../images/bg_produto.jpg) no-repeat; }
    #compartilhe{width: 550px;position:relative; top:220px; left:115px;}
    #converse{width: 550px;position:relative; top:370px; left:320px; text-align: right;}
    #acesse{width: 550px;position:relative; top:540px; left:115px;}
    #envie{width: 550px;position:relative; top:620px; left:115px;}
    #confira{width: 550px;position:relative; top:850px; left:320px; text-align: right;}
    #gerencie{width: 550px;position:relative; top:1024px; left:115px;}
    #facilite{width: 550px;position:relative; top:1172px; left:320px; text-align: right;}
    #ganhe{width: 550px;position:relative; top:1298px; left:30px;}
    
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #produto{min-height:2375px; background: url(../images/bg_produto.jpg) no-repeat; }
    #compartilhe{width: 550px;position:relative; top:220px; left:115px;}
    #converse{width: 550px;position:relative; top:370px; left:320px; text-align: right;}
    #acesse{width: 550px;position:relative; top:540px; left:115px;}
    #envie{width: 550px;position:relative; top:620px; left:115px;}
    #confira{width: 550px;position:relative; top:880px; left:320px; text-align: right;}
    #gerencie{width: 550px;position:relative; top:1030px; left:115px;}
    #facilite{width: 550px;position:relative; top:1170px; left:320px; text-align: right;}
    #ganhe{width: 550px;position:relative; top:1290px; left:30px;}
}
#wrap_melhorias{height:1670px;}
#melhorias{width:961px; height:1670px; background:url(../images/melhorias.jpg) no-repeat;position:absolute;}

#wrap_diferenciais{height:693px;}
#diferenciais{width:961px; height:693px; background:url(../images/diferencial.jpg) no-repeat;position:absolute;}
    
#form_contato{
    width:420px;
    margin-top:20px;
}

#form_contato input{
    width: 400px;
    height:30px;
    border:solid 1px #ccc;
}

#form_contato input.enviar{
    width:105px;
    height: 29px;
    margin-bottom: 20px;
    background: url(../images/enviar.png);
}

#form_home{background: blue;}
#formulario_home{
    position:absolute; left:320px; top:80px;
    margin:20px;
    width:315px;
    margin-left:0px;
}

#formulario_home p{color:white; font-weight: bold;}

#formulario_home input{
    width: 300px;
    height:30px;
    border:solid 1px #ccc;
}

#formulario_home #inp-email{
    width: 300px;
    height:30px;
    border:solid 1px #ccc;
}

#formulario_home input.enviar{
    width:300px;
    height:32px;
    padding:8px;
    background: url(../images/enviar_home.png);
    border:none;
}

.fleft{float:left;}
.fright{float:right;}

#comentarios_case{min-height:2050px;}
    .cases h2{font-size:20px; color: #ccc}
    .cases{width: 650px;position:relative;}
    .cases p a{float:right; line-height: 30px; margin-bottom:60px; color:#999; font-size: 16px;}
    .cases img{float:left; border:solid 1px #eee; margin-right:10px;}
    
    
.pg_contato{height:400px;}
img{border:none;}

.TabControl{ width:100%; overflow:hidden; height:320px} 
.TabControl #header{ width:100%; overflow:hidden; cursor:hand;} 
.TabControl #content{ width:100%; overflow:hidden; height:100%; } 
.TabControl .abas{display:inline;} 
.TabControl .abas li{float:left; list-style: none;} 
.aba{width:150px; height:30px; border-radius:5px 5px 0 0; text-align:center; padding-top:5px; background:#b71e20; color:white; } 
.aba span{font-size:16px;}
.ativa{width:150px; height:30px;  border-radius:5px 5px 0 0; text-align:center; padding-top:5px; background:#eee; } 
.ativa span, .selected span{color:#999;} 
.TabControl #content{background:#eee;} /*cor caixa central*/
.TabControl .conteudo{width:100%; background:#eee; display:none; height:100%;color:#999;} /*cor caixa central*/
.selected{width:150px; height:30px; border-radius:5px 5px 0 0; text-align:center; padding-top:5px; background:#eee;}


.selo{position: absolute; z-index: 99999; left:50%; margin-left: 366px; top:300px;}