/* CSS RESET: início
*/
* {outline: 0;
   padding: 0;
   margin: 0;
   border: 0;
}

html:after, div:after, ol:after, li:after, form:after, ul:after, dl:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;

}
body,textarea {font: normal normal normal  13px/ 1.3em "Trebuchet MS", arial;}
img {text-decoration: none;}
label, button {cursor: pointer;}
ol, ul, nav ul {list-style: none;}
p {margin: 1em 0;}

/* CONTEUDO DO SITE INTERNO--*/

.conteudoInterna{
    min-height:320px;
}

.conteudoInterna ul,.conteudoInterna ol  {
    margin-left:30px;
}
.conteudoInterna blockquote{
    margin: 10px 40px;
}
.conteudoInterna ul li {
    margin:5px 0;
    list-style:disc;
}
.conteudoInterna ol li {
    margin:5px 0;
    list-style:decimal;
}
.conteudoInterna a{
    text-decoration: underline;
}



/* CSS RESET: fim */


/* ----- Links ----- */
a	    {color: #CC0000; text-decoration: none; cursor: pointer;}
a:visited   {color: #CC0000; text-decoration: none;}
a:hover	    {color: #990000; text-decoration: none;}


/* ----- Estrutura ----- */
body {

}

#geral {
    width:100%;

}

.wrapper {
    width:980px;
    margin:0 auto;
    overflow: hidden;
    position:relative;
}

/* TOPO ----------------------------------------------------*/
#topo {
    width:100%;

}

#topo .wrapper{
    overflow:visible;
}

#topo .logo{
    width:264px;
    height:50px;
    overflow:hidden;
    display:block;
    background:url(../img/logo.png) no-repeat center top;
    position:absolute;
    z-index:9996;
    top:25px;
    left:70px;

}

#topo .logo:hover{

}

#topo .bgMenu{
    position:absolute;
    width:903px;
    height:96px;
    background:url(../img/bg-menu.png) no-repeat center top;
    top:0;
    z-index:9995;
    left:40px;

}

#topo .menu{
    right:0;
    width:578px;
    position:absolute;
    top:26px;
}

#topo .menu>li{
    background:url(../img/sep.png) no-repeat right;
    float: left;
}

#topo .menu a{
    display:block; 
    font-family: 'SurfaceMedium';
    font-size:19px;
    text-transform:uppercase;
    color:#FFF;
    padding:0 10px;
    height:47px;
    line-height:47px;
}

#topo .menu a:hover{
    background:url(../img/menu-hover.png);


}

#topo .menu ul { position: absolute; left: auto; z-index: 99999!Important; display: none; margin-left: 0!important; width: 95px; top: 45px;background:#333; }
#topo .menu ul li { float: none; z-index: 9998; text-align: center; padding: 0!important; font-weight: normal!important; margin-top: 0;  background-image: none!important;  }
#topo .menu ul li a { font-size: 18px; text-transform: none!important; color: #FFF;line-height: 22px!important; height: 22px!important; padding: 0px!important; border-bottom:1px solid #ccc; color:#FFF;text-transform:uppercase !important;text-align:left;padding: 5px 0 5px 10% !important}
#topo .menu ul li a:hover {background:url(../img/menu-hover.png)!important; color:#FFF; }
#topo .menu ul li ul { position: absolute; z-index: 2147483647; display: none; top: 0px; border-top: 0; width: auto; right: 50px; }
#topo .menu ul li ul li { background: #EBC643; display: block; }
#topo .menu ul li ul li a { color: #000 }
#topo .menu ul li ul li a:hover { color: #FFF!important }


.banner{
	height:378px;
}

.boxes{
    width:957px;
    height:243px;
    overflow:hidden;
    position:absolute;
    top:335px;
    left:14px;
    z-index:9996;

}

.boxes ul li{
    float:left;
    width:234px;
    height:242px;
    overflow:hidden;
    background:url(../img/bg-li-box.png) no-repeat center top;
    margin-right:5px;
}

.boxes ul li a{
	display:block;
	height:242px;
}

.boxes ul li:hover{
    background-position:0 -242px;
}

.boxes ul li .tituloBoxes{
    font-family: 'ArialRoundedMTBoldRegular';
    font-size:16px;
    color:#000;
    display:block;
    margin-top:22px;
    margin-left:18px;

}

.boxes ul li .bemVindo{
    width:150px;
    height:52px;
    overflow:hidden;
    display:block;
    margin-left:17px;
    margin-top:17px;
}

.boxes ul li .bemVindo b{
    font-family: 'AllerRegular';
    font-size:18px;
    color:#000;
    font-weight:normal;
    margin-bottom:7px;
    display:block;
    text-indent:20px;

}

.boxes ul li .bemVindo strong{
    font-family: 'AllerRegular';
    font-size:22px;
    font-weight:normal;
    display:block;
    color:#D92519;
    text-indent:46px;
}

.boxes ul li .descricaoEmpresa{
    display:block;
    width:209px;
    height:84px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#666;
    overflow:hidden;
    margin-left:10px;
}

.boxes ul li img{
    margin:0 13px;
    width:204px;
    margin-top:15px!important;
}

.boxes ul li img:hover{
    opacity:0.7;
    filter:alpha(opacity=70); 
}

.boxes ul li .tituloBoxes2{
    font-family:Verdana, Geneva, sans-serif;
    color:#BF9226;
    display:block;
    font-size:11px;
    text-indent:15px;
    font-weight:bold;
    height:18px;
    overflow:hidden;
}

.boxes ul li .descricaoBoxes{
    font-family:Verdana, Geneva, sans-serif;
    color:#666;
    display:block;
    font-size:11px;
    margin-left:14px;
    width:209px;
    overflow:hidden;

}

/* CONTEUDO DO SITE----------------------------------------------------*/
#main {
    width:100%;

}


#main .promocoes{
    width:601px;
    height:238px;
    overflow:hidden;
    float:left;
    background:url(../img/bg-promocoes.png) no-repeat center bottom;
    margin-top:260px;
    position:relative;
}

#main .promocoes .tituloPromocoes{
    font-family: 'AllerRegular';
    font-size:22px;
    color:#000;

}

#main .promocoes ul{
    margin-top:50px;
    margin-left:30px;
}

#main .promocoes .fotoPromocoes{
    width:179px;
    height:149px;
    overflow:hidden;
    float:left;
    background:url(../img/bg-foto-promocoes.png) no-repeat center top;
    display:block;
    margin-right:25px;
}

#main .promocoes .fotoPromocoes img{
    width:128px;
    height:126px;
    overflow:hidden;
    margin:10px 23px;
}

#main .promocoes .tituloProduto{
    font-size:18px;
    font-family: 'AllerRegular';
    color:#000;
    display:block;
    margin-bottom:22px;
    float:left;
    width: 200px;
}

#main .promocoes .descricaoProduto{
    font-size:19px;
    display:block;
    width:247px;
    float:left;
    font-family: 'AllerRegular';
    color:#FFC308;
    line-height:27px;
    float:left;

}

#main .promocoes .estoque{
    font-family: 'AllerRegular';
    font-size:15px;
    color:#FFC308;
    display:block;
    float:left;
    font-weight:bold;
    margin-top:10px;
}

.nav {
    position:absolute;
    z-index:9996;
    bottom:20px;
    left:230px;
    bottom:10px;
    top:190px;
}
.nav a {
    background:url(../img/bg-fundo-pag-banner.png) no-repeat;
    display:block;
    width:23px;
    height:23px;
    color:#FFF;
    text-align:center;
    padding-top:1px;
    float:left;
    margin:2px;
    font-weight:bold;
    line-height:25px;
    font-size:0px;
}
.nav a.activeSlide{
    background-position:-23px 0;
    color:#FFF;
}

#main .conheca{
    width:324px;
    height:226px;
    overflow:hidden;
    background:url(../img/bg-conheca.png) no-repeat top center;
    float:right;
    margin-top:255px;
}

#main .conheca:hover{
    opacity:0.8;
    filter:alpha(opacity=80); 
}

#main .conheca .cliqueMaqguel{
    display:block;
    width:222px;
    height:187px;
    background:url(../img/i-maqguel.png) no-repeat center top;
    margin:0 auto;
    margin-top:43px!important;
}

#main .selo{
    width:324px;
	display:block;
	background:url(../img/selo.png) no-repeat center top;
	overflow:hidden;
	float:right;
	margin-top:277px;
    height:226px;
}

.titulo{
    height:37x;
    font-family: 'AllerRegular';
    color:#000;
    padding-bottom:10px;
    font-weight:normal;
    border-bottom:1px solid #CCC;
    font-size:22px;
    position:relative;
    margin-top:23px;
    margin-bottom:15px;

}

.titulo .logoTitulo{
    right:0;
    width:157px;
    height:28px;
    overflow:hidden;
    background:url(../img/logo-maqguel.png) no-repeat;
    top:0;
    display:block;
    position:absolute;
}

.fotosInt{
    margin:10px 0;
}

.fotosInt img{
    float:left;
    margin:0 55px;
}

.lista{
}

.lista ul li{
    list-style:none;
}

.lista ul li a{
    display:block;
    height:16px;
    background:url(../img/arrow.png) no-repeat 0 0;
    text-indent:35px;
    text-decoration:none;
    margin-bottom:10px;
    font-weight:bold;
}

.lista ul li a:hover{
    color:#000;
}

.listaBox{
}

.listaBox ul li{
    list-style: none;
    margin: 9px;
    border-radius: 5px;
    background: #FCFCFC;
    border: 1px solid #BBB;
    box-shadow: 0 0 3px #bbb;
    width: 296px;
    height: 185px;
    text-align: center;
    float:left;
}

.listaBox ul li:hover{
    box-shadow: 0 0 5px #000;

}

.listaBox ul li a{
    text-decoration:none;
    color:#666;
}

.listaBox ul li .imgBox{
    display:block;
    overflow:hidden;
    width:250px;
    margin:7px auto;
}

.listaBox ul li .tituloProduto{
    color:#dc231b;
    font-weight:bold;
    font-size:15px;
    margin-bottom:5px;
    display:block;
}

.listaBox ul li .descricaoBox{
    display:block;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    margin:0 10px;
    height:50px;
    overflow:hidden;

}

.imgDetalhes{
    float:left;
    margin-right:15px;
    border-radius: 5px;
    background: #FCFCFC;
    border: 1px solid #BBB;
    box-shadow: 0 0 3px #bbb;
    padding:10px;
}

.tituloCategoria{
    border-radius: 5px;
    background: #636260;
    border: 1px solid #BBB;
    box-shadow: 0 0 3px #bbb;
    color:#FFF;
    font-size:14px;
    text-indent:10px;
    padding:5px 0;
    margin-top:30px;
    clear:both;
}

/* RODAPE DO SITE----------------------------------------------------*/
#rodape {
    width:100%;
    margin-top:15px;
}

#rodape .endereco{
    width:980px;
    height:40px;
    clear:both;
    margin:0 auto;
    background:#000;
    overflow:hidden;
    line-height:40px;
    margin-bottom:7px!important;
}

#rodape .endereco address{
    color:#FFF;
    font-size:16px;
    font-family: 'AllerRegular';
    font-style:normal;
    text-indent:80px;
    float:left;
    margin-right:15px;

}

#rodape .telRodape{
    font-family: 'AllerRegular';
    float:left;
    font-size:17px;
    color:#FFF;
    background:url(../img/i-tel.png) no-repeat left;
    text-indent:33px;
}

#rodape .copy{
    text-align:center;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    clear:both;
    color:#333;
}

#rodape .menu{

}

#rodape .menu>li{
    float: left;
}

#rodape .menu a{
    display:block; 
}

#rodape .menu a:hover{

}

/* FORMULARIOS DO SITE----------------------------------------------------*/
.formulario form {
    display: block;
    text-align: center;
}

.formulario form .form {
    float:left;
    width: 650px;
    text-align: left;
    margin-top:15px;
    margin-left: 100px;	
}

form label, fieldset {
    display: block;
    clear: both;
    font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 276%;
    color: #333;
    text-align: left;
}
.formulario  form label, fieldset {
    display: block;
    clear: both;
    font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 270%;
    color: #333;
    text-align: left;
}

.formulario  form label{
    font-weight:normal;
    float:left;
}

.formulario label {
    font: normal 12px Verdana, Geneva, sans-serif;
    color: #333;
}

.formulario form fieldset label {
    float: left;
    clear: none;
    width: auto;
}

.formulario  form .padrao {
    width: 476px;
    height:23px;
}

.formulario  form .umterco {
    width: 125px;
}

.formulario  form .doistercos {
    width: 158px;
}

.formulario  form label.falsete {
    margin: 0 5px 0 0;
}

.formulario  form fieldset.radio label {
    font: normal 12px Verdana, Geneva, sans-serif;
    color: #25463D;
    margin: 0 10px 0 0;
    line-height: 180%;
}


.formulario form .form textarea{
    height:50px!important;
}


.Formulario {
    border: 1px solid #999999!important;
    margin: 5px 0;
}
.botao {
    background:url(../img/bt-form.png) no-repeat top center;
    color: #fff;
    font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    height:27px;
    width:86px;
    line-height:23px;
    margin-left:123px;
    border: none;
    font-weight:normal;
}

.botao:hover{
    background-position:0 -27px;
    cursor:pointer;
}
.email .botao {
    float:left;
}
.email strong {
    font:bold 10px Verdana, Geneva, sans-serif;
    float:left;
    margin:5px 0 0 10px;
}
#bancos{
    width:700px;
    display:inline-block;
    margin-top:2px;
}
.bc1{
    width:153px;
    height:63px;
    border:#999 solid 1px;
    margin:7px 0 0 10px;
    float:left;

}

/* erro Form */
.form label.error {
    font-size:12px;
    margin-left: 10px;
    width: 100%;
    display: inline;
    color:#F00;
    display:none;
}


.ui-dialog,.ui-widget,.ui-widget-content,.ui-corner-all,.ui-draggable{ z-index:9999!important;}

.btOrcamento{
	display:block;
	background:#F00;
	color:#FFF!important;
	text-align:center;
	clear:both;
	font-family: 'AllerRegular';
	font-size:18px;
	text-decoration:none!important;
	width:20%;
	padding:10px;
	margin:0 auto;
}

.btOrcamento:hover{
	background:#000;
}

/*pagina popup*/
.geral_popup{
        width:660px;
        border: solid 2px #fff;
        position: fixed;
        top:15%;
        left:50%;
        margin-left:-330px;
        z-index: 9997;
        color:#000;
        visibility:visible;
        line-height:35px;
        padding:20px;
        background-color:#fff;
        font-family:'SurfaceMedium';
        font-size:18px;

    }
.btn_fecha{
    position:relative;
    background:url(../img/btn_fechar.png) no-repeat center top;
    width:35px;
    height:35px;
    float:right;
    top:-40px;
    left:40px;
    cursor:pointer;
 }
.bg_b{background-color:#000;position:absolute;z-index:9997;width:100%;height:100%;opacity:0.5;display:block;}