body{background: #5bafdb url('../img/bg-body.jpg') 50% 0 no-repeat; text-align: center; color:#161519;}

/* LAYOUT */
#mother {margin: 0 auto; text-align: left; width: 880px;}
#header {height: 72px; overflow: hidden; position: relative;}
#main {width: 100%; margin: 8px 0 5px;}
#main .inBox {border: 1px solid #fff; background: #d9d2cc; padding: 10px;}
#topMain {margin: 0 0 10px;}
#content {padding: 0 15px;}

/* COLS */
#col-content {float: right; display: inline; width: 560px;}
#col-side {float: left; display: inline; width: 290px;}

#col-content span.datum { font-size: 80%; width: 100px; margin-right: 15px; }
#col-content h2.nadpis { font-size: 120%; text-transform: uppercase; width: 100%; float: left; }
#col-content h2.nadpis-detail { font-size: 140%; text-transform: uppercase; width: 100%; float: left; }
#col-content .volby-2009 { display: block; float: left; min-height: 50px; }
#col-content img { padding: 2px; background-color: #FFF; border: 1px solid #000; margin: 0 5px 5px 0; }

#col-content .Fotografie { float: left; width: 100%; }
#col-content .Ctvrtina img { float: left; margin: 0; text-align: center; }
#col-content .Ctvrtina { float: left; width: 25%; min-height: 120px; text-align: center; }
#col-content .NewCtvrtina img { float: center; margin: 0; text-align: center; max-height: 90px; max-width: 115px; min-height: 90px; }
#col-content .NewCtvrtina { float: left; width: 25%; min-height: 100px; text-align: center; display: block; }
#col-content hr { float: left; width: 100%; }
#col-content .right { float: left; width: 100%; }

#col-content h2 { float: left; width: 100%; }
#col-content p { float: left; width: 100%; }

.preview2 { text-align: center; }
.Politecke_Funkce ul { list-style: disc; width: 100%; float: left; }


/* HEADER */
#logo-box {position: absolute; left: 5px; top: 45px;}
#claim {position: absolute; right: 5px; top: 20px;}

/* MENU */
#main-menu {background: url('../img/bg-main-menu.png') 0 0 no-repeat; width: 100%;}
#main-menu li {float: left; display: inline;}
#main-menu li a {float: left; display: inline; line-height: 30px; color: #fff; text-decoration: none; padding: 0 12px;}
#main-menu li a:hover, #main-menu li.active a {color: #0075b7;}

.side-menu {background: url('../img/bg-side-menu.png') 0 0 no-repeat; float: left; display: inline; width: 702px; font-size: 92%;}
.side-menu li {float: left; display: inline; position: relative; z-index: 2;}
.side-menu li a {float: left; display: inline; line-height: 20px; color: #0075b7; text-decoration: none; padding: 0 14px;}
.side-menu li a:hover, .side-menu li.active a {text-decoration: underline;}

/* SEARCH BOX */
#search-box {float: right; display: inline; position: relative; z-index: 2;}
#search-box .int {background: url('../img/bg-int.png') 0 0 no-repeat; padding: 4px 8px; width: 135px; font-size: 92%; color: #666; border: none;} 

/* HOME ANNOT */
.home-annot {height: 187px; width: 100%; position: relative; padding: 1px 0; margin: 0 0 13px;}
.home-annot .sprite {height: 242px; width: 100%; background: url('../img/sprite-annot-box.png') 0 0 no-repeat; position: absolute; top: -53px; left: 0; z-index: 1;}

/* SIDE BOX */
.side-box {width: 240px; position: relative; margin: 0 0 20px 20px;}
.side-box .in {border: 1px solid #fff; background: #8a8a8a; padding: 10px; color: #fff;}
.side-box h2 {font-size: 200%; margin: 0 0 10px; color: #fff;}
.side-box ul {margin: 0; font-size: 92%;}
.side-box li {margin: 0; padding: 1px 0 1px 10px; background: url('../img/bg-side-li.png') 0 0.55em no-repeat;}
.side-box .cor {background-image: url('../img/cor-side-box.png'); width: 4px; height: 4px;}

/* MY REGION */
#my-region {height: 187px; width: 100%; position: relative; padding: 1px 0; margin: 0 0 13px;}
#my-region .sprite {height: 189px; width: 100%; background: url('../img/sprite-my-region.png') 0 0 no-repeat; position: absolute; top: 0; left: 0;}

/* STD BOX */
.std-box {position: relative; margin: 0 0 10px; width: 100%;}
.std-box .in {border: 1px solid #fff; background: #F1F1F1 url('../img/bg-std-box.png') 0 0 repeat-y; padding: 10px;}
.std-box h2 {font-size: 100%; text-transform: uppercase; margin: 0 0 8px; color: #1899d6; font-weight: bold;}
.std-box .cor {background-image: url('../img/cor-std-box.png'); width: 5px; height: 5px;}

/* NEWS BOX */
.news-box .main-news {margin: 0 -10px 3px; padding: 0; background: none; overflow: hidden; zoom: 1;}
.news-box .main-news .img {float: left; display: inline; width: 126px; overflow: hidden;}
.news-box .main-news .item {float: right; display: inline; width: 141px; padding: 9px 10px 10px; color: #fff; background: #1898D4 url('../img/bg-item.png') 0 100% repeat-x; margin: 0 0 1px; font-weight: bold;}
.news-box li {font-size: 92%; background: url('../img/bg-news-li.png') 0 0.6em no-repeat; padding: 0 0 0 8px;}
.news-box a {text-decoration: none;}

/* MEETING BOX */
.meeting-box .in {background: #58bc5a; overflow: hidden; zoom: 1; color: #fff;}
.meeting-box h2 {color: #fff; float: left; width: 44%;}
.meeting-box .reset {float: right; width: 50%; padding: 0 0 0 4%; border-left: 1px solid #fff; font-size: 92%;}
.meeting-box .cor {background-image: url('../img/cor-meeting.png');}
.meeting-box a {color: #fff;}
.meeting-box a:hover {color: #eee; text-decoration: none;}

.meeting-box p {font-size: 92%; color: #2e517f; margin: 0 25px 10px;}
.meeting-box p.more {text-align: right; font-size: 100%; margin: 0;}
.meeting-box p.more a {padding: 2px 22px 2px 0; background: url('../img/bg-more.png') 100% 50% no-repeat; color: #333; text-decoration: none;}
.meeting-box p.more a:hover {color: #1899D6;}


/* FOTO BOX */
.foto-box ul{width:222px; overflow:hidden; overflow-x:auto; white-space:nowrap; position:relative; margin: 0 25px;}
.foto-box li{display:-moz-inline-box; display:inline-block; vertical-align:top; width:74px;}
.foto-box li a {display:-moz-inline-box; display:inline-block; margin:0 2px; width:68px; border: 1px solid #3180ad; white-space:normal; text-align:center;}
.foto-box li a img {display:block;}
.foto-box .prev {width: 19px; height: 19px; position: absolute; left: 10px; top: 48px; background: url('../img/prev.png') 0 0 no-repeat; cursor: pointer;}
.foto-box .next {width: 19px; height: 19px; position: absolute; right: 10px; top: 48px; background: url('../img/next.png') 0 0 no-repeat; cursor: pointer;}
.foto-box .disable {cursor: default;}
.foto-box p {font-size: 92%; color: #2e517f; margin: 0 25px 10px;}
.foto-box p.more {text-align: right; font-size: 100%; margin: 0;}
.foto-box p.more a {padding: 2px 22px 2px 0; background: url('../img/bg-more.png') 100% 50% no-repeat; color: #333; text-decoration: none;}
.foto-box p.more a:hover {color: #1899D6;}

/* DISCUSSION BOX */
.discussion-box p {font-size: 92%; margin: 0 0 15px;}
.discussion-box p strong {display: block; margin: 0 0 7px;}
.discussion-box .question {color: #58bc5a;}
.discussion-box p.more {text-align: right; font-size: 100%; margin: 0;}
.discussion-box p.more a {padding: 2px 22px 2px 0; background: url('../img/bg-more1.png') 100% 50% no-repeat; color: #58BC5A; text-decoration: none;}
.discussion-box p.more a:hover {color: #666;}

/* FOOTER */
#footer {background: url('../img/bg-footer.png') 0 0 no-repeat; margin: 0 0 20px; font-size: 92%;}
#footer p {margin: 0 20px; line-height: 30px; color: #fff;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer .ico-facebook {padding: 2px 22px 2px 0; background: url('../img/ico-facebook.png') 100% 50% no-repeat;}
#footer .ico-youtube {padding: 2px 48px 2px 0; background: url('../img/ico-youtube.png') 100% 50% no-repeat;}
#footer .ico-twitter {padding: 2px 68px 2px 0; background: url('../img/ico-twitter.png') 100% 50% no-repeat;}

/* CORNERS */
.cor{position: absolute; background-repeat: no-repeat; display: block; z-index: 1; line-height: 1px; font-size: 1px;}
.cor-l{top:0; left:0; background-position:0 0;}
.cor-r{top:0; right:0; background-position:100% 0;}
.cor-bl{bottom:0; left:0; background-position:left bottom;}
.cor-br{bottom:0; right:0; background-position:right bottom;}

.acenter { text-align: center; }
.green { color: #58bc5a; }

img.fleft { border: 1px solid #d9d2cc; padding: 1px; margin: 0 5px 5px 0; background-color: #FFF; }

.Foto_Videa { background-color: #fff; padding: 2px; margin-top: 5px; border: 1px solid #000; }

p { text-align: justify; }
#Aktualita p { font-size: 12px; }

.foto-box ul { overflow-x:hidden; }