/* CSS3 document */

/* general reset */
html, body, div, p, ul, ol, li, h1, h2, h3, h4, pre, form, p, button, img, a img { border: 0 none; margin: 0; padding: 0; }
ul, li { list-style-type: none; }
li { background: url('images/site/bullet.png') top left; background-repeat: no-repeat; }

/* global settings */
body { font-family: Arial, sans-serif; background: #f0f0f0; font-size: 14px; color: #444; }
body.front {
    background: #FFF url(../gfx/front-modules-bg.png) repeat-x 0 488px;
}
input, textarea { font-family: Arial, sans-serif; font-size: 12px; color: #444; }
img { font-size: 10px; color: #444; }
a { text-decoration: none; color: #555; }
.error { width: 400px; margin: 80px auto; color: #aeaeae; }

/* head */

#top {
    height: 120px;
    /*background: #d51c24 url(gfx/top.png) repeat-x 0 0;*/
}
/*.front */#top {
    background-image: url(gfx/top-front.png);
    border-bottom: 1px solid #dedede;
}
#top #top_subframe {
    width: 960px;
    margin: auto;
}
#top #headline {
    width: 954px;
    padding: 0 0 0 3px;
    height: 74px;
    float: left;
    color: #FFF;
}
#top #headline a {
    color: #FFF;
}
#top #headline h1 {
    font-size: 40px;
    padding: 11px 0 2px 7px;
    margin: 0;
    letter-spacing: -3px;
}
#top #headline h1 a.amu {
    float: right;
	display: none;
}
#top #headline h1 span.amu {
    float: right;
	color: #FFF;
	font-size: 10px;
	letter-spacing: 1px;
	padding-top: 13px;
}
#top #headline h1 span.amu a {
	color: #FFF;
}
#top #headline p {
    font-size: 13px;
    margin: 0;
    padding: 0 15px 0 8px;
    letter-spacing: 1px;
}
.front #top #headline p {
    color: #d51d25;
}

#top #menu {
    width: 960px;
    float: left;
    font-size: 12px;
    height: 32px;
    text-transform: uppercase;
    padding: 14px 0 0;
}
#top #menu a {
    color: #000;
}
#top #menu a:hover,
#top #menu a.highlight,
#top #menu .selected a {
    color: #FFF;
    background: #141414 url(gfx/menu-item-front.png) no-repeat -7px 100%;
}
.front #top #menu a:hover,
.front #top #menu a.highlight,
.front #top #menu .selected a {
    background-image: url(gfx/menu-item-front.png);
}
#top #menu a:hover,
#top #menu .selected a {
    background-position: 0 100%;
}
#top #menu a.highlight {
    /*background-position: -7px 100%;*/
    background-position: 0 100%;
}
#top #menu #navigation { list-style: none; margin: 0; padding: 0; float: left; }
#top #menu #navigation li {
    float: left;
    display: block;
    position: relative;
    z-index: 500;
}
#top #menu #navigation li:hover {

}
#top #menu #navigation li a {
    display: block;
    /*padding: 2px 14px 8px;*/
    padding: 2px 11px 8px;
    margin: 0 1px;
}
#top #menu #navigation li a:hover {   }
/* #top #menu #navigation a.selected { color: red; } // optional */
#top #menu #navigation ul {
    position: absolute;
    left: 0;
    display: none;
    list-style: none;
    padding: 0;
    margin: 0px 0 0 1px;
    text-align: left;
    background: #d51c24;
    font-size: 95%;
}
#top #menu #navigation ul li {
    float: none;
    position: static;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #000;
    text-transform: none;
}
#top #menu #navigation ul a {
    display: block;
    width: auto;
    white-space: nowrap;
    font-size: 11px;
    color: #FFF;
    padding: 4px 15px;
    background: transparent none;
}
#top #menu #navigation ul a:hover {
    background: #000;
}

#highlight_frame {
    position: absolute;
    left: 0;
    height: 368px;
    background: #FFF url(../gfx/highlight_frame-bg2.png) repeat-x top center;
    width: 100%;
    margin: 0 auto 0 auto;
}
#highlight_frame div.in {
    height: 100%;
    background: transparent url(#../gfx/highlight_frame-bg.png) no-repeat top center;
}
.highlight_frame-padding {
    padding: 368px 0 0;
}
#highlight_frame  #slides {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    z-index: -99;
    color: #4e4e4e;
}
#highlight_frame  #slides .slide {
    width: 960px;
    height: 336px;
    padding-bottom: 0;
}
#highlight_frame  #slides .slide img {
    position: absolute;
}
#highlight_frame  #slides .slide div.tagline {
    position: absolute;
    width: 960px;
    height: 336px;
    background: transparent url(gfx/slider-pattern.png) repeat;
}
#highlight_frame  #slides .slide div.tagline a {
    position: absolute;
    width: 960px;
    height: 336px;
}
#highlight_frame  #slides .slide div.tagline div.tagline1 {
    position: absolute;
    top: 124px;
    left: 339px;
    height: 16px;
    line-height: 16px;
    width: 570px;
    padding: 8px 25px;
    overflow: hidden;
    background: #000;
    background: rgba(0, 0, 0, .8);
    color: #d6282a;
    font-weight: bold;
    font-size: 100%;
}
#highlight_frame  #slides .slide div.tagline div.tagline2 {
    position: absolute;
    top: 158px;
    left: 339px;
    height: 30px;
    line-height: 35px;
    width: 570px;
    padding: 10px 25px 13px;
    overflow: hidden;
    background: #FFF;
    background: rgba(255, 255, 255, .8);
    color: #000;
    font-weight: normal;
    font-size: 170%;
}
#highlight_frame  #slides .slide div.tagline div.tagline3 {
    position: absolute;
    top: 221px;
    left: 339px;
    /*height: 23px;*/
	height: auto;
    line-height: 23px;
    width: auto;
    max-width: 570px;
    padding: 20px 25px;
    overflow: hidden;
    background: #FFF;
    background: rgba(0, 0, 0, .8);
    color: #FFF;
    font-weight: normal;
    font-size: 150%;
}
#highlight_frame  #slides .pagination {
    display: block;
    height: 1em;
    margin-bottom: 15px;
}
#highlight_frame  #slides .pagination li {
    width: 14px;
    height: 14px;
    float: left;
    overflow: hidden;
    margin: 0 0 0 4px;
}
#highlight_frame  #slides .pagination li a {
    font-size: 10px;
    display: block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-decoration: none;
    color: #000;
}
#highlight_frame  #slides .pagination .current a {
    background: #e22332;
    color: #FFF;
}
#highlight_frame  #slides .pagination li:hover a {
    opacity: 0.9;
}

/* search form */

#search {
    width: 171px;
    height: 17px;
    float: right;
}
#search #searchfield {
    font-size: 11px;
    height: 1em;
    color: #FFF;
    background: #000;
    height: 15px;
    padding: 1px 5px;
    border: 1px solid #000;
    width: 140px;
}
#search #searchfield:hover {
}
#search #searchbutton {
    border: none;
    background: none;
    font-size: 0;
    width: 18px;
    background: #FFF url(gfx/search-button.png) no-repeat 0 0;
    height: 19px;
    border: 1px solid #242424;
    border-left-width: 2px;
    position: relative;
    top: -3px;
}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #search #searchbutton {
	top: -4px;
    }
}
/* explorer */
#search #searchbutton {
    top: -4px\9;
}
#search #searchbutton:hover {
    cursor: pointer;
}

/* search results */

#search_results {
    font-weight: normal;
    font-size: 12px;
}
#search_results a {
    color: #222;
}
#search_results b {
    background: #eee;
}
#search_results span {
    color: #777;
}
#search_results td {
    border: 0px;
    margin: 0;
    padding: 1px 0 12px 8px;
    line-height: 1.3em;
    background: transparent url("gfx/link.png") no-repeat 0 0;
}


/* body */

#main_frame {
    width: 960px;
    margin: auto;
    overflow: hidden;
    padding: 0;
    background: #FFF url(../gfx/main_frame-bg2.png) repeat-y 0 ;
}

.front #main_frame {
    background: transparent none;
}

/* page left */
.col_left {
    width: 240px;
    float: left;
    overflow: hidden;
    /*background: #efefef;*/
}
.col_left #pin {
    width: 220px;
    margin: 0 0 20px 0;
    float: left;
}

/* page center */
.col_mid { width: 480px; padding: 0; float: left; overflow: hidden; }
.col_mid .text_frame { float: left; width: 450px; padding: 0 15px; overfloaw: hidden; margin-bottom: 10px; }
.col_mid .text_frame .page_head { width: 470px; float: left; }
.col_mid .text_frame h2 {
    margin: 18px 0 20px 0;
    color: #000;
    font-size: 20px;
    font-weight: normal;
}
.col_mid .text_frame .perex { width: 425px; line-height: 1.6em; font-size: 12px; float: left; margin: 0 0 32px 0; float: left; color: #888; }
.col_mid .text_frame p {
	width: 425px;
	line-height: 1.6em;
	font-size: 13px;
	float: left;
	margin: 0 0 10px 0;
	float: left;
}
.col_mid .text_frame p.searchresult {
    margin-top: 30px;
}
.col_mid .text_frame p.searchresult span {
    padding: 5px 10px;
    background: #000;
    color: #FFF;
}
.col_mid .text_frame p a {
    text-decoration: underline;
    color: #888;
    background: transparent url(gfx/link.png) no-repeat 0 0;
    padding: 0 0 0 7px;
}
.text_frame a:hover {
    color: #777;
}
.col_mid .text_frame ul { width: 420px; margin: 10px 0 18px 30px; }
.col_mid .text_frame ul li { list-style-type: disc; margin: 0 0 5px 0; }
.col_mid .text_frame ol { width: 420px; margin: 10px 0 18px 36px; }
.col_mid .text_frame ol li { list-style-type: decimal; margin: 0 0 5px 0; }
.col_mid .text_frame sup, .col_mid .text_frame sub { line-height: 1em; }
.col_mid .text_frame table { width: 90%; border-collapse: collapse; float: left; margin: 10px 0 25px 0; font-size: 12px; font-weight: bold; }
.col_mid .text_frame table td { border: 1px solid #ddd; padding: 4px; margin: 0; }

/* page center - gallery*/
.col_mid .page_gallery { width: 100%; float: left; margin: 10px 0 20px 0; }
.col_mid .page_gallery_item img { color: #aaa; font-size: 10px; background: #eee; opacity: 0.9; }
.col_mid .page_gallery_item img:hover { opacity: 1; }
.col_mid .page_gallery_item { width: 134px; height: 90px; float: left; overflow: hidden; background: #fff; margin: 0 5px 5px 0px; float: left; border: 3px solid #ddd; }

/* page center - files */
.col_mid .page_files { width: 100%; float: left; margin: 10px 0 20px 0; }
.col_mid .page_files .head { width: 95%; float: left;  font-size: 24px;  margin: 0 0 6px 0px; letter-spacing: -1px; font-weight: bold; }
.col_mid .page_files .file_stack { width: 95%; line-height: 1.6em; font-size: 12px; float: left; margin: 0 0 5px 0; float: left; }
.col_mid .page_files .file_stack li { margin: 0 0 0 1px; list-style-type: none; }
.col_mid .page_files .file_stack a { color: #000; text-decoration: underline; }
.col_mid .page_files .file_stack a:hover { color: #444; }
.col_mid .page_files .file_stack small { font-weight: bold; color: #888; }

/* page right */
.col_right {
    width: 240px;
    float: left;
    overflow: hidden;
    background: #efefef;
}


/* modules (common) */

.col {
    width: 240px;
    float: left;
    color: #424242;
    overflow: hidden;
}
.col .modul {
    padding: 0 14px 14px;
    margin: 0 0 1px;
    overflow: hidden;
    min-height: 231px;
}
.front .col .modul,
.col_mid .modul {
    height: 231px;
}
.col .modul .head {
    width: 95%;
    float: left;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 1.2em;
    letter-spacing: -1px;
}
.col .modul .text {
    float: left;
    width: 96%;
    font-size: 12px;
    line-height: 1.3em;
    padding: 0 0 10px 0;
    color: #888;
}
.col a:hover .text, .col a:hover .head {
    opacity: 0.8;
}
.col .modul .head_img {
    width: 206px;
    margin: 0 0 10px 0;
    float: left;
}

/* individual modules as defined in variables.php */

/* image  */

.col .template_1 { padding-bottom: 0; }

/* gallery */

.col .template_2 {

}
.col .template_2 .head {
    color: #000000;
    float: none;
    font-size: 24px;
    font-weight: normal;
    padding: 20px 5px 0;
    width: auto;
}
.col .template_2:hover .head {
    opacity: .8;
}
.col .template_2 .head a {
    color: #797979;
}
.col .template_2 .mod_gallery_img {
    width: 65px;
    height: 65px;
    overflow: hidden;
    float: left;
    margin: 0 5px 5px 0px;
}
.col .template_2 .mod_gallery_img img {
    background: #eee;
    color: white;
    font-size: 10px;
    opacity: 0.8;
}
.col .template_2 .mod_gallery img:hover {
    opacity: 1;
}

/* files */

.col .template_3 {
    height: auto;
    min-height: 231px;
}
.col .template_3 .head {
    float: none;
    width: auto;
    font-size: 24px;
    color: #000;
    padding: 20px 20px 0;
    font-weight: normal;
}
.col .template_3 .text {
    font-size: 13px;
    padding: 0 20px 20px;
    float: none;
    width: auto;
    text-transform: lowercase;
    color: #000;
    line-height: 130%;
}
.col .template_3 .file_stack {
    margin: 0 20px 5px;
}
.col .template_3 .file_stack li {
    font-size: 12px;
    line-height: 1.1em;
    padding: 0 0 10px 0px;
    color: #909090;
    padding: 0px 3px 4px 0px;
}
.col .template_3 .file_stack li a {
    color: #444;
}
.col .template_3 .file_stack li a:hover {
    color: #000;
}

/* menu from folder */

.col .template_4 {}
.col .template_4 .head {
    font-size: 18px;
    color: #000;
    letter-spacing: inherit;
    padding: 10px 0 0;
    font-weight: normal;
}
.col .template_4 .head a {

}
.col .template_4 .text {

}
.col .template_4 .folder_list {
    float: left;
    width: 206px;
    margin: 0;
}
.col .template_4 .folder_list li {
    font-size: 12px;
    padding: 5px 0;
    line-height: 1.2em;
    border-bottom: 1px solid #eee;
}
.col .template_4 .folder_list li a {
    color: #222;
}
.col .template_4 .folder_list li a:hover {
    color: #555;
}

/* HTML */

.col .template_5 {
    padding: 0;
    height: 245px !important;
}
.col .template_5 .head {
    display: none;
}
.col .template_5 .head a {  }
.col .template_5 iframe {
    border: none;
    height: 100%;
    width: 100%;
}

/* box 3 - svetle, sede, bez pozadi */

.col .template_7 .head,
.col .template_10 .head,
.col .template_8 .head {
    float: none;
    width: auto;
    font-size: 24px;
    color: #000;
    padding: 20px 9px 0;
    font-weight: normal;
}
.col .template_7 .head a,
.col .template_10 .head a,
.col .template_8 .head a {
    color: #111;
}
.col .template_7 .text,
.col .template_10 .text,
.col .template_8 .text {
    font-size: 13px;
    padding: 0 9px 20px;
    float: none;
    width: auto;
    color: #000;
    line-height: 140%;
}
.col .template_7 .text a,
.col .template_10 .text a,
.col .template_8 .text a {

}
.col .template_7 .head_img,
.col .template_10 .head_img,
.col .template_8 .head_img {
    width: auto;
}

/* box 4 - cervene pozadi */

.col .template_9 {
    background: #e1272a;
}
.col .template_9 .head {
    float: none;
    width: auto;
    font-size: 27px;
    color: #FFF;
    padding: 20px 9px 0;
    font-weight: normal;
    line-height: 95%;
}
.col .template_9 .head a { }
.col .template_9 .text {
    font-size: 16px;
    padding: 0 9px 20px;
    float: none;
    width: auto;
    color: #FFF;
}
.col .template_9 .text a { }

/* box 6 */

.col .template_6 {
    background: transparent none;
    padding: 0;
    height: 245px !important;
}
.col .template_6 .head {
    display: none;
}
.col .template_6 .head a {  }
.col .template_6 .text {  }
.col .template_6 .text a {  }
.col .template_6 .head_img {
    width: 100%;
}

/* 10 = news */

.col #news {
    position: relative;
    height: 187px;
}
.col #news a { color: #909090; }
.col #news a:hover p { opacity: .8; }
.col #news .slides_container { width: 210px; height: 160px; display: none; padding: 0;  margin: 0; float: left; }
.col #news p { width: 180px; height: 160px; overflow: hidden; float: left; padding-bottom: 0; }
.col #news .slides_container div { width: 210px; margin: 0; padding: 0; }
.col #news .text { /*margin: 0; padding: 0; font-size: 12px; line-height: 1.3em;*/ }
.col #news .pagination {
    border-top: 1px solid #000000;
    bottom: 6px;
    display: block;
    left: 9px;
    padding: 4px 0 0;
    position: absolute;
    right: 9px;
}
.col #news .pagination li {
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 3px 0 0;
    float: left;
    overflow: hidden;
    font-size: 10px;
}
.col #news .pagination li a {
    display: block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    text-align: center;
    color: #000;
}
.col #news .pagination .current a {
    color: #FFF;
    background: #e02530;
}
.col  #news .pagination li:hover { opacity: 0.8; }

/* rotator */

.col .template_11 {
    position: relative;
}
.col .template_11 .head {
    position: absolute;
    z-index: 2;
    display: inline;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    color: #FFF;
    font-weight: normal;
    width: auto;
    max-width: 160px;
    margin: 25px 0 0;
    padding: 5px 15px;
}
.col .template_11 .logos {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.col .template_11 .slides_container {
    width: 100%;
    height: 100%;
    float: left;
    display: none;
    background: #fff;
    text-align: center;
}
.col .template_11 img {
    /* width: 100%;
    height: 245px; */
    width: 240px;
    margin: 0;
    float: left;
    background: #ddd;
}
.col .template_11 .slides_container div {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}
.col .template_11 a:hover img {
    opacity: 0.9;
}

/* footer */
.footer-wrapper {
    background: #FFF;
    padding: 10px 0 0;
}
.footer {
    width: 960px;
    height: 34px;
    margin: 0 auto;
}

.footer ul.icons {
    float: right;
    margin: 0;
    padding: 0;
}
.footer ul.icons li {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    display: block;
    width: 38px;
    height: 34px;
    background: #000 none no-repeat 0 0;
}
.footer ul.icons li a {
    display: block;
    height: 100%;
}
.footer ul.icons li.f a {
    background: #000 url(../gfx/icon-f.png) no-repeat 0 0;
}
.footer ul.icons li.v a {
    background: #000 url(../gfx/icon-v.png) no-repeat 0 0;;
}
.footer ul.icons li.f a:hover,
.footer ul.icons li.v a:hover {
    background-position: 0 100%;
}

/* hack - pozai prvniho leveho bloku */
.col_left .col .modul:first-child {
    background: #FFF url(../gfx/block-corner.png) no-repeat 14px 0;
    height: auto;
}
.col_left .col .modul.template_4:first-child {
    padding-top: 6px;
}
.col_left .col .modul:first-child .head {
}
.col_left .col .modul:first-child .folder_list li a {
    padding: 5px 0
}
.col_left .col .modul:first-child .folder_list li a {
    padding: 2px 5px;
    background: #000;
    color: #FFF;
    border: none;
}
.col_left .col .modul:first-child .folder_list li a.js-proccessed {
	padding: 2px 0;
}
.col_left .col .modul:first-child .folder_list li a.js-proccessed span.word {
	padding: 0 4px;
}
.col_left .col .modul:first-child .folder_list li a.js-proccessed span.space {
	font-size: 0;
}
.col_left .col .modul:first-child .folder_list li a:hover,
.col_left .col .modul:first-child .folder_list li a.active {
    background: #d61d23;
}

/* socialni ikony */

#main_frame {
	position: relative;
}
ul.social-icons {
	position: absolute;
	right: 0;
	top: 336px;
	width: 81px;
	height: 40px;
    margin: 0;
    padding: 0;
}
ul.social-icons li {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    display: block;
    width: 38px;
    height: 34px;
    background: #000 none no-repeat 0 0;
}
ul.social-icons li.v {
	margin-right: 0;
}
ul.social-icons li a {
    display: block;
    height: 100%;
}
ul.social-icons li.f a {
    background: #000 url(../gfx/icon-f.png) no-repeat 0 0;
}
ul.social-icons li.v a {
    background: #000 url(../gfx/icon-v.png) no-repeat 0 0;
}
ul.social-icons li.f a:hover,
ul.social-icons li.v a:hover {
    background-position: 0 100%;
}
.footer ul.icons {
	display: none;
}