

html, body {
   background-image:url(./pics/background1-textura.gif);
   background-repeat: repeat;
   background-position: center top;
}
 
#vizualniObal {
   text-align: center;
   padding-top: 32px;
   padding-bottom: 100px;
   width: 100%;
   background: transparent;
}
 
#vizualniOkraj {
   width: 840px;
   margin: 0 auto;
   padding: 12px;
   background: #2e2e2e;
   border: 2px solid #3d3d3d;
   text-align: left;
}


#zahlaviObal {
   height: 100px;
   padding: 12px;
   background: #343434 url(./pics/zahlavi-vychozi.jpg) no-repeat scroll center center;
}

#zahlavi {
   width: 100%;
   height: 100px;
   overflow: hidden;
   background: transparent;
}
#zahlavi #titulekWebu {
   text-decoration: none;
   color: white;
   font-size: 200%;
   font-weight: bold;
   display: block;
   padding: 10px 15px;
}
#zahlavi #titulekWebu:hover {
   color: #ff7600;
}
#zahlavi #titulekWebu .doplnujiciText {
   font-size: 70%;
}

#zahlavi #navigace {
   float: right;
   display: block;
   padding: 0;
   margin: 20px 10px 5px;
}
#zahlavi #navigace li {
   display: inline;
   padding: 0 8px;
}
#zahlavi #navigace a {
   text-decoration: none;
   color: white;
}
#zahlavi #navigace .aktualni a {
   font-weight: bold;
}
#zahlavi #navigace a:hover {
   text-decoration: underline;
}

#teloObal {
   padding: 12px;
}

#obsahOkraj {
   width: 70%;
   float: left;
   min-height: 200px;
}

#obsah {
   padding-right: 8px;
   padding-bottom: 24px;
   border-right: 1px dashed #343434;
}

#obsah p {
   margin-left: 20px;
   margin-right: 20px;
}

#obsah blockquote {
   background: #3d3d3d url(./pics/quotes_inverted-50pix.gif) no-repeat 5px 5px;
   border: 1px dashed #343434;
   min-height: 70px;
}

#sloupecOkraj {
   width: 30%;
   float: right;
}
#sloupec {
   margin-left: 8px;
   font-size: 80%;
}

.portletObal {
   min-height: 80px;
   padding: 10px;
}
.portlet .titulek {
   font-weight: bold;
}
.portlet .titulek a {
   text-decoration: none;
   color: white;
}
.portlet p {
   text-align: left;
   padding: 6px;
}
.portlet a {
   font-weight: bold;
   text-decoration: none;
}
.portlet a:hover {
   color: white;
}
.portlet dl dt {
   margin-left: 8px;
}
.portlet dl dd {
   margin-left: 16px;
   margin-bottom: 8px;
}
.portlet dl dt.titulek {
   font-weight: bold;
}
.portlet dl dt.titulek a {
   text-decoration: none;
   color: #b37700;
}
.portlet dl dt.titulek a:hover,
.portlet dl dd.popisek a:hover {
   color: white;
}
.portlet dl dd.popisek a {
   font-weight: normal;
}

.zprava {
   background: black;
   color: white;
   font-size: 14px;
   border: 1px solid #b35300;
   border-left-width: 5px;
   border-right-width: 5px;
   padding: 10px 20px;
   margin: 5px 10px;
}

.discreet:hover {
   color: white;
}

#zapatiObal {
   padding: 12px;
   clear: both;
}
#zapati {
   padding: 8px 20px 0;
   border-top: 1px dashed #343434;
   color: white;
   font-size: 80%;
}
#zapati a {
   text-decoration: none;
   vertical-align: middle;
}
#zapati #copyrightVZapati {
   vertical-align: middle;
   padding: 2px 0 0;
   display: inline-block;
}
#zapati #ikonkyVZapati img {
   vertical-align: middle;
   margin: 0 3pt;
}


.formular label {
   display: block;
   margin: 10px 0 3px 0;
}
.formular input,
.formular textarea {
   display: block;
   margin: 0 20px;
}

.hand {
   cursor: pointer;
}

.ikonka-prejmenovat {
   width: 19px;
   height: 16px;
   cursor: pointer;
}


.formular2 label {
   display: block;
   text-transform: uppercase;
   font-size: 89%;
   margin: 30px 0 3px 0;
}
.formular2 label.radio {
   display: inline;
   text-transform: none;
   margin: 0;
}
.formular2 fieldset {
   padding: 0.6em;
}
.formular2 fieldset legend {
   text-transform: uppercase;
   font-size: 89%;
}
.formular2 input,
.formular2 textarea {
   display: block;
}
.formular2 input.radio,
.formular2 input.checkbox,
.formular2 label.checkboxLabel {
   display: inline;
}
.formular2 .form-titulek {
   font-size: 140%;
   font-weight: bold;
   width: 90%;
}
.formular2 .submit,
.formular2 .submitLike {
   float: right;
   margin: 20px;
}
.procenta50 {
   float: left;
   width: 45%;
   margin-right: 5%;
} 

/* CoToJátka ;-) */
.tooltips {
   color: white;
   background: #2e2e2e/* url(./pics/tooltip-textura.jpg) repeat center center*/;
   border: 2px solid #3d3d3d;
   padding: 10px 15px;
   font-weight: bold; 
   font-size: 85%;
   line-height: 160%;
}


/* Zobrazení seznamu příspěvků */

#obsah a.cistDalPrispevek {
   float: right;
   display: block;
   padding: 0 20px;
   text-decoration: none;
}

/* Listing */
.prouzekListovani {
   margin: 15px 10px;
   font-size: 79%;
   text-align: center;
   padding: 2px 8px;
   border: 1px solid #3d3d3d;
}
.prouzekListovani a {
   text-decoration: none;
}
.prouzekListovani a.predchozi {
   float: left;
}
.prouzekListovani a.dalsi {
   float: right;
}


/* imageBlocks */
.imageBlock {
   border: 1px solid #3d3d3d;
   background: #202020;
   padding: 4px;
   margin: 10px 25px;
   float: right;
   text-align: right;
}
.imageBlock img {
   border: 1px solid black;
}
.imageBlock .popisekObrazku {
   font-size: 79%;
   font-style: italic;
}

/* Detail článku Blogu */

.popisekClankuNaDetailu {
   font-style: italic;
}
.odkazyClanku,
.souboryClanku {
   margin: 10px 20px 10px 30px;
}
.odkazyClanku li,
.souboryClanku li {
   margin: 5px 0;
   list-style: none inside url();
}
.odkazyClanku a, 
.souboryClanku a {
   text-decoration: none;
   font-weight: bold;
   font-style: italic;
   background: transparent url(./pics/arrow1.gif) no-repeat left center;
   padding-left: 20px;
}
.odkazyClanku a:hover,
.souboryClanku a:hover {
   background-image: url(./pics/arrow1-hover.gif);
}
#spaceBeforeLinks {
   margin-top: 40px;
}

.odkazPridatKomentar {
   float: right;
   margin-right: 40px;
   margin-bottom: 15px;
}
.odkazPridatKomentar {
   color: white !important;
}
.odkazPridatKomentar .ikonaPridatKomentar {
   margin-right: 4px;
}

#nadpisKomentaru {
   margin-top: 50px;
}
.komentarPrispevku {
   padding: 5px 0;
   margin-bottom: 10px;
   border: 1px solid #343434;
}
.komentarPrispevku blockquote {
   background: transparent !important;
   border: none !important;
}
#obsah .licha {
   background: #3d3d3d url(./pics/quotes_inverted-50pix.gif) no-repeat 15px 45px;
}
#obsah .licha .discreet {
   color: #2e2e2e;
}
#obsah .licha .discreet:hover {
   color: white;
}
#obsah .suda {
   background: transparent url(./pics/quotes-50pix.gif) no-repeat 15px 45px;
}
.komentarPrispevku .kontaktNaAutora {
   margin: 0 25px;
   text-align: right;
   display: block;
}

.akcniBlok {
   margin: 30px 15px 0;
   border-top: 1px solid white;
   text-align: center;
}
.akcniBlok ul {
   display: inline;
   margin: 0 10px;
}
.akcniBlok ul li {
   display: block;
   float: right;
   position: relative;
   top: -11px;
}
.akcniBlok ul li#upravitClanek {
   width: 75px;
}
.akcniBlok ul li#stavClanku {
   width: 100px;
}
.akcniBlok ul li#klonovatClanek {
   width: 75px;
}
.akcniBlok ul li#smazatClanek {
   width: 75px;
}
.akcniBlok ul li a {
   color: white;
   background: #2e2e2e;
   text-decoration: none;
   font-size: 70%;
   margin: 0 10px;
   padding: 1px;
}
.akcniBlok ul li a:hover {
   font-size: 100%;
   font-weight: bold;
}

/* Tabulka Listingu */
.tabulkaListingu {
   width: 100%;
   border: 3px double #3d3d3d;
   border-collapse: collapse;
}
.tabulkaListingu thead {
   font-weight: bold;
}
.tabulkaListingu td {
   border-left: 1px dashed #3d3d3d;
   border-bottom: 1px solid #3d3d3d;
   padding: 2px 4px;
}
.tabulkaListingu thead td {
   border-bottom: 3px double #3d3d3d;
}
.tabulkaListingu tfoot td {
   border-top: 3px double #3d3d3d;
   text-align: right;
}
.tabulkaListingu tfoot td .visualPadding {
   padding: 10px 30px;
}
.tabulkaListingu tbody tr:hover {
   background-color: #3d3d3d;
}
.tabulkaListinguSkrtatko,
.tabulkaListinguRozbaleniZaznamu,
.tabulkaListinguUpravy {
   text-align: center;
   width: 20px;
}
tbody .tabulkaListinguSkrtatko,
tbody .tabulkaListinguRozbaleniZaznamu {
   padding-top: 0;
   padding-bottom: 0;
}
.tabulkaListinguCisloZaznamu {
   text-align: right;
   width: 2.5em;
}
.tabulkaListinguStavZaznamu {
   text-align: center;
   width: 20px;
   padding-top: 0;
   padding-bottom: 0;
}
tbody .tabulkaListinguStavZaznamu {
   padding-top: 0;
   padding-bottom: 0;
}
.tabulkaListinguInformace {
   font-size: 85%;
   text-align: right;
}


/* Formát "pěkných" tabulek */
.obalovacFormatovaneTabulky {
   margin: 10px 6px;
   width: auto;
}
.formatovanaTabulka {
   border-collapse: collapse;
   border: 3px #3d3d3d double;
   width: 100%;
}
.formatovanaTabulka td {
   border: 1px #3d3d3d solid;
   padding: 3px 5px;
}
.formatovanaTabulka td.popis {
   text-align: right;
   width: 12em;
   background-color: #292929;
   font-weight: bold;
}


/* Moudro */
#portlet-moudro {
   background: transparent url(./pics/quotes-50pix.gif) no-repeat 10px 10px;
   border-bottom: 1px dashed #3d3d3d;
}

#portletMoudroP {
   text-align: right;
   padding-bottom: 15px;
   
}
#portletMoudroP #latinskaCastMoudra {
   font-weight: bold;
}
#portletMoudroP #podpisMoudra,
#portletMoudroP #ceskaCastMoudra {
   font-style: italic;
}


/* Zobrazení Galerie */
.listingGalerii .polozkaGalerie {
   width: 202px;
   float: left;
   margin: 15px 36px;
}
.listingGalerii .polozkaGalerie a {
   color: white;
}
.listingGalerii .polozkaGalerie .kontejnerNaMiniatury {
   width: 202px;
   height: 152px;
   padding: 1px 0 0 1px;
   background: #3d3d3d url(./pics/pattern-pro-fotogalerie.gif) repeat 1px 1px;
   border: 3px double #2e2e2e;
}
.listingGalerii .polozkaGalerie .kontejnerNaMiniatury img {
   float: left;
   margin: 0 1px 1px 0;
   border: 0;
}
.listingGalerii .polozkaGalerie .detailyGalerie {
   width: 203px;
   background: #3d3d3d;
   border: 3px double #2e2e2e;
}
.listingGalerii .polozkaGalerie .detailyGalerie .titulekGalerie {
   padding: 3px 5px;
   font-weight: bold;
}
.listingGalerii .polozkaGalerie .detailyGalerie .titulekGalerie .pocetFotek {
   font-weight: normal;
}


#ohraniceniZobrazeniGalerie {
   margin: 9px 3px;
   border: 3px double #3d3d3d;
}
#standardniZobrazeniGalerie {
   width: 550px !important;
   height: 413px !important;
}

#ohraniceniZobrazeniFotky {
   width: 100%;
   text-align: center;
}

#zobrazeniFotky {
   margin: 9px auto;
   border: 3px double #3d3d3d;
   width: 550px;
   height: 413px;
   background: transparent url(./pics/chybi-obrazek-medium.gif) no-repeat center center;
}
.sekce-detail-fotogalerie .formatovanaTabulka .popis a {
   color: white;
}
.sekce-detail-fotogalerie .formatovanaTabulka .popis .ikonka-prejmenovat {
   float: left;
}

.sekce-nahraniFotky fieldset {
   margin-top: 10px;
   margin-bottom: 10px;
}

.sekce-nahraniFotky fieldset label,
.sekce-nahraniFotky fieldset input,
.sekce-nahraniFotky fieldset select {
   float: left;
   margin: 3px 5px;
}

.sekce-nahraniFotky fieldset label {
   padding: 2px 0;
   width: 270px;
   text-align: right;
}





