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

/* reset */
* {margin:0px;padding:0px;border:0px none;outline:0px none;}
body, html {font-family:Arial, Helvetica, sans-serif;color:#000;font-size:12px;}
h1, h2, h3, h4, h5, h6 {color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:10px 0px;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:11px;}
a img {border:0px none;outline:0px none;}
a {color:#0093DD;text-decoration:none;}
.css-scope-01 a {color:#0093DD;}
.css-scope-02 a {color:#C80008;}
a:hover {color:#000;}
p, h1, h2, h3, h4, h5, h6 {margin:10px 0px;}
address {font-style:normal;}

/* blueprint */
.clear {clear:both;}
.block {display:block;}
.hide {display:none;}
.fl {float:left;}
.fr {float:right;}
.al {text-align:left;}
.ar {text-align:right;}
.ac {text-align:center;}
.pa {position:absolute;}
.pr {position:relative;}
.pf {position:fixed;}
.pointer {cursor:pointer;}
.over {overflow:auto;}
.bold {font-weight:bold}
.italic {font-style:italic}
.upper {text-transform:uppercase;}
.lower {text-transform:lowercase;}
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}

.m5 {margin:5px;}
.m10 {margin:10px;}
.m15 {margin:15px;}
.m20 {margin:20px;}
.m25 {margin:25px;}
.m30 {margin:30px;}

.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p25 {padding:25px;}
.p30 {padding:30px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}

/* layout */
body {background:url(../img/layout/bg_repeat_x.png) repeat-x scroll #0A176B;}
#wrapper.css-scope-01 {background:url(../img/layout/bg_wrapper.jpg) no-repeat 932px 0;}
#wrapper.css-scope-02 {background:url(../img/layout/bg_wrapper2.jpg) no-repeat 932px 0;}
#container {width:870px;padding:10px 21px 0 51px;margin:0 0 0 0;background:url(../img/layout/bg_container.png) repeat-y scroll;}
#header {height:191px;position:relative;background-color:#fff;}
#body {padding:23px 0 50px 21px;background-color:#fff;}
#left {width:431px;float:left;border-right:1px solid #E5F4FC;padding:0 13px 10px 0;background-color:#fff;}
#right {width:379px;float:left;border-left:1px solid #E5F4FC;position:relative;left:-1px;padding:0 0 0 15px;background-color:#fff;}
#footer {height:177px;border-top:1px solid #F2F2F2;margin:0 15px;position:relative;}

/* sprites */
.logo, #left-shadow, #footer ul li, #sponzori a, #body ul li {background-image:url(../img/layout/sprite_main.png);background-repeat:no-repeat;}
a.link01, a.link02 {background-image:url(../img/layout/sprite_arrow.png);background-repeat:no-repeat;}

/* header */
.logo {width:300px;height:150px;position:absolute;left:0;top:0;}
.css-scope-01 .logo {background-position:0 0;}
.css-scope-02 .logo {background-position:0 -150px;}
#header p#introslogan {background-image:url(../img/layout/intro-ronilacki.png);background-repeat:no-repeat;position:absolute;width:523px;height:34px;top:25px;right:37px;color:#0093DD;font-size:11px;font-style:italic;line-height:1.5;margin:0;text-indent:-99999px;}
#nav {margin:0;padding:0;list-style:none;position:absolute;right:0;bottom:31px;}
#nav li {display:inline;}
#nav li a {display:block;float:left;width:280px;height:32px;line-height:33px;text-align:center;color:#fff;font-size:15px;font-weight:bold;}
#nav li.diving a {background-color:#0093DD;border-bottom:1px solid #0093DD;border-right:1px solid #fff;width:279px;text-transform:uppercase}
#nav li.prodaja a {background-color:#C80008;border-bottom:1px solid #C80008;text-transform:uppercase}
#nav li a.inactive {border-bottom:1px solid #fff;}
#nav li ul {display:none;margin:0;padding:0;list-style:none;position:absolute;height:25px;padding:6px 0 0 8px;width:862px;top:100%;left:-310px;}
#nav li.diving ul {background-color:#0093DD;}
#nav li.prodaja ul {background-color:#C80008;}
#nav li ul li {display:inline;}
#nav li ul li a {display:block;float:left;height:25px;line-height:25px;padding:0 10px;font-size:11px;font-weight:bold;width:auto!important;margin:0 6px;border:0 none!important;}
#nav li.diving ul li a {background-color:#0093DD;color:#fff;}
#nav li.diving ul li a:hover, #nav li.diving ul li a.current {background-color:#fff;color:#0093DD;}
#nav li.prodaja ul li a {background-color:#C80008;color:#fff;}
#nav li.prodaja ul li a:hover, #nav li.prodaja ul li a.current {background-color:#fff;color:#C80008;}
#left-shadow {width:40px;height:585px;position:absolute;top:0;left:0;background-position:-800px 0;}
#right-shadow {position:absolute;width:10px;left:932px;background-color:#F0F;top:0;height:100%;}

/* body */
#body h2 {font-size:12px;text-transform:uppercase;margin:0 0 12px 0;}
#wrapper.css-scope-01 #body h2 {color:#0093DD;}
#wrapper.css-scope-02 #body h2 {color:#C80008;}
#body h3 {font-size:12px;margin:0 0 5px 0;}
#body h3 span {color:#D3D3D3;float:right;}
#body p {margin:0px 0 20px 0;line-height:1.3;}
#body p.last {margin:5px 0 30px 0;}
#body p.izdvojeno {float:left;width:120px;padding:10px;margin:0px;margin-right:10px;background-color:#0093dd;color:#ffffff;font-size:110%;font-weight:bold;font-style:italic}
a.link01, a.link02 {display:block;height:32px;line-height:34px;text-align:center;text-transform:uppercase;font-size:14px;font-weight:bold;color:#fff;float:right;padding:0 30px 0 22px;}
.css-scope-01 a.link01 {background-color:#0093DD;background-position:right 0;}
.css-scope-01 a.link01:hover {background-color:#B8B8B8;background-position:right -64px;color:#fff;}
.css-scope-01 a.link02 {background-color:#B8B8B8;background-position:right -64px;}
.css-scope-01 a.link02:hover {background-color:#0093DD;background-position:right 0;color:#fff;}
.css-scope-02 a.link01 {background-color:#C80008;background-position:right -32px;}
.css-scope-02 a.link01:hover {background-color:#B8B8B8;background-position:right -64px;color:#fff;}
.css-scope-02 a.link02 {background-color:#B8B8B8;background-position:right -64px;}
.css-scope-02 a.link02:hover {background-color:#C80008;background-position:right -32px;color:#fff;}
a.slika {float:left;display:block;margin:1px 8px 0 0;}
.img-row a {display:block;float:left;margin:0 8px 0 0;border:3px solid #F0F0F0;}
.img-row a.last {margin:0 0 0 0;}
.img-row .clear {margin:0;padding:0;font-size:0;}
.img-row {overflow:auto;margin:0 0 10px 0;}
#body ul {margin:8px 0 30px 0;padding:0 0 0 0;list-style:none;}
#body ul li {display:block;padding:8px 0 8px 36px;background-position:-331px -118px;}
#body #map {width:843px;height:615px;border:3px solid #f0f0f0}

/* footer */
#footer ul {position:absolute;list-style:none;margin:0;padding:0;top:18px;left:15px;}
#footer ul li {font-size:11px;color:#999;display:block;float:left;padding:0 0 0 18px;background-position:-336px -154px;}
#footer ul li.first {background:none;	}
#futuro-logo {position:absolute;bottom:10px;right:0;}
#sponzori {width:760px;height:90px;position:absolute;top:45px;left:44px;}
#sponzori a {display:block;position:absolute;height:80px;top:5px;}
#sponzori a.sponzor01 {width:85px;left:0;background-position:-13px -365px;}
#sponzori a.sponzor01:hover {background-position:-13px -450px;}
#sponzori a.sponzor02 {width:135px;left:107px;background-position:-120px -365px;}
#sponzori a.sponzor02:hover {background-position:-120px -450px;}
#sponzori a.sponzor03 {width:79px;left:269px;background-position:-282px -365px;}
#sponzori a.sponzor03:hover {background-position:-282px -450px;}
#sponzori a.sponzor04 {width:194px;left:376px;background-position:-389px -365px;}
#sponzori a.sponzor04:hover {background-position:-389px -450px;}
#sponzori a.sponzor05 {width:151px;left:595px;background-position:-608px -365px;}
#sponzori a.sponzor05:hover {background-position:-608px -450px;}


/* kontakt forma */
form#kontakt ol {
                list-style-type: none;
		margin: 0px;
		margin-top: 15px;
		padding: 0px;
}
form#kontakt fieldset ol li {
                list-style-type: none;
                float: left;
                clear: left;
                width: 100%;
}
form#kontakt fieldset ol li label {
                display: block;
                float: left;
                width: 135px;
                padding-top: 4px;
		text-align: right;
}
form#kontakt fieldset ol li input, form#kontakt fieldset ol li select {
		margin-bottom: 7px;
}
form#kontakt fieldset li textarea {
		margin-bottom: 10px;
}
form#kontakt fieldset ol li input, form#kontakt fieldset ol li textarea, form#kontakt fieldset ol li select {
		width: 279px;
                padding: 4px;
                margin-left: 7px;
		background: #f5f5f5;
                font-size: 12px;
                font-family:Arial, Helvetica;
		color: #333333;
		border: 1px solid #0093dd;
}
form#kontakt fieldset ol li select {
		width: 289px;
}
form#kontakt fieldset ol li input#name,
form#kontakt fieldset ol li input#email,
form#kontakt fieldset ol li textarea#notes {
		border-bottom: 2px solid #0093dd;
}
form#kontakt fieldset#submit input.submit {
		background: #0093dd url(../img/layout/sprite_arrow.png) top right;
                background-repeat:no-repeat;
		display:block;
                height:32px;
                line-height:34px;
                font-size: 12px;
                text-align:center;
                text-transform:uppercase;
                color:#ffffff;
                float:right;
                padding:0 30px 0 22px;
                cursor: pointer;
}
form#kontakt fieldset#submit input.submit:hover {
		background-color:#B8B8B8;background-position:right -64px;color:#fff;
}


/* colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxPrevious, #cboxNext, #cboxClose {background-image:url(../img/layout/colorbox/controls.png);background-repeat:no-repeat;}
#cboxTopCenter, #cboxBottomCenter {background-image:url(../img/layout/colorbox/border.png);background-repeat:repeat-x;}
#cboxOverlay{background:url(../img/layout/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px;background-position:-100px 0;}
#cboxTopRight{width:21px; height:21px;background-position:-129px 0;}
#cboxBottomLeft{width:21px; height:21px;background-position:-100px -29px;}
#cboxBottomRight{width:21px; height:21px;background-position:-129px -29px;}
#cboxMiddleLeft{width:21px;background-position:left top;background-repeat:repeat-y;}
#cboxMiddleRight{width:21px;background-repeat:repeat-y;background-position:right top;}
#cboxTopCenter{height:21px;background-position:0 0;}
#cboxBottomCenter{height:21px;background-position:0 -29px;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px;background-position:-75px 0px;width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px;background-position:-50px 0px;width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../img/layout/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../img/layout/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0;background-position:-25px 0px;width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}