/******************************* RESET *******************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
html {overflow-y: scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

/******************************* CSS3 FANCY EFFECTS *******************************/

::selection      {background:#0F93C4;color:#fff;}
::-moz-selection {background:#0F93C4;color:#fff;}

.roundy {-webkit-border-radius:0 0 14px 14px; -moz-border-radius: 0 0 14px 14px; border-radius: 0 0 14px 14px;}
.botleftroundy {-webkit-border-radius:0 0 0 14px; -moz-border-radius: 0 0 0 14px; border-radius: 0 0 0 14px;}

a {  
  outline:none;
 -webkit-transition: color .35s ease-out, text-shadow .25s ease-out;
  -moz-transition: color .35s ease-out, text-shadow .25s ease-out;
  -o-transition: color .35s ease-out, text-shadow .25s ease-out;
  transition: color .35s ease-out, text-shadow .25s ease-out;
}  

/******************************* INDEX, HEADER, FOOTER *******************************/

html {overflow-y:scroll;}
body {
    line-height:1;
	font-family: Arial, Helvetica, sans-serif;
	color:#636363;
	font-size:14px;
	background: url(../images/bg.jpg) top center;
}

.wrap {width:955px; margin:0 auto; position:relative;}

header {height:94px; float:left; width:955px; position:relative;}
header h1, header h2 { background: url(../images/logo.png) no-repeat;left:0; width:322px; height:88px; text-indent:-5000px; position:absolute; }
header ul { font-size:15px; text-align:right; list-style:none; position:absolute;  right:0; top:51px;}
header ul li { display:inline; padding:0 0 0 20px; *padding:0 20px 0 0;}
header ul li a { color:#636363; text-decoration:none;}
header ul li a:hover { text-decoration:underline;}
header ul li a.active { color:#0098d0;}
header ul li img { float:right; margin:-1px 0 0 20px; *margin:-16px 0 0 20px;}

nav {left:0; top:0; font-size:16px; width:953px;position:absolute; background:url(../images/menu.jpg) repeat-x; height:51px; }
nav ul { list-style:none; padding:0 0 0 0;}
nav ul li {float:left;}
nav ul li a { color:#fff; border-right:1px solid #9ae1fc;text-decoration:none; height:35px; padding:16px 17px 0 17px; float:left;}
nav ul li a.last {border-right:none;padding:16px 15px 0 13px; }
nav ul li a.active, nav ul li a:hover { background:#0F93C4;}

footer {float:left; background:url(../images/background_box.png) center top no-repeat; padding:28px 0; color:#636363; width:955px; font-size:12px; line-height:18px;}
footer p.left { width:450px; float:left; font-size:12px;}
footer a {;text-decoration:none;}
footer p.left a { color:#0098d0;}
footer p.left img { float:left; margin:3px 18px 0 0;}
footer p.right { float:right; width:245px; line-height:22px; margin:-2px 0 0 0;}
footer p.right img { float:right; margin:0 0 0 0;}
footer p.right a {  color:#636363; float:right;}
footer a:hover { text-decoration:underline;}

/******************************* INDEX MIDDLE *******************************/

#middle {position:relative; background: url(../images/index_bottom_gradient.jpg) bottom repeat-x #fff; border:1px solid #fff; float:left; width:953px; box-shadow:0 0 5px #b59e82; height:608px;}
.tekst {font-size:12px; width:451px; height:117px; line-height:18px; text-align:center; top:429px; left:229px; padding:20px 23px; background:#fff; position:absolute; z-index:10; background:url(../images/text_bg.png) no-repeat;}
.tekst h3, .tekst h2 { font-size:20px; color:#0098d0; font-weight:normal; padding:12px 0;}
.tekst a { color:#0098d0; text-decoration:underline;}
.tekst a:hover { text-decoration:none;}
.image { position:absolute; height:536px; width:953px; top:52px; left:0;}
.nav { position:absolute; width:953px; height:60px; z-index:8; top:288px;}
.nav a#prev2 { float:left; background:url(../images/left_inscroll.png) no-repeat; height:60px; width:62px;}
.nav a#prev2:hover { background:url(../images/left_scroll.png) no-repeat;}
.nav a#next2 { float:right; background:url(../images/right_inscroll.png) no-repeat; height:60px; width:62px;}
.nav a#next2:hover { background:url(../images/right_scroll.png) no-repeat;}
#whitecover { display:block; width:451px; height:12px; bottom:0; left:200px; position:absolute; z-index:9;}

.obvestilo { width:751px; position:absolute; top:70px; left:79px; z-index:19; text-align:center; background:#ffffff; box-shadow:0 0 10px #000000; padding:20px 23px; line-height:130%;}
.obvestilo a {color:#0098d0;}

/******************************* SUB MIDDLE *******************************/

#submiddle { position:relative; padding:51px 0 0 0;background:#fff; border:1px solid #fff; float:left; width:953px; box-shadow:0 0 5px #b59e82;}
#content { float:left;padding:28px 20px; line-height:21px; width:913px; display:inline; background: url(../images/content_Bg.jpg) top repeat-x;}
#content h1 { padding-bottom:10px; color:#0098d0; font-size:20px; font-weight:normal;}
#content ul { list-style:square; padding:5px 0 5px 15px;}
#content ul li { padding-bottom:2px;}
#content h3 { font-size:14px; color:#636363; padding:8px 0 8px 0;}
#content p { padding:10px 0;}
#content a { color:#0098d0;}
#content h2.galerija { color:#636363; font-size:17px; font-weight:normal; float:left !important;}
#content a.naroci { background:url(../images/narocilo.jpg) no-repeat; height:47px; width:314px; float:right; margin:0 61px 0 0;}
#content input.naroci { background:url(../images/narocilo.jpg) no-repeat; height:47px; width:314px; float:right; margin:0 61px 0 0;}
#content td {vertical-align:top;}

/******************************* GALERIJA *******************************/

#descriptions {    position: relative;    height: 50px;    background: #EEE;    margin-top: 10px;    width: 953px;    padding: 10px;    overflow: hidden;  }
#descriptions .ad-image-description {position: absolute;}
#descriptions .ad-image-description .ad-description-title { display: block; }

#ad-gallery {width: 953px; margin-left:-40px; float:left;}
#ad-gallery .ad-image-wrapper { height:536px; margin: 10px 0 0 20px; position: relative; overflow: hidden;}
#ad-gallery .ad-image-wrapper .ad-loader {position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC;}
#ad-gallery .ad-image-wrapper .ad-next {position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200;}
#ad-gallery .ad-image-wrapper .ad-prev {position: absolute;left: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: block;z-index: 200;}
#ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {/* Or else IE will hide it */background: url(../images/trans.gif);}
#ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, #ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_prev.png);width: 30px;height: 30px;display: none;position: absolute;top: 47%;left: 0;z-index: 101;}
#ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_next.png);width: 30px;height: 30px;right: 0;left: auto;}
#ad-gallery .ad-image-wrapper .ad-image {position: absolute;overflow: hidden;top: 0;left: 0;z-index: 9;}
#ad-gallery .ad-image-wrapper .ad-image a img {border: 0;}
#ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute;bottom: 0px;left: 0px;padding: 7px;text-align: left;width: 100%;z-index: 2;background: url(../images/opa75.png);color: #000;}

* html #ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');}

#ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;}
#ad-gallery .ad-controls {height: 20px;}
#ad-gallery .ad-info {float: left;}
#ad-gallery .ad-slideshow-controls {float: right;}
#ad-gallery .ad-slideshow-controls .ad-slideshow-start, #ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer;}
#ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em;}
#ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default;font-style: italic;}
#ad-gallery .ad-nav {width:803px;position: relative; margin:0 0 0 95px;}

/* IE 6 doesn't like height: 100% */

#ad-gallery .ad-forward, #ad-gallery .ad-back {position: absolute;top:13px;height: 100%;z-index: 10;}
* html #ad-gallery .ad-forward, #ad-gallery .ad-back {height: 60px;}
#ad-gallery .ad-back {cursor: pointer;width:62px;display: block; right:-76px; background: url(../images/right_inscroll.png) 0px 0 no-repeat;}
#ad-gallery .ad-forward { left:-76px;cursor: pointer;display: block;width: 62px;background: url(../images/left_inscroll.png) 0 0 no-repeat;}
#ad-gallery ul { padding:10px 0 0 0;}
#ad-gallery { line-height:10px;}
#ad-gallery ul a { color:#636363; text-decoration:none; font-size:12px;}
#ad-gallery .ad-back:hover { background: url(../images/right_scroll.png) 0px 0 no-repeat;}
#ad-gallery .ad-forward:hover { background: url(../images/left_scroll.png) 0 0 no-repeat;}
#ad-gallery .ad-nav .ad-thumbs {overflow: hidden;width: 100%;}
#ad-gallery .ad-thumbs .ad-thumb-list {float: left;width: 9000px;list-style: none;}
#ad-gallery .ad-thumbs li { float: left; padding-right: 5px; text-align:center;}
#ad-gallery .ad-thumbs li a { display: block;}
#ad-gallery .ad-thumbs li a img { display: block; border:none; height:71px;}
#ad-gallery .ad-thumbs li a.ad-active img { border:none;}

/* Can't do display none, since Opera won't load the images then */

.ad-preloads {position: absolute; left: -9000px;top: -9000px;}

/******************************* COMMON STYLES *******************************/

#album { background:url(../images/background_maturantski.jpg) center top no-repeat; float:left; padding:40px 0 0 0; width:913px;}
#album img { float:left; margin:0 0 18px 0;}
#album a:hover { color:#0098d0;}
#album a {color:#636363; text-decoration:none;}
#album div { background:url(../images/singlealbum_bg.jpg) no-repeat; width:173px; height:213px; float:left; margin:0 5px 0 12px; padding:20px 18px 0 18px; font-size:12px; font-weight:bold; text-align:center; line-height:15px;}

.attachgal img { float:left; margin:0 0 18px 0;}
.attachgal a:hover { color:#0098d0 !important;}
.attachgal a {color:#636363 !important; text-decoration:none !important;}
.attachgal { background:url(../images/singlealbum_bg.jpg) no-repeat; width:173px; height:213px; float:left; margin:0 6px 0 0; padding:20px 18px 0 18px; font-size:12px; font-weight:bold; text-align:center; line-height:15px;}

h1 {font-size:25px; font-weight:bold;}
h2 {font-size:25px; font-weight:bold;}
h3 { font-size:18px;}

a:hover { text-decoration:none;}
.alterfont {font-family: 'Source Sans Pro', sans-serif;}

#paging { text-align:center; font-size:16px;}
#paging a.active {font-weight:bold; color:#000; text-decoration:none;}

/* clearfix za content */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */