/*  site grande */

.body{
margin:0px auto;

}

#logotipo_pequeno{
display:none;
}

#logotipo_grande{
display:block;
}



.montra{
z-index:100 !important;
width:100%;
height:66%;
background:#333333;
}

.montra div{
width:100%;
height:12%;
min-height:80px;
background:#ffffff;
float:left;
z-index:40;
}

.montra div div {
position:relative;
top:0px;
left:5%;
width:50%;
min-height:50px;
height:auto;
margin:0px auto !important;
background:#ffffff;
border-radius:7px;
padding:1%;
float:left;
z-index:40;;
}

.montra div div img{
margin:0px auto;
width:auto;
height:60px;
background:#ffffff;
text-align:center;
float:left;
}

.montra div div h1{
font-family:"arial";
font-weight:normal;
font-size:1.6em;
/*color:#0f4070;*/
color:#116699;
float:left;
background:#ffffff;
margin-left:2%;
}

.montra_display{
width:100%;
height:100% !important;
background:url('img/lojas_01a.png') no-repeat;
background-size:auto 100% !important;
z-index:2;
overflow:hidden;
/*border-bottom:1px solid #116699;
border-top:1px solid #116699;*/
}





.montra_display img{
margin:0px auto;
width:100%;
height:100%;
background:transparent;
text-align:center;
opacity:1;
}


.montra_display h1{
position:relative;
bottom:900px;
font-family:"arial";
font-weight:normal;
font-size:4.6em;
color:#ffffff;
padding-left:4%;

}



#shadow {
position:relative;
top:-100%;
/*top:-78%;*/
left:0px;
/*height:75%;*/
height:95%;
width:100% !important;
/*background:#0f4070;*/
background:#116699;
opacity:.0;
float:left;
z-index:0;
}

 
#shadow:hover{
opacity:.6;
}

#shadow h2:hover{
opacity:.6;
}

/*
.montra_display h2{
position:relative;
bottom:900px;;
font-family:"arial";
font-weight:bold;
font-size:2.6em;
color:#ffffff;
padding-left:4%;

}
*/


.montra_display a{
position:relative;
/*bottom:1020px;;*/
top:-180%;
font-family:"arial";
font-weight:normal;
font-size:.9em;
color:#ffffff;
/*background:#0f4070;*/
/*background:#0299f4;*/
background:#116699;
padding:10px;
margin-left:0%;
border-radius:4px;
/*border:1px solid #ffffff;*/
cursor:pointer;
text-decoration:none;
z-index:2 !important;
}

.montra_display_on {

width:90% !important;
/*position:relative !important;
top:-100px !important;
*/
background:transparent !important;
position:relative ;
top:-170% ;
float:left;
height:auto;
}


.montra_display_on h2{
background:#ffffff;
font-family:"arial";
font-weight:bold;
font-size:3.6em;
/*color:#0f4070;*/
color:#116699;
padding-left:4%;
padding:2%;
/*position:relative;
bottom:1000px;*/
/*border:1px solid #116699;*/
border-radius:4px;

}

.montra_display_on a{
}

.montra_next{
width:100%;
height:33%;
background:#ffffff;
}

.montra_next div {
width:21.8%;
height:63.5%;
margin-right:1%;
margin-left:1%;
/*background:#0f4070;*/
background:#ffffff;
border:1px solid #116699;
padding:.5%;
margin-top:1%;
float:left;
border-radius:4px;

}

.montra_next div img{
width:100%;
height:75%;
background:#ffffff;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
border-radius:4px;

}

.montra_next div h1{
font-family:"arial";
font-weight:normal;
font-size:1.3em;
color:#116699;
text-align:left;
}

.montra_next div h3{
font-family:"arial";
font-weight:bold;
font-size:.8em;
color:#ffffff;
}

.montra_next div h5{
font-family:"arial";
font-weight:normal;
font-size:.6em;
color:#116699;
background:#ffffff;
padding:2%;
position:relative;
top:-41%;
}

.montra_next div p{
font-family:"arial";
font-weight:normal;
font-size:1.0em;
color:#ffffff;
}

.montra_next a{
position:relative;
top:-44px;;
font-family:"arial";
font-weight:normal;
font-size:.8em;
/*color:#ffffff;*/
/*background:#0f4070;*/
/*background:#0299f4;*/
background:#116699;
color:#ffffff;
padding:10px;
margin-left:4%;
border-radius:4px;
border:1px solid #ffffff;
cursor:pointer;
text-decoration:none;
z-index:2 !important;
float:right;
}

.menu{
width:100%;
height:60px;
background:transparent;
position:absolute;
top:17%;
z-index:40;
}


.menu div {
margin:0px auto;
/*max-width:900px;*/
widht:100%;
}

.menu div div {
width:4.5% !important;
margin-left:2%;
margin-right:2%;
float:left;
background:#ffffff;
border-radius:20px;
/*text-align:center;*/
}

.menu div div a{
width:100%;
font-family:"arial";
font-weight:bolder;
font-size:400%;
/*color:#0f4070;*/
color:#116699;
padding-left:12%;
padding-right:12%;
text-decoration:none;
cursor:pointer;

}

.menu div div h1{
font-family:"arial";
font-weight:normal;
font-size:1.2em;
color:#000000;
text-align:center;
}


.pagina{
display:none;
width:100%;
heihgt:100px;
/*background:#0f4070;*/
background:#116699;
float:left;

padding-top:2%;
padding-bottom:2%;
}

.pagina div{

padding-top:2%;
padding-bottom:2%;
/*max-width:900px;
margin:0px auto;*/
margin-left:4%;

border-radius:9px;
}

.pagina img{
/*width:100%;
height:250px;*/
border-radius:9px;
}


.pagina div h1{

font-family:"arial";
font-weight:bold;
font-size:4.6em;
/*color:#ffffff;*/
color:#6699C4;

}
 
.pagina div h2{
background:#ffffff;
padding:2%;
font-family:"arial";
font-weight:normal;
font-size:2.6em;
color:#116699;


}

.pagina div h3{

font-family:"arial";
font-weight:normal;
font-size:1.6em;
color:#6699C4;


}

.pagina div h4{

font-family:"arial";
font-weight:bold;
font-size:1.2em;
color:#ffffff;


}

.pagina div p{

font-family:"arial";
font-weight:normal;
font-size:1.0em;
color:#ffffff;


}

.pagina div  a {
font-family:"arial";
font-weight:normal;
font-size:1em;
color:#116699;
background:#ffffff;
padding:10px;
border-radius:4px;
border:1px solid #ffffff;
cursor:pointer;
text-decoration:none;

}



.promocao{
width:100%;
heihgt:100px;
background:#ffffff;
float:left;
}

.promocao div{
text-align:center;
padding-top:2%;
padding-bottom:2%;
/*max-width:900px;*/
margin:0px auto;
margin-left:2%;
}

.promocao div div{
width:40%;
background:#ffffff;
border-radius:9px;
padding:2%;
margin-right:2%;
margin-left:2%;
float:left;
border:1px solid #0f4070 !important;
border:none;
margin-bottom:4%;
}

.promocao div div img{
width:80px;
height:80px;

}

.promocao div div h1{

font-family:"arial";
font-weight:bold;
font-size:2.6em;
color:#0f4070;

}
 
.promocao div div h2{

font-family:"arial";
font-weight:normal;
font-size:1.4em;
color:#6699D4;


}

.promocao div div p{

font-family:"arial";
font-weight:normal;
font-size:1em;
color:#6699D4;


}



.promocao_lentes{
width:100%;
heihgt:100px;
background:#ffffff;
float:left;
}

.promocao_lentes div{
text-align:center;
padding-top:2%;
padding-bottom:2%;
/*max-width:900px;*/
margin:0px auto;
margin-left:2%;
}

.promocao_lentes div div{
width:90%;
/*background:#0f4070;*/
background:#ffffff;
border-radius:9px;
padding:2%;
margin-right:2%;
margin-left:2%;
float:left;
border:1px solid #0f4070 !important;
border:none;
margin-bottom:4%;
}

.promocao_lentes div div img{
width:auto;
height:200px;

}

.promocao_lentes div div h1{

font-family:"arial";
font-weight:bold;
font-size:2.6em;
color:#116699;

}
 

.promocao_duvidas {
width:100%;
heihgt:100px;
background:#ffffff;
float:left;
}

.promocao_duvidas  div{
text-align:center;
padding-top:2%;
padding-bottom:2%;
/*max-width:900px;*/
margin:0px auto;
margin-left:2%;
}

.promocao_duvidas  div div{
width:90%;
/*background:#0f4070;*/
background:#116699;
border-radius:9px;
padding:2%;
margin-right:2%;
margin-left:2%;
float:left;
border:1px solid #0f4070 !important;
border:none;
margin-bottom:4%;
}

.promocao_duvidas  div div img{
width:auto;

height:200px;

}

.promocao_duvidas div div h1{

font-family:"arial";
font-weight:normal;
font-size:2.6em;
/*color:#6699D4;*/
color:#116699;
background:#ffffff;
padding:2%;
}


.promocao_duvidas div div h2{

font-family:"arial";
font-weight:normal;
font-size:1.6em;
color:#ffffff;

}


.promocao_duvidas div div p{

font-family:"arial";
font-weight:normal;
font-size:1.2em;
color:#ffffff;

}

.rodape{
width:100%;
height:400px;
/*background:#0f4070;*/
/*background:#6699D4;*/
/*background:#0299f4;*/
background:#116699;
float:left;
}

.rodape div{
max-width:900px;
margin:0px auto;

}

.rodape div h1{

font-family:"arial";
font-weight:normal;
font-size:.9em;
color:#ffffff;


}

.rodape div h1 a{
color:#ffffff;
background:transparent;
}

.rodape div ul{
width:300px;
margin-left:-5%;
float:left;
}

.rodape div ul li{
list-style:none;
margin-top:8%;
}
.rodape div ul li a{
width:250px !important;;
font-family:"arial";
font-weight:normal;
font-size:1.2em;
color:#ffffff;
text-decoration:none;
border-radius:4px;
padding:2%;

}

.rodape div ul li h1{
width:250px !important;;
font-family:"arial";
font-weight:bold;
font-size:1.0em;
/*color:#0299f4;*/
color:#0f4070;
text-decoration:none;
border-radius:4px;
padding:2%;

}

.rodape div ul li h3{
width:250px !important;;
font-family:"arial";
font-weight:normal;
font-size:1.0em;
color:#ffffff;
text-decoration:none;
border-radius:4px;
padding:2%;

}

.rodape div ul li p{
width:250px !important;;
font-family:"arial";
font-weight:normal;
font-size:.9em;
color:#ffffff;
text-decoration:none;
border-radius:4px;
padding:2%;

}

.ass{
width:98%;
height:auto;
background:#000000;
float:left;
padding-left:2%;
}

.ass div{
max-width:900px;
margin:0px auto;

}

.ass div h1{

font-family:"arial";
font-weight:normal;
font-size:.9em;
color:#ffffff;


}

.ass div h1 a{
color:#ffffff;
background:transparent;
}


.menus{
width:40%;
float:left;
background:transparent !important;
z-index:40;
/*height:25px !important;*/
}

.menus a{
width:auto;
font-family:"arial";
font-weight:normal;
font-size:.9em !important;
/*color:#0f4070;*/
color:#116699;
float:left;
margin-left:2%;
margin-top:2%;
margin-right:2%;
/*margin-right:14%;*/
background:#ffffff;
text-decoration:none;
cursor:pointer;
}

.separador{
width:100%;
height:2%;
background:#ffffff;
float:left;
}

.separador_imagem{
width:100%;
height:400px;
background:url('img/fundo4.jpg') no-repeat;;
float:left;
}

.sabermais{
width:100%;
margin-top:0%;
padding-top:0%;
padding-bottom:4%;
/*background:#0f4070;*/
background:#ffffff;
display:none;

}

.sabermais div{
margin-top:2% !important;
width:100% !important;
float:left;
/*background:#f9D498;*/
/*background:#0f4070;*/
background:#ffffff;
border-top:1px solid #116699;
}

.sabermais div div img{
width:46.5%;
/*height:250px;*/
height:auto !important;
border-radius:9px;
margin-left:2.5%;
float:left;

}

.sabermais div div{
width:100% !important;

}
.sabermais div div h1{

font-family:"arial";
font-weight:bold;
font-size:2.6em;
color:#6699C4;
padding-left:4%;
}
 
.sabermais div div h2{

font-family:"arial";
font-weight:bold;
font-size:1.6em;
color:#ffffff;
padding-left:4%;

}

.sabermais div div h3{

font-family:"arial";
font-weight:bold;
font-size:1.6em;
color:#ffffff;
padding-left:4%;

}

.sabermais div div p{

font-family:"arial";
font-weight:normal;
font-size:1em;
color:#ffffff;
padding-left:4%;

}


.sabermais div div a{
position:relative;
top:0px;;
font-family:"arial";
font-weight:normal;
font-size:1em;
/*color:#ffffff;
background:#0299f4;*/
color:#116699;
background:#ffffff;
padding:10px;
margin-left:4%;
border-radius:4px;
border:1px solid #ffffff;
cursor:pointer;
text-decoration:none;
z-index:2 !important;
}

.sabermais div div iframe{
display:none;
width:94% !important;
padding-top:2%;
padding-bottom:2%;
margin-left:2%;
max-width:900px;
/*margin:0px auto;*/
border-radius:20px;
padding:2%;
}



.acordos{
width:100%;
float:left;
background:#ffffff;
}

.acordos div{
width:42%;
margin-left:2%;
/*background:#0f4070;*/
background:#116699;
border-radius:20px;
border: 1px solid #6699D4;
float:left;
padding:2%;
min-height:250px;
text-align:center;
}

.acordos div h1{
font-weight:bold;
font-size:2.4em;
font-family:"arial";
font-weight:bold;
color:#ffffff;

}

.acordos div h3{
font-weight:normal;
font-size:1.2em;
font-family:"arial";
font-weight:normal;
color:#ffffff;

}


.acordos div a {
font-family:"arial";
font-weight:normal;
font-size:1em;
color:#116699;
background:#ffffff;
padding:10px;
border-radius:4px;
border:1px solid #ffffff;
cursor:pointer;
text-decoration:none;


}



:target{
display:block;
}