@charset "utf-8";	

@import url(../fancybox/jquery.fancybox.css);   /*link to the CSS file for FancyBox */
@import url(../themeChanger/css/colorpicker.css);   /*link to the CSS file for Colorpicker */
@import url(../themeChanger/css/themeChanger.css);   /*link to the CSS file for themeChanger */

/* ----- Clearfix ----- */

.clear {   
	clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}


/*--------------------------------*/
/*  NAVIGATION					  */
/*--------------------------------*/

.navigation {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ffffff,  #ebebeb);
  	background: -o-linear-gradient(rgb(255,255,255),rgb(235,235,235));
    position: relative;
    margin: 0 0 20px 0;  
}

.ie8 .navigation {
  	-pie-background: linear-gradient(rgb(255,255,255),rgb(235,235,235));
	behavior: url(js/PIE.htc);
}

.ie7 .navigation  {
	position: static;
	z-index: 4;
	height: 46px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb');
}

.navigation:after {
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: 10;
	width: 580px;
	height: 20px;
	background: url(../images/shadow-sprite.png) no-repeat 0 -25px;
	content: "";
}

.ie7 .navigation:after {background: none;}

.navigation h1{
 color: #0066ff;
 text-align: right;
 padding: 0 10px 0 0;
}

/*--------------------------------*/
/*  page					  */
/*--------------------------------*/

.blockRed{
 background: url(../images/pozadi/hl_cerv.gif);
 padding: 10px;
 margin: 0 0 10px 0; 
}

.blockRed h3{
 color:yellow;
 text-transform: uppercase;
 font-size: 16px;
 margin: 0 0 5px 0;
}

.blockRed p{
 color:white;
 font-size: 14px;
 margin: 0 0 5px 0;
}

.blockLeft h4, .blockRight h4, .blockRightPrice h4, .blockLeftPSK h4, .blockRightPricePSK h4{
 width: 100%;
 color: #002673;
 text-transform: uppercase;
 font-size: 18px;
 font-weight: 400;
 margin: 0 0 5px 0;
}

.blockLeft {
 display:block;
 float: left;
 width: 270px;
}

.blockLeftPSK {
 display:block;
 float: left;
 width: 400px;
 padding:5px
}

.blockRight {
 display:block;
 float: right;
 width: 270px;
}

.blockRightPricePSK {
 display:block;
 float: right;
 width: 140px;
 padding:5px
}

.blockTexty {
 background: #f1f1f1 url(../images/pozadi/blockTextyBG.jpg) top center;
 display: block;
 min-height: 220px;
 margin-bottom: 10px;
}

.blockLeft, .blockRight, .blockRightPrice {
 display: block;
 padding: 5px 8px 5px 8px;
}

.blockLeft label, .blockRight label {
 float: left;
 width: 100%;
 margin-bottom: 5px;
}


.blockLeft p, .blockRight p{
	display: block;
	text-align: left;
	width: 260px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	line-height: 1.2em;
	color: #666;
}


.blockLeftPSK p {
	display: block;
	text-align: left;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	line-height: 1.2em;
	color: #666;
}



.blockRightPrice p{
	display: block;
	float:left;
	text-align: right;
	width: 280px;
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 1.4em;
	color: #666;
}

.blockRightPricePSK p{
	display: block;
	text-align: right;
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 1.2em;
	color: #666;
}




.blockLeft span, .blockRight span{
	float: left;
	display: block;	
	width: 15px;
	clear:left;
}

.blockPriceFull {
 display: block;
 float: left;
 width: 100%;
 background: url(../images/pozadi/hl_cerv.gif);
 	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    height: 30px;
}

.blockPriceHalf {
 display: block;
 float: left;
 width: 285px;
 background: url(../images/pozadi/hl_cerv.gif);
 	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    height: 30px;
}


.blockPriceFull h3, .blockPriceHalf h3 {
 font-size: 18px;
 font-weight: 400;
 color: white;
 background-color: #990000;
 text-align: center;
 padding-top: 3px;

}
#top-link{
	height:49px;
	width:49px;
	display:none; 
	position:fixed; 
	right:5px; 
	bottom:5px;
	background-position:center;
	background-repeat:none;	
	 z-index: 999; 	
}

#top-link a{

	display:block; 
	display:none; 

}

.xxx{
	display: inline;
}

#message a
{
    /* display: block before hiding */
    display: block;
    display: none;

    /* link is above all other elements */
    z-index: 999; 

    /* link doesn't hide text behind it */
    opacity: .8;

    /* link stays at same place on page */
    position: fixed;

    /* link goes at the bottom of the page */
    top: 100%;
    margin-top: -80px; /* = height + preferred bottom margin */

    /* link is centered */
    left: 50%;
    margin-left: -160px; /* = half of width */

    /* round the corners (to your preference) */
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;

    /* make it big and easy to see (size, style to preferences) */
    width: 300px;
    line-height: 48px;
    height: 48px;
    padding: 10px;
    background-color: #000;
    font-size: 24px;
    text-align: center;
    color: #fff;
}