@charset "utf-8";

@font-face {
  font-family: "Droid Serif";
  font-style: normal;
  font-weight: 400;
  src: local("Droid Serif"), local("DroidSerif"), url("../fonts/DroidSerif.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans-Ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/*--------------------------------------------------------------------
- HTML
-----------------------------------------------------------------------*/
	body {
		padding: 0px;
		margin: 0px;
		font-family: "Open Sans", sans-serif;
		font-size: 14px;
		line-height: 1em;
		background-color: #fff;
		color: #000;	
		}
	* {
	  -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;
	}
	*:before,
	*:after {
	  -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;
	}
	input, button, select, textarea,
	table, tr, td {
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		}
	img { border: 0px; }
	
	
/*--------------------------------------------------------------------
- Generale
-----------------------------------------------------------------------*/
	.clearfix:after {
		content: "";
		display: table;
		clear: both;
		}
	.text_upper { text-transform: uppercase; }
	.text-central { text-align: center; }
	.text-right { text-align: right !important; }
	.text_error { color: #ff0000; }
	.text_alb { color: #ffffff; }
	.text_cinci { color: #555555; }
	.text_succes {
		color: green;
		font-weight: bold;
		}
	img.icon { vertical-align: middle; }
	.ui_bck_gri { background-color: #f1f3f3; }
	a.ui_hover_black:hover, input.ui_hover_black:hover { 
		background-color: #333 !important;
		color: #fff !important;
		cursor: pointer;
		}
		
	a.buton_left, a.buton_right {
		float: left;
		padding: 17px 35px;
		margin: 20px 0px 0px 0px;
		font-size: 1em;
		letter-spacing: 1px;
		color: #fff;
		background-color: #ff6633;
		text-decoration: none;
		outline: none;
		}
	a.buton_right { float: right; }
	
	div.buton_central {
		text-align: center;
		}
	a.buton_central {
		display: inline-block;
		padding: 17px 35px;
		margin: 10px auto 0px auto;
		font-size: 1em;
		letter-spacing: 1px;
		color: #fff;
		background-color: #ff6633;
		text-decoration: none;
		outline: none;
		}
	a.buton_left:hover, a.buton_central:hover {
		background-color: #333;
		}
	
/* ------------------------------------------------------------------------------------
- Ecrane
 ------------------------------------------------------------------------------------ */
	.ui_full {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		}
	.ui_inner {
		width: 100%;
		max-width: 1200px;
		margin: 0px auto;
		}
			@media screen and (min-width: 1367px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
			}
			
		
/* ------------------------------------------------------------------------------------
- Meniu Top			  
 ------------------------------------------------------------------------------------ */
	#meniutop { }
	#meniutop a {
		float: left;
		width: 10%;
		padding: 15px 0px 15px 0px;
		text-align: center;
		color: #555;
		border-right: 1px solid #fff;
		text-decoration: none;
		outline: none;
		}
	#meniutop a.selectat {
		color: #fff;
		background-color: rgba(0,0,0,.5);
		}
	#meniutop a.ascuns { display: none; }
	#meniutop a.ui_cont_links {
		color: #111;
		background-color: #ccc;
		}
	#meniutop form {
		float: left;
		width: 70%;
		padding: 8px 10px 8px 0px;
		margin: 0px 0px 0px auto;
		text-align: right;
		border-right: 1px solid #fff;
		}
	#meniutop input[type="text"], #meniutop input[type="password"] {
		color: #666;
		background-color: #fff;
		border: none;
		padding: 4px 10px 4px 10px;
		font-style: italic;
		}
	#meniutop input[type="text"]:focus, #meniutop input[type="password"]:focus {
		color: #111;
		}
	#meniutop input[type="submit"] {
		padding: 6px 15px;
		color: #fff;
		background-color: #ff6633;
		text-align: center;
		border: none;
		}
	#meniutop #ui_cont_links {
		float: left;
		width: 80%;
		text-align: right;
		}
	#meniutop #ui_cont_links a {
		float: right;
		color: #111;
		background-color: #ccc;
		}
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
				#meniutop a {
					width: 12%;
					}
				#meniutop form {
					width: 64%;
					}
				#meniutop #ui_cont_links {
					width: 76%;
					}
				#meniutop #ui_cont_links a {
					width: 18%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				#meniutop a {
					float: left;
					width: 20%;
					padding: 15px 0px 15px 0px;
					text-align: center;
					color: #555;
					border-right: 1px solid #fff;
					text-decoration: none;
					outline: none;
					}
				#meniutop form {
					float: left;
					width: 20%;
					padding: 0px;
					margin: 0px;
					}
				#meniutop input[type="text"], #meniutop input[type="password"] { display: none; }
				#meniutop input[type="submit"] {
					width: 100%;
					padding: 15px 0px 15px 0px;
					text-align: center;
					color: #555;
					border-right: 1px solid #fff;
					text-decoration: none;
					outline: none;
					background-color: transparent;
					}
				#meniutop #ui_cont_links {
					float: left;
					width: 60%;
					}
				#meniutop #ui_cont_links a {
					width: 33.3%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#meniutop a {
					float: left;
					width: 20%;
					padding: 15px 0px 15px 0px;
					text-align: center;
					color: #555;
					border-right: 1px solid #fff;
					text-decoration: none;
					outline: none;
					}
				#meniutop form {
					float: left;
					width: 20%;
					padding: 0px;
					margin: 0px;
					}
				#meniutop input[type="text"], #meniutop input[type="password"] { display: none; }
				#meniutop input[type="submit"] {
					width: 100%;
					padding: 15px 0px 15px 0px;
					text-align: center;
					color: #555;
					border-right: 1px solid #fff;
					text-decoration: none;
					outline: none;
					background-color: transparent;
					}
				#meniutop #ui_cont_links {
					float: left;
					width: 60%;
					}
				#meniutop #ui_cont_links a {
					width: 33.3%;
					}
			}
			
		
/* ------------------------------------------------------------------------------------
- Logo & Cos			  
 ------------------------------------------------------------------------------------ */
	#meniumain_box {
		padding: 5px 0px 8px 0px;
		background: #25201a url('../../imagini/top-fundal.jpg') 0px 100% repeat;
		}		
	a#cos_banner, a#cos_banner-clone {
		float: right;
		width: 39px;
		height: 39px;
		padding: 30px;
		margin: 10px 6px 0px 0px;
		border-radius: 30px;
		color: #fff;
		background: #ff6633 url('../../imagini/cos-cumparaturi.png') center center no-repeat;
		text-align: left;
		box-shadow: 0px 0px 8px #333;
		text-decoration: none;
		outline: none;
		}
	a#cos_banner:hover { background-color: #333; }
	#cos_banner > span {
		display: block;
		margin: 8px 0px 0px 11px;
		padding: 5px 15px 5px 10px;
		border-radius: 15px;
		background-color: rgba(255, 255, 255, .9);
		color: #111;
		font-size: 0.9em;
		text-align: left;
		overflow: normal;
		}
	#cos_banner strong {
		display: block;
		padding: 0px 15px 0px 0px;
		}
	#cos_banner-clone {
		opacity: 0;
		}
	.sticky, .fixed {
		position: fixed;
		top: 0;
		left: 0;
		}
		
		
	#ui_logo {
		float: left;
		width: 29.5%;
		margin: -52px 0px 0px 0.5%;
		}
	#meniumain {
		float: right;
		width: 62%;
		margin: -70px 8% 0px auto;
		text-align: right;
		}
	#meniumain a {
		display: inline-block;
		width: 150px;
		padding: 19px 0px 18px 0px;
		margin: 0px 2px 0px 0px;
		font-size: 1.3em;
		line-height: 1.1em;
		letter-spacing: 1px;
		text-align: center;
		font-family: "Droid Serif", sans-serif;
		color: #f1f2ee;
		text-transform: uppercase;
		text-decoration: none;
		outline: none;
		}
	#meniumain a:hover {
		color: #fff;
		background-color: rgba(0,0,0,.5);
		}
	#meniumain a.selectat {
		color: #fff;
		background-color: rgba(0,0,0,.5);
		}
	.submeniumain {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		min-width: 250px;
		padding: 10px 10px 10px 10px;
		background-color: rgba(0,0,0,.5);
		}
	.submeniumain a {
		display: block;
		padding: 10px 10px 10px 20px;
		font-size: 1em;
		font-family: "Droid Serif", sans-serif;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		outline: none;
		}
	.submeniumain a:hover {
		background-color: rgba(0,0,0,.5);
		}	
	
	
			
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
				#ui_logo {
					width: 25%;
					}
				#meniumain {
					width: 66%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
				#meniumain_box {
					padding: 0px 0px 8px 0px;
					}
				#ui_logo {
					float: none;
					width: 99%;
					margin: -50px 0px 0px 1%;
					}
				#meniumain {
					float: none;
					width: 100%;
					text-align: center;
					margin: 24px 0px 0px auto;
					}
				#meniumain a {
					width: 24%;
					margin: 0px 0.5% 5px 0.5%;
					padding: 12px 0px 12px 0px;
					font-size: 1.1em;
					line-height: 1em;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				#meniumain_box {
					padding: 0px 0px 8px 0px;
					}
				#ui_logo {
					float: none;
					width: 99%;
					margin: -50px 0px 0px 1%;
					}
				#ui_logo img {
					max-width: 45%;
					height: auto;
					}
				#meniumain {
					float: none;
					width: 100%;
					text-align: center;
					margin: 24px 0px 0px auto;
					}
				#meniumain a {
					width: 24%;
					margin: 0px 0.5% 5px 0.5%;
					padding: 12px 0px 12px 0px;
					font-size: 1.1em;
					line-height: 1em;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#meniumain_box {
					padding: 0px 0px 8px 0px;
					background-image: none;
					}
				#ui_logo {
					float: none;
					width: 99%;
					margin: -50px 0px 0px 1%;
					}
				#ui_logo img {
					max-width: 45%;
					height: auto;
					}
				#meniumain {
					float: none;
					width: 100%;
					text-align: center;
					margin: 30px 0px 0px auto;
					}
				#meniumain a {
					width: 49%;
					margin: 0px 0.5% 5px 0.5%;
					padding: 12px 0px 12px 0px;
					font-size: 1.1em;
					line-height: 1em;
					}
			}
			
			
/* ------------------------------------------------------------------------------------
- Headere
 ------------------------------------------------------------------------------------ */
	#ui_header > h1, #ui_header_mic > h1 {
		margin: 0px auto 0px auto;
		font-family: "Droid Serif", sans-serif;		
		line-height: 1em;		
		text-align: center;
		color: #fff;
		font-weight: normal;
		}
	#ui_header > div > h2 {
		margin: 0px;
		line-height: 1.2em;
		font-weight: normal;
		color: #fff;
		background-color: rgba(0, 0, 0, .5);
		}
	#ui_header > div > h2 > strong { display: block; }
		
			@media screen and (min-width: 1367px) 
			{
				#ui_header {
					background: #333 url('../../imagini/usi-interior-portadoors-usi-glisante-apartament-exterior-1920.jpg') center center no-repeat;
					min-height: 622px;
					padding: 380px 0px 0px 0px;
					}
				#ui_header > h1 {
					display: none;
					width: 80%;
					padding: 30px 0px 30px 0px;
					font-size: 10.5em;
					text-shadow: 8px 8px #000;
					letter-spacing: -4px;
					}
				#ui_header > div > h2 {
					width: 45%;
					padding: 45px;
					font-size: 1.5em;
					letter-spacing: -1px;
					}
				#ui_header > div > h2 > strong {
					font-size: 1.3em;
					line-height: 1em;
					}
				.header_mic_general			{ min-height: 421px; background: #333 url('../../imagini/header-mic-general-1920.jpg') center center no-repeat; }
				.header_mic_usi_interior 	{ min-height: 421px; background: #333 url('../../imagini/header-mic-usi-interior-1920.jpg') center center no-repeat; }
				.header_mic_usi_glisante	{ min-height: 421px; background: #333 url('../../imagini/header-mic-usi-glisante-1920.jpg') center center no-repeat; }
				.header_mic_usi_apartament 	{ min-height: 421px; background: #333 url('../../imagini/header-mic-usi-apartament-1920.jpg') center center no-repeat; }
				.header_mic_usi_exterior 	{ min-height: 421px; background: #333 url('../../imagini/header-mic-usi-exterior-1920.jpg') center center no-repeat; }
				#ui_header_mic > h1 {
					width: 80%;
					padding: 150px 0px 0px 0px;
					font-size: 7.2em;
					letter-spacing: -4px;
					}
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{		
				#ui_header {
					background: #333 url('../../imagini/usi-interior-portadoors-usi-glisante-apartament-exterior-1366.jpg') center center no-repeat;
					min-height: 443px;
					padding: 200px 0px 0px 0px;
					}
				#ui_header > h1 {
					width: 80%;
					padding: 130px 0px 0px 0px;
					font-size: 8.6em;
					letter-spacing: -4px;
					}
				#ui_header > div > h2 {
					width: 45%;
					margin: 0px 0px 0px 15px;
					padding: 40px;
					font-size: 1.5em;
					letter-spacing: -1px;
					}
				.header_mic_general			{ min-height: 300px; background: #333 url('../../imagini/header-mic-general-1366.jpg') center center no-repeat; }
				.header_mic_usi_interior 	{ min-height: 300px; background: #333 url('../../imagini/header-mic-usi-interior-1366.jpg') center center no-repeat; }
				.header_mic_usi_glisante	{ min-height: 300px; background: #333 url('../../imagini/header-mic-usi-glisante-1366.jpg') center center no-repeat; }
				.header_mic_usi_apartament 	{ min-height: 300px; background: #333 url('../../imagini/header-mic-usi-apartament-1366.jpg') center center no-repeat; }
				.header_mic_usi_exterior 	{ min-height: 300px; background: #333 url('../../imagini/header-mic-usi-exterior-1366.jpg') center center no-repeat; }
				#ui_header_mic > h1 {
					width: 80%;
					padding: 100px 0px 0px 0px;
					font-size: 6.2em;
					letter-spacing: -4px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{		
				#ui_header {
					background: #333 url('../../imagini/usi-interior-portadoors-usi-glisante-apartament-exterior-1200.jpg') center center no-repeat;
					min-height: 389px;
					padding: 180px 0px 0px 0px;
					}
				#ui_header > h1 {
					width: 80%;
					padding: 110px 0px 0px 0px;
					font-size: 7.4em;
					letter-spacing: -4px;
					}
				#ui_header > div > h2 {
					width: 55%;
					margin: 0px 0px 0px 15px;
					padding: 40px;
					font-size: 1.4em;
					letter-spacing: -1px;
					}
				.header_mic_general			{ min-height: 263px; background: #333 url('../../imagini/header-mic-general-1200.jpg') center center no-repeat; }
				.header_mic_usi_interior 	{ min-height: 263px; background: #333 url('../../imagini/header-mic-usi-interior-1200.jpg') center center no-repeat; }
				.header_mic_usi_glisante	{ min-height: 263px; background: #333 url('../../imagini/header-mic-usi-glisante-1200.jpg') center center no-repeat; }
				.header_mic_usi_apartament 	{ min-height: 263px; background: #333 url('../../imagini/header-mic-usi-apartament-1200.jpg') center center no-repeat; }
				.header_mic_usi_exterior 	{ min-height: 263px; background: #333 url('../../imagini/header-mic-usi-exterior-1200.jpg') center center no-repeat; }
				#ui_header_mic > h1 {
					width: 80%;
					padding: 85px 0px 0px 0px;
					font-size: 4.9em;
					letter-spacing: -4px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{		
				#ui_header {
					background: #333 url('../../imagini/usi-interior-portadoors-usi-glisante-apartament-exterior-992.jpg') center center no-repeat;
					min-height: 321px;
					padding: 130px 0px 0px 0px;
					}
				#ui_header > h1 {
					width: 80%;
					padding: 80px 0px 0px 0px;
					font-size: 6.5em;
					letter-spacing: -4px;
					}
				#ui_header > div > h2 {
					width: 55%;
					margin: 0px 0px 0px 15px;
					padding: 25px;
					font-size: 1.3em;
					letter-spacing: -1px;
					}
				.header_mic_general			{ min-height: 218px; background: #333 url('../../imagini/header-mic-general-992.jpg') center center no-repeat; }
				.header_mic_usi_interior 	{ min-height: 218px; background: #333 url('../../imagini/header-mic-usi-interior-992.jpg') center center no-repeat; }
				.header_mic_usi_glisante	{ min-height: 218px; background: #333 url('../../imagini/header-mic-usi-glisante-992.jpg') center center no-repeat; }
				.header_mic_usi_apartament 	{ min-height: 218px; background: #333 url('../../imagini/header-mic-usi-apartament-992.jpg') center center no-repeat; }
				.header_mic_usi_exterior 	{ min-height: 218px; background: #333 url('../../imagini/header-mic-usi-exterior-992.jpg') center center no-repeat; }
				#ui_header_mic > h1 {
					width: 80%;
					padding: 75px 0px 0px 0px;
					font-size: 4.2em;
					letter-spacing: -4px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{		
				#ui_header {
					background: #333 url('../../imagini/usi-interior-portadoors-usi-glisante-apartament-exterior-768.jpg') center center no-repeat;
					background-size: cover;
					min-height: 248px;
					padding: 110px 0px 0px 0px;
					}
				#ui_header > h1 {
					width: 98%;
					padding: 60px 0px 0px 0px;
					font-size: 5.1em;
					letter-spacing: -4px;
					}
				#ui_header > div > h2 {
					width: 60%;
					margin: 0px 0px 0px 15px;
					padding: 25px;
					font-size: 1.2em;
					letter-spacing: -1px;
					}
				#ui_header > div > h2 > span { display: none; }
				.header_mic_general			{ min-height: 168px; background: #333 url('../../imagini/header-mic-general-768.jpg') center center no-repeat; }
				.header_mic_usi_interior 	{ min-height: 168px; background: #333 url('../../imagini/header-mic-usi-interior-768.jpg') center center no-repeat; }
				.header_mic_usi_glisante	{ min-height: 168px; background: #333 url('../../imagini/header-mic-usi-glisante-768.jpg') center center no-repeat; }
				.header_mic_usi_apartament 	{ min-height: 168px; background: #333 url('../../imagini/header-mic-usi-apartament-768.jpg') center center no-repeat; }
				.header_mic_usi_exterior 	{ min-height: 168px; background: #333 url('../../imagini/header-mic-usi-exterior-768.jpg') center center no-repeat; }
				#ui_header_mic > h1 {
					width: 98%;
					padding: 60px 0px 0px 0px;
					font-size: 3.5em;
					letter-spacing: -2px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{	
				#ui_header {
					background: #333 url('../../imagini/usi-interior-portadoors-usi-glisante-apartament-exterior-768.jpg') center center no-repeat;
					background-size: cover;
					min-height: 248px;
					padding: 110px 0px 0px 0px;
					}
				#ui_header > h1 {
					width: 98%;
					padding: 60px 0px 0px 0px;
					font-size: 4.1em;
					letter-spacing: -4px;
					}
				#ui_header > div > h2 {
					width: 60%;
					margin: 0px 0px 0px 15px;
					padding: 25px;
					font-size: 1.2em;
					letter-spacing: -1px;
					}
				#ui_header > div > h2 > span { display: none; }
				.header_mic_general			{ min-height: 169px; background: #333 url('../../imagini/header-mic-general-768.jpg') 0px 0px no-repeat; }
				.header_mic_usi_interior 	{ min-height: 169px; background: #333 url('../../imagini/header-mic-usi-interior-768.jpg') 0px 0px no-repeat; }
				.header_mic_usi_glisante	{ min-height: 169px; background: #333 url('../../imagini/header-mic-usi-glisante-768.jpg') 0px 0px no-repeat; }
				.header_mic_usi_apartament 	{ min-height: 169px; background: #333 url('../../imagini/header-mic-usi-apartament-768.jpg') 0px 0px no-repeat; }
				.header_mic_usi_exterior 	{ min-height: 169px; background: #333 url('../../imagini/header-mic-usi-exterior-768.jpg') 0px 0px no-repeat; }
				#ui_header_mic > h1 {
					width: 98%;
					padding: 60px 0px 0px 0px;
					font-size: 3.2em;
					letter-spacing: -2px;
					}
			}
		
/* ------------------------------------------------------------------------------------
- Lista -> Panou Stang
 ------------------------------------------------------------------------------------ */
	#filtru_trigger_mobil {
		margin: 30px auto 1px auto;
		padding: 15px 10px;
		background-color: #f1f2ee;		
		color: #990000;
		text-decoration: none;
		outline: none;
		}
	#filtru_trigger_mobil:hover {
		background-color: #ccc;
		}
	.onlymobil { display: none; }
	#lista_box { margin: 50px auto; }
	#lista_parametrii_box {
		float: left;
		width: 20%;
		max-width: 252px;
		margin: 0px 0px 0px 15px;
		}	
	.lista_param_box {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 12px 0px;
		color: #151515;
		}
	.lista_param_titlu {
		display: block;
		padding: 10px 0px 10px 8px;
		font-size: 1em;
		line-height: 1em;
		letter-spacing: 1px;
		color: #151515;
		background: #f5f5f5 url('../../imagini/param_sageata_sus.png') 95% center no-repeat;
		text-transform: uppercase;
		text-decoration: none;
		outline: none;
		}
	.lista_param_titlu_invers {
		background: #f5f5f5 url('../../imagini/param_sageata_jos.png') 95% center no-repeat;
		}
	.lista_param_cont {
		padding: 13px 14px 10px 14px;
		border: 1px solid #f5f5f5;
		border-top: none;
		}
		
	a.fakelabel {
		display: block;
		position: relative;
		padding: 4px 0px 6px 5px;
		margin: 0px 0px 5px 0px;
		color: #111;
		text-decoration: none;
		outline: none;
		cursor: pointer;
		}
	a.fakelabel:hover, a.fakelabelselected {
		color: #fff;
		background-color: #666;
		}
	.label_optiune {
		display: block;
		position: relative;
		padding: 4px 0px 6px 32px;
		margin: 0px 0px 5px 0px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		}
	.label_optiune:hover { color: #990000; }
	.label_optiune input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
		}
	.checkmark {
		  position: absolute;
		  top: 0;
		  left: 0;
		  height: 22px;
		  width: 22px;
		  background-color: #ddd;
		}
	/* On mouse-over, add a grey background color */
	.label_optiune:hover input ~ .checkmark { background-color: #999999; }
	/* When the checkbox is checked, add a blue background */
	.label_optiune input:checked ~ .checkmark {  background-color: #fc5652; }
	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		  content: "";
		  position: absolute;
		  display: none;
		}
	/* Show the checkmark when checked */
	.label_optiune input:checked ~ .checkmark:after { display: block; }
	/* Style the checkmark/indicator */
	.label_optiune .checkmark:after {
		  left: 9px;
		  top: 5px;
		  width: 5px;
		  height: 10px;
		  border: solid white;
		  border-width: 0 3px 3px 0;
		  -webkit-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  transform: rotate(45deg);
		}
			
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
				#lista_parametrii_box {
					float: left;
					width: 21%;
					min-width: 21%;
					max-width: 21%;
					margin: 0px 1% 0px 15px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
				#lista_parametrii_box {
					float: left;
					width: 22%;
					min-width: 22%;
					max-width: 22%;
					margin: 0px 0px 0px 15px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				#lista_box {
					margin: 0px 0px 20px 0px;
					}
				#lista_parametrii_box {
					display: none;
					position: fixed;
					top: 0px;
					left: 0px;
					width: 100%;
					min-width: 100%;
					height: 100%;
					overflow: auto;
					z-index: 999999;
					padding: 0px 2% 20px 2%;
					margin: 0px;
					background-color: #fff;
					}
				.lista_param_cont {
					display: none;
					}
				.lista_param_titlu {
					background: transparent url('../../imagini/param_sageata_jos.png') 100% 0px no-repeat;
					}
				.lista_param_titlu_invers {
					background: transparent url('../../imagini/param_sageata_sus.png') 100% 0px no-repeat;
					}
				.onlymobil {
					display: block;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#lista_box {
					margin: 0px 0px 20px 0px;
					}
				#lista_parametrii_box {
					display: none;
					position: fixed;
					top: 0px;
					left: 0px;
					width: 100%;
					min-width: 100%;
					height: 100%;
					overflow: auto;
					z-index: 999999;
					padding: 0px 2% 20px 2%;
					margin: 0px;
					background-color: #fff;
					}
				.lista_param_cont {
					display: none;
					}
				.lista_param_titlu {
					background: transparent url('../../imagini/param_sageata_jos.png') 100% 0px no-repeat;
					}
				.lista_param_titlu_invers {
					background: transparent url('../../imagini/param_sageata_sus.png') 100% 0px no-repeat;
					}
				.onlymobil {
					display: block;
					}
			}
		
/* ------------------------------------------------------------------------------------
- Lista -> Panou Drept
 ------------------------------------------------------------------------------------ */
	#lista_ordonare_box {
		padding: 5px 25px 5px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 13px;
		color: #151515;
		background-color: #f5f5f5;
		}
	#lista_ordonare_box #ordonare_left {
		float: left;
		width: 30%;
		min-width: 30%;
		}
	#lista_ordonare_box a {	
		display: none;
		max-width: 150px;
		padding: 8px 10px 8px 25px;
		background: transparent url('../../imagini/ui-icon-anuleaza-filtre.png') 5px 8px no-repeat;
		color: #151515;
		text-decoration: none;
		outline: none;
		}
	#lista_ordonare_box a:hover {	
		color: #fff;
		background-color: #fc5652;
		}
	#lista_ordonare_box #ordonare_right {
		float: right;
		width: 70%;
		min-width: 70%;
		text-align: right;
		}
	#lista_ordonare_box select {
		padding: 3px 5px;
		margin: 0px 0px 0px 10px;
		border: 1px solid #ccc;
		background-color: transparent;
		}
	#lista_right_box {
		float: left;
		width: 80%;
		max-width: 876px;
		margin: 0px 0px 0px 0px;
		}
	#lista_right_box > h1 {
		width: 50%;
		margin: 0px auto 0px auto;
		font-size: 3.1em;
		line-height: 1em;
		letter-spacing: -2px;
		text-align: center;
		}
	div.h1info {
		width: 60%;
		margin: 8px auto 30px auto;
		line-height: 1.2em;
		text-align: center;
		}
	div.h1info a {
		color: darkblue;
		text-decoration: none;
		outline: none;
		}
		
	#lista_filtre_box {
		padding: 10px 20px 10px 20px;
		}
	#lista_filtre_box a {
		padding: 0px 30px 1px 10px;
		color: #111;
		background: #f1f2ee url('../../imagini/filtru_sterge.png') 100% 0px no-repeat;
		text-decoration: none;
		outline: none;
		}
	#lista_filtre_box a:hover {
		color: #fff;
		background-color: #fc5652;
		}
	#mesaj_niciun_model {
		padding: 5px 25px 5px 5px;
		margin: 15px 0px 0px 15px;
		line-height: 1.5em;
		}
	.usi_lista_item {
		float: left;
		width: 20%;
		max-width: 20%;
		margin: 10px 0px 10px 0px;
		text-align: center;
		}
	.usi_lista_item a {
		color: #333;
		text-decoration: none;
		outline: none;
		}
	.usi_lista_item img { 
		display: block; 
		margin: 0px auto;
		}
	.usi_lista_item .imagebox {
		display: block;
		width: 122px;
		min-width: 122px;
		max-width: 122px;
		height: 270px;
		min-height: 270px;
		max-height: 270px;
		margin: 0px auto;
		overflow: hidden;
		}
	.usi_lista_item .pretbox {
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
		width: 77%;
		max-width: 77%;
		padding: 6px 3px 4px 3px;
		margin: -75px 0px 0px auto;
		color: #fff;
		background-color: rgba(0, 0, 0, .6);
		}
	.usi_lista_item .pret {
		float: left;
		width: 65%;
		font-size: 1.7em;
		line-height: 1em;
		letter-spacing: -1px;
		font-family: "Droid Serif", sans-serif;	
		}
	.usi_lista_item .pretextra {
		float: left;
		width: 35%;
		padding: 0px 0px 0px 3px;
		font-style: italic;
		font-size: 0.8em;
		line-height: 1em;
		color: #ccc;
		text-align: left;
		border-left: 1px solid #666666;
		}
	.usi_lista_item .culoribox {
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 104;
		max-width: 75%;
		margin: 0px 0px 0px auto;
		padding: 0px 25px 0px 0px;
		background: transparent url('../../imagini/colorbox-fundal.png') right 0px no-repeat;
		}
	.usi_lista_item .culoribox em {
		float: right;
		padding: 0px 5px 2px 3px;
		text-align: right;
		color: #111;
		font-size: 0.8em;
		line-height: 1em;
		font-style: normal;
		background-color: rgba(255, 255, 255, .8);
		}
	.usi_lista_titlu {
		display: block; 
		height: 56px;
		min-height: 56px;
		max-height: 56px;
		overflow: hidden;
		padding: 6px 0px 0px 0px;
		}
	.usi_lista_item strong { 
		display: block; 
		font-size: 1.1em;
		line-height: 1em;
		}
	.usi_lista_item em { 	
		display: block; 
		padding: 4px 0px 0px 0px;
		font-size: 0.9em;
		line-height: 1em;
		color: #ccc;
		}
	.usi_lista_item em span { display: none; }
			
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
				#lista_ordonare_box {
					padding: 5px 15px 5px 5px;
					margin: 0px 0px 0px 0.3%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
				#lista_ordonare_box {
					padding: 5px 15px 5px 5px;
					margin: 0px 0px 0px 0.3%;
					}
				#lista_right_box {
					float: left;
					width: 76%;
					max-width: 76%;
					margin: 20px 0px 0px 0px;
					}
				.lista_item {
					width: 33%;
					max-width: 33%;
					overflow: hidden;
					margin: 15px 0px 10px 0.3%;
					}
				.lista_img_box {
					display: block;
					width: 100%;
					max-width: 100%;
					max-height: 257px;
					overflow: hidden;
					}
				.lista_img_box .lista_img_fete img {
					min-width: 100%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
				#lista_ordonare_box {
					padding: 5px 15px 5px 5px;
					margin: 0px 0px 0px 1%;
					}
				#lista_right_box {
					float: left;
					width: 73%;
					max-width: 73%;
					margin: 20px 0px 0px 0px;
					}
				#lista_right_box > h1 {
					width: 60%;
					margin: 0px auto 0px auto;
					font-size: 2.9em;
					}
				div.h1info {
					width: 80%;
					margin: 8px auto 15px auto;
					line-height: 1.2em;
					}
				.usi_lista_item {
					float: left;
					width: 25%;
					max-width: 25%;
					margin: 10px 0px 10px 0px;
					text-align: center;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 584px) and (max-width: 768px) 
			{
				#lista_ordonare_box {
					padding: 5px 2px 5px 0px;
					margin: 0px 0px 10px 0px;
					}
				#lista_ordonare_box #ordonare_left {
					width: 40%;
					min-width: 40%;
					}
				#lista_ordonare_box #ordonare_right {
					width: 60%;
					min-width: 60%;
					}
				#lista_right_box {
					float: none;
					width: 100%;
					margin: 0px auto 0px auto;
					}
				#lista_right_box > h1 {
					width: 60%;
					margin: 9px auto 0px auto;
					font-size: 2.4em;
					}
				div.h1info {
					width: 80%;
					margin: 8px auto 15px auto;
					line-height: 1.1em;
					}
				#lista_filtre_box {
					text-align: left;
					padding: 10px 20px 0px 5px;
					margin: -15px 0px 20px 0px;
					line-height: 1.8em;
					}
				.usi_lista_item {
					float: left;
					width: 25%;
					max-width: 25%;
					margin: 10px 0px 10px 0px;
					text-align: center;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 440px) and (max-width: 584px) 
			{
				#lista_ordonare_box {
					padding: 5px 2px 5px 0px;
					margin: 0px 0px 10px 0px;
					}
				#lista_ordonare_box #ordonare_left {
					width: 40%;
					min-width: 40%;
					}
				#lista_ordonare_box #ordonare_right {
					width: 60%;
					min-width: 60%;
					}
				#ordonare_right span { display: none; }
				#lista_right_box {
					float: none;
					width: 100%;
					margin: 0px auto 0px auto;
					}
				#lista_right_box > h1 {
					width: 60%;
					margin: 9px auto 0px auto;
					font-size: 2.1em;
					}
				div.h1info {
					width: 80%;
					margin: 8px auto 15px auto;
					line-height: 1.1em;
					}
				#lista_filtre_box {
					text-align: left;
					padding: 10px 20px 0px 5px;
					margin: -15px 0px 20px 0px;
					line-height: 1.8em;
					}
				.usi_lista_item {
					float: left;
					width: 31.3%;
					max-width: 31.3%;
					margin: 10px 0.5% 10px 0.5%;
					text-align: center;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 440px) 
			{
				#lista_ordonare_box {
					padding: 5px 2px 5px 0px;
					margin: 0px 0px 10px 0px;
					}
				#lista_ordonare_box #ordonare_left {
					width: 40%;
					min-width: 40%;
					}
				#lista_ordonare_box #ordonare_right {
					width: 60%;
					min-width: 60%;
					}
				#ordonare_right span { display: none; }
				#lista_right_box {
					float: none;
					width: 100%;
					margin: 0px auto 0px auto;
					}
				#lista_right_box > h1 {
					width: 60%;
					margin: 9px auto 0px auto;
					font-size: 2.1em;
					}
				div.h1info {
					width: 80%;
					margin: 8px auto 15px auto;
					line-height: 1.1em;
					}
				#lista_filtre_box {
					text-align: left;
					padding: 10px 20px 0px 5px;
					margin: -15px 0px 20px 0px;
					line-height: 1.8em;
					}
				.usi_lista_item {
					float: left;
					width: 49%;
					max-width: 49%;
					margin: 10px 0.5% 10px 0.5%;
					text-align: center;
					}
			}
		
		
/* ------------------------------------------------------------------------------------
- Pagini Accesorii
 ------------------------------------------------------------------------------------ */
	.ui_accesorii {
		width: 56%;
		padding: 60px 0px 0px 0px;
		line-height: 1.3em;
		}
	.ui_accesorii h2.h1unic {
		padding: 0px 0px 40px 0px;
		}
	#tocuri_prezentare_box {
		margin: 80px 0px 0px 0px;
		}
	#tocuri_prezentare_rama {
		float: left;
		width: 40%;
		text-align: center;
		}
	#tocuri_prezentare_rama img {
		max-width: 100%;
		height: auto;
		}
	#tocuri_prezentare_items {
		float: left;
		width: 60%;
		}
	#tocuri_enumerare_box {
		margin: 40px 0px 0px 0px;
		}
		
			@media screen and (min-width: 1367px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{		
				.ui_accesorii {
					width: 70% !important;
					padding: 0px 0px 0px 0px;
					margin: 40px auto;
					}	
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{		
				.ui_accesorii {
					width: 80% !important;
					padding: 0px 0px 0px 0px;
					margin: 40px auto;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
				.ui_accesorii {
					width: 84% !important;
					padding: 0px 0px 0px 0px;
					margin: 30px auto;
					}
				#tocuri_prezentare_box {
					margin: 30px 0px 0px 0px;
					}
				#tocuri_prezentare_rama {
					width: 37%;
					}
				#tocuri_prezentare_items {
					width: 63%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				.ui_accesorii {
					width: 94% !important;
					padding: 0px 0px 0px 0px;
					margin: 20px auto;
					}
				#tocuri_prezentare_box {
					margin: 30px 0px 0px 0px;
					}
				#tocuri_prezentare_rama {
					float: none;
					width: 100%;
					text-align: center;
					}
				#tocuri_prezentare_items {
					float: none;
					width: 98%;
					margin:  30px auto 0px auto;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				.ui_accesorii {
					width: 98% !important;
					padding: 0px 0px 0px 0px;
					margin: 20px auto;
					}
				#tocuri_prezentare_box {
					margin: 30px 0px 0px 0px;
					}
				#tocuri_prezentare_rama {
					float: none;
					width: 100%;
					text-align: center;
					}
				#tocuri_prezentare_items {
					float: none;
					width: 98%;
					margin:  30px auto 0px auto;
					}
			}	
			
/* ------------------------------------------------------------------------------------
- Manere
 ------------------------------------------------------------------------------------ */
	.manere_lista_item {
		float: left;
		width: 33.3%;
		max-width: 33.3%;
		margin: 10px 0px 10px 0px;
		text-align: center;
		}
	.manere_lista_item a {
		color: #333;
		text-decoration: none;
		outline: none;
		}
	.manere_lista_item .imagebox {
		display: block;
		width: 100%;
		max-width: 226px;
		margin: 0px auto;
		}
	.manere_lista_item .pretbox {
		display: block;
		width: 77%;
		max-width: 77%;
		padding: 6px 3px 4px 3px;
		margin: 0px 0px 0px auto;
		color: #fff;
		background-color: rgba(0, 0, 0, .6);
		}
	.manere_lista_item .pret {
		float: left;
		width: 65%;
		font-size: 1.7em;
		line-height: 1em;
		letter-spacing: -1px;
		font-family: "Droid Serif", sans-serif;	
		}
	.manere_lista_item .pretextra {
		float: left;
		width: 35%;
		padding: 0px 0px 0px 3px;
		font-style: italic;
		font-size: 0.8em;
		line-height: 1em;
		color: #ccc;
		text-align: left;
		border-left: 1px solid #666666;
		}
	.manere_lista_item .culoribox {
		display: block;
		max-width: 75%;
		margin: 0px 0px 0px auto;
		padding: 0px 25px 0px 0px;
		background: transparent url('../../imagini/colorbox-fundal.png') right 0px no-repeat;
		}
	.manere_lista_item .culoribox em {
		float: right;
		padding: 0px 5px 2px 3px;
		text-align: right;
		color: #111;
		font-size: 0.8em;
		line-height: 1em;
		font-style: normal;
		background-color: rgba(255, 255, 255, .8);
		}
	.manere_lista_item img { 
		display: block; 
		max-width: 100%;
		margin: 0px auto;
		}
	.manere_lista_titlu {
		display: block; 
		height: 56px;
		min-height: 56px;
		max-height: 56px;
		overflow: hidden;
		padding: 6px 0px 0px 0px;
		}
	.manere_lista_item strong { 
		display: block; 
		font-size: 1.1em;
		line-height: 1em;
		}
	.manere_lista_item em { 
		display: block; 
		padding: 4px 0px 0px 0px;
		color: #111;
		font-style: normal;
	}
	#manerdetal_imgbox {
		margin: -10px 0px 0px 0px;
		}
	#manerdetal_titlubox {
		margin: 34px 0px 0px 0px;
		}		
	#manerdetal_titlubox > h1 {
		width: 100%;
		padding: 0px;
		margin: 0px;
		font-family: "Droid Serif", sans-serif;
		font-size: 3.4em;
		line-height: 1em;
		letter-spacing: -3px;
		text-align: center;
		color: #313741;
		font-weight: normal;
		}
	#manerdetal_titlubox h2 {
		width: 100%;
		padding: 0px;
		margin: 2px 0px 0px 0px;
		font-size: 1.2em;
		letter-spacing: -1px;
		line-height: 1em;
		text-align: center;
		color: #313741;
		font-weight: normal;
		}
	#manerdetal_culoribox {
		margin: 20px 0px 0px 0px;
		text-align: center;
		}	
	#manerdetal_culoribox div {	
		display: inline-block; 
		width: 18%; 
		padding: 20px 0px 20px 0px; 
		margin: 0px 1% 20px 1%;
		border: 1px solid #999;
		}
	#manerdetal_culoribox img {	
		display: block;
		margin: 0px auto;
		}
	#manerdetal_culoribox img.spatiator {
		margin: 0px auto 15px auto;
		}
	#manerdetal_culoribox span {	
		display: block;
		padding: 0px 0px 0px 0px;
		color: #444;
		font-size: 1.2em;
		letter-spacing: -1px;
		line-height: 1em;
		}
	#manerdetal_culoribox em {	
		display: block;
		padding: 10px 0px 0px 0px;
		color: #444;
		font-size: 1.6em;
		letter-spacing: -2px;
		line-height: 1em;
		font-style: normal;
		}
	#manerdetal_culoribox strong {	
		display: block;
		padding: 10px 0px 0px 0px;
		font-size: 1.9em;
		letter-spacing: -2px;
		line-height: 1em;
		}
	.manerdetal_overlay_link {
		float: left; 
		width: 31.3%;
		margin: 30px 1% 0px 1%;
		padding: 10px 0px 0px 0px;
		text-decoration: none;
		outline: none;
		border: 1px solid #f5f5f5;
		}
	.manerdetal_overlay_link a {
		color: #111;
		text-decoration: none;
		outline: none;
		}
	.manerdetal_overlay_link span {
		display: block;
		text-align: center;
		font-size: 1.3em;
		letter-spacing: -1px;
		line-height: 1em;
		}
	.manerdetal_overlay_link img {
		display: block;
		margin: 0px auto 7px auto;
		}
	.manerdetal_overlay_sublink {
		margin: 13px 0px 0px 0px;
		text-align: center;
		}
	.manerdetal_overlay_sublink img {
		display: block;
		margin: 0px auto 5px auto;
		}
	.manerdetal_overlay_sublink a {
		float: left;
		width: 33.3%;
		padding: 10px 0px 10px 0px;
		border-right: 1px solid #fff;
		font-size: 0.9em;
		line-height: 1em;
		color: #111;
		background-color: #f5f5f5;
		text-align: center;
		text-decoration: none;
		outline: none;
		}
	.manerdetal_overlay_sublink a:hover {	
		color: #990000;
		background-color: #fff;
		}
	.manerdetal_overlay_sublink_1 a { width: 50%; }
	.manerdetal_overlay_sublink_2 a { width: 50%; }
	.manerdetal_overlay_sublink_3 a { width: 33.3%; }
	.manerdetal_overlay_sublink_4 a { width: 25%; }
	.manerdetal_overlay_sublink_5 a { width: 20%; }
	
		
			@media screen and (min-width: 1367px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{		
				#manerdetal_imgbox {
					margin: 20px 0px 0px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{		
				#manerdetal_imgbox {
					margin: 20px 0px 0px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
				.manere_lista_item {
					width: 49%;
					max-width: 49%;
					margin: 10px 0.5% 0px 0.5%;
					}
				.manere_lista_item img {
					max-width: 95%;
					height: auto;
					}
				#manerdetal_imgbox {
					margin: 20px 0px 0px 0px;
					}
				#manerdetal_culoribox div {	
					width: 31.3%; 
					}
				.manerdetal_overlay_link {
					float: left; 
					width: 48%;
					margin: 30px 1% 0px 1%;
					padding: 10px 0px 0px 0px;
					text-decoration: none;
					outline: none;
					border: 1px solid #f5f5f5;
					}
				.manerdetal_overlay_link img {
					max-width: 90%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				.manere_lista_item {
					width: 49%;
					max-width: 49%;
					margin: 10px 0.5% 0px 0.5%;
					}
				.manere_lista_item img {
					max-width: 95%;
					height: auto;
					}
				#manerdetal_imgbox {
					margin: 20px 0px 0px 0px;
					}
				#manerdetal_culoribox div {	
					width: 48%; 
					}
				.manerdetal_overlay_link {
					float: left; 
					width: 48%;
					margin: 30px 1% 0px 1%;
					padding: 10px 0px 0px 0px;
					text-decoration: none;
					outline: none;
					border: 1px solid #f5f5f5;
					}
				.manerdetal_overlay_link img {
					max-width: 90%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{	
				.manere_lista_item {
					width: 49%;
					max-width: 49%;
					margin: 10px 0.5% 0px 0.5%;
					}
				.manere_lista_item img {
					max-width: 90%;
					height: auto;
					}
				#manerdetal_imgbox {
					margin: 20px 0px 0px 0px;
					}
				#manerdetal_culoribox div {	
					width: 48%; 
					}
				.manerdetal_overlay_link {
					width: 98%;
					margin: 30px 1% 0px 1%;
					}
			}
			
	
/* ------------------------------------------------------------------------------------
- Pagini
 ------------------------------------------------------------------------------------ */
	.ui_pagina {
		line-height: 1.3em;
		}
	.h1box {
		padding: 0px;
		font-family: "Droid Serif", sans-serif;	
		line-height: 1em;
		text-align: center;
		font-weight: normal;
		}
	.indexh1 {
		width: 100%;
		margin: 0px auto 0px auto;
		padding: 44px 0px 45px 0px;
		color: #333;
		font-family: "Droid Serif", sans-serif;	
		font-size: 2.8em;
		line-height: 1em;
		letter-spacing: -2px;
		text-align: center;
		font-weight: normal;
		}
	.indexh1 > span {
		display: block;
		text-transform: uppercase;
		}
	.div_left_50 {
		float: left;
		width: 50%;
		}
	#contact_form_box {
		margin: 0px 0px 0px 30px;
		padding: 30px 30px 20px 30px;
		background-color: #f1f3f3;
		}
	#contact_form_box input[type="text"], #contact_form_box textarea {
		width: 100%;
		margin: 15px auto 0px auto;
		padding: 9px 10px;
		border: none;
		color: #121212;
		font-style: italic;
		background-color: #fff;
		}
	#cod_secu {
		display: inline;
		width: 200px !important;
		}
	#cod_securitate { vertical-align: middle; }
	#contact_form_box img {
		margin: 0px 0px 0px 10px;
		vertical-align: middle;
		}
	#contact_info {
		margin: 0px 0px 0px 30px;
		padding: 30px 0px 0px 0px;
		}
	#magazine_box {
		padding: 40px 0px 0px 0px;
		}
	.magazin_item {
		float: left;
		width: 50%;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 30px 0px;
	}
	.magazin_img {
		text-align: center;
		}
	.magazin_titlu {
		padding: 6px 0px 10px 0px;
		font-size: 1.8em;
		line-height: 1em;
		letter-spacing: -2px;
		text-align: center;
		}
	.magazin_info {
		padding: 6px 0px 0px 0px;
		line-height: 1.3em;
		text-align: center;
		}
	.submagazin {
		min-height: 44px;
		text-align: center;
		}	
	.submagazin a {
		display: inline-block;
		}
	#ui_legaleza {
		width: 100%; 
		margin: 10px auto 30px auto; 
		column-count: 2;
		}
	#ui_legaleza h1 {
		width: 80%;
		line-height: 1em;
		margin: -20px 0px 40px 0px;
		letter-spacing: -1px;
		}
	.ui_legaleza_link {
		display: block;
		margin: 5px 0px 0px 0px;
		padding: 10px 10px;
		color: darkblue;
		text-decoration: none;
		outline: none;
		background-color: #f1f2ee;
		}
	.ui_legaleza_link:hover {
		background-color: #ccc;
		}
	.ui_legaleza_div {
		display: none;
		padding: 10px 20px 10px 20px;
		}
	.ui_legaleza_small {
		font-size: 0.9em;
		}
			@media screen and (min-width: 1367px) 
			{		
				.ui_pagina {
					padding: 60px 0px 0px 0px;
					}
				.h1box {
					width: 50%;
					margin: 40px auto 0px auto;
					font-size: 3.9em;
					letter-spacing: -3px;
					}
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{	
				#ui_legaleza {
					margin: 60px auto 30px auto; 
					column-count: 2;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{		
				#ui_legaleza {
					width: 98%; 
					margin: 60px auto 30px auto; 
					column-count: 2;
					}	
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
				.indexh1 {
					font-size: 2.5em;
					padding: 44px 0px 25px 0px;
					}
				#cod_secu {
					display: inline;
					width: 140px !important;
					}		
				#ui_legaleza {
					width: 98%; 
					margin: 60px auto 30px auto; 
					column-count: 2;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				.indexh1 {
					font-size: 2.3em;
					padding: 44px 0px 25px 0px;
					}
				.div_left_50 {
					float: none;
					width: 96%;
					margin: 0px auto;
					}
				#contact_info {
					margin: 0px 0px 0px 0px;
					padding: 45px 0px 0px 30px;
					}
				#contact_form_box {
					margin: 10px 0px 0px 0px;
					padding: 25px 30px 20px 30px;
					}
				.magazin_item {
					float: none;
					width: 98%;
					padding: 0px 0px 20px 0px;
					margin: 0px auto 30px auto;
					border-bottom: 3px solid #f1f2ee;
					}
				.magazin_info {
					padding: 0px 0px 0px 0px;
					}
				.pagina_subbox {
					width: 94%;
					margin: 50px auto 70px auto;
					}		
				#ui_legaleza {
					width: 94%; 
					margin: 60px auto 30px auto; 
					column-count: 1;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				.ui_pagina {
					width: 98%;
					margin: 0px auto;
					}
				.indexh1 {
					font-size: 2em;
					padding: 44px 0px 25px 0px;
					}
				.div_left_50 {
					float: none;
					width: 96%;
					margin: 0px auto;
					}
				#contact_info {
					margin: 0px auto 0px auto;
					padding: 45px 0px 0px 30px;
					}
				#contact_form_box {
					margin: 10px auto 0px auto;
					padding: 25px 30px 20px 30px;
					}
				.magazin_item {
					float: none;
					width: 98%;
					padding: 0px 0px 20px 0px;
					margin: 0px auto 30px auto;
					border-bottom: 3px solid #f1f2ee;
					}
				.magazin_info {
					padding: 0px 0px 0px 0px;
					}
				.pagina_subbox {
					width: 94%;
					margin: 50px auto 70px auto;
					}		
				#ui_legaleza {
					width: 94%; 
					margin: 60px auto 30px auto; 
					column-count: 1;
					}
			}
			
			
/* ------------------------------------------------------------------------------------
- Usi -> Detalii Usa
 ------------------------------------------------------------------------------------ */
	#usadetal_sectiune_top {
		padding: 50px 0px 0px 0px;
		}
	#usadetal_imgbox {
		float: left;
		width: 24%;
		text-align: center;
		}
	#usadetal_imgalt {
		display: block;
		width: 233px;
		padding: 5px;
		margin: 2px auto 0px auto;
		color: #555;
		font-style: italic;
		background-color: #f1f2ee;
		}
	#usadetal_pretbox {
		float: right;
		width: 20%;
		}
	#usadetal_pretsubbox {
		padding: 10px 10px 10px 10px;
		color: #fff;
		background-color: #111;
		}
	#usadetal_pretsubbox strong {
		float: left;
		width: 70%;
		font-family: "Droid Serif", sans-serif;
		font-size: 2.2em;
		letter-spacing: -1px;
		line-height: 1em;
		text-align: center;
		font-weight: normal;
		}
	#usadetal_pretsubbox em {
		float: left;
		width: 30%;
		padding: 0px 0px 0px 5px;
		color: #999;
		}
	#usadetal_pretbox a {
		display: block;
		padding: 10px 10px 10px 10px;
		color: #fff;
		text-align: center;
		background-color: #ff6633;
		text-decoration: none;
		outline: none;
		}
	#usadetal_pretbox a:hover { background-color: #ff0000; }				
	#usadetal_titlubox {
		float: left;
		width: 76%;
		}
	#usadetal_titlubox > h1 {
		width: 80%;
		padding: 0px;
		margin: 0px;
		font-family: "Droid Serif", sans-serif;
		font-size: 3.4em;
		line-height: 1em;
		letter-spacing: -3px;
		color: #313741;
		font-weight: normal;
		}
	#usadetal_titlubox h2 {
		width: 80%;
		padding: 0px;
		margin: -1px 0px 0px 0px;
		font-size: 1.2em;
		letter-spacing: -1px;
		line-height: 1em;
		color: #313741;
		font-weight: normal;
		}
	#usadetal_proprietatibox {
		width: 80%;
		padding: 10px 0px 0px 0px;
		}
	#usadetal_proprietatibox img {
		margin: 0px 5px 5px 0px;
		}
		
		
	#usadetal_culoribox {
		padding: 30px 0px 0px 0px;
		}
	#usadetal_culoribox strong {
		display: block;
		padding: 0px 0px 12px 0px;
		}
	.usadetal_culorisubbox {
		float: left;
		width: 50%;
		}
	.usadetal_culorilink {
		display: block;
		padding: 17px 10px;
		margin: 4px 0.5% 4px 0.5%;
		color: #313741;
		text-decoration: none;
		outline: none;
		background-color: #f5f5f5;
		}
	.usadetal_stele_1 	{ background: #f5f5f5 url('../../imagini/stele/1.png') 98% center no-repeat; }
	.usadetal_stele_2 	{ background: #f5f5f5 url('../../imagini/stele/2.png') 98% center no-repeat; }
	.usadetal_stele_3 	{ background: #f5f5f5 url('../../imagini/stele/3.png') 98% center no-repeat; }
	.usadetal_stele_3_5 	{ background: #f5f5f5 url('../../imagini/stele/3_5.png') 98% center no-repeat; }
	.usadetal_stele_4 	{ background: #f5f5f5 url('../../imagini/stele/4.png') 98% center no-repeat; }
	.usadetal_stele_4_5 	{ background: #f5f5f5 url('../../imagini/stele/4_5.png') 98% center no-repeat; }
	.usadetal_stele_5 	{ background: #f5f5f5 url('../../imagini/stele/5.png') 98% center no-repeat; }
	.usadetal_stele_5_5	{ background: #f5f5f5 url('../../imagini/stele/5_5.png') 98% center no-repeat; }
	.usadetal_stele_6	{ background: #f5f5f5 url('../../imagini/stele/6.png') 98% center no-repeat; }
	.usadetal_culoriset {
		display: none; 
		padding: 5px 10px 10px 10px;
		}
	.usadetal_culoriset_deschis { display: block; }
	.usadetal_culoriset a {
		float: left;
		width: 80px;
		max-width: 80px;
		margin: 3px 2px 0px 0px;
		font-size: 0.8em;
		text-align: center;
		color: #313741;
		text-decoration: none;
		outline: none;
		}
	.usadetal_culoriset a img {
		display: block;
		margin: 0px auto 3px auto;
		border: 1px solid #eff0ec;
		}
	.usadetal_culoriset a span {
		display: block;
		height: 26px;
		line-height: 1em;
		}
	.usadetal_culoriexplicatii {
		float: left;
		width: 100%;
		margin: 4px 0px 0px 0px;
		font-size: 0.9em;
		line-height: 1.1em;
		font-style: italic;
		color: #999;
		}
	#usadetal_culori_nota {
		margin: 10px auto 0px 0px;
		}
	#usadetal_culori_nota div {
		float: left;
		width: 48%;
		margin: 0px 1.5% 0px 0.5%;
		padding: 10px 0px 10px 20px;
		color: #454;
		border: 1px solid #f1f2ee;
		line-height: 1em;
		}
	#usadetal_culori_nota img {
		float: left;
		margin: 0px 10px 0px 0px;
		}
		
	.usadetal_continut_cutie_celule, .usadetal_continut_dublacutie_celule {
		margin: 10px 0px 0px 0px;
		}
	.usadetal_continut_cutie_celule_right {
		float: right !important;
		}
	.usadetal_continut_cutie_celule div {
		float: left;
		width: 174px;
		margin: 0px 18px 18px 0px;
		padding: 0px 0px 0px 0px;
		color: #454;
		line-height: 1em;
		}
	.usadetal_continut_cutie_celule img {
		display: block;
		margin: 0px auto;
		}
	.usadetal_continut_cutie_celule span {
		display: block;
		min-height: 40px;
		padding: 6px 0px 0px 0px;
		text-align: center;
		color: #454;
		}
	.usadetal_continut_dublacutie_col {
		float: left; 
		width: 50%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}
	.usadetal_continut_textbox {
		width: 100%;
		margin: 10px auto 0px auto;
		padding: 0px 10px 10px 20px;
		color: #111;
		}
	.usadetal_continut_textbox_verde {
		width: 100%;
		margin: 20px auto 0px auto;
		padding: 5px 20px 20px 20px;
		color: #111;
		border: 1px solid #ccc;
		}
	.usadetal_continut_textbox_titlu {
		float: left;
		padding: 5px 25px;
		margin: -18px 0px 0px -5px;
		background-color: #fff;
		text-transform: uppercase;
		}
		
	#usadetal_detaliibox {
		padding: 30px 0px 0px 0px;
		}
	#usadetal_detaliibox strong {
		display: block;
		padding: 0px 0px 12px 0px;
		}
	.usadetal_sectiune {
		display: block;
		padding: 17px 35px 17px 1%;
		margin: 0px 0px 5px 0px;
		color: #111;
		cursor: pointer;
		background: #f5f5f5 url('../../imagini/livrare-sageata-jos.png') 99% 9px no-repeat;
		}
	.usadetal_sectiune_box {
		display: none;
		padding: 5px 15px 20px 15px;
		line-height: 1.4em;
		}	
	.usadetal_sectiune_box strong {
		display: inline;
		padding: 0px !important;
		margin: 0px !important;
		}	
	.usadetal_sectiune_box_deschis { display: block; }
			@media screen and (min-width: 1367px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{		
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{	
				#usadetal_imgbox {
					float: left;
					width: 26%;
					text-align: center;
					}
				#usadetal_pretbox {
					width: 25%;
					margin: -15px 0px 0px 0px;
					}
				#usadetal_titlubox {
					float: left;
					width: 74%;
					}	
				.usadetal_continut_cutie_celule, .usadetal_continut_dublacutie_celule {
					margin: 10px 0px 0px 0px;
					}
				.usadetal_continut_cutie_celule div {
					margin: 0px 18px 8px 0px;
					}
				.usadetal_continut_cutie_celule_right {
					float: left !important;
					}
				.usadetal_continut_dublacutie_col {
					float: none; 
					width: 100%;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					}
				#usadetal_detaliibox {
					padding: 20px 0px 0px 0px;
					}
				.usadetal_sectiune {
					margin: 0px 0.5% 5px 0.5%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
				#usadetal_imgbox {
					float: left;
					width: 32%;
					text-align: center;
					}
				#usadetal_pretbox {
					width: 34%;
					margin: -15px 0px 0px 0px;
					}
				#usadetal_titlubox {
					float: left;
					width: 68%;
					}
				#usadetal_titlubox > h1 {
					width: 60%;
					font-size: 3em;
					}
				#usadetal_titlubox h2 {
					width: 98%;
					}
				.usadetal_culorisubbox {
					float: none;
					width: 100%;
					}
				.usadetal_continut_cutie_celule, .usadetal_continut_dublacutie_celule {
					margin: 10px 0px 0px 0px;
					}
				.usadetal_continut_cutie_celule div {
					margin: 0px 18px 8px 0px;
					}
				.usadetal_continut_cutie_celule_right {
					float: left !important;
					}
				.usadetal_continut_dublacutie_col {
					float: none; 
					width: 100%;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					}
				#usadetal_detaliibox {
					padding: 20px 0px 0px 0px;
					}
				.usadetal_sectiune {
					margin: 0px 0.5% 5px 0.5%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				#usadetal_sectiune_top {
					padding: 30px 0px 0px 0px;
					}
				#usadetal_imgbox {
					float: none;
					width: 100%;
					text-align: center;
					}
				#usadetal_imgalt { display: none; }
				#usadetal_pretbox {
					float: none;
					width: 233px;
					margin: 0px auto;
					}
				#usadetal_pretsubbox {
					padding: 5px 10px 5px 10px;
					background-color: #333;
					}
				#usadetal_pretsubbox strong {
					font-size: 2em;
					}
				#usadetal_pretsubbox em {
					text-align: left;
					}
				#usadetal_titlubox {
					float: none;
					width: 98%;
					margin: 0px auto 0px auto;
					}
				#usadetal_titlubox > h1 {
					width: 100%;
					margin: 30px auto 0px auto;					
					text-align: center;
					}
				#usadetal_titlubox h2 { 
					width: 100%;
					text-align: center;
					}
				#usadetal_proprietatibox {
					width: 100%;
					margin: 0px auto 0px auto;
					text-align: center;
					}
				.usadetal_culorisubbox {
					float: none;
					width: 100%;
					}
				.usadetal_continut_cutie_celule, .usadetal_continut_dublacutie_celule {
					margin: 10px 0px 0px 0px;
					}
				.usadetal_continut_cutie_celule div {
					margin: 0px 18px 8px 0px;
					}
				.usadetal_continut_cutie_celule_right {
					float: left !important;
					}
				.usadetal_continut_dublacutie_col {
					float: none; 
					width: 100%;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					}
				#usadetal_detaliibox {
					padding: 20px 0px 0px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#usadetal_sectiune_top {
					padding: 30px 0px 0px 0px;
					}
				#usadetal_imgbox {
					float: none;
					width: 100%;
					text-align: center;
					}
				#usadetal_imgalt { display: none; }
				#usadetal_pretbox {
					float: none;
					width: 233px;
					margin: 0px auto;
					}
				#usadetal_pretsubbox {
					padding: 5px 10px 5px 10px;
					background-color: #333;
					}
				#usadetal_pretsubbox strong {
					font-size: 2em;
					}
				#usadetal_pretsubbox em {
					text-align: left;
					}
				#usadetal_titlubox {
					float: none;
					width: 98%;
					margin: 0px auto 0px auto;
					}
				#usadetal_titlubox > h1 {
					width: 100%;
					margin: 30px auto 0px auto;					
					text-align: center;
					}
				#usadetal_titlubox h2 { 
					width: 100%;
					text-align: center;
					}
				#usadetal_proprietatibox {
					width: 100%;
					margin: 0px auto 0px auto;
					text-align: center;
					}
				.usadetal_culorisubbox {
					float: none;
					width: 100%;
					}
				.usadetal_culoriset_deschis { display: none; }
				.usadetal_sectiune_box_deschis { display: none; }
				.usadetal_continut_cutie_celule, .usadetal_continut_dublacutie_celule {
					margin: 10px 0px 0px 0px;					
					}				
				.usadetal_continut_cutie_celule div {
					float: left;
					width: 49%;
					margin: 0px 1% 8px 0px;
					}
				.usadetal_continut_cutie_celule img {
					max-width: 100%;
					height: auto;
					}
				.usadetal_continut_cutie_celule_right {
					float: left !important;
					}
				.usadetal_continut_dublacutie_col {
					float: none; 
					width: 100%;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					}
				#usadetal_detaliibox {
					padding: 20px 0px 0px 0px;
					}
			}
		
/* ------------------------------------------------------------------------------------
- Usi -> Cere Oferta
/* ------------------------------------------------------------------------------------ */
	#usadetal_sectiune_cerere {
		padding: 20px 0px 20px 0px;
		margin: 60px auto 0px auto;
		background-color: #f5f5f5;
		}
	#usadetal_cerereoferta_box {
		width: 98%;
		margin: 30px auto 0px auto;
		color: #111;
		}
	.form_coloana {
		float: left;
		width: 49%;
		margin: 0px 0.5% 0px 0.5%;
		}
	.form_rand {
		margin: 17px 0px 0px 0px;
		}
	.form_label {
		float: left;
		width: 30%;
		padding: 9px 10px 0px 0px;
		text-align: right;
		}
	.form_input {
		float: left;
		width: 70%;
		}
	.form_input input[type="text"], .form_input textarea, .form_input select {
		width: 100%;
		padding: 8px 10px;
		background-color: #fff;
		border: none;
		font-style: italic;
		}
	.form_input input[type="text"]:focus, .form_input textarea:focus, .form_input select:focus {
		box-shadow: 0 0 8px #ff6633;
		color: red;
		}
		
	.fakeselect {
		width: 100%;
		height: 37px;
		padding: 10px 10px;
		background: #fff url('../../imagini/select-arrow.png') right center no-repeat;
		border: none;
		font-style: italic;
		}
	select.trueselect{
		width: 100%;
		height: 37px;
		padding: 8px 10px;
		background: #fff url('../../imagini/select-arrow.png') right center no-repeat;
		border: none;
		font-style: italic;
		-moz-appearance: none; /* Firefox */
		-webkit-appearance: none; /* Safari and Chrome */
		appearance:none;
		background-position-x: right;
		}
	.usadetal_tocuriset {
		padding: 10px 20px 10px 20px;
		}
	.usadetal_tocuriset a {
		float: left;
		width: 23%;
		margin: 0px 2% 10px 0px;
		padding: 9px 2px 9px 10px;
		border: 1px solid #999;
		line-height: 1.3em;
		color: #313741;
		text-align: center;
		text-decoration: none;
		outline: none;
		}
	.usadetal_tocuriset a:hover {
		color: #fff;
		background-color: #000;
		}
		
			@media screen and (min-width: 1367px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{		
				.usadetal_tocuriset a {
					width: 31.3%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
				.usadetal_tocuriset a {
					width: 31.3%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{		
				.usadetal_tocuriset a {
					width: 31.3%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{		
				.usadetal_tocuriset a {
					width: 32.3%;
					margin: 0px 1% 10px 0px;
					}
				.form_label {
					float: none;
					width: 100%;
					padding: 0px 10px 5px 0px;
					text-align: left;
					}
				.form_input {
					float: none;
					width: 100%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{	
				.usadetal_tocuriset a {
					width: 32.3%;
					margin: 0px 1% 10px 0px;
					}
			}
		
/* ------------------------------------------------------------------------------------
- Usi -> Comanda Usa
 ------------------------------------------------------------------------------------ */
	#usadetal_sectiune_comanda {
		padding: 30px 0px 20px 0px;
		margin: 60px auto 0px auto;
		background-color: #f5f5f5;
		}
	h1.h1unic {
		width: 50%;
		padding: 0px;
		margin: 0px auto 0px auto;
		font-family: "Droid Serif", sans-serif;
		font-size: 3.4em;
		line-height: 1em;
		letter-spacing: -3px;
		color: #313741;
		font-weight: normal;
		text-align: center;
		}
	h2.h1unic {
		width: 80%;
		padding: 0px;
		margin: 2px auto 0px auto;
		font-size: 1.3em;
		letter-spacing: -1px;
		line-height: 1em;
		color: #313741;
		font-weight: normal;
		text-align: center;
		}
	#usadetal_comanda_box {
		width: 98%;
		margin: 60px auto 0px auto;
		color: #111;
		}
	#ui_comanda_placeholder_toc_eroare {
		display: none;
		padding: 10px; 
		margin: 0px 0px 4px 0px;
		background-color: red; 
		color: #fff; 
		}
	#ui_comanda_placeholder_toc {
		}
	#ui_comanda_placeholder_toc_optiuni {
		padding: 0px 0px 20px 0px;
		}
	#form_label_culoare {}
	#ui_cmdculoare_img {
		float: left;
		width: 30%;
		margin: -20px 0px 0px 0px;
		}
	#ui_cmdculoare_span {
		float: left;
		width: 70%;
		padding: 0px 0px 0px 20px;
		margin: -20px 0px 0px 0px;
		line-height: 1.4em;
		}
	#ui_cmdculoare_span a {
		float: left;
		padding: 4px 10px;
		margin: 5px 0px 0px 0px;
		background-color: orange;
		color: #fff;
		text-decoration: none;
		outline: none;
		}	
	a#form_pretbox {
		display: block;
		max-width: 250px;
		margin: 20px auto 0px auto;
		padding: 4px 10px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		outline: none;
		}
	a#form_pretbox span {
		float: left;
		width: 50%;
		height: 45px;
		padding: 14px 5px 14px 5px;
		font-size: 1.2em;
		line-height: 1em;
		background-color: #000;
		}
	a#form_pretbox em {
		float: left;
		width: 50%;
		height: 45px;
		padding: 15px 20px 14px 20px;
		font-size: 1em;
		line-height: 1em;
		background-color: #ccc;
		}
	a#form_pretbox em.activ {
		background-color: red;
		}
		
			@media screen and (min-width: 1367px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{		
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{		
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{		
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{	
				h1.h1unic {
					width: 80%;
					font-size: 2.6em;
					}
				h2.h1unic {
					font-size: 1.2em;
					}
				#usadetal_comanda_box {
					margin: 30px auto 0px auto;
					}
				#form_label_culoare { display: none; }
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{	
				h1.h1unic {
					width: 80%;
					font-size: 2.6em;
					}
				h2.h1unic {
					font-size: 1.2em;
					}
				.form_coloana {
					float: none;
					width: 98%;
					}
			}
			
/* ------------------------------------------------------------------------------------
- Usi -> Comanda Usa ferestre
 ------------------------------------------------------------------------------------ */
	#ui_overlay_negru {
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 200;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		height: 100%;
		min-height: 100%;
		max-height: 100%;
		background-color: rgba(0, 0, 0, .9);
		}
	#ui_overlay_loader {
		position: fixed;
		top: 47%;
		left: 10%;
		z-index: 220;
		width: 80%;
		min-width: 80%;
		max-width: 80%;
		color: #666;
		text-align: center;
		}
	#ui_overlay_loader img {
		max-width: 100%;
		height: auto;
		}
	#ui_overlay_loader span {
		display: block;
		text-align: center;
		font-style: italic;
		}
	#ui_overlay_dialog {
		position: fixed;
		top: 15%;
		left: 10%;
		z-index: 210;
		width: 80%;
		min-width: 80%;
		max-width: 80%;
		height: 70%;
		min-height: 70%;
		max-height: 70%;
		padding: 40px 60px;
		overflow: auto;
		background-color: #fff;
		}
	#ui_overlay_dialog > h1 {
		padding: 0px;
		margin: 0px;
		font-size: 2.2em;
		line-height: 1em;
		letter-spacing: -2px;
		text-align: center;
		}
	#ui_overlay_close {
		position: fixed;
		bottom: 0px;
		left: 45%;
		z-index: 220;
		min-width: 10%;
		max-width: 10%;
		height: auto;
		min-height: auto;
		max-height: auto;
		padding: 16px 30px 16px 30px;
		color: #fff;
		background-color: orange;
		text-align: center;
		text-decoration: none;
		outline: none;
		}
	#ui_overlay_close:hover {
		background-color: #990000;
		}
		
	#overlay_optiuni {
		padding: 20px 0px 0px 0px;
		text-align: center;
		}
	#overlay_optiuni a {
		display: inline-block;
		width: 240px;
		height: 290px;
		padding: 0px;
		margin: 0px 15px 15px 0px;
		background-color: #f1f2ee;
		color: #111;
		text-decoration: none;
		outline: none;
		vertical-align: top;
		}
	#overlay_optiuni a:hover {
		color: #fff;
		background-color: #111;
		}
	#overlay_optiuni a span {
		display: block;
		padding: 7px 0px 0px 0px;
		}
	#overlay_manere_filtrare {
		margin: 20px 0px 0px 0px;
		background-color: #f1f2ee; 
		}
	#overlay_manere_filtrare a {
		float: left;
		width: 25%;
		padding: 17px 0px 17px 0px;
		color: #111;
		text-align: center;
		text-decoration: none;
		outline: none;
		}
	#overlay_manere_filtrare a:hover {
		color: #fff;
		background-color: #990000;
		}
	#overlay_manere_filtrare a.selectata {
		color: #fff;
		background-color: #666;
		}
		
			@media screen and (min-width: 1367px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{		
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{				
				#ui_overlay_dialog {
					top: 5%;
					left: 5%;
					width: 90%;
					min-width: 90%;
					max-width: 90%;
					height: 90%;
					min-height: 90%;
					max-height: 90%;
					padding: 40px 10px 100px 10px;
					}
				#ui_overlay_close {
					left: 35%;
					min-width: 30%;
					max-width: 30%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{		
				#ui_overlay_dialog {
					top: 0px;
					left: 0px;
					width: 100%;
					min-width: 100%;
					max-width: 100%;
					height: 100%;
					min-height: 100%;
					max-height: 100%;
					padding: 40px 10px 100px 10px;
					}
				#ui_overlay_close {
					left: 35%;
					min-width: 30%;
					max-width: 30%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{	
				#ui_overlay_dialog {
					top: 0px;
					left: 0px;
					width: 100%;
					min-width: 100%;
					max-width: 100%;
					height: 100%;
					min-height: 100%;
					max-height: 100%;
					padding: 40px 10px 100px 10px;
					}
				#ui_overlay_dialog > h1 {
					font-size: 1.9em;
					}
				#overlay_optiuni a {
					width: 49%;
					max-width: 240px;
					height: auto;
					margin: 0px 0.5% 15px 0.5%;
					padding: 0px 0px 10px 0px;
					}
				#overlay_optiuni a img {
					max-width: 100%;
					height: auto;
					}
				#ui_overlay_close {
					left: 30%;
					min-width: 40%;
					max-width: 40%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{	
				#ui_overlay_dialog {
					top: 0px;
					left: 0px;
					width: 100%;
					min-width: 100%;
					max-width: 100%;
					height: 100%;
					min-height: 100%;
					max-height: 100%;
					padding: 40px 10px 100px 10px;
					}
				#ui_overlay_dialog > h1 {
					font-size: 1.9em;
					}
				#overlay_optiuni a {
					width: 49%;
					height: auto;
					margin: 0px 0.5% 15px 0.5%;
					padding: 0px 0px 10px 0px;
					}
				#overlay_optiuni a img {
					max-width: 100%;
					height: auto;
					}
				#ui_overlay_close {
					left: 30%;
					min-width: 40%;
					max-width: 40%;
					}
			}
		
/* ------------------------------------------------------------------------------------
- Usi -> Usa Altele
 ------------------------------------------------------------------------------------ */
	#usadetal_sectiune_altele {
		padding: 60px 0px 0px 0px;
		}
	#usadetal_altele_suprabox {
		padding: 22px 0px 0px 0px;
		text-align: center;
		}
	.usadetal_altele_comm, .usadetal_altele_comm1 {
		display: inline-block;
		width: 30px;
		min-width: 30px;
		max-width: 30px;
		padding: 320px 0px 0px 0px;
		background: transparent url('../../imagini/param_sageata_dreapta.png') 50% 50% no-repeat;
		text-decoration: none;
		outline: none;
		}
	.usadetal_altele_comm1 {
		background: transparent url('../../imagini/param_sageata_stanga.png') 50% 50% no-repeat;
		}	
	.usadetal_altele_comm1:hover {
		background: rgba(0, 0, 0, .1) url('../../imagini/param_sageata_stanga.png') 50% 50% no-repeat;
		}
	.usadetal_altele_comm:hover {
		background: rgba(0, 0, 0, .1) url('../../imagini/param_sageata_dreapta.png') 50% 50% no-repeat;
		}
	#usadetal_altele_box {
		display: inline-block;
		width: -webkit-calc(100% - 70px);
		width:    -moz-calc(100% - 70px);
		width:         calc(100% - 70px);
		max-width: 866px;
		height: 330px;
		max-height: 330px;
		overflow: hidden;
		}
	#usadetal_altele_lista {
		display: table;
		}
	#usadetal_altele_lista .usi_lista_item {
		display: table-cell;
		float: none;
		width: 122px;
		padding: 0px 15px 0px 15px;
		margin: 0px 0px 0px 0px;
		text-align: center;
		}
		
		
			@media screen and (min-width: 1367px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{		
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{	
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{	
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 580px) and (max-width: 768px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 580px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
			}
			
/* ------------------------------------------------------------------------------------
- Sisteme Glisare
 ------------------------------------------------------------------------------------ */
	#sistemebox {
		padding: 0px 0px 70px 0px;
		}
	.sisteme_item, .sisteme_item_scurt {
		float: left;
		width: 33.3%;
		overflow: hidden;
		padding: 0px 10px 0px 10px;
		margin: 0px 0px 25px 0px;
		}
	.sisteme_item {
		height: 360px;
		max-height: 360px;
		margin: 0px 0px 5px 0px;
		}
	.sisteme_img {
		text-align: center;
		}
	.sisteme_img img {
		max-width: 100%;
		height: auto;
		}
	.sisteme_titlu {
		padding: 4px 0px 4px 0px;
		font-size: 1.4em;
		line-height: 1em;
		letter-spacing: -1px;
		text-align: center;
		}
	.sisteme_titlu a {
		color: #111;
		text-decoration: none;
		outline: none;
		}
	.sisteme_info {
		padding: 0px 0px 15px 0px;
		text-align: center;
		}	
	.sisteme_comenzi {
		margin: -5px 0px 0px 0px;
		}
			@media screen and (min-width: 1367px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{			
				#sistemebox {
					padding: 30px 0px 0px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{				
				#sistemebox {
					padding: 30px 0px 0px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{		
				#sistemebox {
					padding: 30px 0px 0px 0px;
					}
				.sisteme_info {
					height: 50px;
					min-height: 50px;
					font-size: 0.9em;
					overflow: hidden;
					padding: 0px 0px 0px 0px;
					}	
				.sisteme_comenzi {
					margin: 0px 0px 0px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{		
				#sistemebox {
					padding: 30px 0px 0px 0px;
					}
				.sisteme_item, .sisteme_item_scurt {
					height: auto;
					max-height: auto;
					margin: 0px 0px 25px 0px;
					}
				.sisteme_titlu {
					height: 50px;
					min-height: 50px;
					font-size: 1.2em;
					}
				.sisteme_info {
					height: 50px;
					min-height: 50px;
					font-size: 0.9em;
					overflow: hidden;
					padding: 0px 0px 0px 0px;
					}
				.sisteme_comenzi {
					margin: -5px 0px 0px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{	
				#sistemebox {
					padding: 30px 0px 0px 0px;
					}
				.sisteme_item, .sisteme_item_scurt {
					width: 50%;
					height: auto;
					max-height: auto;
					margin: 0px 0px 25px 0px;
					}
				.sisteme_titlu {
					min-height: 50px;
					font-size: 1.2em;
					}
				.sisteme_info { display: none; }	
				.sisteme_comenzi {
					margin: -22px 0px 0px 0px;
					}
			}
		
		
/* ------------------------------------------------------------------------------------
- Promo Magazine
 ------------------------------------------------------------------------------------ */
	#magazine_promo_box {
		display: table;
		background: #25201a url('../../imagini/magazine-promo-fundal.jpg') right 0px no-repeat;
		background-size: 50% 100%;
		}
	#magazine_promo {
		display: table-cell;
		vertical-align: middle;
		}	
	#magazine_inner {
		margin: 0px auto;
		color: #333;
		background: rgba(255,255,255,.96) url('../../imagini/magazine-promo-text.jpg') right center no-repeat;
		}
	#magazine_inner h4 {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: normal;
		line-height: 1em;
		text-transform: uppercase;
		font-family: "Droid Serif", sans-serif;
		}
	#magazine_inner h3 {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		line-height: 1em;
		text-transform: uppercase;
		font-family: "Droid Serif", sans-serif;
		}
	#magazine_inner strong {
		display: block;
		line-height: 1em;
		font-weight: normal;
		}
			@media screen and (min-width: 1367px) 
			{
				#magazine_promo_box {
					min-height: 601px;
					margin: 80px 0px 0px 0px;
					}	
				#magazine_inner {
					width: 50%;
					min-height: 360px;
					padding: 60px 60px 60px 80px;
					}
				#magazine_inner h4 {
					font-size: 1.7em;
					letter-spacing: -1px;
					}
				#magazine_inner h3 {
					font-size: 4em;
					letter-spacing: -2px;
					}
				#magazine_inner strong {
					width: 75%;
					padding: 15px 0px 13px 0px;
					font-size: 1.2em;
					letter-spacing: -1px;
					}
				#magazine_inner img { margin: 0px 10px 0px 0px; }
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{	
				#magazine_promo_box {
					min-height: 601px;
					margin: 80px 0px 0px 0px;
					}	
				#magazine_inner {
					width: 70%;
					min-height: 360px;
					padding: 60px 60px 60px 80px;
					}
				#magazine_inner h4 {
					font-size: 1.7em;
					letter-spacing: -1px;
					}
				#magazine_inner h3 {
					font-size: 4em;
					letter-spacing: -2px;
					}
				#magazine_inner strong {
					width: 75%;
					padding: 15px 0px 13px 0px;
					font-size: 1.2em;
					letter-spacing: -1px;
					}
				#magazine_inner img { margin: 0px 10px 0px 0px; }
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{		
				#magazine_promo_box {
					min-height: 401px;
					margin: 50px 0px 0px 0px;
					}	
				#magazine_inner {
					width: 65%;
					min-height: 300px;
					padding: 50px 50px 0px 50px;
					}
				#magazine_inner h4 {
					font-size: 1.3em;
					}
				#magazine_inner h3 {
					font-size: 2.6em;
					letter-spacing: -1px;
					}
				#magazine_inner strong {
					width: 80%;
					padding: 15px 0px 13px 0px;
					font-size: 1.3em;
					letter-spacing: -1px;
					font-weight: normal;
					}
				#magazine_inner img { 	
					margin: 0px 4px 0px 0px; 
					}		
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
				#magazine_promo_box {
					min-height: 401px;
					margin: 50px 0px 0px 0px;
					}	
				#magazine_inner {
					width: 85%;
					min-height: 300px;
					padding: 50px 30px 0px 30px;
					}
				#magazine_inner h4 {
					font-size: 1.1em;
					}
				#magazine_inner h3 {
					font-size: 2.3em;
					letter-spacing: -1px;
					}
				#magazine_inner strong {
					width: 75%;
					padding: 15px 0px 13px 0px;
					font-size: 1.1em;
					letter-spacing: -1px;
					font-weight: normal;
					}
				#magazine_inner img { 
					margin: 0px 4px 0px 0px; 
					}		
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				#magazine_promo_box {
					min-height: 401px;
					margin: 50px 0px 0px 0px;
					}	
				#magazine_inner {
					width: 85%;
					min-height: 300px;
					padding: 50px 30px 0px 30px;
					}
				#magazine_inner h4 {
					font-size: 1.1em;
					}
				#magazine_inner h3 {
					font-size: 2.3em;
					letter-spacing: -1px;
					}
				#magazine_inner strong {
					width: 75%;
					padding: 15px 0px 13px 0px;
					font-size: 1.1em;
					letter-spacing: -1px;
					font-weight: normal;
					}
				#magazine_inner img { 	
					width: 71px;
					height: 55px;
					margin: 0px 4px 0px 0px; 
					}		
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#magazine_promo_box {
					min-height: 401px;
					margin: 50px 0px 0px 0px;
					}	
				#magazine_inner {
					width: 85%;
					min-height: 300px;
					padding: 50px 30px 0px 20px;
					}
				#magazine_inner h4 {
					font-size: 1.1em;
					}
				#magazine_inner h3 {
					font-size: 2.3em;
					letter-spacing: -1px;
					}
				#magazine_inner strong {
					width: 90%;
					padding: 15px 0px 13px 0px;
					font-size: 1.1em;
					letter-spacing: -1px;
					font-weight: normal;
					}
				#magazine_inner img { 	
					width: 71px;
					height: 55px;
					margin: 0px 4px 0px 0px; 
					}					
			}
			
		
/* ------------------------------------------------------------------------------------
- FOOTER
 ------------------------------------------------------------------------------------ */
	#footer {
		margin: 0px 0px 0px 0px;
		padding: 40px 0px 0px 0px;
		color: #fff;
		background-color: #272b2e;
		}
	#footer_left {
		float: left;
		width: 50%;
		}
	#footer_right {
		float: left;
		width: 50%;
		}
	.footer50 {
		float: left;
		width: 50%;
		}
	.footer_titlu {
		padding: 0px 0px 19px 8px;
		text-transform: uppercase;
		font-size: 1.5em;
		line-height: 1em;
		letter-spacing: -1px;
		}
	#footer_left span { padding: 8px 0px 8px 8px; }
	#footer a {
		display: block;
		width: 80%;
		padding: 9px 0px 9px 8px;
		color: #f1f2ee;
		text-decoration: none;
		outline: none;
		}
	#footer_right a:hover {
		color: #111;
		background-color: #f5f5f5;
		}
	#footer_social {
		padding: 10px 50px 0px 10px; 
		}
	#footer_social a {
		float: left;
		width: 55px;
		height: 55px;
		margin: 0px 10px 0px 0px;
		border-radius: 55px;
		background-color: #333;
		}
	#footer_social a:hover {
		background-color: #111;
		}
	#footer_facebook { background: transparent url('../../imagini/social-facebook.png') center center no-repeat; }
	#footer_twitter { background: transparent url('../../imagini/social-twitter.png') center center no-repeat; }
	#footer_copy {
		margin: 0px 0px 0px 0px;
		padding: 37px 0px 17px 0px;
		font-size: 0.9em;
		font-style: italic;
		color: #999;
		background-color: #272b2e;
		}
	#scrolltotop {
		position: fixed;
		z-index: 102;
		display: block;
		width: 32px;
		height: 32px;
		bottom: 1%;
		right: 1%;
		}
			
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
				#footer_copy {
					padding: 37px 0px 17px 10px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
				#footer_copy {
					padding: 37px 0px 17px 10px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				#footer {
					margin: 50px 0px 0px 0px;
					padding: 30px 0px 0px 20px;
					}
				#footer_left {
					float: none;
					width: 100%;					
					}
				#footer_right {
					float: none;
					width: 100%;
					margin: 40px 0px 0px 0px;
					}
				.footer_titlu {
					padding: 0px 0px 5px 7px;
					text-transform: uppercase;
					font-size: 1.5em;
					line-height: 1em;
					letter-spacing: -1px;
					}
				#footer_social a {
					width: 45px;
					height: 45px;
					border-radius: 45px;
					}
				#footer_copy {
					text-align: center;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#footer {
					margin: 50px 0px 0px 0px;
					padding: 30px 0px 0px 10px;
					}
				#footer_left {
					float: none;
					width: 100%;					
					}
				#footer_right {
					float: none;
					width: 100%;
					margin: 40px 0px 0px 0px;
					}
				.footer_titlu {
					padding: 0px 0px 5px 7px;
					text-transform: uppercase;
					font-size: 1.5em;
					line-height: 1em;
					letter-spacing: -1px;
					}
				#footer_social a {
					width: 45px;
					height: 45px;
					border-radius: 45px;
					}
				#footer_copy {
					text-align: center;
					}
			}
		
/* ------------------------------------------------------------------------------------
- Ecran AJAX
 ------------------------------------------------------------------------------------ */
	#ajax_loading {
		display: none;
		width: 98%;
		margin: 0px auto;
		padding: 50px 0px 0px 0px;
		text-align: center;
		}
	#ajax_loading img {
		display: block;
		margin: 0px auto 0px auto;
		}	
	#ajax_loading em {
		color: grey; 
		}
			
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
			}
		
/* ------------------------------------------------------------------------------------
- Ecran LISTA -> Paginare
 ------------------------------------------------------------------------------------ */
	#paginare {
		width: 98%;
		margin: 40px 1% 0px 1%;
		text-align: center;
		}
	#paginare a {
		display: inline-block;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		border-radius: 40px;
		font-weight: bold;
		color: #333;
		font-weight: bold;
		text-decoration: none;
		outline: none;
	}
	#paginare a.inactiv {
		color: #fff;
		background-color: #ff6633;
		}
	#paginare a.inactiv:hover {
		background-color: #ff0000;
		}
	#paginare a:hover {
		background-color: #f1f2ee;
		}	
			
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
			}
	

		
/*--------------------------------------------------------------------
- Login
-----------------------------------------------------------------------*/
.pagina_intro {
	width: 90%;
	margin: 20px auto 20px auto;
	}
.login_field {
	width: 50%;
	margin: 8px auto 12px auto;
	text-align: left;
	}
.login_field input, .login_field select {
	width: 100%;
	padding: 9px 6px;
	border: 1px solid #aaa;
	color: #888;
	font-size: 1em;
	font-style: italic;
	background-color: transparent;
	border-radius: 5px;
	vertical-align: middle;
	}
.login_field input:focus, .login_field select:focus {
	color: #252525;
	background-color: #fff;
	}
.login_field input.cod_securitate {
	width: 50%;
	}
.login_button input {
	width: 130px;
	height: 40px;	
	padding: 0px 0px 0px 0px;
	color: #fff;
	border: none;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #fc5652;
	}
.login_button input:hover { background-color: #ff0000; }		
		
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				.login_field {
					width: 90%;
					}
			}
		
		

/*--------------------------------------------------------------------
- GDRP
-----------------------------------------------------------------------*/
#gdpr_bara {
	position: fixed;
	z-index: 999999999;
	bottom: 0px;
	left: 0px;
	margin-bottom: -150px;
	width: 100%; 
	min-width: 100%; 
	max-width: 100%; 
	height: auto;
	padding: 10px 0px 5px 0px;
	text-align: center;
	color: #252525; 
	background-color: #f1f2ee;
	}
#gdpr_bara a {
	color: #252525;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	}
#gdpr_bara input {
	background-color: #990000;
	color: #fff;
	border: none;
	border-radius: 10px;
	padding: 8px 20px;
	}
#gdpr_bara input:hover {
	background-color: #ff0000;
	color: #fff;
	}	
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
			}
			
			

		
/*--------------------------------------------------------------------
- Basket
-----------------------------------------------------------------------*/
	#comanda_confirmare_ecran {
		padding: 50px 0px 50px 0px;
		text-align: center;
		}
	#comanda_confirmare_ecran img {
		display: block;
		margin: 0px auto 10px auto;
		}
	#comanda_confirmare_ecran span {
		padding: 5px 10px;
		background-color: #fff;  
		color: red;
		}
		
		
	#cos_empty_text {
		width: 90%;
		margin: 70px auto;
		padding: 30px 10px;
		border: 1px solid #ccc;
		text-align: center;
		}
	#basket_suprabox {
		width: 98%;
		max-width: 1100px;
		margin: 40px auto 80px auto;
		}
	#bastket_tabs {
		width: 100%;
		margin: 0px auto 30px auto;
		border-bottom: 2px solid #f1f2ee;
		}
	#bastket_tabs a {
		float: left;
		padding: 10px 20px 10px 20px;
		margin: 0px 1px 0px 0px;
		color: #111;
		line-height: 1.2em;
		text-decoration: none;
		outline: none;
		text-align: center;
		background-color: #f5f5f5;
		}
	#bastket_tabs a:hover {
		background-color: #ccc;
		}
	#bastket_tabs a.activ {
		color: #fff;
		background-color: #fc5652;
		}
	#basket_box	{
		display: table;
		width: 100%;
		}
	.basket_head {
		display: table-row;
		color: #fff;
		background-color: #aaa;
		}
	.basket_rand {
		display: table-row;
		background-color: #f5f5f5;
		}
	.basket_head div, .basket_rand div {	
		display: table-cell;
		padding: 10px 10px 10px 10px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		text-align: center;
		line-height: 1.3em;
		}
	.basket_total {
		color: #fff !important;
		background-color: #fc5652 !important;
		}
	.basket_unitate {
		display: block;
		padding: 3px 0px 0px 0px;
		}
	.basket_49 { width: 49% !important; min-width: 49% !important; max-width: 49% !important; text-align: left !important; }
	.basket_12 { width: 12% !important; min-width: 12%; max-width: 12%; }
	.basket_12_right { width: 12% !important; min-width: 12%; max-width: 12%; text-align: right !important; }
	.basket_15 { width: 15% !important; min-width: 15%; max-width: 15%; }
	.basket_55 { width: 55% !important; min-width: 55%; max-width: 55%; text-align: left !important; }
	
	a.dezactivat, a.dezactivat:hover {
		color: #ccc; 
		background-color: #f1f2ee;
		}
	strong.basket_plus {
		padding: 0px 10px 0px 10px;
		}
	a.basket_plus {
		padding: 2px 10px 4px 10px;
		font-weight: bold;
		text-align: center;
		color: #fff;
		background-color: #313741;
		text-decoration: none;
		outline: none;
		}
	a.basket_adresa_livrare {
		display: block;
		width: 100%;
		padding: 20px 20px 20px 20px;
		margin: 10px 0px 0px 0px;
		color: #111;
		line-height: 1.2em;
		background: #deeff5 url('../../imagini/livrare-sageata-jos.png') 99% center no-repeat;
		text-decoration: none;
		outline: none;
		}
	a.basket_adresa_livrare:hover {
		color: #111;
		background-color: #deeff5;
		}
	.grayout {
		background-color: #f1f2ee !important;
		}
	.basket_sectiune_livrare {
		display: block;
		padding: 20px 20px 20px 20px;
		border: 1px solid #f1f2ee;
		}
		
	#ui_facturare_fizica, #ui_facturare_juridica {
		display: none; 
		}
	#ui_facturare_alege {
		display: block;
		padding: 0px 0px 5px 3px;
		}
	#sectiune_observatii {
		padding: 20px 0px 0px 0px;
		}
	#sectiune_livrare_titlu {
		padding: 20px 0px 8px 0px;
		}
	#sectiune_livrare_adresa {
		display: none;
		}
	.date-juma {
		float: left;
		width: 49%;
		margin: 0px 1% 0px 0px;
		}
	.date-label {
		float: left;
		width: 25%;	
		min-width: 25%;	
		padding: 7px 0px 0px 0px;
		margin: 0px 0px 3px 0px;
		}
	.date-label label {
		font-weight: normal;
		}
	.date-input {
		float: left;
		width: 72%;	
		margin: 0px 0px 3px 0px;
		}
	.date-input  input[type="text"], .date-input select, #sectiune_livrare_adresa input, #sectiune_observatii textarea {
		color: #111; 
		background-color: #f1f2ee; 
		border-radius: 4px; 
		border: none;
		outline: 0;
		font-size: 0.9em;
		width: 98%;
		min-width: 150px;
		padding: 10px 0px 10px 10px;
		}
	.cos_cont_box {
		float: left; 
		width: 49.5%; 
		min-height: 290px;
		max-height: 290px;
		margin: 0px 0.5% 0px 0px; 
		padding: 30px; 
		background-color: #f1f2ee;
		}
			
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
				.basket_49 { width: 45% !important; min-width: 45% !important; max-width: 45% !important; text-align: left !important; }
				.basket_12 { width: 13% !important; min-width: 13%; max-width: 13%; }
				.basket_12_right { width: 13% !important; min-width: 13%; max-width: 13%; text-align: right; }
				.basket_15 { width: 16% !important; min-width: 16%; max-width: 16%; }
				.basket_55 { width: 51% !important; min-width: 51%; max-width: 51%; text-align: left !important; }
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
				.basket_49 { width: 45% !important; min-width: 45% !important; max-width: 45% !important; text-align: left !important; }
				.basket_12 { width: 13% !important; min-width: 13%; max-width: 13%; }
				.basket_12_right { width: 13% !important; min-width: 13%; max-width: 13%; text-align: right; }
				.basket_15 { width: 16% !important; min-width: 16%; max-width: 16%; }
				.basket_55 { width: 51% !important; min-width: 51%; max-width: 51%; text-align: left !important; }
				.basket_12_right img {
					display: block;
					margin: 0px auto;
					}
				.basket_49 .label_optiune {
					padding: 0px 0px 6px 32px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				#bastket_tabs a {
					padding: 10px 15px 10px 15px;
					}
				strong.basket_plus {
					display: block;
					padding: 5px 0px 5px 0px;
					}
				.basket_12_right {
					text-align: center !important;
					}
				.basket_12_right img {
					display: block;
					margin: 0px auto;
					}
				.basket_49 .label_optiune {
					padding: 0px 0px 6px 32px;
					}
				.cos_cont_box {
					padding: 20px;
					}
				.date-juma {
					float: none;
					width: 98%;
					margin: 0px auto 0px auto;
					}
				#sectiune_livrare_titlu {
					padding: 30px 0px 8px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#bastket_tabs a {
					padding: 10px 10px 10px 10px;
					}
				strong.basket_plus {
					display: block;
					padding: 5px 0px 5px 0px;
					}
				.basket_12_right {
					text-align: center !important;
					}
				.basket_12_right img {
					display: block;
					margin: 0px auto;
					}
				.basket_49 .label_optiune {
					padding: 0px 0px 6px 32px;
					}
				
				.cos_cont_box {
					float: none; 
					width: 98%; 
					margin: -10px auto 20px auto; 
					}
				.date-juma {
					float: none;
					width: 98%;
					margin: 0px auto 0px auto;
					}
				#sectiune_livrare_titlu {
					padding: 30px 0px 8px 0px;
					}
			}

/*--------------------------------------------------------------------
- Cont -> Conturile Mele
-----------------------------------------------------------------------*/
	#cont_conturilemele_box {
		width: 96%;
		margin: 30px auto 40px auto;
		}
	.cont_conturilemele_item {
		float: left;
		width: 49%; 
		margin: 0px 10px 1% 0px; 
		padding: 20px 20px 10px 20px; 
		background-color: #f1f2ee; 
		line-height: 1.7em;
		}
	.cont_conturilemele_pret {
		float: right;
		padding: 10px 25px;
		margin: -20px -20px 0px 0px;
		font-size: 1em;
		color: #fff;
		background-color: #313741;
		}
	.cont_conturilemele_pret span {
		font-size: 1.9em;
		line-height: 1em;
		}
	.cont_conturilemele_id {
		color: #111; 
		font-size: 1.6em;
		font-weight: bold;
		}
	.cont_conturilemele_data {
		font-style: italic;
		}
	.cont_conturilemele_status {
		}
	.cont_conturilemele_status span { 
		 padding: 4px 10px; 
		 color: #ff0000;
		 background-color: #fff;
		 }
	.buton_fin {
		padding: 7px 20px !important;
		margin: 20px 7px 0px 0px !important;
		}
			
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#cont_conturilemele_box {
					width: 98%;
					}
				.cont_conturilemele_item {
					float: none;
					width: 100%; 
					margin: 0px 0px 1% 0px;
					}
			}
	
/*--------------------------------------------------------------------
- Cont -> Detalii Comanda
-----------------------------------------------------------------------*/
	#comanda_item_facturare {
		}
	#comanda_item_facturare div {
		float: left;
		height: 150px;
		width: 49.5%; 
		margin: 0px 0.5% 0px 0px;
		padding: 20px 20px;		
		line-height: 1.5em; 
		border: 2px solid #f5f5f5; 
		}
	#comanda_item_produse_box {
		padding: 30px 0px 20px 0px;
		}
	#comanda_item_produse_text {
		padding: 20px 20px 20px 10px; 
		margin: 0px 0px 5px 0px;
		background-color: #f5f5f5; 
		}
	.basket_alb {
		background-color: #fff !important; 
		border-bottom: 1px dotted #ccc !important;
		}	
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				#comanda_item_facturare div {
					float: none;
					height: auto;
					width: 99%; 
					margin: 0px auto 0px auto;
					}
				#comanda_item_produse_box {
					padding: 20px 0px 20px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#comanda_item_facturare div {
					float: none;
					height: auto;
					width: 99%; 
					margin: 0px auto 0px auto;
					}
				#comanda_item_produse_box {
					padding: 20px 0px 20px 0px;
					}
			}
			

		
/*--------------------------------------------------------------------
- Comanda Sumar
-----------------------------------------------------------------------*/
	.comanda_original_titlu {
		display: block;
		padding: 9px 22px;
		margin: 2px 0px 0px 0px;
		line-height: 1.5em;
		color: #fff;
		background-color: #666;
		text-decoration: none;
		outline: none;
		}
	.comanda_original_sectiune {	
		display: none;
		padding: 20px 20px 20px 20px;
		}
	.comanda_original_observatii {
		padding: 20px 20px;
		color: #fff;
		line-height: 1.5em; 
		background-color: #333;
		}
	.comanda_original_observatii span {
		display: block;
		font-weight: bold;
		}
			@media screen and (min-width: 1367px) 
			{				
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				.comanda_original_sectiune {	
					display: none;
					padding: 10px 5px 20px 5px;
					}
			}