/************************
velikaplanina
	velika.css
GregaS - Creatim RP
************************/

/**  BARVE poletje
text
#515152 siv
#6d6d6f siv navTop

zelene
#12a040 levi h2
#009932 desni h3
#15a143 notranja h desni h2

modra
#0e72b7 menu, levi, a
#0066cc main a, h4
/*************** DEFAULT ***************/

/* RESET 
-------------------------*/
html,body {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,h7,p,blockquote {font-size:1.1em;margin:0;padding:0;}
ul,ol,dl,li,dt,dd {list-style:none;margin:0;padding:0;}
fieldset,legend,img,form,abbr {border:0;padding:0;margin:0;}
address {font-style:normal;}

/* GENERAL STYLES 
--------------------------*/
html { text-align:center;}
body {color: #515152;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;height:100%;line-height: 15px;text-align: center;}
p {font-size: 11px;line-height: 15px;margin: 0 0 10px 0;padding: 0;}	
a, a:visited {text-decoration: underline;color: #0066cc ;background-color: transparent;}
a:hover, a:active {text-decoration: none;}
ul {padding: 0 0 5px 10px;margin: 0 0 5px 0;}
ol {padding: 0 0 5px 17px;margin: 0 0 5px 0;}
li {margin: 0 0 1px 0;padding: 2px 0 1px 12px;list-style: none;}
h2 {color:#15a143;font-size: 12px;padding: 3px 0px 0px 0px;margin: 0px 0px 4px 0px;}	
h3 {font-size: 11px;padding: 3px 0px 4px 0px;margin: 0px 0px 0px 0px;}	
h5 { color:#0e72b7; font-size:13px; font-family:Arial; padding:10px 0pt 18px 45px;}
hr {border: medium none;border-bottom:1px solid #ccc;padding:8px 0 0 0 !important;margin-bottom:8px !important;margin:0;clear:both;}

/* LAYOUT 
-------------------------*/
#header {height:384px;margin:0 auto;padding:0;width:100%;}
#inside {margin:0 auto;width:988px;text-align:left;}
#wrapper {margin:0 auto;padding:0;width:100%;} 
#content {margin:0 auto 0px auto;padding:15px 0 15px 0;text-align:left;width:988px;}
#offer {float: left;padding:0 10px;width: 275px;}	
#main {float: left;padding:0 45px 0 15px;width: 428px;}	
#wide {float:left;padding:0 50px 0 15px;width: 718px;}
#sidebar {float: left;width: 195px;padding:15px 10px 0 0;}	
/* 
-------------------------*/
#logo { display:block; padding:20px 0 0 20px; text-align:left;}
#logo a, #logo a:visited {background: transparent url(../images/logo.gif) no-repeat center top;display: block;height: 84px;width: 185px;text-align:left;text-decoration:none;text-indent: -9999px;}
#logo a:hover {text-decoration:none;}

/*  secondary navigation  */
	
#navTop {height:22px;float:right;padding:8px 5px 0 5px; width:400px;}
#navTop a {font:11px "Arial";padding:0 3px;	text-decoration:underline;}
#navTop a:hover {text-decoration:none;}

/* languages */
#language {cursor:pointer;float:right;font-size:11px;padding:7px 10px 0 0px;text-align:left;font-family:Arial;position:relative;}
#language span {float:left;margin:2px 6px 0 0;width:90px;text-align:right;}
#language div {background:transparent url(../images/lang-bg.png) no-repeat 0 0;float:left;padding:2px 0 0 15px;width:117px;height:17px;}
ul#switch-language {position:absolute;left:96px;top:8px;width:132px;z-index:100;padding:0;}
ul#switch-language li {background:transparent url(../images/lang-li-bg.png) no-repeat 0 0 ;padding:1px 3px 2px 15px;margin:0;float:left;width:114px;}
ul#switch-language li:hover {background:transparent url(../images/lang-li-bg-sel.png) no-repeat 0 0 ;}
ul#switch-language li a {color:#515152;text-decoration:none;display:block;position:relative;}
	
/** navigation */
#menu {height:32px;}
#navigation {background:transparent url(../images/bg-ulNav.gif) repeat-x left top;float:left;height:32px;margin:0;padding:0 ! important;position:relative;}
#navigation ul a {float:none;}
#navigation li, #navigation li a {cursor:default;display: block;float: left;text-decoration:none !important;position:relative;text-align:center ! important;}
#navigation li {background: transparent url(../images/tab.jpg) repeat-x left top;border-right:1px solid #fff;height:31px;padding:0 0 0 0px;position: relative;margin:0;float:left;}
#navigation li.selected  {background: transparent url(../images/tab.jpg) repeat-x left bottom;}
#navigation li.selected a {color:#fff;}
#navigation li ul li.selected a {font-weight:bold;}
#navigation li a {color:#0e72b7;font:bold 12px Verdana;height:24px;padding:7px 0 0 0;width:129px;}
#navigation li:hover {background: transparent url(../images/tab.jpg) repeat-x left bottom;}
#navigation li:hover a {color:#fff;}

/* submenu styling */
#navigation li ul {background-color:#dcecf8;position: absolute;width:100% ! important;margin:31px 0 0 0;padding:5px 0 0 0;left:0;display:none;width:auto;-moz-opacity:.90;opacity:.90; z-index:1000;}
#navigation li ul li {border:none;padding:0;}
#navigation li ul li, #navigation li ul li a {background:none ! important;cursor:pointer;font-size:10px;float:none;height:auto;}
#navigation li:hover ul {border-top:2px solid #fff;display:block;}
#navigation li ul li a:hover {color:#000;}
#navigation li:hover ul a {color: #043983;}
#navigation li ul a {display: block;float: left;margin:0 ! important;font-weight:normal;text-decoration: none;text-align:center;padding:2px 2px 6px 2px ! important;padding:5px 2px 5px 3px;width:124px;}

/*************** FORMS ****************/
form ol li{background:none ! important;font-weight:bold;}
form ol label {width:270px;display:block;margin:4px 0 1px 0;}
#service1,#service2,#service3,#service4,#service5,#service6,#service7,#service8 {float:left;border:none;margin:4px 5px 0 0;}
#service1_lbl,#service2_lbl,#service3_lbl,#service4_lbl,#service5_lbl,#service6_lbl,#service7_lbl,#service8_lbl {float:right;text-align:left;width:350px;font-weight:normal;}
.contactForm {width:400px;}
form ol span.error {margin:0 0 0 6px;font-weight:normal;}
form ol li input {height:18px;border:1px solid #ccc;}
form ol li textarea {border:1px solid #ccc;}
form ol li button {background-color:#fff;border:1px solid black;padding:0 5px ! important;padding:2px 3px 0 3px;}	
img#_calendar_date {padding:2px 0 0 0 ! important;}

/** levi rob **/
#offer h2 {clear:left;font-size:12px;}
#offer img {float:left;padding:0 8px 5px 0;}
#offer img.floatNone {float:none;}
#offer p {font-size:10px;line-height:13px;margin-bottom:3px;}
#offer a {color:#0e72b7;font-size:9px;}

/** vsebina **/
#main p {font-size:12px;}
#main img {padding:15px 0;}
#main h1 {color: #515152;font-family:"Verdana";font-size:30px;font-weight:normal;line-height:35px;}

.newsEvents {margin-bottom:20px; background:url(../images/bg_newsEvents.png) 0 0 repeat-y;}

#news { float:left; padding:0 0 5px 0; margin-bottom:10px; width:250px;}
#news h3 {color:#fff;height:29px;font:18px Arial;padding:3px 0 0 10px;margin:0;}
#news ul  {margin:0;padding:10px 0 0 0; }
#content #news li {margin:0;padding:0px 5px 10px 5px;background:none;}
#news p {font-size:11px;	margin:0;}
#news span {font-weight:bold;}
#news a.arhiv { margin:0 0 0px 5px;}

#events {width:162px; margin:0 0 0 10px; padding:0; background:#fff; float:left;}
#events h3 {width:152px; height:22px; margin-bottom:10px; padding:3px 5px 7px 5px; color:#fff; display:block; font:18px Arial;}
#events ul {}
#events ul li {margin-bottom:10px; padding:0; background:none;}
#events ul li .date {width:50px; height:50px; margin-bottom:5px; display:inline-block; background:url(../images/bg_date.png) 0 0 no-repeat; float:left;}
#events ul li .date .day {padding:15px 13px 0 0; font-size:18px; text-align:right; display:block;}
#events ul li .date .month {padding-top:2px; font-size:12px; text-align:center; display:block;}
#events ul li .title {width:97px; margin-bottom:5px; padding:2px 0 0 5px; float:left; font-weight:bold; font-size:11px;}
#events ul li p {width:97px; padding-left:5px; font-size:11px; float:left;}
#events a.archive {margin-bottom:10px; padding-left:15px; display:block; float:left;}
#events p.noEvents {padding-left:15px; font-size:11px;}

#darilniBon {background:transparent url(../images/darilni-bon.png) no-repeat left top;display:block;height:53px;margin:0px 0 0 0; padding:10px 0 0 100px;width:321px;}
#darilniBon p {	font-size:10px;	padding-right:5px;}
#darilniBon h4 {color:#0e72b7;font-size:15px;}
		
/*  VSEBINA NOTRANJA  */		

#wide #news {background:none;}

#wide h1 {
	color:#515152;
	font:28px Verdana;
	line-height:34px;
	padding:10px 0;
	}

#wide h2 {
	font:18px Verdana;
	font-weight:bold;
	margin-bottom:10px;
	}

#wide h3 {
	font-size:14px;
	}

#houses {
	margin:0;
	padding:0;
	}

#houses li {
	margin:0 0 20px 0;
	padding:0;
	}

#houses img {
	float:left;
	padding:0 10px 10px 0;	
	}

#houses div {
	float:right;
	width:320px;
	}
	
#houses div h3 {
	font:14px Arial;
	font-weight:bold;
	padding:0 0 5px 0;
	}

#houses p {
	font-size:10px;
	line-height:14px;
	margin:0 0 5px 0;
	}

.dodatneI {
	clear:left;
	display:block;
	padding:0px 10px 10px 10px;
	margin:15px 0 10px 0;
	height:146px;
	width:350px;
	}

.dodatneI p {
	padding-left:10px;
	}

.dodatneI a {
	position:relative;
	}

.box {
	border:1px solid #FFFFFF;
	padding:5px;
	}

div.box {
	margin-bottom:10px
	}

#wide strong {font-size:12px;}

		
/** desni rob **/

#sidebar a h2 {
	text-decoration:none;
	}

	#sidebar h3, #offer h3 {
		padding:4px 0 0 10px;
		background:transparent url(../images/bg-sidebar-h3.png) no-repeat left top;
		height:18px;
		width:183px;
		margin-top:15px;
		}

	#sidebar h4 {
		padding-left:10px;
		}

#weather {
	height:125px;
	font-size:10px;
	margin:10px 0 10px 0;
	padding-left:10px;
	}

#weather .icon {
	float:left;
	margin-right:8px;
	}

#weather .icon span {
	font-size:9px;
	}

#obratovanje {
	color:#000000;
	font-size:10px;
	font-family: Verdana;
	padding:5px 0 5px 10px;
	width:183px;
	}

a.infoTel {
	margin-top:20px;
	}

a.infoTel, a.film, a.lokacija, a.obvestila  {
	display:block;
	height:40px;
	padding-left:45px;
	margin-left:10px;
	text-decoration:none;
	}

.rightPad {
	padding-left:10px;
	}

/* poletje - zima switch */

ol#styleSwitch {
	padding:0;
	margin:0;
	}
	
ol#styleSwitch li {
	float:left;
	padding:0 10px 0 0;
	margin:0;
	}

ol#styleSwitch li a {
	font-weight:bold;
	padding-left:15px;
	text-transform:uppercase;
	}

.winter {
	background:transparent url(../images/zima.gif) left 2px no-repeat;
	}
.summer {
	background:transparent url(../images/poletje.gif) left 2px no-repeat;
	}
	
/* noga */

#footer {
	background-color:#FFFFFF;
	clear:left;
	height:25px;
	margin:0 auto;
 	text-align:left;
	width:988px;
	padding-top:10px;
	}
	
	#footer a, #footer p {
		color: #515152;
		font-size: 10px;
		}

	#footer a.noLink {
		text-decoration:none;
	}
	
	#footer a:hover { 
		text-decoration:none;
		}
	#footer span { margin:0 10px;}

#contentEnd { 
	clear: both;
	font-size: 1px;
	width: 900px;
	}
	
/** search, path **/	

#search {
	color:#fff;
	float:right;
	padding:6px 0 1px 12px;
	height: 24px;
	width: 195px;
	text-align:left;
 	}

	#search label {
		float:left;
		margin:2px 0 0 0;
		}

	#search input {
		background:none;
		border: none;
		color: #000;
		float:left;
		font-size: 11px;
		padding:3px 0 0 0px;
		margin:0 0 0 16px;
		}

	#search button {
		border:none;
		background:none;
		cursor:pointer;
		height:20px;
		margin-left:5px;
		text-indent:-9999px;
		width:25px;
		float:left;
		}

/* default tabela */

#wide table {
	border:medium none;
	border-collapse:collapse;
	margin:5px 0pt 10px;
	width:100%;
	}

#wide table.brezpodlage tr td {
	border-bottom: none;
	}

#wide table thead td {
	font-size:12px;
	font-weight:bold;
	padding:5px 0 3px 10px;
	}

#wide table td {
	border-bottom:1px solid #6d6d6f;
	padding:3px 10px;
	text-align:left;
	width:310px;
	}

/* klasi */

.txtzelen {
	color:#15a143;
	}

.txtmoder {
	color:#0e72b7;
	}
	
.imgLeft {
	float: left;
	margin: 0 7px 5px 0;
	padding: 1px;
	border: 1px solid #fff;
	} 

.imgRight {
	float: right;
	margin: 0 0 5px 7px;
	padding: 1px;
	border: 1px solid #fff;
	} 

.noLink {
	text-decoration:none;
	}
/* front animation */
#anim  {
	background:url(../images/anim/bg.png) no-repeat 0 0;
	padding:0 4px 15px 0;
	width:422px;
	margin:10px 0;
	z-index:1;
}
#anim img {
	padding:0;
	}
#anim p {
	padding:10px 0;
	color:#056db5;
	padding:3px 5px 0px 15px ! important;
	font-size:11px;
	margin:0;
	}
#anim ul {
	padding:0;
	height:240px;
	margin:0;
}
#anim li {
	background:none ! important;
	padding:0;
}

#anim .one {background:url(../images/anim/slide1.jpg) no-repeat 0 0;}
#anim .one:hover,#anim .oneSel {background:url(../images/anim/slide1-next.jpg) no-repeat 0 0;}
#anim .two {background:url(../images/anim/slide2.jpg) no-repeat 0 0;}
#anim .two:hover, #anim .twoSel {background:url(../images/anim/slide2-next.jpg) no-repeat 0 0;}
#anim .three {background:url(../images/anim/slide3.jpg) no-repeat 0 0;}
#anim .three:hover, #anim .threeSel {background:url(../images/anim/slide3-next.jpg) no-repeat 0 0;}
#anim .next {margin:8px 0 0px 15px ! important;background:url(../images/anim/next.jpg) no-repeat 0 0;}
#anim .next:hover, #anim .nextSel {margin:8px 0 0px 15px ! important;background:url(../images/anim/next-over.jpg) no-repeat 0 0;}
#anim .switchButton {padding:10px 0px 3px 0px;width:25px;text-indent:-99999px;float:left;position:relative;margin:8px 0px 0px 8px;outline:none;}

#najs { width:225px; float:left;}
#najs img { float:left; padding:0 10px 0 0;}

ul.list li {background:none ! important;padding-left:0 ! important;}
ul.list {padding-left:0 ! important;}

ul.list ul {float:left;width:340px;}
ul.list ul li {float:left;width:328px; padding-left:12px ! important;}
ul.list .wide {float:left;width:100%;}

/* hacks */
.clear:after,#navigation:after,body:after,ul.list li:after, .newsEvents:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear, #navigation,body,ul.list li {clear:both;}

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