/* ----------------------- MAIN ----------------------- */
html{font: 62.5% Arial, Helvetica, sans-serif;height:100%;}
body{margin:0;padding:0;text-align:center;color:#666666;background:#dfdfdf;}

p{font-size:1.2em;color:#666666;}
p font{font-size:1em;}
table, table td{font-size:12px;}
table td p{font-size:12px;}
h2, h3, h4{font-size:1.4em;color:#666666;}
h2 a, h3 a, h4 a{font-size:1em;color:#666666;}
a, a font{color:#255cc9;text-decoration:none;outline:none;}
a:hover{color:#666666;}

/* ----------------------- CONTAINER ----------------------- */
/* pozadine */
#defaultBCK{width:100%;background:#dfdfdf url(../images/defaultBCK.jpg) repeat-x;}
#pageBCK{width:100%;background:#dfdfdf url(../images/pageBCK.jpg) repeat-x;}
/* containeri */
#default{width:850px;margin:0 auto;text-align:left;}
#page{width:870px;margin:0 auto;text-align:left;}
#content{clear:both;background:#fff;position:relative;z-index:10;display:block;}
#default #content{height:350px;overflow:hidden;} /* opera fix */
#default #whiteBCK{position:absolute;left:0;top:390px;width:50%;height:350px;background:#fff;z-index:0;}
#page #whiteBCK{position:absolute;left:0;top:281px;width:50%;background:#fff;z-index:0;}
#interactiveMap{width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;}

/* sadrzaj containeri */
#left{float:left;width:410px;padding:8px 0;margin:0;}
#right{float:left;width:417px;padding:8px 0 0 23px;margin:0;}
#default #left{background: url(../images/leftDefaultBCK.jpg) no-repeat;width:410px;height:350px;}
#default #right{background: url(../images/rightDefaultBCK.jpg) repeat-x;width:417px;height:350px;}
* html #default #right{width:440px;}
#page #left{width:630px;}
#page #right{min-height:100px;height:auto !important;height:100px;background:url(../images/rightPageBCK.jpg) no-repeat;width:209px;padding:8px 20px 0 11px;}
* html #page #right{width:240px;}
#text{padding:0 1em 2em 0;}
#text p{line-height:1.6em;}
.imgRight{float:right;clear:both;width:200px;margin:0 10px;}
#left h2{text-transform:uppercase;}
#left h3{font-size:1.2em;text-transform:uppercase;}
#text ul, #text ol{font-size:1.2em;color:#666666;line-height:1.4em;}
#left ul li p, #left ol li p{font-size:1em;}
#text ul ul, #text ol ol{font-size:1em;}

/* ----------------------- HEADER ----------------------- */

/* pozadine */
#default #headerBCK{width:890px;margin:0 auto;position:relative;}
#page #headerBCK{width:870px;margin:0 auto;position:relative;}

/* top header */
#default #topHeader{width:850px;height:60px;background:#fff;}
#page #topHeader{width:870px;height:60px;background:#fff;}

h1{float:left;width:203px;height:36px;text-indent:-9999em;margin:16px 0 0 0;display:block;}
h1 a{background: url(../images/logo.jpg) no-repeat;display:block;width:203px;height:36px;margin:0;padding:0;}

#promjenaJezika a{height:18px;width:73px;display:block;text-indent:-9999em;}
#default #promjenaJezika{position:absolute;top:0;right:40px;}
#page #promjenaJezika{position:absolute;top:0;right:0;}
#ViktorLenacEN #promjenaJezika{height:18px;width:73px;background:url(../images/languageSwitchHR.jpg);display:block;}
#ViktorLenacHR #promjenaJezika{height:18px;width:73px;background:url(../images/languageSwitchEN.jpg);display:block;}

/* header */
#headerDefault{height:320px;width:890px;margin:0 0 10px 0;}
#ViktorLenacEN #headerDefault{background:#020878 url(../images/zaglavlje_naslovnaEN.jpg) 430px 0px no-repeat;}
#ViktorLenacHR #headerDefault{background:#020878 url(../images/zaglavlje_naslovna.jpg) 430px 0px no-repeat;}
#header{height:221px;width:870px;background:url(../images/headerBCK.jpg) repeat-x;}
#default .trakaLijevo{position:absolute;top:60px;left:0;height:320px;width:9px;background:#020878;}
#page .trakaLijevo{position:absolute;top:60px;left:0;height:200px;width:9px;background:#020878;}
#default .headerSlika{height:320px;width:410px;}
#page .headerSlika{height:221px;width:850px;}
#default .headerContent{position:absolute;top:240px;left:0;height:160px;}
#page .headerContent{position:absolute;top:140px;left:0;height:160px;}
.headerContent p{position:absolute;top:0;left:430px;color:#fff;font-size:1.4em;width:420px;}
.headerContent p a{color:#fff;background: url(../images/kapljicaBlue.jpg) 99% 50% no-repeat;padding:0 2em 0 0;}
* html .headerContent p a {background: url(../images/kapljicaBlue.jpg) 94% 100% no-repeat;} 

/* ----------------------- MENU ----------------------- */
#default #menu{position:absolute;top:25px;right:40px;height:35px;}
#page #menu{position:absolute;top:25px;right:0;height:35px;}
#menu ul{float:left;list-style:none;margin:0;padding:0;}
#menu li{float:left;margin:0 0 0 5px;padding:0;font-size:1.1em;}
#menu li a{display:block;float:left;text-decoration:none;color:#333333;}
/* drugi nivo */
#submenu{position:absolute;left:410px;top:60px;}
#submenu ul{list-style:none;margin:0;padding:0;width:460px;height:30px;background:#dfdfdf;}
#submenu li{float:left;margin:0;padding:10px 14px 0 14px;font-size:1.1em;}
li#submenu_4_1, li#submenu_4_2, li#submenu_4_3, li#submenu_4_4, li#submenu_4_5, li#submenu_4_6, li#submenu_4_7{padding:10px 7px 0 7px;}
#submenu li a{display:block;float:left;color:#666666;text-transform:lowercase;}
#submenu ul li a:hover, #submenu ul li a.selected{border-bottom:6px solid #999999;}
/* show-hide*/ 
#menu ul li:hover>ul, #menu ul li:hover>ul{display:block;}
#menu ul li.over ul, #menu ul li.over ul{display:block;} 
/* slike 1.nivo EN */
#ViktorLenacEN #menu ul li#menu_1_1 a{background: url("../images/menuEN.jpg") 0px 0px;height:35px;width:74px;display:block;text-indent:-99999em;}
#ViktorLenacEN #menu ul li#menu_1_1 a:hover, #ViktorLenacEN #menu ul li#menu_1_1 a.selected{background: url("../images/menuEN.jpg") 0px 35px;}
#ViktorLenacEN #menu ul li#menu_1_2 a{background: url("../images/menuEN.jpg") -74px 0px;height:35px;width:78px;display:block;text-indent:-99999em;}
#ViktorLenacEN #menu ul li#menu_1_2 a:hover, #ViktorLenacEN #menu ul li#menu_1_2 a.selected{background: url("../images/menuEN.jpg") -74px 35px;}
#ViktorLenacEN #menu ul li#menu_1_3 a{background: url("../images/menuEN.jpg") -152px 0px;height:35px;width:91px;display:block;text-indent:-99999em;}
#ViktorLenacEN #menu ul li#menu_1_3 a:hover, #ViktorLenacEN #menu ul li#menu_1_3 a.selected{background: url("../images/menuEN.jpg") -152px 35px;}
#ViktorLenacEN #menu ul li#menu_1_4 a{background: url("../images/menuEN.jpg") -243px 0px;height:35px;width:100px;display:block;text-indent:-99999em;}
#ViktorLenacEN #menu ul li#menu_1_4 a:hover, #ViktorLenacEN #menu ul li#menu_1_4 a.selected{background: url("../images/menuEN.jpg") -243px 35px;}
#ViktorLenacEN #menu ul li#menu_1_5 a{background: url("../images/menuEN.jpg") -343px 0px;height:35px;width:81px;display:block;text-indent:-99999em;}
#ViktorLenacEN #menu ul li#menu_1_5 a:hover, #ViktorLenacEN #menu ul li#menu_1_5 a.selected{background: url("../images/menuEN.jpg") -343px 35px;}
#ViktorLenacEN #menu ul li#menu_1_6 a{background: url("../images/menuEN.jpg") -424px 0px;height:35px;width:54px;display:block;text-indent:-99999em;}
#ViktorLenacEN #menu ul li#menu_1_6 a:hover, #ViktorLenacEN #menu ul li#menu_1_6 a.selected{background: url("../images/menuEN.jpg") -424px 35px;}
#ViktorLenacEN #menu ul li#menu_1_7 a{background: url("../images/menuEN.jpg") -478px 0px;height:35px;width:77px;display:block;text-indent:-99999em;}
#ViktorLenacEN #menu ul li#menu_1_7 a:hover, #ViktorLenacEN #menu ul li#menu_1_7 a.selected{background: url("../images/menuEN.jpg") -478px 35px;}
/* slike 1.nivo HR */
#ViktorLenacHR #menu ul li#menu_1_1 a{background: url("../images/menuHR.jpg") 0px 0px;height:35px;width:53px;display:block;text-indent:-99999em;}
#ViktorLenacHR #menu ul li#menu_1_1 a:hover, #ViktorLenacHR #menu ul li#menu_1_1 a.selected{background: url("../images/menuHR.jpg") 0px 35px;}
#ViktorLenacHR #menu ul li#menu_1_2 a{background: url("../images/menuHR.jpg") -53px 0px;height:35px;width:88px;display:block;text-indent:-99999em;}
#ViktorLenacHR #menu ul li#menu_1_2 a:hover, #ViktorLenacHR #menu ul li#menu_1_2 a.selected{background: url("../images/menuHR.jpg") -53px 35px;}
#ViktorLenacHR #menu ul li#menu_1_3 a{background: url("../images/menuHR.jpg") -141px 0px;height:35px;width:137px;display:block;text-indent:-99999em;}
#ViktorLenacHR #menu ul li#menu_1_3 a:hover, #ViktorLenacHR #menu ul li#menu_1_3 a.selected{background: url("../images/menuHR.jpg") -141px 35px;}
#ViktorLenacHR #menu ul li#menu_1_4 a{background: url("../images/menuHR.jpg") -278px 0px;height:35px;width:77px;display:block;text-indent:-99999em;}
#ViktorLenacHR #menu ul li#menu_1_4 a:hover, #ViktorLenacHR #menu ul li#menu_1_4 a.selected{background: url("../images/menuHR.jpg") -278px 35px;}
#ViktorLenacHR #menu ul li#menu_1_5 a{background: url("../images/menuHR.jpg") -355px 0px;height:35px;width:78px;display:block;text-indent:-99999em;}
#ViktorLenacHR #menu ul li#menu_1_5 a:hover, #ViktorLenacHR #menu ul li#menu_1_5 a.selected{background: url("../images/menuHR.jpg") -355px 35px;}
#ViktorLenacHR #menu ul li#menu_1_6 a{background: url("../images/menuHR.jpg") -433px 0px;height:35px;width:59px;display:block;text-indent:-99999em;}
#ViktorLenacHR #menu ul li#menu_1_6 a:hover, #ViktorLenacHR #menu ul li#menu_1_6 a.selected{background: url("../images/menuHR.jpg") -433px 35px;}
#ViktorLenacHR #menu ul li#menu_1_7 a{background: url("../images/menuHR.jpg") -492px 0px;height:35px;width:63px;display:block;text-indent:-99999em;}
#ViktorLenacHR #menu ul li#menu_1_7 a:hover, #ViktorLenacHR #menu ul li#menu_1_7 a.selected{background: url("../images/menuHR.jpg") -492px 35px;}


/* ----------------------- NEWS ----------------------- */
#news, #newsDefault{margin:1em 0;padding:0;}
#newsDefault{border-bottom:1px solid #dfdfdf;width:367px;}
#left h2.newsNaslov, #left h2.newsNaslov a{text-transform:none;}
#news li, #newsDefault li{list-style:none;margin:0.5em 0;font-size:1.1em;}
#newsDefault li{border-top:1px solid #dfdfdf;color:#666666;}
#news li a, #newsDefault li a{text-decoration:none;font-size:1em;color:#255cc9;}
#news li a:hover, #newsDefault li a:hover{color:#666666;}
#news h4, #news h4 a{font-size:1.1em;}
#newsNav{color:#666666;}
#newsNav .selected, #newsNav a, #newsNav a.active{font-weight:bold;color:#255cc9;}
#newsNav .inactive{color:#999;}

/* ----------------------- REFERENCE ----------------------- */
#referenceDefault h2.referenceNaslov{text-transform:none;}
#referenceDefault .referenceOpis .referenceImg{float:left;margin:0 10px 0 0;width:110px;border:10px solid #fff;}
#referenceDefault .referenceOpis p{font-size:1.1em;}
#referenceDefault .referenceOpis h3 a{color:#666666;}
#referenceDefault .referenceOpis a{color:#255cc9;}
#referenceDefault .referenceOpis a:hover{color:#666666;}
#referenceDefault h4.kapljica2 a{font-size:0.8em;color:#333333;background: url(../images/kapljicaGrey.jpg) 0% 50% no-repeat;padding:0 0 0 2em;text-transform:uppercase;font-weight:normal;}

#katalogReferenci img.referenceImg{float:left;margin:0 10px 0 0;border:none;}
#katalogReferenci ul.referenceOpis{list-style:none;margin:0 10px 0 0;}
#katalogReferenci ul.referenceOpis li{padding:0 1em 0 0;font-size:1.2em;line-height:1.6em;margin-bottom:5px;}
#katalogReferenci ul.referenceOpis li span.title{text-transform:uppercase;font-weight:bold;}
#katalogReferenci a.referenceLink{font-size:1em;font-weight:bold;color:#255cc9;}
#katalogReferenci a.referenceLink:hover{color:#666666;}
#katalogReferenci #pagination{margin:10px 0;border-top:1px solid #dfdfdf;}
#katalogReferenci #pagination p.leftPagination{float:left;}
#katalogReferenci #pagination p.rightPagination{float:right;}
#katalogReferenci #pagination p.leftPagination a, #katalogReferenci #pagination p.rightPagination a{font-size:1em;font-weight:bold;text-transform:uppercase;color:#255cc9;}
#katalogReferenci #pagination p.leftPagination a:hover, #katalogReferenci #pagination p.rightPagination a:hover{color:#666666;}

#katalogReferenci ul#zoom{margin:0 0 20px 0;padding:0;}
#katalogReferenci ul#zoomOut{margin:20px 0 0 0;padding:0;clear:left;display:block;}
#katalogReferenci ul.galerija{width:100%;list-style:none;margin:0;padding:0;}
#katalogReferenci ul.galerija li{float:left;padding:10px;width:150px;margin:0;}

/* ----------------------- PREPORUKE ----------------------- */
#default #preporuke{margin:30px 0 0 0;}
#page #preporuke{margin:40px 0 0 0;}
#preporuke .preporukaOpis {margin:20px 0;}
#preporuke .preporukaOpis p{font-size:1.1em;line-height:1.3em;padding:0;margin:0;}
#left #preporuke .preporukaOpis p{line-height:1.6em;font-size:1.2em;}
#preporuke .preporukaOpis h3{text-transform:uppercase;padding:0;margin:0;}
#preporuke h4.kapljica a{font-size:0.8em;color:#333333;background: url(../images/kapljicaWhite.jpg) 0% 50% no-repeat;padding:0 2em;text-transform:uppercase;font-weight:normal;}
#default #preporuke h4.kapljica a{display:none;}

/* ----------------------- KONTAKT ----------------------- */
#formElems{margin:0;padding:0;overflow:hidden;}
.formTbl{border:none;margin:0;padding:0;font-size:1.2em;line-height:1.4em;}
.formTbl td{color:#255cc9;font-size:1.4em;}
.formTbl td span{color:#434343;font-size:0.8em;}
.formTbl td.formInputRequired{font-weight:bold;}
.formTbl .formInput input, .formTbl .formInput textarea{padding:0.2em;font:0.8em Arial;border:1px solid #666666;}
.formTbl td.formInput input{width:400px;height:25px;}
.formTbl td.formInput textarea{width:400px;height:220px;}
.formTbl td.formButton{text-align:right;}
#ctl00_notificationLabel{color:#255cc9;font-weight:bold;}

/* ----------------------- FOOTER ----------------------- */
#default #footer{width:335px;height:auto;border:none;}
#page #footer{clear:both;width:840px;height:100px;border-top:1px solid #dfdfdf;text-align:left;margin:0 30px 0 0;}
#default #shipingYard{margin:34px 0;}
#default #impressum{width:335px;}
#page #footer #impressum{float:left;margin:5px 0;width:335px;}
#page #footer #shipingYard{float:right;margin:5px 0;width:200px;}
* html #page #footer #impressum, *html #page #footer #shipingYard{margin:10px 0;}
h2.kapljica a{font-size:1em;color:#666666;background: url(../images/kapljicaWhite.jpg) 100% 50% no-repeat;padding:0 1.5em 0 0;text-transform:none;}
#impressum p{padding:0 100px 0 0;font-size:1.1em;}
p#signature{text-align:center;font-size:1.1em;padding-top:10px;}

/* ----------------------- float fix ----------------------- */
.float:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.float{display:block;}
* html .float{height: 1%;}
.float{display:block;}
/* end float fix */