* {margin: 0; padding: 0; }
 p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, img, a {border: none;}
 body {font-family: tahoma; text-align: center; font-size: small; background: #fafaf0 url("../images_cd/web-podklad1.gif") left top repeat-x;}

 #ram {width: 992px; margin: 0 auto; background: transparent; text-align: left;}

 /* horni lista s odkazy ICQ hotline */
 #hornilista {text-align: right; color: #000;}
 #hornilista p {padding: 5px 10px}
 #hornilista img {position: relative; left:0; top: 5px;}
 #hornilista a {color: #000;}
 #hornilista a:hover,  #hornilista a:focus, #hornilista a:active {color: #ff5703;}

 #hlavicka {width: 992px; background: #fff url("../images_cd/hlavicka-podklad-top.gif") left top no-repeat; margin: 0; position: relative;}
          #hlavickaIn {background: url("../images_cd/hlavicka-podklad-bottom.gif") left bottom no-repeat; padding: 0 0 7px 0;}
          #logo {height: 87px; position: relative;}
          #logo img {position: absolute; top: 24px; left: 26px;}
          #partner {position: absolute; left: 785px; top: 24px;}

          /* hlavni menu */
          #nhmenu {list-style: none; height: 24px; margin:0; padding:0 0 0 10px;}
          #nhmenu li {display: inline;}
          #nhmenu li span {display: block; padding: 5px 7px 5px 4px; background: url("../images_cd/nhright.gif") right top no-repeat;}
          #nhmenu li a {display: block; padding-left: 3px; background: url("../images_cd/nhleft.gif") left top no-repeat; float: left; margin-left: 3px; font-size: 0.9em; color: #fff; font-weight: bold; text-decoration: none;}
          #nhmenu li a:hover, #nhmenu li a:active, #nhmenu li a:focus {background: url("../images_cd/nhleft2.gif") left top no-repeat;color: #000;}
          #nhmenu li a:hover span, #nhmenu li a:active span, #nhmenu li a:focus span {background: url("../images_cd/nhright2.gif") right top no-repeat;}
          #nhmenu li a.nhaktualni {background: url("../images_cd/nhleft2.gif") left top no-repeat;color: #000;}
          #nhmenu li a.nhaktualni span {background: url("../images_cd/nhright2.gif") right top no-repeat;}

          /* lista v hlavice s poctem seminarek a odkazy */
          #infolista {width: 990px; position: relative; margin: 0 1px; padding: 8px 0 0 0; background: #fff url("../images_cd/infolista-podklad.gif") left top repeat-x; text-align: right;}
          #infolista div {width: 600px; float: left; text-align: left;}
          #infolista p {padding: 0 15px; margin: 0;}
          #infolista a {color: #000;}
          #infolista a:hover , #infolista a:focus , #infolista a:active {color: #ff5703;}

/* drobeckova navigace pod hlavickou */
 #drobecky {color: #fff; height: 29px; line-height: 29px; padding: 0 15px; background: url("../images_cd/drobecky.gif"); margin: 10px 0 0 0;}
 #drobecky a {color: #fff;}
 #drobecky a:hover, #drobecky a:focus, #drobecky a:active {color: #000;}

/* paticka a rozdelene bloky odkazu */
 #paticka {width: 992px; margin: 10px 0; clear: both; background: #b6b509 url("../images_cd/paticka-podklad-top.gif") left top no-repeat;}
          #patickaIn {padding: 10px 15px; text-align: center; background: url("../images_cd/paticka-podklad-bottom.gif") left bottom no-repeat;}
          #patickakategorie {margin: 10px 0; color: #fff;}
          #patickakategorie a {color: #fff;}
          #patickakategorie a:hover, #patickakategorie a:focus, #patickakategorie a:active {color: #000;}

          #patickaodkazy {color: #5d5a04; margin: 10px 0; font-size: 0.8em;}
          #patickaodkazy a {color: #5d5a04;}
          #patickaodkazy a:hover, #patickaodkazy a:focus, #patickaodkazy a:active {color: #000;}

          #copyright {color: #e9e9b6; margin: 10px 0; font-size: 0.8em;}
          #copyright a {color: #fff;}
          #copyright a:hover, #copyright a:focus, #copyright a:active {color: #000;}

 /* ram leveho sloupce webu */
 #levysloupec {margin: 0px 10px 0px 0; width: 680px; float: left; overflow: hidden;}
 /* ram praveho sloupce webu */
 #pravysloupec {margin: 0px 0 0px 0; width: 300px; float:left; overflow: hidden; }

/* --- Obsahova cast --- */

          /* zakladni ram kolem bileho bloku */
          .ramecek {margin: 10px 0 10px 0; background: url("../images_cd/ramecek-top.gif") left top no-repeat; padding: 6px 0 0 0;}
          .ramecektop {padding: 0 0 6px 0; background: url("../images_cd/ramecek-bottom.gif") left bottom no-repeat; }
          .ramecekbottom {background: url("../images_cd/ramecek-podklad.gif") left top repeat-y;  padding: 9px 0; width: 680px;}

          /* ten sami ramecek v pravem sloupci */
          .ramecek2 {margin: 10px 0 10px 0; background: url("../images_cd/ramecek2-top.gif") left top no-repeat; padding: 6px 0 0 0;}
          .ramecek2top {padding: 0 0 6px 0; background: url("../images_cd/ramecek2-bottom.gif") left bottom no-repeat; }
          .ramecek2bottom {background: url("../images_cd/ramecek2-podklad.gif") left bottom repeat-y; padding: 9px 0;}

          .ramecek2 p {margin: 0 15px}

          /* vyhledavani nad levym sloupcem */
          #vyhledavani {position: relative; padding: 0 0 0 15px; color: #fff; margin: 10px 0; height: 35px; line-height: 35px; background: #aead15 url("../images_cd/vyhledavani-podklad1.gif") left top no-repeat;}
                #srchtxt {position: relative; top: -2px; _top: 1px; padding: 3px; color: #000; height: 17px; width: 190px; border: 1px solid #000; border-right: 0; background: url("../images_cd/vyhledavani-podklad2.gif") left top repeat-x;}
                #vimage {position: relative; top: 6px; _top: 5px;}
          #vyhledavani span {position: relative; top: -2px;}

          /* vypis katalogu na homepage */
          .katalogkategorii {margin: 0 15px; clear: both;}
          .katalogkategorii h2 {float: none; color: #000; font-size: 1.4em; font-weight: normal; background: url("../images_cd/odrazka-nadpis.gif") left center no-repeat; margin: 0; padding:0 0 0 35px;}
          .katalogkategorii h2 a {color: #000;}
          .katalogkategorii td {padding: 0 20px 10px 0}
          .katalogkategorii p {padding: 0 0 0 35px; margin: 0; line-height: 1.6em; }
          .katalogkategorii a {color: #099aa8;}
          .katalogkategorii a:hover,.katalogkategorii a:focus, .katalogkategorii a:active {color: #000;}

          .katalogabecedne {margin: 10px 15px 0 15px; width: 100%;}
          .katalogabecedne a.pismeno {color: #fff; font-weight: bold; text-decoration: none; padding: 5px 7px; background: url("../images_cd/pismeno-podklad.gif") center center no-repeat;}
          .katalogabecedne a {color: #000;}
          .katalogabecedne a:hover, .katalogabecedne a:focus, .katalogabecedne a:active {color: #099aa8;}
          .katalogabecedne td {padding: 0 0 10px 0;}

          /* prehled nejstahovanejsich praci na homepage */
          .nejstahovanejsi {margin: 0 15px 15px 15px; width: 95%; border-collapse: collapse;}
          .nejstahovanejsi td {padding: 4px 0 4px 5px; vertical-align: top;}
          .nejstahovanejsi th {padding: 4px 0 4px 5px; vertical-align: top;}
          .nejstahovanejsi th a {color: #000; text-decoration: none;}
          .nejstahovanejsi td.poradi {padding: 4px 0 4px 0; background: url("../images_cd/poradi-podklad.gif") 0 4px no-repeat; width: 22px; vertical-align: top; text-align: center; color: #000; font-weight: bold; }
          /* upravena verze pro samostatnou stranku s nejstahovanejsimi pracemi */
          .nejstahovanejsi2 td {border-bottom: 1px solid #e0e0e0; padding: 7px 3px; }
          .nejstahovanejsi2 td.poradi {padding-top: 7px; padding-right: 5px;  background: url("../images_cd/poradi-podklad.gif") 0 7px no-repeat;}
          .nejstahovanejsi2 {margin: 5px 15px; _margin: 15px;}
          .nejstahovanejsi2 th a {color: #099aa8; font-weight: bold; text-decoration: none;}
          .nejstahovanejsi2 th {border-bottom: 1px solid #000; vertical-align: bottom; text-align: center;}

          /* prehled clanku na homepage */
          .clanek {border-bottom: 1px solid #e3e3e3; padding: 20px 0 15px 0; clear: both; }
          .clanek img {float: left; margin: 0 15px 5px 15px;}
          .clanek h3 {clear: none; font-size: 1em; margin: 0 15px 10px 15px; padding:0;}
          .clanek h3 a {color: #000; text-decoration: underline;}
          .clanek p {margin: 8px 15px; color: #666; line-height: 1.5em; }
          .clanek p.doprava, .clanekplny p.doprava {margin: 0px 15px; line-height: 1em; font-size: 0.8em; clear: both;}
          .celyclanek {color: #099aa8; padding: 0 15px 0 0; background: url("../images_cd/odrazka1.gif") right center no-repeat;}
          .caratop {border-top: 1px solid #e3e3e3;}
          .clanekplny .uvodnikimage {float: left;}
          .clanekplny img {margin: 10px 15px; float: right;}

          /* odkaz formou tlacitka */
          .odkaztlacitko {padding: 5px 0; _padding: 0; color: #666; text-decoration: none; text-transform: uppercase; background: url("../images_cd/tlacitko-podklad1.gif") left top no-repeat; margin: 10px 10px 10px 0;}
          .odkaztlacitko span {padding: 5px 15px 5px 35px; background: url("../images_cd/tlacitko-podklad2.gif") right top no-repeat;}
          .tlacitkohelp {padding: 15px 0 5px 0;}

          /* varianty odrazek u seznamu v pravem sloupci */
          .seznam1 {margin: 0 15px; padding: 0; list-style: none;}
          .seznam1 li {margin: 0 0 10px 0; background: url("../images_cd/odrazka2.gif") 0 4px no-repeat; padding: 0 0 0 25px;}

          .seznam2 {margin: 0 15px; padding: 0; list-style: none;}
          .seznam2 li {padding: 5px 0 8px 0; background: url("../images_cd/border1.gif") left bottom repeat-x;}
          .seznam2 a {color: #000;}
          .seznam2 a:hover, .seznam2 a:focus, .seznam2 a:active {color: #099aa8;}

          /* velikosti pismen pro TAG CLOUD */
          .velikost1 {font-size: 1em; color: #000; text-decoration: none;}
          .velikost2 {font-size: 1.2em; color: #000; text-decoration: none;}
          .velikost3 {font-size: 1.3em; color: #000; text-decoration: none;}
          .velikost4 {font-size: 1.4em; color: #000; text-decoration: none;}
          .velikost5 {font-size: 1.5em; color: #000; text-decoration: none;}
          .velikost6 {font-size: 1.6em; color: #000; text-decoration: none;}
          .ramsedy .velikost6 {color: #fff;}

          /* formular pro prihlaseni uzivatelu vpravo */
          #login {padding: 0; position: relative; height: 88px; background: #b6b509 url("../images_cd/login-podklad.jpg") left top no-repeat; margin: 10px 0;}
                #login p {padding: 0px 5px 0 11px; margin: 0 0 5px 0; color: #fff; font-weight: bold;}
                #login p a {color: #fff; font-weight: normal;}
                #login p a:hover,  #login p a:focus,  #login p a:active {color: #000;}
                #loginuser {position: relative; _top: 3px; color: #000; padding: 3px; width: 55px; background: #fff url("../images_cd/login-podklad2.gif") left top repeat-x; border: 1px solid #000;}
                #loginpassword {position: relative; _top: 3px; color: #000; padding: 3px; width: 55px; background: #fff url("../images_cd/login-podklad2.gif") left top repeat-x; border: 1px solid #000;}
                #login-prihlasit {position: relative; top: 7px;  _top: 7px;}

           /* uzivatelske menu v levem sloupci */
           #usermenu {background: #b6b509 url("../images_cd/usermenu-bottom.gif") left bottom no-repeat; margin: 10px 0;}
           #usermenuIn {background: url("../images_cd/usermenu-top.gif") left top no-repeat; padding: 25px 15px;}
           #usermenu ul {list-style: none;}
           #usermenu ul li { display: inline;}
           #usermenu li a {background: url("../images_cd/odrazka3.gif") 5px 8px no-repeat; display: block; padding: 5px 0px 5px 30px; color: #fff;  text-transform: uppercase; font-weight: bold; text-decoration: none;}
           #usermenu li a:hover, #usermenu li a:focus, #usermenu li a:active {background: url("../images_cd/odrazka4.gif") 5px 8px no-repeat; color: #545303;}
           #usermenu li a.aktualni {background: url("../images_cd/odrazka4.gif") 5px 8px no-repeat; color: #545303;}

          .uryvek {margin: 10px 15px; background: url("../images_cd/uryvek-bottom.gif") left bottom no-repeat;}
          .uryvekIn {background: url("../images_cd/uryvek-top.gif") left top no-repeat; padding: 15px;}

          /* tabulka u popisu prace */
          .tabulkapopis {width: 95%; margin: 10px 15px; clear: both; border-collapse: collapse; border-top: 1px solid #b6b509;}
          .tabulkapopis th, .tabulkapopis td {text-align: left; padding: 8px 10px 8px 0; border-bottom: 1px solid #b6b509; }
          .tabulkapopis th {color: #b6b509; text-align: right; width: 250px;}

          .nahledprace {border: 1px solid #099aa8; display: block; width: auto; float: left; margin: 0 15px 15px 15px;}

          /* odkazy ke stazeni prace */
          .stazeni {clear: both; list-style: none; margin: 10px 15px 20px 15px; padding: 0 0 0 40px;}
          .stazeni img {position: relative; top: 3px;}
          .stazeni li {margin: 0 0 10px 0;}

          /* ramecky s kulatymy okraji*/
          /* zeleny */
          .ramzeleny {clear: both;  margin: 10px 15px; background: url("../images_cd/ramzeleny-top.gif") left top no-repeat;}
          .ramzeleny p {line-height: 1.4em; color: #076f14; font-weight: bold;}
          .ramzelenyIn {padding: 15px; text-align: center; background: url("../images_cd/ramzeleny-bottom.gif") left bottom no-repeat;}
          .ramzeleny ol {color: #076f14;}
          .ramzeleny ul {color: #076f14; padding: 0 0 0 20px;}
          .ramzeleny ul a {font-weight: bold;}
          .ramzeleny li {margin-bottom: 5px; }

          .ramzeleny2 {clear: both;  margin: 10px 15px; background: url("../images_cd/ramzeleny2-top.gif") left top no-repeat;}
          .ramzeleny2In {padding: 15px; background: url("../images_cd/ramzeleny2-bottom.gif") left bottom no-repeat;}

          /* cerny */
          .ramcerny {clear: both;  margin: 10px 15px; background: url("../images_cd/ramcerny-top.gif") left top no-repeat; position:relative;}
          .ramcerny p {line-height: 1.4em; color: #000; font-weight: bold;}
          .ramcernyIn {padding: 15px; text-align: center; background: url("../images_cd/ramcerny-bottom.gif") left bottom no-repeat;}

          /* sedy - cele sede pozadi - u platby prace */
          .ramsedy {clear: both; padding: 0; margin: 10px 15px; background: url("../images_cd/ramsedy-top.gif") left top no-repeat;}
          .ramsedyIn {padding: 15px; background: url("../images_cd/ramsedy-bottom.gif") left bottom no-repeat; position: relative;}
          .ramsedy p {line-height: 1.4em; color: #fff; font-weight: bold; margin: 0 0 15px 0;}
          .ramsedy label {color: #000; font-weight: bold;}
          .ramsedy form {text-align: right; width: 300px; position: absolute; top: 20px; left: 330px;}
          .ramsedy table {width: 100%;}
          .ramsedy td {vertical-align: top;}
          .ramsedy a {position: absolute; left: 500px; top: 10px;}
          .ramsedy a:hover, .ramsedy a:focus, .ramsedy a:active {color: #000;}

          .ramsedy2 {clear: both; padding: 0; margin: 10px 15px; background: url("../images_cd/ramsedy2-top.gif") left top no-repeat;}
          .ramsedy2In {padding: 15px; background: url("../images_cd/ramsedy2-bottom.gif") left bottom no-repeat;}
          .ramsedy2 p {font-size: 0.8em; padding: 0; color: #000; margin: 0 0 5px 0;}

          .ramsedy3 {clear: both; padding: 0; margin: 10px 15px; background: url("../images_cd/ramsedy3-top.gif") left top no-repeat;}
          .ramsedy3In {padding: 15px; background: url("../images_cd/ramsedy3-bottom.gif") left bottom no-repeat;}
          .ramsedy3 p {font-size: 0.8em; padding: 0; color: #000; margin: 0 0 5px 0;}

          .ramoranzovy {clear: both; padding: 0; margin: 10px 15px; background: url("../images_cd/ramoranzovy-top.gif") left top no-repeat;}
          .ramoranzovyIn {padding: 15px; background: url("../images_cd/ramoranzovy-bottom.gif") left bottom no-repeat; position: relative;}
          .ramoranzovy p {font-size: 1em; font-weight: bold; padding: 0; color: #fff; margin: 0 0 5px 0;}
          .ramoranzovy label {color: #000; font-weight: bold;}
          .ramoranzovy form {text-align: right; width: 300px; position: absolute; top: 20px; left: 330px;}
          .ramoranzovy table {width: 100%;}
          .ramoranzovy td {vertical-align: top;}
          .ramoranzovy a {position: absolute; left: 500px; top: 10px;}
          .ramoranzovy a.normal {position:static;}
          .ramoranzovy a:hover, .ramoranzovy a:focus, .ramoranzovy a:active {color: #000;}

          /* styly pro formular */
          .formular1 {clear: both; margin: 10px 0;}
          .ramecek .formular1 {margin: 10px 15px;}
          .formular1 th {color: #b6b509; text-align: right; vertical-align: top;}
          .formular1 th, .formular1 td {padding: 3px 4px;}
          .formular1 th span {color: #000; font-weight: normal;}
          .formular1 th span span {color: red; font-weight: bold;}
          .formular1 .inputtext {border: 1px solid #b6b509; width: 200px;}
          .formular1 .inputtext-wide {border: 1px solid #b6b509; width: 515px;}
          .formular1 .dolu {vertical-align: bottom;}
          .inputtext {border: 1px solid #000; padding: 3px;}

          /* styly ke komentarum */
          .komentar1 {clear: both; margin: 10px 15px; background: url("../images_cd/komentar-top.gif") left top no-repeat; padding: 8px 0 0 0;}
          .komentar2 {background: url("../images_cd/komentar-bottom.gif") left bottom no-repeat; padding: 0 0 8px 0;}
          .komentar3 {background: url("../images_cd/komentar-podklad.gif") left top repeat-y; padding: 7px 15px 7px 15px;}
          .komentar1 p {margin: 0 0 5px 0; color: #000;}
          .komentar1 h4 {font-size: 1em; font-weight: bold; color: #ff6315; margin-bottom: 5px;}
          .komentarinfo {border-top: 1px solid #ffa578; margin: 10px 0 0 0; padding: 2px 0;}
          .komentarinfo p {width: 70%; float: right; text-align: right; color: #ff6315;}
          .komentar1 a {font-weight: bold;}
          .komentar1 .komentar1 {margin: 20px 0px; background: url("../images_cd/komentar-top2.gif") left top no-repeat; padding: 8px 0 0 0;}
          .komentar2 .komentar2 {background: url("../images_cd/komentar-bottom2.gif") left bottom no-repeat; padding: 0 0 8px 0;}
          .komentar3 .komentar3 {background: #fff; padding: 7px 15px 7px 15px;}
          .komentar1 .komentar1 .komentar1 {margin: 20px 0px; background: url("../images_cd/komentar-top3.gif") left top no-repeat; padding: 8px 0 0 0;}
          .komentar2 .komentar2 .komentar2 {background: url("../images_cd/komentar-bottom3.gif") left bottom no-repeat; padding: 0 0 8px 0;}
          .komentar3 .komentar3 .komentar3 {background: url("../images_cd/komentar-podklad3.gif") left top repeat-y; padding: 7px 15px 7px 15px;}

          /* statisticke okenko registrovanych uzivatelu */
          .reguzi {margin: 0 15px; width: 270px}
          .reguzi th {text-align: left; color: #000;}
          .reguzi td {text-align: right; color: #ff6315; font-weight: bold;}

          /* statisticke okenko */
          .statbox {width: 270px; margin: 0 15px; font-size: 0.8em; border-collapse: collapse;}
          .statbox td, .statbox th {padding: 2px; background: url("../images_cd/border2.gif") left center repeat-x;}
          .statbox td span, .statbox th span {background: #fff;}
          .statbox td span {padding: 0 0 0 5px;}
          .statbox th span {padding: 0 5px 0 0;}
          .statbox th {font-weight: normal; text-align: left;}
          .statbox td {font-weight: bold; color: #ff6315; text-align: right; padding-right: 0;}


          /* styly v listovani vysledku hledani */
          .listingdilo {border-bottom: 1px solid #e0e0e0; padding: 0px 30px 10px 0;  position: relative;}
          .infodilo {width: auto; float: left; margin: 10px 0px; height: 22px; line-height: 22px; }
          .infodilo span {color: #777;}
          .listingdilo p {clear: both; color: #000;}
          .listingdilo .celyclanek {font-size: 0.8em;}
          .listingdilo table {margin: 0 10px; width: 90%;}
          .listingdilo table td {padding: 0 5px 0 5px; }
          .listingdilo table th {padding: 0 5px 0 5px; }
          .listingdilo table td.lblok {padding: 0; width: 59px; height: 22px; background: url("../images_cd/lblok.gif") left top no-repeat; text-align: center;}
          .nejstahovanejsi td.lblok { width: 59px; height: 22px; background: url("../images_cd/lblok.gif") 0 3px no-repeat;  _background: url("../images_cd/lblok.gif") 0 5px no-repeat; text-align: center;}
          .vp {background: url("../images_cd/vybornaprace.gif") 640px 0px no-repeat;}
          .sp {background: url("../images_cd/superprace.gif") 640px 0px no-repeat;}
          .profi {background: url("../images_cd/profiprace.gif") 640px 0px no-repeat;}
          #razeni {border-bottom: 1px solid #e0e0e0; margin: 0; padding: 0 15px 7px 15px; position: relative;}

          /* listovani stranek */
          .listing {margin: 15px 15px 5px 15px;}
          .listing a {color: #000; text-decoration: none;}
          .lis1 {padding: 4px 10px; background: url("../images_cd/lis1.gif") center center no-repeat;}
          .lis2 {padding: 4px 10px; background: url("../images_cd/lis2.gif") center center no-repeat;}



          /* Styly pro nadpisy */
          h2 {float: left; padding: 0 0 0 15px; margin: 0 15px 15px 15px; _margin: 0 0 0 8px; background: #ff5906 url("../images_cd/nadpis-podklad.gif") left top no-repeat; height: 35px; line-height: 35px; color: #fff; font-size: 1em; font-weight: bold; width: auto;}
          h2 span {display: block; padding: 0 110px 0 0; background: url("../images_cd/nadpis-podklad-right.gif") right top no-repeat; }
          h2.normal {float: left; padding: 0 0 0 15px; margin: 0 15px 15px 15px; _margin: 0 0 0 8px; background: #ff5906 url("../images_cd/nadpis-normal1.gif") left top no-repeat; height: 35px; line-height: 35px; color: #fff; font-size: 1em; font-weight: bold; width: auto;}
          h2.normal span {display: block; padding: 0 15px 0 0; background: url("../images_cd/nadpis-normal2.gif") right top no-repeat; }
          h2.normal a {color: #fff; text-decoration: none; display: block; padding: 0 15px 0 0; background: url("../images_cd/nadpis-normal2.gif") right top no-repeat; }

          h2.normal2 {float: left; padding: 0 0 0 15px; margin: 0 15px 15px 0px; _margin: 0 0 0 8px; background: #7f7f7f url("../images_cd/nadpis-2normal1.gif") left top no-repeat; height: 35px; line-height: 35px; color: #fff; font-size: 1em; font-weight: bold; width: auto;}
          h2.normal2 a {color: #fff; text-decoration: none; display: block; padding: 0 15px 0 0; background: url("../images_cd/nadpis-2normal2.gif") right top no-repeat; }

          h3 {clear: both; font-size: 1em; margin: 10px 15px; text-transform: uppercase;}
          .ramsedy h3 {color: #fff; margin-left: 0;}
          .ramsedy2 h3 {color: #000; margin-left: 0; margin-top:0;}
          h3.nadpis2 {margin: 10px 15px; _margin: 10px 8px; height: 22px; line-height: 22px; text-transform: none; padding: 0 0 0 15px; background: url("../images_cd/nadpis2-left.gif") left top no-repeat; color: #fff; width: auto; float: left;}
          h3.nadpis2 span {padding: 0 15px 0 0; display: block; background: url("../images_cd/nadpis2-right.gif") right top no-repeat;}
          h3.nadpis3 {margin: 10px 15px; _margin: 10px 8px; height: 22px; line-height: 22px; text-transform: none; padding: 0 0 0 15px; background: url("../images_cd/nadpis3-left.gif") left top no-repeat; color: #fff; width: auto; float: left;}
          h3.nadpis3 span {padding: 0 15px 0 0; display: block; background: url("../images_cd/nadpis3-right.gif") right top no-repeat;}
          h3.nadpis3 span a {color: #fff;}
          ol {padding: 0 0 0 35px; margin: 10px 15px;}
          #levysloupecIn ul {padding: 0 0 0 35px; margin: 10px 15px;}
          #pravysloupec h2 {float: none; padding: 0 0 0 15px; margin: 0 15px 15px 15px; background: #ff5906 url("../images_cd/nadpis-podklad2.gif") left top no-repeat; height: 35px; line-height: 35px; color: #fff; font-size: 1em; font-weight: bold;}




          /* divy ohranicujici reklamni bloky */
          .reklama680-100 {margin: 10px 0; width: 680px; height: 35px; background: #eee;}
          .reklama680-100 {margin: 10px 0; width: 680px; height: 100px; background: #eee;}
          .reklama300-300 {margin: 10px 0; text-align: center}
          .reklama300-100 {margin: 10px 0; width: 300px; height: 100px; background: #eee;}
          .reklama992-100 {margin: 10px 0 0 0; width: 992px; height: 100px; background: #eee;}
          .video300 {margin: 10px 0; width: 300px; height: 300px; background: #eee;}

          /* obecne tridy */
          a {color: #099aa8;}
          a:hover, a:focus, a:active {color: #000;}
          p {margin: 0 15px 5px 15px; line-height: 1.4em; color: #555;}
          .doprava {text-align: right;}
          .doleva {text-align: left;}
          .nastred {text-align: center;}
          .red {color: red;}
          .black {color: #000;}
          .white {color: #fff;}

          /* pomocne tridy */
          .floathelp {clear: both; font-size: 1px; height: 1px; line-height: 1px;}
          .schovat {display: none;}
          .pryc {position: absolute; top: -2000px;}
          .inhuman {display: none;}
          div.warnings {text-align: center; margin: 10px; font-weight: bold; color: red; padding: 10px; border: 1px solid red; background: #F5F5F5;}
          img.flleft {float: left; width: auto; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; border:0;}
          p.otazka {font-weight: bold; margin-top: 10px; border-bottom: 1px solid #ff6315;}

         /* styly pro platby */
         #paytelo {margin: 30px auto 30px auto; text-align: center;}
         #paytelo input.visibleinline {border: 1px solid #7CB943; background: #FFF; }
         #paytelo input.visiblebutton {background-color: #F4F8ED; }
         #paytelo input.visible {border: 1px solid #7CB943; background: #FFF; display: block; width: 200px; margin: 10px auto 10px auto; }
         #captcha {width: 200px; margin: 10px auto 50px auto;}
         #captcha .operation {font-weight: bold; font-size: 1.2em;}
         #payram .infotext {text-align: left; margin: auto 10px auto 10px;}

#banner_left {position: absolute; right: -140px; margin-top: 10px;}