/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: white; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-left { margin-left: -960px; width: 202px; }
.col-mid { margin-left: -738px; width: 516px; }
.col-right { margin-left: -202px; width: 202px; }

#mother { width: 960px; margin: 0 auto; }
#main { margin-bottom: 20px; }

/* Header */
#header {  position: relative; }

#logo { text-align: right; background: #0070c0; }
#logo a {  }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu*/
#main-menu { margin: 0; background: url(../img/bg-main-menu.png) repeat-x -1px 0; position: relative; width: 100%; }
#main-menu ul { float: left; margin: 0; padding-bottom: 0; width: 100%;}
#main-menu ul li { display: block; float: left; margin: 0; padding: 0; background: none; zoom: 1; _display: inline; }
#main-menu ul li a { display: block; float: left; margin: 0; padding: 0; color: #4b4b4b; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; height: 35px; line-height: 35px; position: relative; overflow: hidden; }
#main-menu ul li a:hover { color: blue; }
#main-menu ul li a:hover .sprite { background-position: 0 -200px; cursor: pointer; }
#main-menu ul li.active a .sprite { background-position: 0 -100px; cursor: default;}
#main-menu ul li.fr { float: right; }

li.mi-aktualne a { width: 84px; }
li.mi-aktualne a .sprite { background-image: url(../img/mi-aktualne.png); }
li.mi-clanky a { width: 68px; }
li.mi-clanky a .sprite { background-image: url(../img/mi-clanky.png); }
li.mi-diskuzni-forum a { width: 124px; }
li.mi-diskuzni-forum a .sprite { background-image: url(../img/mi-diskuzni-forum.png); }
li.mi-dopisy a { width: 68px; }
li.mi-dopisy a .sprite { background-image: url(../img/mi-dopisy.png); }
li.mi-fotogalerie a { width: 104px; }
li.mi-fotogalerie a .sprite { background-image: url(../img/mi-fotogalerie.png); }
li.mi-home a { width: 60px; }
li.mi-home a .sprite { background-image: url(../img/mi-home.png); }
li.mi-kalendar a { width: 88px; }
li.mi-kalendar a .sprite { background-image: url(../img/mi-kalendar.png); }
li.mi-kontakt a { width: 80px; }
li.mi-kontakt a .sprite { background-image: url(../img/mi-kontakt.png); }
li.mi-obvod a { width: 68px; }
li.mi-obvod a .sprite { background-image: url(../img/mi-obvod.png); }
li.mi-program a { width: 84px; }
li.mi-program a .sprite { background-image: url(../img/mi-program.png); }
li.mi-senat a { width: 64px; }
li.mi-senat a .sprite { background-image: url(../img/mi-senat.png); }
li.mi-zivotopis a { width: 84px; }
li.mi-zivotopis a .sprite { background-image: url(../img/mi-zivotopis.png); }

#signpost { height: 320px; margin-bottom: 10px; background: url(../img/bg-signpost.jpg) no-repeat 0 0; position: relative;}
#signpost h2 { position: absolute; left: 450px; top: 20px; margin: 0; padding: 0; }
#signpost ul { margin: 0; padding: 0; width: 609px; position: absolute; right: 0; bottom: 0;}
#signpost ul li { display: block; float: left; margin: 0; padding: 0; background: none; zoom: 1; _display: inline; }
#signpost ul li a { display: block; float: left; margin: 0; padding: 0; color: #4b4b4b; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; height: 60px; line-height: 60px; position: relative; text-indent: -5000px; }
#signpost ul li a:hover { color: blue; }
#signpost ul li a:hover .sprite { background-position: 0 -100px; cursor: pointer; }
#signpost ul li.active a .sprite { background-position: 0 -100px; cursor: default;}

li.sp-1 a { width: 177px; }
li.sp-1 a .sprite { background-image: url(../img/sp-1.png); }
li.sp-2 a { width: 215px; }
li.sp-2 a .sprite { background-image: url(../img/sp-2.png); }
li.sp-3 a { width: 217px; }
li.sp-3 a .sprite { background-image: url(../img/sp-3.png); }


#footer { background: #d4e4ef; padding: 10px 0 40px; }
#footer-in { width: 960px; margin: 0 auto; }
#footer p { margin: 0; }
#footer a.sep { border-left: 1px solid #c2c2c2; padding: 0 0 0 12px; margin-left: 10px; }

.breadcrumb { border-bottom: 1px solid #c6d9db; font-size: 92.31%; padding: 15px 0; margin: 0 0 20px 0; }
.breadcrumb p { margin: 0; }

.annot { font-size: 109%; color: #005A9B; font-weight: bold; }

.side-box { margin: 0 0 15px 0; zoom: 1;}
.side-box-inner { border: 1px solid #9cc5e4; background: #d4e4ef; padding: 10px; }

.side-box h2 { margin: 0; border: 1px solid #2b8acd; }
.side-box h2 img { display: block; }

.side-box p { margin: 0 0 1em;}
.side-box blockquote { background: none; padding: 0; }
.side-box a { color: #464646; }
.side-box a:visited { color: #464646; }
.side-box a:hover { color: #107fcf; }

.side-box .news { border: 1px solid #9cc5e4; }
.side-box .news ul { margin: 0; padding: 0;  }
.side-box .news ul li { margin: 0; padding: 2px 7px; background: white url(../img/bg-news-side.png) repeat-x 0 100%; zoom: 1;  }
.side-box .news ul li p { margin: 0; }
.side-box .news ul li p.date { font-size: 84.615%; color: #005a9b; }

.ico-page { background: url(../img/ico-page.png) no-repeat 0 2px; padding-left: 24px; }
.ico-calendar { background: url(../img/ico-calendar.png) no-repeat 0 2px; padding-left: 24px; }

.phorum-form { border: 1px solid #9cc5e4; padding: 10px; }
.phorum-form .bg { background: url(../img/bg-phorum-form.png) repeat-x 0 0; margin: 0 -10px; position: relative; padding: 10px 10px 0; }
.phorum-form .bg p { margin: 0 0 5px 0; }
.phorum-form .bg .inp-text { border: 1px solid #9cc5e4; }
.phorum-form .bg textarea { width: 98%; }

.featured-article { border: 1px solid #9cc5e4; background: #e7f0f7; padding: 10px; margin: 0 0 20px 0; }
.featured-article .img-box { float: left; width: 220px }
.featured-article .img-box img { border: 1px solid #9cc5e4; background: #fff; padding: 2px; }
.featured-article .text-box h2 { margin: 0 0 5px 0; line-height: 1.3; font-size: 123.077%; }
.featured-article .text-box p { margin: 0 0 0 0; }

.col-mid .news {  }
.col-mid .news ul { padding: 0; }
.col-mid .news ul li { margin: 0 0 15px 0; padding: 0; background: none; }
.col-mid .news ul li .img-box { float: left; width: 165px }
.col-mid .news ul li .img-box img { border: 1px solid #9cc5e4; background: #fff; padding: 2px; }
.col-mid .news ul li .text-box h2 { margin: 0 0 5px 0; line-height: 1.3; font-size: 123.077%; }
.col-mid .news ul li .text-box p { margin: 0 0 0 0; }

.dotlink { background: url(../img/bullet-default.png) no-repeat 0 0.6em; padding-left: 13px; }

/* Pool */
.pool h3 { margin: 0 0 10px 0; }
.pool ul { margin: 0; padding: 0; }
.pool ul li { margin: 0 0 5px 0; padding: 0; background: none; font-size: 92.308%; zoom: 1; =margin-bottom: 0; }
.pool ul li a { display: block; text-decoration: none; zoom: 1; }
.pool ul li .question { display: block; text-decoration: underline; margin: 2px 0; }
.pool ul li .pool-bar { width: 98%; display: block; }
.pool ul li .pool-bar-in { width: 0%; background: url(../img/pool-bar-1.png) repeat-x 0 100%; height: 4px; display: block; border: 1px solid #0070c0; }

/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: "Trebuchet MS", Arial, sans-sserif; }

.form-box { padding: 20px 20px 12px 20px; background: #efefef; zoom: 1; }
.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}