#web-wrapper {
    position: relative;
    width: 980px;
    margin: 0 auto;
    background: url('../picture/bg-wrap-web.jpg') no-repeat;
}

#languages{
    position: absolute;
    top:0;
    right: 0;
    float: right;
    width: 150px;
    height: 50px;
    padding-left: 22px;
    line-height: 50px;
    background: url('../picture/bg-lang.png') no-repeat;
}

#languages a{
    display: block;
    width: 22px;
    height: 16px;
    float: left;
    margin: 16px 14px 0 0px;
    background: url('../picture/flags.gif') no-repeat;
}

#languages a span{
    display: none;
}

#languages a.cz.active, #languages a.cz:hover{
    background-position: 0px -21px;
}

#languages a.en{
    background-position: -36px 0px;
}

#languages a.en.active, #languages a.en:hover{
    background-position: -36px -21px;
}

#languages a.ru{
    background-position: -72px 0px;
}

#languages a.ru.active, #languages a.ru:hover{
    background-position: -72px -21px;
}

#languages a.pl{
    background-position: -108px 0px;
}

#languages a.pl.active, #languages a.pl:hover{
    background-position: -108px -21px;
}

#slogan{
    float: left;
    margin: 63px 0 0 20px;
    font-family: 'Prompt', sans-serif;
    font-size: 170%;
    color: #fff;
    letter-spacing: -0.02em;
    text-shadow: 1px 1px #1a1a1a;    
}

#content{
    float: left;
    margin-top: 278px;
    width: 980px;
    background: url('../picture/bg-content.png') repeat-y;
}

.hp #content{
    margin-top: 760px;
    background: #101010;    
}

.hp #content .mask-article{
    padding:  22px 0 0 31px;
    float: left;
    width: 457px;
}

.hp h1{
    margin-bottom: 0.9em;    
}

.hp .mask-article p{
    margin-bottom: 1.5em;
}

.hp #content h2.title{
    font-size: 140%;
    margin: 1.3em 0 0.5em 0; 
}

#home-article{
    float: left;
    width: 450px;
    margin-left: 25px;
}

#content-left #home-article{
    float: none;
    margin: 0;
}

#content-left #home-article .wrap{
    padding: 1.1em 15px 0.9em;
    background: #171717;
    border-radius: 7px;
}

#content-left #home-article h2{
    margin: 0 0 0.8em 0;
    padding: 0;
    font-weight: bold;
    font-family: 'Prompt',sans-serif;
    font-size: 140%;
    color: #d1d1d1;    
}


#content-left #home-article .bg-bottom {
    background: 0;
    height: 0;
    width: 0;
}

#content-left #home-article ul{
    margin-left: 0;
}

#home-article .wrap{
    padding: 1.6em 0 0.8em;
    background: url('../picture/bg-info-box-top-v2.gif') no-repeat;
}

#home-article .bg-bottom{
    background: url('../picture/bg-info-box-bottom-v2.gif') no-repeat;
    width: 450px;
    height: 8px;
}

#home-article.narrow {
    width: 210px;    
}

#home-article.narrow .wrap {
    background: url('../picture/bg-info-box-top.gif') no-repeat;    
}

#home-article ul{
    margin-left: 24px;
    margin-bottom: 0;
}

#home-article ul li{
    padding: 0 0 0.55em 23px;
    background-position: 0 4px;    
}




#bg-contet-top{
    margin-top: -18px;
    width: 980px;
    height: 18px;
    background: url('../picture/bg-content-top.png') no-repeat;
}

.hp #bg-contet-top{
    background: url('../picture/bg-content-top-hp.png') no-repeat;
}

#home-article{
    
}

#content-right{
    float: right;
    width: 661px;
    padding: 21px 32px;    
}

#content-left {
    float: left;
    width: 210px;
    padding: 15px 15px; 
    background: #101010;
}

#branding {
    left: 0;
    position: absolute;
    top: 0;
    width: 980px;
    height: 212px;
}

#home {
    display: block;
    float: left;
    margin: 19px 0 0 7px;
}

#content .aside, #content .section {}

#mask-article, #mask-shop {}
#mask-article .entry-summary {}
#mask-article .entry-content {}
#mask-shop {}

#page.footer {
    float: left;
    width: 918px;
    padding: 20px 31px;
    letter-spacing: -0.02em;
    background: url('../picture/bg-content-bottom.png') no-repeat 0 0;
}

.hp #page.footer{
    margin-top: -4px;
    background: url('../picture/bg-content-bottom-hp.png') no-repeat 0 0;
}

#page.footer strong{
    color: #d2d2d2;
}

#page.footer address{
    font-style: normal;
}

#page.footer a{
    text-decoration: underline;
    color: #8a8a8a;
}

#page.footer a:hover{
    text-decoration: none;
}

#page.footer p.title{
    margin: 1.6em 0 0.9em;
    padding: 0;
    font-family: 'Prompt', sans-serif;
    font-size: 145%;
    letter-spacing: -0.00em;
    color: #fff;
}

#page.footer .footer-article{
    margin-top: 20px;
}

#partners {
    padding: 36px 33px 0 4px;
    margin-top: 31px;
    float: right;
    height: 97px;    
    border-left: 1px solid #303030;
}

#partners img{
    margin-left: 20px;
}

.nav ul {
    display: block; margin: 0; padding: 0; list-style-type: none;
}
.nav li {
    display: block; margin: 0; padding: 0; background: transparent;
}

/* * * * * * * * * * * *
 * MENU CASCADE - TOP  *
 * * * * * * * * * * * */

#menu-main{
    margin-top: 18px;
    border-radius: 17px;
    background: #000 url('../picture/bg-menu-main.gif') repeat-x;
}

.hp #menu-main{
    border-radius: 17px 17px 0 0;
}

#menu-main ul.makeMenu, #menu-main ul.makeMenu ul {margin: 0; padding: 0;}
#menu-main ul.makeMenu li > ul {
  display: none;
  position: absolute;
  top: 78px;
  left: -6px;
  background: url('../picture/bg-submenu-bottom.png') no-repeat 0 bottom;
  width: 180px;
  padding: 0.8em 35px 2em;
  z-index: 100;
}

#menu-main ul.makeMenu li > .bg-top{
  display: none;
  z-index: 100;  
}

#menu-main ul.makeMenu li > ul li {z-index: 100;}
#menu-main ul.makeMenu ul.CSStoShow {display: block;}
#menu-main ul.makeMenu li:hover > ul,
#menu-main ul.makeMenu li:hover > .bg-top{
    display: block;
}

#menu-main ul.makeMenu .bg-top{
    position: absolute;
    top:60px;
    left: -6px;
    width: 250px;
    height: 18px;
    background: url('../picture/bg-submenu-top.png') no-repeat;
}


/* 1. level */
#menu-main ul.makeMenu li {
  display: block;
  position: relative;
  list-style-type: none;
  float: left;  
  background: url('../picture/border-menu-main.gif') no-repeat right 0;
}
#menu-main ul.makeMenu a {
  display: block;  
  padding: 21px 25px 19px 24px;
  text-decoration: none;
  font-size: 110%;
  font-weight: normal;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 1px 1px 1px #121212;
  font-family: 'Prompt', sans-serif;  
}

#menu-main ul.makeMenu li.frst a{
    padding-left: 46px;
}

/* 1. level - over */
#menu-main ul.makeMenu li a:hover,
#menu-main ul.makeMenu li.CSStoHighlight a { color: #fff6a1;}


/* 1. level - click */
#menu-main ul.makeMenu li.active-item,
#menu-main ul.makeMenu li.active-item-submenu,
#menu-main ul.makeMenu li.active-item-in-submenu {}

#menu-main ul.makeMenu a.active-item,
#menu-main ul.makeMenu a.active-item-submenu,
#menu-main ul.makeMenu a.active-item-in-submenu,
#menu-main ul.makeMenu a.active-item:hover,
#menu-main ul.makeMenu a.active-item-submenu:hover,
#menu-main ul.makeMenu a.active-item-in-submenu:hover {
    color: #ffed00; background: url('../picture/bg-menu-main-active.gif') repeat-x
}


#menu-main ul.makeMenu li.frst a.active-item,
#menu-main ul.makeMenu li.frst a.active-item-submenu,
#menu-main ul.makeMenu li.frst a.active-item-in-submenu,
#menu-main ul.makeMenu li.frst a.active-item:hover,
#menu-main ul.makeMenu li.frst a.active-item-submenu:hover,
#menu-main ul.makeMenu li.frst a.active-item-in-submenu:hover{
    border-radius: 17px 0 0 17px;
}

.hp #menu-main ul.makeMenu li.frst a.active-item,
.hp #menu-main ul.makeMenu li.frst a.active-item-submenu,
.hp #menu-main ul.makeMenu li.frst a.active-item-in-submenu,
.hp #menu-main ul.makeMenu li.frst a.active-item:hover,
.hp #menu-main ul.makeMenu li.frst a.active-item-submenu:hover,
.hp #menu-main ul.makeMenu li.frst a.active-item-in-submenu:hover{
    border-radius: 17px 0 0 0px
}



/* 2. level */

#menu-main ul.makeMenu li.frst ul a,
{
    padding: 0;
}

#menu-main ul.makeMenu ul li.frst a{
    padding-left: 0;
}

#menu-main ul.makeMenu ul li {
  padding: 0;
  margin: 0;
  float: none;
  font-weight: normal;
  border-bottom: 1px solid #282828;
  background: none;
}

#menu-main ul.makeMenu ul li.last{
    border-bottom: 0;
}

#menu-main ul.makeMenu ul a,
#menu-main ul.makeMenu li.frst ul a {
  display: block;
  float: none;
  padding: 0.6em 0px 0.5em 0px;
  margin: 0;
  color: #fff;
  text-decoration: none;  
  font-size: 110%;
  font-weight: normal;
  text-transform: none;
  font-family: 'Prompt',sans-serif;  
  letter-spacing: -0.03em;
  background: none;
  border-radius: 0;
}

/* 2. level - over */
#menu-main ul.makeMenu ul li:hover,
#menu-main ul.makeMenu ul li.CSStoHighlight {}
#menu-main ul.makeMenu ul li a:hover {color: #fff6a1; background: none;}
#menu-main ul.makeMenu ul a:hover {color: #fff6a1; background: none;}

/* 2. level - click */
#menu-main ul.makeMenu ul li.active-item,
#menu-main ul.makeMenu ul li.active-item-submenu,
#menu-main ul.makeMenu ul li.active-item-in-submenu { background: none;}

#menu-main ul.makeMenu ul a.active-item,
#menu-main ul.makeMenu ul a.active-item-submenu,
#menu-main ul.makeMenu ul a.active-item-in-submenu,
#menu-main ul.makeMenu ul a.active-item:hover,
#menu-main ul.makeMenu ul a.active-item-submenu:hover,
#menu-main ul.makeMenu ul a.active-item-in-submenu:hover
#menu-main ul.makeMenu li:hover ul li a.active-item,
#menu-main ul.makeMenu li:hover ul li a.active-item-submenu,
#menu-main ul.makeMenu li:hover ul li a.active-item-in-submenu {
    color: #FFED00; background: none; border-radius: 0;
}

#menu-main ul.makeMenu li.frst ul a.active-item,
#menu-main ul.makeMenu li.frst ul a.active-item-submenu,
#menu-main ul.makeMenu li.frst ul a.active-item-in-submenu,
#menu-main ul.makeMenu li.frst ul a.active-item:hover,
#menu-main ul.makeMenu li.frst ul a.active-item-submenu:hover,
#menu-main ul.makeMenu li.frst ul a.active-item-in-submenu:hover{
    color: #FFED00; background: none; border-radius: 0;
}


/**
 * MENU TREE
 */

#menu-side{
    padding: 0 15px;
    margin-bottom: 1.7em;
}

#menu-side li {
    border-bottom: 1px solid #282828;
}
#menu-side a {
  display: block;
  padding: 0.6em 0px 0.5em 0px;
  color: #fff;
  text-decoration: none;  
  font-size: 110%;
  font-weight: normal;
  font-family: 'Prompt',sans-serif;  
  letter-spacing: -0.03em;
}

#menu-side li.last{
    border-bottom: 0;
}

/* 1. level - over */
#menu-side a:hover {
    color: #fff6a1;
}

/* 1. level - click */
#menu-side li.active-item,
#menu-side li.active-item-submenu,
#menu-side li.active-item-in-submenu {
}
#menu-side a.active-item,
#menu-side a.active-item-submenu,
#menu-side a.active-item-in-submenu,
#menu-side a.active-item:hover,
#menu-side a.active-item-submenu:hover,
#menu-side a.active-item-in-submenu:hover {
    color: #ffed00;
    
}

/* 2. level */
#menu-side ul ul {
    display: block;
    padding-bottom: 0.7em;
    
}

#menu-side ul ul li{
    border-bottom: 0;
}

#menu-side ul ul a {
    padding: 0em 1px 0em 21px;
    background: url('../picture/arrow-right-grey.gif') no-repeat 10px 9px;
    font-size: 100%;
    font-weight: normal;
    color: #bfbfbf;
}

/* 2. level - over */
#menu-side ul ul a:hover {
   background-position: 10px -21px;
}

/* 2. level - click */
#menu-side ul ul li.active-item,
#menu-side ul ul li.active-item-submenu,
#menu-side ul ul li.active-item-in-submenu {
    
}
#menu-side ul ul a.active-item,
#menu-side ul ul a.active-item-submenu,
#menu-side ul ul a.active-item-in-submenu,
#menu-side ul ul a.active-item:hover,
#menu-side ul ul a.active-item-submenu:hover,
#menu-side ul ul a.active-item-in-submenu:hover {
    background-position: 10px -6px;
}



/**
 * MENU TABS: CONTENT MENU 2 COLUMNS
 */

#menu-content {
    width: 644px;
    display: table;
    margin: 0 0 1em;
    padding: 1em 0 1.2em 16px;
    font-size: 90%;
}
#menu-content ul {
    float: left; list-style-type: none;
}
#menu-content ul.frst {
    margin-right: 205px;
    padding-right: 10px;
}
#menu-content li {
    margin: 0 5px 3px 0;
}
#menu-content a {
    padding: 0 0px 0 21px;
    font-weight: bold;
    text-decoration: none;
    background: url("../picture/arrow-right-grey.gif") no-repeat 10px 6px;
    color: #BFBFBF;
}
#menu-content a:hover {
    background-position: 10px -24px;
    color: #FFF6A1;
}
#menu-content .actv a,
#menu-content .actv.last a {
    text-decoration: none;
    color: #FFED00;
    background-position: 10px -9px; 
}

#menu-content .actv a:hover {
    color: #FFED00; 
}
/**
 * MODUL: RYCHLA NAVIGACE - SHOWPATH
 */
#breadcrumb {
    float: left;
    margin: -66px 0 0px 0;
    color: #8a8a8a; font-size: 90%; line-height: 150%;
}
#breadcrumb a {
    color: #8a8a8a;
    font-weight: bold;
    text-decoration: none;
}
#breadcrumb a:hover {
    color: #fff;
}
#breadcrumb strong {
    font-weight: bold;
}
/* can be used to set the background */
#breadcrumb span {
    padding-right: 2.4em;
    background: url('../picture/breadcrumb-delimiter.gif') no-repeat 12px 6px;
}
/* hiding default text delimiter */
#breadcrumb em {
    display: none;
}
#breadcrumb .last {
    color: #ffed00; text-decoration: none;
}
#breadcrumb .last:hover {
    text-decoration: none; color: #ffed00;
}

/* NOVINKY */

.hnews .published {
    float: left;
    display: block;
}

.hnews .entry-summary{
    font-weight: normal;
    float: right;
    padding-left: 10px;
    width: 609px;
    border-left: 1px dotted #474C52;
}

.hnews .published span{
    font-size: 110%;
}

.hnews .item{
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #D2D3D4;
}

.hnews h2.entry-title{
    font-size: 110%;
    margin-top: 0;
}

.hnews.detail h1{
    margin-bottom: 0.5em;
}

.hnews.detail .published {
    display: block; margin-bottom: 1em; float: none; font-weight: bold;
}

.hnews .paging {
    margin: -1em -3px 0; padding: 8px 3px; color: #8A8A8A;
}
.hnews .footer a {
    padding-left: 15px; background: url("../picture/bg-li-arrow-back.png") no-repeat 0 4px;
}

#mod-news-hp {
    width: 188px;
    float: right;
    margin-right: 41px;
}

#mod-news-hp h3,
#mod-news-hp a.more {
    font-family: arial;
    font-size: 100%;
    letter-spacing: -0.04em;
    margin: 1.3em 0 0.7em;
    padding-left: 13px;
    font-weight: bold;
    color: #fff;
    background: url('../picture/bg-li-arrow.png') no-repeat 0 5px;
}

#mod-news-hp a.more{
    background-position: 0 4px;
}

#mod-news-hp .entry-summary{
    margin-bottom: 1em;
    float: none;
    width: auto;
    border: 0;
}

#content-left #mod-news-hp{
    float: none;
    margin: 0;    
    padding: 0 15px;
}

#content-left #mod-news-hp .entry-summary{
    padding-left: 0;
}

/* * * * * * * * * *
 * MODUL: GALERIE  *
 * * * * * * * * * */

#mod-gallery {
    padding-top: 1.8em;
    
}

#mod-gallery .title{
    margin: 0em 0 0.6em; padding: 0; font-family: 'Prompt', sans-serif;
    color: #f1f1f1;
    font-size: 160%;
    letter-spacing: -0.04em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #282828;
}

.mod-gal-picts{
    margin: 2em 0 0 8px;
}

.mod-gal-picts .picture{
    float: left;
    margin: 0px 23px 23px 0;
}

.mod-gal-picts .picture.right{
    margin-right: 0;
}

.mod-gal-picts .picture a{
    display: block;
}

.mod-gal-picts .picture img{
    margin: 0;
    padding: 0;
    border: 8px solid #101010;    
    box-shadow: 0 0 15px #2C2C2C;    
}


#mod-gallery .picture img:hover{
    box-shadow: 0 0 6px #FFED00;  
}                      

.mod-gal-pict-info {font-size: 90%; margin-top: 0.3em;}

/* strankovani seznamu obrazku */
#mod-gal-picts-paging {text-align: center; color: #ccc; line-height: 200%;}
.mod-gal-paging a.page,
.mod-gal-paging strong {padding: 0.2em 0.4em; color: #000;}
.mod-gal-paging a:hover {}

/* detail v novem okne */
#mod-gal-pictview {text-align: center; font-size: 120%; color: #666;}
#mod-gal-pictview .mod-gal-navigate {padding: 1.5em 0 1em 0;}
#mod-gal-pictview .mod-gal-navigate strong {padding: 0 0.5em;}
#mod-gal-pictview img {margin-bottom: 1em;}
#mod-gal-pictview .mod-gal-pict-info p {margin: 0.5em 0 0 0;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../picture/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../picture/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../picture/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../picture/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../picture/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../picture/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../picture/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../picture/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../picture/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../picture/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../picture/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../picture/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../picture/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../picture/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}






.forms form > div{
    clear: both;
}

.forms input[type="file"],
.forms input[type="text"],
.forms input[type="password"],
.forms select,
.forms textarea,
.forms .secure .fixedWidth,
.forms .selector,
.forms .uploader {
    color: #9F9F9F;
    border: solid #4e4e4e 1px;
    outline: none;
    background: url('../picture/input.gif') 0 0 repeat-x #2A2A2A
}

.forms input[type="file"],
.forms input[type="text"],
.forms input[type="password"],
.forms select,
.forms textarea,
.forms .empty-item,
.forms .label-wrap,
.forms .selector,
.forms .uploader,
.forms .secure {
    position: relative;
    width: 50%;    
    float: left;
    margin: 0 0 1em 0;
    padding: 0px 6px 0;           
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
}

.forms input[type="checkbox"],
.forms input[type="radio"],
.forms input[type="file"],
.forms input[type="text"],
.forms input[type="password"],
.forms input[type="submit"],
.forms select,
.forms textarea,
.forms .label-wrap,
.forms label,
.forms .empty-item,
.forms .fixedWidth,
.forms .selector span,
.forms .checker span,
.forms .radio span,
.forms .uploader {
    height: 35px;
    line-height: 33px; 
}

.forms select{
    padding-bottom: 8px;
    padding-right: 5px;
    padding-top: 8px;
}

.forms input[type="checkbox"],
.forms input[type="radio"] {
    position: absolute;
    width: 14px;
    margin: -1px 0 0 0;
    padding: 0;
    vertical-align: middle;
}

.forms .item-group{
    float: left;
}

.forms .item-group label:after {
    content:"\A";
    white-space:pre;    
}

.ie8 .forms .item-group label:after{
    content: '';
    display: block;
    white-space: normal; 
}

.forms .inline .item-group label:after{
    content: '';
    display: inline-block;
    width: 20px;    
}

.forms .inline .item-group label:last-child:after{
    width: 0px;
}

.forms .item-group label {
    padding-left: 20px;
}

.forms textarea {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    height: 100px;
    line-height: 140%;
}

.forms .empty-item {
    width: 100%;
}

.forms .label-wrap {
    display: table;
    width: 25%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    float: left;
    margin: 0 8px 0 0;
    padding: 1px 0 0 0;    
    text-align: right;
    cursor: pointer;
    clear: none;   
}

.forms label,
.forms input[type="file"],
.forms select {
    cursor: pointer;
}

.forms .label-wrap label,
.forms .third span.label-wrap em {
    display: table-cell;
    vertical-align: middle;    
    width: 100%;
    height: auto;
    line-height: 120%;
    cursor: pointer;
    font-style: normal;
}

.forms input[type="submit"] {
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    display: block;
    color: #252525;
    text-transform: uppercase;    
    padding: 0px;    
    font-weight: bold;
    text-align: center;
    text-decoration: none;        
    cursor: pointer;
    border: 1px solid #d7c900;  
    background: #d7c900;   
}

.forms input[type="submit"].disabled {
    border: solid #A9A9A9 1px;
    background: #A9A9A9;
    cursor: default;
}

/* FF FIX BUTTONS PADDING */
.forms button::-moz-focus-inner,
.forms input[type="button"]::-moz-focus-inner,
.forms input[type="submit"]::-moz-focus-inner,
.forms input[type="reset"]::-moz-focus-inner {
     padding: 0;
     border: 0;
}

.forms label.required{
    font-weight: bold;
}

.forms .fixedWidth {
    position: absolute;
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
}

.forms .fixedWidth + div{
    width: 100%;    
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
}

.forms .secure{
    padding: 0;
}

.forms input[type="submit"],
.forms .secure .fixedWidth {    
    width: 141px;   
}

.forms .secure .fixedWidth{
    padding: 2px;
}

.forms .secure .fixedWidth + div{
    padding-left: 151px;
}

.forms .secure input[type="text"] {    
    width: 100%;
    letter-spacing: 5px;   
    text-align: center;    
}


/* SIDE BY SIDE */
.forms.side-by-side > form div.pull-left,
.forms.side-by-side > form div.pull-right,
.forms.side-by-side .secure {
    width: 50%;
    padding-bottom: .5em;
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -ms-box-sizing:border-box;
}

.forms.side-by-side > form div.pull-left,
.forms.side-by-side .secure {
    float: left;
    clear: left;
    padding-right: 10px;
}

.forms.side-by-side > form div.pull-right{
    float: right;
    clear: right;
    padding-left: 5px;
}

.forms.side-by-side input[type="file"],
.forms.side-by-side input[type="text"],
.forms.side-by-side input[type="password"],
.forms.side-by-side select,
.forms.side-by-side textarea,
.forms.side-by-side .label-wrap,
.forms.side-by-side .empty-item,
.forms.side-by-side .selector,
.forms.side-by-side .uploader {
    width: 100%;
}

.forms.side-by-side .label-wrap{
    text-align: left;
}

.forms.side-by-side .submit-row{
    clear: none;
    float: right;
}

.forms.side-by-side .submit-row .label-wrap{
    width: 0;
    margin: 0;
    padding: 0;
}


/* HOVER, FOCUS, ERROR */

.forms input[type="file"]:hover,
.forms input[type="text"]:hover,
.forms input[type="password"]:hover,
.forms select:hover,
.forms textarea:hover,
.forms .uploader.hover,
.forms .selector.hover,
.forms input[type="file"]:focus,
.forms input[type="text"]:focus,
.forms input[type="password"]:focus,
.forms select:focus,
.forms textarea:focus,
.forms .uploader.focus,
.forms .selector.focus {
    border-color: #aaa;
}

.forms input[type="submit"]:hover{
    background: #FFF6A1;
}


.forms input[type="text"].error,
.forms input[type="text"].text-small-error,
.forms input[type="password"].error,
.forms select.error,
.forms textarea.error{
    border-color: #e4181d;
}


/* UNIFORM FILE */
.forms div.uploader{
    position: relative;
    padding-right: 0;
    overflow: hidden;    
}

.forms div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%;
    z-index: 100;    
}

.forms div.uploader span.filename {   
    float: left;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;    
    width: 100%;
    padding-right: 64px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.forms div.uploader span.action{
    position: absolute;
    cursor: pointer;
    top: 0px;
    right: 0px;
    padding: 0 8px;
    border-left: 1px solid #dcdcdc;    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
    -pie-background: linear-gradient(#ffffff, #e6e6e6); /* PIE */
    behavior: url('/sys.php?action=pie');
}

/* UNIFORM SELECT */
div.selector,
div.selector.fixedWidth {  
  position: relative;  
}

div.selector span {
  width: 100%;  
  padding-right: 20px;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  box-sizing:border-box;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  -ms-box-sizing:border-box;
  background: none;  
}

div.selector span:after{
  content: '';
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 17px;
  height: 23px;
  background: #fff url('../picture/bg-form-inputs.png') no-repeat right 0;  
}

div.selector select {
  padding: 0;  
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;  
  top: -1px;
  left: 0px;
  width: 100%;
}

/* UNIFORM CHECKBOX */

div.checker input,
div.radio input {
  -moz-appearance: none;
  -webkit-appearance: none;
}

div.checker,
div.radio {
  position: absolute;
  display: inline-block;
}

div.checker span,
div.radio span{
  width: 15px;  
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;  
  background: url('../picture/bg-form-inputs.png') no-repeat 0 9px;
}

div.radio span {
  background-position: -36px 10px;  
}

div.checker span.checked{
  background-position: 0 -26px;
}

div.radio span.checked {
  background-position: -36px -26px;  
}

div.checker input,
div.radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
}




.forms .third input[type="text"],
.forms .halfplus input[type="text"] {
    width: 9%;
    margin-right: 10px;
    margin-left: 20px;
    float: left;
    text-align: center;
}
.forms .third input[type="text"]:first-of-type,
.forms .halfplus input[type="text"]:first-of-type {
    margin-left: 0;
}
.forms .third .selector {
    width: 40%; margin-right: 20px;
}
.forms .halfplus input[type="text"] {
    width: 20%; margin-right: 10px;
}
.forms .halfplus .selector {
    width: 40%;  margin-right: 20px;
}
.forms .third label,
.forms .halfplus label {
    float: left;
}
.forms .halfplus.label2lines input + label {
    width: 30%; line-height: 130%;
}body, form, input, select, textarea, td, th {
    font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 80%;line-height: 155%;
}
form, input, select, textarea, th, td {
    font-size: 100%;
}
img {
    border: 0; position: relative;
}
p, ul, ol, dl, table {
    margin: 0 0 1em 0; padding: 0;
}
h2, h3, h4, h5, h6 {
    margin: 1.8em 0 1em; padding: 0; font-family: Prompt, sans-serif; line-height: 120%;
}
h1 {
    margin: 0 0 1.5em 0; padding: 0; line-height: 120%; color: #fff; font-size: 160%; font-family: Prompt, sans-serif; text-shadow: 1px 1px 1px #000; letter-spacing: -0.03em;
}
h2 {
    color: #f1f1f1; font-size: 140%; letter-spacing: -0.04em;
}
h3 {
    color: #dcdcdc; font-size: 125%; letter-spacing: -0.03em;
}
h4 {
    color: #c4c4c4; font-size: 110%; letter-spacing: -0.04em;
}
h5 {
    color: #bebebe; font-size: 105%; letter-spacing: -0.02em;
}
h6 {
    color: #bebebe; font-size: 100%; letter-spacing: -0.02em;
}
p {
    text-align: justify;
}

.entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child {
    margin-top: 0; padding-top: 0;
}
a {color: #fff; text-decoration: underline;}
a:hover {text-decoration: none;}
a[rel*="zoom"] {position: relative; display: block;}
a[rel*="zoom"]:before {content: ""; display: block; position: absolute; top: 30%; left: 40%; width: 128px; height: 128px; border-radius: 15px; box-shadow: 0 0 10px #000; background: #fff url('../picture/ico-zoom-in.png') center center no-repeat; opacity: .5; z-index: 1;}
a[rel*="zoom"]:hover:before {opacity: .9; background-color: #fff; border-color: #b9b9b9;}
a[href^='mailto'] {padding-right: 1em; color: #8a8a8a; background-image: url('../picture/sys-link-mail.gif'); background-position: right top; background-repeat: no-repeat;}

/* IKONKY U ODKAZU */
.entry-content a[href^='http'] {padding-right: 0.9em; background-image: url('../picture/sys-link-out.gif'); background-position: right top; background-repeat: no-repeat;}
.link-file {padding-right: 22px; background-image: url('../../../picture/files/default.gif'); background-position: right center; background-repeat: no-repeat;}
.link-img {background-image: url('../../../picture/files/img.gif');}
.link-gif {background-image: url('../../../picture/files/gif.gif');}
.link-png {background-image: url('../../../picture/files/png.gif');}
.link-jpg {background-image: url('../../../picture/files/jpg.gif');}
.link-video {background-image: url('../../../picture/files/video.gif');}
.link-fonts {background-image: url('../../../picture/files/fonts.gif');}
.link-doc {background-image: url('../../../picture/files/doc.gif');}
.link-pdf {background-image: url('../../../picture/files/pdf.gif');}
.link-ppt {background-image: url('../../../picture/files/ppt.gif');}
.link-rtf {background-image: url('../../../picture/files/rtf.gif');}
.link-txt {background-image: url('../../../picture/files/txt.gif');}
.link-xls {background-image: url('../../../picture/files/xls.gif');}
.link-zip {background-image: url('../../../picture/files/zip.gif');}


/**
 * FORMATOVANI - UVNITR CLANKU ARTICLE
 */

.entry-content ul {
    margin-left: 2em; padding: 0; list-style-type: none; text-align: justify;
}
.entry-content ul ul {
    margin-bottom: 0; margin-left: 2em;
}
.entry-content ul li {
    padding: 0 0 0.2em 2em; background: url('../picture/bg-li.png') 0 3px no-repeat;
}
.entry-content ol ul li {
    padding-left: 2em; background: url('../picture/bg-li.png') 0 3px no-repeat;
}
.entry-content ol {
    margin-left: 4em; padding: 0; text-align: justify;
}
.entry-content ol ol {
    margin-bottom: 0; margin-left: 2em;
}
.entry-content ol li {
    padding: 0 0 0.2em 0;
}
.entry-content ul ol li {
    padding-left: 1em;
}
.entry-content li ol {
    margin: 0.5em 0 0.3em 2em; padding: 0;
}
.entry-content li ul {
    margin: 0.5em 0 0.3em 0; padding: 0;
}
.entry-content ol li, .entry-content ul ol li {
    background: none;
}
.entry-content ul li:last-child, .entry-content ol li:last-child {
    padding-bottom: 0;
}

.hp .entry-content .wrap ul,
#content-left .entry-content .wrap ul {
    text-align: left;
}

.obrazek-zarovnany-vlevo,
.obrazek-zarovnany-vpravo{
    border: 8px solid #101010;
    box-shadow: 0 0 15px #2c2c2c;
}

.obrazek-zarovnany-vlevo {
    float: left; margin: 0 1em 1em 0;
}
.obrazek-zarovnany-vpravo {
    float: right; margin: 0 0 1em 1em;
}


.tabulka-formatovana {
    border-collapse: collapse; border: solid #333 0.1em; border-right: 0; border-bottom: 0;
}
.tabulka-formatovana caption, .tabulka-formatovana th, .tabulka-formatovana td {
    padding: 0.7em 15px 0.7em 12px;
}
.tabulka-formatovana th, .tabulka-formatovana td {
    border: solid #333 0.1em; border-top: 0; border-left: 0;
}
.tabulka-formatovana caption {
    font-weight: bold; text-align: left;
}
.tabulka-formatovana th, .tabulka-formatovana tr.radek-zahlavi td {
    color: #ffed00; font-weight: bold; background-color: #1c1c1c;
}
.tabulka-formatovana .radek-sedy td {
    background-color: #1c1c1c;
}
.tabulka-formatovana td {
    vertical-align: top;
}
.tabulka-formatovana th[valign='middle'], .tabulka-formatovana td[valign='middle'] {
    vertical-align: middle;
}
.tabulka-formatovana th[valign='bottom'], .tabulka-formatovana td[valign='bottom'] {
    vertical-align: bottom;
}


.tabulka-modra {
    border-collapse: collapse; border-top: solid #000 0.1em; border-left: solid #000 0.1em;
}
.tabulka-modra caption, .tabulka-modra th, .tabulka-modra td {
    padding: .4em;
}
.tabulka-modra th, .tabulka-modra td {
    color: #fff; border-right: solid #000 0.1em; border-bottom: solid #000 0.1em; background-color: #4bacc6;
}
.tabulka-modra caption {
    font-weight: bold; text-align: left;
}
.tabulka-modra th, .tabulka-modra tr.radek-zahlavi td {
    color: #fff; font-weight: bold; background-color: #4bacc6;
}
.tabulka-modra td {
    vertical-align: top;
}
.tabulka-modra th[valign='middle'], .tabulka-modra td[valign='middle'] {
    vertical-align: middle;
}
.tabulka-modra th[valign='bottom'], .tabulka-modra td[valign='bottom'] {
    vertical-align: bottom;
}
.tabulka-modra td.tmavsi {
    background-color: #4f81bd;
}


.tabulka-seda {
    border-collapse: collapse; border: solid #333 0.1em; border-right: 0; border-bottom: 0;
}
.tabulka-seda caption, .tabulka-seda th, .tabulka-seda td {
    padding: .4em;
}
.tabulka-seda th, .tabulka-seda td {
    color: #8a8a8a; border: solid #333 0.1em; border-top: 0; border-left: 0;
}
.tabulka-seda caption {
    font-weight: bold; text-align: left;
}
.tabulka-seda th, .tabulka-seda tr.radek-zahlavi td {
    color: #fff; font-weight: bold; background-color: #4bacc6;
}
.tabulka-seda td {
    vertical-align: top;
}
.tabulka-seda th[valign='middle'], .tabulka-seda td[valign='middle'] {
    vertical-align: middle;
}
.tabulka-seda th[valign='bottom'], .tabulka-seda td[valign='bottom'] {
    vertical-align: bottom;
}
.tabulka-seda td.tmavsi {
    background-color: #252525;
}


.tabulka-reference td {vertical-align: top; text-shadow: 1px 1px 0 #000; padding-bottom: 25px;}
.tabulka-reference p  {margin-bottom: .0em;}
.tabulka-reference strong {color: #b3b3b3;}
.tabulka-reference img {margin: 0 0 .8em; padding: 0; border: 8px solid #101010; box-shadow: 0 0 15px #2C2C2C;}
.tabulka-reference a:hover img {box-shadow: 0 0 6px #FFED00;}

.vertical-border-no, .vertical-border-no td {
    border: 0;
}
.vertical-border-no tr:last-child td {
    border-bottom: solid #1C1C1C 2px;
}


p.small {font-size: 85%;}

/**
 * INFORMACNI BLOKY - ERROR/SUCCESS
 */

.states, #forms-success {
    margin-bottom: 1em; padding: 8px 10px 8px 38px; border-style: solid; border-width: 1px; border-radius: 3px 3px;
}
.states p {
    margin-bottom: .4em;
}
.states ul, .states li {
    margin: 0; padding: 0; list-style-type: none;
}
.states p:last-child {
    margin-bottom: 0;
}
.state-error, .file-list-error {
    border-color: #cd0a0a; color: #cd0a0a; background: #fef1ec url('../picture/btn-error.png') 15px 10px no-repeat;
}
.state-highlight {
    border-color: #fad42e; color: #363636; background: #fbec88 url('../picture/btn-info.png') 15px 10px no-repeat;
}
.state-info {
    border-color: #96a9cd; color: #3a5897; background: #dee8f0 url('../picture/btn-info.png') 15px 10px no-repeat;
}
.state-success, #forms-success {
    border-color: #b2e0c1; color: #12a041; font-weight: bold; background: #c5e8d1 url('../picture/btn-accept.png') 15px 10px no-repeat;
}
.state-error a {
    color: #cd0a0a;
}
.state-highlight a {
    color: #363636;
}


/**
 * AJAX LOADER
 */
.loading_bar {display: none; position: absolute; width: 100%; height: 100%; background: white url(../picture/ajax-loader-1.gif) no-repeat 50% 50%; z-index: 99; filter: alpha(opacity=80); opacity: .8;}
a.btn {background: #d7c900; display: block; margin: 5px 5px 20px; float: left; color: #252525; cursor: pointer;box-shadow: 0 0 3px #2C2C2C; padding: 5px 15px; text-decoration: none;}
a.btn:hover {background: #FFF6A1;}/* Zakladni format pro elementy stranky */
body {
    margin: 0; padding: 0; color: #8a8a8a; background: #292929 url('../picture/bg-body.gif') repeat-x;
}
.cleaner {
    font-size: 0; line-height: 0; clear: both; visibility: hidden;
}
div.cleaner {
    width: 0px; height: 0px;
}
/* popup okno - DIV */
.popup {
    position: absolute; top: 17.2%; left: 8.5%; padding: 15px; border: solid #444 0.2em; text-align: left; background-color: #282828; z-index: 100; overflow: auto;
    
}
.popup-head {
    padding: 0 0 10px; text-align: right;
}
.popup-head a {
    font-weight: normal;
    color: #FFED00;
    font-size: 90%;
    text-transform: lowercase;
}
.popup-body {
    text-align: left;
}
/* skryti statistiky */
#mask-statistic {
    display: none;
}