@charset "utf-8";
/* CSS Document */

/* -----------------------------------
	reset
-----------------------------------	*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
body {
	line-height: 1;
	background-image: url(../assets/steel-bg.jpg);
	font-style: Arial, sans-serif;
	color: #222;
}
ol, ul {
	list-style: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -----------------------------------
	top
-----------------------------------	*/

#container {
	width: 900px;
	margin: 20px auto 0;
	background: #fff url(../assets/bg-container-top.png) no-repeat center top;
	padding: 13px 13px 23px 13px;
}
#top {
	width: 900px;
	height: 322px;
	margin: 0 auto;
	clear: both;
	background: #e20a17 url(../assets/bg-top.png) no-repeat center top;
}
#top img {
	float: right;
}
#menu {
	width: 250px;
	float: left;
}
#menu a img {
	border: none;
	margin: 13px 0 54px 10px;
	float: left;
}
ul#main-nav {
	width: 230px;
	float: left;
	clear: both;
	font: normal 1.3em/1.25em "Arial Black", Gadget, sans-serif;
	letter-spacing: -.05em;
	margin-left: 13px;
	color: #fcc;
}
ul#main-nav li {
	width: 100%;
	float: left;
	display: inline;
}
ul#main-nav li a, ul#main-nav li a:visited {
	color: #fff;
}
ul#main-nav li a:hover {
	color: #fcc;
}
#content {
	width: 100%;
	padding-top: 30px;
	margin: 0 auto 40px;
	clear: both;
	font: normal .8em/1.3em Arial, sans-serif;
}
#content h1 {
	font: normal 1.5em/1.9em Arial, sans-serif;
	text-indent: 30px;
	letter-spacing: -.05em;
	background: url(../assets/bg-h1.gif) no-repeat left 50%;
	margin-left: 8px;
}
#content h1 a, #content h1 a:visited {
	color: #999;
}
#content h1 a:hover {
	color: #000;
}
ul#content-main {
	width: 100%;
	margin: 20px auto 0;
	clear: both;
}
ul#content-main li {
	width: 258px;
	height: 215px;
	float: left;
	display: inline;
	margin: 0 8px 16px;
	padding: 12px;
	background: #f4f4f4;
	border: solid 1px #e0e0e0;
}
ul#content-main li h2 a, ul#content-main li h2 a:visited {
	color: #999;
	margin: 0 auto 0;
	width: 100%;
	font: normal 1.8em/1.3em Arial, sans-serif;
	display: block;
}
ul#content-main li h2 a:hover {
	color: #fff;
	background: #f00;
}
ul#content-main li a img, ul#content-main li a:visited img {
	border: solid 1px #efefef;
}
ul#content-main li a:hover img {
	border: solid 1px #f00;
}
#left-00 {
	width: 345px;
	float: left;
	margin-left: 1px;
}
#left {
	width: 340px;
	float: left;
	background: #f4f4f4;
	border: solid 1px #e9e9e9;
}
.despre, .despre-index {
	width: 340px;
	float: left;
	margin-top: 20px;
	background: #f4f4f4;
	border: solid 1px #e9e9e9;
}
.despre-index {
	margin-top: 0;
}
.despre p, #left.box p, .despre-index p {
	width: 92%;
	margin: 20px auto;
	padding: 0 4%;
}
.despre a, .despre a:visited, .despre-index a, .despre-index a:visited {
	color: #222;
}
.despre a:hover, .despre-index a:hover {
	color: #e20a17;
}
.despre a img, .despre a:visited img {
	border: solid 1px #efefef;
}
.despre a:hover img {
	border: solid 1px #f00;
}
ul#news {
	width: 310px;
	margin: 20px auto;
}
ul#news li {
	width: 100%;
	float: left;
	margin: 0 auto 8px;
	display: inline;
	border-top: 1px solid #dedede;
	padding: 8px 0 0 0;
}
ul#news li a, ul#news li a:visited {
	display: block;
	color: #222;
}
ul#news li a:hover {
	color: #e20a17;
	background: #fff;
}
ul#news li:first-child {
	border-top: none;
	padding: 0;
	margin-bottom: 0;
}
ul#news li .date {
	float: left;
	margin: 0 20px 12px 0;
	padding: 4px 10px;
	background: #9c0;
	font: 700 .7em/1.4em Arial, sans-serif;
	color: #fff;
}
ul#news li p {
	font: 700 .87em/1.3em Arial, sans-serif;
	margin-bottom: 10px;
}
#certificari {
	width: 534px;
	float: right;
	margin: 20px 0 0 0;
}
#certificari ul {
	width: 100%;
	margin: 20px auto 0;
}
#certificari ul li {
	margin: 0 6px 10px 6px;
	float: left;
	display: inline;
}
#certificari ul li a img, #certificari ul li a:visited img {
	border: 1px solid #efefef;
}
#certificari ul li a:hover img {
	border: 1px solid #f00;
}
ul#parteneri {
	width: 100%;
	margin: 20px 0;
	clear: both;
	float: left;
}
ul#parteneri li a img, ul#parteneri li a:visited img {
	border: solid 1px #fff;
	float: left;
	display: inline;
	margin: 0 6px 12px;
}
ul#parteneri li a:hover img {
	border: solid 1px #f00;
}
#right {
	width: 534px;
	float: right;
	background: #efefef;
	border: solid 1px #e8e8e8;
	margin-right: 1px;
}
#right h1.star, .content-right h1.star {
	background: url(../assets/asterisc.png) no-repeat 210px 50%;
	text-decoration: blink;
	color: #c00;
}
#right h2 {
	font: 700 .95em/1.4em Arial, sans-serif;
	color: #333;
	margin-bottom: 10px;
}
.content-right {
	width: 504px;
	padding: 15px;
	float: right;
	background: #efefef;
	border: solid 1px #e8e8e8;
	font: normal 1em/1.4em Arial, sans-serif;
}
.content-right p {
	margin: 20px 0;
}
.content-right h2 {
	font: 700 1.3em/1.5em Arial, sans-serif;
}
.content-right a, .content-right a:visited {
	color: #c00;
}
.content-right a:hover {
	color: #000;
}
ul#specials {
	width: 500px;
	margin: 20px auto;
}
ul#specials li {
	width: 94%;
	margin: 0 auto 10px;
	padding: 3%;
	background: #fff;
	border: solid 1px #e5e5e5;
}
ul#specials li p {
	width: 290px;
	float: left;
	font: normal .85em/1.2em Arial, sans-serif;
	padding-right: 10px;
	margin-right: 20px;
	border-right: dotted 1px #dadada;
}
ul#specials li p a, ul#specials li p a:visited {
	color: #777;
	text-decoration: underline;
}
ul#specials li p a:hover {
	color: #222;
}
ul#specials a img, ul#specials a:visited img {
	border: 1px solid #efefef;
	margin-right: 15px;
	float: left;
}
ul#specials a:hover img {
	border: 1px solid #ccc;
}
.oferta-speciala img {
	float: left;
	border: none;
	margin: 0 20px 20px 0;
}
.more {
	width: 82px;
	height: 21px;
	margin-top: 5px;
	float: right;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(../assets/bg-button-more.png) no-repeat center top;
	border: 0;
}
.more:hover {
	background: transparent url(../assets/bg-button-more.png) no-repeat center -21px;
}
.product-list {
	width: 92%;
	margin: 10px 2% 20px;
	padding: 20px 2%;
	border-bottom: solid 1px #efefef;
	border-top: solid 1px #f4f4f4;
	border-left: solid 1px #efefef;
	border-right: solid 1px #efefef;
	background: url(../assets/bg-box.png) repeat-x center bottom;
	float: left;
	clear: both;
}
.product-list p {
	color: #777;
	margin: 10px 0; 
}
ul.album {
	width: 100%;
	float: left;
	margin: 10px 0 30px;
}
ul.album.right {
	width: 90px;
	float: right;
	margin: 10px 0 30px 20px;
}
ul.album li {
	margin: 0 8px 16px;
	float: left;
	display: inline;
}
ul.album li a img, ul.album li a:visited img {
	border: 1px solid #efefef;
}
ul.album li a:hover img {
	border: 1px solid #f00;
}
.productsh2 {
	font: normal 1.4em/1.6em Arial, sans-serif;
	color: #212121;
	margin: 22px 0 15px;
	text-indent: 30px;
	color: #c00;
	float: left;
	clear: both;
	width: 90%;
}
ul.product-list .text-produse {
	width: 100%;
	margin: 15px 0;
	float: left;
}
ul.tech {
	list-style-type: disc;
	margin: 10px 0 30px;
	color: #777;
	float: left;
	width: 715px;
}
ul.tech li {
	margin: 0 0 1px 40px;
}
.text-produse p {
	margin: 8px 0;
	color: #777;
}
.pdf {
	width: 300px;
	background: url(../assets/bg-pdf.png) no-repeat left 50%;
	border-top: dotted 1px #dadada;
	border-bottom: dotted 1px #dadada;
	text-indent: 28px;
	float: left;
	padding: 5px;
	margin-left: 20px;
	font: normal .85em/1.1em Arial, sans-serif;
	clear: both;
	margin-bottom: 5px;
}
.pdf a {
	color: #c00;
}
.pdf a:hover {
	color: #212121;
}
#footer {
	width: 880px;
	height: 45px;
	margin: 0 auto;
	clear: both;
	padding: 53px 23px 13px 23px;
	background: url(../assets/bg-footer.jpg) no-repeat center top;
	font: normal 1.3em/1.6em Arial, sans-serif;
	letter-spacing: -.05em;
	position: relative;
}
#footer a, #footer a:visited {
	color: #fff;
}
#footer a:hover {
	color: #f00;
}
#footer .backhome {
	width: 70px;
	float: left;
	margin-left: 20px;
}
ul#aux-nav {
	width: 600px;
	float: left;
	margin: -75px 0 0 20px;
	font: normal 1.1em/1.2em "Arial Black", Gadget, sans-serif;
	letter-spacing: -.07em;
}
ul#aux-nav a, ul#aux-nav a:visited {
	color: #e20a17;
}
ul#aux-nav a:hover {
	color: #a9a8a8;
}
ul#aux-nav li {
	float: left;
	display: inline;
	margin-right: 20px;
}
ul#fnav {
	width: 600px;
	float: right;
}
ul#fnav li {
	margin-left: 20px;
	float: right;
	display: inline;
}
ul#fnav li:first-child {
	margin-right: 20px;
}
#copy {
	width: 900px;
	margin: 15px auto 20px;
	padding: 0 13px;
	clear: both;
	font: normal .7em/1.1em Arial, sans-serif;
}
#copy a, #copy a:visited {
	color: #222;
	padding: 1px 6px;
}
#copy a:hover {
	color: #c00;
	background: #fff;
	padding: 1px 6px;
}
.backtotop {
	width: 100%;
	clear: both;
	position: relative;
	margin-bottom: 30px;
}
.btt {
	text-indent: -9999px;
	background: transparent url(../assets/bg-btt.gif) no-repeat center top;
	position: absolute;
	width: 16px;
	height: 16px;
	cursor: pointer;
	z-index: 3;
	left: 860px;
}
.btt:hover {
	background: transparent url(../assets/bg-btt.gif) no-repeat center -16px;
}


/* -----------------------------------
	clearfix
-----------------------------------	*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
* html .clearfix { height: 1%; }

/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */
.clear { 
	clear: both; 
}