@charset "utf-8";
/* CSS Document */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,em,font,img,strong,ol,ul,li,fieldset,form,table,tr,th,td 
{
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
       vertical-align: baseline;
	   list-style-type:none;
}

body{
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
	font-size:14px;
	line-height:16px;
	background:#919191 url(../img/bg/bg-page.png) repeat-x;
}

a:link, a:visited{
	color:#fff;
	font-family:"Times New Roman";
	text-decoration:none;
}

h2.description{
	height:25px;
	clear:both;
	color:#000;
margin:10px 0 10px 20px;
	font-weight:normal;
	background:url(../img/description-bar.png) no-repeat;
	background-position:bottom left;
}

h3.header{
	background: url(../img/bg/bg-header-infobox2.png) repeat-x;
	height:38px;
	font-size:14px;
	line-height:18px;
	text-align:center;
	vertical-align:middle;
	padding-top:5px;
}

h3.header-descr, h3.header-middle{
	background: url(../img/bg/bg-header-descr.png) repeat-x;
	height:25px;
	font-size:14px;
	line-height:18px;
	vertical-align:middle;
	padding:3px 0 0 20px;
	text-transform:uppercase;'
	color:#fff;
	margin-bottom:25px;
}

h3.header-middle{
	background: url(../img/bg/bg-header-other.png) repeat-x;
	height:23px;
	font-size:14px;
	line-height:18px;
	vertical-align:middle;
	padding:2px 0 0 20px;
	text-transform:capitalize;
	color:#fff;
}

ul, p{
	font-size:13px;
}

#background{
	width:100%;
	height:100%;
}

#background #template{
	width:980px;
	min-height:200px;
	margin:0 auto;
	background-color:#000;
}

#background #template #header-top{
	height:137px;
	background:#000 url(../img/bg/bg-header-top2.png) repeat-x;
	width:980px;
	clear:both;
}

#header-top #logo{
	width:188px;
	height:35px;
	margin:65px 0 0 92px;
	float:left;
}

#header-top #kontakt{
	float:right;
	background: url(../img/woman-support.png) no-repeat;
	width:440px;
	height:137px;
	background-position:335px 11px;
}

#header-top #kontakt #kontakt-data{
	float:left;
	margin:73px 0 0 0;
}

#header-top #kontakt #kontakt-data p{
	font-size:26px;
	line-height:30px;
	margin:0;
}

#header-top #kontakt #kontakt-data h5{
	font-size:10px;
}


#template #menu-left{
		background: url(../img/bg/bg-menu-left.png) no-repeat;
		width:15px;
		height:43px;
		float:left;
}

#template #menu-right{
		background: url(../img/bg/bg-menu-right.png) no-repeat;
		width:15px;
		height:43px;
		float:left;
}

#template #menu-middle{
	background: url(../img/bg/bg-menu.png) repeat-x;
	width:946px;
	height:43px;
	float:left;
}

#template #menu-middle ul {

	width:946px;
	height:43px;
	float:left;

}

#template #menu-middle ul li{
	float:left;
	background: url(../img/separator.png) no-repeat;
	background-position:top right;
	
}

#template #menu-middle ul li.last{
	background:none;
}


#template #menu-middle ul li a{
	font-family:"Times New Roman";
	display:block;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	padding:15px 30px 0 30px;
	height:28px;
	letter-spacing:1px;

}

#template #menu-middle ul li.first a{
	padding:15px 20px 0;
}

#template #menu-middle ul li.last a{
	padding:15px 0px 0 32px;
}

#template #menu-middle ul li a:hover{
	color:#000;
}


#template #header #header-above{
	background: url(../img/header-pic-above.png) no-repeat;
	height:34px;
	width:980px;
	float:left;

}

#template #header #header-middle{
	height:328px;
	width:980px;
	float:left;

}

#template #header #header-middle #header-middle-logo{
	margin-top:-217px;

}

#template #header #header-under{
	background: url(../img/header-pic-under.png) no-repeat;
	height:59px;
	width:980px;
	float:left;
	clear:both;

}

#template #content{
	width:979px;
	float:left;
	background-color:#000;
-webkit-box-shadow: 5px 8px 10px 5px #555;
box-shadow: 10px 12px 6px -1px #555; 
}

	
#template #content #content-left{
	width:205px;
	float:left;
}

#template #content #content-middle{
	width:565px;
	float:left;
}

#template #content #content-middle #images{
	height:650px;
	width:574px;
	float:left;
	position:relative;
}

#template #content #content-middle #images #big-images{
	border:1px solid #A9A9A9;
	height:482px;
	width:482px;
	position:relative;
	overflow:hidden;
	margin:0 45px;
	clear:both
}

#template #content #content-middle #images #small-images{
	float: left;
    height: 104px;
    margin: 10px 0;
    width: 574px;
}

#template #content #content-middle #images #small-images img{
	float: left;
	width: 100px;
	height: 100px;
	margin-left: 11px;
	margin-bottom: 10px;
	border: 1px solid #A9A9A9;
	cursor: pointer;
	-webkit-box-shadow: 2px 2px 3px 0px #000;
	box-shadow: 2px 2px 3px 0px #000; 
}

#template #content #content-middle #images #zoom-images{
    display: none;
	background-color: transparent;
    padding: 10px;
    height: 685px;
	top: -75px;
	left: -75px;
    position: absolute;
    width: 685px;
    z-index: 99999;
	text-align: center;
	float: left;
	background-image: url(../images/zoom-back.png);
	background-repeat: repeat;
}

#template #content #content-middle #images #zoom-images img{
	border:3px solid #444444;
}

#content #content-middle #images #btn-zoom {
	background-image: url(../img/product-img/zoom-in.gif);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 1px;
	right: 46px;
	cursor: pointer;
}

#content #content-middle #images #btn-zoom-out {
	background-image: url(../img/product-img/zoom-out.gif);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 1px;
	left: 1px;
	cursor: pointer;
}


#template #content #content-right{
	width:200px;
	float:right;
}

.infobox{
	width:190px;
	background:#151614 url(../img/bg/bg-infobox-bottom2.png) no-repeat;
	background-position:bottom center;
	float:left;
	margin:0 6px 32px 9px;
}

.infobox div{
	float:left;
	margin:0 10px 15px 12px;
	width:166px
}

.infobox div img{
	margin:0 0 10px 20px;
}


#template #content #content-middle .infobox-middle{
	width:568px;
	background:#fff;
	float:left;
	min-height:250px;
	margin:0;
	border:3px solid #c7c7c7;
	border-bottom:none;
	border-top:none;
}

.infobox-middle p, .infobox-middle ul{
	color:#000;
	margin:0 20px;
}

.infobox-middle ul li{
	list-style-type:disc;
	list-style-position:inside;
}

#template #content #content-right .infobox{
	margin:0 9px 32px 5px;
	}

.bottom{
	background:#000 url(../img/bg/bg-corners-white.png) no-repeat;
	width:574px;
	height:15px;
	float:left;
	margin-bottom:15px;
}

#footer{
height:147px;
float:left;
width:980px;
background-position:top center;
position:relative;
}

#footer p{
	color:#545454;
	text-align:center;
	font-size:11px;
}

#footer a{
	background:url(../img/deintemplate-logo.png) no-repeat;
	display:block;
	width:112px;
	height:30px;
	background:url(../img/deintemplate-logo.png) no-repeat;
	margin:60px auto 10px auto;

}