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

/* =reset.css (by Andy Clarke) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

/* =clear */
.clear { clear: both; font-size: 1px; line-height: 0; }
/* =clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */


* { margin:0; padding:0;}
body { font-family: Arial, Helvetica, sans-serif; font-size:12px; background: #000 url(../img/bg_body.gif) repeat-x left top; overflow-x: hidden; }
body.home { font-family: Arial, Helvetica, sans-serif; font-size:12px; /*background: #dfdfdf url(../img/bg_body.gif) repeat-x left top;*/ }

.img-left { float: left; border: 1px solid #CCCCCC; margin: 0px 15px 0px 5px; }
.img-right { float: right; border: 6px solid #999999; margin: 0 0 10px 5px; }
.left { float: left; }
.right { float: right; }
.last { background: none!important; border: none!important; padding: 0!important; margin: 0!important; }
.no { background: none!important; border: none!important; padding: 0!important; }
body .inline { display: inline!important; }
* html em { font-style: normal; }
*:first-child+html em { font-style: normal; }
h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; }
.ui-tabs-nav .ui-tabs-hide { display: none; }
/* ----------------------------------------------------------------------------------------------------*/


/* WRAPPER */
#wrapper { width: 1000px; margin: 0 auto; clear: both; z-index: 100; min-height:550px; height:auto !important; height:550px; }
div.wrap { width: 1000px; margin: 0 auto; clear: both; z-index: 100; }

#flash-home { width: 100%; margin: 0 auto; clear: both; position: relative; z-index: 99; }
#flash { height:381px; overflow:hidden; }

#boxes { border-top: 1px solid #696969; background: url(../img/bg_boxes.gif) repeat-x left top; position: relative; display: block; float: left; z-index: 1; height: 300px; margin: 0 auto; width: 100%; }
#boxes-inner { width: 1000px; margin: 0 auto; height: 130px; position:relative; }
.box { display:block; float: left; width: 307px; height: 115px; padding: 8px 10px; color: #FFF; background: url(../img/bg_boxes_right_line.gif) no-repeat right 34%; }
#boxes #boxes-inner .no-bg { background: none; padding: 8px 10px!important; }
.box img { margin-right: 10px; }
.box h2 { font-size: 14px; font-weight: bold; color: #c6c6c6; background: url(../img/blt_box_h2.gif) no-repeat right center; padding: 6px 0px 6px 0px; display: block; }
.box h2.no-arrow { background-image: none }
.box a { color: #9cce17; text-decoration: none; }
.box a:hover { text-decoration: underline; }
.box .go { color: #9CCE17; text-decoration: none; padding-top:4px; display:block; }

#relativ_box { margin:0 auto; position:relative; width:1000px; }
#garanty { background-color:#373737; border:5px solid #606060; float:left; height:262px; right:10px; padding:10px; position:absolute; top:-170px; width:305px; z-index:9999; }
#garanty .stamp { position:absolute; right:-25px; top:-23px; }
#garanty p { color: #FFF; line-height: 18px; margin-bottom: 10px; }
#garanty a { color: #FFF; text-decoration: none; font-size: 11px; }
#garanty .one { background: url(../img/bg_garanty_1.gif) no-repeat left top; padding: 11px 35px; display: block; float: left; margin: 0 9px 0 8px; }
#garanty .one:hover { background: url(../img/bg_garanty_1.gif) no-repeat left bottom; }
#garanty .two { background: url(../img/bg_garanty_2.gif) no-repeat left top; padding: 11px 20px 11px 22px; display: block; float: left; /*margin: 1px 2px 3px 4px;*/ }
#garanty .two:hover { background: url(../img/bg_garanty_2.gif) no-repeat left bottom; }

/* HEADER */
#header { width: 100%; float: left; background-color: #9cce17; padding: 5px 0 0px 0;}
#inner-header { width: 1000px; margin: 0 auto; position:relative; }
#inner-header h1 { float: left; padding-top: 7px; padding-bottom: 10px; }
#inner-header .baner { border: 2px solid #ddd; float: right; }

/* NAVIGATION */
#nav { display: block; float: right; margin-top: 29px; background: url(../img/bg_nav_sub_2.gif) repeat-x left top; }
#nav-list { padding-top: 1px; float:left; }
#nav-list li { display: block; float: left; padding-right: 3px; }
#nav-list li a { display: block; font-size: 13px; font-weight: bold; color: #4e4e4e; text-decoration: none; padding: 6px 0 11px 9px; }
#nav-list li a span { padding: 6px 9px 11px 0px; }
#nav-list li a:hover { color: #FFF; background: url(../img/bg_nav_left.gif) no-repeat left top; }
#nav-list li a:hover span { background: url(../img/bg_nav_right.gif) no-repeat right top; }

#nav-list .selected a { color: #FFF; background: url(../img/bg_nav_left.gif) no-repeat left top; }
#nav-list .selected a span { background: url(../img/bg_nav_right.gif) no-repeat right top; }

/* Drop Down Menu Active */
#nav-list li a:hover, #nav-list li ul a:hover { color: #FFF; background: url(../img/bg_nav_left.gif) no-repeat left top; }
#nav-list :hover > a { color: #FFF; background: url(../img/bg_nav_left.gif) no-repeat left top; }
#nav-list ul ul :hover > a { color: #FFF; background: url(../img/bg_nav_left.gif) no-repeat left top; }

#nav-list li a:hover span, #nav-list li ul a:hover span { background: url(../img/bg_nav_right.gif) no-repeat right top; }
#nav-list :hover > a span { background: url(../img/bg_nav_right.gif) no-repeat right top; }
#nav-list ul ul :hover > a span { background: url(../img/bg_nav_right.gif) no-repeat right top; }

/* NAV LIST 2 */
.nav-list-2 { width: 988px; background-color: #712d2d; /*border-bottom: 4px solid #939393;*/ padding: 5px 0 3px 10px; z-index: 999; margin: 0 auto; list-style: none; clear: both;}
.nav-list-2 li { display: block; float: left; }
.nav-list-2 li a { display: block; font-size: 13px; font-weight: bold; color: #FFF; text-decoration: none; padding: 4px 0 7px 9px; }
.nav-list-2 li a span { padding: 4px 14px 11px 4px; }
.nav-list-2 li a:hover { color: #FFF; background: url(../img/bg_nav_sub.gif) no-repeat left top; }
.nav-list-2 li a:hover span { background: url(../img/bg_nav_sub.gif) no-repeat right top; }

/* NAVIGATION > DROP DOWN */
/* 
#nav-list li ul { position: absolute; left: -999em; width: 100%; background-color: #000; padding: 0 0 0 364px; z-index: 1000; }
#nav-list li:hover ul { left: auto; }
#nav-list li:hover ul, #nav li.sfhover ul { left: 0; }
*/

div.glavni_meni { position:absolute; top:0px; left:217px; }
#bg_sub { }

#bg_sub_kuhinje { display:block; position:absolute; left:0px; top:68px; z-index:350; width:100%; height:30px; background:#000; display:none; }
#bg_sub_kuhinje ul { margin:0 auto; width:785px; padding:0 0 0 215px }
#bg_sub_kuhinje ul li { display: block; float: left; margin-right: 10; padding: 0; }
#bg_sub_kuhinje ul li a { display: block; font-size: 13px; font-weight: normal; color: #9cce17; text-decoration: none; padding: 7px; }
#bg_sub_kuhinje ul li a:hover { background: none!important; color: #FFF; }

#bg_sub_plakari { display:block; position:absolute; left:0px; top:68px; z-index:350; width:100%; height:30px; background:#000; display:none; }
#bg_sub_plakari ul { margin:0 auto; width:785px; padding:0 0 0 215px }
#bg_sub_plakari ul li { display: block; float: left; margin-right: 10; padding: 0; }
#bg_sub_plakari ul li a { display: block; font-size: 13px; font-weight: normal; color: #9cce17; text-decoration: none; padding: 7px; }
#bg_sub_plakari ul li a:hover { background: none!important; color: #FFF; }


#nav-list li ul { position: absolute; left: 0px; z-index: 1000; top:63px; width: 100%; background-color: #000; padding: 0 0 0 0px; }
/* #nav-list li:hover ul { left: auto; }
#nav-list li:hover ul, #nav li.sfhover ul { left: 0; } */

#nav-list li ul li { display: block; float: left; margin-right: 10; padding: 0; }
#nav-list li ul li a { display: block; font-size: 13px; font-weight: normal; color: #9cce17; text-decoration: none; padding: 7px; }
#nav-list li ul li a:hover { background: none!important; color: #FFF; }

#nav-list li.selected ul li a { background: none!important; display: block; font-size: 13px; font-weight: normal; color: #9cce17; text-decoration: none; padding: 7px; }
#nav-list li.selected ul li a:hover { background: none!important; color: #FFF; }

.sub-active { /*position: absolute; top: 68px;*/ float: left; /*width: 100%;*/ background-color: #000; padding: 0 0 0 /*217px*/215px; }
/** html .sub-active { padding-left: 360px; border: 1px solid red; }*/
.sub-active li { display: block; float: left; padding-right: 3px; padding: 0; }
.sub-active li a { display: block; font-size: 13px; font-weight: normal; color: #9cce17; text-decoration: none; padding: 7px; }
.sub-active a:hover { background: none!important; color: #FFF; }


div.all { background:#000; width:100%; float:left; }

/* 2 NIVO - NAVIGATION */
/*#nav-list li ul ul { left:-999em; margin:-25px 0 0 142px; position:absolute; width: 142px; }
#nav-list li:hover ul ul, #nav-list li.sfhover ul ul { 	left: -999em; }
#nav-list li:hover ul, #nav-list li li:hover ul, #nav-list li.sfhover ul, #nav-list li li.sfhover ul { left: auto; }

#nav-list li a:hover ul li ul li, #nav-list li ul a:hover { background: #a84343 none!important; }
#nav-list li :hover > a { background: #a84343 none!important; }
#nav-list ul ul :hover > a { background: #a84343 none!important; }*/

/* FOOTER */
#footer { width: 100%; display: block; clear: both;  float: left; }
#footer-inner { width: 980px; margin: 0 auto; height: 60px; clear: both; padding: 5px 10px; border-top: 1px dotted #393939;}
#footer-inner p { color: #6c6c6c; float: right; font-size: 11px; }
#footer-inner p a { color: #6c6c6c; text-decoration: none; font-weight: bold; font-size: 11px; }
#footer-inner p a:hover { text-decoration: underline; }
#footer-inner p .copyright { clear: both; float: left; display: block; width: 400px; padding-top: 10px; }

#footer-list {}
#footer-list li { display: block; float: left; padding-right: 6px; padding-left: 6px; background: url(../img/blt_footer_list.gif) no-repeat right center; }
#footer-list li.first { padding-left: 0!important; }
#footer-list li.last { padding-left: 5px!important; }
#footer-list li a { display: block; color: #6c6c6c; text-decoration: none; font-size: 11px; }
#footer-list li a:hover { text-decoration: underline; }

/* INNER PAGES */
#main {}
#main #heading { border-bottom: 1px solid #4d4d4d; padding: 25px 0 10px 0; display: block; }
#main #heading h2 { float: left; color: #9cce17; font-size: 26px; padding-left: 9px; }

#history-list { float: right; padding-top: 13px; }
#history-list li { display: block; float: left; margin-left: 10px; padding-right: 10px; background: url(../img/blt_gallery.gif) no-repeat right 61%; }
#history-list li.last { background-image: none; margin-left: 10px!important; }
#history-list li p { font-size: 11px; font-weight: bold; color: #a9a9a9; }
#history-list li a { color: #a9a9a9; text-decoration: none; font-size: 11px;}
#history-list li a:hover { text-decoration: underline; }

#notice { background-color: #313131; display: block; padding: 10px; clear: both; height: 14px; margin: 18px 10px 40px 10px; position:relative; }
#notice p { float: left; color: #FFF; }
#notice img { float: left; position: absolute; right: 73px; top: -23px; }

#gallery { display: block; float: left; }
#gallery-list { display: block; float: left; }
#gallery-list li { display: block; float: left; display: block; width: 480px; padding: 10px; margin-bottom: 10px; }
#gallery-list li a { text-decoration: none; }
#gallery-list li a img { float: left; margin-right: 10px; border: 2px solid #5a5a5a; }
#gallery-list li a:hover img { border: 2px solid #9cce17; }
#gallery-list li a em { display: block; float: left; font-size: 12px; font-weight: bold; color: #dcdcdc; margin-bottom: 20px; width:180px; }
#gallery-list li a span { display: block; float: left; width: 200px; color: #dcdcdc; margin-bottom: 2px; height:74px; }
#gallery-list li a span.watch { font-size: 11px; color: #dcdcdc; padding: 5px 18px 5px 10px; display: block; float: left; margin-bottom: 0; background: #4d4d4d url(../img/blt_gallery.gif) no-repeat 93% center; width: auto; height:auto; }
#gallery-list li a:hover span.watch { background-color: #9cce17; color: #3b363a; }

#text { padding: 10px; color: #dcdcdc; margin: 10px 0; }
#text.side { float:left; width:475px; }
img.img-right { float:right; margin-top:10px; }
#text h2 { color: #9cce17; font-size: 16px; padding-bottom: 10px; }
#text h3 { color: #9CCE17; float:left; display: block; font-size:20px; padding: 0px 0px 8px 0px; width: 460px; border-bottom: 1px solid #4D4D4D; margin-bottom: 10px; }
#text p { padding-bottom: 10px; line-height: 17px; font-size:13px; }
#text p a { color: #9CCE17; text-decoration: none; }
#text p a:hover { text-decoration: underline; }
#text ol, #text ul { padding-left: 20px; }
#text ol li, #text ul li { padding-bottom: 10px; }
#text ul li { background: url(../img/blt_gallery.gif) no-repeat left 9%; list-style: none; padding-left: 9px; }
#text ul li span { color: #9CCE17; }
#text a { color:#9CCE17; text-decoration:none; border-bottom:1px dotted #9CCE17; }
#text a:hover { border-bottom:none; text-decoration:none; }

#text.editor p { color:#dcdcdc !important; font-size:12px; }
#text.editor p span { color:#dcdcdc !important; font-size:12px !important;}
#text.editor a:hover { text-decoration:none !important; }
#text.editor img { border:2px solid #999; margin:8px;  }
#text.editor ul li { padding-bottom:0px; background: transparent url(../img/blt_gallery.gif) no-repeat scroll left 50%; }


#tabs .inner { padding: 5px 10px 5px 0px; background-color: #1c1c1c; margin-bottom: 10px; margin-left:10px; width:610px; }
#tabs .inner p { padding-bottom: 0!important; }
#tabs .inner ul { margin-top: 10px; }
#tabs #tabs-list { padding-left: 0; display: block; float: left; width: 915px; /*margin-bottom: 10px;*/ }
#tabs #tabs-list li { display: block; float: left; /*margin-right: 10px;*/ padding-bottom: 0; background: none!important; }
#tabs #tabs-list li a { display: block; color: #757575; text-decoration: none; padding: 6px 0 6px 9px; font-size: 18px; background: url(../img/bg_tabs_list_li_a_grey.gif) no-repeat left top; border:none !important;}
#tabs-list li a span { color: #BBBBBB !important; padding: 7px 14px 4px 4px; background: url(../img/bg_tabs_list_li_a_span_grey.gif) no-repeat right top; }


#tabs-list .ui-tabs-selected a { color: #292929!important; background: url(../img/bg_tabs_list_li_a.gif) no-repeat left top!important; }
#tabs-list .ui-tabs-selected a span { color: #292929!important; background: url(../img/bg_tabs_list_li_a_span.gif) no-repeat right top!important; }

#tabs #tabs-list2 { padding-left: 0; margin-left: 0px; display: block; float: left; width: 915px; /*margin-bottom: 10px;*/ }
#tabs #tabs-list2 li { display: block; float: left; /*margin-right: 10px;*/ padding-bottom: 0; background: none!important; }
#tabs #tabs-list2 li a { display: block; color: #757575; text-decoration: none; padding: 7px 0 6px 9px; font-size: 12px; background: url(../img/bg_tabs_list_li_a_grey.gif) no-repeat left top; border:none !important;}
#tabs-list2 li a span { color: #BBBBBB!important; padding: 7px 14px 6px 4px; background: url(../img/bg_tabs_list_li_a_span_grey.gif) no-repeat right top; }


#tabs-list2 .ui-tabs-selected a { color: #292929!important; background: url(../img/bg_tabs_list_li_a2.gif) no-repeat left top !important; }
#tabs-list2 .ui-tabs-selected a span { color: #292929!important; background: url(../img/bg_tabs_list_li_a_span2.gif) no-repeat right top !important; }
#tabs-1 div { float:left; }

#tabs #tabs-list3 { padding-left: 0; margin-left: 0px; display: block; float: left; width: 915px; }
#tabs #tabs-list3 li { display: block; float: left; padding-bottom: 0; background: none!important; }
#tabs #tabs-list3 li a { display: block; color: #757575; text-decoration: none; padding: 7px 0 6px 9px; font-size: 12px; background: url(../img/bg_tabs_list_li_a_grey.gif) no-repeat left top; border:none !important;}
#tabs-list3 li a span { color: #BBBBBB!important; padding: 7px 14px 6px 4px; background: url(../img/bg_tabs_list_li_a_span_grey.gif) no-repeat right top; }
#tabs-list3 .ui-tabs-selected a { color: #292929!important; background: url(../img/bg_tabs_list_li_a2.gif) no-repeat left top !important; }
#tabs-list3 .ui-tabs-selected a span { color: #292929!important; background: url(../img/bg_tabs_list_li_a_span2.gif) no-repeat right top !important; }
#tabs-2 div { float:left; }

#tabs-1 .ui-tabs-panel { width:650px; }
#tabs-1 div.right { float:right; position:absolute; top:0px; left:675px; }
#tabs-2 div.right { float:right; position:absolute; top:0px; left:675px; }
#tabs-3 div.right { float:right; position:absolute; top:0px; left:675px; }
#tabs-1 div.right img { border:4px solid #999999; margin:10px 0 0 0; float:right; }
#tabs-2 div.right img { border:4px solid #999999; margin:10px 0 0 0; }
#tabs-3 div.right img { border:4px solid #999999; margin:10px 0 0 0; }

.ui-tabs-panel { display: block; float: left; padding: 10px 10px 10px 0px; position:relative; min-height:330px;
  height:auto !important; height:330px; width:100%; }

.ui-tabs .ui-tabs-hide { display: none; }  

/* CONTACT FORM */
#contact-form { float: left; display: block; }
#contact-form fieldset { border: 1px solid red; padding: 10px; }
#contact-form div { display: block; float: left; clear: both; padding-bottom: 10px; width: 465px; }
#contact-form div label { float: left; padding-top: 5px; display: block; width: 100px; }
#contact-form div input { float: left; padding: 3px; border: 2px solid #FFF; background-color: #CCC; }
#contact-form div input:focus { background-color: #FFF; border: 2px solid #CCC; }
#contact-form div textarea { padding: 3px; width: 353px; height: 68px; border: 2px solid #FFF; background-color: #CCC; }
#contact-form div textarea:focus { padding: 3px; width: 353px; height: 68px; background-color: #FFF; border: 2px solid #CCC; }

#contact-form div .submit { cursor: pointer; float: right; border: 2px solid #ccc; color: #666; background-color: #FFF; }
#contact-form div .submit:hover { color: #222; }

#flash-map { border: 1px solid #666; padding: 3px; }

#five-steps-list { display: block; float: left; padding: 0!important; margin-bottom: 80px; }
#five-steps-list li { display: block; float: left; padding: 10px!important; width: 171px; height: 230px; margin-right: 5px; }
#five-steps-list li img { display: block; }
#five-steps-list li span { display: block; color: #acacac!important; padding: 5px 0px 0px 0px!important; text-align: center; }
#five-steps-list li:hover span { color: #9CCE17!important; }

span.message { display:block; padding:10px; background:#232323; float:left; width:440px; margin-bottom:10px; color:#9CCE17; }
span.error{ display:block; padding:10px; background:#232323; float:left; width:440px; margin-bottom:10px; color:#F00; }

#tabs p.inner { background:none; }