/* 
    Document   : site_estrutura
    Created on : 25/07/2012, 16:22:33
    Author     : Edson Kendi Maruyama
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{
    margin:0px;
    padding:0px;
}

::selection {
    color: red;
}

body{min-width:960px;}

#wrap_top{
    height:92px;
    background:url(../img/bg_menu.png) #000 left 30px repeat-x;
}

#wrap_top #menu_fixed{
/*    display:none;*/
    width:100%;
    height:30px;
    background: black;
    z-index:4;
}


#wrap_top #menu{
    width:960px;
    height:62px;
    position: absolute;
    margin-left: 50%;
    left:-480px;
    top:30px;
    z-index:3;
}

#menu ul{
    float:right;
    height:62px;
    background: url(../img/bg_menu_ul.png) right top no-repeat;
    list-style-type:none;
}

#menu ul li{
    float:left;
    position:relative;
}

#menu ul li a#nav-inicio{
    padding-left:0px;
}

#menu ul li a#nav-contato{
    padding-right:0px;
}

#menu ul li a{
	padding-left:21px;
	padding-right:21px;
    height:62px;
    display:inline-block;
    line-height:62px;
}

#wrap_top #menu #logo{
    width:173px;
    position:absolute;
    z-index:2;
}

#wrap_top #menu #logo img{
    border:none;
}

#slide{
    height:460px;
    background:url(../img/slide1.jpg) center no-repeat;
}
#slide #redes{
    position: absolute;
    top:490px;
    width:960px;
    margin-left:50%;
    left:-480px;
}

#wrap_geral{
    position: absolute;
    width:100%;
}

#wrap_slide_itens{
    width:100%;
    position: absolute;
    top: 520px;
    height:260px;
    background:url(../img/bg_slide_itens.png) left 32px repeat-x;
}

#slide_itens{
    width:960px;
    margin:0 auto;
}

#slide_itens #box1, #box2, #box3{
    width:203px;
    height:203px;
    background: url(../img/box_slide_itens.png);
    float:right;
    margin:0px 5px;
    text-align: center;
    margin:10px;
}

#wrap_conteudo{
    clear:both;
    width:960px;
    margin:0 auto;
}

#wrap_rodape{
    width:100%;
    height:485px;
    background: url(../img/bg_rodape.png);
}
#rodape{
    margin:0 auto;
    width:960px;
}

.fleft{float:left;}
.fright{float:right;}
.pg_home_min{top:780px;min-height:540px;}
.pg_paginas, .pg_home{top:780px;}
.pg_empresa{min-height: 180px;}
.pg_servicos{min-height:500px;}
.pg_contato{min-height:500px;}
.pg_obrigado{min-height:250px;}

.redes{
    margin-top:20px;
}

#box-rodape #box-rodape4{
    margin-top:10px;
    width:340px;
    height: 300px;
    overflow: auto;
}

#box-rodape #box-rodape1{
    width:300px;
}

#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(../img/enviar.png)
}



#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(../img/bg_barra.png);
    z-index:999;
}

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


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

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

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

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

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

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

#facebook{
    margin-left:250px;
}

#twitter{
    margin-left:350px;
}

#linkedin{
    margin-left:425px;
}

#wrap_conteudo p{
    height:100%;
    margin-bottom:20px;
}


#produtos{
    background-image: url(../imgs/sombra.jpg);
    background-repeat:no-repeat;
    padding-top:5px;
    clear:both;
}

#produtos1{
    width:460px;
    float:left;
    margin-right:20px;
}

#produtos2{
    float:left;
}

#box1 a, #box2 a, #box3 a{
    position: absolute;
    width:203px;
    height:203px;
    display:block;
}