#LINHA-DE-SACRIFICIO { display: none; }
/* O bug invisivel vai quebrar a linha acima, mas o resto vai funcionar */

/* RESETANDO */
*{margin:0;padding:0;text-decoration:none;}

body{
    text-align:center;
    margin:0;
    padding:0;
    font:normal 14px/24px Arial, Tahoma, "Times New Roman";
    background:#ffffff url('../img/bg.jpg') repeat-x;
}

img{border:0;}

h1{margin-top:0;}

/* Tudo */
#Tudo{
    width:826px;
    margin:0 auto;
    text-align:left;
    background:#ffffff;
    padding:4px;
}

/* Topo */
#Topo{
    background:#ffffff url('../img/bg_topo.jpg') no-repeat;
    height:106px;
}

#Topo h1{
    position:relative;
    top:18px;
    left:10px;
    width:101px;
    height:66px;
    background:#ffffff url('../img/logo.jpg') no-repeat;
}

#Topo h1 span{display:none;}

#Topo div{
    font:bold 14px/24px Arial, Tahoma, "Times New Roman";
    text-transform:uppercase;
    color:#ffffff;
    margin-right:70px;
    margin-top:-40px;
    text-align:right;
}

#Topo div a,
#Topo div a:link,
#Topo div a:active,
#Topo div a:visited{color:#f5cc10;}

#Topo div a:hover{text-decoration:underline;}

/* Banner */
#banner{padding:4px 0px 4px 0px;}

/* MenuNav */
#MenuNav{
    background:#ffffff url('../img/bg_menu.jpg') no-repeat;
    height:47px;
    font:bold 14px/24px Arial, Tahoma, "Times New Roman";
    text-transform:uppercase;
    color:#ffffff;
}

#MenuNav ul{
    padding:12px 0px 0px 20px;
    list-style:none;
    float:left;
}

#MenuNav ul li{
    display:inline;
    margin:0;
    padding:0px 5px 0px 0px;
}

#MenuNav a,
#MenuNav a:active,
#MenuNav a:visited{
    color:#ffffff;
    text-decoration:none;
}

#MenuNav a:hover{text-decoration:underline;}

/* Conteudo */
#Conteudo{padding:20px 0px 20px 0px;}

/* Rodape */
#Rodape{
    margin-top:20px;
    border-top:2px solid #949597;
    text-align:center;
}

#Rodape p{font:normal 11px/34px Arial, Tahoma, "Times New Roman";}

#Rodape p a,
#Rodape p a:active,
#Rodape p a:link{
    color:#000000;
    text-decoration:none;
}

#Rodape p a:hover{text-decoration:underline;}

#Menu{
    font:bold 10px/24px Arial, Tahoma, "Times New Roman";
    text-transform:uppercase;
    color:#000000;
}

ul#Menu{list-style:none;}

ul#Menu li{
    text-align:center;
    display:inline;
    float:left;
    margin-left:20px;
}

ul#Menu a,
ul#Menu a:active,
ul#Menu a:visited{
    color:#000000;
    text-decoration:none;
}

ul#Menu a:hover span{text-decoration:underline;}

.clear{clear:both;}

#Produtos{
    width:555px;
    float:left;
    font:bold 10px/24px Arial, Tahoma, "Times New Roman";
    text-transform:uppercase;
    color:#000000;
}

#Produtos ul{list-style:none;}

#Produtos ul li{
    text-align:center;
    display:inline;
    float:left;
    margin-right:10px;
    padding-bottom:10px;
}

#Produtos ul a,
#Produtos ul a:active,
#Produtos ul a:visited{
    color:#000000;
    text-decoration:none;
}

#Produtos ul a:hover span{text-decoration:underline;}

#Explicacao{
    width:270px;
    float:right;
}

#Produtos .Box{
    cursor:pointer;
    display:none;
    background:#FCFCF5;
    border:1px solid #DDCCDD;
    position:relative;
    width:750px;
    height:500px;
    margin:35px 0px 0px 35px;
    padding:0px 0px 30px 0px;
}

#Produtos .Fechar{
    cursor:pointer;
    position:relative;
    top:-245px;
    left:15px;
    width:20px;
    height:20px;
    font-size:16px;
    color:#660000;
}

#Produtos .Thumb{
    cursor:pointer;
    float:left;
    text-align:center;
    display:block;
    height:138px;
    width:168px;
    background:url('../img/borda-imagem.gif');
}

#Texto{
    background:#79337b url('../img/bg_explicacao.jpg') no-repeat;
    color:#ffffff;
    padding:10px 20px 20px 20px;
    text-align:justify;
}

#Texto h2{
    padding:10px 0px 20px 0px;
    font:bold 30px/30px Arial, Tahoma, "Times New Roman";
    text-align:left;
}

#Texto p{font:normal 12px/24px Arial, Tahoma, "Times New Roman";}

#Texto.semfundo{
    background:#ffffff;
    color:#000000;
}

#FaleConosco{
    background:#79337b url('../img/bg_explicacao2.jpg') no-repeat;
    padding:41px;
}

#FaleConosco a{
    background:url('../img/fale_conosco.jpg') no-repeat;
    padding:20px 0px 20px 55px;
    font:bold 16px Arial, Tahoma, "Times New Roman";
    text-transform:uppercase;
    color:#ffffff;
}

#Fotos{text-align:center;}

#Fotos div{display:none;}

#BarraNavegacao{
    text-align:center;
    margin-top:10px;
}

.voltar{
    margin-top:-5px;
    padding-left:30px;
}

.campo{
    border:1px solid #cccccc;
    background:#f5f5f5;
    font:normal 12px Arial, Tahoma, "Times New Roman";
    padding:2px;
    color:#313131;
}

.campo:hover{background:#e0e0e0;}

form p{color:#80387a;}

.botao{
    padding:3px 15px 3px 15px;
    background:#62306d;
    font:normal 12px Arial, Tahoma, "Times New Roman";
    color:#fff;
    border:1px solid #cccccc;
    cursor:pointer;
}

.botao:hover{background:#80387a;}

.highslide-full-expand{display:none !important;}

.paginacao{
    text-align:center;
    width:230px;
    margin:0 auto;
}

.paginacao img{
    display:inline;
    float:left;
}

@media(max-width:855px){
    #Tudo{width:98% !important;}
    #Flash,#Flash *{width:100% !important;height:auto !important;}
    #Conteudo #Menu li{width:29.5% !important;margin-left:3% !important;}
    #Conteudo #Menu li img{width:100% !important;}
    #Topo div{margin-right:10px !important;}
    #Produtos{width:540px;float:left;}
    #Explicacao{width:200px !important;}
    #FaleConosco{padding:14px !important;width:172px !important;}
    #FaleConosco a{font-size:12px !important;}
}

@media(max-width:815px){
    #Produtos{width:366px !important;}
}

@media(max-width:750px){
    .highslide-gallery .thumb{float:left;}
    .highslide-gallery{width:420px !important;}
    #Topo *{font-size:13px !important;}
    #Topo div{margin-top:-59px;margin-left:112px;}
    .semfundo form,.semfundo textarea,.campo{max-width:85% !important;}
    #Texto h2{padding:0 !important;}
    .highslide-gallery .Thumb{float:left;margin:0px 10px 10px 0px !important;}
}

@media(max-width:600px){
    .highslide-gallery{width:200px !important;}
}

@media(max-width:590px){
    #Topo *{font-size:12px !important;}
    #Produtos{width:180px !important;}
    .voltar{margin-top:0 !important;padding-left:0 !important;width:46px !important;}
}

@media(max-width:400px){
    #Topo div{font-size:10px !important;}
    #Topo a{font-size:12px !important;}
    #Topo h1{margin-left:6px !important;}
    #Topo div{margin-right:6px !important;}
}