@charset "utf-8";
/* CSS Document */

body {background:#c6c3c6; font-family:Arial, Helvetica, sans-serif}

a {text-decoration:none}
a:hover {text-decoration:underline}

.gray {color:#747474}
.silver {color:#cecece}

.S {font-size:11px}
.M {font-size:13px; line-height:16px}


#page {margin:0 auto; position:relative; width:980px}

/*header logo*/
#logo {background:url(../images/bg-head-title.gif) no-repeat top left; color:#774000; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; font-stretch:ultra-expanded; height:70px; left:15px; line-height:25px; padding:14px 0 0 0; position:absolute; text-align:center; top:0px; width:260px; z-index:100}
/*search*/
#search {background:url(../images/bg-search.jpg) no-repeat left top; height:78px; padding:20px 15px 0 15px; position:absolute; right:15px; top:308px; width:223px; z-index:30}
#search input {background:transparent; border-width:0px; border:none; color:#999999; margin:0 0 5px 0; padding:2px 5px; height:20px; float:left; text-align:right; width:210px}
#search h2 {color:#383838; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; line-height:18px; text-align:center}

/*transparent top overlay*/
#over {background:#000; border-bottom:1px solid #747474; height:20px; position:absolute; width:100%; z-index:29; top:0px; left:0px}
#over #lang {color:#FFF; margin:0 auto; text-align:right; width:980px}
#over #lang a {disply:inline-block; font-size:12px; font-weight:bold; padding:1px 8px; color:#FFF}
#over #lang img {padding:0 3px 0 0}
/*#over1 {background:url(../images/bg-header-top.png) repeat-x top; height:53px; position:absolute; right:0; width:27px; z-index:29}*/

/*slideshow*/
#gora1, #gora2, #gora3, #gora4, #gora5, #gora6, #gora7, #gora8, #gora9, #gora10, #gora11, #gora12, #gora13, #gora14, #gora15, #gora16, #gora17, #gora18, #gora19, #gora20, #gora21, #gora22, #gora23, #gora24, #gora25, #gora26 {height:400px; width:980px}
#gora1 {background: url(../images/gore/BohinjskoTolminske-odKrnadoTriglava.jpg) no-repeat left top}
#gora2 {background: url(../images/gore/Bavscica-ML-nikonca.jpg) no-repeat left top}
#gora3 {background: url(../images/gore/Bavski-Grintavec-5rP.jpg) no-repeat left top}
#gora4 {background: url(../images/gore/BohinjskoTolminske-jutro.jpg) no-repeat left top}
#gora5 {background: url(../images/gore/Bavscica-ML.jpg) no-repeat left top}
#gora6 {background: url(../images/gore/Kaninsko-Skedenj-5rP.jpg) no-repeat left top}
#gora7 {background: url(../images/gore/Koritnica-Jalovec-Loska-5rP.jpg) no-repeat left top}
/*#gora8 {background: url(../images/gore/Koritnica-Jalovec-Mangart-5rP.jpg) no-repeat left top}*/
#gora9 {background: url(../images/gore/krnksa-Krn-5rP.jpg) no-repeat left top}
#gora10 {background: url(../images/gore/krnksa-Krn-greben-5rP.jpg) no-repeat left top}
#gora11 {background: url(../images/gore/krnksa-Krnscica-5rP.jpg) no-repeat left top}
#gora12 {background: url(../images/gore/krnksa-Krn-sneg-5rP.jpg) no-repeat left top}
#gora13 {background: url(../images/gore/Mlinarica-Razor-Planja-Oton-Naglost.jpg) no-repeat left top}
#gora14 {background: url(../images/gore/Mlinarica-Razor-Prisojnik-Triglav-Oton-Naglost.jpg) no-repeat left top}
#gora15 {background: url(../images/gore/Moznica-Jerebica-5rP.jpg) no-repeat left top}
#gora16 {background: url(../images/gore/Moznica-Jerebica-Oton-Naglost.jpg) no-repeat left top}
#gora17 {background: url(../images/gore/Veliko-Spicje-ML.jpg) no-repeat left top}
#gora18 {background: url(../images/gore/Veliko-Spicje-Oton-Naglost.jpg) no-repeat left top}
#gora19 {background: url(../images/gore/Zadnja-Trenta-Jalovec-Mangart-5rP.jpg) no-repeat left top}
#gora20 {background: url(../images/gore/Zadnja-Trenta-Pelc-Nad-Klonicami-ON.jpg) no-repeat left top}
#gora21 {background: url(../images/gore/Zadnja-Trenta-Vratca-5rP.jpg) no-repeat left top}
#gora22 {background: url(../images/gore/Zadnjica-Glava-Nad-Planjo-5rP.jpg) no-repeat left top}
#gora23 {background: url(../images/gore/Zadnjica-Kanjavec-Vrsac-ON.jpg) no-repeat left top}
#gora24 {background: url(../images/gore/Zadnjica-Planja-Razor-ON.jpg) no-repeat left top}
#gora25 {background: url(../images/gore/Zadnjica-Triglav-Vrsac-Kanjavec-5rP.jpg) no-repeat left top}
#gora26 {background: url(../images/gore/Zgornja-Soska-dolina-Triglavski-kotail-5rP.jpg) no-repeat left top}

/*header banner*/
#slideshow div .banner {background:url(../images/bg-banner-info.png) no-repeat left top; color:#FFF; font-family:Tahoma, Verdana, Geneva; height:60px; padding:10px 15px; position:absolute; right:27px; text-transform:uppercase; top:227px; width:223px; display:none}
#slideshow div .banner h3 {font-size:20px; font-weight:normal; padding:10px 0 20px 0}
#slideshow div .banner h3:first-letter {font-size:30px}
#slideshow div .banner a {color:#f06400; display:block; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:2px 0}
#slideshow a:hover {border:none; text-decoration:none}
#slideshow div .banner p {font-size:11px; line-height:14px; padding:20px 0 20px 0}
#slideshow div .banner a#more {color:#FFF; display:inherit; background:url(../images/btn-more-s.gif) no-repeat left top; height:34px; line-height:30px; text-transform:capitalize; text-align:center; width:89px}

/*banner control*/
#control {left:30px; position:absolute; top:340px; z-index:30}
a#prev, a#stopButton, a#playButton, a#next {display:inline-block; height:37px; float:left;}
a#prev {background:url(../images/bt-prev.gif) no-repeat left top; width:35px}
a#stopButton {background:url(../images/btn-stop.gif) no-repeat left top; width:72px}
a#playButton {background:url(../images/btn-play.gif) no-repeat left top; width:72px; display:none}
a#next {background:url(../images/btn-next.gif) no-repeat left top; width:33px}

/*top navigation*/
#nav {background:url(../images/bg-nav.gif) repeat-x top; height:61px}
#nav li {float:left}
#nav li a {background:url(../images/bg-li-a.gif) no-repeat left top; color:#b6b6b6; display:block; float:left; font-size:16px; font-weight:bold; height:38px; padding:21px 10px 0 15px; text-transform:uppercase}
#nav li a:first-letter {font-size:18px;font-weight:normal}
#nav li a:hover, #nav li a.curr {background:url(../images/bg-nav-hover.gif) no-repeat center top; color:#FFF; text-decoration:none}

/*main content*/
#content {background:#1c1c1c; border-bottom:solid 1px #232323; border-top:solid 1px #414141; repeat-x top; float:left}
	#novice, #uvod, #vrhovi {float:left; width:445px}
	#uvod {padding:20px 15px 15px 30px}
	#novice {color:#cecece; font-size:13px; padding:20px 30px 15px 15px}
		.title {background:#171717 url(../images/bg-star.gif) no-repeat 20px center; color:#EEE; font-size:20px; margin:0 0 10px 0; padding: 8px 0 8px 45px }
		.ntitle {font-weight:bold; padding:0 0 10px 0}
		.readmore {color:#e7e7e7; display:inline-block; font-size:12px; font-weight:bold; padding:10px 0 0 0}
	#vrhovi {color:#cecece; font-size:13px; padding:20px 30px 15px 15px}		
	#vrhovi ul li a {color:#F06400; display:inline-block; font-size:14px; padding:5px 0; font-weight:bold}
	
#subcontent {font-size:13px; line-height:17px}
#subcontent tr td {vertical-align:top}

/*footer*/
#footer {background:#111111; float:left; font-size:12px; padding:30px 20px 25px 20px; width:940px}
#footer span {color:#747474; float:left}
#footer ul {float:left; padding: 0 0 0 10px}
#footer ul li {border-left:solid 1px #747474; float:left}
#footer ul li a {color:#e7e7e7; font-weight:bold; padding:0 10px}
#footer a#inet {color:#747474; float:right; font-size:11px}

#ads {background:#000; float:left; font-size:12px; width:980px; text-align:center}
#ads img {padding:5px 20px !important}

/*podstran*/
#wrap {background:#d7d7d7 url(../images/bg-right.jpg) repeat-x top; float:left; position:relative; width:980px}

/*top navigation*/
#subnav {background:url(../images/bg-subnav.gif) repeat-x top; height:45px; padding:0 0 0 264px; position:absolute; top:18px; left:0px; z-index:10; width:716px}
#subnav li {float:left}
#subnav li a {background:url(../images/bg-subli-a.gif) no-repeat left top; color:#b6b6b6; display:block; float:left; font-size:14px; font-weight:bold; height:30px; padding:15px 11px 0 11px; text-transform:uppercase; white-space:nowrap}
#subnav li a:hover, #subnav li a.curr {background:url(../images/bg-subnav-hover.gif) no-repeat center top; color:#FFF; text-decoration:none}

#left {float:left; padding:0 0 10px 10px; position:relative; width:253px; z-index:20}
#left h2#vrh {color:#FFF; font-size:18px; padding:5px 0 15px 0}
#left #sublogo {background:url(../images/bg-head-title.gif) no-repeat top center; color:#774000; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; font-stretch:ultra-expanded; height:68px; line-height:25px; padding:16px 0 0 0; text-align:center; width:253px}
#left .banner {background:#181818; color:#FFF; font-family:Tahoma, Verdana, Geneva; padding:5px 15px 10px 15px; width:223px}
#left .banner h3 {font-size:16px; font-weight:bold; padding:10px 0 20px 0}
#left .banner span {display:block; font-size:12px; font-weight:bold; padding:0px 0 5px 0; text-transform:lowercase;border-bottom:dotted 1px #999}
#q_left .banner h3:first-letter {font-size:30px}
#left .banner a {color:#f06400; display:block; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:3px 0}
#left .banner p {font-size:12px; line-height:14px; padding:0px 0 20px 0}
#left .banner img {padding:0px 0 15px 0;}
#left .banner a#more {color:#FFF; display:inherit; background:url(../images/btn-more-s.gif) no-repeat left top; height:34px; line-height:30px; text-transform:capitalize; text-align:center; width:89px}

#subsearch {background:url(../images/bg-search.jpg) no-repeat left top; height:78px; padding:20px 15px 0 15px; width:223px; z-index:20}
#subsearch input {background:transparent; border-width:0px; border:none; color:#999999; margin:0 0 5px 0; padding:2px 5px; height:20px; float:left; text-align:right; width:210px}
#subsearch h2 {color:#383838; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; line-height:18px; text-align:center}

#right {float:left; padding:80px 30px 20px 30px; width:656px}
	#crumb, #crumb a {color:#000; font-size:12px; padding:0 0 15px 0}
	#crumb span {font-size:16px; font-weight:bold}
#right img {border:solid 5px #292929}
#right #author {color:#747474; font-size:12px; display:inline; text-align:right; padding:4px 0 0 0; width:100%; clear:both; float:right}
#right #rout, #right #up, #right #down {font-size:13px; line-height:18px; padding:20px 0 0 0}
#right #rout a {color:#000; text-decoration:underline}
#right #rout a:hover {text-decoration:none}
#right #rout span, #right #up span, #right #down span {color:#f06400; font-weight:bold}

.readmoret {color:#747474; text-decoration:underline}
a.readmoret:hover {text-decoration:none}

/*ROUT*/
#siglerout {width:656px}
#siglerout tr td {padding: 0 20px 0 0}
.ractive {color:#FFF !important; font-weight:bold}

/*TOP ROUTS LIST*/
#toprouts {font-size:13px;}
#toprouts tr td {vertical-align:top; padding:0 0 30px 0}
#toprouts tr td a.ttitle {color:#f06400; font-size:16px; font-weight:bold}
#toprouts tr td p.opisv {padding:10px 0}
#toprouts tr td p.stenev a {color:#000; text-decoration:underline}
#toprouts tr td a img {margin:0 15px 0 0}
#toprouts tr td span.count {color:#999; float:right; font-size:11px; padding:3px 0 0 0}

.date {color:#747474; font-size:12px}