Voltar (accesskey b)   Salvar (accesskey s)   
Normal textarea
Arquivo: /www/assets/css/style.css
 	Status: O arquivo ainda não foi salvo
Voltar (accesskey b)   Salvar (accesskey s)   
Normal textarea
Arquivo: /www/assets/css/style.css
 	Status: O arquivo ainda não foi salvo
Voltar (accesskey b)   Salvar (accesskey s)   
Normal textarea
Arquivo: /www/assets/css/style.css
 	Status: Salvo como 2024-12-12 12:55:11 usando modo FTP_ASCII
@charset "utf-8";

@font-face
{
	font-family: montserrat;
	src: url("../fonts/Montserrat/Montserrat-Regular.ttf")
	
}

@font-face
{
	font-family: "Kinetika-Regular";
	src: url("../fonts/kinetika/kinetika-regular.ttf");
}

@font-face
{
	font-family: "Satoshi-Regular";
	src: url("../fonts/Satoshi/Satoshi-Regular.otf");
}

@font-face
{
	font-family: "Figtree-Light";
	src: url("../fonts/Figtree/Figtree-Light.ttf");
}

/* GERAL - INÍCIO*/

*
{
  box-sizing: border-box;
}

body
{
	background-color: #dfdfdf;
        width: 80%;
        min-width:320px;
        display: block;
        text-align: center;

        
}

#estrutura
{
	background-color: #dfdfdf;
	position:absolute;
        display: block;
	top:0;
	left:0;
	z-index:11;
	width:100%;
	height:100%;
        min-width: 320px;
        padding-bottom:45px;
		text-align: center;
		justify-content: center;
		align-items: center;

	
	
}

#content
{
	background-color: #f5f1f2;
	min-width: 260px;
	border-radius: 15px;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 20px;
	margin-top: -107px;
	margin-bottom: 25px;
    text-align: center;
    justify-content: center;
    align-items: center;
        
	
}

#titleContent
{
	
	
}

#background
{
	background-color: #ffffff;
	margin-top: 82.5px;
	margin-bottom: -30px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 102px;
	padding-bottom: 3px;
	min-width: 300px;
	border-radius: 30px;
	
	
}

/* GERAL - FIM*/


/* MENU - INÍCIO */

#menu
{
	
	display: flex;
	justify-content: center;
	padding-left: 15px;
	padding-right: 15px;
	
	
	
		
}

.ajusteMenuGeral
{
	background-color: #8f8a87;
	width: 98.5%;
	height: 60px;
	min-width: 300px;
	border-radius: 60px;
	position: fixed;
	opacity: 0.8;
	margin-top: 10px;
	margin-bottom: 10px;
	position: fixed;
	display: flex;
}

#menuLeft
{

	padding-left: 30px;
	width: 40%;
	margin-top:auto;
	margin-bottom: auto;
	margin-right: 20px;
}

#menuLeft img
{
	width: 30%;
	min-width: 120px;
	max-width: 175px;
	cursor: pointer;
	float: left;
	
}

#menuTitle
{
	
	font-family: Satoshi-Regular;	
	color: #555555;
	align-content: center;
	text-align: center;
	font-size: 17.5pt;
	
}

#menuCenter
{
	width: 30%;
}



#menuRight
{
	display: block; 
	padding-right: 20px;
	margin-top:auto;
	margin-bottom: auto;
	margin-right: auto;
	width: 100%;
	min-width: 30%;
	max-width: 30%;
	height: 40px;
    


}


.ajusteMenuRight
{
	
	float: right;
	display: flex;
}




#divBusca{
    background-color:#ffffff;
    border-radius:30px;
	min-width: 80px;
	max-width: 300px;
	width: 100%;
    height:32.5px;
	padding-right: 10px;
	padding-left: 30px;
	float: right;
	display: none;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 25px;
	margin-right: 10px;
	
  	background-repeat: no-repeat;
  	background-position: bottom 6px left 10px;
  	background-size: 16.5px;
  	
	
}



#txtBusca{
    float:left;
    background-color:transparent;
    padding-left:5px;
    font-size:30px;
    border:none;
    height:32px;
    width:191px;
	padding-top: 2.5px;
	font-family: Figtree-Light;
	color: #555555;
}

#divBusca textarea:focus, input:focus, select:focus 
{
	
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;

} 



#divBusca img{
    float:right;
	width: 24px;
	margin-top: 5px;
	margin-bottom: auto;
    margin-right: 15px;
	cursor: pointer;
	
}


.resultadoPesquisaUl
{
	width: 100%;
	min-width: 280px;
	max-width: 400px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background-color: #ffffff;
	text-align: left;
	list-style-type: none;
	position: inherit;
	display: none;
	
}



.pesquisaLi
{
	
	display: flex;
	cursor: pointer;
	width: 100%;
	list-style-type: none;
}



.resultadoMovel
{
	font-family: Figtree-Light;
	font-size: 14pt;
	color: #555555;
	text-align: left;
	margin-left: -20px;
	
}

.resultadoHifen
{
	font-family: Figtree-Light;
	font-size: 14pt;
	color: #555555;
	margin-left: 7.5px;
	margin-right: 7.5px;
}

.resultadoDesigner
{
	font-family: Figtree-Light;
	font-size: 14pt;
	color: #555555;
	text-align: left;
	
}

#backAdm
{
	height: 35px;
	margin-top: auto;
	margin-bottom: auto;
	cursor: pointer;

}

#userImg
{
	
	height: 40px;
	margin-top: auto;
	margin-bottom: auto;
	cursor: pointer;
	float: right;
}

#menuTitle
{
	padding-top: 40px;
}


/* MENU - FIM */

/* CATEGORIAS DE PRODUTOS - INÍCIO */




.blocoImgMenu
{
	
	display: flex;
	flex-wrap: wrap;
    flex-direction: row; 
	align-items: center;
	justify-content: center;
    padding-right: 15px;
	padding-left: 15px;
    margin-left: 15px;
    margin-right: 15px;
        
	
	
}



.blocoImgMenu a
{
	text-decoration: none;
}

.itemMenuText
{
	font-family: Figtree-Light;
	font-size: 18pt;
	color: #555555;
	margin-top: 10px;
}

.menuImg
{
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	
	border: 1px solid #dfdfdf;
        min-width: 225px; 
        width: 95%;
	display: block;
       
	
}
.menuImg:hover 
{
	
	
	
	cursor: pointer;
	
	border: 1px solid #555555;
	
}



.menuImg:hover .imgMenu
{
	
	
	cursor: pointer;
	border: 1px solid #555555;
}
.imgMenu
{
	
	min-width: 22px;
    max-width: 290px;
    width: 100%;
	border: 1px solid #dfdfdf;
	flex: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

/* CATEGORIAS DE PRODUTOS - FIM */

/* FOOTER - INÍCIO */

.footer
{
	background-color: #8f8a87;
	height: 8.5%;
	max-height: 85px;
	min-height: 60px;
	min-width: 300px;
	align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
	position: relative;
	border-radius: 60px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 45px;
	opacity: 0.8;
	margin-bottom: 30px;



}

#socialMedia
{
	margin: auto;
	display: flex;
	vertical-align: auto;
	text-align: center;
}
.socialIcons
{
	width: 40px;
	margin-left: 15px;
	margin-right: 15px;

}

.socialIcons:hover
{
	cursor: pointer;
}

/* FOOTER - FIM */

/* CATEGORIA SELECIONADA - INÍCIO */

.baseProduto
{
	background-color: #ffffff;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
    
    width: 95%;
	display: flex;
	flex-wrap: wrap;
    flex-direction: row; 
	border-radius: 30px;
	padding: 15px;
	

}

.baseProduto:hover
{
	border: 1px solid #555555;
	
	
}

.fundoProdutos
{
	display: flex;
	flex-wrap: wrap;
    flex-direction: row; 
	align-items: center;
	justify-content: center;
}

.produtoEsq
{
	min-width: 245px;
    max-width: 265px;  
    width: 100%;
    display: block;
	margin: auto;
}

.imgProduto
{
	
	width: 100%;
}

.produtoCentro
{
	width: 70%;
	margin: auto;
    text-align: left;
}

.produtoDir
{
	min-width: 100px;
	width: 100%;
	margin: auto;
	padding: 15px;
	
	
}


.imagemButtonProduto
{
	
	width: 190px;
	margin-top: 25px;

	
}

.imagemButtonProduto:hover
{
	width: 200px;
}



.produtoNome
{
	font-family: Satoshi-Regular;
	color: #555555;
	font-size: 20pt;
	text-align: left;
	
}

.produtoDesigner
{
	font-family:"Satoshi-Regular";
	color: #555555;
	font-size: 15pt;
}

.produtoDescricao
{
	font-family:"Figtree-Light";
	color: #555555;
	font-size: 15pt;
}

.produtoButton
{
	margin: auto;
	text-align: center;
	
}



.produtoButton a
{
	text-decoration: none;
}

.produtoButtonText
{
	font-family:"Satoshi-Regular";
	color: #555555;
}

/* CATEGORIA SELECIONADA - FIM */

/* TELA DE LOGIN - INÍCIO */

#divLogin
{
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
	font-family:"Figtree-Light";
	color: #555555;
	font-size: 15pt;
	
}

#divLogin hr
{
	width: 90%;
}

#loginPopupDiv
{
	background-color: #000000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	
}



#loginBanner
{
	background-color: #ffffff;
	position: fixed;
	z-index: 2;
	width: 35%;
	min-width: 380px;
	max-width: 620px;
	border-radius: 30px;
	margin-top: auto;
	margin-bottom: auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 60px;
}

#loginTitle
{
	margin-top: 20px;
	margin-left: 25px;
	margin-right: 25px;
}

#loginLogo
{
	width: 100%;
	padding-bottom: 15px;
	
	
}

#loginLogo img
{
	width: 40%;
	min-width: 100px;
	max-width: 200px;
}

#closeLogin
{
	width: 22.5px;
	float: right;
	margin-right: 20px;
	margin-left: -20px;
	margin-top: -5px;
	cursor: pointer;
}

#loginForm
{
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto;
}

#loginButton
{
	cursor: pointer;
	background-color: #555555;
	font-family:"Satoshi-Regular";
	color: #ffffff;
	text-decoration: none;
	
}

#entrarButtonLink
{
	text-decoration: none;
}

#exitButton
{
	cursor: pointer;
	background-color: #555555;
	font-family: montserrat;
	color: #ffffff;
	text-decoration: none;
}

#exitButtonLink
{
	text-decoration: none;
}

#loginButtonTxt
{
	font-family:"Satoshi-Regular";
	margin-top: 7.5px;
	margin-bottom: auto;
	color: #ffffff;
	cursor: pointer;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	border: none;
	font-size: 12pt;
	
}


.butonForm
{
	
	font-family:"Satoshi-Regular";
	color: #ffffff;
	cursor: pointer;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	border: none;
	font-size: 12pt;
	width: 100%;
}


.loginInputs
{
	
    background-color:#ffffff;
    border-radius:30px;
	border: 1px solid #555555;
    width:70%;
	min-width: 250px;
    height:40px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	white-space: nowrap;

    
	
}




.txtLoginInputs
{
	
    background-color:transparent;
    font-size:18px;
    border:none;
    height:32px;
    width:90%;
	padding-top: 2.5px;
	font-family:"Figtree-Light";
	color: #555555;
	text-align: left;
	white-space: nowrap;


    
}

.ajusteButtonLogin
{
	width: 100%;
}

.loginInputs img
{
	float:left;
	width: 25px;
	margin-top: 5px;
	margin-bottom: auto;
}



/* TELA DE LOGIN - FIM */

/* ÁREA ADMINISTRATIVA - INÍCIO */

#admDiv
{
	display: flex;
	flex-wrap: wrap;
    flex-direction: row; 
	text-align: center;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.admButtons
{
	width: 300px;
	height: 300px;
	background-color: #ffffff;
	border: 1px solid #dfdfdf;
	border-radius: 30px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 25px;
	font-family:"Figtree-Light";
	font-size: 15pt;
	color: #555555;
	white-space: nowrap;
	
	
	
	
}

.admButtons:hover
{
	cursor: pointer;
	border:  1px solid #555555;
}

.admButtonIcon
{
	width: 100px;
	margin-top: 90px;
	margin-bottom: 40px;
	
}

.admButtonsLinks
{
	text-decoration: none;
}

/* ÁREA ADMINISTRATIVA - INÍCIO */

/* ADICIONAR PRODUTO - INÍCIO */

.formAdicionarClass
{
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	margin-bottom: -15px;
	width: 40%;
	white-space: nowrap;
		
	
}

.txtAdminInputs
{
	font-family:"Figtree-Light";
	color: #555555;
	font-size: 15pt;
	margin-right: 5px;
	
	
}

.inputsTxtAdcionar
{
	border-radius: 30px;
        height:30px;
	border: 1px solid #555555;
	margin-left: 5px;
	padding-left: 15px;
	font-family:"Figtree-Light";
	color: #555555;
	font-size: 13pt;
}

.formAdicionarClass
{
	align-content: left;
	justify-content: left;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

#nomeProduto
{
	width: 100%;
}

#designerProduto
{
	width: 100%;
}

#categoriaProduto
{
	width: 100%;
}

#descricaoProduto
{
	
}

.descricaoAdd
{
	width: 100%;
	height: 100px;
	margin-top: 20px;
	padding-top: 10px;
	border-radius: 15px;
	border: 1px solid #555555;
	margin-left: 5px;
	padding-left: 15px;
	margin-bottom: 20px;
	font-family: montserrat;
	color: #555555;
	font-size: 13pt;
}



#linkProduto
{
	width: 100%;
}

.file-uploader
{
	font-family: montserrat;
	font-size: 12.5pt;
	margin-left: 5px;
}

.salvarProdutoButton
{
	width: 50%;
	height: 50px;
	background-color: #555555;
	text-align: center;
	align-content: center;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	cursor: pointer;
	text-decoration: none;
}

#salvarProduto
{
	font-family: montserrat;
	color: #ffffff;
	font-size: 15pt;
	margin-bottom: auto;
	margin-top: auto;
}


/* ADICIONAR PRODUTO - FIM */

/* EXCLUIR PRODUTO - INÍCIO */

#formExcluirAlinhamento
{
	display: block;
	align-content: center;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-bottom: -15px;
	width: 100%;
	margin-bottom: 30px;
	
}

#nomeProdutoExcluido
{
	border-radius: 30px;
	width: 40%;
    height:35px;
	border: 1px solid #555555;
	margin-left: 5px;
	padding-left: 15px;
	font-family: montserrat;
	color: #555555;
	font-size: 13pt;
}

#procurarProduto
{
	font-family: montserrat;
	color: #ffffff;
	text-decoration: none;
}

.formExluirClass
{
	margin-left: auto;
	margin-bottom: auto;
	align-items: center;
	justify-content: center;
	text-align: center;
	
}

.baseProdutoExcluir
{
	background-color: #ffffff;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 30px;
	margin-bottom: 30px;
	flex-wrap: wrap;
    flex-direction: row; 
	border-radius: 30px;
	padding: 15px;
	display: flex;
	
}

#excluirProduto
{
	font-family: montserrat;
	color: #ffffff;
}

#divExcluir
{
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
	font-family: montserrat;
	color: #555555;
	font-size: 15pt;
}

#btnAlterar
{
	text-decoration: none;
}