@media screen {
* {margin:0;padding:0;border:0}

body {
	text-align: left;
  font: 0.72em Arial, sans-serif;
  color : #cfcfcf;
  background: #2a020b url("../images/bg.gif") repeat-x;
  }

a {text-decoration: underline; color : #df003e;}
a:hover {color : #df003e; cursor: pointer;text-decoration: none}
a img {border-style: none}

.cleaner {clear: both; height: 1px; overflow: hidden; margin-top:-1px;}
.cleaner-content {clear: both; height: 1px; overflow: hidden; margin-top:-1px;background:#2a020b}

p{
  line-height:1.5em;
  padding: .2em 0 .4em 0;
}


#container{
  background: url("../images/container-bg.gif") left top repeat-y;
  min-width: 980px;
  text-align: left;
  float: left;
}
.container-content{
  display: block;
} 
* html #container{
  border-right: 980px solid #2a020b;
}
* html .container-content{
  float:left;
  position:relative;
  margin-right:-980px;
  background: #2a020b url("../images/container-bg.gif") left top repeat-y;
} 

#content{
  float:left;
  position:relative;
  background: #2a020b;
  width:720px;
}


/* LEVÁ STRANA */
#left-column{
  background: #6f7072;
  float: left;    
  position:relative;
  width: 26%;
  min-width: 250px;
}
#left-column ul{
  clear:both;
  list-style: none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: 37px solid #3d1921;
}
#left-column ul.homepage{
  border-top: 0;
}
#left-column ul.submenu{
  border-top: 0;
}
#left-column li{
  margin:0; padding:0;
  min-width:250px;
  height:100%;
  background:#6b091e;
  float:right;
  width:100%;
}
#left-column li a{
  background: #850325;
  display:block;
  color: #FFF;
  text-decoration:none;
  font-weight: bold;
  overflow: hidden;
  clear: both;
  margin:0; padding:0;
}
* html body #left-column li a{
height: 1%
}

#left-column li a span{  
  min-width:225px;
  width: 250px;  
  display:block;
  float:right;
  border-bottom:1px solid #800523;
  margin:0; padding:0;
}
#left-column li span span{
  display:block;
  width: auto;
  float: none;
  padding:.7em 0 .7em 25px; 
  background: #900028;
  display:block;
  border:none;
}
#left-column li a:hover{
  background: #6b091e !important;
}
#left-column li a:hover span{
  background: none;
  border-bottom:1px solid #6b091e;  
}
#left-column li a:hover span span{
  border-bottom:none;  
}
#left-column li.active a,#left-column li.active a span{
  background: #6b091e;
  height:auto;
}
#left-column li.active a span{
  border-bottom:1px solid #68091d;
}
#left-column li.active a span span{
  border:none;
}

#left-column ul.submenu li{
  margin:0;
  padding:0;
  min-width:250px;
  height:100%;
  background:#7b0722;
  float:right;
}
#left-column ul.submenu li a{
  background: #750920;
  display:block;
  color: #FFF;
  text-decoration:none;
  font-weight: bold;
  overflow: hidden;
  clear: both;
  /*width:250px;*/
}
#left-column ul.submenu li a span{  
  width:250px;  
  display:block;
  float:right;
  border-bottom: 1px solid #6c091e;
}
#left-column ul.submenu li span span{
  display:block;
  width: auto;
  float: none;
  padding:.7em 37px; 
  display:block;
  background: #7b0722 url("../images/arrow-menu.gif") 25px center no-repeat;
  border:none; 
}

#left-column ul.submenu li a:hover span, #left-column ul.submenu li.active a span{
  background: #71081f url("../images/arrow-menu.gif") 25px center no-repeat;
  border-bottom: 1px solid #71081f;
}
#left-column ul.submenu li a:hover span span, #left-column ul.submenu li.active a span span{
  border-bottom: none;
}
#left-column ul.submenu li a:hover{
  background: #750920 !important;
}

#left-column form{
  background: #808183;
  font-size:.93em;
  padding-top:22px;
  padding-bottom: 1.5em;
  width:250px;
  float:right;
}
#left-column form p{
  padding: .6em 0 .5em 26px;
  position: relative;
}
#left-column form.logged p{
  padding: .2em 0 .5em 26px;
  position: relative;
}
#left-column form p label{
	width: 40px;
	display:block;
	float:left;
}
#left-column form.logged p a{
	color: #FFF !important;
	font-weight: bold;
}
#left-column form.logged p strong{
	color: #FFF !important;
	font-weight: bold;
}
#left-column form input{
  width:90px;
  font-size:12px;
  background:#f4f4f4;
  border:1px solid #626364;
  padding:.2em 0;
}
#left-column form input.submit{
  width:68px;
  background: #7e7f80;
  border:1px solid #626364;
  cursor:pointer;
  color: #FFF;
  font-weight:bold;
  font-size: 11px;
  padding:.1em 0;
  margin-left:5px;
  left: 160px;
}
#left-column h3{
  margin:0; padding:0;
  position:relative;
  width:111px; height:16px;
  overflow:hidden;
  margin-bottom: 15px;
  margin-left:26px;
}
#left-column h3 span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  width:111px; height:16px;
  margin:0; padding:0;
  background: url("../images/klientska-sekce.gif") top left no-repeat;
}
#left-column h3.eng span{
  background: url("../images/clients-section.gif") top left no-repeat;
}


/* PRVKY */
#logo, #logo-home{
 background: #7f8082;
 text-align:center;
 width:250px;
 float:right;
 position:relative;
}
#logo h1, #logo-home h1{
  text-align:center;
  position: absolute;
  top: 53px;
  left:26px;
}
#logo{
 height: 201px;
}
#logo h1,#logo-home h1{
	top: 53px;
	left:26px;
	overflow:hidden;
	display: block;
	width: 198px;
	height: 58px;
	background:url("../images/logo.gif") top left no-repeat;
}
#logo h1 a,#logo-home h1 a{
	overflow:hidden;
	display: block;
	width: 198px;
	height: 58px;
	text-indent:198px;
}
	
#logo-home{
 height: 167px;
}
#logo-home h1{
  top: 53px;
  left:26px;
}
#title{
  background: url("../images/titles-bg.gif") top left no-repeat;
  height: 70px;
  width: 720px;
  position: relative;  
}
#title h2{
  padding: 18px 0 0 40px;
  width:600px;
}
img.borders{border: 4px solid #FFF}
img.left{float:left; margin: .5em 2em .5em 0}
img.right{float:right; margin: .5em 0 .5em 2em}



/* HOMEPAGE */
#anim{
  position:relative;
  height: 360px;
}
#anim img{
  position:absolute;
  top:0;
}
#anim p{
  position:absolute;
  top: 7px;
  left: 472px;
  font-size: .97em; 
}
#anim p a{
  color: #FFF;  
  font-weight: bold;
}
#home-leftcol{
  width:461px;
  float:left;
}
#home-leftcol #home-content{
  /*padding: .2em 40px .4em 38px;*/
  padding: 33px 0 0 38px;
}
#home-leftcol .product{
	width: 180px;
}
#home-leftcol .product img{
	width: 170px;
}
ul#intro-list{
  padding: .2em 40px .4em 0px !important;
}
#home-leftcol ul{
  list-style: none;
  margin-left: 5px;
}
#home-leftcol li{
  background: url("../images/arrow.gif") left center no-repeat;
  line-height: 2.3em;
  padding-left: 15px;
}
#home-leftcol h3{
  position:relative;
  width:137px; height:17px;
  overflow:hidden;
  margin-top: 3.3em;
}
#home-leftcol h3 span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  width:137px; height:17px;
  background: url("../images/kontaktni-formular.gif") top left no-repeat;
}
#home-leftcol h3.eng span{
  background: url("../images/contact-form.gif") top left no-repeat;
}
#home-leftcol form{
  margin-right: 40px;
  margin-top: 2em;
  background: #300b13;
  border: 1px solid #3c1820;
  padding: 1.2em 25px;
}
#home-leftcol form p{
  padding: 0;
  font-size: .94em;
  line-height: 1.8em; 
}
#home-leftcol form .box-left{
  width:152px;
  float:left;
}
#home-leftcol form .box-right{
  width:152px;
  float:right;
}
#home-leftcol form .box-bottom{
  clear:both;
  padding-top: .5em;
}
#home-leftcol form textarea{
  width: 329px;
  height: 90px;
  border: 1px solid #626364;
  background: #f4f4f4;
  font-size: 1.4em;
}
#home-leftcol form input{
  width: 150px;
  background: #f4f4f4;
  border: 1px solid #626364;
  font-size: .94em;
  padding:.2em 0; 
}
#home-leftcol form input.submit{
  background: #7e7f80;
  cursor:pointer;
  color: #FFF;
  font-weight:bold;
  padding:.1em 0;
  margin-top: 1em;
}
#home-leftcol form textarea{

}

h2.aktuality-title{position:absolute; top: 0; left: 420px; width:400px;}
#aktuality{
  width:259px;
  float:left;
  margin-top: 3em;
}
#aktuality h4{
  font-size:1em;
  padding-bottom: 1.1em;
  padding-top: 1.7em;
}
#aktuality h4.first{
  padding-bottom: 1.1em;
  padding-top: 0;
}
#aktuality img{
  border: 5px solid #FFF;
}
#aktuality p{
  font-size: .96em;
  color: #bfbbbc;
  padding-top:.9em;
}
#aktuality p.archiv a{
  color:#FFF;
  font-size:1em;
  font-weight: bold;
}


/* SUBSTRÁNKY */
#content .navigace{
  height: 37px;
  width: 720px;
  background: #3d1921;
}
#content .navigace p{
  padding: .9em 0 0 38px;
  font-size: .96em;
}
#content .navigace p a{
  font-weight:bold;
  color: #FFF;
}
#illu-img{
  position:relative;
  height: 201px;
  margin:0;
  width:720px;
}
#illu-img img{
  position:absolute;
  top:0;
  left:0;
}
#illu-img p{
  position:absolute;
  top: 0;
  right: 0; 
  font-size: .97em;
  width: 260px;
  height: 35px; 
  background: #3d1921;
  display:block;
  margin:0;
  padding:0; 
}
#illu-img p a{
  color: #FFF;
  font-weight: bold;
  margin-top:9px;
  margin-left: 12px;
  display:block;
}
#content-text{
  padding: 1em 35px 0 40px;
  min-height: 250px;
}
#content-text p{
}
#content-text h3{
	font-size: 1.2em;
	color:#FFF;
	padding:2em 0 .4em;
}
#content-text h3.first{
	padding:.7em 0 .4em;
}
#content-text h4{
	font-size: 1em;
	padding:.5em 0 .2em;
}
#content-text p.intro{
	color:#FFF;
	padding-bottom: 1.5em;
	font-weight:bold;
	padding-top:.5em;
}
.left-side{float:left;width:294px}
.right-side{float:right;width:294px}
.left-side img, .right-side img{margin-top: 1.2em}

#content-text ul{
  list-style:none;
  margin-left:5px;
  padding: .2em 40px .4em 38px;
}
#content-text li{
  background: url("../images/arrow.gif") left center no-repeat;
  line-height: 2.3em;
  padding-left: 15px;
}

.partner{
	width: 165px;
	float: left;
	margin-top: 15px; 
}
.partner-last{
	width: 150px;
	float: left; 
	margin-top: 15px; 
}
.partner img, .partner-last img{
	border: 4px solid #6b091e;
	display: block;
	width: 142px;
}

#sluzby img{
	margin:1em 17px 2em 0;
	}
#sluzby img.last{
	margin:1em 0 2em;
	}
.service-item{
	width:200px;
	float:left;
	margin-right:10px;
}	
.service-item img{
	display:block;
	width:200px;
	height: 104px;
	overflow:hidden;
}	

.service-item h4{
	padding:0;margin:0;
}	

.cedein-left{
	float:left;
	width: 280px;
	margin-bottom: 2.5em;
}
.cedein-right{
	float:right;
	width: 280px;
	margin-bottom: 2.5em;
}	
.cedein-left h4, .cedein-right h4{
	margin-bottom: 2em;
	position:relative;
}
.cedein-left h4 a, .cedein-right h4 a{
	color:#FFF;
	text-decoration: underline !important;
}
.cedein-left h4 a:hover, .cedein-right h4 a:hover{
	color:#df003e;
}
.cedein-left h4 img, .cedein-right h4 img{	
	border: 3px solid #6b091e;
	width:81px;
	margin-right: 5px;
}
.cedein-left h4 span, .cedein-right h4 span{
	position:absolute;
	top: 25px;			
}



.news-item {
	margin-bottom: 2em;
}
.news-item img{
	border: 4px solid #FFF;
	float:left;
	margin-right: 1.4em;
	margin-top:3px;
}
.news-item p{
	padding-top:0;
}
.news-item h3{
	border-top: 1px solid #3b1b23;
	padding-top: 2em !important;
}
.news-item h3.first{
	border-top: none;
}
.news-item .gallery{
	margin-top:1em;
}
.news-item .gallery a img{
	float:none;
	border: 2px solid #FFF;
	margin-right:1em;
}
.news-item .gallery a:hover img{
	border: 2px solid #900028;
}

/* PRODUKTY */
.up-products{
	background:#300b13;
	border:1px solid #3c1820;
	padding:.9em 10px .8em 0;
	margin: .5em 0 2em;
	height:100%;
}	
form.listForm{
	float:left;
	margin-top:.1em;
	}	
form.listForm label{
	font-weight:bold;
	margin-left:10px;
	}		
#categories{
  width: 444px;
  margin-top: 2em;
  float:left;
}
#categories img{
  margin-right: 20px;
  margin-bottom: 3em;
}

#brands{
  margin-top: 2em;
  width: 190px;
  float:right;
  border: 1px solid #3d1921;
  padding: 1em 0;
  text-align:center;
}
#brands img{
  margin: 1.33em 0;
}
#brands-prodej{
  margin-top: 2em;
  width: 190px;
  float:right;
  border: 1px solid #3d1921;
  padding: 1em 0;
  text-align:center;
}
#brands-prodej img{
  margin: .4em 0;
}	
	
.product{
  width:200px;
  float:left;
  margin: 2em 22px 3em 0;
  /*height:20em;*/
  /*overflow: hidden;*/
}
.last-item{
  width:200px;
  float:left;
  margin: 2em 0 2em 0;
}
.product .photo{
  height: 160px;
}
.product img{
  border: 5px solid #FFF;
  width:190px;
  height:143px;
  overflow:hidden;
}
.product h4{
  color: #df003e;
  font-size: 1.1em !important;
  padding-bottom: .7em !important;
}
.product h4 a{
  color: #df003e;
}
.product p{
  font-size: .96em;
  color: #cfcfcf;
  text-align:left !important;
}

#product-detail .photo{
 margin-top:1.7em;
}
#product-detail .photo img{
  border: 5px solid #FFF;
  float: left;
  margin-top: .2em;
}
#product-detail .description{
	width: 430px;
	float:right;
}
#product-detail h4{
  color: #df003e;
  font-size: 1.2em;
  padding-bottom: .7em !important;
  padding-top:0;
}
#product-detail h4 a{
  color: #df003e;
}
#product-detail p{
  font-size: 1em;
  color: #cfcfcf;
}
#product-detail p.more-pics{
	margin-top:3em;
	font-size: 1em;
	color: #cfcfcf;
	line-height:1.8em;
}
#product-detail p.more-pics img{
	border: 3px solid #FFF;
	margin-right: 1em;
}

#razeni{
	float:left;
	width: 170px;
	margin: 2em 0 .2em;
}

.pagination{
	text-align:center;
	margin: 0;
}
p.paginationtop{float:right !important;text-align:right !important}	
p.pagination span a{margin:0 .5em}
p.pagination span a{
	background: #68091d;
	text-decoration: none;
	padding: .2em .3em;
	color: #FFF;
	border: 1px solid #750920;
	margin:0 2px !important;
}
p.pagination span a:hover,p.pagination span a.active{
	background: #310b13;
	color: #686868;
	border: 1px solid #3c1820;
}
p.bottom{
	margin-bottom: 4em;
}

.project{
	border-bottom: 1px solid #6b091e;
	padding-bottom: 2em;
	}
.project strong{
	color:#FFF;
	}
.project img{
	border: 3px solid #FFF;
	margin-right: 1em;	
	}
.project .gallery{
	margin-top:1.4em;
}
.project .files{
	margin-top:1.4em;
}
.project .files ul{
	list-style:none;	
}
.project .files li{
	margin-left:.5em;
	padding: .5em 0 .5em 25px;
	margin-bottom: .3em	
}
.project .files li.pdf{
background: url("../images/icon-pdf.gif") center left no-repeat;
}
.project .files li.doc{
background: url("../images/icon-word.gif") center left no-repeat;
}
.project .files li.xls{
background: url("../images/icon-excel.gif") center left no-repeat;
}
p.rozpracovanost a{
	font-size:1em;
}

	
/* Folder navigation */
#folder-navigation{
	
}
#folder-navigation p.folder-crumbs{
	color:#FFF;
	margin-bottom:.8em;
}	
#folder-navigation p.folder-crumbs span{
	font-weight: bold;
}
#folder-navigation p.folder-crumbs a{
	color:#FFF;
}
#folder-navigation ul{
	margin:0;
	padding:0;
}
#folder-navigation ul li{
	/*background:url("../images/file-sheet.gif") left center no-repeat;*/
	padding: 1em 0 1em 0;
	line-height:1.7em;
	font-size:11px;
	color:#FFF;
	width: 160px;
	float:left;
}
#folder-navigation ul li img{
	padding-right: 1em;
	line-height:1.7em;
	float:left;
}	
#folder-navigation ul li a{
	text-decoration:none;
	color:#7f8082;

}	
#folder-navigation ul li a span{
	text-decoration:underline;
	color:#FFF;	
	background: url("../images/arrow.gif") right .6em no-repeat;
	padding-right:14px;
}

/*
#folder-navigation ul li.pdf{
	background:url("../images/file-pdf.gif") left center no-repeat;
}	
#folder-navigation ul li.text{
	background:url("../images/file-text.gif") left center no-repeat;
}	
#folder-navigation ul li.image{
	background:url("../images/file-jpg.gif") left center no-repeat;
}	
#folder-navigation ul li.folder{
	background:url("../images/file-folder.gif") left center no-repeat;
}	
*/

	
#folder-navigation .user-folder{
	width: 161px;
	float: left;
	padding-bottom: 30px;
}
#folder-navigation .user-folder a.folder{
	width: 51px;
	float: left;
}		
#folder-navigation .user-folder .content{
	width: 105px;
	float: left;
	font-size: .94em;
	line-height: 1.2em;
	color: #7F8082;
}
#folder-navigation .user-folder .content a{
	text-decoration: none;
}	
#folder-navigation .user-folder .content span{
	text-decoration: underline;
	color: #FFF;	
	background: url("../images/arrow.gif") right .6em no-repeat;
	padding-right: 14px;
}
	
/* FOOTER */
#footer{
  background: url("../images/logo-footer.gif") 18px center no-repeat;
  padding: 1.7em;
  border-top: 1px solid #3b1b23;
  border-bottom: 7px solid #900028;
  margin:8em 0 1em 38px;
  padding-left: 65px; 
  clear:both;
}
#footer p{
  font-size: .94em;
  color:#808080;
  
}


/* GALLERY NAVIGATION BAR */

.galImg, .middleImg {border: 3px solid silver; cursor: pointer; display: block; overflow: hidden; } 
a.middleImg { }

a.galImg {display: block; overflow: hidden; line-height: 0; }

.gallery-bar {
	font-weight: bold;
	width: auto;
	margin: auto;
	text-align: center;
}
.gallery-bar a {
	background-color: #750920;
	color: #FFF;
	padding: 0.5em 1em;
	cursor: pointer;
}
.gallery-bar a:hover {
	color: #FFF;
	text-decoration:none;
}
.gallery-controls {
	left: 0px;
	position: absolute;
	bottom: 15px;
	width: 100%;
	margin: auto;
	text-align:center;
}

.gallery-left {
	width: 100px;
	padding: 0.5em 1em;
}
.gallery-right {
	width: 100px;
	margin-left: 10px;
	padding: 0.5em 1em;
}
.gallery-close {
	position: absolute;
	top: 10px;
	right: 10px;
}
a.gallery-close{
	background-color: #3d1921 !important;
}

#partners{
	color:#808080;
	font-size:0.94em;
	margin:0 0 2em 38px;
}

}
@media print {
	body {font-family: Arial, sans-serif;font-size: 0.73em;}
	#left-column ul, #illu-img, form#login, .navigace, #anim, #content form{display:none}
	h1{text-align:center; display:block; background:#7f8082;width:100%}
	h1{display:block}
	#logo h1 span{
	background:url("../images/logo-print.jpg") top left no-repeat;
	}
	h2,h3,h4,#container{text-align:left}
	a img,img {border:0}
	a{text-decortion:none}
}