body {

	background:transparent url('./img/background/bg_prechod.jpg') repeat-x fixed;

	font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;

	font-size:14px;

	color:#454545;

	line-height:145%;

	margin:0;

	

}



#container {

display:block;

min-height:100%;

min-width:100%;

position:absolute;

}





#page {

	width:1000px;

	top:0;

	height:100%;

	position:relative;

	margin:0 auto;

}



#top_part {

background:transparent url('./img/background/top_part.png') no-repeat;

height:260px;

width:987px;

display:block;

background: url('/img/background/top_part.png') top left repeat-y transparent;

_background-image: none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/background/top_part.png');





}



.menu {

height:34px;

color:#FFF;

font-size:15px;

position:absolute;

top:0;

font-weight:700;

width:500px;

margin:100px 0 0 345px;

letter-spacing:1px;

}



.menu ul {

list-style-type:none;

margin:0;

padding:9px 0 0;

}



.menu li {

padding-left:15px;

display:inline;

background: url('/img/sign/tylda.png')  left no-repeat transparent;

_background-image: none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/sign/tylda.png');



}



.menu li.line {

background:none;

padding-left:0;

}



.menu li a {

color:#FFF;

font-size:15px;

font-weight:700;

text-decoration:none;

}



.menu li a:hover {

text-decoration:underline;

}



.news {

height:95px;

color:#000;

font-size:11px;

position:absolute;

text-align:justify;

width:300px;

margin:140px 0 0 350px;

position:absolute;

top:8px;

left:20px;

}



#middle_part {

width:987px;

display: block;

background: url('/img/background/middle_part.png') top left repeat-y transparent;

_background-image: none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/background/middle_part.png');



}



#brush1 {

width:978px;

height:147px;

position:absolute;

display: block;

background: url('/img/background/brush.png') top left no-repeat transparent;

_background-image: none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/background/brush.png');



}



#brush2 

{

width:988px;

height:195px;

position:absolute;

bottom:67px;

z-index:2;

display: block;

background: url('/img/background/brush2.png') top no-repeat transparent;

_background-image: none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/img/background/brush2.png');



}



#area {

z-index:3;

width:750px;

position:relative;

left:90px;

min-height:350px;

height:auto !important;

height:350px;



padding:8px;

}

#click {
    
    position: absolute;
    display: block;
    top: 98px;
    width:254px;
    left: 37px;
    z-index:0;
}

#click span{
background:transparent url('/img/background/click.png') no-repeat;
height:88px;
left:0;
position:absolute;
top:0;
width:254px;

}

.copybzzz {

background:transparent url('./img/buttons/copy.png') no-repeat;

height:91px;

display:block;

position:absolute;

width:29px;

z-index:15;

margin:130px 0 0 895px;

}



#bottom_part {

height:57px;

width:987px;

z-index:0;

position:relative;

top:-12px;

_top:20px;

display: block;

background: url('/img/background/bottom_part.png') top left no-repeat transparent;

_background-image: none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/img/background/bottom_part.png');



}



.heel_top {

height:35px;

color:#515152;

font-size:11px;

font-weight:700;

text-align:center;

width:987px;

padding-top:9px;

}



.heel_bottom {

height:22px;

color:#FFF;

font-size:10px;

text-align:right;

width:894px;

padding:0 93px 0 0;

position:relative;

top:10px;

}



.heel_bottom a{

color:#FFFFFF;

}



h1 {

color:#A5402E;

font-size:18px;

text-decoration:none;

padding-left:-10px;

padding-bottom:9px;



}



h2 {

color:#A5402E;

font-size:17px;

text-decoration:none;

padding-left:-10px;

padding-bottom:7px;

padding-top:7px;

}



strong 

{

    color:#000;

    }

p {

font-size:13px;

line-height:160%;

}



#area a {

color:#A5402E;

}

a.red{
	color:#A5402E;
	font-weight:bold;
	}

.red{
	color:#A5402E;
	font-weight:bold;
	}

#area a:hover {

color:#666;

}



#plastiky {

background:transparent url('./img/buttons/plastiky.jpg') no-repeat;

  float:left;

 display:block;

width:178px;

height:346px;

margin:4px;

text-decoration:none;



   }

#plastiky:hover {

   background-position: 0 -346px;

   }



#svicny {

background:transparent url('./img/buttons/svicny.jpg') no-repeat;

  float:left;

 display:block;

width:178px;

height:346px;

margin:4px;

text-decoration:none;



   }

#svicny:hover {

   background-position: 0 -346px;

   }



#mrize {

background:transparent url('./img/buttons/mrize.jpg') no-repeat;

  float:left;

 display:block;

width:178px;

height:346px;

margin:4px;

text-decoration:none;



   }

#mrize:hover {

   background-position: 0 -346px;

   }









#bytdop span {

text-decoration:none;

visibility:hidden;

}



#bytdop {

background:transparent url('./img/buttons/doplnky.jpg') no-repeat;

  float:left;

 display:block;

width:178px;

height:346px;

margin:4px;

text-decoration:none;



   }

#bytdop:hover {

   background-position: 0 -346px;

   }

   

#qnav {

left:150px;

position:absolute;

text-align:center;

top:-13px;

}

.infobox{

display:block;

border:1px solid #990000;

width:100%;

text-align:center;

color:#CC0000;

background-color:#F2F2F2;

}



#gall_show img {

border:#999 1px solid;

margin:1px;

padding:1px;

}



#preloader {

position:absolute;

top:0;

left:0;

z-index:90;

width:100%;

height:500px;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

}



#plastiky span,#svicny span,#mrize span {

visibility:hidden;

text-decoration:none;

}



#left2

{

    float:left;

    }



#right2

{

    width:350px;

    float:right;

    }

.clean {

	clear:both;

	height:1px;

	font-size:1px;

	line-height:.5;

}





/* Admin styles*/

#pageBlocks li  {

	display:block;

	width: 100%;

	border: 1px solid #ccc;

	padding:5px;

	margin:5px;

	background-color:#FFFFFF; 

	position:relative;

	left:-30px;

}



#pageBlocks li:hover{

background-color:#F2F2F2;

}

.adminBlocksRight {

	position: absolute;

	right:10px;

    top:5px;

}



.adminBlocksRight a 

{

    	font-size:11px;



    }



/* Lightbox */



#lightbox{

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(/img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(/img/lightbox/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(/img/lightbox/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{

	padding:0 10px;

	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

	}

	



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}



* html>body .clearfix {

	display: inline-block; 

	width: 100%;

	}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

	}	



#pageBlocks ul { margin-left:0; list-style-type:none;}





/**************************************************************



	SlideShow

	v 1.3



**************************************************************/



.slideshowContainer {

	border: 1px solid #ccc;

	width: 464px;

	height: 314px;



}



.slideshowContainer img{

padding:5px;

}





.loading {

	background: url(/slideshow/images/loading.gif) center no-repeat;

}



.slideshowThumbnail {

	outline: none;

}



.slideshowThumbnail img {

	border: 1px solid white;

	padding: 3px;

}



a:hover.slideshowThumbnail img {

	border: 1px solid #ccc;

}



.current img {

	border: 1px solid red;

}



.outline {

	border: 1px solid orange;

	z-index: 0;

	position: absolute;

}



#thumbnails {

	float: left;

}

/* Rozdeleni boxu*/

#left{
	width:60%;
float:left;

	}
	
#left p{
padding:5px;		
}
	
#right{
	width:39%;
	height:30px;
	position:relative;
	top:-6px;
	    float:right;

	}
		
#clean{
	clear:both;
	
	}


/* Slideshow container */



/* F3 Slide*/


#slider {
    width: 252px; /* important to be same as image width */
    height: 270px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 240px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

#sliderContent a img{
	
	border-color:#A5402E;
}

.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 221px;
	margin:2px;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
    color: #fff;
    display: none;
	bottom:5px
}

.sliderImage span strong
{
	    opacity: 1 !important;

	}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
#slider ul { list-style-type: none;
     padding-left:0;}

.sliderImage span strong 
{
    color:#FFF;
    font-size:19px;
    }