#linkInapoi {
	padding-left:150px;
	padding-top:20px;
}
#linkInapoi a {
	color:#333;
	font-family: 'Poppins', sans-serif;
	font-size:14px;	
}
#linkInapoi a:hover {
	text-decoration:none;
}
@media only screen and (max-width: 600px) {
	#linkInapoi {
	padding-left:10px;
	padding-top:20px;
	}
}
.imagineArea {
	margin-top:10px;
	margin-bottom:50px;
}
@media only screen and (max-width: 600px) {
	.imagineArea {
	margin-top:10px;
	margin-bottom:10px;
	}
}
.imagineHolder {
	padding-left:150px;
	padding-top:20px;
	padding-bottom:10px;
}
@media only screen and (max-width: 600px) {
	.imagineHolder {
	padding-left:0px;
	padding-top:20px;
	padding-bottom:10px;
	}
}
.imagineHolder img{
	width:100%;
	border-radius: 10px;
}
.thumbHolder {
	padding-left:150px;
}
@media only screen and (max-width: 600px) {
	.thumbHolder {
	padding-left:0px;		
	}
}
.imgthumb {
	padding:10px;
	float:left;	
	width:25%;
}
@media only screen and (max-width: 600px) {
	.imgthumb {
	padding:5px;				
	}
}
.imgthumb img{
	width:100%;
	border-radius: 10px;
}
@media only screen and (max-width: 600px) {
	.imgthumb img{
	width:100%;
	border-radius: 10px;	
	}
}
.infoArticole {
	margin-top:10px;
	padding-right:150px;
	margin-bottom:50px;
	
	
}
@media only screen and (max-width: 600px) {
	.infoArticole {
		margin-top:10px;
		padding-right:0px;
		margin-bottom:15px;
	}
}

#denumire {
	font-size:28px;
	color: #2e2f83;
	font-family: 'Didact Gothic', sans-serif;
	font-weight:bold;
}
.descriereMateriale h3 {
	font-size:20px;
	color:#333;
	font-family: 'Didact Gothic', sans-serif;
	font-weight:bold;
}
.descriereMateriale ul li {
	font-family: 'Didact Gothic', sans-serif;
	list-style:none;
	font-size:16px;
}
#descriere {
	font-size:18px;
	color:#595959;
	font-family: 'Didact Gothic', sans-serif;
	line-height:25px;
}
@media only screen and (max-width: 600px) {
	#descriere {
	width:100%;
	font-size:15px;
	color:#595959;
	font-family: 'Didact Gothic', sans-serif;
	line-height:25px;
	}
}


#pret {	
	font-size:25px;
	color:#333;
	font-family: 'Didact Gothic', sans-serif;
	height:100%;
	font-weight:bold;
}

@media only screen and (max-width: 600px) {
	#pret {	
		margin-bottom:0px;
		height:100%;
	}
}

#notePret {	
	font-size:15px;
	color:#333;
	font-family: 'Didact Gothic', sans-serif;
	padding-left:0px;
	margin-top:15px;
	font-weight:bold;
}
@media only screen and (max-width: 600px) {
	#notePret {	
		margin-top:0px;
	}
}
#obsPret {
	font-family: 'Didact Gothic', sans-serif;
	font-size:15px;
	color:#333;
}

.btnComandaArticol {
	width:100%;
	font-family: 'Noto Sans SC', sans-serif;
	text-transform:uppercase;
	font-size:14px;
	background-color:#b2e1f5;
	border:#b2e1f5;
	color:#2e2f83;
}

.btnComandaArticol:hover {
	width:100%;
	font-family: 'Noto Sans SC', sans-serif;
	text-transform:uppercase;	
	font-size:14px;

}

.btn-danger:hover {
	background-color:#b2e1f5;
	color:#2e2f83;
}

@media only screen and (max-width: 600px) {
	.btnComandaArticol {
	width:100%;
	font-family: 'Noto Sans SC', sans-serif;
	text-transform:uppercase;
	font-size:15px;
	background-color:#b2e1f5;
	border:#b2e1f5;
	color:#2e2f83;
	}
}

#alteProduseTitle {
	padding-left:150px;	
}
@media only screen and (max-width: 600px) {
	#alteProduseTitle {
	padding-left:5px;
	padding-right:5px;
	}	
}
#alteProduseTitle h1 {	
	font-family: 'Didact Gothic', sans-serif;
	font-size:25px;
	color:#333;
}
@media only screen and (max-width: 600px) {
	#alteProduseTitle h1 {	
	font-family: 'Didact Gothic', sans-serif;
	font-size:20px;
	color:#333;
	}
}
#listaArticoleGrid {
	padding-left:150px;
	padding-right:150px;
}
@media only screen and (max-width: 600px) {
	#listaArticoleGrid {
	padding-left:10px;
	padding-right:10px;
	}
}
.articolBoxHolder {
	padding:1px;
	float:left;
	margin-bottom:10px;
	border:#b3b3b3 solid 1px;
	border-radius:8px;
	margin-left:0px;
	margin-right:0px;
}
@media only screen and (max-width: 600px) {
	.articolBoxHolder {
		padding:5px;
	}
}
.articolBoxHolder:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.articolBox {
	width:100%;
	height:auto;
	background:#FFF;
    margin-top:0px;
	border-radius:5px;	
	padding:5px;
	
}
.articolBox img {
	width:100%;
}
.articolBox a:hover {
	text-decoration:none;	
}
.articolBoxTitle h1 {
	font-family: 'Didact Gothic', sans-serif;
	font-size:16px;
	padding-left:0px;
	padding-top: 5px;
	font-weight:bold;
	color:#2e2f83;
	height:45px;
}
.articolBoxPret h1{
	font-family: 'Didact Gothic', sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#333;
}
.articolBoxText {
	padding-left:0px;
	padding-right:0px;
	padding-bottom:10px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:14px;
	color:#333;	
}
.articolBoxLink {
	padding:5px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:14px;	
	font-weight:bold;
}
.articolBoxLink a{
	color:#603737;
}

.btnDetArticol {
	width:100%;
	font-family: 'Didact Gothic', sans-serif;
	font-size:15px;	
	font-weight:bold;
	background:#2e2f83;
	border:#2e2f83;
}

@media only screen and (max-width: 600px) {
	.articolBoxTitle h1 {
		font-size:25px;
		height:60px;
	}
	.articolBoxPret h1{
		font-size:35px;
	}
	.articolBoxText {
		font-size:20px;
	}
	.btnDetArticol {
		font-size:20px;	
	}
}

#objectArticoleMain,#idArticol,#init,#idArticolURL {
	display:none;
}

.modal-header {
	border:#fff;
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom:0px;
	
}
.modal-xl {
	width: 880px;
}
@media only screen and (max-width: 600px) {
	.modal-xl {
		width: 95%;
	}
	#myModal img{
			width:100%;
	}
}

#relatiiTelefon {
	width:100%;
	font-family: 'Didact Gothic', sans-serif;
	font-size:22px;	
	font-weight:bold;
	color:#2e2f83;
	text-align:left;
	text-transform:uppercase;
}
@media only screen and (max-width: 600px) {
	#relatiiTelefon {
		font-size:18px;
	}
}

.pretArticol {
	height:100%;
	
}