/* global css */
.grid, .grid * {box-sizing:border-box}
.grid:after{content:'';display:block;clear:both}
.grid__item { width: 300px; height:200px;float:right;border:1px solid #fff}
.grid__item--portait {height:450px}
.grid__image { width: 100%; height: 100%; object-fit: cover }

* { margin: 0; padding: 0; font-family: sans-serif }
body { font-size: 10pt; background: url('/images/15968.jpg') center top no-repeat #6b391c }

a { text-decoration: none; color: #000 }
a:hover { text-decoration: underline }
img { vertical-align: middle }
a img { border: none; outline: none }

.clear { clear: both }

#center p img {padding:2px; border: 1px solid #fff}
#center table img {padding:2px; border: 1px solid #fff}


#page { width: 990px; margin: 0px auto; text-align: left }
#pagewrap{background:url('/images/16008.jpg') center bottom no-repeat}

#header { position: relative ;height:403px}

#footer { height: 350px;position:relative }

#copy { position:absolute;left:25px;right:25px;bottom:3px;text-align: center; font-size: 10pt;line-height:20px;color:#fff }
#copy a { color: #fff }

#site-logo { position: absolute; left: 319px; top: 118px; width: 389px; height: 136px }
#site-logo a { font-size: 0; text-decoration:none; display: block; width: 389px; height: 136px; overflow: hidden }
#site-logo a span { display: block; width: 389px; height: 136px; left: 0px; top: 0px; position: absolute; background: url('/images/15969.png') center center no-repeat }

#motiv { margin-left: auto; width: 469px; height: 252px; overflow: hidden }

#motto { position: absolute; left: 47px; top: 185px; font-style: italic; font-size: 11pt; font-weight: bold; color: #808080 }

#menu-1 { height: 32px; background: transparent;position:absolute;bottom:0px;left:0px;right:0px }

#menu-1 ul { list-style: none; text-align: center }
#menu-1 ul li { display: inline-block; position: relative }
#menu-1 ul li a { line-height: 32px; color: #fff; font-size: 11pt; font-weight: normal; text-transform: uppercase; padding: 0px 10px }

#menu-1 ul li ul { display: none; border: none; background: #961a11;  position: absolute; min-width: 120px; padding-bottom: 5px }
#menu-1 ul li ul li { float: none }
#menu-1 ul li ul li a { font-size: 10pt; color: #fff; line-height: 1.3em; display: block }
#menu-1 ul li ul li a:hover { font-size: 10pt; background: #dd4521; text-decoration: none; line-height: 1.3em }

#wrapper { padding: 8px 0px }
#center-wrapper { width:100%;background:#d6c6af }



#center { padding: 45px; color:#000 }
#breadcrumbs { font-size: 8pt; padding: 8px 15px 0px 15px;color:#000 }
#breadcrumbs span { margin: 0px 8px }
#breadcrumbs a { color: #000 }

#center h2 { margin-bottom: 10px }
#center h3 { margin-bottom: 8px; color: #f60 }
#center h3 a { color: #f60 }
#center h4 { margin-bottom: 6px}
#center p { text-align: justify; margin-bottom: 6px }

#center a {color:inherit}

#center table { margin: auto }
#center table * { margin: 0px; padding: 2px }

#right h3 { text-align: center; margin-bottom: 15px }


.clanek-polozka { border-bottom: 1px solid #ccc; position: relative; padding-bottom: 10px; margin-bottom: 8px }
.clanek-motiv { float: left; width: 120px; text-align: center }
.clanek-anotace { float: right; width: 735px }
.clanek-vice { text-align: right; font-size: 8pt; font-weight: bold }
.clanek-vice a { color: #f60 }
.clanek-publikovano { font-size: 8pt; font-style: italic }
.clanek-pruh { display: none; position: absolute; padding: 0px 5px; color: #ccc; right: 100px; font-size: 8pt; padding-top: 2px }

.shadow1 {
        margin: 3px;
        background-color: rgb(255,255,255); /* Needed for IEs */

        -moz-box-shadow: 3px 3px 3px rgba(68,68,68,0.6);
        -webkit-box-shadow: 3px 3px 3px rgba(68,68,68,0.6);
        box-shadow: 3px 3px 3px rgba(68,68,68,0.6);

        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.40);
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.40)";
        zoom: 1;
}
.shadow1 .content {
        position: relative; /* This protects the inner element from being blurred */
        padding: 1px;
        background-color: #fff;
        border: 1px solid #ccc
}


.boxshadow { border: 2px solid #fff }



#center ul { padding-left: 40px }
#center ul ul { padding-left: 20px }
#novinky { margin-bottom: 25px }
#novinky ul { list-style: none }
#novinky .novinky-publikovano { width: 74px; height: 24px; line-height: 24px; font-size: 8pt; text-align: center; color: #fff; background: url('/images/6661.jpg') center center no-repeat }
#novinky .novinky-vice { text-align: right; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 2px; font-size: 8pt; font-weight: bold }
#novinky .novinky-vice a { color: #f60 }
#novinky h4 { margin: 5px 0px }
#novinky h4 a { color: #900 }

#posledni-galerie { margin-bottom: 25px; text-align: center }
#posledni-galerie .posledni-titul { font-weight: bold }
#posledni-galerie .posledni-titul a { color: #900; margin: 5px 0px }
#posledni-galerie .posledni-publikovano { font-size: 8pt; color: #f60; font-weight: bold }

#posledni-aktualita { clear: both; margin-top: 25px }
#posledni-aktualita .aktualita-nadpis { font-weight: bold; text-transform: uppercase; color: #900 }
#posledni-aktualita .hlavicka { border-bottom: 1px solid #ccc; position: relative; padding-bottom: 10px; margin-bottom: 8px }
#posledni-aktualita h2 { text-align: center; color: #f60; margin-bottom: 2px }
#posledni-aktualita .aktualita-publikovano { text-align: center; font-size: 8pt; font-weight: bold; color: #000 }

.cely-clanek { text-align: right; text-transform: lowercase; font-size: 8pt }
.cely-clanek a { color: #f60 }

.clanek-kategorie { text-align: right }

.strankovani { text-align: center }

.vazby-mezi-clanky { margin: 0px; padding: 10px 0px !important }
.vazby-mezi-clanky li { list-style: none; margin: 0px; padding: 0px !important }
.vazby-mezi-clanky .permlink { font-style: italic }
.vazby-mezi-clanky .permlink a { color: #f60 }

.posted { font-size: 8pt; color: #f60; margin-top: -8px; margin-bottom: 12px }