/*============ GENERALE ============*/



body {

	background-color:#ffffff;

	width:100%;

	margin:0px;

    font-family: "Calibri", Trebuchet MS, Arial;

}



h1 {

	font-size:18px;

	font-size:1.4rem;

	color:#F60;

	padding: 0 30px;

}



h2 {

	font-size:16px;

	font-size:1.2rem;

	color:#F60;

	padding: 0 30px;

}



h3, h4, h5, h6 {

	font-size:12px;

	font-size:1.1rem;

	color:#F60;

	padding: 0 30px;

}



p {

	font-size:12px;

	font-size:1.1;

	text-align:justify;

	padding: 2px 30px;

}



.Clear {

	clear:both;

	height:1px;

}



.All {

	background-color:#ffffff;

	width: 100%;

}



.Top {

	width:100%;

	margin:0px auto;

	}





.Middle {

}





.Bottom {

}





/* =============== HEADER ================= */



.TopStripe {

	background-color:#000000;

	width:100%;

	height: 25px

}



.TopStripeContainer {

	max-width:1200px;

	margin:0px auto;

	padding:4px;

}



.Slogan {

	float: left;

	font-style:italic;

	font-size:12px;

	color:#ffffff;

}



@media screen and (min-width: 694px) {

	.UserMenu {

	float: right;

	color:#ffffff;

	font-style:italic;

	font-size:12px;

	margin-right: 35px;

}



.UserMenu a{

	color:#ffffff;

	text-decoration:none;

}

}



@media screen and (max-width:693px) {

	.UserMenu {

	margin-top: 5px;

	float: right;

	color:#000000;

	font-style:italic;

	font-size:12px;

	margin-right: 35px;

}



.UserMenu a{

	text-decoration:none;

	color:#000000;

}

}







.SocialIcons {

	font-style:italic;

	font-size:12px;

	float: right;

	color:#ffffff;

}

@media screen and (min-width: 1000px) {
.TopTools {

	width:100%;

	height: 80px;

}
.TopToolsContainer {

	max-width:1200px;

	margin:0px auto;

	padding:4px;

}
}

@media screen and (min-width: 800px) and (max-width:999px) {
.TopTools {

width: 800px;
height: 80px;
margin: 0px auto;

}
.TopToolsContainer {

	max-width:1200px;

	margin:0px auto;

	padding:4px;

}
}

@media screen and (min-width:580px) and (max-width:799px) {
.TopTools {

	width:100%;

	height: 80px;

}
.TopToolsContainer {

	width:580px;

	margin:0px auto;

	padding:4px;

}
}

@media screen and (max-width:579px) {
.TopTools {

width: 300px;
height: 80px;
margin: 2px auto;

}
.TopToolsContainer {

	max-width:1200px;

	margin:0px auto;

	padding:4px;

}
}







@media screen and (min-width: 1000px) {
.Logo {

	float:left;

	margin: 20px 0px;

}
}

@media screen and (min-width: 800px) and (max-width:999px) {
.Logo {

float: none;
margin: 20px auto;
width: 300px;

}
}

@media screen and (min-width:580px) and (max-width:799px) {
.Logo {

	width:300px;

	margin: 20px auto;

}
}

@media screen and (max-width:579px) {
.Logo {

	float:left;

	margin: 20px 0px;

}
}





.Logo img {

	max-width:100%;

	height:auto;

}





@media screen and (min-width: 1087px) {

.TopToolsMiddle {

	float:right;

}

}



@media screen and (min-width: 885px) and (max-width:1086px) {

.TopToolsMiddle {

	margin-top:16px;

}

}



@media screen and (max-width:884px) {

.TopToolsMiddle {

	width: 280px;

	margin-top: 15px;

}

}

@media screen and (min-width: 1000px) {

}

@media screen and (min-width: 800px) and (max-width:999px) {

}

@media screen and (min-width:580px) and (max-width:799px) {

}

@media screen and (max-width:579px) {
	.Phones {
		display:block;
		text-align: center;
		font-family:Georgia, "Times New Roman", Times, serif;

		color:#ffffff;
		font-size:18px;
		font-weight:bold;
		margin: 0px 20px 15px 20px;
	}
}

@media screen and (min-width: 885px) {

	.Phones {

	/*display:inline-block;*/

	font-family:Georgia, "Times New Roman", Times, serif;

	color:#889fac;

	font-size:18px;

	font-weight:bold;

	margin: 15px 20px 15px 20px;

}

}

@media screen and (min-width: 885px) and (max-width:999px) {
.Phones {
	color:#fff;
}
}

@media screen and (min-width: 620px) and (max-width:884px) {

	.Phones {

	/*display:inline-block;*/
text-align: center;
	font-family:Georgia, "Times New Roman", Times, serif;

	color: #ffffff;

	font-size:18px;

	font-weight:bold;

	margin: 30px 20px 15px 20px;

}

}



@media screen and (min-width: 573px) and (max-width:619px) {

	.Phones {
text-align: center;
	/*display:inline-block;*/

	font-family:Georgia, "Times New Roman", Times, serif;

	color: #ffffff;

	font-size:18px;

	font-weight:bold;

	margin: 30px 20px 15px 20px;

}

}



@media screen and (max-width:572px) {



}







/* ----------- Cos --------------- */
@media screen and (min-width: 1000px) {
.Cos {

	float:right;

	min-width: 300px;

}
}

@media screen and (min-width: 800px) and (max-width:999px) {
.Cos {

	float:right;

	min-width: 300px;

}
}

@media screen and (min-width:580px) and (max-width:799px) {
.Cos {

	float:right;

	min-width: 300px;

}
}

@media screen and (max-width:579px) {
.Cos {

	float:right;

	width: 280px;

}
}






.Cos a:hover {

	opacity:0.8;

}



.Cos img {

	float:left;

	margin-right: 10px;

}



.CosTitle {

	margin-top:30px;

	font-size:20px;

	font-weight:bold;

	color:#f58634;

	font-style:italic;

}



.CosContent {

	font-size:14px;

	font-weight:normal;

	font-style:italic;

	color:#889fac;

}
@media screen and (min-width: 1000px) {
.CosContent a {

	text-decoration:none;

	color:#889fac;

}
}

@media screen and (min-width: 800px) and (max-width:999px) {
.CosContent a {

	text-decoration:none;

	color:#fff;

}
}

@media screen and (min-width:580px) and (max-width:799px) {
.CosContent a {

	text-decoration:none;

	color:#fff;

}
}

@media screen and (max-width:579px) {
.CosContent a {

	text-decoration:none;

	color:#fff;

}
}


/*@media screen and (min-width: 620px) {

.CosContent a {

	text-decoration:none;

	color:#fff;

}

}



@media screen and (max-width:619px) {

.CosContent a {

	text-decoration:none;

	color:#FFFFFF;

}

}*/





.CosContent a:hover {

	color:#f58634;

}



.modif {

	background-image: url(imgs/edit.png);

	background-repeat: no-repeat;

	width: 20px;

	height: 20px;

	border: 0px;

	color: rgba(0, 0, 0, 0.0);

	cursor: pointer;

	margin: 3px auto;

	display: block;

//	margin-left: 17px;

}



.sterge {

	background-image: url(imgs/remove.png);;

	width: 20px;

	height: 20px;

	border: 0px;

	color: rgba(0, 0, 0, 0.0);

	cursor: pointer;

	margin: 3px auto;

	display: block;

}

@media screen and (min-width: 580px) {

.total {

	font-family: "Calibri", Trebuchet MS, Arial;

	font-size:20px;

	font-weight:bold;

	text-align:right;

	margin-right: 70px;

}

}



@media screen and (max-width:579px) {

.total {

	font-family: "Calibri", Trebuchet MS, Arial;

	font-size:20px;

	font-weight:bold;

	text-align:center;

}

}





.divbut {

	margin:10px auto;

	display:inline-block;

	text-align: center;

}



@media screen and (min-width: 580px) {

.posta {

	width:380px;

}



.posta td:last-child {

	width: 60px;

}

}



@media screen and (max-width:579px) {

.posta {

	max-width: 300px;

	margin: 2px auto;

}



.posta td:last-child {

	width: 60px;

}

}







/* ----------- Search --------------- */





@media screen and (min-width: 885px) {

	.Search {

	display:inline-block;

	width: 225px;

	height: 30px;

	background:url(imgs/search.png);

	background-repeat:no-repeat;

	background-position:top left;

	margin: -15px 20px;

}



.SearchBox {

}



.SearchInput {

	border: 0;

	margin-left: 25px;

	margin-top: 5px;

	font-size: 11px;

}



.SearchGo{

	border:0;

	opacity:0;

	cursor: pointer;

}

}





@media screen and (min-width: 580px) and (max-width:884px) {

	.Search {

	display:inline-block;

	width: 225px;

	height: 30px;

	background:url(imgs/search-wh.png);

	background-repeat:no-repeat;

	background-position:top left;

	margin: -15px 20px;

}



.SearchBox {

}



.SearchInput {

	border: 0;

	margin-left: 25px;

	margin-top: 5px;

	font-size: 11px;

}



.SearchGo{

	border:0;

	opacity:0;

	cursor: pointer;

}

}



@media screen and (max-width:579px) {

	.Search {

	display:inline-block;

	width: 225px;

	height: 30px;

	background:url(imgs/search-wh.png);

	background-repeat:no-repeat;

	background-position:top left;

	margin: -15px 20px;

}



.SearchBox {

}



.SearchInput {

	border: 0;

	margin-left: 25px;

	margin-top: 5px;

	font-size: 11px;

}



.SearchGo{

	border:0;

	opacity:0;

	cursor: pointer;

}

}



.Search {

	visibility: hidden;

	}



/* ------------ Top Menu -------------- */

@media screen and (min-width: 1000px) {
.TopMenu {

	background-color:#889fac;

	text-align:center;

	color:#ffffff;

	text-transform: uppercase;

}
}

@media screen and (min-width: 800px) and (max-width:999px) {
.TopMenu {

	background-color:#889fac;
height: auto;
	text-align:center;

	color:#ffffff;

	text-transform: uppercase;

}
}

@media screen and (min-width:580px) and (max-width:799px) {
.TopMenu {

	background-color:#889fac;

	text-align:center;

	color:#ffffff;
height:200px;
	text-transform: uppercase;

}
}

@media screen and (max-width:579px) {
.TopMenu {

	background-color:#889fac;

	text-align:center;

	color:#ffffff;
margin: 10px 0px 0px 0px;
	text-transform: uppercase;
	height:200px;
}
}





.TopMenu a {

	text-decoration:none;

	color:#ffffff;

}



.TopMenu a:hover {

	text-decoration:none;

	color:#cccccc;

}



/*@media screen and (min-width: 1145px) {

.TopMenu ul {

	margin-left: 160px;

}

}



@media screen and (max-width: 1144px) {

.TopMenu ul {

	margin-left: -30px;

}

}*/

@media screen and (min-width: 1000px) {
.TopMenu ul {

	margin-left: 10px;

}
.TopMenu li {

}
}

@media screen and (min-width: 800px) and (max-width:999px) {
.TopMenu ul {

	display: inline-block;
text-align: center;
width: 800px;
padding: 0px 0px;

}
.TopMenu li {

}
}

@media screen and (min-width:580px) and (max-width:799px) {
.TopMenu ul {

width: 580px;

margin: 2px auto;

padding: 0px;

height: auto;

display: flow-root;

}
.TopMenu li {

}
}

@media screen and (max-width:579px) {
.TopMenu ul {

	display:none;

}
.TopMenu li {
	
}
}

.TopMenu ul li {

	display:inline-block;

	max-width:400px;

	margin:0px auto;

	padding:5px 15px;

}



.TopMenuOferteSpeciale {

/*	background-color:#FF0000; */

	background-color:#4b5e69;

	display: inline-block;

	max-width: 400px;

	margin: -5px auto;

	padding: 5px 15px;

/*	font-weight: bold; */

	line-height: 1.6; 

	color: #f58634 !important;

}





/* =============== MIDDLE ================= */



.Middle {

	max-width:1200px;

	margin:0px auto;

	text-align: center;

}



.Breadcrumbs {

	font-size:12px;

	font-style:italic;

}



@media screen and (min-width: 1145px) {

.LeftColumn {

	width:300px;

	float: left;

	vertical-align: top;

	text-align:left;

}



.RightColumn {

	width: calc(100% - 300px);

	float:right;

	vertical-align: top;

}



}



@media screen and (min-width: 995px) and (max-width:1144px) {

.LeftColumn {

	width:300px;

	float: left;

	vertical-align: top;

	text-align:left;

}



.RightColumn {

	width: calc(100% - 300px);

	float:right;

	vertical-align: top;

}



}



@media screen and (min-width:580px) and (max-width:994px) {

.LeftColumn {

	width:300px;

	float: left;

	vertical-align: top;

	text-align:left;

}



.RightColumn {

	width: calc(100% - 300px);

	float:right;

	vertical-align: top;

}



}



@media screen and (max-width:579px) {

.LeftColumn {

	width:300px;

	display:inline-block;

	vertical-align: top;

	text-align:center;

}



.RightColumn {

	display:inline-block;

	vertical-align: top;

}



}



.caseta {

}



/* ------------ Meniu Lateral -------------- */



.SearchBoxLeft {

	width: 290px;

	margin: 2px auto;

}



.SearcbPText {

    font-style: italic;

    text-align: right;

    margin: 4px 2px;

}



.SearchInputLeft {

    width: 250px;

    margin: 3px 0;

    border: 1px dashed #cbcbcb;

    padding: 3px;

}



#SearchLeft {

    width: 241px;

}



.SearchGoLeft {

    border: 0;

    padding: 10px 20px;

    color: #ffffff;

    background-color: #f58634;

    margin: 2px 50px;

    font-weight: bold;

    float: right;

	cursor: pointer;

}



@media screen and (min-width: 580px) {

.MeniuLateralHamburger {

	visibility:hidden;

	height: 1px;

}

}





@media screen and (max-width:579px) {

.MeniuLateralHamburger {

	visibility:visible;

	text-align: center;

	color: #f58634;

	font-weight: bold;

	font-size: 30px;

	height: auto;
position: relative;

top: -10px;


}

}





@media screen and (min-width: 580px) {

.MeniuLateral {

	visibility:visible;

	color:#333333;

}

}





@media screen and (max-width:579px) {

.MeniuLateral {

	visibility:hidden;

	height:0px;

}

}



.MeniuLateralHamburger a {

	text-decoration:none;

	color:#889fac;

}



.MeniuLateralHamburger a:hover {

	opacity:0.8;

}



.MeniuLateralHamburger a:active {

	color:#f58634;

}



.MeniuLateral a {

	text-decoration:none;

	color:#333333;

}



.MeniuLateral a:hover {

	text-decoration:none;

	color:#cccccc;

}



.MeniuLateral ul {

	margin-left: -30px;

	line-height: 0.5;

	list-style: none;

	font-weight: bold;

	font-size: 22px;

}



.MeniuLateral .Lvl1 ul {

    background: url(imgs/bgprodbox.png);

	background-position: top center;

	background-repeat: no-repeat;

	padding-top: 15px;

}



.MeniuLateral ul li {

	max-width:400px;

	margin:4px auto;

	padding:5px 15px;

}



.MeniuLateral ul li ul {

	margin-left: -30px;

	list-style: none;

	font-size: 16px;

	font-style: italic;

	font-weight:normal;

	text-indent: -15px;

	margin-top: 13px;

}



.MeniuLateral ul li ul li {

	max-width:400px;

	margin:4px auto;

	padding:5px 15px;

	line-height: 0.2;

}





@media screen and (min-width: 1000px) {

.FBContainerMenu {

	margin-bottom:20px;

}

.FBContainerMenuMobil {

    display: none;

}

.Content {

	

}

}



@media screen and (min-width: 800px) and (max-width:999px) {

.FBContainerMenu {

	margin-bottom:20px;

}

.FBContainerMenuMobil {

    display: none;

}

.Content {

	

}

}



@media screen and (min-width:580px) and (max-width:799px) {

.FBContainerMenu {

	margin-bottom:20px;

}

.FBContainerMenuMobil {

    display: none;

}

.Content {
width: 280px;
	margin: 2px auto;

}

}



@media screen and (max-width:579px) {

.FBContainerMenu {

	display:none;

}

.FBContainerMenuMobil {

    

}

.Content {

	margin: 0px 20px;

}

}





.Content h1, .Content h2, .Content h3, .Content h4, .Content h5, .Content h6{

	padding: 2px 30px;

}



/* ================== PAGINA CATEGORIE + LISTA PRODUSE =================== */

@media screen and (min-width: 1000px) {
.BoxCateg {

	width:287px;

	height:200px;

	overflow:hidden;

	border: 1px solid grey;

	margin: 0px auto;

	display: inline-block;

}
.BoxCategImg img{

}


.BoxCategImg {

	width:287px;

	height:auto;

	margin: 0px auto;

}



.BoxCategTitle {

	font-weight:bold;

	padding: 0px 10px;

}
}

@media screen and (min-width: 800px) and (max-width:999px) {
.BoxCateg {

	width:287px;

	height:200px;

	overflow:hidden;

	border: 1px solid grey;

	margin: 0px auto;

	display: inline-block;

}

.BoxCategImg img{

}

.BoxCategImg {

	width:287px;

	height:auto;

	margin: 0px auto;

}



.BoxCategTitle {

	font-weight:bold;

	padding: 0px 10px;

}
}

@media screen and (min-width:580px) and (max-width:799px) {
.BoxCateg {

	width:260px;

	height:180px;

	overflow:hidden;

	border: 1px solid grey;

	margin: 10px auto;

	display: inline-block;

}
.BoxCategImg img{
	width:260px;
	height:auto;
	position: relative;

left: -14px;
}


.BoxCategImg {

	width:287px;

	height:auto;

	margin: 0px auto;

}



.BoxCategTitle {

	font-weight:bold;

	padding: 0px 10px;

}
}

@media screen and (max-width:579px) {
.BoxCateg {

	width:287px;

	height:200px;

	overflow:hidden;

	border: 1px solid grey;

	margin: 0px auto;

	display: inline-block;

}
.BoxCategImg img{

}


.BoxCategImg {

	width:287px;

	height:auto;

	margin: 0px auto;

}



.BoxCategTitle {

	font-weight:bold;

	padding: 0px 10px;

}
}





.BoxCategTitle a {

	text-decoration:none;

	color:#333333;

}



.BoxCategTitle a:hover {

	text-decoration:none;

	color:#ff6600;

	opacity:0.7;

}



.ProdList {

	margin:10px auto;

	text-align: center;

}



.ProdBox {

	background:url(imgs/bgprodbox.png);

	background-position:top center;

	background-repeat:no-repeat;

	width: 287px;

	height: 420px;

	overflow: hidden;

	margin: 7px auto;

	display: inline-block;

}



.ProdBoxImgContainer {

	width:240px;

	height:240px;

	margin: 0px auto;



}



.ProdBoxImgContainer img {

	max-width:240px;

	max-height:240px;

	margin: 0px auto;

}





.ProdTitle {

	font-weight:bold;

	padding: 0px 10px;

	height: 80px;

}



.ProdTitle h2 {

	color:#000000;

}



.ProdTitle a {

	color:#000000;

	text-decoration:none;

}



.ProdTitle a:hover {

	color:#858585;

	text-decoration:none;

}



.ProdBoxDetails {

	float: left;

	width: 138px;

	margin-top: -60px;

	z-index: 99;

	position: absolute;

}



.PromoLabel {

}



.Pret {

	width:135px;

	height:59px;

	background:url(imgs/bgpret.png);

	background-position: 0px -15px;

	background-repeat:no-repeat;

}



.PretTaiat {

	font-family:Georgia, "Times New Roman", Times, serif;

	text-decoration:line-through;

	color:#e5e5e5;

	font-size:12px;

	padding-top: 22px;

	margin-bottom: -33px;

	padding-left: 0px;

}



.PretIntreg {

	font-family:Georgia, "Times New Roman", Times, serif;

	text-decoration:none;

	color:#ffffff;

	font-size:20px;

	padding-left: 32px;

	font-weight: bold;

	position: absolute;

	margin-top: 28px;

	margin-left: -10px;

}



.DeLa {

	font-size:9px;

	display: none;

}



.Cod {

	font-size:13px;

	color:#000000;

	font-style:italic;

	margin-top: 10px;

}



.Descriere {

	font-size:11px;

	color:#565b5d;

	height: 80px;

    overflow: hidden;

	text-align: left;

}

}



.Favorite {

	font-size:12px;

	color:#889fac;

	font-weight: bold;

	margin-top: 10px;

}



.Favorite a {

	text-decoration:none;

	color:#889fac;

}



.Favorite a:hover {

	color:#648395;

}



.AddToCart {

	float: right;

	width: 85px;

	height: 112px;

	margin: -45px 0 0 185px;

	position: absolute;

	z-index: 99;

}



.AddToCart a {

}



.AddToCart a:hover {

	opacity:0.8;

}



.AddToCart a:active {

	opacity:1;

}



.BtnDetalii {

    width: 120px;

	height:auto;

    margin: 0px 0 0 140px;

    z-index: 99;

}



.BtnDetalii img {

    width: 120px;

    height: auto;

}



.BtnDetalii a {

}



.BtnDetalii a:hover {

	opacity:0.8;

}



.BtnDetalii a:active {

	opacity:1;

}



/* ================== PAGINA PRODUSULUI =================== */



.DetProd {

}



.DetProdBox {

	width:100%;

	background:url(imgs/bgprodbox.png);

	background-position:top right;

	background-repeat:no-repeat;

	min-height: 420px;

	overflow: hidden;

	margin: 7px auto;

	display: inline-block;

}



.DetProdBrand .brandslogos img {

    width: 120px;

    height: auto;

}



.DetProdBrand {

    float: right;

	margin-bottom: -70px;

}

@media screen and (min-width: 1000px) {
.DetProdBoxImgContainer img {

	width: 300px;

	height: 300px;

	width: auto !important;

}
}

@media screen and (min-width: 800px) and (max-width:999px) {
.DetProdBoxImgContainer img {

	width: 300px;

	height: 300px;

	width: auto !important;

}
}

@media screen and (min-width:580px) and (max-width:799px) {
.DetProdBoxImgContainer img {

	width: 300px;

	height: auto;

	width: 260px !important;

}
}

@media screen and (max-width:579px) {
.DetProdBoxImgContainer img {

	width: 300px;

	height: 300px;

	width: auto !important;

}
}





.DetProdBoxImgTHContainer {

	max-width:300px;

	overflow:hidden;

}



.DetProdBoxImgTHContainer img {

	height: 55px;

	margin: 7px 2px 3px 2px;

	width: auto !important;

}



.ProdDocsDownloads {

	margin-top:10px;

	padding:20px;

	text-align: right;

	border-bottom: 1px solid #CCC;

}



.ProdDocsDownloads img {

	margin:5px;

    vertical-align: -moz-middle-with-baseline;

    vertical-align: middle;

	border: none;

	width:25px;

	height:auto;

}



.ProdDocsDownloads a {

    color: #000000;

    text-decoration: none;

    font-weight: bold;

	font-size: 13px;

}



.ProdDocsDownloads a:hover {

    color: #f58634;

}



@media screen and (min-width: 1145px) {

.DetProdBoxImgContainer {

	float: left;

	height: 300px;

	margin:2px auto;

}



.DetProdBoxImgContainer img {

	max-width: 500px;

/*	height: 500px;*/

	width: auto !important;

}

}



@media screen and (min-width: 995px) and (max-width:1144px) {

.DetProdBoxImgContainer {

	float: left;

	width: 300px;

	height: 300px;

	margin:2px auto;

}

}



@media screen and (min-width:580px) and (max-width:994px) {

.DetProdBoxImgContainer {

	width: 300px;

	height: 300px;

	margin:2px auto;

}

}



@media screen and (max-width:579px) {

.DetProdBoxImgContainer {

	width: 300px;

	height: 300px;

	margin:2px auto;

}

}



.DetProdTitle {

	text-align: right;

	font-weight:bold;

	padding: 0px 10px;

}



.DetProdTitle h2 {

	color:#000000;

}



.DetProdTitle a {

	color:#000000;

	text-decoration:none;

}



.DetProdTitle a:hover {

	color:#858585;

	text-decoration:none;

}



@media screen and (min-width: 1145px) {

.DetProdBoxDetails {

	width: 450px;

	float: right;

}

}



@media screen and (min-width: 995px) and (max-width:1144px) {

.DetProdBoxDetails {

	width: 300px;

	float: right;

}

}



@media screen and (min-width:580px) and (max-width:994px) {

.DetProdBoxDetails {

	width: 300px;

	display: inline-block;

}

}



@media screen and (max-width:579px) {

.DetProdBoxDetails {

	display: inline-block;

	padding: 0 20px;

}

}



.DetProdPromoLabel {

}



.DetProdPret {

	width:135px;

	height:59px;

	background:url(imgs/bgpret.png);

	background-position: 0px -15px;

	background-repeat:no-repeat;

	padding-top: 22px;

}



.DetProdPretTaiat {

	font-family:Georgia, "Times New Roman", Times, serif;

	text-decoration:line-through;

	color:#e5e5e5;

	font-size: 12px;

	padding-top: 0px;

	margin-bottom: -3px;	

	padding-left: 0px;

}



.DetProdPretIntreg {

	font-family: Georgia, "Times New Roman", Times, serif;

	text-decoration: none;

	color: #ffffff;

	font-size: 20px;

	padding-left: 5px;

	padding-top: 0px;

	font-weight: bold;

}



.DetProdCod {

	font-size:13px;

	color:#000000;

	font-style:italic;

	text-align: justify;

}



.ProdColors {

	width:300px;

}



.ProductColor {

	height: 26px;

	width: 26px;

	overflow: hidden;

	float: left;

	border: 1px solid #cccccc;

	margin: 2px;

	padding: 1px;

	cursor: pointer;

}



.DetProdDescriere {

	font-size:11px;

	color:#565b5d;

	height: 70px;

    overflow: hidden;

	display:none;

}



.DetProdDescriereFull {

	font-size: 16px;

	color:#565b5d;

	text-align: justify;

	margin-top: 40px;

}





.DetProdFavorite {

	font-size:12px;

	color:#889fac;

	font-weight: bold;

	margin-top: 10px;

}



.DetProdFavorite a {

	text-decoration:none;

	color:#889fac;

}



.DetProdFavorite a:hover {

	color:#648395;

}



.DetProdAddToCart {

/* 	float: right;  */

	width: 150px;

	height: 40px;

/* 	margin-right: 10px;  */

	margin: 2px auto;

	display: none;

}



.DetProdAddToCart a {

}



.DetProdAddToCart a:hover {

	opacity:0.8;

}



.DetProdAddToCart a:active {

	opacity:1;

}



/* =============== FOOTER ================= */



.Footer {

	width:100%;

}



.FooterCredits{

	max-width:1200px;

	margin:2px auto;

	height:20px;

}



.FooterCopyright{

	float:left;

	color:##4e5a62;

	font-size:11px;

}



.WebsiteAuthor{

	float:right;

	color:##4e5a62;

	font-size:11px;

	font-style:italic;

}



/* ------------ FooterMenu -------------- */



.FooterMenu {

	padding: 2px;

	background-color:#bccbd4;

	text-align:center;

	color:#52658c;

	text-transform: uppercase;

}



.FooterMenu a {

	text-decoration:none;

	color:#52658c;

}



.FooterMenu a:hover {

	text-decoration:none;

	color:#ffffff;

}



.FooterMenu ul {

	margin-left: -30px;

}



@media screen and (min-width: 580px) {

.FooterMenu ul li {

	display:inline-block;

	max-width:400px;

	margin:4px auto;

	padding:5px 15px;

}

}





@media screen and (max-width:579px) {

.FooterMenu ul li {

	display:block;

	margin: 0 12px 4px 4px;

	padding: 5px 15px;

	list-style: none;

	border-bottom: 1px solid white;

}

}





.Detalii {

	font-size:16px;

}





.PostProd {

	border:0px;

	text-transform:uppercase;

	font-weight:bold;

	padding:10px 20px;

	background-color:#889fac;

	color:#ffffff;

	cursor:pointer;

}





.anunt-cookie {

	position: fixed; bottom: 0px; left: 0; 

	width: 100%; z-index: 100;

	box-sizing: border-box;

	padding: 20px 40px 10px 40px;

	background: rgba(255,255,255,1);

	font-size: 14px; letter-spacing: -0.3px;

	text-align: left;

	box-shadow: 2px 2px 50px rgba(0, 0, 0, 0.4);

	border: 2px solid #cecece;

	}



.anunt-cookie h2 {

	font-size: 16px;

	margin: 10px 0 10px 0;	padding: 0 0 3px 0;

	color: #f05622;

	border-bottom: 2px solid #f0a085;

	}

.anunt-cookie p {font-size: 12px; line-height: 16px; margin: 0 0 12px 0; padding: 0 140px 0 0;}

.anunt-cookie p a {color: #ce1b03; border-bottom: 1px solid #f58634;}

.anunt-cookie p a:hover {opacity: 0.8;}

.anunt-cookie button {

	position: absolute; top: 10px; right: 40px;

	background: #f58634; color: #fff;

	text-align: center; box-sizing: border-box;

	border: none; 

	font: 14px merribold; line-height: 28px; letter-spacing: -0.5px;

	cursor: pointer;

	padding: 5px 20px;

	transition: all 0.5s;

	}

.anunt-cookie button:hover {opacity: 0.8;}



/* ==================== CARUSEL cf. solicitari ===================== */

.carousel-control.left {
    display: none !important;
}

.carousel-control.right {
    display: none !important;
}


.carousel-indicators li {
    width: 15px !important;
    height: 15px !important;
    border-radius: 8px !important;
}

.carousel-indicators {
    left: 410px !important;
    margin-left: 0% !important;
	bottom: -60px !important;
}
@media screen and (min-width: 1000px) {
#myCarousel {
 

}
}

@media screen and (min-width: 800px) and (max-width:999px) {
#myCarousel {
 

}
}

@media screen and (min-width:580px) and (max-width:799px) {
#myCarousel {
display: none;
}
}

@media screen and (max-width:579px) {
#myCarousel {
 
    display: none;
}
}

/*======= MENIU HAMBURGER =========*/

.TopMenuM {
  overflow: hidden;
  background-color: #889fac;
}

.TopMenuM a {
  float: left;
  display: none;
  color: #f2f2f2;
  text-align: center;
  padding: 17px 16px;
  text-decoration: none;
  font-size: 17px;
  
}

.TopMenuM a:hover {
  background-color: #ddd;
  color: black;
}

.TopMenuM .icon {
  display: none;
}

@media screen and (max-width: 580px) {
  .TopMenuM a:not(:first-child) {display: none;}
  .TopMenuM a.icon {
    float: none;
font-size: 40px;
padding: 0px;
display: block;

text-align: center;
  }
}

@media screen and (max-width: 580px) {
  .TopMenuM.responsive {position: relative;}
  .TopMenuM.responsive .icon {
  font-size: 40px;
padding: 0px;
  }
  .TopMenuM.responsive a {
    float: none;
    display: block;
    text-align: center;
	padding: 15px 20px;
  }
  .responsive li {
    display:block !important;
}
.TopMenuM li {
    display: none;
}
.TopMenuM ul {

    padding: 0px;
    margin: 0px auto;

}
}

/* Cookies */

 #cookie_consent_popup {
	position: fixed;
	bottom: 10px;
	left: 0;
	width: 100%;
	background-color: #889fac;
	z-index: 999;
	text-align: center;
	box-shadow: 0 -2px 16px -7px;
}

#cookie_consent_popup p {
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	margin: 10px 0px 0px 0px;
}

.btn-cookies {
	border: none;
	font-size: 13px;
	font-weight: 600;
	color: #f58634;
	padding: 7px 30px;
	margin: 10px 0px;
	border-radius: 5px;
}
.btn-cookies:hover {
	background-color: #4b5e69;
	color: #fff;
}
.retur-btt, .buton_inapoi {
  padding: 10px;
  background-color: #889fac;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.retur-btt:hover, .buton_inapoi:hover {
  padding: 10px;
  background-color: #7b8f9a;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}@media screen and (min-width: 1000px) {
.retur-prod th {
  background-color: #D5D2B7;
  padding: 3px;
}
}

@media screen and (min-width: 800px) and (max-width:999px) {
.retur-prod th {
  background-color: #D5D2B7;
  padding: 3px;
}
}

@media screen and (min-width:580px) and (max-width:799px) {
.retur-prod {
  font-size: 12px;
  border: 1px solid #D5D2B7;
  width: 100%;
}
.retur-prod th {
  background-color: #D5D2B7;
  padding: 3px;
  display: block;
  width: 275px;
  margin: 0px auto;
}
.retur-prod td {
  display: block;
  border: none !important;
padding: 3px 0px;	
}
.retur-prod td input {
  text-align: center;
}
.retur-prod td select {
  width: 281px;
  text-align: center;
}
}

@media screen and (max-width:579px) {
.retur-prod {
  font-size: 12px;
  border: 1px solid #D5D2B7;
  width: 100%;
}
.retur-prod th {
  background-color: #D5D2B7;
  padding: 3px;
  display: block;
  width: 275px;
  margin: 0px auto;
}
.retur-prod td {
  display: block;
  border: none !important;
padding: 3px 0px;	
}
.retur-prod td input {
  width: 276px;
  text-align: center;
}
.retur-prod td select {
  width: 281px;
  text-align: center;
}
}
.btn-retur {
  background: #D5D2B7;
  border: 2px solid #7D7B65 !important;
  padding: 5px 10px;
}