/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}
html, body {
    height:100%;
}
body {font-size:100%; line-height:0.95em; text-align:center; background:url(images/bg1.gif) top center}
html, input, textarea
{	font-family:Arial;
  color:#161616;
}

h1 {
    color: rgb(255,0,0);
    font-size: 160%;
    /*font-family: Trebuchet;*/
    padding-bottom: 20px;
    margin: 0;
    text-align: center;
    font-weight: normal;
}

h2 {
    color: rgb(0,204,0);
    font-size: 130%;
    /*font-family: Trebuchet;*/
    padding-bottom: 15px;
}

h3 {
    color: rgb(255,0,0);
    font-size: 130%;
    /*font-family: Trebuchet;*/
    padding-bottom: 15px;
    text-align: center;

}

.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#007bbb;}

a{color:#018eb9; text-decoration:underline}
a:hover{text-decoration:none}
.a1{color:#e5156d; font-weight:bold; font-size:0.89em; margin-right:20px}

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/arrow.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:17px; }
#content ul li a{color:#007bbb; text-decoration: underline; font-weight:bold;  line-height:1.7em}
#content ul li a:hover { text-decoration:none; }

/*header*/
#header{
    /*font-size: 0.6875em;*/
    width: 100%;
    text-align: left;
}
#header .logo{
    margin: 0px 11px;
    background: #1d2d07;
    padding: 10px 20px 20px;
}
#header .menu{
    z-index: -10;
    margin: 0px 11px;
    margin-top: -10px;
}
#header ul{
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#header ul li{
    width: 20%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}
#header ul li a{
    position: relative;
    width: 100%;
    display: inline-block;
    height: 55px;
    background: #ff9e32;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    top: 0px;
    transition: top cubic-bezier(0.68,-0.55,0.27,1.55) 0.3s;
    -moz-transition: top cubic-bezier(0.68,-0.55,0.27,1.55) 0.3s;
    -webkit-transition: top cubic-bezier(0.68,-0.55,0.27,1.55) 0.3s;
    text-shadow: 0px 0px 10px #fff;
}
#header ul li.color-1 a{
    background: #c2dd21;
}
#header ul li.color-2 a{
    background: #f6ff00;
}
#header ul li.color-3 a{
    background: #35dbff;
}
#header ul li.color-4 a{
    background: #a73672;
}
#header ul li a:hover,
#header ul li.active a{
    top: -10px;
}
#header .word{
    position: relative;
    height: 330px;
    background: url(images/top2_1.png);
    margin-top: -20px;
    margin-bottom: 20px;
}
/*content*/
#content{ font-size:0.6875em; width:100%; text-align:left}
#content .indent{padding:6px 50px 0px 0px}
#content .indent1{padding:6px 50px 0px 55px}
#content .title{  margin-bottom:9px}
#content .pic_left{ float:left; margin:0px 20px 0px 0px}
#content .pic{ margin:0px 0px 16px 0px}
#content p{ margin:0px 0px 9px 0px}
#content .bann{margin:0px 0px 0px 11px}
#content .more{margin:12px 0px 0px 0px}

#page3 #content .indent{padding:6px 40px 0px 0px}
#page3 #content .indent1{padding:31px 40px 0px 0px}

/*footer*/
#footer { color:#ffffff; font-size:0.75em; background:url(images/bot.gif) repeat-x top; padding:41px 0px 20px 296px;}
#footer a {color:#ffffff; text-decoration:none}
#footer a:hover {  text-decoration:underline}

.h{ height:44px}
input{
    width:146px; height:17px;
    font-size:1em;
    padding-left:5px;
    margin-bottom:8px
}
textarea{
    width:152px; height:103px;
    font-size:1em;
    padding-left:5px;
    margin-bottom:21px;
    overflow:auto}

#prezentace-obsah {
    padding-top: 20px;
}

#prezentace-obsah p {
    text-align: justify;
}

#prezentace-obsah p.center {
    text-align: center;
}

.odsazbunkafoto { float: left; width: 150px; text-align: center; padding-bottom: 10px; }

.novinka { background-image: url('images/bann.jpg'); background-repeat: no-repeat; width: 200px; height: 193px; background-position: top right; }
.novinka-ods { padding-left: 100px; padding-top: 60px; padding-right: 7px; }
.novinka-h { height: 153px; overflow: hidden; }
.novinka-s { text-align: center; padding-left: 10px; }
.novinka-s a { color: #fff; }