/* 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;}
ol,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% "Tahoma";color:#535459;padding:0 0 2em;text-align:center;background: #fcbd32 url(../images/body-bg.jpg) repeat-x 0 top;}
a {color:#000;}
a:hover {text-decoration:none;}
p { font-size:1.1em; margin:0 0 1em;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6, h7, p {padding:0; font-family:Trebuchet MS;
font-weight:normal;}
h1 {font-size:1.9em; color:#EF8924; margin:15px 0 10px 0;}
h2{ color:#EF8924; font-size:1.5em; margin:10px 0 5px 0;}
h3 { color:#EF8924; font-size:1.1em; margin:0px 0 5px 0;}
address { font-style:normal;}

/* basic layout */
#site {font-size:1.1em;width:873px;text-align:left;;margin:0px auto;}
#siteLcd {font-size:1.2em;width:1050px; background: #FFFFFF url(../images/header_lcd.jpg) no-repeat left top; height:700px; text-align:left;margin:0px auto;}

#header {width:873px; margin:0; background: #FFFFFF url(../images/header_home-happy.jpg) no-repeat left bottom; height:365px; float:left; position:relative;}
#headerNotranja {width:873px; margin:0; /*background: #FFFFFF url(../images/header_notranja.jpg) no-repeat top left;*/ height:248px; float:left; position:relative;}

#header a.logotype, #headerNotranja a.logotype { background: transparent url(../images/logo-kantina.png) no-repeat top left; display: block; float:left; margin:5px 0px 20px 10px !important; padding:0px 0px 0px 0px; text-indent:-9999px; width:175px; height: 175px; cursor:pointer; position:relative;}
#header ul, #headerNotranja ul { margin: 10px 0px 10px 0; position:absolute; right:0; top:0;}
#header li, #headerNotranja li {display:inline;}
#header li a, #headerNotranja li a { color:#6e6e6e;font-size:0.9em; padding:0 3px 0 4px; border-left: 1px solid #ccc; text-decoration:none;}
#header li a.home, #headerNotranja li a.home { border-left: none;}
#header li a:hover, #headerNotranja li a:hover { text-decoration:underline;}

#flag a { background: none; display: block; float:left; margin:0px !important; padding:0px 0px 0px 0px; text-indent:-9999px; height:80px; width:295px; position:absolute; top:180px; left:550px;}
#zelisca { background: transparent url(../images/zelisca1.png) no-repeat top left; float:left; margin:0px ; padding:0px 0px 0px 0px; text-indent:-9999px; height:194px; width:318px; position:absolute; top:400px; left:-230px;}

/* content */
#body {float:left;padding:0px 0px 0px 0px; width: 873px; background-color:#FFFFFF; min-height:400px; height: auto ! important; height:400px;}
#bodyLcd {float:left;padding:140px 50px 20px 50px; width: 950px;}
#content {float:left; padding:20px 52px 0px 55px; width:415px; margin:0; position:relative; z-index:50; }
.wide #content {width:755px;}
#sidebar {width:298px; float:left; margin:0 0 100px 0; padding:35px 50px 20px 0px;position:relative; z-index:50; } 

#content li, #content .noBullet ul li{ background:transparent url(../images/li-bg.gif) no-repeat left 5px; font-size:1.1em; margin:5px 0; padding-left:10px;zoom:1;}
#sidebar li, #sidebar .noBullet ul li{ background:transparent url(../images/li-bg.gif) no-repeat left 5px; margin:5px 0 5px 45px; padding-left:10px;zoom:1;}
#content .exposed li { font-weight:bold;}
#content .exposed li a { color:#535459;}

#content .noBullet li, #home .noBullet li { background:none; margin:5px 0; padding-left:0px; }
#content ul { margin-bottom:10px;}
.wide #content img { border:1px solid #EF8924; margin:0 5px 5px 0; padding:1px;}
.wide #content a:hover img { border:1px solid #76AF08; background-color:#76AF08;}

blockquote {background:transparent url(../images/blockquote.gif) no-repeat scroll left top; margin:5px 0 5px 5px; padding-left:35px; padding-top:10px; color:#535459; font-weight:bold; }
.okusiteSvet {background:#FFFFFF url(../images/title_okusite_svet.gif) no-repeat 0 0; height:28px; width:206px; text-indent:-9999px; margin-bottom: 20px; padding-top: 0px !important;} 
.kontakt {background:#FFFFFF url(../images/title_kontakt.gif) no-repeat 0 0; height:28px !important; width:135px; text-indent:-9999px; margin-bottom: 20px; padding-top: 0px !important;} 
.smallText { font-size:0.8em;} 

.imageFoto { float:right; margin: 0px 0 10px 10px;} 

ul#trisHome  {float:left; margin:0; padding:0px; width:369px; background:transparent url(../images/bg_jedilni_listi.jpg) no-repeat left bottom; margin-bottom: 10px !important; margin-top: 10px !important; height: 121px; padding:10px 20px} 
ul#trisHome li {float:left; margin-bottom:0px; width:129px; padding: 0px 10px 5px 0px !important; background:none; color:#000; line-height:20px} 
ul#trisHome li.first {float:left; margin-bottom:0px; width:90px; padding: 0px 0px 5px 0 !important; background:none; color:#000; line-height:20px} 
ul#trisHome li strong { font-weight:bold; display:block; padding: 0px 0px 5px 0px !important; text-transform:uppercase; }

.eventsHome  {float:left; margin:0; width:409px; background:transparent url(../images/bg_events_top.jpg) no-repeat left top; padding:23px 0px 0px 0px;} 
ul#eventsHome  {float:left; margin:0; padding:0px; width:369px; background:transparent url(../images/bg_events.jpg) repeat-y left bottom; padding:0px 20px 10px;} 
ul#eventsHome li {float:left; margin-bottom:0px; width:329px; padding: 0px 10px 5px 15px; color:#000;} 
ul#eventsHome li.first {float:left; margin-bottom:0px; width:329px; padding: 0px 10px 5px 0px; background:none; color:#000;} 
ul#eventsHome li.first strong { font-size:1.2em; font-weight:bold; display:block; padding: 0px 0px 5px 0px; text-transform:uppercase; color:#EF8924 }
ul#eventsHome li.first strong a { text-decoration:none; color:#EF8924 }
ul#eventsHome li.first strong a:hover { text-decoration:underline;}
ul#eventsHome li.first span { font-size:0.9em; display:block; padding: 0px 0px 3px 0px;  }
ul#eventsHome li img { float:left; margin-right:20px;}



#kontakt { background:transparent url(../images/kontakt-bg.jpg) no-repeat left top; color:#47494E; height:156px; margin-top:10px; width:298px;}
.ponudba {display:inline-block; padding-left:30px; height:25px; background:url(../images/icon_ponudba.gif) no-repeat 0 0; width:auto; color:#47494e; margin-right:3px; font-size: 1.4em; margin-top: 10px;  margin-bottom: 0px; margin-left: 15px;}
.odprto {display:inline-block; padding-left:30px; height:25px; background:url(../images/icon_urnik.gif) no-repeat 0 0; width:auto; color:#47494e; margin-right:3px; font-size: 1.4em; margin-top: 10px;  margin-bottom: 0px; margin-left: 15px;}
.info {display:inline-block; padding-left:30px; height:28px; b width:auto; color:#47494e; margin-right:3px; font-size: 1.4em; margin-top: 5px;  margin-bottom: 0px; margin-left: 15px;}
.enovice {display:inline-block; padding-left:30px; height:25px; background:url(../images/icon_enovice.gif) no-repeat 0 0; width:auto; color:#47494e; margin-right:3px; font-size: 1.3em; margin-top: 0px;  margin-bottom: 0px; margin-left: 15px;}
.enovice span { font-size:0.7em; margin-left:1px;}
.red {color:#EF8924; font-weight:bold;}
div.cena {font-size:1.0em; margin-left:20px; text-align:right; float:right; }

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;}

/*****  Menu - horizontalen ******/

ul#navigation {float:left;height: 36px;width: 873px; background: transparent url(../images/meni.jpg) top left no-repeat;	margin: 0;	padding: 0;	border: 0;	border-top: 2px #FFFFFF solid; font-size:1.1em;}
ul#navigation li {float:left; position:relative;z-index:60;}
ul#navigation li a {display:inline-block; height:30px; padding:8px 18px 0; font-size:1.3em; color:#fff; text-decoration:none; font-weight:bold; cursor:pointer;}
ul#navigation li:hover a {background:url(../images/nav.png) no-repeat 0 0; color:#000; cursor:pointer;}
ul#navigation li.selected a {background:url(../images/nav.png) no-repeat 0 0; color:#000; cursor:pointer;}

ul#navigation li#nav26 ul {display:none; position:absolute; text-align:left; background: transparent url(../images/subnavigation1.png) bottom left no-repeat;	left:-36px; top:30px; width:158px; padding-bottom:10px; }
ul#navigation li#nav26:hover ul {display:block;}
ul#navigation li#nav26:hover ul li {padding:0; width:100%; display:block;}
ul#navigation li#nav26:hover ul li a {color:#FFF; font-size:1.1em; background:none; padding-top:5px; padding-bottom:5px; height:auto;font-weight:normal;}
ul#navigation li#nav26:hover ul li a:hover {color:#000 !important;}

#body ul#navigation li#nav6 ul, #body ul#navigation li#nav7 ul {display:none; position:absolute; text-align:left; background: transparent url(../images/subnavigation.png) bottom left no-repeat;	left:3px; top:30px; width:178px; padding-bottom:10px; }
#body ul#navigation li#nav6:hover ul, #body ul#navigation li#nav7:hover ul {display:block;}
#body ul#navigation li#nav6:hover ul li, #body ul#navigation li#nav7:hover ul li {padding:0; width:100%; display:block;}
#body ul#navigation li#nav6:hover ul li a, #body ul#navigation li#nav7:hover ul li a {color:#FFF; font-size:1.1em; background:none; padding-top:5px; padding-bottom:5px; height:auto;font-weight:normal;}
#body ul#navigation li#nav6:hover ul li a:hover, #body ul#navigation li#nav7:hover ul li a:hover {color:#000 !important;}

ul#navigation li#nav26 { margin-left:38px;}
#site #body ul#navigation li#nav7 ul { left:0;}

ul#menu {height: 36px;width: 873px;	background: transparent url(../images/meni.jpg) top left no-repeat;	margin: 0;	padding: 0;	border: 0;	position: relative; border-top: 2px #FFFFFF solid; font-size:1.1em; }
ul#menu li {padding: 0;	list-style: none; display:inline-block; float:left; margin:0 0 0 23px;}
ul#menu li, ul#menu a {height: 38px;display: block;}
ul#menu li a { background:transparent url(../images/menu-bullet.gif) no-repeat left 15px; color:#47494e; display:inline-block; font-size:1.3em; font-weight:bold; padding:8px 0 0 15px; text-decoration: none;}
ul#menu li a:hover { color:#fff;}
ul#menu li#navigation1 { margin-left:40px !important; margin-left:20px;}
ul#menu li#navigation5 { margin-left:85px;}

/* submenu styling */
#menu li ul {background:#de910d;margin:0px 0 0 0;padding:5px 0 0 0;left:0;width:auto;-moz-opacity:.90;opacity:.90;z-index:1000;display:none;}
#menu li ul li {border:none;padding:0;}
#menu li ul li, #navigation li ul li a {background:none !important;cursor:pointer;font-size:0.9em;float:none;height:auto;color:#FFF !important;}
#menu li:hover ul {border-top:2px solid #fff;display:block;}
#menu li ul li a:hover {color:#000 !important;;}
#menu li:hover ul a {color: #0E72B7;}
#menu li ul a {display: inline-block;float: left;margin:0 !important;font-weight:normal;text-decoration: none;text-align:center;padding:0 0 8px 0;width:auto}

	
.pictureWithSubtitle { float:left;}
.pictureWithSubtitle span { display:none;}

#content #galerija li { background:none; float:left; padding:0; margin-right:10px; width:240px;}
#galerija span { display:block;}

/*TABLE

--------------------------------*/
#content table {width:750px; border:0; margin-bottom:15px;}
#content table th { border-bottom:2px solid #FFFFFF; background:#EF8924; color:#FFFFFF;padding:9px 9px;}
#content table th p { margin:0; font-weight:bold;}
#content table td {border-bottom:1px solid #EF8924; padding:9px 15px; vertical-align:middle;}
#content table th, #content table td { width:180px; text-align:center;}
#content table th.first, #content table td.first { width:60px;}
#content table tr.selected td {background-color:#FFB701; color:#000000;}

#content table.basic { width:400px;}
#content table.basic td { padding:5px 10px; text-align:left; width:auto;}
#content table.basic td p { margin:0;}

#bodyLcd table {background:transparent url(../images/th-bg.gif) repeat-x left top; width:950px; border:0; margin-bottom:15px; text-align:center;}
#bodyLcd table th {width:180px;}
#bodyLcd table th, #bodyLcd table th p {color:#FFFFFF; border:none; font-size: 17px; margin:0;}
#bodyLcd table thead {  height: 63px;  color:#FFFFFF; border:none;}
#bodyLcd table tr.selected td {background-color:#FFB701; color:#000;}
#bodyLcd table td {border-bottom:1px solid #EF8924; color:#000000; padding:6px 10px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; vertical-align:middle; width:180px;}
#bodyLcd table td.first {border-bottom:1px solid #EF8924; padding:5px 5px; font-weight:bold; width: 120px; }
#bodyLcd table th, #bodyLcd table td { text-align:center;}
#bodyLcd table th.first, #content table td.first { width:60px;}
#bodyLcd p { font-size:14px;}

/* Social

------------------------------ */

.socialFooter {display:block; position:absolute; top:5px; right:10px;}
.socialFooter .facebook {text-indent:-9999px; background:url(../images/facebook.png) no-repeat 0 0; display:inline-block; width:16px; height:16px; margin-right:5px; float:left;}
.socialFooter .twitter {text-indent:-9999px; background:url(../images/twitter.png) no-repeat 0 0; display:inline-block; width:30px; height:32px; float:left;}


/* FOOTER

------------------------------ */

#footer {background:url(../images/footer.png) no-repeat 0 0; padding:180px 65px 10px 55px; font-size:0.9em; color:#333; float:left; width:755px; height:40px; position:relative; z-index:1; margin-top:-100px; }
#footerLcd {background:url(../images/footer-lcd.gif) no-repeat 0 0; padding:0px 0px 0px 0px; font-size:0.9em; color:#333; float:left; width:1050px; height:187px; position:relative; z-index:1; margin-top:-130px; }

#footer a {color:#333;}
#footer a.izdelava {text-decoration:none;}
#web {float:right;}
#copy {float:left; }

.textLarge { font-size:1.3em;}
.flr {float:right;}
.fll {float:left;}
.imgRight { float:right; margin-left:10px; }
.center { text-align:center;}
.orange { color:#EF8924;}
.red { color:#FF0000;}

/* HACKS
------------------------------ */
.clear {display:inline-block;}
.clear:after, #bodyContent:after, #newsListIns:after, #newsListHome:after, #sidebar:after, #header:after, ul.breadcrumbs:after, #tourMenu ul:after, #data:after, #dock2:after, #navigationDock:after, ul.infoLinks:after, ul.pics:after, ul.course li:after,ul.courseDay:after,ul.courseDay li:after, #body:after, #site:after,#w:after, #leftNavigation ul li.selected ul:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}