@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,500,600,700&subset=latin,latin-ext);

/* RESET */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
  margin: 0;
  padding: 0;
}

img, fieldset {
  border: 0;
}


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
  display: block;
}

/* Common */
HTML{background-color: #FFF; }

BODY{ 
  margin: 0px;padding: 0px; text-align: center; 
  font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif;   color: #000000; font-size: 14px;  font-weight: 400;
  background-color: #FFF; 
  background-image: url("/static/img/page/bg.png"); background-repeat: repeat; background-position: 0px 0px;
}
BODY.idx{}
BODY.sub{}

FORM{margin: 0px; padding: 0px;}
P{ margin: 0px; padding: 0px;}
IMG{margin: 0px; padding: 0px; border: 0px;}
IMG.imgrwd{  
  max-width: 100%;
  height: auto;
  width: auto\9; / ie8 /  
}

.link{ cursor: pointer;}
.clrbth, .clear{clear: both;}
.left{float: left; padding-right: 10px; padding-bottom: 10px;}
.right{float: right; padding-left: 10px; padding-bottom: 10px;}


#bg-bad{}
#bg-good{background-repeat: no-repeat; background-position: center 150px; }


/* Content wrapper */
#container{
  max-width: 1170px; padding:  0px 10px 0px 10px; margin: 0px auto; text-align: left;
}


    
#index-content{padding-top: 21px; padding-bottom: 10px;}
#sub-content  {padding-top: 30px; padding-bottom: 30px;}
#index-all, #sub-all{} /* NO LEFT, NO RIGHT*/
#index-big, #sub-big{width: 73.9%; float: left; padding: 0 0 0 0;  } /* LEFT, NO RIGHT*/
#index-big-left{
  /*width: 570px; float: left; padding: 0 0 0 0 ;*/
  float: none;
  overflow: hidden;
  position: relative; 
} /* NO LEFT, RIGHT*/
#sub-big-left  {
  
  /*width: 870px; float: left; padding: 0 0 0 0 ;*/
  float: none;
  overflow: hidden;
  position: relative; 
} /* NO LEFT, RIGHT*/

#index-small   , #sub-small{width: 526px; float: left; padding: 0px 0px 0px 0px;} /*LEFT, RIGHT*/


/* Left container*/
#sub-left{width: auto; /*float: left;*/ overflow: hidden;}

/* Right container*/
#index-right{width: 570px; float: right; padding-left: 30px; padding-right: 0px;}
#sub-right  {width: 270px; float: right; padding-left: 30px; padding-right: 0px;}





/* content - h1,h2, ...*/
.content, .content P{text-align: left;}
.content a          {text-align: left; font-size: 14px; color: #00853f; text-decoration: none;}
.content a:hover    {text-align: left; font-size: 14px; color: #00853f; text-decoration: underline;}
.content b, .content strong{ font-weight:700;}

.page_title{line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #00853f; font-size: 38px; font-weight: 700; padding: 2px 20px 8px 20px;margin: 0px 0px 0px 0px;  line-height: 48px; background-color: #FFF;
}
h1         {line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #00853f; font-size: 38px; font-weight: 700; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: 48px; display: block;  }
h2         {line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #00853f; font-size: 28px; font-weight: 400; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: normal; display: block;  }
h3         {line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #00853f; font-size: 24px; font-weight: 400; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: normal; display: block;  }
h4         {line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #00853f; font-size: 18px; font-weight: 400; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: normal; display: block;  }
h5         {line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #00853f; font-size: 16px; font-weight: 400; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: normal; display: block;  }
h6         {line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #00853f; font-size: 14px; font-weight: 400; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: normal; display: block;  }

.content blockquote {
    border-left: 5px solid #eee;
    margin: 0;
    padding: 10px 20px;
}
.content blockquote p {
    color: #777777;
    font-style: italic;
    font-weight: 400;
    line-height: 1.25;
}


.document{/*line-height: 20px; padding: 0px 0px 0px 0px;*/
  padding: 20px; background-color: #FFF; 
}

/* PRE-set table */
/* RWD -- OLD CLASS */
.document .custom-table{
  width: 100%; border-collapse: collapse; border-bottom: 1px solid #00853f;
}

.document .custom-table TR TH{
  padding: 10px 10px 13px 10px;
  color: #ffffff; font-weight: 600; font-size: 15px;  text-transform: uppercase;
  background-color: #00853f;  
}
.document .custom-table TR TD{
  padding: 10px 10px 13px 10px;
  color: #171717; font-weight: 400; font-size: 15px;  
}
.document .custom-table TR:nth-child(odd) td{
  background-color: #f4f4f4;
} 
.document .custom-table TR.odd TD{
  background-color: #f4f4f4;
}

/* RWD TABLE */
.document table.tablerwd{
  width: 100%; border-collapse: collapse; border-bottom: 1px solid #00853f;
}

.document table.tablerwd TR TH{
  padding: 10px 10px 13px 10px;
  color: #ffffff; font-weight: 600; font-size: 15px;  text-transform: uppercase;
  background-color: #00853f;  
}
.document table.tablerwd TR TD{
  padding: 10px 10px 13px 10px;
  color: #171717; font-weight: 400; font-size: 15px;  
}
.document table.tablerwd TR:nth-child(odd) td{
  background-color: #f4f4f4;
} 
.document table.tablerwd TR.odd TD{
  background-color: #f4f4f4;
}

.content ul{margin-left: 0px;padding-left: 0px; list-style: none;  line-height: 28px;}
.content ul li{ padding-left: 19px; background-image:  url("/static/img/content/bullet.png"); background-repeat: no-repeat; background-position: 4px 11px;}

.content ol{margin: 0px 0px 0px 0px; padding-left: 21px;}
.content ol li{padding-bottom: 20px; }

.tabela{border-collapse: collapse;border: 0px solid #656565;}
.tabela tr.first{ background-color: #68c11c;}
.tabela tr.first td{ font-size: 14px; color: #ffffff; }
.tabela tr.even{ background-color: #e9fce5;}
.tabela tr td{padding: 8px 10px 8px 10px;}

/* Popup */

	.popup_overlay{width:100%;    height:100%;position:absolute;    top:0; left:0;  display:none;   z-index: 6000;       
	  /*background:#000;    
	  filter:alpha(opacity=80);    -moz-opacity:0.8;    -khtml-opacity: 0.8;    opacity: 0.8;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
	  background-image:url('/static/img/popup/popup_overlay.png'); background-repeat: repeat;}
	
	.popup{display: none;  position:absolute; z-index: 6001;  padding:18px 30px; top: 50%; left: 50%;
	  text-align: left;  
	  background:  #FFF;
	  /*
	  -webkit-box-shadow: 0px 2px 3px rgba(63, 63, 63, 0.37); -moz-box-shadow: 0px 2px 3px rgba(63, 63, 63, 0.37); box-shadow:  0px 2px 3px rgba(63, 63, 63, 0.37);     
	  -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px;*/
	}
	.popup .page_title{padding-left:0px; }
	.popup .popup_btnclose{ width: 12px; height: 12px; position: absolute; z-index:5002; right: 10px; top: 10px; cursor: pointer;
	  background-image: url("/static/img/popup/popup_close.png"); background-repeat: no-repeat; background-position: 0px 0px;
	}
	.popup .popup_btnclose:hover{background-position: 0px -12px;}
	.popup .btn{margin-top: 42px; text-transform: uppercase; font-weight: 700; }
	
	.popup a{color: #00853f; text-decoration: underline;}
	.popup a:hover{text-decoration:none;}
	
	#documentPopup{max-width: 510px; padding: 45px 30px 22px; line-height: 16px;}
  #documentPopup h2{font-weight: 700; font-size: 30px; margin-bottom: 21px;}
	
  /*
  .popupOverlay { 
    display:none;position:absolute;width:100%;height:100%; top:0; left:0;z-index: 5050; ; 
    background:#d7d7d7; 
    filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;
  }
  
  .popup{
    display: none;  position:absolute; z-index:5051; max-width: 490px;  padding: 20px 20px 40px 20px;  top: 50%; left: 50%;
    text-align: left;  
    background:  #FFF;        
  }
  .popup .ttl{text-align: center; color: #2a2a2a; font-size: 24px; font-weight: 500; line-height: 29px; padding-bottom: 24px; }
  .popup .txt{text-align: center; color: #484848; font-size: 15px; font-weight: 400; line-height: 18px; padding-bottom: 24px; }  
  
  
  .popup .btnclose{ width: 12px; height: 12px; position: absolute; z-index:5002; right: 10px; top: 10px; cursor: pointer;
    background-image: url("/static/img/page/popupclose.png"); background-repeat: no-repeat; background-position: 0px 0px;
  }
  .popup .btnclose:hover{background-position: 0px -12px;}*/
  

/*Form*/
  
  .form{padding: 0px 0px 20px 0px; background-color: #FFF; }
    
  .form .flditm{width: 46%; padding: 0 2%; float: left; }
  .form .flditm-label{
      padding: 2px 0px 3px 0px;  position: relative;
     font-size:14px; color:#211e1f; font-weight: 400; text-align: left; line-height: 18px;
  }
  .form .flditm-label-mand{ color: #00853f; font-size: 18px; line-height: 18px; padding-left: 2px; margin-top: 3px;}
  .form .flditm-fld{text-align: left; position: relative;}
  .form .flditm-fld INPUT, 
  .form .flditm-fld SELECT, 
  .form .flditm-fld TEXTAREA{width: 96%;  padding: 9px 2% 10px; margin-bottom: 4px; 
    font-family: 'Titillium Web', Verdana, Geneva, sans-serif;color: #304155; font-size: 14px; font-style: normal; 
    
    border:1px solid #ebebeb;
    /* background-color: #f2f2f2; background-image: url("/static/img/form/fieldshadow.jpg"); background-repeat: repeat-x;background-position: top left; */
    background-color: #f0f0f0;
  }
  
   
  .form .flditm-fld INPUT:focus, 
  .form .flditm-fld SELECT:focus, 
  .form .flditm-fld TEXTAREA:focus{border: 1px solid #00853f;   
  }
  .form .flditm-fld-captcha IMG   {margin-left: 15px; vertical-align: middle;}  
  
  .form .flditm-fld.flditm-fld-date INPUT,
  .form .flditm-fld.flditm-fld-time INPUT ,
  .form .flditm-fld.flditm-fld-location INPUT  {padding-left: 37px;}

  
  .form .fldbtn{float: right; margin-top: 20px; margin-right: 2%; position: relative; z-index: 10; font-weight: 700; text-transform: uppercase; }
  .form .txt-mandatory{clear: both; padding: 2%;}
  .form .flditm-fld-captcha INPUT{width: 46%;}  
  
  .form .validation{margin: 0 2% 2%; }
  
  .btn{
    background-color: #00853f; font-size: 14px; color: #FFF; width: 250px; text-align: center; padding: 15px 0; margin: 0 auto; cursor: pointer;
    -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
  }
  .btn:hover{
    background-color: #007738; 
  }
  
  .btn a{color: #FFF; text-transform: uppercase; font-weight: 700;}
  .btn a:hover{text-decoration: none; color: #FFF;}
  
  .form .thanks{display: none; }  

  .btn-back{background-color: #00853f; font-size: 14px; color: #FFF; width: 250px; text-align: center; padding: 15px 0; margin: 0 auto; cursor: pointer;
    -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out; }
  .btn-back:hover{background-color: #007738;}
  .btn-back a{color: #FFF; text-transform: uppercase; font-weight: 700;}
  .btn-back a:hover{text-decoration: none; color: #FFF;}
  
  
  /* Frm small*/
  .form-small{ 
    /*margin-top: 23px;*/ margin-bottom: 23px; padding: 0px 27px 20px 27px;
    background-image: url("/static/img/form/small-bg.jpg"); background-repeat: no-repeat; background-position: 0px 0px; background-color: #2f2b2c;
  }

  .form-small .form-ttl{color: #FFF; text-align: center; font-size: 30px; font-weight: 400; padding-top: 18px; padding-bottom: 9px;}  
  
  .form-small .flditm-label{ color: #FFF; padding-bottom: 7px;}
  .form-small .flditm-label-mand{ position: absolute; top: 0px; left: -10px;}  
  
  .form-small .flditm-fld INPUT   {width: 228px; padding: 6px 10px 6px 10px;}
  .form-small .flditm-fld SELECT  {width: 228px; padding: 6px 10px 6px 10px;}  
  .form-small .flditm-fld TEXTAREA{width: 228px; padding: 6px 10px 6px 10px;}
  .form-small .flditm-fld-captcha INPUT   {width: 100px;}  

  
  .form-small .fldbtn{float: none; text-align: center;}
  
  .form-small .txt-mandatory{color: #FFF;}
  
  .form-small .thanks{color: #FFF;  }
   
  
  
  /* Form - msgs */
  .info, .success, .warning, .error, .validation {
      border: 1px solid;
      margin: 10px 0px;
      padding:15px 10px 15px 50px;
      background-repeat: no-repeat;
      background-position: 10px center;
  }
   
  .info {
      color: #00529B;
      background-color: #BDE5F8;
      background-image: url('/static/img/icons/knob/info.png');
  }
  .success {
      color: #4F8A10;
      background-color: #DFF2BF;
      background-image:url('/static/img/icons/knob/success.png');
  }
  .warning {
      color: #9F6000;  
      background-color: #FEEFB3;
      background-image: url('/static/img/icons/knob/warning.png');
  }
  .error {
      color: #D8000C;  
      background-color: #FFBABA;
      background-image: url('/static/img/icons/knob/error.png');
  }
  .validation {
      color: #D63301;
      background-color: #FFCCBA;
      background-image: url('/static/img/icons/knob/error.png');
  } 
  .validation b, .validation strong{color: #D63301;}


    

/* header */
  #header-container{text-align: center; 
    background-color: #171717; padding-bottom: 10px;
  }

  #header-top{  position: relative; max-width:1170px; height: 49px;  padding-left: 8px; padding-right: 8px; padding-top: 1px;  text-align: left;  margin: 0px auto; 
    -webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -o-transition:all 1s ease-out; -ms-transition:all 1s ease-out; transition:all 1s ease-out;
  }  
  
  #header-bg{background-color: #00853f;}  
  #header{  position: relative; max-width:1170px; height: 90px;  padding-left: 8px; padding-right: 8px; text-align: left;  margin: 0px auto;  
    -webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -o-transition:all 1s ease-out; -ms-transition:all 1s ease-out; transition:all 1s ease-out;
  }  
	
  #logo{ diplay: inline-block; position: absolute; top: -16px; left: 10px; z-index: 5011; }
  
/* Header - newsletter */
  #header-newsletter{float: right; padding: 12px 12px 12px 32px;cursor: pointer;  
    font-size: 13px; color: #ababab; text-transform: uppercase; font-weight: 400;
    background-image: url("/static/img/header/newsletter.png"); background-repeat:  no-repeat; background-position:  0px 14px;
  }
  #header-newsletter:hover{cursor: pointer; background-position:  0px -56px; color: #00853f;}

  
/* Header - search */  
  #header-search{width: 237px; height: 39px; padding-top: 10px; border-right: 1px solid #545454; text-align: right; background-color: transparent; float: left;}
  #header-search-txtbg{ float: right;
    display: inline-block;
    height: 29px; 
  }
  #header-search-txt{border: 0px;background-color: #171717; width: 190px; padding-top: 3px;padding-bottom: 3px;
    color: #ababab; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; font-size: 13px; font-weight: 400; text-align: right; text-transform: uppercase;
  }
  #header-search-btn{display: inline-block; width: 34px; height: 29px; float: right;
    background-image: url("/static/img/header/search.png"); background-position: 9px 6px; background-repeat: no-repeat;
  }
  #header-search-btn:hover{background-position: 9px -64px; cursor: pointer;}

/* Header - search mobile */
  #header-search-mobile{display: none;
   width: 50px; height: 49px;  float: right; cursor: pointer; margin-right: 16px;
   border-right: 1px solid #545454; 
    background-image: url("/static/img/header/search.png"); background-position: 16px 16px; background-repeat: no-repeat;
  }
  #header-search-mobile:hover{background-position: 16px -54px;}  
  
/* Header - Socials */

  #header-socials{float: left; padding-left: 135px; 
    width: 152px; height: 34px; padding-top: 15px; border-right: 1px solid #545454; 
  }
  
  #header-socials .itm{height: 21px; width: 21px; margin-left: 12px; float: left; cursor: pointer;
    background-image: url("/static/img/header/socials.png"); background-repeat: no-repeat; background-position: 0px 0px; }
    
    #header-socials #header-socials-fb{background-position: 8px 0px;}
    #header-socials #header-socials-fb:hover{background-position: 8px -100px;}
    #header-socials #header-socials-tw{background-position: -28px 0px;}
    #header-socials #header-socials-tw:hover{background-position: -28px -100px;}
    #header-socials #header-socials-yt{background-position: -62px 0px;}
    #header-socials #header-socials-yt:hover{background-position: -62px -100px;}
    #header-socials #header-socials-in{background-position: -91px 0px;}
    #header-socials #header-socials-in:hover{background-position: -91px -100px;}

/* header - topmenu*/
  
  #topmenu{
    position: absolute; top: 0px; left: 148px; text-align: left; padding-top: 26px; 
  }
  #topmenu UL {
      margin: 0 auto;
  }
  #topmenu UL LI {  display: inline-block; padding-right: 0px; position: relative; }
  #topmenu UL LI.item a { padding: 9px 14px 0px 14px; display: inline-block; height: 55px; /*background-color: red;*/
    font-size: 14px;  color: #ffffff;  text-decoration: none;   font-weight: 400;  text-transform: uppercase;
    transition: all 0.2s ease-out 0s;
  }
  #topmenu UL LI.item:hover a, #topmenu UL LI.item a:hover {
     color: #FFF; font-weight: 400;text-decoration: none; background-color: #171717; 
  }
  #topmenu UL LI.item_sel a, #topmenu UL LI.item_sel a:hover { 
    color: #FFF;   font-weight: 400;  text-decoration: none; background-color: #171717; 
  }
  #topmenu UL LI.spacer {
      
  }
  
  #topmenu UL LI.item:hover .menusub{display: block;}
  #topmenu UL LI .menusub{ 
    position: absolute; top: 64px; left: 0px; width: 294px; display: none; padding-top: 0px; z-index: 100;       
    background-color: #171717;
  }  
  #topmenu UL  LI.item .menusub a{
    display: block;  
    padding: 16px 20px 0px 20px; height: 37px; text-transform: none; 
    color: #ffffff; font-size: 15px; font-weight: 600; text-decoration: none; text-transform: uppercase;
    
  }
  #topmenu UL  LI.item .menusub a:hover,  #topmenu UL  LI.item .menusub a.itemsub_sel{
     color: #00853f;   font-weight: 600;  text-decoration: underline;
  } 
  
  

  #topmenu UL LI.item:hover .menusubbig{display: block;}
  #topmenu UL LI .menusubbig{ 
    position: absolute; top: 64px; left: 0px; width: 465px; display: none; padding-top: 27px; z-index: 100;       
    background-color: #171717;
  }
  #topmenu UL LI .menusubbig .section{float: left; padding: 0 30px 0 30px; width: 100px; }
  #topmenu UL LI .menusubbig .section-twocols{width: 240px;}  
  #topmenu UL LI .menusubbig .section-items{padding-top: 10px; padding-bottom: 30px;}
  #topmenu UL LI .menusubbig a.section-ttl{ 
    padding: 0; display: block; height: auto; 
    color: #ffffff; font-size: 15px; font-weight: 600; text-transform: uppercase;
    transition: all 0.2s ease-out 0s;
  }  
  #topmenu UL LI .menusubbig a.section-ttl:hover/*,#topmenu UL LI .menusubbig a.section-ttl-sel*/{
    color: #00853f; font-size: 15px; font-weight: 600;  text-decoration: underline;      
  }
  
  #topmenu UL LI .menusubbig a.section-itm{ 
    padding: 0; display: block; height: auto; width: 100px; float: Left; padding-right: 20px;
     font-size: 14px; color: #ffffff;  text-decoration: none;   font-weight: 400;  text-transform: none; line-height: 30px;
    transition: all 0.2s ease-out 0s;
  }   
  #topmenu UL LI .menusubbig a.section-itm:hover,#topmenu UL LI .menusubbig a.section-itm-sel{
    color: #00853f; font-size: 14px; font-weight: 400;  text-decoration: underline;      
  }  
  
  
  

/* Left menu*/
#leftmenu{}
#leftmenu .leftmenu-title{font-weight: 500; color: #333; font-size: 30px; /*padding-left: 17px;*/}
  

/* footer*/


#footer-container{background-color: #161616; text-align: center; background-image: url('/static/img/footer/bg.png'); background-position: left bottom; background-repeat: repeat-x;}
#footer{ padding: 0; max-width: 1170px; margin: 0px auto; padding-left: 8px; padding-right: 8px;
  color: #b2b2b2; font-size: 14px; text-align: left; 
}

#footer-top{ padding: 0 ; min-height: 322px;
  color: #b2b2b2; font-size: 13px; font-weight: 400;
}



#footer-partnerji{padding: 20px 38px 0;}
#footer-partnerji{overflow: hidden; text-align: left;}


/*.index-news-content-big-item .index-news-content-big-item-img IMG{  
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */  
}*/

#footer-logoti{padding: 4px 0 16px;/*text-align: center;*/}
#footer-logoti IMG, #footer-partnerji IMG{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  filter: alpha(opacity=50);  -moz-opacity: 0.5;  -khtml-opacity: 0.5;  opacity: 0.5;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */   
}
#footer-logoti IMG:hover, #footer-partnerji IMG:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);  -moz-opacity: 1;  -khtml-opacity: 1;  opacity: 1;
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: none ; /* IE6-9 */
  zoom:1;
  -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */  
}
#footer-logoti IMG{
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */  
}
#footer-partnerji IMG{
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */  
}

#partnerjiTitle{padding-left: 20px; color: #b2b2b2;}

#footer-top UL {
    float: left; margin-left: 50px;
}
#footer-top UL LI {  display: inline-block; }
#footer-top UL LI.item a { padding: 5px 8px; display: inline-block;
  font-size: 13px;  color: #FFF;  text-decoration: none;  
  transition: all 0.2s ease-out 0s;  
}
#footer-top UL LI.item:hover a, #footer-top UL LI.item a:hover {
  text-decoration: underline;
}
#footer-top UL LI.item_sel a, #footer-top UL LI.item_sel a:hover { 
  text-decoration: underline;    
}

#footer-bottom{ padding: 0; line-height: 37px;
  color: #b2b2b2; font-size: 13px; font-weight: 400;
}
/*#footer-bottom a{ color: #9b9b9b; font-size: 13px; font-weight: 400; text-decoration: underline; }
#footer-bottom a:hover{color: #2a2a2a;}*/

#footer-bottom UL.links{float: right; }
#footer-bottom UL.links LI {  display: inline-block; }
#footer-bottom UL.links LI a { padding: 0 0 0 25px; display: inline-block; text-transform: uppercase;
  font-size: 13px;  color: #b2b2b2;  text-decoration: none;  
  transition: all 0.2s ease-out 0s;  
}
#footer-bottom UL.links LI:hover a, #footer-bottom UL.links LI a:hover {
  color: #00853f;
}  
  
/* Breadcrumb*/

.menu_breadchrumb{color: #a1a1a1; background-color: #FFF; font-weight: normal;  font-size: 13px; padding: 5px 19px 5px 19px; margin: 0px auto 29px; text-align:left;
  position: relative;
}
.menu_breadchrumb .breadchrumbitem{display: inline-block;  *zoom:1; *display: inline;}
.menu_breadchrumb .breadchrumbitem a            {color: #00853e;font-size: 13px; text-decoration: none;}
.menu_breadchrumb .breadchrumbitem a:hover      {color: #00853e;}
.menu_breadchrumb .breadchrumbitem.last a       {color: #a1a1a1;}
.menu_breadchrumb .breadchrumbitem.last a:hover {text-decoration: underline;}

.menu_breadchrumb .breadchrumbitem-spacer{display: inline-block;  *zoom:1; *display: inline;
  padding-left: 3px; padding-right: 3px;}

.menu_breadchrumb_spacer{display: none;}



/* Paging */
  
  .list_paging{ margin-top: 20px; padding: 8px 19px 18px; background-color: #FFF;  position: relative;
    color: #a9a9a9; font-size: 13px; font-weight: 700; text-decoration: none; text-align: right;}
  
  .list_paging div{display: inline-block; line-height: 20px; }
  .list_paging_arrowleft {cursor: pointer; text-decoration: none; text-transform: uppercase; margin-right: 15px; margin-top: 10px;
    /*position: absolute; left: 10px; float:  left; */
    background-image: url('/static/img/news/arrowleft.png'); background-position: left 0px; background-repeat: no-repeat; padding-left: 31px;
  }
  .list_paging_arrowleft:hover{color: #00853f;  text-decoration: none;  background-position: left -20px;}
  .list_paging_arrowleft_disabled{display: none;}
  
  .list_paging_arrowright{cursor: pointer;  text-decoration: none; text-transform: uppercase; margin-left: 15px; margin-top: 10px;
    /*position: absolute; right: 10px; */ float: right;
    background-image: url('/static/img/news/arrowright.png'); background-position: right -20px; background-repeat: no-repeat; padding-right: 28px;
  }
  .list_paging_arrowright:hover{color: #00853f;  text-decoration: none;  background-position: right 0px;}
  .list_paging_arrowright_disabled{display: none;}
  
  .list_paging_spacer{}
  .list_paging_numb    {font-size: 15px; cursor: pointer; padding: 0px 13px 0 12px; margin-top: 10px; }
  .list_paging_numb_sel, .list_paging_numb:hover{font-size: 15px; cursor: pointer; padding: 0px 13px 0 12px; margin-top: 10px; color: #00853f;}
    




/* Menu - sitemap*/
.sitemap_item{padding-top: 3px; padding-bottom: 3px; font-weight: bold; font-size: 13px;}
.sitemap_itemsub{padding-top: 3px; padding-bottom: 3px; font-size: 13px;}




/* right*/

#index-right .colfull{ width: 570px; margin-bottom: 20px; background-color: #FFF;}
#index-right .colhalf-left{width: 270px; margin-bottom: 20px; background-color: #FFF; float: left; }
#index-right .colhalf-right{width: 270px; margin-bottom: 20px; background-color: #FFF; float: left;margin-left: 30px; }

#sub-right .colhalf-right{margin-bottom: 20px; background-color: #FFF;}

#index-right .ttl, #sub-right .ttl{
  padding: 4px 15px 5px 15px;
  color: #00853f; font-size: 20px; font-weight: 400; text-transform:  uppercase;
  border-bottom:1px solid #00853f;
}
#index-right .txt, #sub-right .txt{ padding: 10px;}
#index-right .colfull .txt, #sub-right .colfull .txt{ padding: 20px;}

#index-right .btnmore, #sub-right .btnmore{
  background-color: #00853f;text-align: center; padding: 14px 0; margin: 0 auto; cursor: pointer;
  font-size: 14px; color: #FFF; text-transform: uppercase; font-weight: 700;
  -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;  
}
#index-right .btnmore:hover, #sub-right .btnmore:hover{
  background-color: #007738;
}




/* right_newsletter - Mailchimp */



.right_newsletter{ position: relative; text-align: center;
}

.right_newsletter .page_loading{position: absolute; right: 10px; top: 10px; z-index: 1000;}

.right_newsletter_content{padding: 0; width: 318px; margin: 0px auto; text-align: left;}

.right_newsletter_fieldlbl{color: #484848; font-size: 15px; font-weight: 400; padding-bottom: 5px;}
.right_newsletter_field{ text-align: left; padding-bottom: 20px;}
.right_newsletter_field INPUT{
    width: 100%; height: 33px;padding: 5px 7px;    display: block;           
    color: #484848 ;    
    background-color: #f1f1f1;    
    border: 1px solid #f1f1f1;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;         
}
.right_newsletter_field INPUT:focus{border: 1px solid #5c52bb;}

.right_newsletter_field TEXTAREA{}

.right_newsletter_field_btncontainer{}
.right_newsletter_field_btn { 
  
  width: 100%; height: 43px; cursor: pointer;   padding: 14px 0 0 0;
  color: #FFF; font-weight: 500; font-size: 15px; text-align: center; line-height: 14px;
  background-color: #5c52bb;   
  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
}
.right_newsletter_field_btn IMG{vertical-align: middle; margin-right: 11px; position: relative; top: -1px;}
.right_newsletter_field_btn:hover{ text-decoration: underline;}




/* Index */



#index-container{ padding: 14px 0px 21px 16px; margin-bottom: 8px;
  border: 1px solid #c8c8cb;}

#index-left{width: auto; /*float: left;*/ overflow: hidden;}

/* Točen čas - h1*/
#index-ttl{/*float: left;*/ width: 132px; float: left; }
#index-ttl h1{}
#index-ttl .ttl{line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #2a2a2a; font-size: 24px; font-weight: 400; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: normal; display: block;}
#index-ttl .txt{color: #2a2a2a; font-size: 16px; font-weight: 400;}

/* Place search*/
#index-placeinput{ width: auto; }
#index-placeinput INPUT{
  /*width:  100%;*/ padding: 12px 20px 12px 56px;
  color: #4e4e57; font-size: 24px; font-weight: 500;
  border: 0px;

  width: 494px;
  
  background-color: #f1f1f1; background-image: url("/static/img/search-pin.png"); background-repeat: no-repeat; background-position: 15px center; 
  
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

/* Timer */
#index-time{text-align: center; }

/* Timer - Current time */

#index-time #currtimecontainer{
  padding-bottom: 28px; border-bottom: 1px solid #4e4e57;
}
#index-time #currtime{ overflow: hidden;
  display: inline-block; position: relative; /*height: 120px;*/
  color: #2a2a2a; font-size: 100px; 
}
#index-time #currtime .time{float: left;}
#index-time #currtime .time .s{color: #a6a6a6;}
#index-time #currtime .tinfo{float: left; text-align: left; padding-left: 14px;}
#index-time #currtime .tinfo .o{ 
  padding-top: 18px;
  font-weight: 400; font-size: 26px; color: #a6a6a6; text-transform: uppercase;
}
#index-time #currtime .tinfo .tz{
  padding-top: 18px;  
  font-weight: 400; font-size: 26px; color: #5c52bb;  text-transform: uppercase;
}

#index-time #currtime .clockdate{padding-left: 20px; padding-bottom: 5px;
  color: #2a2a2a; font-size: 26px; font-weight: 400; clear: both; text-align: left; line-height: 18px; }



/* index txt*/ 
#index-txt{
  padding: 25px 0px 21px 0px;
}
#index-txt h2{
  font-weight: 500; font-size: 18px;
}
















/* Gallery - list */

.gallery_list{overflow: hidden; padding: 19px 33px 0px 33px; }
.gallery_list_spacer{width: 14px; height: 172px; float: left;} 
.gallery_list_item{float: left; width: 183px; height: 172px; cursor: pointer; }
.gallery_list_item .img{width: 177px; height:132px; padding: 3px; position: relative;}
.gallery_list_item .img .frame{position: absolute; width: 183px; height: 138px; top: 0px; left: 0px;z-index: 2;
  background-image: url('/static/img/gallery/gallery-item.png'); background-repeat: no-repeat; background-position: 0px 0px; }
.gallery_list_item:hover .img .frame{position: absolute; width: 183px; height: 138px; top: 0px; left: 0px;z-index: 2;
  background-image: url('/static/img/gallery/gallery-item.png'); background-repeat: no-repeat; background-position: 0px -138px; }

/*.gallery_list_item .spacer{height: 4px; }
.gallery_list_item .date{color: #3f3f3f; font-weight: normal; font-size: 12px; width: 152px; padding: 10px 2px 1px 2px; height: 18px;}*/
.gallery_list_item .title{ heightx: 30px; width: 177px; padding: 0px 3px 0px 3px; text-align: center; overflow: hidden; background-color: transparent;}
.gallery_list_item .title a        { font-size: 14px;  color: #676767; text-decoration: none;}
.gallery_list_item .title a:hover , 
  .gallery_list_item:hover .title a{font-size: 14px;  color: #137ABF; text-decoration: none;}
/*.gallery_list_item .more      {  width: 150px; padding: 0px 3px 0px 3px; color: #f58633; font-size: 14px;}
.gallery_list_item:hover .more{  width: 150px; padding: 0px 3px 0px 3px; color: #f58633; font-size: 14px; text-decoration: underline;}*/

.gallery_list_row{height: 1px;clear: both; }


/* Gallery -details*/
.gallery_details{overflow: hidden; padding: 19px 33px 0px 33px; }
.gallery_details .date{font-size: 12px; color: #3f3f3f;text-decoration: none; padding-bottom:14px;}
.gallery_details .desc{padding-bottom: 20px;padding-top: 20px;}
.gallery_details_spacer{width: 13px; height: 142px; float: left;}
.gallery_details_item{float: left; width: 156px; height: 142px;}
.gallery_details_item .img{width: 156px; height:100px;  background-color: #f88e40; overflow: hidden; text-align: center;}
.gallery_details_item .img IMG{/*width: 156px; height:100px;*/ }
.gallery_details_item .title{ height: 30px; width: 152px; padding: 8px 2px 0px 2px; overflow: hidden; font-size: 12px;  color: #353d4f; text-decoration: none; text-align: center;}
.gallery_details_row{height: 10px;clear: both; }

/* Gallery - index*/
.galley_index{background-color: #ededed; width: 586px; padding: 11px 0px 0px 13px; position: relative; left: -9px;}
.galley_index_title{font-family: Verdana, Geneva, sans-serif;; font-size: 18px;font-weight: 400; text-transform: uppercase; cursor: pointer;
  padding-bottom: 12px; padding-left: 3px;}

.gallery_index_item{float: left; width: 183px; height: 138px; cursor: pointer; }
.gallery_index_item .img{width: 177px; height:132px; padding: 3px; position: relative;}
.gallery_index_item .img .frame{position: absolute; width: 183px; height: 138px; top: 0px; left: 0px;z-index: 2;
  background-image: url('/static/img/gallery/gallery-item.png'); background-repeat: no-repeat; background-position: 0px 0px; }
.gallery_index_item:hover .img .frame{position: absolute; width: 183px; height: 138px; top: 0px; left: 0px;z-index: 2;
  background-image: url('/static/img/gallery/gallery-item.png'); background-repeat: no-repeat; background-position: 0px -138px; }

.gallery_index_spacer{width: 13px; height: 138px; float: left;}
.gallery_index_row{height: 13px;clear: both; }


/* News FRONT TOP */
#index-news-content .btn{display: block; width: 100%; }
.index-news-content-big-item{background-color: #FFF; margin-bottom: 10px; cursor: pointer;}
.index-news-content-big-item:hover .title a{text-decoration: underline;}
.index-news-content-big-item .index-news-content-big-item-content{padding: 15px 20px;}
.index-news-content-big-item .title{}
.index-news-content-big-item .title a{color: #00853f; font-weight: 700; font-size: 20px; line-height: 24px;}
.index-news-content-big-item .date{border-bottom: 1px solid #dadada; padding: 5px 0 6px;}
.index-news-content-big-item .summary{padding-top: 8px; line-height: 16px;}
.index-news-content-big-item .summary .more{cursor: pointer; color: #00853f; text-decoration: underline; padding-top: 9px; display: inline-block; *zoom: 1; *display: inline;}
.index-news-content-big-item .summary .more:hover{text-decoration: none;}
.index-news-content-big-item .index-news-content-big-item-img IMG{  
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */  
}

/* News FRONT BOTTOM */
.index-news-content-small-item{background-color: #FFF; margin-bottom: 10px; cursor: pointer; /*height: 180px;*/ overflow: hidden;}
.index-news-content-small-item:hover .title a{text-decoration: underline;}
.index-news-content-small-item .index-news-content-small-item-img{float: left; width: 218px; padding-right: 21px;}
.index-news-content-small-item .index-news-content-small-item-content{/*float: left; width: 300px;*/ overflow: hidden; padding: 15px 0px 15px 21px; }
.index-news-content-small-item .title{}
.index-news-content-small-item .title a{color: #00853f; font-weight: 700; font-size: 20px; line-height: 24px;}
.index-news-content-small-item .date{border-bottom: 1px solid #dadada; padding: 5px 0 6px;}
.index-news-content-small-item .summary{padding-top: 8px; line-height: 16px;}
.index-news-content-small-item .summary .more{cursor: pointer; color: #00853f; text-decoration: underline; padding-top: 9px; display: inline-block; *zoom: 1; *display: inline;}
.index-news-content-small-item .summary .more:hover{text-decoration: none;}

/* News DETAILS */
.news_title{padding: 6px 25px 8px;}
.news_details{background-color: #FFF; padding-bottom: 24px;}
.news_details .page_title h1{}
.news_details .news_details_date{padding: 0 25px; font-size: 18px; }
.news_details .news_details_img{padding-top: 10px;}
.news_details .news_details_img IMG{  
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */  
}


.news_details .news_details_socials{float: left; width: 135px;}
.news_details .news_details_desc{
    /*float: left; max-width: 700px;*/ padding-bottom: 32px;
  float: none; overflow: hidden;
}
.news_details .news_details_desc .desc-short{font-size: 20px; color: #000; line-height: 30px; padding: 21px 31px;}
.news_details .news_details_desc .desc-long{font-size: 14px; color: #000; line-height: 24px; padding: 13px 31px 0;}

.news_details .news_detail_btnback{
  padding-top: 20px; border-top: 1px solid #d0d0d0;
}

.news_details_gallery_wrapper{padding: 7px 11px 20px; margin: 20px 0 0; border-top: 1px solid #00853f; border-bottomx: 1px solid #d0d0d0;
  position: relative;
}
.news_details_gallery_title{

color: #030303; font-size: 30px; font-weight: 700; padding: 0 16px 8px;

}
.news_details_gallery{
  overflow: hidden; /*max-width: 792px;*/ position: relative; /*float: left;*/
  padding-left: 28px; padding-right: 28px;

}
.news_gallery_container{position: relative; }
.news_details_gallery .img{float: left; width: 180px; padding: 0 9px;}
.news_details_gallery .spacer{display: inline-block; *zoom: 1; *display: inline; }
 #news_details_gallery_leftarrow,
  #news_details_gallery_rightarrow{
  width: 28px; background-color: #ececec; cursor: pointer; position: absolute; z-index: 1; top: 61px;
}
#news_details_gallery_leftarrow{
  left: 11px;   
}
#news_details_gallery_rightarrow{
  right: 11px;  
}

#news_details_gallery_leftarrow .arrow,
  #news_details_gallery_rightarrow .arrow{width: 28px; height: 20px; background-image: url('/static/img/gallery/gallerypaging.png'); backgroud-repeat: no-repeat;
  margin: 64px 0 65px;
}
#news_details_gallery_leftarrow .arrow{background-position: 0px 0px;}
#news_details_gallery_leftarrow:hover .arrow{background-position: 0px -20px;}
#news_details_gallery_rightarrow .arrow{background-position: -28px 0px;}
#news_details_gallery_rightarrow:hover .arrow{background-position: -28px -20px;}

.igralci-details .news_details_gallery{max-width: 496px; margin: 0 3px; }
.igralci-details .news_details_gallery_title{font-size: 24px; font-weight: 600; padding: 2px 9px 14px;}
.igralci-details .news_details_gallery_wrapper{padding-bottom: 0;}

.igralci-details  #news_details_gallery_leftarrow .arrow,
    .igralci-details #news_details_gallery_rightarrow .arrow{width: 28px; height: 20px; background-image: url('/static/img/gallery/gallerypaging.png'); backgroud-repeat: no-repeat;
    margin: 65px 0 65px;
  }

 /* News LIST */
.news_full{padding-top: 20px;}
.news_full_item{background-color: #FFF; margin-bottom: 10px; cursor: pointer; /*height: 180px;*/ overflow: hidden;}
.news_full_item:hover .newsttl a{text-decoration: underline;}
.news_full_item .img{float: left; width: 218px; padding-right: 21px;}
.news_full_item .news_full_content{/*float: left; width: 100%;*/ max-width: 610px; padding: 16px 21px 16px 0px; float: none; overflow: hidden; }
.news_full_item .newsttl{}
.news_full_item .newsttl a{color: #00853f; font-weight: 700; font-size: 20px; line-height: 24px;}
.news_full_item .date{border-bottom: 1px solid #dadada; padding: 5px 0 14px;}
.news_full_item .summary{padding-top: 16px; line-height: 16px;}
.news_full_item .summary .arrow{cursor: pointer; color: #00853f; padding-top: 9px; display: inline-block; *zoom: 1; *display: inline;}
.news_full_item .summary .arrow a{color: #00853f; text-decoration: underline;}
.news_full_item .summary .arrow a:hover{text-decoration: none; }
 
 /* News Right subpage */
 #news_right_container{background-color: #00853f; color: #FFF;}
 #news_right_container .right_title{font-size: 20px; text-transform: uppercase; padding: 4px 14px 5px; border-bottom: 1px solid #FFF; }
 #news_right_content .seperator{background-color: #171717; height: 1px; }
 #news_right_content .title{padding: 16px 19px 5px; font-size: 16px; font-weight: 700; line-height: 19px; }
 #news_right_content .date{padding: 0 19px;}
 #news_right_content .more{padding: 2px 0 17px;}
 #news_right_content .more a{padding: 0 19px; color: #171717; text-decoration: underline;}
 #news_right_content .more a:hover{text-decoration: none;}
 

/* Match -  small */

.matchsmall{
  
}
.matchsmall .logo{
   padding-top: 13px;
}
.matchsmall .logo .logo-1, .matchsmall .logo .logo-2{
  float: left; width: 78px;  text-align: center; height: 64px; 
} 
.matchsmall .logo .result{
  float: left; width: 94px; height: 64px; 
  font-size: 36px; font-weight: 700; text-align: center; color: #00853f;
}

.matchsmall .name{  padding-top: 10px;
  font-size: 14px; font-weight: 700; text-align: center; color: #00853f;
}
.matchsmall .summary{  padding-bottom: 9px; line-height: 13px;
  font-size: 14px; font-weight: 400; text-align: center; color: #00853f;
} 


/* Socials */

#footer-socials{
   margin: 0 auto 30px;   max-width: 1170px;   padding: 0 8px 0 8px;   text-align: left;
}
#footer-socials .socialwrapper{background-color: #00853f; color: #FFF; padding-top: 71px; background-repeat: no-repeat; background-position: center 18px;}

/* Socials - facebook */
#footer-socials #footer-socials-fb{background-image: url('/static/img/socials/fb-icon.png');
  float: left; width: 570px;
}
#footer-socials .facebookbox{padding: 11px; border-top: 1px solid #FFF; height:207px;}  
#footer-socials .facebookbox .ttl{
  width: 304px; position: relative; left: -27px; padding-left: 27px; padding-bottom: 13px;
  color: #231f20; font-size: 30px; font-weight: 400; 
  border-bottom: 1px solid #FFF;}

#footer-socials .facebook-container{background-color: #FFF; }
#footer-socials .facebook-container .inner{}
#footer-socials .facebook-container iframe{position:relative; border:none; left: -1px; top:-1px; }
#footer-socials .facebook-container .inner * {
  width: 100% !important;
}
  
/* Socials - twitter */
#footer-socials #footer-socials-twitter{ background-image: url('/static/img/socials/twitter-icon.png'); 
  float: left; width: 270px; margin-left: 30px;
}
.sub #footer-socials #footer-socials-twitter{ width: 570px;}
#footer-socials .twitterbox{padding: 11px; border-top: 1px solid #FFF; height:207px;}


#footer-socials .twitterbox * {
  width: 100% !important;
}

  
/* Socials - Instagram */
#footer-socials #footer-socials-instagram{ background-image: url('/static/img/socials/pin-icon.png'); 
  float: left; width: 270px; margin-left: 30px;
}
#footer-socials .instagrambox{padding: 11px; border-top: 1px solid #FFF;  height:207px;}



/* Socials - small */
.socials_small{padding: 81px 0px 0 20px;}
.socials_small .fblike, .socials_small .g-plusone, .socials_small .twitter{margin-bottom: 10px;}
/*.socials_small .fblike{display: inline-block;     
  *zoom: 1; *display: inline;
}*/



/* Match - list */

.matchlist{
  padding: 20px;margin-top: 20px;
   background-color: #FFF; 
}

.matchlist-table{
  width: 100%; border-collapse: collapse; border-bottom: 1px solid #00853f;
}

.matchlist-table TR TH{
  padding: 10px 10px 13px 10px;
  color: #ffffff; font-weight: 600; font-size: 15px;  text-transform: uppercase;
  background-color: #00853f;  
}
.matchlist-table TR TD{
  padding: 10px 10px 13px 10px; cursor: pointer;
  color: #171717; font-weight: 400; font-size: 15px;  
}
.matchlist-table TR:nth-child(odd) td{
  background-color: #f4f4f4;
} 
.matchlist-table TR.odd TD{
  background-color: #f4f4f4;
}

.matchlist-table TR TH.result span.full{display: inline;}  
.matchlist-table TR TH.result span.short{display: none;}

.matchlist-table TR TD.team{line-height: 33px;}
.matchlist-table TR TD .logo{  width: 48px; height: 33px; float: left; text-align: center; vertical-align: middle; display: inline-block;}
.matchlist-table TR TD .logo IMG{  height: 33px;}
.matchlist-table TR TD .code{display: none;}
.matchlist-table TR TD .dateshort{display: none;}

/* Match - list - filter */

.matchlist-filter{
  max-width: 390px; height: 49px; margin-bottom:20px; position: relative;
  background-color: #171717; background-image: url("/static/img/match/matchlist-filter.png"); background-repeat: no-repeat; background-position: right center;
}
.matchlist-filter .itm{
  width: 380px; height: 37px; padding: 12px 0 0 10px; cursor: pointer;
  color: #ffffff; font-size: 15px; font-weight: 600;
}

.matchlist-filter .itm:hover{
  color: #00853f; text-decoration: underline;
}

.matchlist-filter .submenu{
  position: absolute; left: 0px; top: 49px; display: none;  z-index: 1;
  background-color: #171717; 
}
.matchlist-filter:hover .submenu{display: block;  }



/* Rankings - small */


.ranking-smalltable{
  width: 100%; border-collapse: collapse; margin-top: 1px; margin-bottom:2px;
}

.ranking-smalltable TR TD{
  padding: 8px 0px 8px 0px; border-top: 1px solid #d0d0d0;
  color: #000000; font-weight: 700; font-size: 13px;  
}
.ranking-smalltable TR.first TD{background-color: #00853f; color:#FFF; border-top: 1px solid #00853f;}

.ranking-smalltable TR TD.num{ padding-left: 5px; width: 20px;}
.ranking-smalltable TR TD.logo{width: 47px; text-align: center;}
.ranking-smalltable TR TD.logo IMG{  height: 33px;}
.ranking-smalltable TR TD.matchs{width: 25px; text-align: center;}
.ranking-smalltable TR TD.name{text-transform: uppercase;}
.ranking-smalltable TR TD.points{width: 25px; text-align: center; padding-right: 5px;}


/* INDEX Akcija */
#indexakcija{cursor: pointer;}
#indexakcija .ttl{}
#indexakcija .img{text-align: center;}
#indexakcija .btn{font-weight: 700;}
#indexakcija .btn a{color: #FFF; text-decoration: none;}
#indexakcija .btn a:hover{text-decoration: none;}

/* INDEX Novo */
#indexnovo{cursor: pointer;}
#indexnovo .ttl{}
#indexnovo .img{text-align: center;}
#indexnovo .btn{font-weight: 700;}
#indexnovo .btn a{color: #FFF; text-decoration: none;}
#indexnovo .btn a:hover{text-decoration: none;}

/* INDEX VIDEO bottom */

#indexvideobottom{background-color: #fff;  margin-top: 30px; }
#indexvideobottom .ttl{
	padding: 4px 15px 5px 15px;
  color: #00853f; font-size: 20px; font-weight: 400; text-transform:  uppercase;
  border-bottom:1px solid #00853f;
}
#indexvideobottom .video-wrapper{padding: 20px 15px;}
#indexvideobottom .video-item{float: left; width: 370px;}
#indexvideobottom .video-item-spacer{float: left; width: 15px; height: 209px;}

#indexvideobottom .video-item * {
  width: 100% !important;
}
  

/* Igralci - seznam */

.igralci-seznam{
  background-color: #fff; padding-bottom: 20px;
}

.igralci-seznam .ttl{
  padding: 8px 20px 12px 20px;   margin-bottom: 20px;
  color: #030303; font-size: 30px; font-weight: 700; /*text-transform: uppercase;*/
  border-bottom:1px solid #00853f; border-top: 1px solid #dadada;
}

.igralci-seznam .itm{
  width: 46%; float: left; height: 150px; padding-right: 4%; padding-bottom: 20px; position: relative; cursor: pointer; 
}
.igralci-seznam .itm .img{
  float: left; /*width: 41%;*/ width:166px;  position: relative;
} 
.igralci-seznam .itm .img .majica{
  position: absolute; width: 59px; height: 52px; top: 98px; left:  88px; z-index: 1;
  text-align: center; color: #FFF; font-size: 24px; font-weight: 700;
  background-image: url("/static/img/igralci/seznam-majica.png"); background-repeat: no-repeat; background-position: 0px 0px;
}

.igralci-seznam .itm .pinfo{ 
  /*width: 58.9%; float: left;*/ overflow: hidden; width: auto; float: none;
}
.igralci-seznam .itm .pinfo .pname{
  padding-top: 35px;
  color: #00853f; font-size: 30px; font-weight: bold; text-decoration: none; line-height: 35px;    
}
.igralci-seznam .itm .pinfo .pname a{
  color: #00853f; font-size: 30px; font-weight: bold; text-decoration: none; line-height: 35px;
    -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}
.igralci-seznam .itm .pinfo .pname a:hover,
.igralci-seznam .itm:hover  .pinfo .pname a{/*color: #007738;*/ color: #171717;}

.igralci-seznam .itm .pinfo .projstvo{
  color: #000000; font-size: 14px; font-weight: 400; text-decoration: none;    
}
.igralci-seznam .itm .pinfo .projstvo span{color: #8d8d8d;}



/* Igralci - podrobnosti */

.igralci-details{}
.igralci-details .pplayer{
  width: 65.5%;float: left; 
  background-color: #FFF;
}
.igralci-details .pplayer .img{text-align: left;}
.igralci-details .pplayer .img IMG{  
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */  
}

.igralci-details .stdresa{
  float: Left; width: 135px; padding-right: 20px; padding-top: 50px;
  text-align: center;
}
.igralci-details .stdresa .stdresa-inner{
  width: 84px; height: 71px; padding-top: 2px; display: inline-block;
  text-align: center; color: #FFF; font-size: 36px; font-weight: 700;
  background-image: url("/static/img/igralci/podrobnosti-majica.png"); background-repeat: no-repeat; background-position: 0px 0px;
}
.igralci-details .pinfo{
  /*float: Left; width: 380px; */ padding-top: 43px;
  overflow: hidden;
}
.igralci-details .pinfo .ttl{}
.igralci-details .pinfo .ttl h1{
  font-size: 36px; line-height: normal; line-height: 38px;
}
.igralci-details .pinfo .tbl{width: 280px; padding-top: 40px;}
.igralci-details .pinfo .row{
  overflow: hidden; padding: 5px 0 6px 0;
  color: #171717; font-size: 15px;  font-weight: 600;
   border-bottom: 1px solid #dadada;
}
.igralci-details .pinfo .head{float: left; width: 50%;}
.igralci-details .pinfo .data{float: left; width: 50%; color: #696969; text-align: right; font-weight: 400;}


.igralci-details .desc {
  margin-top: 20px; padding: 8px 20px 20px 20px;
  border-top: 1px solid #00853f;
}
.igralci-details .desc h2{ 
  color: #030303; padding-bottom: 20px;font-weight: 600; font-size: 24px; 
}
.igralci-details .desc  .desctxt{line-height: 30px;}


.igralci-details .gal {
  margin-top: 20px; padding: 8px 20px 20px 20px;
  border-top: 1px solid #00853f;
}
.igralci-details .gal h2{ 
  color: #030303; font-weight: bold;
}

.igralci-details .nazaj {
  margin-top: 20px; padding: 20px 20px 20px 20px;
  border-top: 1px solid #d0d0d0;
}


.igralci-details .pmenu{
  width: 31%;float: left;  margin-left: 3.5%;
  background-color: #00853f;
}

.igralci-details .pmenu .header{
     border-bottom: 1px solid #fff;
    font-size: 20px;
    padding: 4px 14px 5px;
    text-transform: uppercase;
}
.igralci-details .pmenu .txt{
  padding: 14px 20px 20px 20px;    
}

.igralci-details .pmenu .ttl{
  padding-top: 3px; padding-bottom: 1px;
  color: #171717; font-size: 15px; font-weight: 600; text-transform: uppercase;
}
.igralci-details .pmenu .pname{
  
}
.igralci-details .pmenu .pname a{
  color: #FFF; font-size: 15px; font-weight: 600; text-decoration: none; display: block;
  -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}
.igralci-details .pmenu .pname a:hover{
  color: #171717; 
}
.igralci-details .pmenu .pname-sel a{  
  color: #171717;  
}