/* General settings */
 body{ font-size:12px; color:#444; margin:10px 0 10px 0; background-image: url('images/bck_grad.jpg'); font-weight:normal; font-family: Trebuchet MS, Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; text-align:center; }
 table{ text-align:left; }
 table th{ text-align:left; } 
 p{ text-align:justify; margin:0px; padding-top:2px; line-height:15px; margin-bottom:10px; } 
 a{ color:#1a95db; text-decoration:none; }
 a:hover{ color:#8c1c4e; } 
 img{ border:0px; }
 form{ margin:0px; }
 li{ text-align:justify; margin-top:2px; }
 sup{ font-size:10px; }
 input[type=text]{ border:1px solid #bbb; padding:2px; font-size:12px; font-family: Times new roman, Trebuchet MS, Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; }
 input[type=file]{ border:1px solid #bbb; padding:2px; font-size:12px; font-family: Times new roman, Trebuchet MS, Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; }
 input[type=password]{ border:1px solid #bbb; padding:2px; font-size:12px; font-family: Times new roman, Trebuchet MS, Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; }
 input[type=radio]{ width:12px; padding-right:5px; font-family: Times new roman, Trebuchet MS, Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; text-align:center; }
 input[type=submit]{ border:1px solid #bbb; font-size:12px; font-family: Times new roman, Trebuchet MS, Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; text-align:center; cursor:pointer; }
 input[type=button]{ border:1px solid #bbb; font-size:12px; font-family: Times new roman, Trebuchet MS, Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; text-align:center; }
 select{ border:1px solid #bbb; font-size:12px; height:19px; font-family: Times new roman, Trebuchet MS, Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; text-align:center; }
 textarea{ border:1px solid #bbb; font-size:12px; font-family: Times new roman, Trebuchet MS, Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; }
 
 .msgOK{ color:#282; font-weight:700; }
 .msgKO{ color:#f22; font-weight:700; }

/* General page */
 .frame{ width:1143px; height:927px; }
 
 .main{ float:left; width:1169px; }
 .main .header{ float:left; width:1169px; height:57px; background-image:url('images/top.png'); background-position:center top; background-repeat:no-repeat; position:relative; }
 .main .header .lC{ position:absolute; left:84px; bottom:0; width:11px; height:11px; background-image:url('images/left_top_corner.png'); background-position:left top; background-repeat:no-repeat; }
 .main .header .rC{ position:absolute; right:53px; bottom:0; width:42px; height:31px; background-image:url('images/right_top_corner.png'); background-position:left top; background-repeat:no-repeat; }
 .main .bodyL{ float:left; width:1169px; height:821px; background-image:url('images/left.png'); background-position:27px top; background-repeat:no-repeat; }
 .main .bodyR{ float:right; width:1101px; height:821px; background-image:url('images/right.png'); background-position:right top; background-repeat:no-repeat; }
 .main .body{ float:left; width:979px; height:821px; background-color:#fff; background-image:url('images/inside_bck.jpg'); background-position:right bottom; background-repeat:no-repeat; margin-left:27px; position:relative; text-align:left; }
 .main .body .lP{ position:absolute; left:0; top:0; width:163px; height:811px; padding-top:10px; background-image:url('images/left_inside.jpg'); background-position:left top; background-repeat:no-repeat; }
 .main .body .lP a{ float:left; width:120px; border-bottom:1px dotted #e395c5; text-align:right; padding:4px 5px; font-weight:700; font-size:13px; margin-left:13px; }
 .main .body .lP a.active{ float:left; width:120px; border-bottom:1px dotted #e395c5; text-align:right; padding:4px 5px; font-size:13px; margin-left:13px; color:#8c1c4e; }
 .main .body .lP a.last{ border-bottom:0; }
 .main .body .lP a.logo{ float:left; width:125px; height:130px; margin-bottom:40px; border-bottom:0; }
 .main .body .lP a.folklor{ float:left; width:115px; height:100px; margin-top:48px; border-bottom:0; }
 .main .body .tDate{ position:absolute; right:374px; top:5px; width:130px; height:15px; color:#31759a; font-size:9px; font-weight:700; }
 .main .body .cP{ position:absolute; right:0; top:0; width:335px; height:34px; font-size:10px; font-weight:700; padding-left:34px; padding-top:1px; color:#0382d3; background-image:url('images/top_inside.jpg'); background-position:left top; background-repeat:no-repeat; }
 .main .body .cP a{ color:#0382d3; }
 .main .body .cP a:hover{ color:#8c1c4e; }
 .main .body .cPLink{ position:absolute; width:27px; height:27px; left:610px; top:8px; } 
 .main .body .cnt{ float:right; width:782px; height:750px; margin:45px 22px 0 0; }
 .main .body .cnt h1{ float:left; color:#008ed8; font-size:27px; margin:0px; margin-bottom:5px; font-weight:500; padding-right:50px; background-image:url('images/nadpis_bird.jpg'); background-position:right top; background-repeat:no-repeat; }
 .main .body .cnt h4{ float:right; color:#8c1c4e; font-size:27px; margin:0px; margin-bottom:5px; font-weight:500; margin-right:10px; }
 .main .body .cnt .flags{ float:right; margin-top:15px; }
 .main .body .cnt .flags a{ margin-left:5px; }
 .main .body .cnt .cntDiv{ float:left; width:780px; margin-top:5px; text-align:justify; padding-left:2px; }
 .main .footer{ float:left; width:1169px; height:49px; background-image:url('images/down.png'); background-position:center top; background-repeat:no-repeat; position:relative; }
 .main .footer a{ color:#c3c13a; }
 .main .footer .lC{ position:absolute; left:84px; top:0; width:11px; height:11px; background-image:url('images/left_down_corner.png'); background-position:left top; background-repeat:no-repeat; }
 .main .footer .rC{ position:absolute; right:84px; top:0; width:11px; height:11px; background-image:url('images/right_down_corner.png'); background-position:left top; background-repeat:no-repeat; }
 .main .footer .copy{ position:absolute; left:120px; top:12px; width:320px; font-size:9px; font-weight:700; color:#c3c13a; text-align:left; }
 .main .footer .creator{ position:absolute; right:140px; top:12px; width:320px; font-size:9px; font-weight:700; color:#c3c13a; text-align:right; }
 
 .newsBlock{ float:left; width:331px; height:124px; background-image:url('images/bck_news.jpg'); background-position:left top; background-repeat:no-repeat; padding:8px; padding-top:0; margin:5px 10px 15px 20px; }
 .newsBlock h2{ float:left; width:321px; margin:0; margin-bottom:2px; font-size:13px; padding:0 6px 3px 6px; border-bottom:1px dotted #4b4b4b; }
 .newsBlock h2 a{ text-decoration:none; color:#4b4b4b; }
 .newsBlock h2 a:hover{ color:#8c1c4e; }
 .newsBlock h2 span{ float:right; height:15px; color:#4b4b4b; margin:2px 2px 0 0; font-size:10px; }
 .newsBlock .perex{ float:left; width:318px; height:71px; padding:0; font-size:10px; text-align:justify; color:#5b5b5b; margin-left:7px; line-height:14px; } 
 .newsBlock .perex .newsPerexItem{ width:45px; height:45px; float:right; padding:5px; margin:1px 0 1px 5px; background-image:url('images/bck_image_45.jpg'); background-position:center top; background-repeat:no-repeat; }
 .newsBlock .pokrac{ float:left; font-size:10px; width:316px; height:15px; padding:0; margin-top:4px; margin-left:7px; text-align:right; }
 .newsBlock .pokrac a{ width:48px; height:15px; color:#c95cad; font-weight:700; padding-right:55px; background-image:url('images/ico_pokracovat.jpg'); background-position:right top; background-repeat:no-repeat; }
 .newsBlock .pokrac a:hover{ color:#d96cbd; }
 
 .newsPaging{ float:left; width:732px; text-align:right; margin-top:5px; }
 .newsPaging a{ text-decoration:none; color:#1a95db; }
 .newsPaging a:hover{ color:#8c1c4e; }
 .newsDetailFooter{ margin:15px 0 5px 0; font-size:12px; width:779px; padding-left:0px; }
  
 
 .userList{ float:left; width:400px; min-height:100px; }
 .userList h3{ float:left; width:395px; margin:0px; font-size:13px; border-bottom:1px dotted #4b4b4b; padding-left:5px; padding-bottom:2px; margin-bottom:3px; }
 .userList h3 span{ font-weight:500; }
 .userList .users{ float:left; width:400px; margin-bottom:15px; padding-left:5px; }
 .userList .users a{ float:left; width:125px; margin-right:4px; margin-top:2px; }
 
 .userDetail{ float:left; width:330px; margin-left:30px; min-height:100px; }
 .userDetail h3{ float:left; width:325px; margin:0px; font-size:13px; color:#8c1c4e; border-bottom:1px dotted #8c1c4e; padding-right:5px; padding-bottom:2px; margin-bottom:3px; text-align:right; }
 .userDetail table{ margin-bottom:10px; }
 .userDetail table th{ padding-left:5px; }
 
 .userWideList{ float:left; width:778px; margin-top:4px; min-height:150px; }
 .userWideList h3{ float:left; width:773px; margin:0px; font-size:13px; border-bottom:1px dotted #4b4b4b; padding-left:5px; padding-bottom:2px; margin-bottom:3px; }
 .userWideList h3 span{ font-weight:500; }
 .userWideList .users{ float:left; width:773px; margin-bottom:10px; padding-left:5px; }
 .userWideList .users a{ float:left; width:125px; margin-right:4px; margin-top:2px; }
 
 
 .conContact{ float:left; width:260px; min-height:300px; }
 .conContact h3{ float:left; width:255px; margin:0px; font-size:13px; border-bottom:1px dotted #4b4b4b; padding-left:5px; padding-bottom:2px; margin-bottom:8px; }
 .conContact p{ padding:5px 0 8px 5px; margin-bottom:1px; }
 .conContact ul{ margin-top:0px; }
 
 .conSponzori{ float:left; width:480px; min-height:300px; margin-left:20px; }
 .conSponzori h3{ float:left; width:475px; margin:0px; font-size:13px; border-bottom:1px dotted #4b4b4b; padding-left:5px; padding-bottom:2px; margin-bottom:3px; }
 .conSponzori img{ float:left; margin:5px; }
 
 .btnDetail{ cursor:pointer; }
   
 .imgContainer{ width:780px; padding:5px 0px 0px 0px; margin-top:5px; }
 .imgItem{ width:84px; height:84px; float:left; padding:8px; border:0; margin:5px; background-image:url('images/bck_image_82.jpg'); background-position:center top; background-repeat:no-repeat } 
 .imgItemDetail{ width:45px; height:45px; float:left; padding:5px 6px 6px 6px;  border:0; margin:4px; background-image:url('images/bck_image_45.jpg'); background-position:center top; background-repeat:no-repeat }
 .imgItemDetail img{ width:45px; height:45px; border:0; } 
 .imgItemGal{ width:84px; height:84px; float:left; padding:8px; border:0; margin:5px; background-image:url('images/bck_image_82.jpg'); background-position:center top; background-repeat:no-repeat; }
 
 .player{ float:right; width:240px; height:200px; margin-top:11px; margin-right:100px; }
 
/* Kalendar */ 
 
 .calendarView{ width:750px; height:500px; padding-left:20px; display:block; }
 
 .calendarView div.label{ width:742px; height:23px; font-size:13px; font-weight:700; display:block; float:left; text-align:center; padding:0; }
 .calendarView div.label a.prev{ float:left; display:block; width:100px; height:13px; margin-left:3px; margin-top:3px; font-size:10px; text-align:left; }
 .calendarView div.label a.next{ float:right; display:block; width:100px; height:13px; margin-right:3px; margin-top:3px; font-size:10px; text-align:right; }
 .calendarView div.label .leftCtrlB{ float:left; display:block; width:100px; height:13px; margin-left:3px; }
 .calendarView div.label .rightCtrlB{ float:right; display:block; width:100px; height:13px; margin-right:3px; }
 
 .calendarView div.item{ width:95px; height:77px; display:block; float:left; margin:2px; padding:3px 0 0 5px; text-align:left; background-color:#f8f8f8; border:1px solid #eee; }
 .calendarView div.blank{ width:100px; height:80px; display:block; float:left; margin:2px; border:1px solid #fff; }
 .calendarView div.active{ width:95px; height:77px; background-color:#48bdf8; border-color:#58cdff; }
 .calendarView div.weekend{                          background-color:#f0f0f0; border-color:#eee; }
 .calendarView div.header{ width:95px; height:20px; background-color:#941a4d; border-color:#c44a7d; color:#fff; background-image:url(''); }

 .calendarView div.popup{ width:95px; height:77px; margin:2px; padding:3px 0 0 5px; background-color:#d0ce0a; border-color:#d0ce0a; position:relative; z-index:2; }
 .calendarView div.popup:hover{ z-index:23; cursor:pointer; }
 .calendarView .gecko div.popup span{ top:4em; left:-2em; display:block; }
 .calendarView .ie    div.popup span{ top:4em; left:-2em; display:block; }
 .calendarView .opera div.popup span{ margin-left:200px;   display:none; }
 
 .calendarView div.popup span{ min-width:300px; visibility:hidden; z-index:24; position:absolute; top:15px; margin-left:10px; font-size:12px; font-weight:500; padding:7px 10px; border:1px solid #d0ce0a; background-color:#fff; color:#000; text-align:left; }
 .calendarView div.popup span a{ white-space:nowrap; }
 .calendarView div.popup span a br{ font-size:1px; }
 .calendarView div.popup:hover span{ visibility:visible; display:block; }

 .logos{ position:absolute; left:8px; bottom:5px; }
 
/* Predefined constants */
 .orange{ color:#ff6100; }
 .orange:hover{ color:#bf2100; }

 span.left{ float:left; }
 span.right{ float:right; }
 span.astRed{ color:red; font-size:12px; padding-left:3px; }
 
 .j{ text-align:justify; }
 .c{ text-align:center; }
 .r{ text-align:right; }
 .l{ text-align:left; }
 .u{ text-decoration:underline; }
 .nu{ text-decoration:none; }
 .b{ font-weight:700; }
 .nb{ font-weight:500; }
 .i{ font-style:italic; }
 .t{ vertical-align:top; }
 .pt1{ padding-top:2px; }
 .pl5{ padding-left:5px; text-align:left; }
 .pl7{ padding-left:7px; text-align:left; }
 .pr5{ padding-right:5px; }
 .pl10{ padding-left:15px; }
 .pr10{ padding-right:10px; text-align:right; }