body, html{
		margin:0;
		padding:0;
background:#f1f1f1;font-size:26px}

#geral{/* Largura máxima */
		max-width:960px;
		/* Alinha ao centro */
		margin:0 auto;
		background:#fff;
		overflow:hidden;}
		
#cabeca{background-color:#d1001e;position:relative;top:0;height:300px}
#cabeca h2{float:right;color:#fbf315;margin-right:3em}	
#cabeca p{color:#fbf315;margin-left:3em}	
#cabeca .log{color:#fbf315;}
#cabeca .logo{float:left}


.ul1{position:relative;left:15em;top:0}
.ul1 img{width:7em}
#menuprincipalfotoproduto{float:left;width:68,75%;top:4em;left:5em;color:#fbf315}
#menuprincipalfotoproduto a{color:#fbf315}
#menuprincipalcontato{float:left;width:68,75%;top:2em;color:#fbf315}
#menuprincipalcontato a{color:#fbf315}
ddd{width:6px}
a{color:#fbf315}
.info{float:left}

.menu{display:inline;color:#fbf315}
.menus{display:inline;float:left}
.logo{width:10em;}
.logocamisa{width:7em;float:left}
.menu li{text-decoration:none;list-style:none;position:relative;float:left;font:georgia 16px ;color:#000;}
.menu li a{font-size:1.3em;  color:#000; text-decoration:none; padding:5px 10px; display:block;}
.menu li a:hover{background:#yellow; color:#red; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #530607; }
.menu li:hover ul, .menu li.over ul{display:block;background:#fbdfdf}
.menu li ul{z-index:900;width:80%;height:auto;text-decoration:none;display:none;position:absolute;font-size:16px;color:#530607}  
li a{font-size:1.3em;  color:#000;text-decoration:none;list-style:none; padding:5px 10px;}
li a:hover{background:#yellow; color:#000; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; }
a:active{text-decoration:none;padding:5px 10px; color:#000}
a:hover{text-decoration:none;background:#fa5f5f; color:#000; }
a.servico:link{text-decoration:none;color:#000}
a.servico:visited{text-decoration: none;color:#red}
a.servico:hover{background:#333;text-decoration:none;}
li{list-style:none;position:absolute;font:georgia 16px}
#fotoproduto2019 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2020 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2021 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2022 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2023 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

#fotoproduto2024 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2025 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2016 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2027 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2028 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2029 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2030 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2031 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2032 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2033 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2034 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2035 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2036 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2037 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2038 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2039 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2040 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2041 img:hover{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fotoproduto2020 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2021 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2022 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2023 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2024 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2025 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2026 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2027 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2028 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2029 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2030 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2031 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2032 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2033 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2034 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2035 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2036 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2037 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2038 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2039 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2040 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto2041 {list-style:none; float:left;display:inline;position:relative;margin-left:2em}
#fotoproduto{/* Largura */
		width:100%;
		top:3em;
		height:960px
}

#limpa{clear:both}
#limpa1{clear:both}
#limpa2{clear:both}
#fotoproduto input{width:150px}
#fotoproduto img{width:7em}

#rodapefoto{/* Largura */
margin: 2px 2px 2px 2px;
		width:100%;
		color:#fbf315;
		background-color:#d1001e;
		/* Alinha à esquerda */
		float:left;
		bottom:0em;		
		position:relative}
		#fotoproduto p{position:relative;left:2px}
.par1 li{position:relative;float:left;list-style:none;color:#fbf315;display:block}
.par2 li{position:relative;float:left;list-style:none;color:#fbf315;display:block}
.par3 li{position:relative;float:left;list-style:none;color:#fbf315;display:block}
		
#menubaixo{float:right;top:1em;width:80%}
#rodapefoto a{color:#fbf315;}



#geralcamisa{/* Largura máxima */
	max-width:960px;height:auto;
		/* Alinha ao centro */
		margin:0 auto;
		background:#fff;position:relative}
		#cabeca{background-color:#d1001e;position:relative;top:0;height:300px}
#cabeca h2{float:right;color:#fbf315;margin-right:3em}	
#cabeca p{color:#fbf315;margin-left:3em}	
#cabeca .log{color:#fbf315;}
#cabeca .logo{float:left}
#menuprincipalcamisa{float:left;width:68,75%;top:2em;color:#fbf315}
#menuprincipalcamisa a{color:#fbf315}
#cabeca .log{color:#fbf315;}

#camisa{
/* Largura */height:1200px;
		width:100%;
		top:3em;
		
		}

.whatsapp-link input{height:50px;font-size:26px}	
#camisa table{border-radius:10px;font-style:bold;}
#camisa input{height:20px;font-size:16px;color:#fff;background-color:#2c2828;border-radius:10px;font-style:bold;z-index:10;top:5em}
#camisa p{position:relative;bottom:2em;}		
#camisa .quant{position:relative;left:0px;bottom:0px}


#output{width:140px;height:189px; object-fit: contain;z-index:11;position:absolute;left:21em;top:17em}
#imagem{position:absolute;left:14em;top:14em;width:500px;z-index:10}
#camisa .foto{color:#000;border-radius:10px;font-style:bold;z-index:20}
#camisa .compcamisa{color:#fff;border-radius:10px;font-style:bold;position:relative;left:8em;bottom:5em}

ddd{width:5px}

#menubaixo{float:right;top:1em;width:80%}
#rodapecamisa{background-color:#d1001e;position:absolute;bottom:0px;height:300px;width:100%}
#rodapecamisa h2{float:right;color:#fbf315;margin-right:3em}	
#rodapecamisa p{color:#fbf315;margin-left:3em}	
#rodapecamisa .log{color:#fbf315;}
#rodapecamisa .logo{float:left}

#rodapecamisa a{color:#fbf315;}
#rodapecontato{/* Largura */
margin: 2px 2px 2px 2px;
		width:100%;
		color:#fbf315;
		background-color:#d1001e;
		/* Alinha à esquerda */
		float:left;
		bottom:0em;
		
		position:relative	
		}
#rodapecontato a{color:#fbf315;}