/*-----------------------------------
TZ Krapina main CSS stylesheet 
-------------------------------------*/

/************************ CSS RESET ***/
@import url("reset.css");

/************************ GENERAL ***/
body  { background: #fff; font-family: arial, sans-serif; }
#container  { width: 954px; margin: 0px auto; position: relative; }
#wrapper  { overflow: hidden; zoom: 1; padding: 25px 0 35px 0; }

/************************ HEADER ***/
#header { background: #7b1d20; padding: 14px 0 5px 0; position: relative; zoom: 1; }
#header .logo { top: 15px; left: 39px; position: absolute; z-index: 2; width: 325px; display: block; height: 75px; overflow: hidden; zoom: 1; background: url('../images/tz-krapina-logo.gif'); text-indent: -9999px; color: #da7925; }

#header .lang { text-align: right; padding: 0 90px 6px 0; }
#header .lang li  { display: inline; padding: 0 7px; }
#header .lang a { color: #cdbe5b; font-size: 12px; line-height: 16px; text-transform: uppercase; text-decoration: none; }
#header .lang a:hover,
#header .lang .active a { color: #fff; }

#header .tag_navigation { float: right; clear: right; text-align: center; padding-right: 30px; }
#header .tag_navigation a { color: #cdbe5b; font-size: 12px; line-height: 17px; text-decoration: none; margin: 0 7px; }
#header .tag_navigation a.active,
#header .tag_navigation a:hover  { color: #fff; }
#header .tag_navigation .size_01  { font-size: 13px; }
#header .tag_navigation .size_02  { font-size: 13px; font-weight: bold; }
#header .tag_navigation .size_03  { font-size: 16px; font-weight: bold; }
#header .tag_navigation .size_04  { font-size: 18px; font-weight: bold; }

#header .navigation { clear: both; padding: 19px 0 14px 127px; overflow: hidden; zoom: 1; }
.en #header .navigation { padding-top: 36px; }
#header .navigation li  { float: left; margin-right: 20px; }
#header .navigation a { font-size: 13px; line-height: 16px; font-weight: bold; color: #da7925; text-decoration: none; text-transform: uppercase; }
#header .navigation a:hover,
#header .navigation .active a { color: #fff; }

/************************ CONTENT ***/
#content  { width: 720px; float: left; }
.home #content  { width: 560px; }

.layout_type_2 { width: 954px !important; }

h1.title_01 { display: block; margin: 0 0 18px 0; overflow: hidden; text-indent: -9999px; }
.hr h1.title_01 { background: url(../images/title-recommended-hr.png); width: 138px; height: 26px; margin-top: -5px; }
.en h1.title_01 { background: url(../images/title-recommended-en.png); width: 141px; height: 21px; }

.home_list  { overflow: hidden; zoom: 1; position: relative; margin-bottom: 30px; }
.home_list li { float: left; width: 167px; padding-bottom: 35px; margin-right: 15px; font-size: 12px; line-height: 16px; color: #686868; }
.home_list li h2  { font-size: 18px; line-height: 22px; font-weight: bold; margin-bottom: 5px; }
.home_list li .img-block  { display: block; margin-bottom: 12px; }
.home_list li div { position: absolute; bottom: 0; border-bottom: 5px solid #cdbe5b; width: 167px;  padding: 0 4px 3px 0; }
.home_list li div a { float: right; font-size: 11px; line-height: 14px; font-weight: bold; text-decoration: none; color: #7b1d20; padding-left: 7px; background: url(../images/bullet-01.png) left 6px no-repeat; }
.home_list li div a:hover { text-decoration: underline; }

#slider_01  { background: #000; width: 506px; position: relative; padding: 12px 0 12px 29px; }
#slider_01 h2 { top: -20px; left: 1px; position: absolute; display: block; height: 20px; overflow: hidden; text-indent: -9999px; }
.hr #slider_01 h2 { background: url(../images/title-look-hr.png); width: 115px; }
.en #slider_01 h2 { background: url(../images/title-look-en.png); width: 61px; }
#slider_01 div  { height: 110px; overflow: hidden; zoom: 1; width: 476px; position: relative; }
#slider_01 div ul { width: 10000px; }
#slider_01 div li { float: left; position: relative; width: 150px; margin-right: 13px; }
#slider_01 div li a { color: #fff; font-weight: bold; font-size: 13px; line-height: 16px; text-decoration: none; }
#slider_01 div li strong  { width: 150px; position: absolute; left: 0; bottom: 0; background: #7b1d20; text-align: center; padding: 4px 0 6px; cursor: pointer; }
#slider_01 .prev,
#slider_01 .next { display: block; position: absolute; top: 60px; cursor: pointer; }
#slider_01 .prev { left: 9px; }
#slider_01 .next { right: 8px; }
#slider_01 .off { opacity: 0.4; filter: alpha(opacity=40); }

.inner_sidebar  { float: left; width: 150px; margin-right: 30px; }
.inner_sidebar dl { margin-bottom: 15px; }
.inner_sidebar dt { font-size: 16px; line-height: 19px; color: #7b1d20; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #dedede; padding-bottom: 10px; }
.inner_sidebar dd { border-bottom: 1px solid #dedede; }
.inner_sidebar dd a { font-size: 12px; line-height: 15px; color: #da7925; font-weight: bold; text-decoration: none; display: block; padding: 6px 15px 6px 3px; background: url(../images/bullet-02.png) 136px 8px no-repeat; }
.inner_sidebar dd a:hover,
.inner_sidebar .active a { color: #fff; background: #7b1d20 url(../images/bullet-02.png) 136px -81px no-repeat; }

h1  { font-size: 22px; line-height: 25px; font-weight: bold; color: #686868; margin-bottom: 20px; }
h1 .date  { display: block; font-size: 12px; line-height: 18px; color: #7b1d20; font-weight: bold; }

.text { overflow: hidden; zoom: 1; font-size: 12px; line-height: 20px; color: #686868; margin-bottom: 15px; }
.text h2  { font-size: 16px; line-height: 19px; margin-bottom: 10px; font-weight: bold; }
.text h3  { font-size: 14px; line-height: 17px; margin-bottom: 3px; font-weight: bold; }
.text p { margin-bottom: 15px; }
.text a { color: #830000; text-decoration: none; }
.text a:hover { text-decoration: underline; }
.text .img-left { float: left; margin: 0 7px 5px 0; }
.text .img-right { float: right; margin: 0 0 5px 7px; }
.text .img-left img,
.text .img-right img  { display: block; }
.text ul  { list-style-image:url('../images/bullet-03.png'); }
.text ol  { list-style: decimal; }
.text ul,
.text ol  { overflow: hidden; zoom: 1; padding: 0 0 15px 25px; }

.text .special_link { background: #ededed url(../images/button-01-bkg.png) top left no-repeat; margin: 15px 0px; padding-left: 16px; float: left; zoom: 1; font-size: 11px; line-height: 14px; font-weight: bold; text-decoration: none; color: #7b1d20; }
.text .special_link span { background: url(../images/button-01-bkg.png) bottom right no-repeat; height: 18px; display: block; padding: 4px 16px 0 0; cursor: pointer; }

.article_nav  { float: right; list-style: none !important; padding: 0 !important; }
.article_nav li { float: left; padding-left: 1px; }
.article_nav a  { float: left; width: 39px; height: 22px; background: url(../images/button-04.png); text-indent: -9999px; }
.article_nav .prev a  { background-position: top left; }
.article_nav .next a  { background-position: top right; }
.article_nav a:hover  { opacity: 0.6; filter: alpha(opacity=60); }

.pagination { text-align: center; padding: 6px 0; background: #ededed; }
.pagination li { font-size: 11px; line-height: 14px; color: #7b1d20; padding: 0 4px; display: inline; }
.pagination a  { color: #7b1d20; text-decoration: none; }
.pagination a:hover { text-decoration: underline; }

.inner_filter  { overflow: hidden; zoom: 1; margin-bottom: 20px; }
.inner_filter dl { float: left; position: relative; border-left: 1px solid #000; }
.inner_filter dl dt { font-size: 10px; line-height: 14px; color: #000; padding-left: 5px; }
.inner_filter dl dd  { float: left; background: #ededed; }
.inner_filter dl span  { display: block; font-size: 11px; line-height: 14px; height: 1.4em; color: #b2b3b5; padding: 6px 4px 6px 5px; }
.inner_filter dl a  { display: block; font-size: 11px; line-height: 14px; height: 1.4em; color: #7b1d20; padding: 6px 4px 6px 5px; text-decoration: none; }
.inner_filter dl a:hover,
.inner_filter dl .active a { background: #cdbe5b; text-decoration: none; }

.list_01  { list-style: none !important; padding: 0 !important; }
.list_01 li  { border-bottom: 1px solid #dedede; margin-bottom: 20px; overflow: hidden; zoom: 1; }
.list_01 .img_block { float: left; margin: 0 15px 15px 0; }
.list_01 h2 { border-left: 5px solid #830000; padding: 2px 6px; display: block; color: #686868; overflow: hidden; zoom: 1; margin-bottom: 10px; font-size: 13px; line-height: 16px; }
.list_01 h2 a { display: block; color: #686868; text-decoration: none; }
.list_01 h2 a:hover { color: #7b1d20; }
.list_01 h2 strong  { font-weight: bold; }
.list_01 h2 span { color: #7b1d20; display: block; font-weight: bold; }
.list_01 .more  { background: #ededed url(../images/button-01-bkg.png) top left no-repeat; margin: 5px 30px; padding-left: 16px; clear: left; float: right; zoom: 1; font-size: 11px; line-height: 14px; font-weight: bold; text-decoration: none; color: #7b1d20; }
.list_01 .more span { background: url(../images/button-01-bkg.png) bottom right no-repeat; height: 18px; display: block; padding: 4px 16px 0 0; cursor: pointer; }
.list_01 .more:hover  { text-decoration: underline; }
.list_01 div  { overflow: visible; }

.table_01 { width: 100%; }
.table_01 td  { padding-bottom: 50px; width: 50%; }
.table_01 td .block-img { float: left; margin-right: 4px; }
.table_01 td .block-img img { display: block; }
.table_01 td div  { overflow: hidden; zoom: 1; padding-left: 15px; font-size: 12px; line-height: 20px; color: #686868; }
.table_01 td div h2 { border-left: 5px solid #830000; padding: 2px 6px; display: block; color: #686868; margin: 0 0 10px -15px; overflow: hidden; zoom: 1; font-size: 13px; line-height: 16px; display: block; color: #686868;  }
.table_01 td div h2 a { float: left; color: #686868; text-decoration: none; }
.table_01 td div h2 a:hover { color: #7b1d20; }
.table_01 td div h2 strong  { font-weight: bold; }
.table_01 td div h2 span { color: #7b1d20; display: block; font-weight: bold; }

.table_02  { width: 100%;  }
.table_02 td  { background: url(../images/pattern-01.png) top left; border-right: 25px solid #fff; border-bottom: 20px solid #fff; padding: 13px 0; text-align: center; vertical-align: top; width: 25%; }
.table_02 td.last { border-right: none; }
.table_02 td.empty { background: none; }
.table_02 td a  { position: relative; text-decoration: none; color: #000; }
.table_02 td a span { position: absolute; bottom: 3px; right: -13px; width: 13px; height: 8px; background: url(../images/button-02.png); cursor: pointer; }
.table_02 td p  { display: block; text-align: left; font-size: 11px; line-height: 15px; color: #686868; padding: 5px 13px 0; }
.table_02 .send { display: block; margin: 10px auto 0; width: 75px; height: 22px; background: url(../images/button-03.png); cursor: pointer; font-size: 11px; line-height: 14px; line-height: 22px; text-align: center; color: #830000; font-weight: bold; }

.form_01  { float: right; width: 300px; padding: 45px 25px 0; background: url(../images/pattern-01.png) top left; position: relative; margin: 0 0 25px 25px; }
.form_01 fieldset { font-size: 11px; line-height: 14px; color: #999; font-weight: bold; }
.form_01 legend { position: absolute; top: 15px; left: 25px; font-size: 16px; color: #686868; font-weight: bold; font-style: italic; }
.form_01 label  { display: block; margin-bottom: 3px; }
.form_01 .txt_input  { display: block; margin-bottom: 3px; background: #fff url(../images/form-el-bkg.png) top left no-repeat; border: none; padding: 3px 5px; width: 230px; margin-bottom: 8px; color: #000; font-weight: bold; }
.form_01 textarea  { display: block; margin-bottom: 3px; background: #fff url(../images/form-el-bkg.png) top left no-repeat; border: none; padding: 3px 5px; width: 290px; height: 93px; margin-bottom: 8px; font-size: 11px; line-height: 14px; color: #000; font-weight: bold; font-family: arial, sans-serif; overflow: auto; }
.form_01 .error { background-color: #ff8989; }
.form_01 div  { overflow: hidden; zoom: 1; padding: 10px 0 15px; }
.form_01 div label,
.form_01 div .txt_input { width: 100px; }
.form_01 div img  { float: right; }
.form_01 button { float: right; margin-bottom: 30px; width: 75px; height: 22px; background: url(../images/button-03.png); cursor: pointer; text-align: center; color: #830000; font-weight: bold; }

.form_01_response  { float: right; width: 300px; padding: 15px 25px 20px; background: url(../images/pattern-01.png) top left; margin: 0 0 25px 25px; font-size: 11px; line-height: 14px; color: #999; font-weight: bold; }
.form_01_response h2 { font-size: 16px; color: #686868; font-weight: bold; font-style: italic; margin-bottom: 15px; }

#contact_map  { height: 294px; border: 11px solid #f4f4f4; clear: both; }
#about_map  { height: 400px; border: 11px solid #f4f4f4; clear: both; }

#contact_map div,
#about_map div { line-height: 15px !important; }

.g-info-window  { width: 265px !important; float: left; margin-bottom: -10px; }
.g-info-window h2 { font-size: 12px; font-weight: bold; margin: 0 0 5px 0; }
.g-info-window img  { width: 75px; height: 75px; }
.g-info-window .left  { float: left; margin: -2px 5px 2px 0; }
.g-info-window .right { float: right; margin: -2px -5px 2px 5px; }

.box_item { overflow: hidden; zoom: 1; margin-bottom: 15px; padding: 0 !important; }
.image_block  { float: left; padding: 5px 5px 0 0 !important; }
.image_block a.mid { display:none; }
.image_block a.mid.active { display:block; }
.image_block img  { display: block; width: 235px; }
.image_block ul { list-style: none !important; margin: 0; padding: 5px 0 0 0; width: 240px; }
.image_block ul li  { float: left; margin: 0 5px 5px 0 !important; border: none !important; }
.image_block ul img { width: 75px; height: 56px; cursor: pointer; }

/************************ SIDEBAR ***/
#sidebar  { width: 215px; float: right; }
.home #sidebar  { width: 394px; }

#sidebar dl { margin-bottom: 24px; }
#sidebar dt { padding-left: 1px; overflow: hidden; zoom: 1; margin-bottom: 17px; }
#sidebar dt strong { float: left; height: 21px; overflow: hidden; text-indent: -9999px; }
.hr #sidebar dt strong { background: url(../images/title-happenings-hr.png); width: 110px; }
.en #sidebar dt strong { background: url(../images/title-happenings-en.png); width: 68px; }
#sidebar dt a { background: #ededed url(../images/button-01-bkg.png) top left no-repeat; padding-left: 16px; float: right; font-size: 11px; line-height: 14px; font-weight: bold; text-decoration: none; color: #7b1d20; }
#sidebar dt a:hover { text-decoration: underline; }
#sidebar dt a span  { background: url(../images/button-01-bkg.png) bottom right no-repeat; height: 18px; display: block; padding: 4px 16px 0 0; cursor: pointer; }
#sidebar dd { margin-bottom: 8px; }
#sidebar dd a { text-decoration: none; border-left: 5px solid #830000; padding: 3px 6px; display: block; color: #686868; }
#sidebar dd a:hover { background: #cdbe5b; }
#sidebar dd span  { font-size: 12px; line-height: 16px; display: block; }
#sidebar dd span strong {  font-size: 13px; }
#sidebar dd .date { font-size: 13px; color: #7b1d20; font-weight: bold; }

#sidebar .video_box { background: #000; margin-bottom: 12px;  }
#sidebar .video_box p { font-size: 13px;line-height: 16px; font-weight: bold; color: #cdbe5b; padding: 10px 12px 15px; }

#sidebar .banner  { display: block; margin: 0 0 10px -4px; }
.home #sidebar .banner  { margin-left: 0; }
#sidebar .banner img  { display: block; }

/************************ POPUP ***/
#popup-overlay  { position: absolute; z-index: 1000; top: 0; left: 0; background: #000; display: none; }
#popup  { position: absolute; z-index: 1001; top: 0; left: 0; background: #fff; display: none; }

#popup form { background: url(../images/pattern-01.png) top left; overflow: hidden; zoom: 1; width: 860px; }
#popup form .img-block { float: left; padding: 20px; background: #fff; font-size: 13px; line-height: 16px; color: #686868; font-style: italic; }
#popup form .img-block img { margin-bottom: 20px; display: block; }
#popup form fieldset { font-size: 11px; line-height: 14px; color: #999; font-weight: bold; float: right; width: 270px; padding-top: 20px; }
#popup form fieldset h2 { font-size: 16px; color: #686868; font-weight: bold; font-style: italic; margin-bottom: 15px; }
#popup form fieldset label  { display: block; margin-bottom: 3px; }
#popup form fieldset .txt_input  { display: block; margin-bottom: 3px; background: #fff url(../images/form-el-bkg.png) top left no-repeat; border: none; padding: 3px 5px; width: 230px; margin-bottom: 8px; color: #000; font-weight: bold; }
#popup form fieldset textarea  { display: block; margin-bottom: 3px; background: #fff url(../images/form-el-bkg.png) top left no-repeat; border: none; padding: 3px 5px; width: 230px; height: 93px; margin-bottom: 8px; font-size: 11px; line-height: 14px; color: #000; font-weight: bold; font-family: arial, sans-serif; overflow: auto; }
#popup form fieldset .error { background-color: #ff8989; }
#popup form fieldset div  { overflow: hidden; zoom: 1; padding: 10px 0 15px; }
#popup form fieldset div label,
#popup form fieldset div .txt_input { width: 70px; }
#popup form fieldset div img  { float: right; }
#popup form fieldset button { float: right; margin: 0 30px 30px 0; width: 75px; height: 22px; background: url(../images/button-03.png); cursor: pointer; text-align: center; color: #830000; font-weight: bold; }
#popup form p { font-size: 14px; line-height: 17px; }
#popup form .close  { background: url(../images/button-05.png); display: block; width: 29px; height: 29px; position: absolute; top: 8px; right: 6px; cursor: pointer; text-indent: -9999px; }

/************************ FOOTER ***/
#footer { background: #7b1d20; position: relative; overflow: hidden; zoom: 1; padding: 25px 30px 20px 0; }

#footer div { float: left; padding: 55px 0 0 100px; font-size: 10px; line-height: 16px; color: #da7925; font-family: Verdana, arial, sans-serif; }
#footer div a { color: #da7925; text-decoration: none; }
#footer div a:hover { color: #fff; }
#footer div h2  { top: 23px; left: 40px; position: absolute; display: block; width: 221px; height: 35px; overflow: hidden; background: url('../images/tz-krapina-logo-small.gif'); text-indent: -9999px; }

#footer .footer_nav_01,
#footer .footer_nav_02  { float: right; padding-right: 30px; }
#footer .footer_nav_01 a { font-size: 12px; line-height: 17px; color: #cdbe5b; text-decoration: none; }
#footer .footer_nav_02 a { font-size: 13px; line-height: 20px; font-weight: bold; color: #da7925; text-decoration: none; text-transform: uppercase; }
#footer .footer_nav_01 a:hover,
#footer .footer_nav_02 a:hover  { color: #fff; }

#footer .author_logo  { position: absolute; left: 41px; bottom: 10px; color: #fff; font-size: 10px; text-decoration: none; }
#footer .author_logo:hover,
#footer .author_logo span { color: red; }

/************************ LIGHTBOX ***/
#jquery-overlay               { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; }
#jquery-lightbox              { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; text-align: center; line-height: 0; }
#jquery-lightbox a img        { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image     { padding: 10px; }
#lightbox-loading             { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-container-image-data-box                      { font-family:Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data                          { padding: 0; line-height: 16px; color: #1e2d3b; font-size: 14px; }
#lightbox-container-image-data #lightbox-image-details  { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption                         { font-weight: bold; }
#lightbox-image-details-currentNumber                   { display: block; clear: left; padding-bottom: 1.0em; font-size: 10px; line-height: 12px; color: #656565; }			
#lightbox-secNav-btnClose                               { width: 66px; float: right; padding: 0 3px 0.7em 0; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; text-decoration: none; background: url(../images/lightbox-btn-close.gif) right 2px no-repeat; }
#lightbox-buttons                                       { float: right; clear: right; padding-bottom: 5px; }
#lightbox-buttons img                                   { margin-left: 5px; cursor: pointer; }