#content {
    float: none;
    margin: 435px auto 0;
    padding-bottom: 2em;
    clear: both;
}
#content-right {
    float: right; position: relative;
}
#branding {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: url('../picture/bg-header.png') center bottom no-repeat;
}
#branding > div {
    background: url('../picture/bg-header-shine.jpg') center top no-repeat;
}
#branding > div > div {
    float: none;
    position: relative;
    height: 435px;
    margin: auto;
    padding-left: 0;
}
#theme {
    position: absolute;
    bottom: 40px;
    left: 0;
    margin-left: 0;
}


#home {
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 480px;
    height: 102px;
    background: url('../picture/logo.png?ver=1') 0 0;
}

#page.footer {
    float: none;
    clear: both;
    margin: 0 auto;
    padding-top: 2em;
}
#footer {
    float: none;
    clear: both;
    margin-left: 0;
    padding: 25px 0;
    border-top: solid #b2b2b2 1px;
    color: #7f7f7f;
}
#footer .vcard a,
#footer .vcard strong {
    color: #00b1eb;
}
#footer .vcard a {
    text-decoration: none;
}
#footer .vcard div:first-child {
    margin-left: 0;
}
#footer .vcard a:hover {
    text-decoration: underline;
}
#powered {
    float: right;
    text-align: right;
}
#powered .blue {
    color: #00b1eb;
}
#powered a {
    color: #000;
    text-transform: lowercase;
}
#powered .powered-by-text-all:after {
    content: " | ";
}
#powered .powered-by-text-all a {
    color: #7f7f7f;
    text-decoration: none;
}
#powered .powered-by-text-all a:hover {
    text-decoration: underline;
}
.undermenu.span3 {
    clear: left;
    margin-bottom: 2em;
    margin-left: 0;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


/**
 * MASK HOME
 */

body.home {
    background: url('../picture/bg-body-home.png') top repeat-x;
}
.home #content {
    margin-top: 707px;
}
.home #branding > div {
    background: url('../picture/bg-header-shine-home.jpg') center top no-repeat;
}
.home #branding > div > div {
    height: 699px;
}

.home h1 {
    color: #000;
}
.home .entry-summary {
    color: #00b1eb;
    font-size: 17px;
}
.home .entry-summary p {
    margin: 0;
    padding: 0;
}
.home .entry-content {
    margin-top: 1em;
}
.home #content-right .span3 {
    min-height: 240px;
    padding: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    line-height: 18px;
    background: #eaeaea;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.home #content-right .span3:hover {
    color: #fff;
    text-shadow: 0 1px 0 #122837;
    background: #122837;
}
.home #content-right .span3 h2 {
    margin: 10px 0 0 0;
    color: #00b1eb;
    font-size: 12px;
    font-weight: bold;
}
.home #content-right .span3 a {
    color: #00b1eb;
    font-size: 9px;
    text-decoration: none;
}
.home #content-right .span3 a:hover; {
    text-decoration: underline;
}

.home #content-home {
    position: relative; margin-top: 220px;
}


.home-content-tabs {
    position: absolute;
    left: 0;
    top: 0;
    padding: 30px 0;
    color: #8b8e90;
    background: #124258;
    background:      -o-linear-gradient(top, #124258 0%, #122837 100%);
    background:     -ms-linear-gradient(top, #124258 0%, #122837 100%);
    background:    -moz-linear-gradient(top, #124258 0%, #122837 100%);
    background: -webkit-linear-gradient(top, #124258 0%, #122837 100%);
    background: linear-gradient(to bottom, #124258 0% ,#122837 100%);
    -pie-background: linear-gradient(#124258, #122837);
    behavior: url("/sys.php?action=pie");
}
.home-content-tabs .span4 {
    min-height: 100px;
    padding: 0 20px 0 30px;
    border-left: solid #45494d 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.home-content-tabs .span4:first-child {
    border-left: 0;
}
.home-content-tabs h2 {
    margin: 0 0 10px;
    color: #f7f7f7;
    font-size: 21px;
}
.home-content-tabs h2 span {
    color: #404549;
}
.home-content-tabs h2 strong {
    color: #00b1eb;
    font-weight: normal;
}
.home-content-tabs .more {
    display: block;
    width: 80px;
    height: 29px;
    margin: 15px 0 0 0;
    background: url('../picture/bg-more.png') 0 -29px no-repeat;
}
.home-content-tabs .more:hover {
    background-position: 0 0;
}

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


#menu-main {
    position: absolute;
    top: 130px;
    left: 0;
    width: 100%;
    min-height: 56px;
    margin-left: 0;
    border-bottom: solid #122837 8px;
    background: #ccc;
    background:      -o-linear-gradient(top, #ffffff 0%, #9b9b9b 100%);
    background:     -ms-linear-gradient(top, #ffffff 0%, #9b9b9b 100%);
    background:    -moz-linear-gradient(top, #ffffff 0%, #9b9b9b 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #9b9b9b 100%);
    background: linear-gradient(to bottom, #ffffff 0% ,#9b9b9b 100%);
    -pie-background: linear-gradient(#ffffff, #9b9b9b);
    behavior: url("/sys.php?action=pie");
}
#menu-main > ul > li {
    position: relative;
    display: block;
    float: left;
}
#menu-main > ul > li > a {
    display: block;
    float: left;
    position: relative;
    height: 56px;
    padding: 0 18px;
    color: #181f23;
    font-size: 16px;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
    line-height: 56px;
}
#menu-main li.item-submenu,
#menu-main li.item-submenu:hover {
    background-position: center 42px;
    background-repeat: no-repeat;
}
#menu-main > ul > li[class*="active"] > a {
    color: #fafafa;
    text-shadow: 0 -1px 0 #000;
    background: #124258;
    background:      -o-linear-gradient(top, #124258 0%, #122837 100%);
    background:     -ms-linear-gradient(top, #124258 0%, #122837 100%);
    background:    -moz-linear-gradient(top, #124258 0%, #122837 100%);
    background: -webkit-linear-gradient(top, #124258 0%, #122837 100%);
    background: linear-gradient(to bottom, #124258 0% ,#122837 100%);
    -pie-background: linear-gradient(#124258, #122837);
}
#menu-main > ul > li[class*="active"] a:hover {
    text-decoration: none;
}
#menu-main > ul > li > a:before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
    width: 1px;
    height: 30px;
    background: #d4d4d5;
    background:      -o-linear-gradient(top, #d7d8d9 0%, #a5a5a5 100%);
    background:     -ms-linear-gradient(top, #d7d8d9 0%, #a5a5a5 100%);
    background:    -moz-linear-gradient(top, #d7d8d9 0%, #a5a5a5 100%);
    background: -webkit-linear-gradient(top, #d7d8d9 0%, #a5a5a5 100%);
    background: linear-gradient(to bottom, #d7d8d9 0% ,#a5a5a5 100%);
    -pie-background: linear-gradient(#d7d8d9, #a5a5a5);
    overflow: hidden;
    behavior: url("/sys.php?action=pie");
}

#menu-main > ul > li:first-child {
    margin-left: 10px;
}
#menu-main li[class^="normal"]:hover a:before,
#menu-main li[class^="item-"]:hover a:before,
#menu-main li[class*="active"] a:before,
#menu-main li[class*="active"] + li a:before,
#menu-main li:first-child a:before {
    display: none;
}

/*#menu-main > ul > li:hover > a,*/
#menu-main li[class^="normal"]:hover,
#menu-main li[class^="item-"]:hover,
#menu-main ul ul li:hover {
    background: #fff;
}
#menu-main > ul > li.item-submenu:hover > a:before {
    display: none;
}
#menu-main > ul > li > a.item-submenu:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 8px;
    left: 48%;
    width: 7px;
    height: 5px;
    background: url('../picture/bg-menu-main-arr.png') 0 0 no-repeat;
}
#menu-main ul ul li[class*="active"] {
    background: #122837;
    text-shadow: none;
}
#menu-main ul ul li[class*="active"] a {
    color: #fff;
}


/* View or hide submnus */
 

#menu-main ul ul {
    display: none;
    position: absolute;
    top:  56px;
    left: 0;
    width: 220px;
    border-top: solid #cccdce 1px;
    background: #dfdfdf;
}
#menu-main ul li > ul li {
    z-index: 100;
    padding: 6px  18px;
    border-bottom: solid #cccdce 1px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
}
#menu-main ul li > ul li a {
    color: #181f23;
    text-decoration: none;
}
#menu-main li:hover > ul {
    display: block;
}






/**
 * MENU TREE
 */

#menu-side {
    margin: 0 0 2em 0;
}
#menu-side h2 {
    margin: 0 ;
    padding: 8px 15px;
    border-bottom: solid #fff 1px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    background-color: #cfcfcf;
    letter-spacing: -.02em;
}
#menu-side a,
#menu-side strong.heading {
    display: block;
    padding: 7px 15px 6px;
    border-top: solid #cfcfd0 1px;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    background-color: #e0e0e0;
}
#menu-side li:first-child a {
    border-top: 0;
}
/* 1. level - over */
#menu-side a:hover {
    text-decoration: underline;
}
/* 1. level - click */
#menu-side li.active-item-submenu a,
#menu-side li.active-item-in-submenu a {
    padding-top: 9px;
    padding-bottom: 0px;
}
#menu-side > ul > li.active-item + li,
#menu-side > ul > li.active-item-submenu + li,
#menu-side > ul > li.active-item-in-submenu + li {
    box-shadow: 0 -1px 0  #fff;
}
#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: #0099cb;
}
/* 2. level */
#menu-side ul ul {
}
#menu-side ul ul a {
    padding: 3px 10px 2px 35px;
    border: 0;
    font-weight: normal;
    background-image: url('../picture/bg-menu-left.png');
    background-position: 18px 15px;
    background-repeat: no-repeat;
}
#menu-side ul ul li:last-child a {
    padding-bottom: 12px;
}


/* 2. level - over */
#menu-side ul ul a:hover {
}

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




/* MENU TABS: CONTENT MENU 2 COLUMNS * * */
#menu-content {
    display: table;
}
#menu-content ul {
    float: left;
    list-style-type: none;
}
#menu-content ul.col1 {
    margin-right: 100px;
}
#menu-content ul.col2 {
}
#menu-content li {
    margin: 0 5px 5px 0;
    padding-left: 15px;
}
#menu-content a, #menu-content span {
}
#menu-content a {
    color: #293300;
    text-decoration: underline;
}
#menu-content a:hover {
    text-decoration: none;
}
#menu-content .active {
}
#menu-content .active a {
    color: #99b334;
    text-decoration: none;
}


/**/


#menu-image .item {
    float: left;
    margin: 0 20px 20px 0;
    min-width: 218px;
}
#menu-image .item h2 {
    font-size: 16px; font-weight: bold;
}
#menu-image .item:nth-child(4n) {
    margin-right: 0;
}
#menu-image .item img {
    max-width: 218px;
    border: solid #d4d4d4 1px;
}
#menu-image .item a:hover img {
    border-color: #00b1eb;
}
#menu-image .item h2 + a {
    position: relative; display: block
}
#menu-image .item h2 + a:after {
    position: absolute; bottom: 10px; right: 10px; content: "›"; display: block; font-size: 24px; line-height: 22px; height: 25px; width: 25px; text-align: center; background: #00b1eb; color: #fff; font-weight: bold;
}
#menu-image .item h2:hover + a:after,
#menu-image .item h2 + a:hover:after {
    right: 5px; bottom: 5px; width: 35px; height: 35px; line-height: 32px;
}/**
 * MODUL: RYCHLA NAVIGACE - SHOWPATH
 */
#breadcrumb {
    float: right;
    padding: 15px 0;
    border-top: solid #e5e5e5 1px;
    color: #777;
    line-height: 150%;
    width: 100%;
    overflow: hidden;
}
#breadcrumb a {
    margin-right: 10px;
    color: #777;
}
#breadcrumb a:hover {
    color: #000;
}
#breadcrumb strong {
    font-weight: normal;
}
/* can be used to set the background */
#breadcrumb span {
    padding-right: 1.5em;
    background: url('../picture/bg-separ-01.png') 0 0 no-repeat;
}
/* hiding default text delimiter */
#breadcrumb em {
    display: none;
}
#breadcrumb .last {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
#breadcrumb .last:hover {
    text-decoration: none;
}








/**
 * MAPA WEBU
 */

#webmap * {
    line-height: 130%;
}
#webmap .img {
    position: absolute;
    top: 1.8em;
    left: .5em;
    width: 9px;
    height: 9px;
    margin-right: 1em;
}
#webmap ul ul .img {
    top: .5em;
    left: .4em;
}
#webmap a {
    text-decoration: none;
}
#webmap a:hover {
    text-decoration: underline;
}
#webmap ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#webmap li {
    position: relative;
    margin: 0;
    padding: 2px 0 2px 1.5em;
}
#webmap li:hover {
    text-shadow: 1px 1px 0 #fff;
}
#webmap li.pad-left {
    padding-left: 1.5em;
}
#webmap li.item-submenu ul {
    margin-left: -1.1em;
    padding-left: 1.5em;
    background-image: url("../picture/system/line.gif");
    background-position: left;
    background-repeat: repeat-y;
}
#webmap li.item-submenu h2 + ul {
    background: none;
}
#webmap li.item-submenu h2 + ul > li.pad-left,
#webmap li.item-submenu h2 + ul > li.item-submenu {
    margin: .4em 1.2em .4em 0;
    padding-bottom: .2em;
}
#webmap > ul > li {
    margin: .5em 0 0 0;
    padding-top: 0;
    padding-bottom: 0;
}
#webmap li h2 + ul > li.item-submenu + li.pad-left {
    margin-top: -.3em;
    margin-bottom: -.3em;
}
#webmap a,
#webmap h2,
#webmap h3,
#webmap h4,
#webmap h5,
#webmap h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
#webmap h2 {
    margin: -1px -1px -1px -1.25em;
    padding: .8em 0 .35em 1.5em;
    font-size: 18px;
    font-family: arial, menu, sans-serif;
    text-transform: uppercase;
    border-top: solid #e0e0e0 2px;
}
#webmap li:first-child h2 {
    border-top: 0;
}
#webmap ul ul {
    padding: .5em 0 .3em;
}
#webmap > ul > li a:hover + h2,

#webmap h2 a {
    font-weight: bold;
}
#webmap h3 a {
    font-size: 100%;
    font-weight: bold;
}
#webmap h4 a,
#webmap h5 a,
#webmap h6 a,
#webmap a {
    font-size: 90%;
    font-weight: normal;
}


/**
 * MODUL: EXTERNI CLANKY
 */

.hnews {}
.hnews .entry-title {}
.hnews .published {}
.hnews .entry-summary {margin-bottom: 1em;}
.hnews .entry-content {margin-bottom: 2em;}
#content-right .hnews h2 + .entry-summary {font-size: 100%;}

.hnews.detail {}
.hnews.detail .entry-title {}
.hnews.detail .published {}
.hnews.detail .entry-summary {}
.hnews.detail .entry-content {}

.hnews .footer {position: relative;}
.hnews .footer:before {content: "<<"; font-size: 9px; color: #00b1eb; padding-right: .3em;}

.paging-uni {font-size: 120%; text-decoration: none; text-transform: uppercase;}
.paging-uni .info {display: none;}
.paging-uni a, #content .paging-uni a[href^="http"] {text-decoration: none; background: none}
.paging-uni a:hover, #content .paging-uni a[href^="http"]:hover {text-decoration: underline;}
.paging-uni a, .paging-uni b {padding: 5px .6em 1px; font-weight: normal; margin: 0 .1em 0 0;}
.paging-uni a {color: #97BF0D}
.paging-uni i {font-style: normal;}
.paging-uni strong {font-weight: normal;}
.paging-uni b.nmbs {font-weight: bold;}
.paging-uni span, .paging-uni b.prevpage, .paging-uni b.nextpage, .paging-uni .frstpage, .paging-uni .lastpage {display: none;}




/**
 * MODUL: GALERIE
 */

#gallery-underart.aside {
    width: 100%; padding-top: 1em; clear: both;
}

/* seznam obrazku */
#gallery-underart .pcts {
    
}
#gallery-underart .pict {
    float: left;
    margin: 0 20px 20px 0;
}
#gallery-underart .last {
    margin-right: 0;
}
#gallery-underart .pict img {
    max-width: 218px;
    border: solid #d4d4d4 1px;
}
#gallery-underart .pict a:hover img {
    border-color: #00b1eb;
}
#gallery-underart .pict br {
    clear: both;
    visibility: hidden;
}/*
    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;}
.cboxTitle2 {text-align: center;}
#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{padding: 25px 25px 35px;;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; background-color: #fff;}
        #cboxCurrent{position:absolute; height: 25px; padding: 0 15px 0 10px; border-radius: 0 5px 0 0; line-height: 25px; bottom:0; left:50px; color:#949494; text-shadow: 1px 1px 0 #fff; background-color: #fff;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background: #fff 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:25px; background: #fff 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;}
        
        .art-popup-wrap p:last-child {margin-bottom: 0;}body, form, input, select, textarea, td, th {
    font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 150%;
}
form, input, select, textarea, th, td {
    font-size: 100%;
}
img {
    border: 0;
}
p, ul, ol, dl, table {
    margin: 0 0 1em 0; padding: 0;
}
h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; padding: 0; line-height: 120%; font-weight: normal;
}
h1  {
    margin: 0 0 .5em;
    padding: 0;
    color: #0099cb;
    font-size: 30px;
    font-weight: normal;
    line-height: 120%;
    letter-spacing: -.05em;
}

h2 {
    font-size: 27px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 21px;
}
h5, h6 {
    font-size: 18px;
}
.entry-summary h2:first-child, .entry-summary h3:first-child, .entry-summary h4:first-child, .entry-summary h5:first-child, .entry-summary h6:first-child,
.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;
}
.entry-summary + .entry-content h2:first-child, .entry-summary + .entry-content h3:first-child, .entry-summary + .entry-content h4:first-child, .entry-summary + .entry-content h5:first-child, .entry-summary + .entry-content h6:first-child {
    margin-top: .8em;
}
a {
    color: #00b1eb; text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
/* IKONKY U ODKAZU */
.entry-summary a[href^='http'],
.entry-summary a[href^='https'],
.entry-content a[href^='http'],
.entry-content a[href^='https'] {
    padding-right: 0.9em; background-image: url('../picture/sys-link-out.gif'); background-position: right top; background-repeat: no-repeat;
}
.entry-summary a[href^='mailto'],
.entry-content a[href^='mailto'] {
    padding-right: 1em; background-image: url('../picture/sys-link-mail.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-summary ul,
.entry-content ul {
    margin-left: 2em; padding: 0; list-style-type: none;
}
.entry-summary ul ul,
.entry-content ul ul {
    margin-bottom: 0; margin-left: 2em;
}
.entry-summary ul li,
.entry-content ul li {
    padding: 0 0 0.4em 2em; background: url('../picture/bg-li.png') 0 5px no-repeat;
}
.entry-summary ol ul li,
.entry-content ol ul li {
    padding-left: 2em; background: url('../picture/bg-li.png') 0 5px no-repeat;
}
.entry-summary ol,
.entry-content ol {
    margin-left: 4em; padding: 0;
}
.entry-summary ol ol,
.entry-content ol ol {
    margin-bottom: 0; margin-left: 2em;
}
.entry-summary ol li,
.entry-content ol li {
    padding: 0 0 0.4em 0;
}
.entry-summary ul ol li,
.entry-content ul ol li {
    padding-left: 1em;
}
.entry-summary li ol,
.entry-content li ol {
    margin: 0.5em 0 0.3em 2em; padding: 0;
}
.entry-summary li ul,
.entry-content li ul {
    margin: 0.5em 0 0.3em 0; padding: 0;
}
.entry-summary ol li,
.entry-content ol li,
.entry-summary ul ol li,
.entry-content ul ol li {
    background: none;
}
.entry-summary ul li:last-child,
.entry-content ul li:last-child,
.entry-summary ol li:last-child,
.entry-content ol li:last-child {
    padding-bottom: 0;
}

.obrazek-zarovnany-vlevo,
.obrazek-zarovnany-vpravo,
.obrazek-formatovany {
    border: solid #d4d4d4 1px; background: #fff;
}
a:hover .obrazek-zarovnany-vlevo,
a:hover .obrazek-zarovnany-vpravo,
a:hover .obrazek-formatovany {
    border-color: #0071bb;
}
.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;
}
.tabulka-formatovana caption, .tabulka-formatovana th, .tabulka-formatovana td {
    padding: 8px 10px;
}
.tabulka-formatovana th, .tabulka-formatovana td {
    border: solid #e9ebe2 0.1em;
}
.tabulka-formatovana caption {
    font-weight: bold; text-align: left; color: #00b1eb;
}
.tabulka-formatovana th, .tabulka-formatovana tr.radek-zahlavi td {
    color: #00b1eb;  background-color: #f7f7f7;
}
.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;
}

#content-right .entry-summary,
p.entry-summary {
    margin-bottom: 1.5em;
    font-size: 120%;
    line-height: 140%;
}


/**
 * 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,
#shop-wibo-tisky {
    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: #fff url('../picture/colorbox/loading.gif') 50% 50% no-repeat; opacity: .8; filter: alpha(opacity=80); z-index: 99; 
}/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides .item {display: none; -webkit-backface-visibility: hidden; height: 460px; background-repeat: no-repeat; background-size: 100% auto} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; background: #13374d;}
.flex-viewport {max-height: 500px;}
.loading .flex-viewport {max-height: 500px;}
.flexslider .article-wrap {
    position: absolute;
    padding: 1.1em 79px 0;
    bottom: 0;
    width: 100%;
    min-height: 85px;
    background: url('../picture/bg-slider-art.png');
    color: #f7f7f7;
    text-shadow: 0 1px 4px #000;
    font-size: 12px;    
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -ms-box-sizing:border-box;    
}

.flexslider .article{
    line-height: 140%;
    margin-bottom: 1em;    
}

.flexslider .article-wrap h2{
    font-size: 21px;
    margin-bottom: 0.1em;
    margin-top: 0;
}

/* Direction Nav */
.flex-direction-nav {position: absolute; bottom: 31px; left: 26px; z-index: 10}
.flex-direction-nav li{
    float: left;
    margin-right: 7px;
}
.flex-direction-nav a {width: 10px; height: 20px; display: block; background: url('../picture/arrows-slider.png') no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav .flex-next {
    background-position: right 0; 
}
.flex-direction-nav .flex-next:hover{
    background-position: right bottom; 
}

.flex-direction-nav .flex-prev:hover {
    background-position: 0 bottom; 
}
.flex-direction-nav .flex-disabled {display: none;}


/* Zakladni format pro elementy stranky */
body {
    margin: 0; padding: 0; color: #535353; background: #fefefe url('../picture/bg-body.png') top repeat-x;
}
.cleaner {
    font-size: 0; line-height: 0; clear: both; visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}
div.cleaner {
    width: 1px; height: 1px;
}
.hidden-user{
    position: absolute;
    top: -1000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* popup okno - DIV */
.popup {
    position: absolute; top: 25%; left: 25%; padding: 5px; border: solid #444 0.2em; text-align: left; background-color: #eee; z-index: 100; filter: alpha(opacity="90"); opacity: 0.90; overflow: auto;
}
.popup-head {
    padding: 0 0 10px; text-align: right;
}
.popup-head a {
    font-weight: bold;
}
.popup-body {
    text-align: left;
}
/* skryti statistiky */
#mask-statistic {
    display: none;
}/*!
 * Bootstrap v2.2.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.google-maps img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.span12 {
  width: 940px;
}
.span11 {
  width: 860px;
}
.span10 {
  width: 780px;
}
.span9 {
  width: 700px;
}
.span8 {
  width: 620px;
}
.span7 {
  width: 540px;
}
.span6 {
  width: 460px;
}
.span5 {
  width: 380px;
}
.span4 {
  width: 300px;
}
.span3 {
  width: 220px;
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}
.offset12 {
  margin-left: 980px;
}
.offset11 {
  margin-left: 900px;
}
.offset10 {
  margin-left: 820px;
}
.offset9 {
  margin-left: 740px;
}
.offset8 {
  margin-left: 660px;
}
.offset7 {
  margin-left: 580px;
}
.offset6 {
  margin-left: 500px;
}
.offset5 {
  margin-left: 420px;
}
.offset4 {
  margin-left: 340px;
}
.offset3 {
  margin-left: 260px;
}
.offset2 {
  margin-left: 180px;
}
.offset1 {
  margin-left: 100px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}
.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}
.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}
.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}
.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}
.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}
.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}
.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}
.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}
.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}
.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}
.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}
.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}
.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}
.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}
.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}
.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}
.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}
.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}
.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}
.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}
.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}
.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}
.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}
.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}
.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}
.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}
.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}
.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}
.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}
.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}
.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}
.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}
.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}
.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}
.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12, textarea.span12, .uneditable-input.span12 {
    width: 710px;
  }
  input.span11, textarea.span11, .uneditable-input.span11 {
    width: 648px;
  }
  input.span10, textarea.span10, .uneditable-input.span10 {
    width: 586px;
  }
  input.span9, textarea.span9, .uneditable-input.span9 {
    width: 524px;
  }
  input.span8, textarea.span8, .uneditable-input.span8 {
    width: 462px;
  }
  input.span7, textarea.span7, .uneditable-input.span7 {
    width: 400px;
  }
  input.span6, textarea.span6, .uneditable-input.span6 {
    width: 338px;
  }
  input.span5, textarea.span5, .uneditable-input.span5 {
    width: 276px;
  }
  input.span4, textarea.span4, .uneditable-input.span4 {
    width: 214px;
  }
  input.span3, textarea.span3, .uneditable-input.span3 {
    width: 152px;
  }
  input.span2, textarea.span2, .uneditable-input.span2 {
    width: 90px;
  }
  input.span1, textarea.span1, .uneditable-input.span1 {
    width: 28px;
  }
}



/********************************************************************************
 * MOBILE
 */

@media (max-width: 767px) {
    body, form, input, select, textarea, td, th {
    font-size: 14px; line-height: 20px;
}
body,
body.home {
    background-position: 0 -62px;
    background-image: url('../picture/bg-body-phone.png');
}
#content {
    margin-top: 220px;
}
#branding > div {
    background: url('../picture/bg-header-shine-phone.jpg') center top no-repeat;
    height: 180px;
}
#branding > div > div {
    height: 242px;
}

#branding {
    background: none;
}
#page.footer {
    font-size: 12px; line-height: 19px; padding-top: 0;
}
#page.footer .span2 {
    width: 166px;
}
#page.footer .span3 {
    width: 224px;
}
#page.footer .span4 {
    width: 290px;
}
#home {
    top: 0;
    left: 20px;
    width: 360px;
    max-width: 90%;
    height: 80px;
    background: url('../picture/logo-phone.png?ver=1') 0 0 no-repeat;
    background-size: contain;
}





.navbar {
    position: relative;
    top: 110px;
}

.navbar .header {
    float: left;
    position: relative;
    width: 100%;
    height: 60px;
    padding-left: 20px;
    color: #000;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.68);
    line-height: 60px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background: navy;
    background: url('../picture/bg-navbar.png') right bottom no-repeat;
}

.navbar .btn-navbar,
.navbar .header span {
    display: block;
    float: left;
    position: relative;
    width: 70px;
    height: 60px;
    margin-left: -70px;
    background: url('../picture/bg-navbar-icons.png') right bottom no-repeat ;
}

.navbar .btn-navbar {
    z-index: 10;
}
.navbar .header span {
    float: right;
    margin-right: 70px;
    background-position: 0 0;
}
#menu-top {
    display: none;
    position: absolute;
    top: 60px;
    width: 100%;
    border-bottom: 5px solid #163746;
    background: #9d9d9d;
    z-index: 1000;
}
#menu-top ul.makeMenu {
    margin: 0 6px;
    padding: 5px 10px 10px 10px;
    border-top: solid #0a749b 5px;
    z-index: 1000;
}
#menu-top ul li {
    list-style-type: none;
}
#menu-top ul li a {
    color: #fff;
    font-size: 15px;
}
#menu-top ul ul {
    margin-left: 1em;
}
#menu-top ul.makeMenu > li {
    float: left;
    clear: left;
    margin-top: .5em;
}
#menu-top ul.makeMenu > li > a {
    display: block;
    padding: .5em 0;
    font-weight: bold;
    text-transform: uppercase;
}
#menu-top a[class*="active"] {
    color: #0a749b;
    text-decoration: none;
}
#menu-top ul.makeMenu ul a {
    display: block;
    padding: 0.5em 0;
}



#menu-main {
    top: 110px;
}
#menu-main ul li:first-child {
    display: none;
}
#menu-side h2 {
    display: none;
}
#menu-side .heading {
    display: block;
    margin: 0;
    padding: 8px 15px;
    border-bottom: solid #fff 1px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    background-color: #cfcfcf;
    letter-spacing: -.02em;
}
#menu-side {
    clear: both;
}
.entry-content {
    padding-bottom: 2em;
}

#content-right {
    padding-top: 1.5em;
}


/**
 * MASK HOME
 */

.home #content {
    margin-top: 180px;
}
.home #content-right .span3 h2 {
    font-size: 18px; margin: 0 0 6px;
}
.home #content-right .span3 a {
    color: #00b1eb;
    font-size: 9px;
    text-decoration: none;
}
.home .entry-summary {
    font-size: 18px; line-height: 24px;
}
.home #branding > div {
    background: url('../picture/bg-header-shine-pone.jpg') center top no-repeat;
}
.home #branding > div > div {
    height: 270px;
}

.home #theme img {
    height: auto; width: 100%;
}
.home #content-home {
    margin-top: 0;
}
.home #content-home .span6 {
    width: 100%; padding-bottom: 0;
}
.home #content-home .span3.adds-home {
    width: 53%; min-height: 160px;
    margin-left: -20px; float: left;
}
.home #content-home .span3.adds-home + .span3.adds-home {
    margin-left: 0; margin-right: -20px; float: right;
}
.home #content-home .adds-home h2 {
    font-weight: normal;
}
.home #content-home .adds-home img {
    display: none;
}
.home #menu-main {
    top: 110px;
}


.home-content-tabs {margin: 0 -20px; position: static; background: none;}
.home-content-tabs .span4 {
    padding: 20px 10px 0 20px; border-bottom: solid #f5f5f5 5px; width: 100%;
    background: #13181b; min-height: 80px;
}
.home-content-tabs h2 {
    font-size: 20px; line-height: 30px; float: left;
}
.home-content-tabs h2 span {
    display: none;
}
.home-content-tabs .more {
    float: right; margin-top: 0;
}





/**
 * MENUS
 */
#menu-main a {
    width: 33.3%; text-align: center; height: 62px; line-height: 62px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
}
#menu-main li:first-child {
    margin-left: 0;
}

.entry-content div {
    clear: left; width: auto !important;
}



/* BREADCRUMB */
#breadcrumb {
    position: absolute;
    height: 40px;
    margin: 0 -20px;
    padding: 0;
    line-height: 40px;
    top: 180px;
    border-top: 0;
}
#breadcrumb > div {
    width: 2000em;
    height: 40px;
}
#breadcrumb a {
    display: block;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0 3px 0 8px;
    color: #707070;
    font-size: 120%;
    font-weight: bold;
    font-family: arial, sans-serif;
    text-decoration: none;
    background: #fff;
}
#breadcrumb a.first {
    width: 39px;
    padding-left: 0;
    text-indent: -3000px;
    background: #fff url('../picture/bg-ico-home.png') no-repeat 20px 11px;
}
#breadcrumb .delimiter {
    display: block;
    float: left;
    width: 22px;
    height: 40px;
    padding-right: 0;
    text-indent: -3000px;
    background: url('../picture/bg-breadcrumb-arrow-mob.png') no-repeat;
}
#breadcrumb .delimiter.first-del {
    display: none;
}
#breadcrumb a.last {
    position: relative;
    color: #707070;
    background: #fff url('../picture/bg-breadcrumb-arrow-mob.png') right bottom no-repeat;
}
#breadcrumb a.last:after {
    content: ""; display: block; position: absolute; width: 22px; height: 40px; top: 0; right: -22px;
    background: url('../picture/bg-breadcrumb-arrow-mob.png') right bottom no-repeat;
}
#breadcrumb .hider {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 20px;
    height: 40px;
    background: url('../picture/bg-breadcrumb-hider.png') right 0;
}




#menu-image .item {
    width: 100%;
    float: none;
}
#menu-image .item h2 + a {
    height: 100px; overflow: hidden; width: 100%;
}
#menu-image .item img  {
    max-width: 100%; width: 100%;
}




#webmap {
    padding-bottom: 2em;
}

#gallery-underart .pict {
    width: 50%;
    margin: 0;
    padding: 0 0 20px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#gallery-underart .pict:nth-of-type(odd) {
    padding-right: 10px;
    clear: left;
}
#gallery-underart .pict:nth-of-type(even) {
    padding-left: 10px;
}
#gallery-underart .pict img {
    max-width: 100%;
}}




/********************************************************************************
 * TABLET
 */

@media only screen and (min-width: 768px) and (max-width: 978px) {
    body, form, input, select, textarea, td, th {
    font-size: 14px; line-height: 20px;
}
body {
    background-position: left -110px;    
}
#content {
    margin-top: 360px;
}
#branding > div {
    background: url('../picture/bg-header-shine.jpg') center -110px no-repeat;
}
#branding > div > div {
    height: 360px;
}

#branding {
    background-size: contain;
}
#page.footer {
    font-size: 12px; line-height: 19px;
}
#page.footer .span2 {
    width: 166px;
}
#page.footer .span3 {
    width: 224px;
}
#page.footer .span4 {
    width: 290px;
}
#home {
    top: 0;
    width: 360px;
    height: 80px;
    background: url('../picture/logo-tablet.png?ver=1') 0 0;
}
#menu-main {
    top: 110px;
}
#menu-main > ul > li > a {
    padding: 0 15px;
    font-size: 15px;
}
#theme {
    bottom: 35px;
}
#content-right {
    width: 724px; margin-left: 0;
}

.undermenu.span3 {
    width: 724px; padding: 0;
}
.undermenu.span3:last-child {
    margin-bottom: 0;
}
#breadcrumb {
    width: 724px;
}



/**
 * MASK HOME
 */

body.home {
    background-position: -126px;
}
.home #content {
    margin-top: 570px;
}
.home #content-right .span3 h2 {
    font-size: 18px; margin: 0 0 6px;
}
.home #content-right .span3 a {
    color: #00b1eb;
    font-size: 9px;
    text-decoration: none;
}
.home .entry-summary {
    width: 724px; font-size: 18px; line-height: 24px;
}
.home #branding > div {
    background: url('../picture/bg-header-shine-home.jpg') center -126px no-repeat;
}
.home #branding > div > div {
    height: 570px;
}
.home #theme {
    height: 355px;
}
.home #theme img {
    height: auto; width: 100%;
}
.home #content-home {
    margin-top: 190px;
}
.home #content-home .span6 {
    width: 100%; padding-bottom: 2em;
}
.home #content-home .span3.adds-home {
    width: 352px; min-height: 110px;
}
.home #content-home .adds-home h2 {
    font-weight: normal;
}
.home #content-home .adds-home img {
    display: none;
}

.flexslider .slides .item {
    height: 354px;
}

#home-content-tabs .span4 {
    padding: 0 10px 0 20px;
}
#home-content-tabs h2 {
    font-size: 26px; line-height: 30px;
}
#home-content-tabs h2 span {
    display: none;
}
#home-content-tabs h2 strong {
    display: block;
}


/**
 * MENUS
 */

#menu-side.span3 {
    width: 724px;
    padding: 10px 0 5px;
    border-top: solid #e5e5e5 1px;
    border-bottom: solid #e5e5e5 1px;
}
#menu-side h2 {
    display: none;
}
#menu-side ul,
#menu-side li {
    display: inline;
}
#menu-side a,
#menu-side strong.heading {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 4px 10px;
    border: 0;
    font-weight: normal;
}
#menu-side strong.heading {
    padding-left: 0;
    font-weight: bold;
    background: transparent;
}
#menu-image .item {
    max-width: 33%;
}
#menu-image .item h2 {
    overflow: hidden; height: 1.5em; white-space: nowrap; position: relative;
}
#menu-image .item h2:after {
    content: ""; display: block; width: 2em; height: 1.5em; position: absolute; top: 0; right: 0;
    background: -webkit-linear-gradient(left,  rgba(241,241,241,0) 0%, rgba(241,241,241,1) 100%);
    background: -moz-linear-gradient   (left,  rgba(241,241,241,0) 0%, rgba(241,241,241,1) 100%);
    background: linear-gradient     (to right, rgba(241,241,241,0) 0%, rgba(241,241,241,1) 100%);
}
#menu-image .item:nth-child(3n) {
    margin-right: 0;
}
#menu-image .item:nth-child(3n) h2 + a:after {
    right: 30px;
}
#menu-image .item:nth-child(3n) h2:hover + a:after,
#menu-image .item:nth-child(3n) h2 + a:hover:after {
    right: 25px;
}
#menu-image .item:nth-child(4n) {
    margin-right: 20px;
}

.entry-content div:nth-of-type(3n) {
    clear: left;
}}




/********************************************************************************
 * DESKTOP
 */

@media (min-width: 979px) {
    

.hfeed.articles .paging-uni,
#reference .paging-uni,
#gallery-sections + .paging-uni {
    text-decoration: none;
    text-transform: uppercase;
}
.hfeed.articles .paging-uni strong,
#reference .paging-uni strong,
#gallery-sections + .paging-uni strong {
    font-weight: normal;
}
.hfeed.articles .paging-uni i,
#reference .paging-uni i,
#gallery-sections + .paging-uni i {
    font-style: normal;
    display: inline;
}
.hfeed.articles .paging-uni span,
.hfeed.articles .paging-uni b.prevpage,
.hfeed.articles .paging-uni b.nextpage,
.hfeed.articles .paging-uni .frstpage,
.hfeed.articles .paging-uni .lastpage,
#reference .paging-uni span,
#reference .paging-uni b.prevpage,
#reference .paging-uni b.nextpage,
#reference .paging-uni .frstpage,
#reference .paging-uni .lastpage,
#gallery-sections + .paging-uni span,
#gallery-sections + .paging-uni b.prevpage,
#gallery-sections + .paging-uni b.nextpage,
#gallery-sections + .paging-uni .frstpage,
#gallery-sections + .paging-uni .lastpage{
    display: none;
}
.hfeed.articles .paging-uni a,
.hfeed.articles .paging-uni b,
#reference .paging-uni a,
#reference .paging-uni b,
#gallery-sections + .paging-uni a,
#gallery-sections + .paging-uni b{
    border: solid transparent 1px;
    background: transparent;
}
.hfeed.articles .paging-uni a:hover,
#reference .paging-uni a:hover,
#gallery-sections + .paging-uni a:hover{
    border: solid #ededed 1px; background: #fafafa; box-shadow: none;
}


}