@charset "utf-8";
/* CSS Document */

<style type="text/css">
* {
    margin: 0;
    padding: 0;
	width: 100%;
}

.body {
	width: 100%;
}

h1{
    color: #FFF;
	/*font-size:30px;*/
}

.header {
	z-index: 100;
    width: 100%;
	background-color: #026acb;
	padding:0;
	font-family: sans-serif;
    font-size: 35px;
	font-weight:bold;
	color:#FFF;	
	/*as linhas debaixo são para deixar fixo no topo e sem margens*/
	position: fixed;
    top: 0;
	left:0;
}

#pagina {
	padding: 20px 0px 20px 30px;
	font-size: 2vw;
	/*font-size: 40px;*/
	font-family: sans-serif;
	font-weight:bold;
	background-color: #FFF;
	/*color:#026acb;*/
	color:#333;
	width: 100%;
}


.menu{
list-style:none;
float:right;
background-color: #026acb;
}

.menu li{
position:relative;
float:right;
}

.menu li a{
color:#fff; 
text-decoration:none; 
padding:2px 5px 2px 0px;
display:block; 
text-align:right;
text-decoration: none;
color: #fff;
font-weight:normal;
/*font-size: 20px;*/
font-size: 1.3vw;
}

.menu li a:hover{
background:#039;
color:#fff;
font-weight:normal;
/*font-size: 20px;*/
font-size: 1.3vw;
}

.menu li  ul{
position:absolute;
top:0px; /*isso sobe e desce o menu flutuante*/
right:0px;
padding:0px 0px 0px 0px; 
background-color:#026acb;
display:none;
/*font-size: 20px;*/
font-size: 1.3vw;
}

.menu li:hover ul, .menu li.over ul{display:block;}

.menu li ul li{
border:1px solid #fff;
display:block;
/*font-size: 20px;*/
padding:0 0.5vw 0 0;
font-size: 1.3vw;
width: 250px; /*isso altera a largura do menu flutuante*/
}

.menu li ul li a{
/*font-size: 50px;*/
padding:0.5vw 0.5vw 0.5vw 0;
font-size: 1.3vw;
width: 250px; /*isso altera a largura do menu flutuante*/
}







.conteudo{
	width:92%;
	/*padding: 210px 0px 0px 0px;*/
	padding-top:12vw;
	margin-left:60px;
	text-align: left;
	color: #333;
	font-weight:normal;
	font-family: sans-serif;
	/*font-size: 18px;*/
	font-size:1.15vw;
}


#logo_princ{
	width:20%;
	display: inline-block;
	padding: 8px 0px 0px 22px;
	vertical-align:middle;
}

#logo_produto{
	width:67%;
	display: inline-block;
	padding: 0px 0px 0px 0px;	
	vertical-align:middle;
}

#hamburger{
	width:5%;
	display: inline-block;
	padding: 0px 0px 0px 0px;
	margin-top: -5px;
	vertical-align:middle;
}

	
a {
	color: #026acb;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #039;
}




/* parte das imagens dos produtos */
.box_produto{
	width:100%;
	height:7vw;
	background-color:#fff;
	padding:10;
	border-radius: 10px;
	font-family: sans-serif;
    font-size:1.2vw;
    border: 1px solid #e0e0e0;
	box-shadow: 0 4px 4px -2px #989898;
}

.box_check{
	float: left;
	width:5vw;
	height:5vw;
	background-color:transparent;
	border-radius: 10px;
	overflow: hidden; /* parte da ampliação da imagem */
	text-align:center;
}

.box_img{
	float: left;
	width:5vw;
	height:7vw;
	background-color:transparent;
	border-radius: 10px;
	overflow: hidden; /* parte da ampliação da imagem */
}
		

.box_img img{
    width: 100%;
	margin-top:1vw;
	/* parte da ampliação da imagem */
	-webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}

/* parte da ampliação da imagem */
.box_img:hover img{
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}






@media screen and (max-width: 1080px) {
#pagina {
	/*font-size: 60px;*/
	font-size: 5vw;
}

.conteudo{
	width:90%;
	margin-left:50px;
	/*padding: 330px 0px 0px 0px;*/
	padding-top:30vw;
	/*font-size: 20px;*/
	font-size:4.5vw;
}

.menu li a{
padding:5px 10px; 
/*font-size: 50px;*/
font-size: 5vw;
}

.menu li a:hover{
/*font-size: 50px;*/
font-size: 5vw;
}

.menu li  ul{
/*font-size: 50px;*/
font-size: 5vw;
}

.menu li ul li{
/*font-size: 50px;*/
padding:0 1vw 0 0;
font-size: 5vw;
width: 550px; /*isso altera a largura do menu flutuante*/
}

.menu li ul li a{
/*font-size: 50px;*/
padding:2vw 1vw 2vw 0;
font-size: 5vw;
width: 550px; /*isso altera a largura do menu flutuante*/
}




/* parte das imagens dos produtos */
.box_produto{
	height:28vw;
	font-size:4.3vw;
}
.box_img{
	width:17vw;
	height:27vw;
}

.box_img img{
	margin-top:2vw;
}
.box_check{
	margin-left:10px;
	width:8vw;
	height:12vw;
}
}







</style>