/** Import Reset CSS **/

@import url("reset.css");

/** Import Google fonts **/

@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro");
@import url("http://fonts.googleapis.com/css?family=Archivo+Narrow");
@import url(http://fonts.googleapis.com/css?family=Dancing+Script:700);

/** Global Styles **/

html
{
    height: 100%;
    overflow: auto;

    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body
{
    font-family: "Source Sans Pro", Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #555555;
    padding: 0 0 25px 0;
    background: #222 url("../images/tema/bg.png") repeat;
}

::selection { background: #8CB9E7; color: #FFF; }
::-moz-selection { background: #8CB9E7; color: #FFF; }

a{
    text-decoration:none;
    color:inherit;
}

a:hover{
    text-decoration:underline;
}

/** CABEÇALHO **/
/** CABEÇALHO **/
/** CABEÇALHO **/

#fixedtop
{
    position: relative;

    width: 100%;
    min-width: 980px;

    margin-top:0px;

    height: 140px;
    min-height: 140px;
    max-height: 140px;

    background: #0E2745 url("../images/tema/bg-fixedtop.jpg") repeat;
    color: #444;
    z-index: 1000;

    text-shadow: 1px 1px 1px #333333;

    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0px 0px 10px #000;

    display: block;
}

#headercont
{
    width: 80%;
    max-width: 980px;
    margin: 0 auto;
}

#headercont > #headerleft
{
    float: left;
    width: 329px;
}

#headercont > #headerleft > a > img
{
    width: 329px;
    margin: 15px 0 0 0;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#headercont > #headerleft > a:hover > img
{
    opacity: 0.6;
}

#headercont > #headerright
{
    float: right;
    color: #FFFFFF;
    font-family: 'Dancing Script';
    font-size:27px;
    padding: 40px;
}


/** MENU **/
/** MENU **/
/** MENU **/

#menu-bar-maior
{
    position:relative;

    margin-top:-25px;
    padding:0;

    width:100%;
    max-width:100%;
    min-width:980px;

    height:50px;
    max-height:50px;
    min-height:50px;

    z-index:1500;
}

/** BARRA CENTRAL DO MENU **/
#menu-bar
{
    position:relative;

    width:800px;
    max-width:800px;
    min-width:800px;

    height:50px;
    max-height:50px;
    min-height:50px;
    margin:0 auto;
}

/** MENU DIREITO **/
#menu-bar > #menu-right
{
    position:relative;
    background: #254266 url("../images/tema/bg-menu-right.jpg") repeat;
    width:800px;
    max-width:800px;
    min-width:800px;

    height:inherit;
    float:left;
}
/** MENU DIREITO **/
#menu-right #barra-busca
{
    width:360px;
    max-width:360px;
    min-width:360px;

    height:inherit;
    float:left;
    padding-left:30px;
    padding-top:10px;

}

/** MENU DIREITO **/
#menu-right #barra-busca input[type="text"]
{
    width:290px;
    max-width:290px;
    min-width:290px;

    height:25px;
    float:left;
    margin-right: 10px;
    color:#818181;
    border:1px solid #D0D0D0;
}


/** MENU DIREITO **/
#menu-right #barra-busca input[type="image"]
{
    height:27px;
    margin-top:2px;
}

/** MENU DIREITO **/
#menu-right a { color: #8CB9E7; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#menu-right a:hover { color: #FFF; }

/** MENU DIREITO **/
#menu-right ul
{
    position:relative;
    float: left;
    margin: 5px 15px 0 0;
    padding-left:20px;
}

/** MENU DIREITO **/	
#menu-right > ul > li
{
    display: inline;
}
/** MENU DIREITO **/
#menu-right > ul > li > a
{
    float: left;
    line-height: 40px;
    padding: 0 12px;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: "Archivo Narrow", Arial, Helvetica, sans-serif;
}
/** MENU DIREITO **/	
#menu-right > ul > li > a:hover, #menu-right > ul > li.active > a
{
    color: #8CB9E7;
}

#menu-right > div.whatsapp {
    display: inline-flex;
    line-height: 40px;
    margin-right: 10px;
    float: right;
}

#menu-right > div.whatsapp img {
   max-width: 24px;
   max-height: 24px;
   margin: 12px 5px;
}

#menu-right > div.whatsapp span {
   margin-left: 5px;
   font-size: 22px;
   color: #8CB9E7;
   margin: 4px 5px;
   font-weight: 400;
   font-family: "Archivo Narrow", Arial, Helvetica, sans-serif;
}

/** MENU ESQUERDO **/
#menu-bar > #menu-left
{
    float:left;
    position:relative;
    background: #75ace3 url("../images/tema/bg-menu-left.jpg") repeat;
    margin:0 auto;

    width:200px;
    max-width:200px;
    min-width:200px;

    height:inherit;
    cursor:pointer;

}
/** MENU ESQUERDO **/
#menu-left:hover
{
    background: none;
    background-color:#0E2745;
}			

/** BANNER PAGINA PRINCIPAL **/						
#banner{
    position:relative;

    max-width: 980px;
    width: 980px;
    min-width: 980px;

    margin: 10px auto;
    z-index:1000;
}


#maincont
{
    position:relative;
    width: 100%;
    margin-top:-40px;
    margin-bottom: -15px;
    clear: both;
}

#maincont > #main
{
    overflow: hidden;
    width: 450px;
    min-width: 470px;
    max-width: 470px;
    margin: 50px 0 0 15px;
    padding: 0px 0 0 0;
    line-height: 22px;
    display:inline-block;
}

#main > p { margin: 0 0 20px 0; }
#main > h1, #main > h2, #main > h3, #main > h4, #main > h5 { margin: 0 0 20px 0; color: #FFF; font-weight: normal; font-family: "Archivo Narrow", Arial, Helvetica, sans-serif; }
#main > h1 { font-size: 30px; line-height: 30px; margin: 0 0 5px 0;}
#main > h2 { font-size: 28px; line-height: 28px; }
#main > h3 { font-size: 26px; line-height: 26px; }
#main > h4 { font-size: 24px; line-height: 24px; }
#main > h5 { font-size: 22px; line-height: 22px; }
#main > ul { margin: 0 0 15px 35px; list-style-type: square; }
#main > ul > li { padding: 0 0 0 2px; }
#main > ol { margin: 0 0 15px 35px; list-style-type: decimal; }
#main > ol > li { padding: 0 0 0 2px; }
#main > hr { clear: both; border: 0; height: 0; margin: 0 0 20px 0; border-top: 1px solid #000; border-bottom: 1px solid #222; }
#main > blockquote { background: #151515; border-left: 3px solid #E2761C; padding: 15px; margin: 0 0 15px 0; }


#vitrine
{
    padding-left:14px;
}

#vitrine > ul
{
    list-style-type: none;
    margin: 0 0 25px 0;
}


#vitrine > ul > li
{
    display: block;
    margin: 0 15px 15px 0;
    background:#FFFFFF;
    height:330px;
    width:450px;
    float:left;
    padding:0px;
}

#vitrine > ul > li .produto
{
    position:relative;
    border:2px solid #8CB9E7;

    width:436px;
    min-width:436px;
    max-width:436px;

    height:316px;
    min-height:316px;
    max-height:316px;

    margin:5px;
}

#vitrine > ul > li a
{
    text-decoration:none;
}

#vitrine > ul > li a:hover
{
    text-decoration:underline;
}

#vitrine > ul > li > .produto .mais_detalhes:hover
{
    background-color: #0E2745;
    color:#FFFFFF;
    border:0px;
}

#vitrine > ul > li > .produto .img-prod
{
    width:100%;

    height:160px;
    min-height:160px;
    max-height:160px;

    text-align:center;
    padding-top:20px;
    margin:0px 0px 10px 0px;
}

#vitrine > ul > li > .produto .titulo
{
    width:90%;
    text-align:left;
    color:#0E2745;
    font-weight:400;
    line-height:15px;
    padding:10px 40px;
    background: url(../images/tema/checked.png) no-repeat 10px center;
}

#vitrine > ul > li > .produto .preco
{
    width:100%;
    text-align:center;
    margin:0px;
    color:#0E2745;
    font-weight:bold;
    line-height:15px;

    height:30px;
    min-height:30px;
    max-height:30px;
}

#vitrine > ul > li > .produto .mais_detalhes
{
    width:110px;
    min-width:110px;
    max-width:110px;

    padding-top:5px;

    text-align:center;
    margin:0px auto 10px auto;
    color:#0E2745;
    line-height:15px;

    border:1px solid #8CB9E7;

    height:20px;
    min-height:20px;
    max-height:20px;
}

#vitrine > ul > li > .produto .mais_detalhes:hover
{
    background-color: #0E2745;
    color:#FFFFFF;
    border:0px;
}


#vitrine > ul > li:hover
{
    opacity: 1;
}


#vitrine > ul > li > a
{
    position: relative;
    float: left;
    width: 23%;
    margin: 0 1% 15px 1%;
}

#vitrine > ul > li > a > img
{
    width: 100%;
    height: auto;
    display: block;
}



/**conteúdo das paginas internas*/

#content-div-principal{
    position:relative;


    width:100%;
    min-width:980px;

    min-height:500px;
    height:auto;

    margin-top:-25px;
    margin-bottom:-25px;

    left:0px;
}

#content-div-border{

    position:relative;
    background-color:#FFFFFF;

    padding:0px 10px 10px 6px; 

    width:964px;
    min-width:964px;
    max-width:964px;

    min-height:500px;	  
    height:auto;	  

    margin:0px auto 10px auto;

    /*para corrigir o problema causado pelo overflow hidden*/
    top:-25px;
    padding-top: 25px;

}


#content-div{
    position:relative;

    overflow-x: hidden;
    overflow-y: hidden;
    clear: both;    

    border-left :2px solid #8CB9E7;
    border-right:2px solid #8CB9E7;
    border-bottom:2px solid #8CB9E7;

    min-height:inherit;
    height:inherit;

    width:954px;
    min-width:954px;
    max-width:954px;

    margin:0px auto;
}


/** PÁGINA DOS PRODUTOS**/			
/** PÁGINA DOS PRODUTOS**/			
/** PÁGINA DOS PRODUTOS**/			
#breadcrumb{
    position:relative;

    width:900px;
    min-width:900px;

    min-height:20px;	  
    height:20px;	  
    max-height:20px;	  

    margin:30px auto 0px auto;

    color: #555555;

}

#breadcrumb a{
    text-decoration:none;
    color:inherit;
    font-style:italic;
}

#breadcrumb > hr { clear: both; border: 0; height: 0; margin: 5px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #FFFFFF; }



#produto-detalhe{
    position:relative;

    width:900px;
    min-width:900px;

    min-height:400px;	  
    height:auto;	  

    margin:25px auto;
}


#produto-thumbs{
    position:relative;

    float:left;

    width:300px;
    min-width:300px;
    max-width:300px;

    min-height:420px;	  
    max-height:420px;	  
    height:420px;	  

    margin:0px;

}

#produto-titulo{
    position:relative	;

    width:570px;
    min-width:570px;
    max-width:570px;

    min-height:420px;	  
    max-height:420px;	  
    height:420px;	  

    margin-left:30px;

    float:left;
}


#produto-titulo h1{
    font-size:26px;
    letter-spacing:-1px;
    color:#f69e07;
    padding-bottom:20px;
}

#produto-titulo .titulo-esquerdo{
    float:left;
    width:350px;
    max-width:350px;
    margin:0;
    padding:0;
}

#produto-titulo .titulo-esquerdo .departamento {
    margin-bottom:20px;
}

#produto-titulo .titulo-esquerdo .preco-de {
    font-size:15px;
}

#produto-titulo .titulo-esquerdo .preco-por {
    font-size:26px;
    letter-spacing:-1px;
    color:#f69e07;
    padding-bottom:20px;
}

#produto-titulo .titulo-esquerdo .parcelamento {
    width:300px;
    margin:40px 0 10px 0;
    border:1px solid #818181;
}

#produto-titulo .titulo-esquerdo .parcelamento tr > td {
    width:50%;
    min-width:50%;
    max-width:50%;
    padding-left:10px;
}

#produto-titulo .titulo-esquerdo .parcelamento tr > td:first-of-type {
    border-right:1px solid #818181;
}

#produto-titulo .titulo-esquerdo .parcelamento thead {
    line-height:30px;
    text-align:center;
    color:#000000;
    font-size:16px;
    background-color:#d0d0d0;
}

#produto-titulo .titulo-esquerdo .parcelamento .clara {
    line-height:25px;
    background-color:#FFFFFF;
}

#produto-titulo .titulo-esquerdo .parcelamento .escura {
    line-height:25px;
    background-color:#E9E9E9;
}

#produto-titulo .titulo-direito{
    float:left;
    width:220px;
    max-width:220px;
    margin:0;
    padding:0;
    height:100px;
}

#produto-titulo .titulo-direito .solicitar-informacoes{
    width:100%;
    margin:0 auto;
    padding:0;
    border:1px solid #75ace3;
    border:1px solid #254266;
}

#produto-titulo .titulo-direito .solicitar-informacoes .tit-inf-sol{
    background-color:#75ace3;
    background-color:#254266;
    height:50px;
    text-align:center;
    color:#FFFFFF;
    font-size:16px;
    padding-top:10px;
    margin-bottom:10px;
}

#produto-titulo .titulo-direito .solicitar-informacoes p{
    padding:0;
    margin:0;
    line-height:20px;
}
#produto-titulo .titulo-direito .solicitar-informacoes p > span{
    padding:0 10px 0 10px;
    margin:0;
}

#produto-titulo .titulo-direito .solicitar-informacoes p input[type="text"]{
    border:1px solid #818181;
    width:200px;
}

#produto-titulo .titulo-direito .solicitar-informacoes .fim-inf-sol{
    height:30px;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}
#produto-titulo .titulo-direito .solicitar-informacoes p input[type="button"]{
    border:1px solid #818181;
    width:200px;
    height:30px;
    cursor:pointer;
    font-size:15px;
    background-color:#d0d0d0;
}

#produto-titulo .titulo-direito .solicitar-informacoes p input[type="button"]:hover{
    border:0px;
    background-color:#75ace3;
    background-color:#254266;
    color:#FFFFFF;
}

#produto-titulo > .titulo-direito > .contato {
    padding:1px;
    width:220px;
    min-width:220px;
    max-width:220px;

    height:105px;
    min-height:105px;
    max-height:105px;

    background-color:#75ACE3;
    background-color:#254266;
    color:#FFFFFF;
    margin:10px auto 0 auto;
}

#produto-titulo > .titulo-direito > .contato > .contato-borda {
    padding:1px;
    position:relative;
    width:206px;
    min-width:206px;
    max-width:206px;

    height:91px;
    min-height:91px;
    max-height:91px;

    border:2px solid #FFFFFF;
    margin:5px;
}


#produto-titulo > .titulo-direito > .contato > .contato-borda > .contato-frase {
    font-size:17px;
    margin:5px auto;
    text-align:center;
}

#produto-titulo > .titulo-direito > .contato > .contato-borda > .contato-celular {
    font-size:22px;
    margin:5px auto;
    text-align:right;
    padding-right:30px;
    background:url('../images/tema/cellphone.png') no-repeat 20px 3px;
    line-height:27px;
}

#produto-titulo > .titulo-direito > .contato > .contato-borda > .contato-fixo {
    font-size:22px;
    margin:5px auto;
    text-align:right;
    padding-right:30px;
    background:url('../images/tema/phone.png') no-repeat 20px 3px;
    line-height:27px;
}


#informacoes-produto{
    position:relative;

    width:900px;
    min-width:900px;

    min-height:100px;	  
    height:auto;	  

    margin:30px auto 30px auto; 
}				

#informacoes-produto h2{
    font-size:16px;
    text-transform:uppercase;
}				

#informacoes-produto #descricao-produto{
    padding:10px 20px;
    font-size:15px;
}				

#informacoes-produto  > hr { clear: both; border: 0; height: 0; margin: 5px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #FFFFFF; }

/**
 * FALE CONOSCO
 * FALE CONOSCO
 * FALE CONOSCO
 **/

#fale-conosco{
    width:600px;
    height:400px;
    margin: 80px 30px auto auto;
    padding:1px;
}

#fale-conosco .lado-contato{
    float: left;
    width:260px;
    height:330px;
    margin-right:30px;
}

#fale-conosco .lado-contato input[type='text']{
    width:255px;
    height:22px;
    margin-bottom:10px;
    border: 1px solid #818181;
}

#fale-conosco .lado-contato input[type='button']{
    width:255px;
    height:35px;
    margin:10px auto;
    border: 1px solid #818181;
    background-color: #d0d0d0;
    cursor: pointer;
    font-size:15px;
}

#fale-conosco .lado-contato input[type='button']:hover{
    background-color: #0E2745;   
    color: #FFFFFF;   
}


#fale-conosco .lado-contato span{
    font-size:16px;
    color:#818181;
    font-weight: 400;
    line-height:22px;
}
#fale-conosco .lado-contato textarea{
    resize: none;
    width: 255px;
    height: 100px;
    border: 1px solid #818181;
    margin-bottom: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
}

#fale-conosco .lado-dados{
    float: left;
    height:100%;
    font-size:16px;
    margin-top: -10px;
}

#fale-conosco .lado-dados h1{
    font-size:25px;
    margin-bottom: 30px;
}
#fale-conosco .lado-dados h3{
    font-size:18px;
    margin-bottom: 5px;
}

#fale-conosco .lado-dados p{
    margin-bottom: 25px;
    line-height: 21px;
}

#fale-conosco .lado-dados img{
    float:left;
    border:0px;
    margin-top:3px;
    margin-right:5px;
}




/**
 * MIDIAS SOCIAIS
 **/			

#div-facebook{
    float:left;
    width:90px;
    min-width:90px;
    max-width:100px;
}				

#div-gplus{
    float:left;
    width:65px;
    min-width:65px;
    max-width:75px;
}				

#div-twitter{
    float:left;
    width:105px;
    min-width:105px;
    max-width:115px;
}				


/** PAGINA DE LISTAGEM **/			
/** PAGINA DE LISTAGEM **/			
/** PAGINA DE LISTAGEM **/			

#div-esquerda-categorias{
    position: relative;
    min-width:200px;
    width:200px;
    max-width:200px;

    min-height:100px;
    height:auto;

    float:left;

    margin:70px 0 0 10px;
    border:1px solid #0E2745;
}

#div-esquerda-categorias .tit{
    background-color:#0E2745;
    height:35px;
    line-height:35px;
    font-size:16px;
    color:#FFFFFF;
    text-transform: uppercase;
}

#div-esquerda-categorias li{
    position: relative;
    height:20px;
    line-height:20px;
    width:185px;
    font-size:14px;
    text-transform: uppercase;
    border-bottom:1px solid #0E2745;
    cursor:pointer;
    padding-left:15px;
}

#div-esquerda-categorias .ultima{
    border-bottom:0px;
}


#div-direita-lista{
    float:left;
    padding:1px;
    width: 740px;
    height: auto;

    margin:40px 0 0 0px;
}

#paginacao{
    clear: both;
    position: relative;
    width: 300px;
    height: 40px;
    margin:30px auto;
}

#paginacao li{
    float:left;
    line-height: 25px;
    padding:0 10px 0 10px;
    font-size:16px;
    border-right: 1px solid #0E2745;
    color:#0E2745;
    cursor:pointer;
}


#paginacao li:hover{
    background-color: #0E2745;
    color: #FFFFFF;
}

#paginacao .active{
    background-color: #0E2745;
    color: #FFFFFF;
    font-weight: bold;
}
#paginacao p{
    clear: both;
    padding:10px;
    text-align: center;
    margin: 20px auto;
}

#paginacao .primeiro{
    border-left: 1px solid #0E2745;
}


/** Footer **/

#footer-externo{
    position:relative;
    min-width:100%; 
    width:100%; 
}

#footer-externo > #footercont
{
    position:relative;
    width: 980px;
    min-width: 980px;
    max-width: 980px;

    min-height:60px;

    margin:0px auto;


}

#footer-externo > #footercont > p
{
    width: 80%;
    max-width: 980px;
    color: #777;
    line-height: 22px;
    font-size: 13px; 
    text-align: left;
}

#footer-externo > #footercont > hr { clear: both; border: 0; height: 0; margin: 20px 0 5px 0; border-top: 1px solid #000; border-bottom: 1px solid #222; }