@charset "UTF-8";
/* CSS Document */
link, a:visited, a:hover {  
     outline:none;  
}


body  {
	overflow: -moz-scrollbars-vertical;

	
	background: #000;
	margin: 0; 
	padding: 0;
	color: #fff;
	background-image:url(img/pozadi.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	overflow-x: hidden;

}

.banner {
	width:300px;
	display:block;
	float:left;
	margin-right:20px;
	}


.pansy #mainContent-home {
	width: 506px;

	background-repeat:no-repeat;
	background-position: top;
	display: none;
	visibility: hidden;
	padding-left:20px;
	padding-right:20px;
	padding-top:165px;
	height:752px;
	display:block;
	margin-left:230px;

}
	
	
li#lifacebook a {
	
	font-size: 9px; 
	top: 30px;
	}
	
#facebook {
		margin-left:5px; margin-top: -24px;
		}



.pansy div.loosers-hlavicka {
	margin-left: 800px;
	#margin-left: 600px;
	position:absolute;
	top: 10px;
	}

img {
	border:0px;
	}



.pansy #container { 
	width: 1060px;  
	
	margin: 0 auto; 
	border: 0px solid #fff;
	text-align: left; 
} 

.pansy #dvojice { 
	width: 420px;
	height: 598px;
	position: absolute;
	margin-left: 780px;
	top:220px;
	#margin-left: 570px;
} 

.pansy #dvojice-2 { 
	width: 420px;
	height: 598px;
	position: absolute;
	margin-left: 450px;
	#margin-left: 270px;
	top:220px;
} 


.pansy #dvojice-3 { 
	width: 420px;
	height: 598px;
	position: absolute;
	margin-left: 120px;
	#margin-left: -100px;
	top:220px;
} 


.pansy #sidebar1 {
	 
	width: 239px;
	height: 600px;
	padding-top: 20px;
	float:left;



	
	
}
.pansy #sidebar1 div#logo {
	background-image:url(img/logo.png);
	background-repeat:no-repeat;
	width: 239px;
	height: 187px;
	cursor: pointer;

}

/* leve menu */

.pansy #sidebar1 ul {
	list-style-type: none;
	margin:0px;
	margin-top:25px;
	margin-left: -8px;
	#margin-left: 30px;
	
	}
	
	
	.pansy #sidebar1 ul li ul {
		display:none;
	
	}
	
.pansy #sidebar1 ul li {
	list-style-type: none;
	display:block;
	height:30px;
	font-size: 11px;
	}
	
.pansy #sidebar1 ul li a {
		color:#ade8fa;
		text-decoration:none;
		text-transform:uppercase;
		width: 100px;
		display:block;
		height: 30px;
		line-height: 30px;
		}
		
		
.pansy #sidebar1 ul li.current_page_parent a {
	color: #fff;
	font-weight:bold;
	}
	
.pansy #sidebar1 ul li.current_page_item a {
	color: #fff;
	font-weight:bold;
	}
		
		
.pansy #sidebar1 ul li a:hover {
		color:#fff;
		text-decoration:none;
		text-transform:uppercase;
		cursor: pointer;
		}

.pansy #sidebar1 h3, .pansy #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

select {
	background-color:#005669;
	color: #fff;
	padding:3px;
	border: 0px;
	}
	
select option {
	border: 0px;
	}

.pansy #mainContent {
	width: 506px;
	background-image:url(img/content_podklad.png);
	background-repeat:no-repeat;
	background-position: top;
	padding-left:20px;
	padding-right:20px;
	padding-top:165px;
	height:730px;
	display:block;
	margin-left:230px;

}


div.kolekce-galerie {
	width: 500px;
	display:block;
	min-height: 100px;}

#central {
	border-top: 1px solid  #CCC;
	display:block;
	width: 500px;
	float:right;
	margin-top: 15px;
		font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;

	}
	
	
	#centralni {
	border-top: 1px solid  #CCC;
	display:block;
	width: 500px;
	float:right;
	margin-top: 15px;
		font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;

	}
	
	#centralni h2 {
	#margin-top: 15px;
	#display:block;
	#height:30px;
	}
	
	#centralni div.hledani-box {
			background-image:url(img/bg-input.png);
			background-repeat:repeat;
			padding: 5px;
			margin-top:10px;
			margin-bottom:10px;
			padding: 5px;
		
		}
	
	#centralni div.hledani-box h4.muz {
		font-size:14px;
		margin:0px;
		
		color:#0CF;
		}
		
		#centralni div.hledani-box a {
			margin:0px;
			}
		
		
			#centralni div.hledani-box h4.zena {
		font-size:14px;
		margin:0px;
		
		color:#F69;
		}
		
	

	
	
#central input.odeslat {
	background-color:#005669;
	width: 100%;
	color:#fff;
	margin-top: 10px;
	}
	
	#central p {
		font-size:10px;
		line-height: 13px;
		margin:0px;
		padding:0px;
		}

/* formatovani textu */
.pansy #mainContent blockquote {
	
	/* font-family:Georgia, "Times New Roman", Times, serif; 
	
	font-size:16px;
	line-height: 21px;
	
	margin:0px; */
	margin: 0px;
	font-weight: bold;
	color:#ade8fa;
	
	}
	
	
	
	.pansy #mainContent blockquote.hledate {
	
/*	 font-family:Georgia, "Times New Roman", Times, serif; */
	
	font-size:13px;
	line-height: 16px;
	color:#FFF;
	
	margin:0px;
	margin-top: 20px;
	display: block;
	height: 76px;

	padding-left: 90px;
	padding-top: 5px;
	#padding-top: 10px;

	background-image:url(img/blockquote.png);
	background-repeat:no-repeat;
	
	}
	
	.avizo {
		display: block;
		height: 280px;
		width: 280px;
		background-image:url(img/avizo.png);
		position: absolute;
		z-index: 999;
		top: 0px;
		left: 50%;
		margin-left: -140px;
		}
	
		.pansy #mainContent blockquote.nabidka {
				font-size:12px;
	line-height: 16px;
	color:#FFF;
	
	margin:0px;
	margin-top: 20px;
	display: block;
	height: 76px;

	padding-left: 90px;
	padding-top: 5px;
	#padding-top: 10px;

	background-image:url(img/blockquote.png);
	font-weight: normal;
	background-repeat:no-repeat;
	
		}
		
		.pansy #mainContent blockquote.nabidka h2 {
			font-size: 14px;
			color:#ade8fa;
			
		}
		
				.pansy #mainContent blockquote.nabidka strong {
					text-transform: uppercase;
font-weight: bolder;
			
		}
	
	
.pansy #mainContent p a {
	font-weight: bold;
	color:#ade8fa;
	}

.pansy #mainContent table {
margin-top: 10px;
}

.pansy #mainContent table td{
padding-right: 20px;
}
	
.pansy #mainContent p a:hover {
		color: #fff;
	}
	
.pansy #mainContent h1 {
	font-size: 14px;
	margin-top: 15px;
	}

.pansy #mainContent h2 {
	font-size: 14px;
	margin-bottom: -5px;
	color:#ade8fa;
	}
	
	/* sloupce */
	
div#levy {
	float:left;
	width: 250px;
	}
	
	div#levy strong {
	/*	font-family:Georgia, "Times New Roman", Times, serif; */
		font-size: 14px;
		}
		
div#levy a {
				color:#ade8fa;
				}
				
div#levy a:hover {
				color:#fff;
				}
				
					
div#pravy a {
				color:#ade8fa;
				}
				
div#pravy a:hover {
				color:#fff;
				}
	
div#pravy {
	float: right;
	width: 250px;
	}
	
		div#pravy strong {
	/*	font-family:Georgia, "Times New Roman", Times, serif; */
		font-size: 14px;
		}
		

/* horizontal menu */

div#sidebar2 {
	
	}
	
div#sidebar2 ul {
		list-style-type:none;
		margin:0px;
		margin-left:-100px;
		display:block;
		width:560px;
		height:39px;
		#margin-left: 0px;
	
	}

div#sidebar2 ul li ul {
	display:none;
}


div#sidebar2 ul li {
	display:block;
	height:39px;
	font-size: 11px;
	float:left;

	line-height:39px;
	
}

div#sidebar2 ul li.current_page_item {

	background-image:url(img/h-menu.png);
}


div#sidebar2 ul li:hover {

	background-image:url(img/h-menu.png);
	background-position: right;
	cursor:pointer;
}

div#sidebar2 ul li a {

	display: block;
		padding-right:14px;
	padding-left:14px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}


	.pansy #footer {
		width: 1000px;
		margin: 0 auto;
		height:30px;

	
		border: 0px solid #999;
		margin-top: -100px;
		
		}
		
			
	


/* fomulare */
.pansy input,textarea {
	background:none;
	background-image:url(img/bg-input.png);
	padding: 5px;
	color: #fff;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background-repeat:repeat;
	border: 0px;
	width: 200px;
	}
	
.pansy label {
	display:block;
	height: 5px;
	}
	
span.radiobuton span.wpcf7-list-item input {
		width:15px;
		display: inline-block;
		background-image: none;
		
		}
		
		span.radiobuton span.wpcf7-list-item {
			height: 20px;
			display:block;
			
			}
			
	
		
		span.radiobuton {
			display: block;
			width: 220px;
			margin-top: 0px;
		
			}

/* komentare */

li.comment {
	
	list-style-type: none;
	}
	
	li.comment h2 {
	#margin-top: 15px;
	#margin-left: -18px;
	}


/* definice efektu fotek */
  /* --- viewport configuration ---------------------------------------------------------- */
        .viewport {
            border: 0px solid #eee;
            float: left;
            height: 100px;
            margin: 0 0px 0px 0;
            overflow: hidden;
           
			float: left;
            width: 100px;
			background-color:#032126;
        }

        /* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
           class to the last thumbnail in each row to get rid of the margin-right. */
        .no-margin {
            margin: 8px;
        }

        /* --- Link configuration that contains the image and label ----------------------------- */
        .viewport a {
            display: block;
            position: relative;
			text-decoration: none;
        }

        .viewport a img {
          
            left: 0px;
            position: relative;
            top: 0px;
            width: 100px;
		
			border: 0px;
        }

        /* --- Label configuration -------------------------------------------------------------- */
        .viewport a span {
            display: none;
            font-size:14px;
            height: 100px;
           	font: 11px/15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;

            position: absolute;
            text-align: left;
            text-decoration: none;
            width: 100px;
			text-decoration:none;
            z-index: 200;
			
        }
     
        /* --- Dark hover background ------------------------------------------------------------ */
        .dark-background {
        
				background-image:url(img/pozadi-fotky.png);

            color: #fff;
       
			font-size:14px;
        }
		
		.dark-background h3 {
			margin-left: 15px;
			font-size: 20px;
			text-transform:uppercase;
		}
		
		.dark-background p {
			margin-left:15px;
			display: none;
		}
		
		
		/* video */
		
		        /* --- Dark hover background ------------------------------------------------------------ */
        .dark-background-video {
				background-image:url(img/pozadi-video.png);

            color: #fff;
       
			font-size:14px;
        }
		
		.dark-background-video p {
			margin-left:15px;
			display: none;
		}
		
		
		/* kolekce */
		
		   /* --- Dark hover background ------------------------------------------------------------ */
        .dark-background-kolekce {
        
				background-image:url(img/pozadi-fotky.png);

            color: #fff;
            text-shadow: #000 0px 0px 20px;
			font-size:12px;
        }
		
		.dark-background-kolekce h3 {
			margin-left: 15px;
			font-size: 20px;
			text-transform:uppercase;
		}
		
		.dark-background-kolekce p {
			margin-left:10px;
			text-decoration:none;
			#margin-top: 10px;
			cursor: pointer;
		
		}
		
		.dark-background-kolekce a span p {
			text-decoration:none;
			}
			
			
			/* download */
		
		   /* --- Dark hover background ------------------------------------------------------------ */
        .dark-background-download {
        
				background-image:url(img/pozadi-download.png);

            color: #fff;
   
			font-size:12px;
        }
		
		.dark-background-download h3 {
			margin-left: 15px;
			font-size: 20px;
			text-transform:uppercase;
		}
		
		.dark-background-download p {
			margin-left:10px;
			text-decoration:none;
			#margin-top: 10px;
			cursor: pointer;
		
		}
		
		.dark-background-download a span p {
			text-decoration:none;
			}
		

      

 
        /**
         * You could create multiple hover background classes for different looks depending on the
         * image type. Use your imagination!
         */