/* colors
*/


/* 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% Arial,Helvetica,serif;color:#000000;padding:0 0 2em;text-align:center;background:#0b4199;}
a {color:#0088CC; text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:0 0 1em;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6, h7, p, blockquote {padding:0;}
h1 {font-size:1.5em; color:#00a5db; margin:10px 0 10px 0;}
h2{ color:#0088cc; font-size:1.3em; margin-bottom:3px;}
h3 { color:#284778; font-size:1.0em;}
.hidden{display:none;}

address { font-style:normal;}

/* basic layout */
#site {font-size:1.2em;width:898px;text-align:left;;margin:0px auto; background:#e5edcb;}
#bannerImage {height:218px; width:898px; background: transparent url(../images/head.png) no-repeat 0 0;}
#wrap {/*background:url(../images/image.jpg) no-repeat 0 0;*/ height:180px; width:898px;}
#flash {width:627px; height:218px; float:left; margin-right:20px;}
#bannerImageRight {float:right; margin: 15px 15px; width:221px }

#contentWide {width:878px; padding:0 10px;}
#contentWideMain {width:660px; padding:0 10px; float:left;}

#contentInside {width:630px; padding:0 10px; float:left;}

#contentWideMain table {width:650px;}

#bannerImage h2 {color:#fff !important; padding:20px 0 10px 0 !important;}
#bannerImage label {color:#fff; display:block; margin-top:5px;}
#Nadaljuj {background: transparent url(../images/go.gif) no-repeat top left;width:116px; height:30px; border:0; float:right; margin-right:15px !important; margin-right:7px; text-align:left; cursor:pointer; font-size:12px; padding:0 0 7px 0; position:relative; text-align:center; color:#fff;}

#bannerImageIns {background:url(../images/image.jpg) no-repeat 0 0; height:218px; width:898px; margin-bottom:15px;}
#povp {background:url(../images/headIns.png) no-repeat 0 0; height:218px; width:251px; padding:0 0 0 647px;}
#bannerImageIns h2 {color:#fff !important; padding:20px 0 10px 0 !important;}
#bannerImageIns label {color:#fff; display:block; margin-top:5px;}

/* head */

#header {height:46px; margin:0; position:relative;}
#header a.logotype { background: transparent url(../images/logo-hit.gif) no-repeat top left; display:block; float:left; 
	margin:0px 0px 0px 0px ! important; 
	margin:0px 0px 0px 0px; 
	text-indent:-9999px; height:46px; width:305px;}
#header a.logotypeHome { background: transparent url(../images/logo-hit.gif) no-repeat top left; display:block; float:left; 
	margin:0px 0px 0px 0px ! important; 
	margin:0px 0px 0px 0px; 
	text-indent:-9999px; height:46px; width:345px;}
#header ul#topNav { float:left; margin: 17px 5px 0 22px;}
#header ul#topNav li { display:inline;}
#header ul#topNav li a { color:#666666;font-size:0.9em; padding:0 5px; border-left: 1px solid #ccc; text-decoration:none;}
#header ul#topNav li a.home { border-left: none;}
#header ul#topNav li a:hover { text-decoration:underline;}

/* languages */
#langsw {width:114px; margin-top:15px; border:0;}

/*ul#switch-language li ul {display:none; position:absolute; top:23px; left:0;}
ul#switch-language li:hover ul {display:block;}*/

/* navigation */

#mainNav {height:40px; width:898px; font-family:arial;  height:38px;}
#mainNav ul { float:left;height:38px; width:898px; background:#666666; height:38px;}
#mainNav ul li {float:left; position:relative; display:inline-block; padding:10px; text-align:center; margin-top:3px;}
#mainNav ul li a {display:inline-block; padding:0 20px; font-size:13px; font-weight:bold; position:absolute; top:8px; text-decoration:none; color:#e5edcb; left:8px;}
#mainNav ul li a:hover {text-decoration:none; color:#00a6db;}
#mainNav ul li.selected a {text-decoration:none; color:#00a6db;}
#mainNav ul li span {display:inline-block; padding:0 20px; font-size:13px; font-weight:bold; color:#3e3e3e;}
#mainNav ul li span::selection {background:#666; color:#666;}
#mainNav ul li span::-moz-selection {background:#666; color:#666;}

/*
#nav1 a {background:url(../images/nav-bg.gif) no-repeat 0 0; display:block; height:38px; width:132px;}
#nav1 a:hover {background:url(../images/nav-bg.gif) no-repeat 0 -38px;}

#nav2 a {background:url(../images/nav-bg.gif) no-repeat -132px 0; display:block; height:38px; width:97px;}
#nav2 a:hover {background:url(../images/nav-bg.gif) no-repeat -132px -38px;}

#nav3 a {background:url(../images/nav-bg.gif) no-repeat -229px 0; display:block; height:38px; width:121px;}
#nav3 a:hover {background:url(../images/nav-bg.gif) no-repeat -229px -38px;}

#nav4 a {background:url(../images/nav-bg.gif) no-repeat -350px 0; display:block; height:38px; width:187px;}
#nav4 a:hover {background:url(../images/nav-bg.gif) no-repeat -350px -38px;}

#nav5 a {background:url(../images/nav-bg.gif) no-repeat -537px 0; display:block; height:38px; width:120px;}
#nav5 a:hover {background:url(../images/nav-bg.gif) no-repeat -537px -38px;}

#nav6 a {background:url(../images/nav-bg.gif) no-repeat -657px 0; display:block; height:38px; width:119px;}
#nav6 a:hover {background:url(../images/nav-bg.gif) no-repeat -657px -38px;}

#nav7 a {background:url(../images/nav-bg.gif) no-repeat -776px 0; display:block; height:38px; width:122px;}
#nav7 a:hover {background:url(../images/nav-bg.gif) no-repeat -776px -38px;}*/


/* content */

#body {padding:0 0px 0px 0px; width: 898px; float:left; display:block;}
#content {float:left; padding:0px 23px 0px 0px; width:416px; margin:0; margin-bottom:15px;}
#home {float:left; padding:0px 20px 0px 12px; width:618px; margin:0;}
#sidebarHome {width:237px; float:left; margin-bottom:15px;}
#sidebarHome h2 { background:url(../images/sidebarh2.gif) repeat-x 0 0; color:#fff; font-size:1.3em; margin-top:10px; height:30px; display:block; padding: 10px 0 0 10px; margin-bottom:0px; float:left; width:227px;}
#sidebarHome h5 { color:#284778; font-size:1.3em; padding: 7px 0 3px 10px; background:transparent url(../images/nasl-map-bg.gif) no-repeat left top; }
#sidebar {width:240px; float:left; margin-bottom:15px;}
#sidebar h2 { background:url(../images/sidebarh2.gif) repeat-x 0 0; color:#fff; font-size:1.2em; margin-top:10px; height:30px; display:block; padding: 10px 0 0 10px; margin-bottom:0px; float:left; width:227px;}
#sidebar h5 { color:#284778; font-size:1.3em; padding: 7px 0 3px 10px; background:transparent url(../images/nasl-map-bg.gif) no-repeat left top; }

#sidebarHome #reg {margin-top:-15px;}

#left {float:left; padding:10px 30px 0px 10px; width:171px; margin:0;}
#left h2 { margin-bottom:15px;}
#left li { margin:0 0 8px 0;}

ul#subnavigation { padding:7px 0 10px 0;}
ul#subnavigation li { margin:0 0 10px 0; border-bottom: 1px #CCCCCC solid; color:#000000; font-weight:bold; padding: 7px 0 7px 10px; }
ul#subnavigation a { text-decoration:none; color:#000000; padding: 7px 0 7px 10px}
ul#subnavigation a:hover { text-decoration:none;color:#284778;}

ul.enovice {padding:7px 0 10px 0; }
ul.enovice li {background:none !important;}


#breadcrumbs {font-size:0.8em; color:#666666; margin-top:10px;}
#breadcrumbs a {color:#666666;}
#content li, #content .noBullet ul li { background:transparent url(../images/li-bg.gif) no-repeat left 5px; margin:5px 0; padding-left:10px;zoom:1;}
#content .noBullet li { background:none; margin:5px 0; padding-left:0px; }

#reg {padding:5px 0 5px 10px; background:#cdd3b8; width:227px; float:left;}
#quickF_idHotel {width:212px;}
#quickF_prihod {width:100px;}
#quickF_odhod {width:100px;}
#reg .form ul li label {display:block; float:left; color:#666666; padding-top:5px; margin-right:5px;width:35px;}


#bannerImageRight h2 {color:#fff; font-size:1.1em;}
#bannerImageRight .form {margin:10px 0 10px 0px;}
#bannerImageRight ul li{margin:8px 0 0 0px;}
#bannerImageRight ul li input {width:215px; height:17px}
#bannerImageRight ul li label {padding:0px 0 0 3px; color:#fff; font-size:0.9em;}
#bannerImageRight .submit{background: transparent url(../images/go.gif) no-repeat top left;width:96px; height:22px; border:0; padding-bottom:3px; float:right; margin-top:5px;}

.bannerLastMinute {background: transparent url(../images/banner_sezonska.gif) repeat-x top left; margin:10px 0 30px 0px; width:626px; min-height:190px;}
.bannerSezonska {background: transparent url(../images/banner_holidays.gif) repeat-x top left; margin:10px 0 30px 0px; width:626px; min-height:190px;}
.bannerHolidays {background: transparent url(../images/banner_lastminute.gif) repeat-x top left; margin:10px 0 30px 0px; width:626px; min-height:190px;}

.bannerLastMinute img, .bannerSezonska img, .bannerHolidays img  {float:left; width:201px; height:129px; margin-left:15px; margin-top:15px; background:url(../images/imgshadowHome.png) no-repeat 0 0; padding:6px 11px 15px 6px;}
.bannerTekst h2 { color:#FFFFFF; font-size:1.6em; font-weight:bold; margin-bottom:10px; }
.bannerTekst { float:left; padding:7px 15px; height:100px; width:350px; margin-top:15px;}
.bannerTekst p {margin-bottom:8px;}
.bannerTekst h2 a { text-decoration:none; color:#FFFFFF; position:relative;}
.bannerTekst h2 a:hover { text-decoration: underline;color:#FFFFFF;}
.more {float:right; background:transparent url(../images/btn-more.png) no-repeat 0 0;padding:2px 0 0 0px; text-align:center; color:#FFFFFF; width:112px;height:21px; padding-top:5px;}
.more a { text-decoration:none; color:#FFFFFF;position:relative; font-size:1.2em; font-weight:bold;}
.more a:hover { text-decoration: underline;color:#FFFFFF;}

.moreLeft {background:transparent url(../images/btn-more.png) no-repeat 0 0;padding:2px 0 0 0px; text-align:center; color:#FFFFFF; width:96px;height:20px;}
.moreLeft a { text-decoration:none; color:#FFFFFF;position:relative;}
.moreLeft a:hover { text-decoration: underline;color:#FFFFFF;}


/* left */
#left a.larix {display:none; background:url(../images/meni-larix.jpg) no-repeat 0 0; height:149px; width:168px; text-indent:-9999px;}


/* leftnavigation */
#leftNavigation ul li {border-bottom: 1px solid #c1c1c1; margin:0; font-family:Tahoma,Helvetica,serif; font-size:0.9em;}
#leftNavigation ul li.selected a {color:#0088CC; text-decoration:none;}
#leftNavigation ul li a {color:#000; display:block; padding:10px 0 10px 15px; text-decoration:none; font-weight:bold;}
#leftNavigation ul li a:hover {color:#0088CC; text-decoration:none;}
#leftNavigation ul li.selected ul {margin:-5px 0 0 15px;}
#leftNavigation ul li.selected ul li {border-bottom:none; font-size:1em; min-height:18px;}
#leftNavigation ul li.selected ul li a {color:#000; font-weight:normal; padding:0 0 5px 15px;}
#leftNavigation ul li.selected ul li.selected a {color:#0088CC;}
#leftNavigation ul li.selected ul li a:hover {color:#0088CC;}
#leftNavigation ul li.last {border-bottom:none;}
#leftNavigation h3 {font-size:1.2em; background:#01A7DB; margin-top:3px; padding:3px 5px 3px 15px;; color:#FFFFFF;}

/* right sidebar */
form#search {display:block; background:transparent url(../images/search-input.gif) no-repeat left top; height:39px; margin-top:10px;}
button#subm {float:left; background:none; height:22px; width:45px; border:none; text-indent:-9999px; margin-top:9px;}
#search fieldset input { float:left; width:160px; background:none; border:none; height:16px; padding-left:10px; padding-top:3px; margin:9px 0 0 15px; font-size:0.9em;}

#sidebar .box, #sidebarHome .box {background:#CDD3B8; float:left;}
#sidebar .box ul, #sidebarHome .box ul {float:left; padding:0 10px 0 10px;}
#sidebar .box a.koledarDogodkov, #sidebarHome .box a.koledarDogodkov {float:left; padding:0 10px 10px 10px; color:#000;}

#sidebar .boxIns, #sidebarHome .boxIns  {background:#CDD3B8; float:left; padding:10px; width:217px;}
#sidebar .boxIns ul, #sidebarHome .boxIns ul {float:left; padding:0 10px 0 10px;}
#sidebar .boxIns a.koledarDogodkov, #sidebarHome .boxIns a.koledarDogodkov {float:left; padding:0 10px 10px 10px; color:#000;}

#sidebar ul.imp {float:left;}
#sidebar ul.imp li {background:url(../images/imp.gif) repeat-x 0 0;}
#sidebar ul.imp li img {float:left; width:211px; height:120px; margin-top:10px; background:url(../images/imgshadow.png) no-repeat 0 0; padding:6px 11px 15px 6px;}
#sidebar ul.imp li a {margin-left:7px; font-weight:bold; font-size:1.1em; margin-bottom:5px; float:left; display:block; width:230px;}
#sidebar ul.imp li p {margin-left:7px; float:left;}

#namestitve li {margin:5px 0 5px 100px;}
#namestitve li.odd {margin:5px 0;}

#sidebar li, #sidebarHome li { margin:8px 0; zoom:1;}
#sidebar li span, #sidebarHome li span {font-size:0.9em;}

/* povprasevanje */
ol#povprasevanje li {background:none; padding:3px 0; margin:0;}
ol#povprasevanje li label {float:left; width:150px; text-align:right; margin-right:5px;}
ol#povprasevanje li p.otroci {height:20px; width:150px; margin:0 0 0 135px; display:block;}
ol#povprasevanje li p.otroci label {float:none;}
ol#povprasevanje li input:hover, ol#povprasevanje li textarea:hover, ol#povprasevanje li select:hover {background:#def7ff;}

a.povprasevanje {background:url(../images/povp.gif) no-repeat 0 0; display:block; text-align:center; color:#fff; width:118px; height:40px; padding-top:5px; font-weight:bold; margin-top:10px;}

#errorMessage ul li {color:#ff0000; background:none;}
ol#povprasevanje li label#newsletter_lbl {width:260px; text-align:left;}
#newsletter {margin-left:110px !important; margin-left:55px; float:left; margin-right:10px;}
#submitButton {background:url(../images/submitForm.gif) no-repeat 0 0; border:none; width:73px; height:38px; padding-bottom:12px; color:#fff; margin:10px 0 0 130px;}
#formPrijava ol#povprasevanje input#submitButton:hover {background:url(../images/submitForm.gif) no-repeat 0 0; border:none; width:73px; height:38px; padding-bottom:12px; color:#fff; cursor:pointer;}
#formBoni ol#povprasevanje input#submitButton:hover {background:url(../images/submitForm.gif) no-repeat 0 0; border:none; width:73px; height:38px; padding-bottom:12px; color:#fff; cursor:pointer;}
#formKongresni ol#povprasevanje input#submitButton:hover {background:url(../images/submitForm.gif) no-repeat 0 0; border:none; width:73px; height:38px; padding-bottom:12px; color:#fff; cursor:pointer;}

/* Nastanitve */
ul#namestitve li {width:206px; float:left; padding:0 0 10px 0; height:225px;}
ul#namestitve li a {font-weight:bold; font-size:1.1em; margin-bottom:7px; float:left; display:block; width:100%;}
ul#namestitve li a strong {color:#000;}
ul#namestitve li a:hover strong {cursor:text; text-decoration:none;}
ul#namestitve li p {margin-top:7px;}
ul#namestitve li a.img {float:none; display:inline;}
ul#namestitve li a.img img{margin-bottom:7px;}
ul#namestitve li:hover a{text-decoration:underline;}

ul#namestitve li.imp a {color:#B41014; background:#80DFFF; margin-top:-3px; width:199px; padding:3px 0 0 5px; margin-bottom:0; display:block;}
ul#namestitve li.imp a.img {background:none; padding:0; margin:0;}
ul#namestitve li.imp a.img img {border:3px solid #80DFFF; width:194px; padding:2px; height:113px; margin-bottom:0;}
ul#namestitve li.imp p {background:#80DFFF; display:block; width:199px; padding:7px 0 5px 5px; margin-top:0;}

/*time info*/

#content .time {background:url(../images/time.png) no-repeat 0 0; width:390px; height:29px; color:#fff; padding:5px 0 0 15px; font-weight:bold;}
#content .info {background:url(../images/info.png) no-repeat 0 0; width:390px; height:29px; color:#fff; padding:5px 0 0 15px; font-weight:bold;}

/* footer */
#footer { background:#0B4199; width: 898px; height:15px; color:#c9d2e1; font-size:0.9em; float:left; padding:5px 0; margin:0 0px 0 0px;}
#footer a { color:#c9d2e1; text-decoration:underline;}
#footer a:hover { color:#c9d2e1; text-decoration:none;}
#footer a.noLink {color:#c9d2e1; text-decoration:none;}

.flr {float: right;}
.fll {float: left;}

/*TABLE
--------------------------------*/
table {width:400px; border:0; margin-bottom:1em;}
table th {background:#01a7db; border:none; padding:4px 5px 4px 10px; text-align:left; color:#fff;}
table td {border-bottom:1px solid #01a7db; padding:2px 5px 2px 10px; text-align:left;}
table th.center, table td.center {text-align:center;}

.fltLeft { float:left;}



/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}

#wrap a {display:block; width:260px; height:180px; text-indent:-9999px; background:url(../images/logo.gif) no-repeat 15px 0;}

/*mycarousel*/
#content .jcarousel-skin-tango {margin-top:15px;}
ul#mycarousel {}
#content ul#mycarousel li {background:none; padding-left:10px; height:45px; margin-right:7px;}
ul#mycarousel li img {border: 2px solid #fff; width:50px; height:38px;}

.jcarousel-skin-tango {background:url(../images/banner-main.png) no-repeat 0 0; width:405px;}

#hoteli {float:left; width:878px; padding:5px 10px; background:#c0cb9d; margin-top:10px;}
#hoteli strong {float:left;}
#nastanitveBottom li {float:left; display:inline-block; padding:0 10px;}

#left div.cont {margin:15px 0 10px 15px;}
#left div.cont strong {margin-bottom:5px;}


/*searchResults*/
#content ul.searchResults li {background:none; padding-left:0;}

/* HACKS
------------------------------ */
.clear {display:inline-block;}
.clear:after, ul.breadcrumbs:after, #tourMenu ul:after, #data:after, ul.infoLinks:after, ul.pics:after, ul.course li:after,ul.courseDay:after,ul.courseDay li:after, #body:after, #site:after,#w:after, ul#namestitve:after, ul#switch-language li:after, #language:after, #mainNav ul li:after, .bannerLastMinute:after, .bannerSezonska:after, .bannerHolidays:after, #reg:after, #sidebarHome .box:after, #sidebar .box:after, #sidebar ul.imp li:after, #nastanitveBottom:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}