/*-----------galeria produse la detaliu-----------*/

.DetProdImgColor {
	padding:3px;
	margin-right:30px;
	width: 100%;
	text-align: center;
}

.DetProdImgColor  img{
	width:60px;
}

.DetProdImgColor a {
	padding:3px;
	border:none;
}

.DetProdImgColor a:hover {
	opacity:0.5;
}

/*-----------galeria produse la detaliu-----------*/




/* CONTNOU */

.content h3 {
	font: 20px ubuntu;
	line-height: 20px;
	padding: 10px 0px;
	margin: 20px 0 10px 0;
	border-bottom: 5px solid #f0f3f4;
	}

.contnou {
	padding: 0px;
	margin: 0 0 20px 0;
	margin: 2px auto;
	width: 100%;
	}
.cn-border {
/*	border: 3px solid #eee;*/
	border-radius: 3px;
	padding: 10px 20px;
	margin: 20px 0;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
	}
	
@media screen and (min-width: 580px) {
.contnou th {
	width: 120px;
	text-align: left;
	font-family: "Calibri", Trebuchet MS, Arial;
	font-size:13px;
	padding: 2px 10px;
	vertical-align: top;
	}
}

@media screen and (max-width:579px) {
.contnou th {
	width: 80px;
	text-align: left;
	font-family: "Calibri", Trebuchet MS, Arial;
	font-size:13px;
	padding: 2px 10px;
	vertical-align: top;
	}
}	

.contnou td {
	vertical-align: top;
	padding: 2px 0px 2px 10px;
	}
.contnou em {
	font-size: 12px; 
	font-style: normal;
	text-transform: none; 
	line-height: 14px; 
	color: #aaa;
	margin: 3px 0;
	}
	
@media screen and (min-width: 580px) {
.contnou input[type="text"], .contnou textarea {
	width: 255px;
	border: 1px solid #d6c9e4;
	border-radius: 3px;
	padding: 2px 10px;
	font-family: "Calibri", Trebuchet MS, Arial;
	font-size:13px;
	}
}

@media screen and (max-width:579px) {
.contnou input[type="text"], .contnou textarea {
	width: 120px;
	border: 1px solid #d6c9e4;
	border-radius: 3px;
	padding: 2px 10px;
	font-family: "Calibri", Trebuchet MS, Arial;
	font-size:13px;
	}
}
	

.contnou input[type="text"]:hover, .contnou textarea:hover, .contnou select:hover{
	border: 1px solid #555;
	}
.contnou input[type="text"]:focus, .contnou textarea:focus, .contnou select:focus {
	background: #f5f5f7;
	}
	
.contnou select {
	width: 275px;
	border: 1px solid #d6c9e4;
	border-radius: 3px;
	padding: 2px 10px;
	font: 13px ubuntu;
	}
.contnou select option {
	border-bottom: 1px solid #ccc;
	margin: 0 5px;
	padding: 2px 0;
	}

.amluat input[type="checkbox"] {
	width: 20px; height: 20px; 
	margin: 0 5px 0 0; padding: 0 5px 0 0;
	float: right;
	}
.amluat a {
	float: left;
	color: #333;
	padding: 4px 0 0 5px;
	}

.contact-form .amluat input[type="checkbox"] {float: left;}
.contact-form .amluat a {float: left;}

	
.cumpar_buton, .cumpar_buton2 {
	clear: both;
	background: #ff6600;
	border: none;
	color: #fff;
	font-family: "Calibri", Trebuchet MS, Arial;
	padding: 10px 20px;
	margin: 0px 0 20px 0px;
	cursor: pointer;
	border-radius: 0px;
	text-transform: uppercase;
	transition: all 0.5s;
	font-size: 16px;
	display: inherit;
	width: 200px;
	margin: 12px auto;
	}
.cumpar_buton:hover, .cumpar_buton2:hover {
	background-color: #ff6600;
	opacity:0.8;
	}
	
.c-radio {
	width: 400px;
	}
.contnou strong {
	background: #eff3f4;
	font-weight: normal;
	padding: 10px 10px;
	text-transform: uppercase;
	text-shadow: 1px 1px #fff;
	}
.contnou strong:hover {
	background: #d4dce0;
	color: #000;
	}
@media screen and (min-width: 580px) {
.right-tabel {
	display: inline-block;
	vertical-align: top;
	width: 410px;
	margin: 2px auto;
	}
.left-tabel {
	display: inline-block;
	vertical-align: top;
	width: 410px;
	margin: 2px auto;
	}
}

@media screen and (max-width:579px) {
.right-tabel {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	margin: 2px auto;
	}
.left-tabel {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	margin: 2px auto;
	}
}	


/* end contnou */
	
	
	
	
.cont_meniu {
	position: absolute;
	top: 0px; right: 0;
	width: 500px;
	text-align: right;
	
	}
.cont_meniu ul {border-bottom: 4px solid #ddd;}
.cont_meniu li {display: inline-block;background-image: none;}
.cont_meniu li a {
	display: inline-block;
	vertical-align: top;
	border-radius: 3px 3px 0 0;
	border-bottom: 2px solid #fff;
	line-height: 18px;
	letter-spacing: -0.3px;
	padding: 7px 16px;
	margin: 0 0 0px 2px;
	background: #eee; 
	color: #555;
	text-shadow: 1px 1px 0px #fff;
	transition: all 0.5s;
	}
.cont_meniu li a.stop5 {
	background: #ddd;
	border-bottom: 2px solid #ddd;
	}
.cont_meniu li a:hover {
	color: #000;
	background: #dedede;
	}
	
	
	
	
	
	
	
	
/*  COMENZILE  */

.tabel_comenzi_new {
	margin: 60px 0;
	padding: 0;
	width: 930px;
	}
.tabel_comenzi_new dt {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 10px 0;
	padding: 0 0 3px 0;
	font: 16px ubuntu;
	border-bottom: 2px solid #ccc;
	}
.tabel_comenzi_new dd {
	display: inline-block;
	vertical-align: top;
	margin: 0 8px 5px 0;
	padding: 5px 0 2px 8px;
	/*border-bottom: 1px solid #ccc;*/
	min-height: 35px;
	background: #f7f5fa;
	border-radius: 3px;
	}
.tc_dt1 {width: 518px;}
.tc_dt2 {width: 128px;}
.tc_dt3 {width: 118px;}
.tc_dt4 {width: 208px;}
	
.tc_dd1 {width: 518px;background: #fff !important; padding: 0 !important;}
.tc_dd2 {width: 120px;}
.tc_dd3 {width: 110px;}

.tc_dd3 strong {
	display: block;
	font: 14px ubuntu;
	line-height: 12px;
	}

.tc_dd4 {width: 200px;}
.comanda_but {
	display: block;
	text-decoration: none;
	background: #69b5de url(../assets/arrow2.png) no-repeat 450px 10px;
	border-radius: 3px;
	padding: 12px 20px;
	color: #fff;
	transition: all 0.5s;
	}
.comanda_but:hover {
	background-color: #4897c2;
	}

	
	
.factura {
	border: 10px solid #ddd;
	background: #fff;
	padding: 10px;
	margin: -3px 0 20px 0;
	width: 850px;
	position: relative;
	}
.sageata {
	position: absolute;
	top: -28px;
	left: 30px;
	}
.date_fact h2 {
	background: #999;
	font: 20px ubuntu;
	padding: 10px 20px;
	margin: 0 0 5px 0;
	border-radius: 2px;
	color: #fff;
	}
	
.date_fact dd {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0px 0;
	padding: 10px;
	width: 246px;
	height: 230px;
	border: 0 none;
	background: #eee;
	color: #333;
	letter-spacing: -0.5px;
	}
.date_fact dd:last-child {margin: 0 0px 0px 0;}
.date_fact dd p {
	margin: 0 0 2px 0;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #cacaca;
	font: 13px ubuntu;
	}
.date_fact dd p span {
	float: right;
	font: bold 13px ubuntu;
	}
	
	
.table_comanda {
	width: 100%;
	border-spacing: 8px;
	border: 3px solid #ddd;
	border-radius: 2px;
	padding: 2px;
	margin: 15px 0;
	color: #333;
	}
.table_comanda th {
	vertical-align: top;
	background: #ccc;
	border-radius: 2px;
	color: #555;
	font: bold 13px ubuntu;
	padding: 5px 10px;
	letter-spacing: -0.5px;
	text-shadow: 1px 1px #eee;
	}
.table_comanda td {
	vertical-align: top;
	padding: 0px 0 10px 0px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 0 0 3px 0;
	}

.table_comanda td p {
	margin: 0 10px 0 0;
	padding: 0;
	border-bottom: 1px dashed #ccc;
	}
.table_comanda td p span {
	float: right;
	color: #555;
	}
	
.dl_total dd {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0px 0;
	padding: 10px 20px 0 10px;
	width: 450px;
	height: 0px;
	border: 0 none;
	border-radius: 2px;
	background: #eee;
	}
.dl_total dd strong {
	font: bold 20px ubuntu;
	text-shadow: 1px 1px #fff;
	display: inline-block;
	color: #555;
	margin: 5px 0 0 0;
	}
.factura h3 {
	font: 18px ubuntu;
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px 0;
	margin: 20px 0 0 0;
	}
/*  end comenzile  */



/* VEZICOS */

@media screen and (min-width: 580px) {
.vezicos {
	width: 98%;
	border-spacing:2px;
	margin: 20px 0px 20px -5px;
	}
.vezicos th {
	vertical-align:top;
	background: #ddd;
	border-radius:2px;
	color: #555;
	font: bold 13px ubuntu;
	padding:5px 10px;
	letter-spacing: -0.5px;
	font-family: "Calibri", Trebuchet MS, Arial;
	}	
}

@media screen and (max-width:579px) {
.vezicos {
	width: 98%;
	border-spacing:2px;
	margin: 2px auto;
	font-size: 12px;
	max-width: 300px;
	}
.vezicos th {
	vertical-align:top;
	background: #ddd;
	border-radius:2px;
	color: #555;
	font: bold 13px ubuntu;
	padding:0px 0px;
	letter-spacing: -0.5px;
	font-family: "Calibri", Trebuchet MS, Arial;
	}
	
.VizcosP {
	max-width:280px;
//	margin-left:-15px;
	margin: 2px auto;
}
}	
.vezicos th:first-child {width: 170px;}
.vezicos th:last-child {width: 120px;}
.vezicos td {
	vertical-align:top;
	padding: 10px 0px 10px 0px;
	border-right: 1px solid #dbe4e9;
	border-bottom: 1px solid #dbe4e9;
	border-radius: 0 0 3px 0;
	}
.vezicos td img{
	vertical-align:middle;
	}
.vezicos input[type="text"]{border:1px solid #ccc;border-radius:2px;font:12px ubuntu;padding:2px 3px;width:35px;}
.vezicos input[type="text"]:hover{border:1px solid #999;}
.col-img0 {}
/*.vezicos a img {
	height: 110px;
	padding: 0 30px;
	border: 2px solid #fff;
	}*/
	
	
@media screen and (min-width: 580px) {
.carte {
	display: table-cell;
	text-align: center;
	padding: 0px;
	margin: 2px 0;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	}
.carte img {
	max-width: 100px; max-height: 100px;text-align: center;
	}
}

@media screen and (max-width:579px) {
.carte {
	display: table-cell;
	text-align: center;
	padding: 0px;
	margin: 2px 0;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	}
.carte img {
	max-width: 50px; max-height: 50px;text-align: center;
	}
}		
	

.modif_buton {
	display: block;
	padding: 1px 0 3px 25px;
	font: 13px ubuntu; line-height: 18px;
	border: 0 none;
	cursor: pointer;
	margin: 0 0 7px 0;
	background: #fff url(../assets/modif-sterge.png) no-repeat 0 0px;
    content: 'Modifica';
	}
.modif_buton:hover {background: #fff url(../assets/modif-sterge.png) no-repeat 0 -29px;}

.sterge_buton {
	display: block;
	padding: 1px 0 3px 25px;
	font: 13px ubuntu; line-height: 18px;
	border: 0 none;
	cursor: pointer;
	margin: 0;
	background: #fff url(../assets/modif-sterge.png) no-repeat -178px 0px;
	content: 'Sterge';
	}
.sterge_buton:hover {background: #fff url(../assets/modif-sterge.png) no-repeat -178px -29px; color: #b11117;}
	
.but1{
	background: #889fac;
	color:#fff;
	padding:10px 20px;
	text-decoration:none;
	text-transform:uppercase;
	border-radius:0px;
	font-size: 18px;
	margin: 0 5px;
	transition: background 0.5s;
	}
.but1:hover{background-color:#889fac;opacity:0.8;}
.but3 {
	background: #ff6600;
	color:#fff;
	padding:10px 20px;
	text-decoration:none;
	text-transform:uppercase;
	border-radius:0px;
	font-size: 18px;
	font-family: "Calibri", Trebuchet MS, Arial;
	border: 0 none;
	margin: 0 5px;
	cursor: pointer;
	transition: background 0.5s;
	margin: 20px 5px;
	}
.but3:hover{background-color: #ff6600;opacity:0.8;}


.total td {
	text-align:right;
	border-right: none;
	}

.total-pret {
	min-width: 100px;
	float: right;
	padding: 0 20px 0 10px;
	border-left: 6px solid #eee;
	margin: 0 0 0 10px;
	}
.total strong {
	font-family: "Calibri", Trebuchet MS, Arial;
	font-size: 24px;
	font-weight: bold;
	}
.total sup {
	font-size: 12px;
	margin: 0 0 0 3px;
	}
	
	

.total_tva em {font:bold 12px ubuntu;margin:0 0 0 2px;}
.total2 td {
	text-align:right;
	font-size: 20px;
	line-height: 20px;
	background: #d5eeff;
	border-radius: 3px;
	padding: 15px 10px 10px 10px;
	color: #333;
	text-shadow: 1px 1px #fff;
	margin: 0;
	vertical-align: bottom;
	}
.total2 span {
	font-size: 16px;
	font-weight: bold;
	margin: -5px 0 0 2px;
	border-left: none;
	}
.total2 strong {font-size: 28px;}
.total2 strong sup {font-size: 14px;}


/* end vezicos */
	
	
	
/* AUTENTIFICARE */
.casuta {
	display: inline-block;
	vertical-align: top;
	width: 250px;
	height: 170px;
	margin: 60px 0px;
	padding: 0 20px 50px 20px;
	/*text-transform: none;*/
	position: relative;
	}
.casuta h2 {
	font-size: 24px;
	font-weight: 300;
	line-height: 24px;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	border-bottom: 3px solid #eee;
	letter-spacing: -0.5px;
	}
.casuta3 h2 {color: #0089e3;}
.casuta p {
	margin: 0 0 20px 0;
	padding: 0;
	}
.casuta2 {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}
	
.buton1, .buton2, .buton3 {
	position: absolute;
	bottom: 0;	
	left: 50%;
	margin-left: -125px;
	font-size: 14px; 
	border: 1px solid #80669b;
	border-radius: 2px;
	text-align: center;
	padding: 10px 0;
	color: #442663;
	width: 250px;
	background: #fff url(../assets/left.jpg) no-repeat right top;
	font-family: ubuntu;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.5s;
	}
.buton1:hover, .buton2:hover, .buton3:hover {
	background: linear-gradient(0deg, #efefef, #fff);
	}
.buton1 {color: #777; border: 1px solid #aaa;}
.buton2 {color: #86ae40; border: 1px solid #bddf81;}
.buton3 {color: #0099ff; border: 1px solid #59bdff;}
	
.casuta table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	}
.casuta th {
	text-align: left;
	padding: 0 10px 0 0;
	font-weight: normal;
	font-size: 14px;
	}
.casuta input[type="text"], .casuta input[type="password"] {
	float: left;
	display: block;
	font-size: 14px; 
	border: 1px solid #ddd;
	border-radius: 2px;
	text-align: left;
	padding: 5px 10px;
	color: #555;
	width: 175px;
	margin: 5px 0 5px 0;
	font-family: ubuntu;
	background: #fff;
	}
.casuta input[type="text"]:hover, .casuta input[type="password"]:hover {
	border: 1px solid #59bdff;
	color: #0099ff;
	}
.reamintire {
	color: #616d73;
	background: url(../assets/pct.png) no-repeat 0 8px;
	padding: 0 0 0 12px;
	}
.reamintire:hover {color: #0089e3;}
/* end autentificare */
	
@media screen and (min-width: 816px) {
.cont_meniu {
	position: relative;
	top: 0px; right: 0;
	width: 500px;
	text-align: right;
	margin: 2px auto;
	}
}

@media screen and (max-width:815px) {
.cont_meniu {
	position: relative;
	top: 0px; right: 0;
	width: 300px;
	text-align: right;
	margin: 2px auto;
	}
}
	

.cont_meniu ul {border-bottom: 4px solid #ddd;}
.cont_meniu li {display: inline-block;background-image: none;}
.cont_meniu li a {
	display: inline-block;
	vertical-align: top;
	border-radius: 3px 3px 0 0;
	border-bottom: 2px solid #fff;
	line-height: 18px;
	letter-spacing: -0.3px;
	padding: 7px 16px;
	margin: 0 0 0px 2px;
	background: #eee; 
	color: #555;
	text-shadow: 1px 1px 0px #fff;
	transition: all 0.5s;
	}
.cont_meniu li a.stop5 {
	background: #ddd;
	border-bottom: 2px solid #ddd;
	}
.cont_meniu li a:hover {
	color: #000;
	background: #dedede;
	}
	
	
	
	
	
	
	
	
/*  COMENZILE  */

.tabel_comenzi_new {
	margin: 60px 0;
	padding: 0;
	width: 930px;
	}
.tabel_comenzi_new dt {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 10px 0;
	padding: 0 0 3px 0;
	font: 16px ubuntu;
	border-bottom: 2px solid #ccc;
	}
.tabel_comenzi_new dd {
	display: inline-block;
	vertical-align: top;
	margin: 0 8px 5px 0;
	padding: 5px 0 2px 8px;
	/*border-bottom: 1px solid #ccc;*/
	min-height: 35px;
	background: #f7f5fa;
	border-radius: 3px;
	}
.tc_dt1 {width: 518px;}
.tc_dt2 {width: 128px;}
.tc_dt3 {width: 118px;}
.tc_dt4 {width: 208px;}
	
.tc_dd1 {width: 518px;background: #fff !important; padding: 0 !important;}
.tc_dd2 {width: 120px;}
.tc_dd3 {width: 110px;}

.tc_dd3 strong {
	display: block;
	font: 14px ubuntu;
	line-height: 12px;
	}

.tc_dd4 {width: 200px;}
.comanda_but {
	display: block;
	text-decoration: none;
	background: #69b5de url(../assets/arrow2.png) no-repeat 450px 10px;
	border-radius: 3px;
	padding: 12px 20px;
	color: #fff;
	transition: all 0.5s;
	}
.comanda_but:hover {
	background-color: #4897c2;
	}

	
	
.factura {
	border: 10px solid #ddd;
	background: #fff;
	padding: 10px;
	margin: -3px 0 20px 0;
	width: 850px;
	position: relative;
	}
.sageata {
	position: absolute;
	top: -28px;
	left: 30px;
	}
.date_fact h2 {
	background: #999;
	font: 20px ubuntu;
	padding: 10px 20px;
	margin: 0 0 5px 0;
	border-radius: 2px;
	color: #fff;
	}
	
.date_fact dd {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0px 0;
	padding: 10px;
	width: 246px;
	height: 230px;
	border: 0 none;
	background: #eee;
	color: #333;
	letter-spacing: -0.5px;
	}
.date_fact dd:last-child {margin: 0 0px 0px 0;}
.date_fact dd p {
	margin: 0 0 2px 0;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #cacaca;
	font: 13px ubuntu;
	}
.date_fact dd p span {
	float: right;
	font: bold 13px ubuntu;
	}
	
	
.table_comanda {
	width: 100%;
	border-spacing: 8px;
	border: 3px solid #ddd;
	border-radius: 2px;
	padding: 2px;
	margin: 15px 0;
	color: #333;
	}
.table_comanda th {
	vertical-align: top;
	background: #ccc;
	border-radius: 2px;
	color: #555;
	font: bold 13px ubuntu;
	padding: 5px 10px;
	letter-spacing: -0.5px;
	text-shadow: 1px 1px #eee;
	}
.table_comanda td {
	vertical-align: top;
	padding: 0px 0 10px 0px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 0 0 3px 0;
	}

.table_comanda td p {
	margin: 0 10px 0 0;
	padding: 0;
	border-bottom: 1px dashed #ccc;
	}
.table_comanda td p span {
	float: right;
	color: #555;
	}
	
.dl_total dd {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0px 0;
	padding: 10px 20px 0 10px;
	width: 450px;
	height: 0px;
	border: 0 none;
	border-radius: 2px;
	background: #eee;
	}
.dl_total dd strong {
	font: bold 20px ubuntu;
	text-shadow: 1px 1px #fff;
	display: inline-block;
	color: #555;
	margin: 5px 0 0 0;
	}
.factura h3 {
	font: 18px ubuntu;
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px 0;
	margin: 20px 0 0 0;
	}
/*  end comenzile  */


/* --------- HOMEPAGE LOGO-uri --------- */

.HomeDescription {
}

.brandslogos {
	display: inline-block;
	width:150px;
	margin:5px 15px;
}

.parteneri_h {
	text-align: center;
	vertical-align: middle;
}

.parteneri_h span {
	margin-top:10px;
	font-size:20px;
	font-weight:bold;
}

.parteneri_h a {
	text-decoration: none;
	color: #333333;
}

.parteneri_h a:hover {
    text-decoration: none;
    color: #cccccc;
}

.parteneri_h img {
	max-width:140px;
	height:auto;
	margin-bottom: 10px;
}

/* --------- END HOMEPAGE LOGO-uri --------- */



/* ----- diverse ----- */

.MesajphpP { 
	font-weight:bold;
	font-size:14px;
	padding-left:30px;
	padding-right:30px;
}