#content {
    margin-top: 156px;
    background: #fff;
    padding-bottom: 3em;
}
.home #content {
    padding-bottom: 0;
}
#branding {
    position: absolute;
    top: 0;
    width: 100%;
    height: 151px;
    border-top: solid #ee1941 5px;
    background: #fff;
}
#home {
    display: block;
    float: none;
    margin:  0 auto;
    padding: 28px 0 23px;
    color: #949494;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 200;
    font-family: Exo, sans-serif;
    font-style: italic;
    text-decoration: none;
    line-height: 46px;
    letter-spacing: .04em;
}
#home img {
    display: inline-block;
    margin-right: 50px;
    vertical-align: top;
}
#home span {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}




#content-left{
    float: left;
    margin-left: 0;
}

#content-right{
    float: right;
}


/**
 * FOOTER
 */

#page.footer {
    background: #004b8d;
}
#page.footer,
#page.footer a {
    color: #98add2;
}
#page.footer a:hover,
#page.footer strong {
    color: #fff;
}
#page.footer > .row {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVUAAAABAQMAAABUqq84AAAABGdBTUEAALGPC/xhBQAAAAZQTFRFAAAAADtuM98aqAAAAAF0Uk5TAEDm2GYAAAAPSURBVAjXY2hgIA4A1QEAFywBAdrcu74AAAAASUVORK5CIIA=') top center repeat-y;
    margin: 30px auto;
}
#page.footer .row div[class*="span"]:first-child {
    margin-left: 0;
}
#page.footer h2 {
    margin-top: 8px;
    margin-bottom: 22px;
    margin-bottom: 2.2rem;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    font-family: exo, sans-serif;
    font-style: italic;
    text-shadow: 0 1px 0 #003b6d;
    text-transform: uppercase;
}
#page.footer ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#page.footer li {
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
}
#page.footer .demand li,
#page.footer .demand li a {
    color: #ec1941;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 700;
    font-family: Exo, sans-serif;
    font-style: italic;
    text-shadow: 0 1px 0 #000;
    text-decoration: none;
}
#page.footer .demand ul {
    margin-top: -10px;
}
#page.footer .demand li {
    height: 40px; line-height: 40px; padding-left: 50px;
    background-position:  0 0;
    background-repeat: no-repeat;
    margin-bottom: 8px;
    position: relative;
}
#page.footer .demand  li:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #003b6e;
    border-radius: 40px;
    content: "";
}
#page.footer .demand  li:nth-child(1):before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAABYElEQVRYw2NgGAWjYBSMglEwCigGbyUdBYF4JhDfBeKOQeW4l1JO54GO+o+EjQdLqJWjOez/I2nna4PCcXelXd6iOw6KQwdDyGFz2P9bMq53B9xx+xS8sDquRjP8yYA7bqWy3ztkRwGj+b++Sep/Buu88gF3XKpO9DFkxzVphH4HOmxw5FagQ0LPyrnDHfdUyvk7qNwbNOVcu0bIe+TQeyzlvGDwlMLWeR3IoQfFaYPGfWH6cS+QHfdMyunroKkpQGkvXzsSJfReSTp9xFYYQ2uVu/QtqIHFR596MLZybyYsk4AchCa3CoiV6OXAmdgc+FrS8T6oxfJcyukLjlqlnG4ORI9iQhhUR9M1iuN1Y8A1BjGOAxVH9M4kaYKW2e/rNMPwOhJUP8uYZ04YiFwsCCoHgfgdKCTXKfnCHQpyFCj6gXJnwOoGuLhJA+LdIIcCMcxR5QyjYBSMglEwCoYOAAD0SE7Tz8HMMwAAAABJRU5ErkJggg==');
}
#page.footer .demand  li:nth-child(2):before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAABgUlEQVRYw2NgGAWjYBSMglEwCkYB3cFbSUcXIH4HxP+pgEHmlFPNcU+knJ9RyWHIWIkqjrsv7fKX2o6brRroRxXHNWmEfqemw/YpeP1nsM4zporjZMwzJ6xT8qWKw+5Ku/xXM0u/TLU0d0rOIwDo09196sEUOQzkQUWzjA8NmmH2VEtzUMM7gA6caW+U9P+snDvJDsvXjgRF5e7dCt45ryUdP6xV8o2lpuNA+EyxVkSmkEX2/XkqAUSnL32T1P8KZhkNQP4qmHinekgZtR0HxnekXRqAobAqXjcGnIZwOaxOMwwUWmdmqgZmvpF0fI8sRzPHQfFuJ6PEKlAaQs8soGgHRT8oIwH5M7Hpp7Xj/oPSDigNgdISKBRBjgSlLVC0g6IfKH8fl16aOw45FAu0I/tBjrQ2Tu58LOW8gJAeejqOZDzquAF3HKisoqbDQMWPkUlKAFUcB6oLQYUuKDdSAwOLoM/AzCNIncrVOk8JVOiCciOVsAvDKBgFo2AUjILBDQAJdzi9FSm5uQAAAABJRU5ErkJggg==');
}
#page.footer .demand  li:nth-child(3):before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAABaElEQVRYw2NgGAWjYBSMglEwCoYveCvpaAzEu4H4Pxl4N00d9krS6SPIon0KXv/PyrmThBs1Qm8jefAdEJ8BYkGqOO6OtMtJkMPidWP+M1jnnQHiuyTicmQPgvBLKafzVHEgyDBQCAAtSaM05JHxDRnXAqo47qKs2y9qOgyUPFTM0gfOcfgcJmKRdR4YE4JUdxworUATNc6ETReHoTsO5BhoYsaZsOnmMHTHPZB2noBuKbID6eowdMd5GyQsuCvt8h+HA0Pp6jCMNGedZ2xkkvIRmwOxYZjDdil4OwL5d2nrOBIciBxiz6ScnoDEaO84IhyIHpUg/fRzHB4HYktj9HccFgfiSvwD4zgkB9ZphuHMlYflPX/QxHHrlHxhUZaGz4FA3IHNYUB9oFbJf5A5VHecjVHySaR0dZcM/B+kH2QO9Vub0GhDCkGSMEgfSD84dGkCING2G4j/k4F3085ho2AUjIJRMHQBAN/JUvcwPj4NAAAAAElFTkSuQmCC');
}
#page.footer .demand li a:hover {
    text-decoration: underline;
}


#page.footer .recommend li,
#page.footer .recommend li a {
    color: #7fadd7;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-shadow: 0 1px 0 #000;
    text-decoration: none;
}
#page.footer .recommend li {
    padding-left: 18px;
    padding-bottom: 3px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAAw0lEQVQoz2OoX3e9A4QZgABIGwPxXSBWYkAGtkULNwAF/4MUKkZ2ORYsOP2rbu21D6gKrfNCtRInghT9r1hxcQKnS9n9/AWn/lKm0LpwPlhhyZJzBcI+dY9A7JrVVx/B1QAFXKpXXfkW2rHlv7BvXUHlyktHypdd+K8a2/sMrqB2zdXP4Z3bfvK4VWyoWX3lAFDRL+Xo7s9AG1wIKwCBnLnHt4AUAAVWAdkBGAqgDp4JUgBlu3A6l75HVYANWOcJogsBALM3mzy7PcvLAAAAAElFTkSuQmCC') 2px 7px no-repeat;
}
#page.footer .recommend li.actv {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAAw0lEQVQoz2P4//9/BwgzAAGQNgbiu0CsxIAMqmdt2fAfAjqc86Y4Pnzx7tffv/8+oCq0zgsNrZkHVvXxy/cJwl6V9+8/e/uXMoXl0zaBFb54+6lALaLlEYj989efR3A1QL7L95+/vq3ad/6/emRLwedvP468+/T1v3fpzGdwBb9+//m87uDFn5J+NRt+/Pp9AKjol3vRtM9AG1wIKwCBm49ebgEpAAqsArIDMBRAHTwTpADKdhHyrHiPqgAbsM4TRBcCAGOCxiq4iTb5AAAAAElFTkSuQmCC');
}
#page.footer .recommend li.actv a {
    color: #fff;
}
#page.footer .recommend li a:hover {
    text-decoration: underline;
}
address {
    font-style: normal; 
}
address .fn {
    font-weight: bold;
    color: #fff;
}

#copy {
    color: #7ca3c5;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: right;
    background: #003b6e;
}
#copy div.row.span12 {
    padding: 20px 0 30px;
    float: none;
    margin: auto;
    padding-left: 220px;
    background: url('../picture/logo-footer.png') 0 10px no-repeat;
}
#copy strong {
    color: #fff;
}
.powered-by-text-all {
    text-transform: lowercase;
}
.powered-by-text-all a {
    text-decoration: none;
}
.powered-by-text-all a:hover {
    color: #fff;
    text-decoration: underline;
}



/**
 * SIDE BOX WITHL BLOCK LINK
 */

.side-box {
    padding: 0 0 40px;
    font-family: exo, sans-serif;
}
.side-box p.header {
    margin: 0;
    padding: 0 ;
    color: #004b8d;
    font-weight: 400;
}
.side-box a {
    display: block;
    padding: 20px 8px 14px 63px;
    border-bottom: solid #004b8d 3px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    font-style: italic;
    text-decoration: none;
    line-height: 24px;
    letter-spacing: -.03rem;
    background: #ee1941 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAfBAMAAACSURn7AAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAETNEVWZ3iJmqu8zd7oprBIEAAADlSURBVCjPXdJNDsFAGMbxh5LMJdyhcQBxAYmNrUhcwAmEWErEwpZYI44gTiA29hIEoc8ZTN/56ngX7fSX/7RNWiBZ0k22gExpxTBPVPraFL8bN9sBumwDjSxFmCr5AGa3AumMTHE4xhk5Atd/GZuRSabvVzTJ2sZKcSY2vERZbsqsfJbbzCx9pq1s1iHTlpiLkNm9ZCdk9hl2BuWeNRPqeaF2debCEVbebPgC9sGUzYomoc4iUyaLTId5FpuSzJr7HnU5ns6y6V74HhXO81MjawZrMcXff7DjG3Cv5mdsLJl6+UxEfiWf81/xJbYdAAAAAElFTkSuQmCC') 16px 16px no-repeat;
}
.side-box a:hover {
    text-decoration: underline;
    background-color: #de0211;
}
.side-box strong {
    display: block;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 700;
}



#slider {
    position: relative;
    width: 100%;
    height: 651px;
    overflow: hidden;
}
#slider .row.span12 {
    float: none;
    position: relative;
    margin: auto;
    z-index: 2;
    height: 490px;
}
#slider .animace div.span6 {
    width: auto;
    clear: left;
    overflow: hidden;
    position: relative;
    height: 22px;   
    margin: 0 0 15px;
    padding: 10px 30px;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    text-shadow: 0 1px 0 #101b25;    
    background: rgba(26,41,55,.85);    
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.ie8 #slider .animace div.span6 {
    background: url('../picture/transp-black-60.png');
}

#slider div.span6 .text {
    display: none;
}

#slider div.span6.opened {
    max-width: 460px;
    height: auto;
    margin-bottom: 35px;
    overflow: visible;
}

#slider div.span6.opened .text{
    display: block;    
}
#slider div.span6.opened .text a {
    color: #ED1941;
}
#slider h1,
#slider h2 {
    position: relative;
    font-family: exo, sans-serif;
    font-weight: 400;
    line-height: 100%;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
    line-height: 2.1rem;
    margin: 0;
    text-shadow: 0 1px 0 #101b25;
    color: #ed1941;
    padding-right: 12px;
    padding-bottom: 10px;
    cursor: pointer;
    white-space: nowrap;
}

#slider h1:hover,
#slider h2:hover {
    color: #cb002a;   
}

#slider h1:before,
#slider h2:before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAW0lEQVQoz2P4//+/IAgz4AK/f/85D8I4FdU2dzwASv7HqUhQRjWtoLzm/2BSdPb8xUMgBWs2bH4N1ICqACg+EyS5YMmK/0DJmfSQBIHd+w5ewykJ9dpMnJJAAAALpJZYgUigcgAAAABJRU5ErkJggg==');
    position: absolute;
    top: 3px;
    right: -5px;
}
#slider div.span6.opened h1:before,
#slider div.span6.opened h2:before {
    display: none;
}
#slider div.span6 a.more {
    display: none;
    position: absolute;
    bottom: -19px;
    left: 30px;
    height: 38px;
    padding: 0 40px 0 16px;
    color: #fff;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    font-family: exo, sans-serif;
    font-style: italic;
    text-shadow: 0 1px 0 #af0021;
    text-decoration: none;
    line-height: 38px;
    line-height: 3.8rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 0;
}
#slider div.span6 a.more span {
    position: relative;
    z-index: 2;
    color: #fff;
}

#slider div.span6 a.more:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 38px;
    background: #ed1941;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: skewX(-10deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform: skewX(-10deg);
    -moz-transform-origin: 0% 0%;
    -o-transform: skewX(-10deg);
    -o-transform-origin: 0% 0%;
    -ms-transform: skewX(-10deg);
    -ms-transform-origin: 0% 0%;
    transform: skewX(-10deg);
    transform-origin: 0% 0%;
}
#slider div.span6 a.more:after {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAW0lEQVQoz2P4//+/IAgz4AL/fv85D8I4FV0uaXsAlPyPU9F6BsW082lV/weToncnLxwCKXi8bNNroAZUBUDxmSDJ+zOX/QdKzqSHJAi82Lb/Gk5JqNdm4pQEAgCqIZ8t1IEnwQAAAABJRU5ErkJggg==');
    position: absolute;
    top: 12px;
    right: 20px;
    z-index: 3;
}

#slider div.span6 a.more:hover:before{
    background: #cb002a;
}

#slider div.span6.first {
    margin-top: 50px;
}
#slider .theme-image {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: auto;
    min-height: 100%;
}




#home-linx {
    position: relative;
    width: 940px;
    margin: auto;
    z-index: 1;
}
#home-linx > div {
    margin-left: -20px;
}
#home-linx .span6 {
    float: left;
    padding: 10px;
    text-align: left;
    background: rgba(255,255,255,.5);
}
#home-linx .span6:hover {
    background: rgba(255,255,255,.9);
}
#home-linx a {
    color: #fff;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
    font-family: exo, sans-serif;
    font-style: italic;
    text-shadow: 0 1px 0 #003b6d;
    line-height: 26px;
    line-height: 2.6rem;
}
#home-linx a:hover span {
    text-decoration: underline;
}
#home-linx img {
    float: left;
}
#home-linx span {
    display: block;
    float: right;
    width: 250px;
    height: 100px;
    padding: 10px 10px 0 20px;
    background: #004b8d;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#home-linx span:after {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA3klEQVQ4y2NgIAO8lXRMA2JjBmoAoEEzgfj/K0mnjxQbCjRAEGQYDD+TcnoCEiPfROs8wXztyP/Ihr6UcjpPmZ+t88r71INRDAUFA0VmSppnLtin4IVuaDlFXhexyDp/V9oF3VDyI2mXgrfjPWmXfzDDQIbbGSU5MlCQDuEuA3lf0SzjA8jl5BjWgWzYPJWA/yDvAw1TIicNzkQ2rE4z7D/QoFVkueyplPMGZMPidWNAhnWQHQnT1IKuwwLf3igJZFgaRWlPxjxzAiiXQAPfhfJSARROwFxCcuCPgoEHAEKUmCgmhykUAAAAAElFTkSuQmCC');
    vertical-align: text-bottom;
    display: inline-block;
}

.row.kontakt .span4 {
    padding: 0 0 2em;
    border-bottom: soldi red 1px;
}
.row.kontakt h2 {
    font-size: 20px;
}
.row.kontakt iframe  {
    margin-bottom: .5em;
}.nav ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.nav li {
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
}
/* MENU TOP */ 
#menu-main {
    border-bottom: solid #fff 4px;
    background: #004b8d;
}
#menu-main ul {
    float: none;
    margin: 0 auto;
}
#menu-main li {
    display: inline;
}
#menu-main li a {
    display: inline-block;
    position: relative;
    height: 49px;
    margin: 0 0 -4px;
    padding: 0 25px 0 20px;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    font-family: Exo, sans-serif;
    font-style: italic;
    text-decoration: none;
    text-shadow: 0 1px 0 #003b6d;
    text-transform: uppercase;
    line-height: 49px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#menu-main li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    border-right: solid #003b6e 1px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transform: skewX(-10deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform: skewX(-10deg);
    -moz-transform-origin: 0% 0%;
    -o-transform: skewX(-10deg);
    -o-transform-origin: 0% 0%;
    -ms-transform: skewX(-10deg);
    -ms-transform-origin: 0% 0%;
    transform: skewX(-10deg);
    transform-origin: 0% 0%;
}
#menu-main li a span {
    display: inline-block;
    position: relative;
    z-index: 1;
}
#menu-main li a:hover:before {
    height: 49px;
    border-bottom: solid #ed1941 4px;
}
#menu-main li.active a {
    color: #ee1941;
    text-shadow: 0 1px 0 #000;
}
#menu-main li.active a:before {
    height: 49px;
    border-bottom: solid #ed1941 4px;
    background: #003b6e;
}


/**
 * MENU TABS ARTICLE: 2 COLUMNS
*/

#menu-content {
    display: table;
    clear: both;
    margin: 0;
    padding: 0 0 3em;
}
#menu-content ul {
    float: left;
    list-style-type: none;
}
#menu-content ul.frst {
    margin-right: 100px;
}
#menu-content li {
    margin: 0 5px 5px;
    padding: 0 0 0 15px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAJCAYAAAD+WDajAAAAUklEQVQokWNgAIJ3ko5KQHwXiI0Z0AFQUBCI30EVCGJTYAxVcAZDEqogFIj/A/FMXApWQRW4oEvMhEqUoztoN9ROF2QJkDfOYPUKUKADKonhBQC1JzbH+4S/OwAAAABJRU5ErkJggg==") 0 6px no-repeat;
}
#menu-content a {
    text-decoration: none;
}
#menu-content a:hover {
    text-decoration: underline;
}
#menu-content .actv a,
#menu-content .actv.last a {
    color: #ed1941;
    font-weight: bold;
    text-decoration: none;
}
#menu-content .active a:hover {
    text-decoration: none;
}
/**
 * MENU SIDE
 */
#menu-side{
   margin-bottom: 40px;
}
#menu-side ul.makeMenu a {
    display: block;
    position: relative;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: exo,sans-serif;
    font-style: italic;
    text-decoration: none;
}
#menu-side .makeMenu a:after {
    display: block;
    position: absolute;
    top: 14px;
    right: 16px;
}
#menu-side .makeMenu > li > a {
    margin-bottom: 1px;
    padding: 9px 30px 9px 10px;
    color: #fff;
    background: #004b8d url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAABkCAYAAAC7OXGqAAAAkUlEQVRIS+3M0QYCURjE8b+NJZaIiIhYIpZD7/8qvcp0sxfJme/o5mwX39zOb2YgiKTXEJQTcLMAWAA2BsUCSVfgYAHr/VZA0gjcLVjLMQILH6mB0gLNBw8kHYGLBXyt/w5ImoHJAirrnkDSHpgtAB7ALgLV+59AaQH/IOkMnCwgWHcEzxYIkyBBggQJEiToCd6xqiCpHIOHsAAAAABJRU5ErkJggg==') top right no-repeat;}

#menu-side .makeMenu > li > a:after {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAXUlEQVQoz2NggIL///93APFuBlwAKHnmPwR04FIgCMTvoIrScCky/o8ALrgUhUIVgExTwqVoJlTRbmySaUgmGKNLdkAlQT4SRPfBKqjkKmySuMMAydg0fAFkjCuEARnjlp3IzKlxAAAAAElFTkSuQmCC');
}
#menu-side .makeMenu li > a:hover:after,
#menu-side .makeMenu li.active-item > a:after,
#menu-side .makeMenu li.active-item-submenu > a:after,
#menu-side .makeMenu li.active-item-in-submenu > a:after {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAAYElEQVQoz2NgQALvJB07gHg3Az4AVHAGiP+DFONTJAjE76AK0/ApNIYqAmEXfApDoYpApirhUzgTqnA3LgVpSCYZY1PQAVUA8qkgNp+tgipYhUsB/jBCsiKNUCAa45IHADXbTuvDn8FxAAAAAElFTkSuQmCC');
}
#menu-side .makeMenu > li > a:hover {
    background-color: #003b6e;
}
#menu-side .makeMenu > li > a.active-item,
#menu-side .makeMenu > li > a.active-item-submenu,
#menu-side .makeMenu > li > a.active-item-in-submenu {
    color: #ed1941;
    text-shadow: 1px 1px 0 #000;
    background-color: #003b6e;
}
/* 2. level */

#menu-side ul ul > li {
    margin-right: 8px;
}
#menu-side ul ul a {
    display: block;
    padding: 0.35em 30px  0.3em 10px;
    border-bottom: solid #d4d4d4 1px;
    background: #e9e9e9;
}
#menu-side ul ul li:last-child a {
    border-bottom-color: #fff;
}
#menu-side .makeMenu ul li a:after {
    top: 12px;
    right: 8px;
}
#menu-side ul ul li.active-item a,
#menu-side ul ul li.active-item-submenu a,
#menu-side ul ul li.active-item-in-submenu a {
    color: #ed1941;
}


#content-menu {
    padding-bottom: 4em;
}
#content-menu .span3 {
    position: relative;
    height: 245px;
    overflow: hidden;
}

#content-menu .span3 .wrap{
    width: 100%;
    position: absolute;
    bottom: 0;
}

#content-menu .item-content,
#content-menu h2 {
    position: relative;
    padding: 15px 36px 13px 15px;
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    text-shadow: 0 1px 0 #101b25;
    background: url('../picture/transp-black-60.png');
    background: rgba(26,41,55,.85);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#content-menu h2 {
    width: 100%;
    margin: 0;
    color: #ec1941;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    font-family: exo, sans-serif;
}

#content-menu h2:before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0Y3RjgxRjQzMDE4MTFFM0FBQTlCMjg0NUVBRTZCNUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0Y3RjgxRjUzMDE4MTFFM0FBQTlCMjg0NUVBRTZCNUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RjdGODFGMjMwMTgxMUUzQUFBOUIyODQ1RUFFNkI1RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RjdGODFGMzMwMTgxMUUzQUFBOUIyODQ1RUFFNkI1RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtULHhAAAACzSURBVHjaYvz//78SAwODkpCs2h4GLIDp1+/fB4D07nePb4ViVZBfWs0GZa/CqkhQRjU0ISPvPxIIBYoxwDCMgVMRA5JqrIqQFYAVFZTXICsyZkF2D9CRex49eXodyNQ8ePgYw4RpM/nguoGqBX/8/HkApO3AoaP/1QwsDwDFBfFKgt2ATxKsAJ8kCDOra+vVv3//USAtr+Tg6zdvAoEOfI/scEagqg4gbQzEYeiSIAAQYACVd6M+kHYp9AAAAABJRU5ErkJggg==');
    position: absolute;
    top: 18px;
    right: 15px;
}
#content-menu h2 a {
    color: #ec1941;
    text-decoration: none;
}
#content-menu .item-content {
    display: none;  
    padding-top: 0;
    padding-bottom: 25px;
    line-height: 19px;
    line-height: 1.9rem;
}
/**
 * MODUL: RYCHLA NAVIGACE - SHOWPATH
 */
#breadcrumb {
    padding: 0 0 40px;
    color: #8d8d8d;
    font-size: 13px;
    font-size: 1.3rem;
    text-shadow: 0 1px 0 #fff;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAMAAACqJUG4AAAABGdBTUEAALGPC/xhBQAAAEVQTFRF8/Pz9fX17+/v+fn58fHx+Pj47Ozs6enp8vLy+vr67u7u/Pz89vb27e3t9PT08PDw+/v79/f3/f39/v7+6urq6+vr////xlcRIwAAADhJREFUCNdFwkkSgCAQBMFWVBAXNuH/T6ViLkamvLw+082BBxGrEjYESC8W3SjY4XQi40I1zYzfBHZ2ApuDXnXoAAAAAElFTkSuQmCC') 0 0 repeat-x;
}
#breadcrumb > div {
    padding: 13px 0 11px;
    border-bottom: solid #f0f0f0 1px;
 }
#breadcrumb a {
    color: #8d8d8d;
    text-decoration: none;
}
#breadcrumb a:hover {
    color: #333; text-decoration: underline;
}
#breadcrumb strong {
    font-weight: normal;
}
/* can be used to set the background */
#breadcrumb span {
    padding-right: 2.6em;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJAQMAAADAY3TdAAAABGdBTUEAALGPC/xhBQAAAAZQTFRFAAAAqampowHDzAAAAAF0Uk5TAEDm2GYAAAAXSURBVAjXY2hgcGBQYBBg4ABiBSC7AQAROgHpwql9VwAAAABJRU5ErkJggg==') center center no-repeat;
}
/* hiding default text delimiter */
#breadcrumb em {
    display: none;
}
#breadcrumb .last {
    color: #ed1941;
    font-weight: bold;
    text-decoration: none;
}
#breadcrumb .last:hover {
    text-decoration: none;
}







/**
 * MAPA WEBU
 */

#mod-webmap {
    padding-bottom: 4em;
}
#mod-webmap a {
    text-decoration: none;
}
#mod-webmap a:hover {
    text-decoration: underline;
}
#mod-webmap ul {
    margin: 0; padding: 0; list-style-type: none;
}
#mod-webmap img {
    margin-right: 5px;
}
#mod-webmap li {
    margin: 0; padding: 2px 0px 2px 0px;
}
#mod-webmap li.pad-left {
    padding-left: 14px;
}
#mod-webmap li.item-submenu ul {
    padding-left: 3em; background-image: url("../picture/line.gif"); background-position: left; background-repeat: repeat-y;
}
#mod-webmap a,
#mod-webmap h2,
#mod-webmap h3,
#mod-webmap h4,
#mod-webmap h5,
#mod-webmap h6 {
    font-size: 100%; margin: 0; padding: 0; display: inline-block;
}
#mod-webmap h2 {
    padding-top: 0.5em;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 200;
}
#mod-webmap h3 {
    padding-top: 0.3em;
    padding-bottom: .3em;
    font-size: 16px; 
    font-size: 1.6rem;
    font-weight: 200;
}
#mod-webmap a.bt img {
    margin-right: 0.5em;
}

#mod-webmap h4 a {
    font-weight: normal;
}
#mod-webmap h5 a {
    font-weight: normal;
}
#mod-webmap h6 a {
    font-weight: normal;
}
#mod-webmap a {
    font-weight: normal;
}






/**
 * MODUL: GALERIE
 */

#gallery-underart.aside {
    width: 100%;
    padding: 2em 0 3em;
}

/* seznam obrazku */
#gallery-underart .pcts {
    margin-left: -20px;
}
#gallery-underart .pict {
    margin-bottom: 20px;
}

#gallery-underart .pict img {
    border: solid #c5d5e4 8px;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#gallery-underart .pict a:hover img {
    border-color: #004b8d;
}
#gallery-underart .pict br {
    clear: both;
    visibility: hidden;
}#cboxLoadedContent img {
    padding: 5px 5px 10px;
}

/*
    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:hidden !important;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
.cboxTitle2 {padding: 10px; 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{}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:2px; 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:#fff 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 {
    border: solid #ddd 1px;
    outline: none;
    background: #fff;    
}

.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 0.7em 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{
    display: table-cell;
    vertical-align: middle;    
    width: 100%;
    height: auto;
    line-height: 120%;
    cursor: pointer;
}

.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: #fff;
    text-transform: uppercase;    
    padding: 0px;    
    font-weight: bold;
    text-align: center;
    text-decoration: none;        
    cursor: pointer;
    border: 1px solid #004b8d;  
    background: #004b8d;   
}

.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%;
    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: 5px;
}

.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: #003b6e;
}


.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: #ed1941;
}


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



html {
    font-size: 62.5%; /*10px*/
}
body, form, input, select, textarea, td, th {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem; 
}
html.hasFontSmoothing-false * {
    font-family: Arial, Tahoma, Helvetica, sans-serif !important;
}
img {
    border: 0;
}
p, ul, ol, dl, table {
    margin: 0 0 1em 0; padding: 0;
}
h2, h3, h4, h5, h6 {
    margin: 1.5em 0 0.7em 0; padding: 0; line-height: 120%; color: #20527d; font-family: exo, sans-serif; font-weight: 200;
}
h1 {
    margin: 0 0 1em 0; padding: 0;
    color: #ed1941;
    font-size: 32px;
    font-size: 3.2rem;
    font-family: exo, sans-serif;
    font-weight: 200;
    line-height: 120%;
}
h2 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #004b8d;
}
h3 {
    font-size: 24px;
    font-size: 2.4rem;
}
h4 {
    font-size: 20px;
    font-size: 2rem;
}
h5, h6 {
    font-size: 17px;
    font-size: 1.7rem;
    color: #4f5e6c;
}
h2 + h3, h3 + h4, h4 + h5, h5 + h6 {
    margin-top: 0;
}
.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; padding-top: 0;
}
a {
    color: #476791; 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') 6px 6px no-repeat;
}
.entry-summary ol ul li,
.entry-content ol ul li {
    padding-left: 2em; background: url('../picture/bg-li.png') 6px 6px 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 #e0e9f1 8px;
}
a .obrazek-zarovnany-vlevo,
a .obrazek-zarovnany-vpravo,
a .obrazek-formatovany {
    border-color: #c5d5e4;
}
a:hover .obrazek-zarovnany-vlevo,
a:hover .obrazek-zarovnany-vpravo,
a:hover .obrazek-formatovany {
    border-color: #004b8d;
}
.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: 0.3em 15px 0.3em 5px;
}
.tabulka-formatovana th, .tabulka-formatovana td {
    border: solid #eee 0.1em;
}
.tabulka-formatovana caption {
    font-weight: bold; text-align: left;
    font-family: exo, sans-serif; font-weight: 700;
}
.tabulka-formatovana th, .tabulka-formatovana tr.radek-zahlavi td {
    border-bottom-width: 0.2em; color: #004b8d; font-family: exo, sans-serif; font-weight: 700;
}
.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 {
    margin-bottom: 1.5em;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 400;
    font-family: exo, sans-serif;
}

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

.states, #forms-success,
#shop-wibo-tisky {
    margin-bottom: 1em; padding: 8px 10px 8px 38px; border-style: solid; border-width: 1px; border-radius: 3px 3px;
}
.states p,
#shop-wibo-tisky p {
    margin-bottom: .4em;
}
.states ul, .states li,
#shop-wibo-tisky ul, #shop-wibo-tisky li {
    margin: 0; padding: 0; list-style-type: none;
}
.states p:last-child,
#shop-wibo-tisky 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; 
}/* Zakladni format pro elementy stranky */
body {
    margin: 0 auto; padding: 0; color: #636363; background-color: #003b6e;
}
.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;
}
.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;
}.cookie-bar {
    font: normal normal 14px/1.8 arial, sans-serif;
    position: fixed;
    z-index: 1001002003004005;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    color: #fff;
    text-align: center;
    background: #282828;
    font-size: 87%;
}
.cookie-bar-text {
    margin: auto;
}
.cookie-bar .btn {
    position: relative;
    padding: .35em .6em 0.25em;
    font-size: 95%;
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline;
    display: inline-block;
    margin: 0 0 0 1em;
    border: 0;
    border-radius: 0;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cookie-bar .btn:hover {
    background-color: #bcbcbc;
}
.cookie-bar .cookie-bar-cta {
    font-weight: bold;
}
@supports (-webkit-appearance:none) {
    .cookie-bar .cookie-bar-cta {
        top: -1px;
    }
}
.cookie-bar .cookie-bar-more {
    color: #fff;
    text-decoration: underline;
}
.cookie-bar .cookie-bar-more:hover {
    text-decoration: none;
}
@media screen and (max-width: 479px) {body {padding-bottom: 10em;}}
@media screen and (min-width: 480px) {body {padding-bottom: 7em;}}
@media screen and (min-width: 768px) {body {padding-bottom: 6em;}}
@media screen and (min-width: 992px) {body {padding-bottom: 4em;}}
@media screen and (min-width: 1200px) {body {padding-bottom: 4em;}}

/********************************************************************************
 * ALL DEVICES
 */

.row {
    margin-left: -20px;
    *zoom: 1;
}

.row:before,
.row:after {
    display: table;
    line-height: 0;
    content: "";
}

.row:after {
    clear: both;
}

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
    box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

[class*="span"].no-left-margin{
    margin-left: 0;    
}

.container{
    width: 940px;
    margin: 0 auto;
}

.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;
}

.hidden-desktop {
    display: none !important; 
}






div[class*='span'].row,
a[class*='span'].row{
    float: none;
    margin-left: 0;
    margin-left: auto;
    margin-right: auto;
}

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

@media only screen and (min-width: 768px) and (max-width: 978px) {
    body, form, input, select, textarea, td, th {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem; 
}
body {
    display: block;
    width: 960px;
    margin: auto;
}
#branding, #content, #page {
    min-width: 960px;
}
#gallery-underart .pict {
    width: 220px; float: left; margin-left: 20px;
}
#page.footer .recommend li {
    margin-bottom: .5em;
}
#page.footer .demand ul {
    margin-top: -6px;
}
#page.footer .demand li {
    margin-bottom: 18px;
}
address {
    line-height: 30px;
    line-height: 3rem;
    font-size: 14px;
    font-size: 1.4rem;
}}