/* RESET
------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5% Arial,Helvetica,serif;color:#000000;padding:0 0 2em;text-align:center;background:url(../images/bg_2011.jpg) repeat-x 0 0;}
a {color:#000;}
a:hover {text-decoration:none;}
p {margin:0 0 1em;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6, h7, p, blockquote {padding:0;}
h1 {font-size:1.9em; color:#2a3682; margin:10px 0 10px 0;}
h2{ color:#2a3682; font-size:1.2em; margin:10px 0 10px 0;}
h3 { color:#2a3682; font-size:1.1em; margin:0px 0 10px 0;}

address { font-style:normal;}

/* basic layout */
#site {width: 1012px; margin:0 auto;}
#header {background:none; width:1000px; margin-right:12px; float:left; height:195px;}
#body {}
#content {}
#sidebar {}

/* HEADER
------------------------------ */
#logo {display:block; width:178px; height:105px; float:left; text-indent:-9999px; margin-top:20px; margin-left:10px; background:url(../images/logo_2011.png) no-repeat 0 0;}
#headDate {background:url(../images/date_2011.png) no-repeat 0 0; display:block; width:300px; height:24px; float:left; margin:122px 0 0 310px !important; margin:120px 0 0 300px; text-indent:-9999px;}
#header .headRight {float:right; width:200px;}

#header .headRight ul.language {text-align:left; margin:10px 20px 10px 0; margin-bottom:15px !important;}
#header .headRight ul.language li {float:left;}
#header .headRight ul.language li a.slo {background:url(../images/slo.gif) no-repeat 0 0; float:left; width:22px; height:11px; text-indent:-9999px; margin:0 5px 0 131px !important; margin:0 5px 0 75px;}
#header .headRight ul.language li a.eng {background:url(../images/eng.gif) no-repeat 0 0; float:left; width:22px; height:11px; text-indent:-9999px;}

#header .headRight a.sloski {background:url(../images/sloski_2011.png) no-repeat 0 0; display:block; width:49px; height:48px; text-indent:-9999px; float:left; margin:6px 0 0 30px !important; margin:6px 0 0 45px;}
#header .headRight a.fis {background:url(../images/fis_2011.png) no-repeat 0 0; display:block; width:48px; height:53px; text-indent:-9999px; float:left; margin:10px 0 0 45px !important; margin:6px 0 0 45px;}


#header .headRight span {display:block; width:140px; float:right; text-align:right;color:#fff; margin-right:20px;}
#header .headRight span a {color:#fff;}

#search {width:160px; float:left; margin:10px 0 0 40px !important; margin:10px 0 0 20px;}

#search input {background:#fff; border:1px solid #79c9ee; width:133px; height:18px; float:left; font-size:1em; padding:2px 0 0 5px;}
#search button {background:url(../images/submit.gif) no-repeat 0 0; width:14px; height:14px; float:left; margin:4px 0 0 5px !important; margin:4px 0 0 2px; text-indent:-9999px; border:none;}

ul#navigation {/*width:998px;*/ width:891px; float:left; margin-top:10px !important; margin-top:8px; margin-left:2px !important; margin-left:1px;}
ul#navigation li {float:left; position:relative;z-index:1;}
ul#navigation li a {display:inline-block; height:34px; padding:15px 10px 0; font-size:1.2em; color:#fff; text-decoration:none; font-weight:bold; cursor:pointer; text-transform:uppercase;}
ul#navigation li:hover a {background:url(../images/nav_2011a.png) no-repeat 0 0; color:#000; cursor:pointer;}
ul#navigation li.selected a {background:url(../images/nav_2011a.png) no-repeat 0 0; color:#000; cursor:pointer;}
ul#navigation li ul {display:none; position:absolute; text-align:left; background:#bbdff1; left:0; top:49px; width:170px;}
ul#navigation li:hover ul {display:block;}
ul#navigation li:hover ul li {padding:0; width:100%; display:block;}
ul#navigation li:hover ul li a {color:#000; font-size:1.1em; background:none; padding-top:5px; padding-bottom:5px; height:auto;font-weight:normal;}
ul#navigation li:hover ul li a:hover {color:#fff;}

a.facebook {background:url(../images/nav_facebook.gif) no-repeat 0px 19px; width:98px; height:49px; text-indent:-9999px; float:left; margin:0px !important; margin:0px; top:20px; display:block;}



/* leftBar
------------------------------ */
#leftBar {width:220px; float:left; padding-top:15px; text-align:left; padding-bottom:10px;}
#leftBar a.miniBanner {/*background:url(../images/minibanner.gif) no-repeat 0 0; */ background-color:#75cbec; display:block; width:194px; height:23px; color:#2a3780; font-weight:bold; font-size:1.3em; text-decoration:none; padding-top:5px; margin:5px 0; float:left; text-transform:uppercase; text-align:center;}
#leftBar a.miniBanner:hover {color:#FFFFFF;}

#leftBar a {text-decoration:none;}
#leftBar .bigBanner {width:194px; position:relative; margin:10px 0; text-decoration:none; float:left;}
#leftBar .bigBanner span.back {position:absolute; left:0; bottom:0; background:#2a3682; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; height:80px; width:194px; float:left;}
#leftBar .bigBanner span.title {font-size:1.7em; color:#fff; font-weight:bold; margin:5px 10px 0 10px !important; margin:5px 10px 0 5px; float:left; display:block; text-align:left; width:160px;}
#leftBar .bigBanner span.text {font-size:1.1em; color:#fff; font-weight:bold; margin:5px 10px 5px 10px !important; margin:5px 10px 5px 5px; float:left; display:block; text-align:left;}
#leftBar .bigBanner span:hover {cursor:pointer;}

.logotipiLink{ text-decoration:none; font-size:10px;}

/* CONTENT
------------------------------ */
#content {text-align:left; padding:20px 0 0 0; width:565px; float:left; color:#444; font-size:1.2em; padding-right:20px; margin-bottom:15px;}

#content ul.novice li {background:url(../images/line.gif) no-repeat 0 100%; padding:5px 0 10px 0; margin-bottom:10px;}
#content ul.novice li.last {background:none;}
/*#content ul.novice li strong {display:block;}*/
#content ul.novice li a {font-weight:bold; text-decoration:none; color:#4194bb}
#content ul.novice li a:hover {text-decoration:underline;}

.povdarek {	margin: 0px 0px 10px 0px;padding: 5px 10px 5px 10px; border: 2px #2a3682 solid; width:530px;}

#content ul.breadcrumbs{width:100%; margin-bottom:7px; display:block;}
#content ul.breadcrumbs li {background:none; padding:0; float:left; margin-right:4px; font-size:0.9em; font-family:Arial, Helvetica, sans-serif;}

#content ul li, #content .noBullet ul li{ background:transparent url(../images/li-bg.gif) no-repeat left 5px; margin:5px 0; padding-left:10px; height:100%;}
#content .noBullet li { background:none; margin:5px 0; padding-left:0px; }
#content ol {list-style-type:decimal;}
#content ol li {margin:0px 0px 0px 10px; padding-left:5px; list-style-position:inside;list-style-type:decimal;}

a.PDF {display:block; background:url(../images/icon-pdf_large.gif) no-repeat 0 0; padding:15px 0 15px 70px; text-decoration:none; color:#7c7c7c; margin-top:10px;}
a.PDF:hover {color:#9a1c26;}

a.pdf {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-pdfmini.gif) no-repeat 0 0; width:auto; color:#333; line-height:18px; margin-right:3px;}
a.xls {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-xls.gif) no-repeat 0 0; width:auto; color:#333; line-height:18px;}
a.doc {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-doc.gif) no-repeat 0 0; width:auto; color:#333; line-height:18px;}
a.zip {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-zip.gif) no-repeat 0 0; width:auto; color:#333; line-height:18px;}
a.exe {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-exe.gif) no-repeat 0 0; width:auto; color:#333; line-height:18px;}

#sponzorji {}
#sponzorji img {padding:10px 5px;}


/**************Galerija*****************/

#content.thumbs{display:block; display:inline;}
#content div.thumbs ul li{float:left;width:84px;height:90px;text-align:center;background:none; list-style-image:none; list-style-type:none}
#content.thumb{	padding:2px;background:#f9f9f9;	border:1px solid #aaa;}


/* SIDEBAR
------------------------------ */
#sidebar {width:207px; float:left; font-size:1.2em; text-align:left; padding-top:20px; margin-bottom:10px;}
#sidebar .box {background:url(../images/box_2011.gif) no-repeat 0 100%; padding-bottom:30px; padding-left:15px; margin:0px 0 5px 0; float:left; width:187px;}
#sidebar h3 {background:url(../images/boxtitle_2011.gif) no-repeat 0 0; text-align:left; color:#fff; font-size:1.4em; padding:10px 0 0 15px; margin:0px; float:left; width:187px;}


#sidebar ul.rezultati {margin:10px 0 0 0px;}
#sidebar ul.rezultati li {background:url(../images/sidebarpdf.gif) no-repeat 0 3px; padding-left:25px; margin:7px 0;}

#sidebar ul.novice {margin:10px 0 0 5px; width:167px;}
#sidebar ul.novice li {margin:7px 0;}

#sidebar .box a.more {float:right; margin-right:30px;}

#sidebar .bigBanner {width:194px; position:relative; margin:10px 0; text-decoration:none; float:left;}
#sidebar .bigBanner span.back {position:absolute; left:0; bottom:0; background:#79c9ee; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; height:45px; width:194px; float:left;}
#sidebar .bigBanner span.title {font-size:1.3em; color:#000;font-weight:bold; margin:5px 0 0 0!important; float:left; text-align:center;width:190px;}
#sidebar .bigBanner span.text {font-size:1.0em; color:#000;  margin:0 !important; float:left; text-align:center;width:190px;}
#sidebar .bigBanner span:hover {cursor:default;}

/*TABLE
--------------------------------*/
#content table {width:550px; border:0; margin-bottom:15px;}
#content table tr.odd td {background:#E5EFF8; padding:2px 5px 2px 5px; }
#content table td {border-bottom:1px solid #d1dee7; padding:2px 5px 2px 5px; /*width:30%; vertical-align:top;*/}
#content table td strong { font-size:1.1em; color:#2a3682; font-weight:bold; margin-top:10px:}
#content table th {background:#79C9EE; height:19px; padding:4px 5px 4px 5px; color:#fff; font-size:1.2em;}
#content table th.first {width:50px;}
#content table td.first {width:50px;}
#content table th.second {width:250px;}
#content table th.third {width:20px;}
#content table th.la {width:50px;}
#content table.marBottom {margin-bottom:15px;}
#content table th.wider {width:125px;}
#content table.tableSmall {width:300px; border:0;}
#content table.tableSmall tr.odd td {background:#E5EFF8; padding:2px 3px 2px 3px; }
#content table.tableSmall td {border-bottom:none; padding:2px 3px 2px 3px;}
#content table.tableSmall th {background:#013F76; height:19px; padding:2px 3px 2px 3px; color:#fff; text-align:left;}
#content table.tableSmall th.first {width:150px;}
#content table.tableSmall th.second {width:70px;}
#content table.tableSmall th.third {width:50px;}
#content table.tableSmall th.la {width:50px;}

#sidebar table {width:170px; border:0;}
#sidebar table th { background:none; padding:2px 0px 2px 0px; text-align:left; color:#FF0000; border:none;}
#sidebar table td {border-bottom:1px solid #fff; padding:1px 5px 1px 5px; text-align:left;}
#sidebar table th.center, #sidebar table td.center {text-align:center !important;}

.fltLeft { float:left;}


/*program*/
#content h2.programh2 {margin-top:20px; font-size:1.5em;}
#content ul.program {}
#content ul.program li.small {height:130px;}
#content ul.program li {width:250px; float:left; height:160px; background:none; border-bottom:1px solid #79C9EE; margin-right:10px;}
#content ul.program li h2 {color:#4194BB;}
#content ul.program li ul li {width:auto; float:none; height:auto; background:none; padding-left:0; border-bottom:none;}
#content ul.program li ul li.finale {margin-top:15px;}
/* FOOTER
------------------------------ */
#footer {text-align:left; background:#2a3682; padding:10px 0; color:#fff;}
#footerwrap {width:1012px; margin:0 auto;}
#footerwrap span.web {float:right;}
#footerwrap span.copy {float:left;}
#footerwrap a {color:#fff;}
#footerwrap a.nolink {text-decoration:none;}

/* HACKS
------------------------------ */
.clear {display:inline-block;}
.clear:after, ul.language:after, ul.language li:after, #sidebar .box:after, #body:after, #footerwrap:after, ul.program:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}