/*
	Image2Markup.com - Professional PSD Slicing
	info@image2markup.com
*/

/* -- Default "_RESET_" Rules -- */

* { margin: 0px; padding: 0px; }

body {
	background: #000 url(../images/body.gif) top left repeat-x;
	color: #fff;
	font: normal normal 12px/100% Trebuchet MS, Tahoma, Verdana, Arial,sans-serif;
	text-align: center;
}

a:link, a:visited, a:active { color: #9b885b; text-decoration: none; outline: none; }

a:hover {
color: #6c5e3d;
text-decoration: none;
}

a img { text-decoration: none; border: none; cursor: pointer; }

img { margin: 0px; }

p { margin: 5px 0 ; padding: 5px 0; }

table { border-collapse: collapse; border-spacing: 0; }

h2 {}
	h2.h2-aktualno {
		background: url(../images/h2_aktualno.gif) center center no-repeat;
		padding: 10px 0 30px;
		text-indent: -9999px;
	}
	h2.h2-aktualno-news {
		background: url(../images/h2_aktualno.gif) center left no-repeat;
		padding: 10px 0 30px;
		text-indent: -9999px;
	}
	h2.h2-raspored-sati {
		background: url(../images/h2_raspored_sati.jpg) center center no-repeat;
		height: 27px;
		text-indent: -9999px;
	}
	h2.h2-obavijesti {
		background: url(../images/h2_obavijesti.gif) center center no-repeat;
		height: 28px;
		text-indent: -9999px;
	}
	h2.h2-misao {
		background: url(../images/h2_misao.gif) center center no-repeat;
		height: 29px;
		text-indent: -9999px;
	}
h3 {}
	h3.h3-pp {
		background: url(../images/h3_pp.jpg) top left no-repeat;
		height: 30px;
		margin-bottom: 20px;
		text-indent: -9999px;
	}
	h3.h3-mdp {
		background: url(../images/h3_mdp.jpg) top left no-repeat;
		height: 50px;
		margin-bottom: 20px;
		text-indent: -9999px;
	}
	
.hidden { display: none; }

/* -- Standard Helpers -- */

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.fw { width: 100%; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }


/* -- Your Site Starts Here -- */

.wrapper { width: 960px; text-align: left; margin: auto; }

/* Header */
#header {
	background: url(../images/header.gif) top left no-repeat;
	height: 229px;
	text-align: center;
}
	#header a {
		display: block;
		margin-left: 355px;
		height: 229px;
		text-indent: -9999px;
		width: 240px;
	}

#navigation {
	background: url(../images/navigation_top.jpg) top left no-repeat;
	float: left;
}
	.navigation-bg {
		background: url(../images/navigation_splitters.gif) top left no-repeat;
		float: left;
	}
	#navigation ul {
		
	}
		#navigation ul li {
			float: left;
			list-style-type: none;			
		}
			/* LI sections */
			li.n1 { width: 94px; margin-right: 3px; }
			li.n2 { width: 163px; margin-right: 3px; }
			li.n3 { width: 145px; margin-right: 3px; }
			li.n4 { width: 155px; margin-right: 3px; }
			li.n5 { width: 175px; margin-right: 3px; }
			li.n6 { width: 104px; margin-right: 3px; }
			li.n7 { width: 106px; }
			
			#navigation ul li h4 {
				height: 34px;
				text-indent: -9999px;
			}
			#navigation ul li ul {
				background: url(../images/navigation_gradient.gif) top left repeat-x;
				padding: 8px 0;
			}
			#navigation ul li ul li {
				float: none;
				margin: 0;
				padding: 0 15px;
			}
			#navigation ul li ul li a {
				font: normal normal 12px/24px Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
			}
	.navigation-bottom { background: url(../images/navigation_bottom.gif) top left repeat-x; height: 3px; }

/* Left Sidebar */
#left-sidebar {
	float: left;
	margin-right: 40px;
	width: 230px;
}
	.schedule-selector {
		padding: 10px 0 0px;
	}
		.jFlowPrev {
			background: url(../images/prev.gif) top left no-repeat;
			float: left;
			display: block;
			height: 25px;
			width: 25px;
		}
		.jFlowNext {
			background: url(../images/next.gif) top left no-repeat;
			float: right;
			display: block;
			height: 25px;
			width: 25px;
		}
		.schedule-selector span {
			color: #383026;
			font: italic bold 12px/20px Georgia, serif;
			float: left;
			display: block;
			padding-top: 2px;
			text-align: center;
			width: 140px;
		}
		.slide-title { display: none; }
	
	table.schedule-top {
		color: #383026;
		font: normal bold 11px/11px Georgia, serif;
		margin: 10px 0 1px;
		width: 100%;
	}
		table.schedule-top td {
			background: url(../images/stop.png) center left repeat;
			border-bottom: 1px solid #6e6143;
			padding: 5px 5px;
			text-align: left;
			width: 95px;
		}
	
	table.schedule {
		border-top: 1px dotted #5c4e33;
		width: 100%;
	}
		table.schedule td {
			border-bottom: 1px dotted #5c4e33;
			color: #383026;
			padding: 5px;
			text-align: left;
			width: 50%;
		}
		table.schedule td.time {
			font: normal bold 11px/11px Georgia, serif;
			padding-top: 7px;
			vertical-align: top;
		}
		table.schedule td.desc {
			font: normal normal 11px/16px Trebuhet MS, Tahoma, Verdana, Arial, sans-serif;
			padding-right: 30px;
		}
		table.schedule tr.hl td {
			background: url(../images/hl.png) top left repeat;
		}
		table.schedule tr td.place {
			background: url(../images/place.png) top left repeat;
			border-bottom: 1px solid #706243;
			font: normal normal 11px/11px Trebuhet MS, Tahoma, Verdana, Arial, sans-serif;
		}
			table.schedule tr td.place strong {
				font-family: Georgia;
			}
	
	.ls-top {
	}	
		.ls-top-extra { 
			background: url(../images/ls_top.jpg) top left no-repeat; 
			padding: 40px 0 5px;
		}
		.ls-top-content {
			background: url(../images/ls_top_content.jpg) top left repeat;
			padding: 15px 20px 0;
		}
	.ls-top-split { 
		background: #383121 url(../images/ls_top_split.jpg) top left no-repeat;
		padding: 28px 0 15px;
	}
	.ls-middle {
		background: #383121;
		padding: 0px 20px 10px;
	}
		.ls-middle li {
			border-bottom: 1px dotted #504938;
			font-size: 11px;
			line-height: 18px;
			list-style-type: none;
			padding: 5px 10px;
		}
		.ls-middle li.last { border: 0 none; }
		.ls-middle li span {
			color: #908467;
			display: block;
			font-family: Georgia, serif;
			font-weight: bold;
			line-height: 24px;
		}
		.ls-middle li p {
			color: #6b6452;
			font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
			margin: 0;
			text-align:justify;
		}
	.ls-middle-split { 
		background: #070503 url(../images/ls_middle_split.jpg) top left no-repeat;
		height: 6px;
	}
	.ls-bottom {
		background-color: #070503;
		border-bottom: 1px solid #262626;
		padding: 10px 20px 0px;
	}
		.ls-bottom blockquote {
			background: url(../images/quote.jpg) top left no-repeat;
			color: #a4a4a3;
			margin: 15px 0;
			padding: 10px 15px;
		}
			.ls-bottom p {
				font: italic normal 14px/22px Times New Roman, serif;
				margin: 0; padding: 0;
			}
			.ls-bottom p.author {
				font-style: normal;
				padding: 10px 0 0;
				text-align: right;
				font-size:12px;
			}
	
	
.center { padding: 30px 0 0; }

/* Content */
#content {
	border-bottom: 1px solid #262626;
	float: left;
	width: 420px;
}
	.news-item {
		padding: 20px 0 10px;
	}
		.news-item .date {
			background: url(../images/date.jpg) top left no-repeat;
			color: #5b3910;
			float: left;
			font: normal bold 11px/11px Georgia, serif;
			height: 22px;
			padding-top: 35px;
			text-align: center;
			width: 60px;
		}
		.news-item span {
			color: #9d988a;
			font: normal bold 11px/11px Georgia, serif;
			padding:2px 15px 3px 15px;
			background-color:#383121;
			-webkit-border-radius: 2px;    /* for Safari */
			-moz-border-radius: 2px;       /* for Firefox */				
		}
		.news-item .social_box {
			color: #9d988a;
			padding:10px;
			width: 400px;
			height: 18px;
			background-color:#0f0d0a;
			-webkit-border-radius: 2px;    /* for Safari */
			-moz-border-radius: 2px;       /* for Firefox */				
		}
		.news-item h3 {
			font: normal normal 40px/55px Georgia, serif;
			margin: 5px 0 15px 20px; 
			float:right;
			width: 340px;
		}
		.news-item h1 {
			font: normal normal 40px/55px Georgia, serif;
			margin: 15px 0 15px 0; 
			width: 340px;
			color: #a4a4a3;
		}
		.news-item h2 {
			font: normal normal 23px/35px Georgia, serif;
			margin: 10px 0 10px 0; 
			color: #a4a4a3;
		}
		.news-item h4 {
			font: bold normal 14px/30px Georgia, serif;
			margin: 10px 0 10px 0; 
			color: #a4a4a3;
		}
		.news-item p {
			color: #a4a4a3;
			font: normal normal 14px/26px Trebuchet Ms, Tahoma, Verdana, Arial, sans-serif;
			padding: 0 0 20px;
			text-align:justify;
		}
		.news-item img {
			border: 5px solid #9b885b;
			margin: 15px 0 30px 0;
		}
		
		.news-item img:hover {
			border: 5px solid #6c5e3d;
		}
		.social_box img {
			border: 0;
			margin: 0 10px 0 0;
			float: left;
		}
		.social_box img:hover {
			border: 0;
		}
		.social_box span {
			float:right;
			color: #a4a4a3;
			font: normal normal 11px Trebuchet Ms, Tahoma, Verdana, Arial, sans-serif;
			padding:2px 0 0 0;
			background-color:#0f0d0a;
		}
		.static-item {
		padding: 0 0 10px;
		}
		.static-item h2 {
			font: normal normal 23px/35px Georgia, serif;
			margin: 10px 0 10px 0; 
			color: #a4a4a3;
		}
		.static-item h3 {
			font: bold normal 14px/30px Georgia, serif;
			margin: 10px 0 5px 0; 
			color: #a4a4a3;
		}
		.static-item h1 {
			font: normal normal 40px/55px Georgia, serif;
			margin: 0 0 15px 0; 
			width: 340px;
			color: #a4a4a3;
		}
		.static-item p {
			color: #a4a4a3;
			font: normal normal 14px/26px Trebuchet Ms, Tahoma, Verdana, Arial, sans-serif;
			padding: 0 0 20px;
			text-align:justify;
		}
		.static-item img {
			border: 5px solid #9b885b;
			margin: 15px 0 30px 0;
		}
		.static-item span {
			color: #9d988a;
			float: left;
			font: normal bold 11px/11px Georgia, serif;
			padding:2px 15px 3px 15px;
			background-color:#383121;
			-webkit-border-radius: 2px;    /* for Safari */
			-moz-border-radius: 2px;       /* for Firefox */
			width:80px;
			height:12px;
			text-align:center;
			margin: 4px 10px 0 0;
		}
		
		.static-item li {
		list-style-type: none;
		padding: 5px 0;
		color: #a4a4a3;
		}
		
		.static-item a {
			padding:0;
			line-height:2.2em;
		}
		
		.galerija {
			margin: 0 0 0 -10px;
			width:420px;
			padding: 10px 0 15px 0;
		}
		.galerija a {
			margin: 0 0 10px 10px;
			padding: 0;
			float:left;
		}
		.galerija img {
			margin: 0;
			float:left;
		}
		
		.galerija img:hover {
			border: 5px solid #6c5e3d;
		}
		

/* Right Sidebar */
#right-sidebar {
	background: #383120 url(../images/rs_top.jpg) top left no-repeat;
	float: left;
	margin-left: 40px;
	width: 230px;
}
	.rs-top {
		padding: 38px 18px 0;
	}
		.rs-top-content {
			padding-bottom: 20px;
		}
			.rs-pp {
				background: url(../images/rs_pp.jpg) center 50px no-repeat;
			}
			.rs-pp p {
				padding-top: 220px;
				text-align:justify;
			}
			.rs-mdp {
				background: url(../images/rs_mdp.jpg) center 70px no-repeat;
			}
			.rs-mdp p {
				padding-top: 220px;
				text-align:justify;
			}
		.rs-top-content p {
			color: #6b6452;
			font-size: 11px;
			line-height: 18px;
		}
		
	.rs-top-split { 
		background: #070503 url(../images/rs_top_split.jpg) top left no-repeat;
		height: 8px;
	}
	.rs-middle {
		background-color: #070503;
		border-bottom: 1px solid #262626;
		padding: 0 20px 20px;
	}
		.rs-middle li {
			border-bottom: 1px dotted #373229;
			font-size: 11px;
			line-height: 18px;
			list-style-type: none;
			padding: 5px 10px;
		}
		.rs-middle li.last { border: 0 none; }
		.rs-middle li span.date {
			color: #908467;
			font-family: Georgia, serif;
			font-weight: bold;
			display: block;
			line-height: 24px;
		}

.pre-footer {
	
}
	.pf1 {
		background-repeat:no-repeat;
		background-position: bottom center;		
		height: 903px;
	}

/* Footer */
#footer {
	background: url(../images/footer.jpg) top left repeat-x;
	font: normal normal 11px/18px Georgia, serif;
	padding: 20px 0;
	color:#a4a4a3;
}
	#footer ul {
		float: left;
		padding: 0 0 0 70px;
		width: 250px;
	}
	#footer li {
		list-style-type: none;
	}

/* Kontakt forma */
form {background-color:#070503;margin-top: 15px; padding:15px 0 15px 0;}
label {display:block;padding:0 0 5px 0;color:#667b99; color: #a4a4a3;
			font: normal normal 14px/26px Trebuchet Ms, Tahoma, Verdana, Arial, sans-serif;}
input, textarea {display:block;margin-bottom:15px;border: 1px solid #908467;padding: 10px 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; width: 388px; background-color:#383121; -webkit-border-radius: 4px; -moz-border-radius: 4px; color:#908467;}
input:hover, textarea:hover {border: 1px dotted #908467; background-color:#2c271a;}
.submit {color:#9b885b;width: 418px; margin:0;padding:5px;}
.error {color:#9b885b; margin: -5px 0 15px 0; text-decoration:blink;}