@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	background-color: #25437e;
	width:100%;
	height:100%;
	min-height:600px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#25437e;
    font-size:12px;
}

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


a, a:hover {outline:none; text-decoration:none;}
a {color:#25437e;}
a:hover {color:#da9603;}
h1 {font-size:16px; font-weight:bold;}
h2 {font-size:16px; font-weight:bold;}
ul, li {list-style:none;}

#page {width:998px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		}

/*HEADER*/
#header {width:998px; height:222px; margin-left:0px;}
#headerUp {width:998px; height:180px; background:url("/images/header.jpg") no-repeat;}
#headerLang {width:400px; height:15px; padding:10px 0 0 120px;}
.langIcon a {width:16px; height:11px;
        float:left; margin-right:24px; border:#25437e 1px solid;}
.langIcon a:hover {border:#fcb539 1px solid;}
#langDe a {background:url("/images/langDe.jpg") top left no-repeat; width:16px; height:11px;
        float:left; margin-right:24px; border:#25437e 1px solid;}
#langDe a:hover {border:#fcb539 1px solid;}

/*MENU*/
#menuBack {width:998px; height:42px; background:url("/images/menuBack.png") top right no-repeat;}
#menuHolder {padding-left:46px;}
.menu a {width:136px; float:left; color:#fff; text-transform:uppercase; font-size:12px; text-align:center;
    font-weight:bold; display:block; padding-top:14px;}
.menu a:hover, .menu a.active {color:#fcb539;}


/*CONTENT*/
#content {width:998px; height:100%; float:left; background:url("/images/vzorec.png") top left repeat-y;
		background-color:#fff; padding-top:50px;}
/* IE6 */
*html #containerMain {margin-top:-15px;}

/*LEFT*/
#containerL {width:709px; float:left;}
#left {width:547px; margin-left:120px; border:#aac3e2 solid 1px; padding:20px 20px 50px 20px;}
#left h1 {padding-bottom:40px;}
#left a {color:#25437e; text-decoration:underline;}
#left a:hover {color:#da9603;}
#dogodki {padding-top:30px;}
#dogodki a {text-decoration:none;}
#harmdin {width:580px; height:600px;}

/*RIGHT*/
#containerR {width:264px; height:100%; float:right;}
#right {width:239px; background-color:#fcb539;}
#titleR {width:239px; height:81px;}
#textR {width:190px; height:100%; margin-left:25px; padding-bottom:20px;}
#textR li h2 {font-size:14px; font-weight:bold; padding:20px 0 5px;}
.newsTitle {width:190px; font-size:14px; font-weight:700; margin-bottom:5px;}
.newsText {width:190px; font-size:12px; margin-bottom:15px;}
#gc a {width:239px; height:130px; float:left;}

/*KONTAKT*/
#kontakt form label {width:170px; float:left;}
#kontakt form input, #kontakt form select {width:156px; padding:2px; float:left; border:#d2d2d2 1px solid;}
#kontakt form textarea {width:350px; font-size:0.9em; margin-bottom:15px; padding:5px; border:#d2d2d2 1px solid;}
.textKontakt {width:360px; height:30px;}
#app a {height:20px; width:80px; background-color:#2c4a84; margin-top:10px; padding-top:3px;
        text-align:center; float:left; color:#fff; text-decoration:none;}
#app a:hover {color:#fcb539;}
.contactCaptcha {margin-left:170px;}
.errorMsg {color:#ff0000; padding-bottom:20px;}
.error {background-color:#eee;}

/*HARMONIKE*/
#contentH {width:590px; float:right;}
.blockL {width:240px; height:180px; float:left; margin-bottom:20px; border:#aac3e2 solid 1px; padding:20px;}
.blockR {width:240px; height:180px; float:right; margin-bottom:20px; border:#aac3e2 solid 1px; padding:20px;}
.blockL h1, .blockR h1 {font-size:16px; font-weight:bold; color:#25437e;}
.blockL h1 a, .blockR h1 a {font-size:16px; font-weight:bold; color:#25437e;}
.blockL h1 a:hover, .blockR h1 a:hover {color:#da9603;}
.textBlock {padding-top:25px;}
#buttonHolder {width:560px; float: left;}
#button a {height:20px; width:80px; background-color:#2c4a84; margin:10px 0 20px 20px; padding-top:3px;
        text-align:center; float:left; color:#fff; text-decoration:none;}
#button a:hover {color:#fcb539;}

#paging {width:570px; height:50px; margin-left:22px; font-size:16px;  font-weight:600; float:left;}
/* IE6 */ *html #paging {margin-left:11px;}


#paging {clear:both; text-align:center;}

/*ART*/
#containerArt {width:853px; margin:0 25px 0 120px; outline:none;}

/*GALERIJA*/
#contentGal {width:587px; float:left; margin-left:120px; border:#aac3e2 solid 1px;}
/* IE6 */ *html #contentGal {margin-left:60px;}
#contentGal h1 {padding:20px 20px 40px 20px;}
#contentGal h2 {padding-bottom:40px;}
#galerija {width:560px; margin-left:22px; margin-bottom:30px; display:block;}
.gal {width:240px; float:left; margin-right:40px; margin-bottom:20px;}
/* IE6 */ *html .gal {margin-right:14px;}
.galThumb {width:240px;}
.galText {width:220px; height:15px; padding-top:5px; font-size:12px; float:left;}
.galTitle {text-align:center; margin-top:5px;}
#textGal {padding:20px;}
#textGal h1 {padding:0 0 30px 0;}
#textGal li {list-style:disc;}


/*KJE SMO*/
.location {padding-bottom:20px; list-style:disc;}


/*FOOTER*/
#contentBottom {width:955px; height:112px; float:right;}
#bottomSpacer {width:955px; height:50px;}
#footer {width:955px; height:62px; background:url("/images/footer.png") top left repeat-x;;}
#foot {width:810px; height:62px; float:left;}
.footText {font-size:10px; color:#fff; text-align:left; float:left; padding:20px 0 0 75px;}
.footText a {font-size:10px; color:#fff;}
.footText a:hover {color:#FF9900;}
#planika {width:120px; height:110px; background:url("/images/planika.png") no-repeat; float:right; margin-right:25px;
		margin-top:-48px; position:relative;}
/* IE6 */ *html #planika {margin-right:12px;}