body {background-color: #498E1B; background-image: url("Grafika/bg-green.jpg"); font-family:tahoma,  arial, verdana; font-size: 12px; text-align: center; text-align: center; }
#hlavicka {position: relative; text-align: left; width: 960px;  background-color: black; margin: 0 auto; padding-bottom: 15px; margin-top: 0px;}
#slogan {color: #fff; margin-left: 200px;}
.logo{margin-left: 20px; border: 0px solid black;}

#menu {background-color: #FE5B03; background-image: url("Grafika/bg-menu.jpg"); margin: 0 auto; margin-top: 0px; text-align: left; width: 960px; height: 30px; padding: 0px; padding-top: 1px; border: 0px solid #000;}
#menu ul {margin-top: 0px; padding: 0px; margin-bottom: 0px; }
#menu li {display: block; float: left; margin-top: 0px;  font-size: 120%; font-weight: bold; color: #fff; }
#menu a {color:#fff;}
.m-uvod1 a {margin-left: 25px; display: block; height: 33px; width: 93px; background-image: url('Grafika/uvod1.jpg'); background-repeat: no-repeat;}
.m-uvod a {margin-left: 25px; display: block; height: 33px; width: 93px; background-image: url('Grafika/uvod.jpg'); background-repeat: no-repeat;}
.m-uvod a:hover {margin-left: 25px; display: block; height: 33px; width: 93px; background-image: url('Grafika/uvod1.jpg'); background-repeat: no-repeat;}

.m-gene1 a {margin-left: 0px; display: block;  border: 0px solid red; height: 33px; width: 93px; background-image: url('Grafika/generator1.jpg'); background-repeat: no-repeat;}
.m-gene a {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/generator.jpg'); background-repeat: no-repeat;}
.m-gene a:hover {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/generator1.jpg'); background-repeat: no-repeat;}

.m-clan1 a {margin-left: 0px; display: block; border: 0px solid red; height: 33px; width: 93px; background-image: url('Grafika/clanek1.jpg'); background-repeat: no-repeat;}
.m-clan a {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/clanek.jpg'); background-repeat: no-repeat;}
.m-clan a:hover {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/clanek1.jpg'); background-repeat: no-repeat;}

.m-odka1 a {margin-left: 0px; display: block; border: 0px solid red; height: 33px; width: 93px; background-image: url('Grafika/odkazy1.jpg'); background-repeat: no-repeat;}
.m-odka a {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/odkazy.jpg'); background-repeat: no-repeat;}
.m-odka a:hover {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/odkazy1.jpg'); background-repeat: no-repeat;}

.m-disk1 a {margin-left: 0px; display: block; border: 0px solid red; height: 33px; width: 93px; background-image: url('Grafika/diskuze1.jpg'); background-repeat: no-repeat;}
.m-disk a {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/diskuze.jpg'); background-repeat: no-repeat;}
.m-disk a:hover {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/diskuze1.jpg'); background-repeat: no-repeat;}

.m-proj1 a {margin-left: 0px; display: block;  border: 0px solid red; height: 33px; width: 93px; background-image: url('Grafika/projekt1.jpg'); background-repeat: no-repeat;}
.m-proj a {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/projekt.jpg'); background-repeat: no-repeat;}
.m-proj a:hover {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/projekt1.jpg'); background-repeat: no-repeat;}

.m-podp1 a {margin-left: 0px; display: block;  border: 0px solid red; height: 33px; width: 93px; background-image: url('Grafika/podpora1.jpg'); background-repeat: no-repeat;}
.m-podp a {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/podpora.jpg'); background-repeat: no-repeat;}
.m-podp a:hover {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/podpora1.jpg'); background-repeat: no-repeat;}

.m-sluz1 a {margin-left: 0px; display: block; border: 0px solid red; height: 33px; width: 93px; background-image: url('Grafika/dalsi1.jpg'); background-repeat: no-repeat;}
.m-sluz a {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/dalsi.jpg'); background-repeat: no-repeat;}
.m-sluz a:hover {margin-left: 0px; display: block; height: 33px; width: 93px; background-image: url('Grafika/dalsi1.jpg'); background-repeat: no-repeat;}

.hidden {display: none; }
.clear {clear: both; font-size: 1px;}


#login {color: #141B23; position: relative; text-align: right; border: 0px solid black; width: 960px; padding-right: 20px; margin: 0 auto; margin-top: 25px; margin-bottom: 7px;}
#login a {color: #141B23; font-size: 120%; font-weight: bold;}
#login a:hover {color: #fff;}
#main-top {position: relative; text-align: center;  width: 960px; height: 14px; background-image: url("Grafika/bg-main-top.png"); margin: 0 auto; background-repeat: no-repeat; margin-top: 0px; margin-bottom: 0px;}
#main-bottom {position: relative; text-align: center;  width: 960px; height: 14px; background-image: url("Grafika/bg-main-bottom.png"); margin: 0 auto; background-repeat: no-repeat; }

#main {position: relative; text-align: left;  width: 960px;  background-color: #fff; background-image: url("Grafika/bg-main.jpg"); margin: 0 auto;  margin-top: 0px; padding-bottom: 15px; border-top: 1px solid #D3D3D3;}

.reklama-head {position: absolute; right: 20px; top: 30px; text-align: center; font-size: 90%; color: #fff;}
.reklama-head a {color: #fff;}
.reklama-head img {border: 0px solid black; color: #fff;}

#left-long {float: left; text-align: left; width: 645px; margin: 20px 20px 20px 25px; color: #313131; line-height: 1.5;}
#left-long h1 { color: #313131; font-size: 150%; font-weight: bold; margin-top: 15px; margin-bottom: 0px; padding-bottom: 0px;}
#left-long h2 { color: #313131; font-size: 150%; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px;}
#left-long h3 { font-size: 100%; margin-bottom: 0px; padding-bottom: 0px; }
#left-long p {font-size: 110%; text-align: justify; margin-top: 5px; }
#left-long a {color: #313131;}
#left-long ul {color:#313131; line-height: 2; margin-top: 2px; list-style-type: none; padding-left: 3px; margin-left: 0px;}
#left-long li {padding-left: 0px; margin-left: 0px; }
#left-long ol {line-height: 2; margin-bottom: 15px;}

.nomargin {margin-top: -7px !important;}
.vetsih2 {font-size: 180% !important;}
.opacne {float: right !important; width: 230px !important; margin: 10px 14px 20px 20px!important;}
.opacne1 {float: right !important;  width: 645px !important; margin: 20px 20px 20px 25px !important;}
.obalka-small img {width: 50px; height: 71px; float: right; margin-left: 10px; }
.zaznam {background-color: #DBFFC0; padding: 10px; margin-bottom: 15px;}

#right {float: left; width: 230px; margin: 10px 14px 20px 20px;  line-height: 1.5;}
#right h1 { color: #313131; font-size: 150%; font-weight: bold; margin-top: 15px; margin-bottom: 0px; padding-bottom: 0px;}
#right h2 { color: #313131; font-size: 120%; font-weight: bold; margin-top: 15px; margin-bottom: 0px; padding-bottom: 0px;}
#right h3 { font-size: 100%; margin-bottom: 0px; padding-bottom: 0px; }
#right p {font-size: 110%; text-align: justify; margin-top: 5px;}
#right img {border: 1px solid black; margin-top: 8px; }
#right a {color: #313131;}



.partnerlinks p {margin-top: 5px !important; margin-bottom: 5px !important; line-height: 1.3;}

#copy {font-size: 90%; font-weight: bold; color: #fff; position: relative; text-align: center;  width: 960px; margin: 0 auto; margin-top: 5px;}

#partneri {font-size: 120%; font-weight: bold; color: #fff; position: relative; text-align: center;  width: 920px; margin: 0 auto; margin-top: 15px;  margin-bottom: 25px;}
#partneri strong {display: block; margin-bottom: -4px;}
#partneri img {border: 0px solid black; vertical-align:middle;}
#partner1 {text-align: left; width: 460px; float: left; }
#partner1 img {margin-right: 5px;}
#partner2 {text-align: right; width: 460px; float: left;}
#partner2 img {margin-left: 5px;}



.obr-vlevo {float: left; margin-right: 30px;}
.obr-vpravo {float: right; margin-left: 30px;}

fieldset {padding: 8px 10px 8px 10px; margin-top: 15px; margin-bottom: 15px; line-height: 2; }
label {vertical-align: top; font-weight: bold;}


.fillform input {border: 2px solid green;}
.fillform select {border: 2px solid green;}
.fillform option {border-left: 2px solid green; border-right: 2px solid green; border-bottom: 2px solid green;}

.fillform small {font-size: 90%; font-weight: bold; color: red; display: block; margin-bottom: 10px; }
.fillform small img {vertical-align: middle !important;} 
.formpov {border: 2px solid red !important;}
.button {border: 2px solid black !important;}
.obrazek{border: 0px solid black !important; vertical-align: middle !important;}

/*
.neakt { background: url(Grafika/aktfolder.png) no-repeat; padding-left: 21px; line-height: 20px;}
.akt { background: url(Grafika/aktfolder1.png) no-repeat; padding-left: 21px; line-height: 20px;}
*/
.neakt a {margin-left:3px; vertical-align: middle;}
.neakt img, li  { vertical-align: middle;}
.neakt strong { vertical-align: middle;}
.akt a {margin-left:3px; vertical-align: middle;}
.akt img, li { vertical-align: middle;}
.akt strong {font-size: 120% !important; margin-left:3px;  vertical-align: middle;}


.detleft {float: left; width: 200px; padding-top: 5px; }

.detleft img {width: 150px; height: 221px; border: 1px solid black;}



.detmiddle {float: left; width: 440px; text-align: left !important;}
.detmiddle p {text-align: left !important;}
.detmiddle h1 {font-size: 140%; margin-top: 4px !important; margin-bottom: 10px !important; padding-top: 0px; border: 0px solid red;}
.detmiddle h2 {font-size: 120%; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;}
.autor {font-size: 115%; color: gray; border: 0px solid red;margin-bottom: 0px;}

#nastroje {width: 600px; padding-left: 0px;}
#nastroje h2 { color: #313131; font-size: 130% !important; font-weight: bold; margin-top: 15px; margin-bottom: 0px; padding-bottom: 0px;}
#nastroje h3 { color: #313131; font-size: 120% !important; font-weight: bold; margin-top: 15px; margin-bottom: 0px; padding-bottom: 0px;}

#detback {width: 600px; padding-left: 25px; padding-top: 15px;}
.myrate {border: 0px solid black; }
.panel {float: left; width: 250px; background: green; margin-right: 15px; padding: 0px;}
.panel h2 {width: 240px; background: #000; margin-top: 0px !important; color: #fff !important; font-size: 100%; padding: 5px !important;}
.panel form {margin: 10px;}
.panel label { color: #000;}
.panel input {margin-bottom: 10px !important; color: #000;  border: 1px solid black;}
.akce2submit {border: 1px solid black;}


.chyba {border: 2px solid red; padding: 8px; width: 500px; margin-bottom: 15px; background: #FFC7AF; font-size: 90%;}

.publikovano {padding-top: 20px;}
.list_item {list-style-type: disc !important;  margin-bottom: 15px  !important; line-height: 2;  margin-left: 30px !important;}

.funkce_list {background: #FFF59C; padding: 10px;}
.funkce_list h2 {margin-bottom: 10px;}



.homepanelform {line-height: 1.5 !important; color: #fff !important; background-color: #E74F05; margin: -13px -20px 0px -13px; padding: 2px 3px 5px 15px;}
.homepanelform h2 { font-size: 150% !important; color: #fff !important; margin-bottom: 5px !important; }
.homepanelform h3 { font-size: 110% !important; color: #fff !important; margin-top: 0px !important;  margin-bottom: 5px !important; }
.homepanelform p {color: #fff !important; margin-bottom: 0px !important; }
.homepanelformbottom {background:  url(Grafika/bgformbottom.png) no-repeat left top; margin: -0px -20px -5px -13px; padding: 0px 15px 0px 15px;}
.homepanelform a {color: #fff !important; }
.homepanelform select {background: #FFF6DB; border: 1px solid orange; font-size: 95% !important; padding: 2px 2px 2px 5px;}

.buttonform  {background:  url(Grafika/bg-menu.jpg); font-size: 95% !important; padding: 2px 8px 2px 8px; color: #fff; border: 1px solid black; font-weight: bold;}

.prvnipismeno {font-size:  24px !important; color: #FCB808;}
.bgform-knihy {display: block; float: right; border: 0px solid black white !important; padding-right: 10px;}
.aktualpar {margin-bottom: 3px !important; }

/*info o modulech*/           
         .topdivdemo1 {
            background:#121921;
            font-family:arial;
            color:#fff;
            font-size:12px;
            border:1px solid #121921;
                   text-align: left; 
            padding:5px 10px 5px 10px;
            width:250px;
            font-weight: bold;
          
         }
         
         .botdivdemo1 {
            background:#fff;
            font-family:arial;
            font-size:12px;
            border:1px solid #121921;
                 text-align: left; 
            padding:10px;
            width:250px;
         }


.discsquare li {list-style-type: square !important; list-style-position: inside !important;}