/*-----------------------------------
Hrvatski kriket savez main CSS stylesheet 
-------------------------------------*/

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

/************************ GLOBAL STYLING ***/
body 		           { font:62.5%/1 "Arial",sans-serif; color:#686868; }
a:link, a:visited  { color:#c03; }
a:hover            { text-decoration:none; }

.fck li a   { text-decoration: none; }
.fck li a:hover   { text-decoration: underline; }

/************************ CONTAINER ***/
#container { position:relative; width:979px; padding-top:257px; margin:0 auto; padding-left:3px; background:url(../images/bg-container.png) no-repeat 0 0; }

#branding-logo   { position:absolute; left:3px; top:0; }
#branding-logo a { display:block; width:249px; height:257px; overflow:hidden; text-indent:-9999px; background:url(../images/branding-logo.png) no-repeat 50% 50%; }

#nav-lang     { position:absolute; right:3px; top:264px; z-index:1; }
#nav-lang li  { float:left; margin-left:6px; display:inline; }
#nav-lang img { vertical-align:top; opacity: 0.4; filter: alpha(opacity=40); }
#nav-lang img.active  { opacity: 1; filter: alpha(opacity=100); }

/************************ CONTENT ***/
#content       { background: url(../images/bg-content.png) repeat-y 0 0; }
#content       { *min-height:0; _height:1%; }
#content-inner { background:url(../images/bg-content-main.png) bottom right no-repeat; overflow: hidden; zoom: 1; }

/************************ Navigation(s) ***/
#content-nav { float:left; width:258px; min-height:422px; _height:422px; background:url(../images/bg-content-nav.png) no-repeat 100% 0; }

#content-nav .banners { width:249px; margin-top:87px; text-align:center; }
#content-nav .banners img { margin-bottom:20px; }

/************************ >> Main navigation ***/
#nav-main ul, #nav-main li, #nav-main a { background-image:url(../images/bg-nav-main.png); background-repeat:no-repeat;  }
#nav-main li { width:249px; padding-bottom:1px; vertical-align:top; background-position:0 100%;  }
#nav-main a  { display:block; width:198px; padding:6px 35px 6px 16px; font-weight:bold; font-size:1.3em; line-height:1.3; font-family:"Verdana",sans-serif; color:#fff; text-decoration:none; background-position:0 0; }
#nav-main .active            { background-position:-249px 100%; }
#nav-main .active a          { background-position:-249px 0; }
#nav-main .sub-cat           { background-image:none; padding-bottom:0; }
#nav-main .sub-cat a         { background-position:-498px 0; }
#nav-main .sub-cat ul        { background-position:-1245px 0; padding-top:1px; }
#nav-main .sub-cat li        { background-position:-747px 100%; }
#nav-main .sub-cat li a      { background-position:-747px 0; font-size:1.1em; line-height:1.5; }
#nav-main .sub-cat .active   { background-position:-996px 100%; }
#nav-main .sub-cat .active a { background-position:-996px 0; }

/************************ Main content ***/
#content-main { position:relative; float:left; width:701px; padding:23px 0 0 20px; zoom: 1; }

.heading-t01  { display:block; margin-left:-12px; border-bottom:3px solid #97ca3f; letter-spacing:3px; font-weight:normal; font-size:2.2em; line-height:1.4; font-family:"Verdana",sans-serif; color:#333; }

#content-main h1    { margin:25px 0; font-weight:normal; font-size:1.8em; font-family:"Verdana",sans-serif; color:#333; }
#content-main .date { position:absolute; left:20px; top:64px; }

.no-show  { display: none; }

#home-col-1 { float: left; width: 500px; margin-left: -12px; *display: inline; }
#home-col-1 .heading-t01  { margin: 0 0 22px 0; }
#home-col-1 .fck  { overflow: hidden; zoom: 1; }
#home-col-2 { float: right; width: 205px; padding-top: 28px; }

/************************ >> Admin input ***/
.fck        { font-size:1.2em; line-height:1.4; }
.fck:after  { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.fck        { *min-height:0; _height:1%; }
.fck h2, .fck h2 a, .fck h3, .fck h4       { margin-bottom: 15px; font-weight:bold; color:#333; text-decoration: none; }
.fck h2     { font-size:1.167em; }
.fck p      { margin-bottom:15px; }
.fck strong { font-weight:bold; }
.fck em     { font-style:italic; }
.fck ul     { margin:20px 0; padding-left:40px; list-style:disc; }
.fck ol     { margin:20px 0; padding-left:40px; list-style:decimal; }
.fck li     { margin:5px 0; }
.fck .more  { font-size:0.92em; text-decoration: none; font-weight: bold; }
.fck .pos-left  { float:left; margin:0 15px 15px 0; }
.fck .pos-right { float:right; margin:0 0 15px 15px; }

/************************ >> Lists ***/
#list-t01 li { overflow:hidden; border-bottom:1px solid #dedede; padding-bottom: 20px; margin-bottom: 20px; }
#list-t01 li .img  { float: left; margin-right: 44px; position: relative; min-height: 1px; height: 10px; *border: 1px solid #fff; }
#list-t01 li .img img { display: block; }
#list-t01 li .img span  { width: 27px; height: 28px; top: 0; right: -30px; position: absolute; padding: 3px 0 0 3px; background: url(../images/bg-date.gif); font-family: Tahoma, Arial, Sans-serif; font-size: 10px; color: #fff; line-height: 12px; }
#list-t01 li .img span b  { color: #f68e92; font-weight: normal; display: block; }

#list-t01 li .fck { overflow: hidden; zoom: 1; }

.list-02  { overflow: hidden; zoom: 1; padding-bottom: 22px; width: 500px; }
  .list-02 li { float: left; width: 160px; margin-right: 10px; font-size:1.2em; line-height:1.4; }
  .list-02 li.last { margin: 0; }
  .list-02 li img { display: block; margin-bottom: 5px; }
  .list-02 li h3  { font-size:1.167em; margin-bottom: 10px; font-weight:bold; color:#333; }
  .list-02 li p { margin-bottom: 10px; }
  .list-02 li .more  { font-size:0.92em; text-decoration: none; font-weight: bold; }

.list-03  { float: right; width: 165px; background: #ecefe9; margin-left: 10px; padding: 5px 0; }
  .list-03 li  { padding: 2px 4px; }
  .list-03 a  { font-size: 11px; font-weight: bold; font-family:"Verdana",sans-serif; text-decoration: none; }

.fck .list-04  { list-style: none; margin: 0 0 15px 0; padding: 0; border-top: 1px solid #dedede; }
  .fck .list-04 li { padding: 10px 18px 10px 0; border-bottom: 1px solid #dedede; overflow: hidden; zoom: 1; }
  .fck .list-04 li a { font-weight: bold; overflow: hidden; zoom: 1; display: block; }
  .fck .list-04 li span { float: right; font-size: 10px; }
  .fck .list-04 span.top { float: none; display: block; }
  .fck .list-04 .img-block  { float: left; width: 130px; margin-right: 20px; text-align: center; }
  .fck .list-04 .img-block a  { display: inline; }
  .fck .list-04 .txt-block  { overflow: hidden; zoom: 1; }

.pagination { text-align: center; padding-bottom: 15px; }
  .pagination li,
  .pagination li a  { display: inline; font-size: 12px; font-weight: bold; color: #cc0033; }
  .pagination li a  { padding: 0 2px; text-decoration: none; }
  .pagination li a.on  { background: #ed1c24; color: #fff; }
  .pagination li a.off  { color: #7c7c7c; }
  .pagination .marg { margin-left: 25px; } 

/************************ >> Boxes ***/
.side-box { background: url(../images/bg-side-box-middle.gif) top left repeat-y; width: 205px; margin-bottom: 10px; }
  .side-box h2 { background: url(../images/bg-side-box-top.gif) top left no-repeat; padding: 9px 6px 6px 3px; margin: 0 -6px 0 -3px; font-size: 12px; font-weight: bold; font-family:"Verdana",sans-serif; color: #fff; text-align: center; }
  .side-box .inner  { background: url(../images/bg-side-box-bottom.gif) bottom left no-repeat; padding: 0 6px 7px 3px; zoom: 1; }
  .side-box table  { width: 100%; color: #686868; margin-bottom: 10px; }
  .side-box table th  { font-size: 10px; padding: 2px 4px; }
  .side-box table td  { font-size: 11px; font-weight: bold; padding: 3px 4px; }
  .side-box table .col  { text-align: center; border-left: 1px solid #dedede; }
  .side-box table .bkg  { background: #e9e9e9; }
  .side-box table .bkg .col { border-left: 1px solid #fff; }
  .side-box ul  { padding: 10px 0; }
  .side-box ul li { position: relative; padding: 4px 5px 4px 22px; font-size: 11px; zoom: 1; min-height: 33px; height:auto !important; height: 33px; }
  .side-box ul .bkg  { background: #e9e9e9; }
  .side-box ul .date-box { width: 15px; height: 28px; top: 4px; left: 0px; position: absolute; padding: 3px 0 0 3px; background: url(../images/bg-date.gif) top right; font-family: Tahoma, Arial, Sans-serif; font-size: 10px; color: #fff; line-height: 12px; }

.contact-box  { float: left; width: 375px; }

#google-map { height: 300px; border: 1px solid #ccc; padding: 1px; margin-bottom: 15px; }

/************************ >> Sliders ***/
.home-box { margin-left:-12px; padding-bottom: 10px; margin-bottom: 30px; background: url(../images/bg-home-box.jpg) bottom right no-repeat; position: relative; zoom: 1; }
.home-box .article  { padding: 22px 0 30px 0; }
.home-box .article li { display: none; overflow: hidden; zoom: 1; padding-right: 20px; }
.home-box .article li.on { display: block; }
.home-box .article li .img-block { float: left; margin-right: 25px; }
.home-box .article li .img-block img { display: block; }
.home-box .article li .fck { overflow: hidden; zoom: 1; }
.home-box .article li .fck .date-box { font-size: 10px; color: #7c7c7c; line-height: 12px; }
.home-box .thumbs { overflow: hidden; zoom: 1; width: 684px; position: relative; }
.home-box .thumbs ul { width: 10000px;  }
.home-box .thumbs ul li  { float: left; margin-right: 12px; width: 160px; cursor: pointer; }
.home-box .thumbs ul img { display: block; }
.home-box .thumbs ul div  { position: relative; zoom: 1; }
.home-box .thumbs ul div span { display: block; position: absolute; bottom: 0; width: 143px; padding: 3px 8px; background: #000; opacity: 0.7; }
.home-box .thumbs ul p  { background: #484848; font-size: 12px; line-height: 16px; font-weight: bold; color: #c8c8c8 !important; font-family:"Verdana",sans-serif; color:#333; padding: 4px 8px; }

.home-box .thumbs ul li.over div span,
.home-box .thumbs ul li.on div span { opacity: 1; }
.home-box .thumbs ul li.over p,
.home-box .thumbs ul li.on p  { background: #000; color: #fff !important; }

.home-box .prev,
.home-box .next { display: block; position: absolute; width: 26px; height: 23px; right: 1px; text-indent: -9999px; cursor: pointer; }
.home-box .prev { background: url(../images/arrow-02-left.gif); bottom: 116px; }
.home-box .next { background: url(../images/arrow-02-right.gif); bottom: 83px; }
.home-box .off  { opacity: 0.4; filter: alpha(opacity=40); }


.slider-photo { margin:20px 0; }
.slider-photo h2  { font-size: 13px; line-height: 15px; font-weight: bold; color: #333; background: url(../images/bg-photos-title.gif) top left no-repeat; padding: 4px 0 2px 28px; margin-bottom: 5px; }
.slider-photo .box { width: 709px; height: 142px; background: url(../images/bg-slider-photo.png); margin: 0 0 0 -10px; position: relative; padding: 1px; }
.slider-photo .slider { margin: 18px 0 0 37px; position: relative; width: 627px;  overflow: hidden; zoom: 1; height: 99px; }
.slider-photo .slider ul  { position: absolute; width: 10000px; }
.slider-photo .slider li  { float: left; margin-right: 5px; }
.slider-photo a.prev,
.slider-photo a.next  { display: block; position: absolute; top: 5px; width: 25px; height: 130px; text-indent: -9999px; cursor: pointer; }
.slider-photo a.prev  { left: 5px; background: url(../images/arrow-01-left.gif) center center no-repeat; }
.slider-photo a.next  { left: 680px; background: url(../images/arrow-01-right.gif) center center no-repeat; }
.slider-photo a.off  { opacity: 0.4; filter: alpha(opacity=40); }

/************************ Forms ***********/
.form-01  { float: right; width: 256px; padding-right: 20px; font-size:1.2em; line-height:1.4; }
.form-01 h2 { font-weight:bold; color:#333; font-size:1.167em; margin-bottom: 15px; }
.form-01 li { margin-bottom: 5px; }
.form-01 label  { display: block; margin-bottom: 2px; }
.form-01 label em { color: red; }
.form-01 .txt { border: 1px solid #ccc; padding: 2px; margin-bottom: 5px; width: 190px; }
.form-01 .error { background: #ee8585; border: 1px solid red; }
.form-01 textarea { border: 1px solid #ccc; padding: 2px; width: 250px; height: 100px; overflow: auto; font-size:1em; line-height:1.4; font-family:"Arial",sans-serif; }
.form-01 button { float: right; border: 1px solid #ccc; font-weight: bold; padding: 1px 2px; background: #fff; cursor: pointer; }

/************************ Photo gallery ***/
.photo-gallery,
.photo-gallery table  { width:701px; zoom: 1; }
.photo-gallery h2 { display:block; margin:0 0 20px -12px; padding-left: 12px; border-bottom:3px solid #97ca3f;  font-weight:bold; font-size:1.3em; line-height:1.4; color:#333; }
.photo-gallery td { width:169px; padding: 0 0px 30px 0; vertical-align: top; }
.photo-gallery a  { display:block; text-decoration: none; color: #686868 !important; }
.photo-gallery img  { display:block; margin-bottom: 5px; width: 169px; }

/************************ FOOTER ***/
#footer { position:relative; width:100%; overflow:hidden; clear:left; background:#c9cacb; }

#nav-supp    { position:relative; left:50%; float:left; padding:7px 0; }
#nav-supp li { position:relative; right:50%; float:left; background:url(../images/bg-sep-01.png) no-repeat 0 0; }
#nav-supp a  { font-size:1.2em; font-family:"Verdana",sans-serif; text-decoration:none; color:#fff; }
#nav-supp a:hover { text-decoration:underline; }
#nav-supp .first  { background:none; }

.lang_hr #nav-supp li  { padding:0 14px; }
.lang_en #nav-supp li  { padding:0 8px; }

#nav-sponsors { background:url(../images/bg-nav-sponsors.gif) top left repeat-y; clear:left; }
#nav-sponsors div { padding: 7px 5px 5px 40px; background:url(../images/bg-nav-sponsors-icon.gif) left 25px no-repeat; }
#nav-sponsors table { width: 922px; height: 160px; }
#nav-sponsors table td  { padding: 10px 0px; text-align: center; vertical-align: middle; }

/************************ MISC. ***/
#container-slideshow { position:absolute; right:0; top:0; background: url(../images/container-slideshow-bkg.jpg) bottom left no-repeat; width: 730px; height: 280px; }

/*----------- 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; }