html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

body {
	background: #000 url(../images/main/klinder_bg.gif) repeat top center;
	margin: 0 0 10px 0;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-shadow: 0 0 0 #000;
}
#content {width:908px; margin:0 auto; padding-bottom:15px;}


/*---------------------- intro ----------------------*/
#intro {width:781px; margin:15px auto;}
#intro h1 {
	width: 528px;
	height: 93px;
	margin: 20px auto 0 auto;
	background: url(../images/main/ammonit-keramik-romania-klinder.gif) no-repeat;
}
#intro h1 a {display:block; width:523px; height:93px;}
#intro h1 span {display:none;}
#intro div {width:595px; height:30px; margin:50px auto 0 auto;}
#intro div p {float:left; display:inline; height:32px; font-size:11px; color:#888; padding:0 13px 0 0; line-height:16px; margin:0; text-align:right; border-right:1px solid #383838;}
#intro div p a {color:#FFF; font-weight:bold; text-decoration:none;}
#intro div p a:hover {color:#C13500;}
#intro div p a.drone {color:#C13500; text-decoration:underline;}
#intro div p a.drone:hover { text-decoration:none;}
#intro h2 {
	float: left;
	display: inline;
	width: 127px;
	height: 25px;
	margin: 4px 0 0 13px;
	padding: 0 0 0 23px;
	font-size: 17px;
	line-height: 14px;
	overflow: hidden;
	background: url(../images/main/info_line.gif) no-repeat top left;
}
#intro h2 span {display:block; font-size:11px; color:#585858; font-weight:bold;}


/*---------------------- header ----------------------*/
#header {width:908px; height:123px; margin:0 auto;}
#header h1 {
	float: left;
	display: inline;
	width: 216px;
	height: 58px;
	margin: 26px 0 0 0;
	background: url(../images/main/ammonit-keramik-romania.gif) no-repeat;
}
#header h1 a {display:block; width:216px; height:58px;}
#header h1 span {display:none;}
#header h2.info {
	float: right;
	display: inline;
	width: 127px;
	height: 25px;
	margin: 16px 0 0 0;
	padding: 0 0 0 23px;
	font-size: 17px;
	line-height: 14px;
	overflow: hidden;
	background: url(../images/main/info_line.gif) no-repeat top left;
}
#header h2.info span {display:block; font-size:11px; color:#585858; font-weight:bold;}
#header ul {
	float: right;
	display: inline;
	width: 673px;
	height: 51px;
	margin: 19px 0 0 0;
	padding: 0;
	list-style-type: none;
}
#header ul li {display:inline;}

#header ul li a, #header ul li a.on {
	float: left;
	display: inline;
	height: 51px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	padding: 0 0 0 14px;
	*padding: 0 0 0 14px !important;
	margin-left: 2px;
	cursor: pointer;
	background: url(../images/main/menu_left.gif) no-repeat top left;
}
#header ul li a strong, #header ul li a.on strong {float:left; display:inline; height:40px; padding:11px 14px 0 0; *padding:11px 14px 0 0 !important; background:url(../images/main/menu_right.gif) no-repeat top right;}
#header ul li a:hover, #header ul li a.on {background:url(../images/main/menu_left.gif) no-repeat bottom left;}
#header ul li a:hover strong, #header ul li a.on strong {background:url(../images/main/menu_right.gif) no-repeat bottom right;}

/*safari*/
html*#header ul li a, html*#header ul li a.on {
	float: left;
	display: inline;
	height: 51px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	padding: 0 0 0 11px;
	margin-left: 2px;
	cursor: pointer;
	background: url(../images/main/menu_left.gif) no-repeat top left;
}
html*#header ul li a strong, html*#header ul li a.on strong {float:left; display:inline; height:40px; padding:11px 11px 0 0; background:url(../images/main/menu_right.gif) no-repeat top right;}
html*#header ul li a:hover, html*#header ul li a.on {background:url(../images/main/menu_left.gif) no-repeat bottom left;}
html*#header ul li a:hover strong, html*#header ul li a.on strong {background:url(../images/main/menu_right.gif) no-repeat bottom right;}
/*end-safari*/


/*---------------------- left ----------------------*/
#left {
	float: left;
	display: inline;
	width: 216px;
}
#left h3, #left h4, #left h5, #left h6 {width:200px; height:20px; text-transform:uppercase; font-size:12px; padding:5px 0 0 16px; background:url(../images/main/box1.gif) no-repeat;}
#left ul {margin:5px 3px 20px 16px; padding:0; list-style-type:none;}
#left ul li {margin:3px 0;}
#left ul li a, #left ul li a.on {padding-left:8px; color:#FFF; text-decoration:none; background:url(../images/main/arrow1.gif) no-repeat 0 5px;}
#left ul li a:hover, #left ul li a.on {color:#C13500; font-weight:bold;}
#left .gallery_tn {width:196px; margin:7px 0 8px 16px; overflow:hidden;}
#left .gallery_tn p {float:left; display:block; width:196px; height:19px; font-weight:bold; margin:0; padding:3px 0 0 0; font-size:11px; color:#C13500;}
#left .gallery_tn p a {float:right; display:block; width:85px; font-weight:normal; padding:0px 0 3px 17px; margin:3px 10px 0 0; background:url(../images/main/arrow2.gif) no-repeat 0 2px; color:#FFF;}
#left .gallery_tn div {float:left; width:196px; height:54px;}
#left .gallery_tn div a {float:left; display:inline; width:50px; height:50px; padding:2px; margin: 0 11px 0 0; background:#3E3E3E;}
#left .gallery_tn div a:hover {background:#C13500;}


/*---------------------- center ----------------------*/
#center {
	float: left;
	display: inline;
	width: 647px;
	padding: 3px 12px 0 12px;
	margin-left: 21px;
}
#center2 {
	float: left;
	display: inline;
	width: 683px;
	padding: 0;
	margin-left: 9px;
}
.prod_tn {float:left; display:inline; width:215px; height:153px; margin:0 0 12px 12px;}
.prod_tn a {display:block; width:215px; height:130px;}
.prod_tn p {display:block; width:150px; height:19px; text-align:center !important; font-size:11px; font-weight:bold; margin:0 0 0 50px !important; padding:4px 0 0 0 !important; background:url(../images/main/prod_title_bg.gif) no-repeat;}

.cat_tn {float:left; display:inline; width:125px; height:148px; margin:0 0 12px 11px;}
.cat_tn p {display:block; width:56px; height:19px; text-align:center !important; font-size:11px; font-weight:bold; margin:0 0 0 50px !important; padding:4px 0 0 0 !important; background:url(../images/main/color_title_bg.gif) no-repeat;}

.gal_tn {float:left; display:inline; width:125px; height:125px; margin:0 0 11px 11px; overflow:hidden;}

#center h3 {font-size:16px; margin:1px 0 0 0; padding:0; color:#C13500; text-transform:uppercase;}
#center h4 {font-size:12px; margin:0; padding:0; color:#888; font-weight:bold;}
#center h5 {font-size:13px; margin:0; padding:0; color:#C13500;}
#center p {margin:20px 0 0 0; padding:0; text-align:justify;}
#center p.type2 {margin:2px 0 25px 0 !important; padding:0; text-align:justify;}
#center2 p.type2 {margin:2px 0 25px 24px !important; padding:0; text-align:justify;}
#center2 p {margin:20px 0 0 24px; padding:0; text-align:justify;}
#center2 h3 {font-size:16px; margin:4px 0 0 24px; padding:0; color:#C13500; text-transform:uppercase;}
#center2 h4 {font-size:12px; margin:0 0 20px 24px; padding:0; color:#888; font-weight:bold;}
#center h6 {font-size:14px; margin:25px 0 0 0; padding:0; color:#C13500;}
#center2 h6 {font-size:14px; margin:25px 0 0 24px; padding:0; color:#C13500;}
.border1 {border:2px solid #3E3E3E; margin:0 55px 20px 55px;}


/*---------------------- popup ----------------------*/
.prod_detail {margin:15px;}
.prod_detail h1 {font-size:16px; color:#FFF;}
.prod_detail strong {color:#C13500;}
.prod_detail .dot {background:url(../images/main/dot.gif) repeat-x top center;}


/*---------------------- footer ----------------------*/
#footer {
	width: 882px;
	height: 42px;
	padding: 7px 13px 0 13px;
	margin: 0 auto;
	background: url(../images/main/footer.gif) no-repeat;
}
#footer p {font-size:11px; color:#888; padding:0; margin:0; line-height:18px;}
#footer p.author {float:left; display:inline; width:130px; margin-top:18px;}
#footer p.author a {font-weight:bold; color:#C13500;}
#footer p.author a:hover {text-decoration:none;}
#footer p.copy {float:right; display:inline; width:450px; text-align:right;}
#footer p.copy a {color:#FFF; font-weight:bold; text-decoration:none;}
#footer p.copy a:hover {color:#C13500;}


/*---------------------- items ----------------------*/
h1, h2, h3, h4, h5, h6, form, table {margin:0; padding:0;}
img {vertical-align:top; border:0;}
.cleaner {clear:both; text-align:center;}
a:focus {-moz-outline-style:none;}
a:active {outline:none;}
a {color:#C13500;}
a:hover {text-decoration:none;}
.inp1, .inp2 {
	width: 240px;
	height: 19px;
	padding: 2px 0 0 3px;
	background: #FFF !important;
	overflow: auto;
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
	font
}
.inp2 {height:100px;}
.but_trimite {
	border: none;
	width: 94px;
	height: 33px;
	cursor: pointer;
	background: url(../images/main/but_trimite.gif) no-repeat bottom left;
}
.but_trimite:hover {background: url(../images/main/but_trimite.gif) no-repeat top left;}
.but_catalog {
	display: block;
	width: 215px;
	height: 33px;
	cursor: pointer;
	background: url(../images/main/but_catalog.gif) no-repeat bottom left;
	margin: 10px 0 0 0;
}
.but_catalog:hover {background: url(../images/main/but_catalog.gif) no-repeat top left;}
.error {color:#888; font-size:11px; font-style:italic;}
.red {color:#C13500; font-weight:bold;}
.red2 {color:#C13500; font-weight:bold; font-style:italic;}
.link1 {color:#FFF;}
.faq {margin:5px 0 20px 0px !important; padding:0; list-style-type:none;}
.faq li {margin-bottom:2px;}
.faq2 {margin:10px 0 20px 12px; *margin:5px 0 20px 15px; padding:0;}