/* GLOBAL */
body {font-family:Verdana; font-size:12px; background: url(images/wood.jpg) repeat; text-align:center;}
.cleardiv {clear:both; font-size:1px;}

.container{width:1016px; overflow:hidden; margin:30px auto; text-align:left; border:0px solid red;}

.header{margin:8px; overflow:hidden; margin-bottom:30px;}
.title {width:559px; height:330px; float:left; background: url(images/header.png) no-repeat;}

.logo{margin-top:20px; margin-right:30px; float:left; }
.dromlogo{margin-top:110px; float:left;}
.ecflogo{}

.mainpage h2 {color:#840100; font-size:22px; font-weight:bold;  border-bottom:1px solid #840100;}

.titletext h1{color:#3d0300; font-size:50px; font-weight:bold;}
.titletext h2{color:#840100; font-size:30px; letter-spacing:8px; font-weight:bold;}
.mediabox {width:440px; height:330px; float:left; background: url(images/mediaboxbg.gif) repeat-x; position:relative; overflow:hidden;}

.content{background: url(images/contentbg.png) repeat-y 1px 0px; min-height:500px; position:relative;}
.contenttop {background: url(images/contenttop.png) no-repeat 1px 0px; height:20px;}
.contentbottom {background: url(images/contentbottom.png) no-repeat; height:58px; text-align:center; vertical-align:middle; line-height:58px; color:#fff; border:0px solid blue;}
.bottomBanner {text-align:center; margin-bottom:0px;}


.menu{width:215px; float:left; margin-top:-35px; margin-left:7px; z-index:2; position:absolute; left:0; top:0; background: url(images/menubg.gif) repeat-y; border-top:1px solid #d6ff9c;} 
.menu ul li a{display:block; width:183px; height:43px; border-bottom:1px solid #d6ff9c; background: url(images/menuitembg.jpg) no-repeat; color:#fff;
			text-decoration:none; font-size:15px; vertical-align:middle; line-height:43px; padding-left:30px;}
.menu ul li a:hover {background: url(images/menuitemhover.jpg) no-repeat;}

.menu ul li ul {position:absolute; margin-left:215px; margin-top:-44px; display:none;}
.menu ul li ul li a{min-width:183px; width:auto; white-space:nowrap;}


.mainpage {width:460px; margin-left:265px; float:left}
.mainpage .post {margin-top:20px; margin-bottom:20px; overflow:hidden;}
.mainpage .post h2{margin-bottom:0px; padding-bottom:5px; color:#840100; font-size:22px; font-weight:bold;  border-bottom:1px solid #840100;}
.mainpage .post .ktitle {font-size:10px; color:#555; margin-bottom:10px;}
.mainpage .post .tekst {color:#111; text-align:justify; overflow:hidden;}
.mainpage .post .tekst  img {margin:3px;}
.mainpage .post  a{color:#840100;}
.mainpage .post  a:hover{color:#111;}
.mainpage .post  a.more{margin-top:10px; float:right; }

.rightpanel {float:right; margin-left:30px; margin-right:20px; margin-bottom:20px;}
.rightbox {width:228px; background: url(images/rightboxbg.png) no-repeat; background-position:bottom left; padding-bottom:20px; overflow:hidden;}
.rightbox   img {vertical-align:text-top;}
.rightbox  h2{height:50px; margin-right:7px;  background-color:#31c3e7; color:#fff; vertical-align:middle; line-height:50px; padding-left:20px;}
.rightbox .sodrzina {border:0px solid red; margin-left:10px; margin-top:10px; margin-right:10px; color:#555; }
.rightbox .sodrzina a{color:#555; text-decoration:none;}
.rightbox .sodrzina a:hover{color:#333; text-decoration:underline;}

.baneri {text-align:center; width:228px; margin-top:10px; margin-bottom:10px; }
.baneri img {margin-bottom:10px;}

.gallery ul li {padding-left:12px;}
.gallery ul li  img {margin-bottom:10px;}

.slider{width:400px; height:290px; margin:17px 20px 17px 20px;}
.mediabox .panel {position:absolute; z-index:2; bottom:0; left:0; width:440px; height:55px; background:#000;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=30); opacity:0.6;
}
.slider ul li {float:left; width:400px; height:290px;}

#controls {position:absolute; z-index:3; bottom:0; right:0;}
#prevBtn{text-indent:-8000px;}
#nextBtn{text-indent:-8000px;}
#prevBtn a{display:block; width:35px; height:35px; background: url(images/prevBtn.png); float:left; margin:10px 0px 10px 0px;}
#nextBtn a{display:block; width:35px; height:35px; background: url(images/nextBtn.png); float:left; margin:10px 20px 10px 0px;}

#galcontrols {border:0px solid red; position:absolute; width:450px; overflow:hidden; margin-left:10px; margin-top:-55px; z-index:4;}
#galprevBtn{text-indent:-8000px;}
#galnextBtn{text-indent:-8000px;}
#galprevBtn a{display:block; width:35px; height:35px; background: url(images/prevBtn.png); float:left; margin:10px 0px 10px 0px;}
#galnextBtn a{display:block; width:35px; height:35px; background: url(images/nextBtn.png); float:right; margin:10px 20px 10px 0px;}

.galerija {position:relative; overflow:hidden; width:450px; height:360px;}


.media-, .media-flv, .media-mp3 {margin:10px 0px 10px 0px;}

.mainPage {text-align:center;}

.links {margin-top:10px;}
.links li a{display:block; margin-bottom:2px; text-decoration:none; padding:5px; background:#D6FF9C; color:#333;}
.links li a:hover{background:#333; color:#D6FF9C}

/*
.pikachoose {margin-top:10px;}
.pikachoose ul{margin:0;overflow:hidden; background:#D6FF9C; margin-top:10px; border:1px solid #333; padding:10px 0px 10px 0px;}
.pikachoose ul li{float: left; padding:2px; margin:3px; margin-left:12px; position:relative;overflow:hidden; }
.pikachoose ul li div img{position:relative;cursor:pointer;}

.pika_main{display:block;position:relative; width:450px;  overflow:hidden;}

.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative; padding:2px; }
*/