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

html { background: #365d7a; text-align: center; }

body { 
	text-align: left; 
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #626262;
	padding: 0;
	margin: 20px auto;
	width: 982px;
}

.clear { clear: both; height: 0; width: 0; line-height: 0; font-size: 0; }
img { border: none; }

.tac { text-align: center; }
.tar { text-align: right; }
.in5 { padding-top: 5px; }
.in10 { padding-top: 10px; }
.in15 { padding-top: 15px; }
.in20 { padding-top: 20px; }
.in25 { padding-top: 25px; }

.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.pr20 { padding-right: 20px; }

div, h1, h2, h3, p, img, ul, fieldset { margin: 0; padding: 0; }

.header {
	width: 982px;
	height: 20px;
	background: #FFFFFE url(../images/top.png) top left no-repeat;
}

.top_nav {
	width: 940px;
	padding: 5px 21px;
	background: #FFFFFE url(../images/flash_bg.png) top left repeat-y;
}

.top_nav p { font: normal 13px/19px Arial, Helvetica, sans-serif;  color: #A3A2A0; clear: both; }
.top_nav p a:link, .top_nav p a:visited, .top_nav p a:active { color: #3a5e8c; text-decoration: none; border-bottom: 1px solid #cbd2d8; }
.top_nav p a:hover { color: #203651; text-decoration: none; border-bottom: 1px solid #8CA4B8; }

.flash {
	width: 940px;
	height: 200px;
	padding: 5px 21px;
	background: #FFFFFE url(../images/flash_bg.png) top left repeat-y;
}

.menu {
	width: 940px;
	height: 35px;
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #626262;
	padding: 10px 21px 5px 21px;
	background: #FFFFFE url(../images/menu_bg.png) top left no-repeat;
}

.border_top {
	width: 982px;
	height: 10px;
	background: #FFFFFF url(../images/border_top_bg.png) top left no-repeat;
}

.border_bottom {
	width: 982px;
	height: 22px;
	background: #FFFFFF url(../images/border_bottom_bg.png) top left no-repeat;
}

.wrap {
	width: 910px;
	padding: 5px 36px;
	background: #FFFFFE url(../images/body_bg.png) top left repeat-y;
}

.left {
	float: right;
	width: 245px;
	background: #f7f7f7;
}

.left .novice {
	width: 225px;
	padding: 0 10px 10px 10px;
}

.left .kontakt {
	width: 225px;
	padding: 10px;
}

.left .povezave {
	width: 225px;
	padding: 10px;
}

.wrapper {
	float: left;
	width: 645px;
}

.footer {
	width: 940px;
	height: 35px;
	background: #FFFFFE url(../images/footer_bg.png) top left no-repeat;
	padding: 10px 21px;
}

.footer p { font: normal 13px/19px Arial, Helvetica, sans-serif;  color: #A3A2A0; clear: both; }
.footer p a:link, .footer p a:visited, .footer p a:active { color: #3a5e8c; text-decoration: none; border-bottom: 1px solid #cbd2d8; }
.footer p a:hover { color: #203651; text-decoration: none; border-bottom: 1px solid #8CA4B8; }

p a:link, p a:visited, p a:active { color: #3a5e8c; text-decoration: none; border-bottom: 1px solid #cbd2d8; }
p a:hover { color: #203651; text-decoration: none; border-bottom: 1px solid #8CA4B8; }

.footer .levo {
	float: left;
	width: 400px;
	text-align: left;
}

.footer .right {
	float: right;
	width: 400px;
	text-align: right;
}


/* Menu izbire */
/* remove all the bullets, borders and padding from the default list styling, z-index 1 zaradi galerije */
.menu ul {padding:0;margin:0;list-style-type:none; height:35px; z-index: 1;}

/* style the sub-level lists */
.menu ul ul {width:180px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:35px;line-height:35px;}

/* style the sub level list items */
.menu ul ul li {display:block;width:160px;height:auto; line-height:13px;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:13px;text-decoration:none;color:#333;background:#d3caaa;padding:0 30px 0 10px; border-left:1px solid #eee; border-right:1px solid #999;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; background:#cdc3a3; color:#000;width:160px;height:100%;line-height:1em; padding:5px 10px;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:180px; w\idth:160px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:1px; top:0; width:0; height:0; font-size:13px; z-index:-1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#b4be9c;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#c4ceac;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#b4be9c;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#c4ceac;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#000;background:#aea180; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#000;background:#aea180;}
/* second */
* html .menu ul ul a:hover{color:#000;background:#baae90; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#000;background:#baae90;}
/* third */
* html .menu ul ul ul a:hover {background:#c4ceac; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#c4ceac;}
/* fourth */
.menu ul ul ul ul a:hover {background:#d4debc; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0;width:180px;}

/* position the third level flyout menu */
.menu ul ul ul{left:160px;top:0;width:180px;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding-bottom:35px; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

h1 {
	font: bold 18px/24px Arial, Helvetica, sans-serif;
	color: #ff3400;
	padding: 5px 0 20px 0;
}

h2 {
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	color: #ff3400;
}

.img_content_main {
	float: right;
	width: 180px;
	padding: 0 0 20px 20px;
}

.foto {
	float: left;
	text-align: center;
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #626262;
	width: 132px;
	height: 160px;
	margin: 0 25px 8px 0;
	overflow: hidden;
}

.foto .img_main {
	background: #FFFFFF;
	padding: 5px;
	margin: 0 0 10px 0;
	border: 1px solid #d3d3d3;
}

.novice p {
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #626262;
	padding: 0 0 3px 0;
	text-align: justify;
}

.novice p a:link, .novice p a:visited, .novice p a:active {
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #626262;
	text-decoration: none;
}

.novice p a:hover {
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #bf2025;
	text-decoration: underline;
}

.povezave p {
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #626262;
	padding: 0 0 3px 0;
	text-align: justify;
}

.povezave p a:link, .povezave p a:visited, .povezave p a:active {
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #626262;
	text-decoration: none;
}

.povezave p a:hover {
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #bf2025;
	text-decoration: underline;
}

.novice h2 {
	font: bold 13px/19px Arial, Helvetica, sans-serif;
	color: #626262;
	padding: 2px 0 5px 0;
}

.novice h2 a:link, .novice h2 a:visited, .novice h2 a:active {
	font: bold 13px/19px Arial, Helvetica, sans-serif;
	color: #626262;
	padding: 2px 0 5px 0;
	text-decoration: none;
}

.novice h2 a:hover {
	font: bold 13px/19px Arial, Helvetica, sans-serif;
	color: #bf2025;
	padding: 2px 0 5px 0;
	text-decoration: underline;
}

.novice p.datum {
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #626262;
	padding: 10px 0 2px 0;
	border-bottom: 1px solid #626262;
}

.wrapper p.datum {
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #626262;
	padding: 0 0 2px 0;
}

/*  */
/*  */
/*  */

#main_image_wrapper{position:relative;border:1px solid #CCC;width:600px;height:399px;background:#FFF url(../images/loading_image.gif) no-repeat 50% 50%;}
#imgloader{text-align:center;vertical-align:middle;}
#thumbbox{background:#F1F1F1;border:solid 1px #CCC;text-align:center;width:590px;position:relative;padding:5px;}
#thumb_container{position:relative;overflow:hidden;width:526px;height:105px;margin:0 0 0 32px;}
#thumbs img{margin-right:3px;vertical-align:top;}
#thumbs a img{border:1px solid #CCC;}
#thumbs a:hover img{border:1px solid #333;}
#thumbs a:hover{color:red;}
#photocount{color:#036;font-size:10px;float:left;width:48%;text-align:left;left:0;}
#back{position:absolute;top:0;left:0;visibility:hidden;z-index:1001;}
#more{position:absolute;top:0;left:585px;float:right;z-index:1001;}
.morelink:hover{font-size:11px;color:#036;text-decoration:underline;}
#thumbgall{position:absolute;left:0;top:0;white-space:nowrap;z-index:1000;}
#widthbox{position:relative;display:inline;left:0;top:0;padding:1px;}
#imgbox{width:80px;height:80px;display:inline;position:absolute;text-align:center;}
#iptc_btn{width:100%;text-align:right;position:absolute;left:0;top:0;z-index:999;}
#iptc_info{position:absolute;bottom:0;left:0;height:auto;width:100%;background-color:#000;color:#CCC;font-size:10px;line-height:140%;text-align:left;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.iptc_left{float:left;text-align:right;width:18%;color:#0CF;padding:0 0 0 2%;}
.iptc_right{float:right;text-align:left;width:79%;}
#rightmore li a{background:url(../images/right_more.gif);display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#rightmore li a:hover{background:url(../images/right_more_over.gif);color:#fff;height:115px;}
#leftmore li a{background:url(../images/left_more.gif);display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#leftmore li a:hover{background:url(../images/left_more_over.gif);color:#fff;height:115px;}
.spacing{padding:1px;}
.morelink:link,.morelink:visited{font-size:11px;color:#069;text-decoration:none;}
#rightmore,#leftmore{color:#333;height:115px;width:15px;padding:0;}
#rightmore ul,#leftmore ul{list-style:none;border:none;height:115px;margin:0;padding:0;}
#rightmore li,#leftmore li{height:115px;margin:0;}
html>body #rightmore li a,html>body #leftmore li a{width:auto;}
#pn_overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:998;}
#prev,#next{width:30%;height:100%;background:transparent url(../images/blank.gif) no-repeat;outline:none;}
#prev{left:0;float:left;outline:none;-moz-outline:none;visibility:hidden;}
#next{right:0;float:right;outline:none;-moz-outline:none;}
#prev:hover,#prev:visited:hover{background:url(../images/prev.gif) left 50% no-repeat;}
#next:hover,#next:visited:hover{background:url(../images/next.gif) right 50% no-repeat;}
#imgtitle{width:600px;font-size:.8em;text-align:center;color:#036;display:block;}
#imgtitle h2{font-size:1.3em;margin:0;padding:0;}
#thumbtoggler{text-align:right;float:right;width:48%;right:0;z-index:1100;}
#thumbdisplay{width:600px;}
.clear{clear:both;}
#e2link{font-family:Arial, Helvetica, sans-serif;font-size:9px;color:#000;text-align:left;width:600px;padding:5px 0;}
#e2link a{color:#000;text-decoration:none;}
.tooltip{color:#fff;width:150px;z-index:15000;text-align:left;}
.tooltip h4{font-weight:700;font-size:12px;background:#000;margin:0;padding:8px 8px 2px;}
.tooltip p{font-size:11px;background:#000;margin:0;padding:1px 8px 8px;}
#thumbhide{position:relative;}


/* */
fieldset {
	border: none;
}

form ul{
	list-style-type: none;
	padding: 8px 0;
	margin: 0;
}

form ul li{
	list-style-type: none;
	padding: 3px 0;
	margin: 0;
	line-height: 25px;
}

/*form label {
	display: block;
	width: 100px;
	text-align: right;
	float: left;
	padding-right: 8px;
}*/

form .text_field{
	width: 220px;
	border: 1px solid #999999;
}

form .prepis{
	width: 50px;
	border: 1px solid #999999;
}

form .select_field {
	width: 150px;
	border: 1px solid #999999;
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #666666;
}

form ul li.submit {
	padding: 15px 0 0 77px;
}

form .submit_button { 
	margin: 0; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 1px 5px; 
	color: #4284B0;	
}

.knjiga_gostov {
	width: 675px;
	padding: 10px 5px;
	border-bottom: 1px #FFFFFF solid;
}

.knjiga_gostov span {
	float: left; 
	font: 13px/19px Arial, Helvetica, sans-serif;
	width: 225px;
	padding: 10px 0 2px 0;
}




.form_l {
	float: left;
	width: 310px;
}
.form_r {
	float: right;
	width: 310px;
}

.form {
	width: 300px;
	font-size:11px;
	border:#9C9C9C 1px solid;
	color:#636363;
	padding: 2px 3px;
}

.col2 a.button {
	background: url(../images/q2.gif) 0 6px no-repeat;
	padding: 0 15px 0 8px;
	display: block;
	float: right;
}

label.error {
	text-align: left;
	color: red;
	font-size: 10px;
}


.form_l span, .form_r span {
	display: block;
	padding: 0 0 5px 0;
}