body, ul, ol, li, table, tr, th, td,
h1, h2, h3, h4, h5, h6, img, hr.clear, blockquote,
form, fieldset, legend, 
#head, #content, #base, #menu,
#access, .acc, .line { /* reset */
    margin: 0; 
    padding: 0;
    border: 0;
}

html, body { /* pro paticku dole */
    height: 100%;
}

body {
    font-family: OpenReg, Trebuchet MS, Verdana, "Geneva CE", lucida, sans-serif;
    font-size: 1.25em; /* 62.5 * 2 */
    line-height: 1em;
    color: #555;
    text-align: justify;
    background: url("../design/bg.png") top right #f6f6f6 no-repeat;
}

@font-face {
    font-family: 'OpenLight';
    src: url('opensans-light.eot'); /* IE9 Compat Modes */
    src: url('opensans-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('opensans-light.ttf') format('truetype'); /* Modern Browsers */
}
@font-face {
    font-family: 'OpenReg';
    src: url('opensans-regular.eot'); /* IE9 Compat Modes */
    src: url('opensans-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('opensans-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSemi';
    src: url('opensans-semibold.eot'); /* IE9 Compat Modes */
    src: url('opensans-semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('opensans-semibold.ttf') format('truetype'); /* Modern Browsers */
}

/* ************************************************************
 * 1 Zakladni formatovani
 * ***********************************************************/

/* 1.1 Inline prvky */
/* 1.1.1 Zakladni formatovani */

b, strong, .strong {font-weight: bold}
i, em, .em {font-style: italic}
.underline {text-decoration: underline}
small, .small {font-size: 90%}
big, .big {font-size: 110%}
.upper {text-transform: uppercase}

/* 1.1.2 Odkazy a vysvetlivky */

a {color: #006278}
a:visited {color: #006278}
a:hover {color: #c40020; text-decoration: none}
a:active, a:focus {color: #c40020}

a[target="_blank"] {
    padding-right: 15px;
    background: url("../design/blank.png") 100% 60% no-repeat;
}

.silver, .silver a, .silver a:visited, a.silver, a.silver:visited  {color: #999}
.silver a:hover, a.silver:hover {color: #c40020}

acronym, abbr, .info, .warning {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.warning {
    color: #b4001c;
}

/* 1.1.3 Indexy */

sub, sup {
    vertical-align: baseline;
    position: relative;
    font-size: 0.8em;
}
sub {top: 0.4em}
sup {bottom: 0.6em}

sup a, sup a:visited {
    margin-left: 1px;
    padding: 0 2px;
    background: #fff;
    color: #000;
    text-decoration: none;
}
sup a:hover {
    background: #6a0;
    color: #fff;
}

/* 1.2 Blokove prvky */
/* 1.2.1 Nadpisy a odstavce */

h1, h2, h3, h4, h5, h6 {
    font-family: OpenReg;
    margin: 10px 0 5px;
    height: 35px;
    font-weight: normal;
    line-height: 1.2em;
}
h1 {
    font-family: OpenLight;
    margin: 20px 0 0;
    font-size: 140%;
    color: #c40020;
    letter-spacing: -1px;
}
h2 {
    font-family: OpenSemi;
    margin: 0;
    padding-top: 55px;
    font-size: 130%;
    font-weight: bold;
    color: #bc0120;
    text-transform: uppercase;
    letter-spacing: -1px;
}
h3 {
    margin: 0 0 5px;
    font-size: 110%;
    color: #06475e;
    letter-spacing: -1px;
}
h4 {
    font-size: 100%;
}
h5 {
    font-size: 100%;
}
h6 {
    font-size: 100%;
}
h1 a, h1 a:visited, h2 a, h2 a:visited,
h3 a, h3 a:visited, h4 a, h4 a:visited,
h5 a, h5 a:visited, h6 a, h6 a:visited { /* odkazove nadpisy */
    text-decoration: none;
}

/*div > h1, div > h2 , div > h3, div > h4, div > h5, div > h6 {
        margin-top: 0;
}*/

p {margin: 10px 0}

/* 1.2.2 Seznamy */

ol, ul {margin: 10px 0}
ol ol, ul ul, ol ul, ul ol {margin: 5px 0}

ul li, ol ul li {
    margin-left: 0px;
    padding-left: 30px;
    list-style: none;
    background: url("../design/li-black.png") 15px 7px no-repeat;
}
ol li, ul ol li {
    margin-left: 28px;
    padding-left: 2px;
    list-style: decimal;
    background: none;
}
ul.disc li {
    margin-left: 28px;
    padding-left: 2px;
    list-style: disc;
    background: none;
}

/* 1.2.3 Tabulky */

table {
    width: 100%;
    margin: 10px 0;
    border-collapse: separated;
    border: 1px solid #6a0;
    background: #fff;
}
th, td {
    margin: 0;
    padding: 2px 4px;
    border-top: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    vertical-align: top;
    font-size: 90%;
    background: #fcfcfc;
}
th {
    border-top: 1px solid #390;
    border-left: 1px solid #390;
    border-right: 1px solid #270;
    border-bottom: 1px solid #270;
    font-family: Georgia;
    font-weight: normal;
    font-size: 140%;
    color: #fff;
    background: #6a0;
}
tr:nth-child(even) td {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f3f3f3;
}

tr:nth-child(even) td:hover, td:hover {
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #eee;
}

/*td:nth-of-type(1) {font-weight: bold}*/

td.strong {
    border-top: 1px solid #390;
    border-left: 1px solid #390;
    border-right: 1px solid #270;
    border-bottom: 1px solid #270;
    color: #fff;
    background: #6a0;
}

/* 1.2.4 Citace */

cite {
    color: #666;
    font-size: 90%;
}
blockquote {
    padding-left: 15px;
    font-size: 90%;
    font-style: italic;
    color: #666;
    background: url("../design/blank.bmp") 0px 3px no-repeat;
}

/* 1.2.5 Formulare */
/* 1.2.5.1 Obal */

form {
    margin: 10px 0;
}

fieldset {
    padding: 0px 15px 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f7f7f7;
}
legend {
    margin: 0 -5px;
    padding: 0 5px;
    font-family: Georgia;
    font-size: 150%;
}

/* 1.2.5.2 Input, textarea, select */

input, textarea, select { /* width 200 */
    width: 182px;
    margin: 10px 0;
    padding: 7px 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #aaa;
    font-size: 90%;
    font-family: Verdana;
    -moz-transition: 1000ms cubic-bezier(.09, .11, .24, .91);
}
input[type="file"] {
    background: #fff;
    width: 795px;
}
#projectName {
    width: 795px;
}
textarea{
    width: 795px;
    height: 98px;
    /*resize: none;*/
}

/* 1.2.5.3 Select a jeho prvky */

select {
    width: 200px;
    padding: 6px 5px 6px 5px;
}
optgroup {
    padding: 4px 8px;
    font-family: Verdana;
    font-style: normal;
}
option {
    padding-left: 8px;
}
option:hover, option:active {
    background: #6a0;
    color: #fff;
}
select.sized { /* pro size > 1 */
    padding: 2px 0;
}
select.sized option {
    padding: 6px 0 6px 8px;
}

input:hover, input:focus,
select:hover, select:focus,
textarea:hover, textarea:focus {
    border: 1px solid #aaa;
    color: #666;
    -moz-transition: 200ms cubic-bezier(.09, .11, .24, .91);
}

/* 1.2.5.4 Zatrzitka */

input[type="checkbox"],
input[type="radio"] {
    display: inline;
    width: auto;
    vertical-align: baseline;
    position: relative;
    top: 2px;
    margin: 11px 2px;
}

/* 1.2.5.5 Tlacitka */

input[type="submit"], a.button, .button a {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
    padding: 0 10px;
    border: none;
    border-radius: 3px;
    color: #fff;
    background: #6a0;
    text-decoration: none;
}
input[type="submit"]:hover, input[type="submit"]:focus {
    background: #270;
    cursor: pointer;
}

/* 1.2.5.6 Dodatecne tridy */
/* sirky */

input.longest, .longest input,
textarea.longest, .longest textarea {width: 387px}
input.long, .long input,
textarea.long, .long textarea {width: 249px}
input.short, .short input,
textarea.short, .short textarea {width: 115px}
input.shortest, .shortest input,
textarea.shortest, .shortest textarea {width: 31px; text-align: center}

select.longest, .longest select   {width: 405px}
select.long, .long select         {width: 267px}
select.short, .short select       {width: 133px}
select.shortest, .shortest select {width: 66px}

/* nastaveni formularu (s labelem) v tabulce */

form table {
    margin: 5px 0;
    border: 0;
    border-collapse: collapse;
    background: none;
}
form td, form tr:nth-child(even) td,
form td:hover, form tr:nth-child(even) td:hover {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font-size: 100%;
    vertical-align: middle;
    text-align: left;
}
form td input,
form td select,
form td textarea {
    margin: 5px 0;
}

/* ****************************************************
 * 2 Stavba layoutu
 *************************************************** */

#access { /* pristupna skryta navigace */
    position: absolute;
    top: 0px;
    left: -500px;
    background: #eee;
}

#head { /* hlavicka: logo, menu */
    border-top: 20px solid #00435a;
    height: 220px;
}

.nav {
    display: inline-block;
    width: 500px;
    padding-top: 2px;
    border-top: 1px solid #ccd7da;
}
.nav, .nav a {
    font-size: 80%;
    color: #999;
}


a#logo {  /* klikaci logo */
    float: left;
    position: relative;
    display: block;
    width: 200px;
    height: 206px;
    margin: 5px 70px 0 20px;
    background: url("../design/logo2.png");
}
a#mu {
    float: right;
    position: relative;
    display: block;
    width: 70px;
    height: 116px;
    background: url("../design/logo-mu2.png");
}

a#logo span, a#mu span { /* pristupne logo */
    position: absolute;
    top: -500px;
    left: 0px;
    z-index: -1;
}

ul#menu {
    float: left;
    width: 280px;
    height: 426px;
    margin-right: 10px;
    padding: 35px 0 35px;
    background: url("../design/menu.png");
}

ul#menu li { /* menu */
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;

}
#menu a, #menu a:visited {
    display: block;
    width: 230px;
    margin: 0 10px;
    padding: 5px 10px 7px 20px;
    text-decoration: none;
    font-size: 80%;
    color: #fff;
    border-bottom: 1px solid #1b5467;
    background: url("../design/li.png") 9px 13px no-repeat;
}
#menu a:hover, #menu a.act, #menu a.act:visited {
    background: url("../design/buttons.png") 0 -440px;
}

#menu ul a, #menu ul a:visited {
    width: 195px;
    padding: 3px 10px 5px 40px;
    background: url("../design/li.png") 24px 9px no-repeat;
    font-size: 70%;
    border: none;
}

#menu ul a:hover, #menu ul a.act, #menu ul a.act:visited {
    background: url("../design/buttons.png") 0 -475px;
}

.blank {
    /*padding-right: 15px;*/
    background: url("../design/blank-white.png") 100% 60% no-repeat;
    width: 10px;
    height: 17px;
    display: block;
    float: right;
    margin-right: 105px;
}


#content { /* obsah */
    width: 870px;
    font-size: 80%;
    float: right;
}

#base { /* paticka */
    clear: both;
    position: relative;
    margin-top: 30px;
    border-top: 5px solid #b4001c;
    padding: 5px 0;
    font-size: 70%;
    color: #999;
}

/* ****************************************************
 * 3 Dalsi styly
 *************************************************** */

/* 3.1 Bloky */

.col { /* jeden */
    width: 1160px;
    margin: 0 auto;
}

.half  {width: 465px} /* 1/2 */
.three {width: 300px} /* 1/3 */
.four  {width: 217px} /* 1/4; 217,5 presne, tedy chybi 2 px */
.five  {width: 168px} /* 1/5 */
.six   {width: 135px} /* 1/6 */
.twothree  {width: 630px} /* 2/3 */
.threefour {width: 711px} /* 3/4 */
.twofive   {width: 366px} /* 2/5 */
.threefive {width: 564px} /* 3/5 */
.fourfive  {width: 762px} /* 4/5 */
.fivesix   {width: 795px} /* 5/6 */

.half, .three, .four, .five, .six,
.twothree, .threefour, .twofive, .threefive, .fourfive, .fivesix {
    float: left;
    margin: 0 30px 0 0;
    /*background: #fff;*/
}

/* Sestaveni bloku vedle sebe
 * (soucet = 1 pricemz cisla beze zlomku jsou vzdy "1/n")
 * 2 + 2 (= 1/2 + 1/2 = 1)
 * 3 + 3 + 3
 * 4 + 4 + 4 + 4
 * 5 + 5 + 5 + 5 + 5
 * 6 + 6 + 6 + 6 + 6 + 6
 * Kombinace:
 * 2 + 4 + 4
 * 2 + 6 + 6 + 6
 * 2 + 3 + 6
 * 3 + 2/3
 * 3 + 3 + 6 + 6
 * 3 + 6 + 6 + 6 + 6
 * 3 + 6 + 4 + 4
 * 4 + 4 + 6 + 6 + 6 chybi
 * 2/3 + 6 + 6
 * 2/5 + 2/5 + 1/5
 * 2/5 + 1/5 + 1/5 + 1/5 chybi
 * 3/5 + 2/5
 * 4/5 + 1/5
 */

.half + .half,
.three + .three + .three,
.four + .four + .four + .four,
.five + .five + .five + .five + .five,
.six + .six + .six + .six + .six + .six,
.half + .four + .four, .four + .half + .four, .four + .four + .half,
.half + .six + .six + .six, .six + .half + .six + .six, .six + .six + .half + .six, .six + .six + .six + .half,
.half + .three + .six, .half + .six + .three, .three + .half + .six, .three + .six + .half, .six + .half + .three, .six + .three + .half,
.three + .twothree, .twothree + .three,
.three + .three + .six + .six, .three + .six + .three + .six, .six + .three + .three + .six, .six + .three + six + .three, .six + .six + .three + .three, .three + .six + .six + .three,
.three + .six + .six + .six + .six, .six + .three + .six + .six + .six, .six + .six + .three + .six + .six, .six + .six + .six + .three + .six, .six + .six + .six + .six + .three,
.three + .six + .four + .four, .three + .four + .six + .four, .three + .four + .four + .six, .six + .three + .four + .four, .six + .four + .three + .four, .six + .four + .four + .three, .four + .four + .three + .six, .four + .four + .six + .three, .four + .three + .four + .six, .four + .three + .six + .four, .four + .six + .four + .three, .four + .six + .three + .four,
.twothree + .six + .six, .six + .twothree + .six, .six + .six + .twothree,
.twofive + .twofive + .five, .twofive + .five + .twofive, .five + .twofive + .twofive,
.threefive + .twofive, .twofive + .threefive,
.fourfive + .five, .five + .fourfive {
    margin-right: 0;
}

/* linky */

hr { /* viditelna, rozmerna, ukoncujici plavani */
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
    padding: 2px 0 0;
    background: #fff;
    clear: both;
}
hr.acs {display: none} /* skryta, bezrozmerna, logicka */
hr.clear { /* skryta, bezrozmerna, ukonc. plavani */
    visibility: hidden;
    clear: both;
    height: 0;
}

/* plavani a zarovnani */

.clear {clear: both}
.cll {clear: left}
.clr {clear: right}
.fll {float: left}
.flr {float: right}
.left    {text-align: left}
.right   {text-align: right}
.center  {text-align: center}
.justify {text-align: justify}

/* další */

ul.blocks {
    margin: 0;
    padding: 0;
}
ul.blocks li {
    position:relative;
    float: left;
    margin: 5px 10px 5px 0;
    padding: 0;
}
ul.blocks li.nor {
    margin-right: 0;
}
ul.blocks li a {
    display: block;
    width: 330px;
    height: 90px;
    padding-top: 130px;
    background: url("../design/buttons.png");
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 120%;
    font-weight: bold;
    line-height: 120%;
    color: #006278;
}
ul.blocks li a em {
    text-transform: none;
    font-style: normal;
    font-size: 90%;
    font-weight: normal;
    font-family: OpenLight;
}
ul.blocks li a:hover, ul.blocks li a.act {
    color: #fff;
    background: url("../design/buttons.png") 0 -220px;
}

.s1, .s2, .s3, .s4, .s5, .s6 {
    position: absolute;
    top: 42px;
    left: 133px;
    display: block;
    width: 64px;
    height: 64px;
}

.s1 {background: url("../design/sport.png") 00px 00px}
.s2 {background: url("../design/sport.png") 64px 00px}
.s3 {background: url("../design/sport.png") 00px 128px}
.s4 {background: url("../design/sport.png") 64px 128px}
.s5 {background: url("../design/sport.png") 00px 64px}
.s6 {background: url("../design/sport.png") 64px 64px}

.m1, .m2, .m3, .m4, .m5, .m6 {
    float: right;
    display: block;
    width: 20px;
    height: 20px;

}

.m1 {background: url("../design/buttonsmenu.png") 0px 00px}
.m2 {background: url("../design/buttonsmenu.png") 0px 40px}
.m3 {background: url("../design/buttonsmenu.png") 0px 80px}
.m4 {background: url("../design/buttonsmenu.png") 0px 120px}
.m5 {background: url("../design/buttonsmenu.png") 0px 160px}
.m6 {background: url("../design/buttonsmenu.png") 0px 200px}

.static-content, .dynamic-content {
    display: none;
}

#static, #dynamic {
    cursor: pointer;
}

#content img {
    padding: 2px;
    border: 1px solid #06475e;
    vertical-align: top;
    float: none;
}

/*#static, #dynamic {
    background: url("../design/stuha2.png") 0px 0px no-repeat;
    height: 55px;
    display: block;
    text-align: center;
    padding-top: 35px;
    color: #fff;
}*/

form h4 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    height: 25px;
}

.projectContent {
    display: none;
}
.projectName {
    cursor: pointer;
}