/*** RESET ***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a, a:active{outline: none;}

/*** CLASICS ***/
.clr {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}
.flLeft{float:left}
.flRight{float:right}

/*** TYPO **/
h1{position: fixed; left: 30px; bottom: 30px;}
h1 img{display: none}
h1 a{display: block; height: 21px; width: 116px; background: url("../images/logo.gif") 0 0 no-repeat}
h2{display: none}
h2#product-name{display: block; text-align: center; font-size: 5px; padding: 0}
h3{font-size: 35px; text-transform: uppercase; font-weight: bold; /*margin: 15px 0 5px*/}
h3 span{font-weight: normal}
p{padding: 5px 0 15px}
a{text-decoration: underline; color: #373737}
a:hover{text-decoration: none}

/*** LAYOUT ***/
html{height: 100%; overflow-y: scroll}
body {
	background: #F3FAD9 url(../images/bg.gif) 0 0 repeat-y;
	text-align: left;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #373737;
	margin: 0 0 0 23px;
	height: 100%;
}
input{background-color: #6B6E62; color: #FFF; font-family: Arial, Helvetica, sans-serif}
#container {min-height:100%; position:relative; min-width: 900px}
#content{padding: 30px 20px 50px 0; margin: 0 0 0 227px; width: auto; min-width: 695px;position:relative;}
#shorten #content{margin-left: 250px }
#real-content{width: 800px}
.halfCol{width: 390px}

/*** MENU ***/
#menu{margin-top:25px;width:150px;float:left; position: fixed}
#menu ul{list-style:none;font-size:11px;text-transform: uppercase}
#menu ul li{padding: 3px 0 3px; position: relative;}
#menu ul li a{text-decoration: none; color: #000; padding: 2px 0 2px 7px}
#menu ul li a:hover{background: url(../images/menu-left-braket.gif) 0 2px no-repeat}
#menu ul li a:hover span{background: url(../images/menu-right-braket.gif) 100% 0px no-repeat; padding-right: 7px}
#menu ul li.selected a{background: url(../images/menu-left-braket.gif) 0 2px no-repeat; font-weight: bold}
#menu ul li.selected a span{background: url(../images/menu-right-braket.gif) 100% 0px no-repeat; padding-right: 7px}
#shorten #menu{width: 250px}
#menu ul ul{position: absolute; top: 0; left: 85px}
#menu ul ul li{z-index: 1; width: 135px}
#menu ul li.selected ul li a, #menu ul li.selected ul li a span{background: transparent; font-weight: normal}
#menu ul li ul li a:hover{background: url(../images/menu-left-braket.gif) 0 2px no-repeat}
#menu ul li ul li a:hover span{background: url(../images/menu-right-braket.gif) 100% 0px no-repeat; padding-right: 7px}
#menu ul li ul li.selected a{background: url(../images/menu-left-braket.gif) 0 2px no-repeat; font-weight: bold !important}
#menu ul li ul li.selected a span{background: url(../images/menu-right-braket.gif) 100% 0px no-repeat; padding-right: 7px}

/*** LANG ***/
#lang{margin: 20px 0 0 7px; text-transform: uppercase}
#lang a{color:#000; text-decoration: none}

/*** NEWS ***/
.home #content{padding-right: 0; margin-left: 204px;}
#news-alert{background: url(../images/news-alert.png) 0 0 no-repeat; width: 244px; height: 244px; float: left; margin: 0 20px 20px 0; text-align: center}
#news-alert .holder{padding: 70px 25px 0 25px}
.news-item{float:left; margin: 0 20px 20px 0; height: 244px; position: relative}
.news-item img{display: inline;float:left; height: 244px}
.news-item div{width: 204px; height: 204px; color: #FFF;float: right; padding: 20px; z-index: 1}
.news-item div.news-bg-holder{float: none; position: absolute; top: 0; right: 0; z-index: -1}
.news-item h3{font-size: 20px; font-weight: bold; line-height: 22px; text-transform: uppercase; margin: 0}
.news-item p.date{font-size: 20px; line-height: 22px; margin-top: 0}
.news-item p{padding: 0; margin-top: 8px }
.news-item p a{color: #FFF; text-decoration: underline}
.double div{width: 448px}


.news-item div.news-bg-holder{opacity: .05; filter: alpha(opacity=35); background: #373737;}
.news-item img{opacity: .05; filter: alpha(opacity=05)}

.news-1 div.news-bg-holder, .news-1 img{opacity: .8; filter: alpha(opacity=80)}
.news-2 div.news-bg-holder, .news-2 img{opacity: .75; filter: alpha(opacity=75)}
.news-3 div.news-bg-holder, .news-3 img{opacity: .7; filter: alpha(opacity=70)}
.news-4 div.news-bg-holder, .news-4 img{opacity: .65; filter: alpha(opacity=65)}
.news-5 div.news-bg-holder, .news-5 img{opacity: .60; filter: alpha(opacity=60)}
.news-6 div.news-bg-holder, .news-6 img{opacity: .55; filter: alpha(opacity=55)}
.news-7 div.news-bg-holder, .news-7 img{opacity: .50; filter: alpha(opacity=50)}
.news-8 div.news-bg-holder, .news-8 img{opacity: .45; filter: alpha(opacity=45)}
.news-9 div.news-bg-holder, .news-9 img{opacity: .40; filter: alpha(opacity=40)}
.news-10 div.news-bg-holder, .news-10 img{opacity: .35; filter: alpha(opacity=35)}
.news-11 div.news-bg-holder, .news-10 img{opacity: .30; filter: alpha(opacity=30)}
.news-12 div.news-bg-holder, .news-10 img{opacity: .25; filter: alpha(opacity=25)}
.news-13 div.news-bg-holder, .news-10 img{opacity: .20; filter: alpha(opacity=20)}
.news-14 div.news-bg-holder, .news-10 img{opacity: .15; filter: alpha(opacity=15)}
.news-15 div.news-bg-holder, .news-10 img{opacity: .10; filter: alpha(opacity=10)}
.news-16 div.news-bg-holder, .news-10 img{opacity: .05; filter: alpha(opacity=05)}

/*** PRODUCTS ***/
#toolbar{width: 100%; position: fixed; top: 0; z-index: 100; background: url("../images/bg-png-90.png") 0 0 repeat; height: 30px; color: #FFF; text-transform: uppercase; font-size: 10px;}

#toolbar p{float: left; padding: 8px 20px 0 20px; color: #a6a6a6}
#toolbar #maker, #toolbar #designer{float: left; margin-right:7px; padding: 7px 10px 7px 10px; position: relative}
#toolbar #maker h4, #toolbar #designer h4{color: #afde0d; float:left; font-weight: normal; text-transform: none}
#toolbar #maker h4 a, #toolbar #designer h4 a{color: #FFF; text-decoration: none; font-weight: bold; text-transform: uppercase}
#toolbar #designer h4 a#resetDesigner { padding : 0 10px; text-decoration : none; font-weight : bold;}
#toolbar #choosen-products{float: right; padding: 7px 300px 0 0}
#toolbar #choosen-products span{font-size: 14px}
#toolbar form{padding-top:6px; text-transform: none;}
#toolbar #find{border:none;float:left;font-size:10px;padding:0 4px;width:95px;height:18px}
#toolbar #find-button{background: url("../images/ico-find.gif") no-repeat center center; cursor:pointer; float:left; margin:1px 0 0 6px; width:16px; height:16px}
#toolbar #find-filter{color:#AFDE0D; display:none; float:left; line-height:17px; margin-left:6px}
#maker-cancel,#designer-cancel,#find-cancel{cursor:pointer;line-height:16px;padding:0 6px}
#maker-cancel,#designer-cancel{
    display:none;
    color:#afde0d;
    float:left;
    text-transform:none;
}
#modal-holder{opacity:0.92; filter: alpha(opacity=92); width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow:auto; background: #000;	z-index: 1}
#modal-filter{color: #a5a5a5; position: fixed; left: 0; top: 30px; width: auto; z-index: 2; text-align: left; padding: 10px; font-size: 10px; text-transform: uppercase; font-weight: bold}
#modal-filter h3{border-bottom: 1px solid #5b5c56; padding: 0 0 10px; margin: 0; margin-bottom: 10px}
#modal-filter ul{list-style: none}
#modal-filter ul li{padding: 3px 0}
#modal-filter a.all-manufacturers{color: #AFDE0D}
#modal-filter li.allDesigners {padding-top: 0; margin-left: 20px}
#modal-filter li.allDesigners a{color: #AFDE0D}
#modal-filter h3 a, #modal-filter a{color: #a5a5a5; text-decoration: none}
#modal-filter h3 a:hover, #modal-filter a:hover{color: #FFF}
#modal-filter #alphabet{height: 30px; border-bottom: 1px solid #5b5c56; list-style: none; margin-bottom: 10px}
#modal-filter #alphabet li{display: inline; font-size: 11px}
#modal-filter #alphabet li a{display: block; padding: 2px 7px 2px 0; float: left}
#modal-filter #alphabet li span{display:block; padding: 2px 7px 2px 0; float: left; color : #666;}
#modal-filter #alphabet li a:hover, #modal-filter #alphabet li.selected a{color: #afde0d}
#modal-filter #alphabet li.allDesigners { float: right; }
#modal-filter #alphabet li.allDesigners a { padding-right : 0;}

.product-item-holder{height: 100%; float:left; margin: 20px 20px 0 0;position: relative; overflow: hidden}
.product-item{position: absolute; bottom: 0;}
.product-item img{display: block;}

.product-item .product-info-holder{height: 122px; width: 100%; position: relative}
.product-item .product-info-holder .milano{
	background:url("../images/milano.png") no-repeat;
	width:46px;height:17px;
	position:absolute;left:22px;top:91px;
}
.product-item .product-info-holder-bg{background: #373737; opacity: 0.1; filter: alpha(opacity=10); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index:-1;}
.product-item .product-info{padding: 20px 20px 0 20px;}
.product-item h3{margin: 0; font-size: 20px; font-weight: bold; line-height: 22px; text-transform: uppercase;}
.product-item h3 a{text-decoration: none; color: #373737}
.product-item p.meta{padding:0; font-size: 12px; font-weight: bold}
.product-item p.meta span{text-transform: uppercase; font-weight: normal}
.product-item .lightbox{position: absolute; left: 20px; bottom: 77px; width: auto; height: 22px;}
.product-item .lightbox img{float: left; display: block}
.product-item .lightbox p{padding: 0; padding-left: 15px; display: none; float: right; color: #FFF; font-size: 11px; font-weight: bold; line-height: 12px;}

#product-head{height: 117px; position: relative;}
#product-head h2{width: 500px; padding: 30px 0 0 0; line-height: 30px; font-size: 30px}
#product-head #product-name, #product-head #product-manufacturer{width: 500px; margin: 0 auto}
#product-head .prev, #product-head .next{height: 26px; position: absolute; top: 45px; padding: 0; font-size: 10px; text-transform: uppercase; line-height: 12px}
#product-head .prev a, #product-head .next a{text-decoration: none; color: #91ae2a; display: block}
#product-head .prev{left:0;}
#product-head .prev a{background: url("../images/arrow-left.png") 0 50% no-repeat; padding-left: 30px;}
#product-head .prev a:hover{background: url("../images/arrow-left-hover.png") 0 50% no-repeat; color: #373737}
#product-head .next{right:0;}
#product-head .next a{background: url("../images/arrow-right.png") 100% 50% no-repeat; padding-right: 30px; text-align: right; color: #a5ab90;}
#product-head .next a:hover{background: url("../images/arrow-right-hover.png") 100% 50% no-repeat; color: #373737}
#product-detail{background: url("../images/bg-png-20.png") 0 0 repeat; width: 800px; height: 550px;position:relative}
#product-detail #photo-holder{float: left; width: 550px; height: 550px; background: url("../images/bg-photo-png.png") 0 0 no-repeat; position: relative; overflow: hidden}
#product-detail #photo-holder a{cursor:url(../images/cur-plus.cur), auto;}
#product-detail #photo-holder img#big-image{position: absolute; top: 0; left: 0; cursor: url("../images/cur-minus.cur"), auto; display: none}
#product-detail #product-info{float: right; width: 210px; height: 530px; padding: 20px 20px 0 20px; position: relative}
#product-detail #product-info h5{font-size: 10px; text-transform: uppercase}
#product-detail #product-info p{font-size: 12px; font-weight: bold; padding: 0px 0 12px 0}
#product-detail #product-info #lightbox-controls{margin-bottom: 20px}
#product-detail #product-info #lightbox-controls img{float: left; margin: 0 13px 0 0}
#product-detail #product-info #lightbox-controls p{padding: 0;font-size: 10px; text-transform: uppercase; line-height: 12px; padding-top: 5px}
#product-detail #product-info #gallery{position: absolute; bottom: 20px; left: 20px;}
#product-detail #product-info #gallery a{display: block; height: 60px; float: left; margin: 3px 3px 0 0; position: relative}
#product-detail #product-info #gallery img{display: block}
#product-detail #product-info #gallery a span{position: absolute; top: 0; left: 0; background: url("../images/bg-photo-green.png") 0 0 repeat; width: 100%; height: 100%; display: none}
#product-detail #contactMail{
	display:none;
	position:absolute;top:0;left:0;
	background:url("../images/contact-bg.png") repeat-y;
	padding:22px 0 0 222px;
	width:328px;height:528px;
}
#product-detail #contactMail p{
	padding:0;
}
#product-detail #contactMail label{
	color:#CCC;
	display:block;
	text-transform:uppercase;
	margin-bottom:3px;
}
#product-detail #contactMail input{
	background:url("../images/contact-bg-input.png");
	font-size:11px;
	font-weight:bold;
	color:#373737;
	border:none;
	padding:0 5px;&padding-top:4px;
	width:300px;height:22px;&height:18px;
	margin-bottom:10px;
}
#product-detail #contactMail textarea{
	border:none;
	color:#373737;
	display:block;
	font:11px Arial,Helvetica,sans-serif;
	background:url("../images/contact-bg-input.png");
	margin-bottom:10px;
	padding:5px;
	width:300px;height:126px;
	overflow:hidden;
}
#product-detail #contactMail .subject{
	background:#FFF;
	text-transform:uppercase;
}
#product-detail #contactMail .button{
	background:#AFDE0C;
	cursor:pointer;
	color:#373737;
	width:106px;
	padding:0;
	text-transform:uppercase;
	font-size:10px;
}

a#download-documentation{display: block; background: url("../images/ico-download.gif") 0 50% no-repeat; padding: 13px 0 13px 30px}
a#product-contact{display: block; background: url("../images/ico-contact.gif") 0 50% no-repeat; padding: 13px 0 13px 30px}

.products .box, .product-detail .box{background: url("../images/bg-png-10.png") 0 0 repeat}
.box{width: 350px; padding: 20px 20px 20px 20px; margin-top: 20px; height: auto; overflow: hidden; position: relative}
.box .holder-bg{width: 350px; height: 100%; position: absolute; background: #373737; opacity: 0.1; filter: alpha(opacity=10); z-index: -1}
.box h4{font-size: 35px}
.box p{padding: 10px 0 0}
.box .link{text-align: right; font-weight: bold}
.related-products ul{list-style: none; margin: 13px 0 0}
.related-products ul li{display: inline}
h3#no-results{margin-top: 50px}



/*** EVENTS ***/
.events #content{padding-top: 0}
.event-head{width: 800px; height: 120px; overflow: hidden;}
.event-item{background: url("../images/bg-png-20.png") 0 0 repeat; width: 800px; height: 550px;}
.event-item .photo-holder{float: left; width: 550px; height: 550px; background: url("../images/bg-photo-png.png") 0 0 no-repeat; position: relative; overflow: hidden}
.event-item .photo-holder a{cursor:url(../images/cur-plus.cur), auto;}
.event-item .photo-holder img.big-image{position: absolute; top: 0; left: 0; cursor: url("../images/cur-minus.cur"), auto; display: none}
.event-item .event-gallery{float: right; width: 210px; padding: 20px 20px 0 20px}
.event-item .event-gallery a{height: 60px; float: left; margin: 3px 3px 0 0; position: relative}
.event-item .event-gallery img{display: block}
.event-item .event-gallery a span{position: absolute; top: 0; left: 0; background: url("../images/bg-photo-green.png") 0 0 repeat; width: 100%; height: 100%; display: none}
.event-item .event-gallery h5{font-size: 10px; text-transform: uppercase}
.event-item .event-gallery p{font-size: 12px; font-weight: bold; padding: 0px 0 12px 0}

/*** DEALERS ***/
.dealers .box{margin: 0 20px 20px 0; padding: 0 0 20px 0; float: left}
.dealers .box h3{margin-top: 20px}
.dealers .box h3, .dealers .box p{padding-left: 20px; padding-right: 20px}
.dealers p.link{padding-top: 0}

/*** DESIGNERS ***/
.designers .box{margin: 0 20px 20px 0; padding: 0 0 20px 0; float: left}
.designers .box h3{margin-top: 20px}
.designers .box h3, .designers .box p{padding-left: 20px; padding-right: 20px}


/*** MANUFACTURERS & PARTNERS***/
.manufacturers .box, .partners .box{margin: 0 20px 20px 0; padding: 0 0 20px 0; float: left}
.manufacturers .box h3, .partners .box h3{margin-top: 20px}
.manufacturers .box h3, .manufacturers .box p, .partners .box h3, .partners .box p{padding-left: 20px; padding-right: 20px}

/*** EMPLOYEES ***/
.employee{height: 500px; width: 250px; overflow: hidden; margin: 0 20px 20px 0; float: left; position: relative}
.last{margin-right: 0 !important}
.employee .info-holder{background: #373737; opacity: 0.1; filter: alpha(opacity=10); width: 250px; height: 250px; position:absolute; left: 0; bottom: 0;z-index: -1}
.employee .info{padding: 268px 20px 0;z-index:2}
.employee img{width: 250px; height: 250px; position: absolute; top: 0; left: 0}
.employee img.color{display: none}
.employee img.bw{display: block}
.employee h4{font-size: 10px; text-transform: uppercase; font-weight: bold; padding: 10px 0 15px}
.employee h5{font-size: 10px; text-transform: uppercase}
.employee p{font-size: 10px; padding: 0 0 5px; font-weight: bold}

/* INFO SECTION */
.info-bg{padding-top: 0 !important;margin-top: 0 !important;padding-bottom: 0 !important;}
.history .info-bg{background: url(../images/info-historie.jpg) 50% 50% no-repeat;}
.philosophy .info-bg{background: url(../images/info-filosofie.jpg) 50% 50% no-repeat;}
.services .info-bg{background: url(../images/info-sluzby.jpg) 50% 50% no-repeat;}
.holport .info-bg{background: url(../images/info-holport.jpg) 50% 50% no-repeat;}


#info-box{width: 400px; padding: 27px; background: #000; opacity: 0.8; filter: alpha(opacity=80); font-size: 12px; color:#FFF}
#info-box h2{display: block}
#info-box p{text-transform: uppercase; line-height: 18px; padding: 20px 0 0}

/* CONTACT SECTION */
.contact #content, .kartell #content{padding: 0;}
#gmap-holder{position: relative}
#gmap-holder .contact{background: #000; opacity: 0.8; filter: alpha(opacity=80); position: absolute; top: 0; left: 0; width: 170px; height: 270px; z-index: 1; padding: 30px 30px 10px 30px; color: #FFF;}
#gmap-holder .contact p{text-transform: uppercase; font-size: 11px; line-height: 17px}
#gmap-holder .contact p a{color: #FFF}

/* PAGINATION */
.pagination{text-align: center; width: 240px; margin: 50px auto 0}
.pagination a {padding : 0 5px}
.pagination a.active { font-size : 120%; font-weight : bold;}
.pagination h5{width: 135px; margin: 0 auto}
.pagination span{display: block; margin-top: 7px}
a.previous{float: left; background: url("../images/arrow-left.png") 0 50% no-repeat; padding-left: 20px; width: 20px; height: 30px}
a.previous:hover{background: url("../images/arrow-left-hover.png") 0 50% no-repeat}
a.next{float: right; background: url("../images/arrow-right.png") 100% 50% no-repeat; padding-right: 20px; text-align: right; width: 20px; height: 30px}
a.next:hover{background: url("../images/arrow-right-hover.png") 100% 50% no-repeat}
a.previous, a.next {text-transform: uppercase; text-decoration: none; font-size: 10px}
a.previous{color: #91ae2a}
a.next{color: #a5ab90}
a.previous:hover, a.next:hover{color: #373737}

/* PF */
body.home{margin: 0}
#pf{position: absolute; height: 100%; width: 100%; background: #000; z-index: 1000}
#flash-holder{height: 100%; width: 100%;}
.home #menu{margin-left: 25px}
.home #close-flash{height: 100%; width: 100%; z-index: 2000; position: absolute; top: 0; left: 0}

ul.p404 {
	margin : 15px;
	padding : 0;
}

ul.p404 li {
	margin : 10px 0;
	padding : 0;
}

#logger{
	list-style:none;
	margin-top:25px;
	padding:10px;
}
#logger.positive{
	background-color:#B3E01A;
}
#logger.negative{
	background-color:#B44124;
	color:#FFF;
}

#modalList ul{
	float:left;
	width:180px;
}