/**
 * Main layout rules
 *
 * $Id: main.css 96M 2009-03-10 08:37:03Z (local) $
 */

body { padding: 0; margin: 0; background: #011E72 url(img/body.jpg) repeat-x 0 0; color: #222; text-align: center; }
h1 { padding: 1.5em 50px 0; }
.spc:after, .cols:after, #perex:after, #crossroad div:after, #images:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }	/* auto break */

/* Mother */
#mother { width: 960px; margin: 0 auto; text-align: left; }

/* Header */
#header { height: 206px; background: url(img/header.jpg); color: white;  }
#header #logo { margin: 0; padding-left: 25px; height: 90px; line-height: 90px; font-size: 25px; }
#header #logo a { display: block; width: 20em; text-decoration: none; color: white; }
#header h1 { margin: 0; font-size: 25px; width: 195px; height: 40px; }

/* Main menu */
#menu-main { width: 100%; }
#menu-main li { float: left; }
#menu-main a, #menu-main span { width: 180px; height: 42px; line-height: 42px; display: block; float: left; text-transform: lowercase; text-decoration: none; background: #D5EFFB url(img/menu.png) repeat-x 0 0; color: #264A96; font-weight: bold; font-size: 14px; text-align: center; _height: 1px; }
#menu-main span { background: #800000; color: white; font-weight: bold; cursor: default; }
#menu-main a:hover, #menu-main a:active, #menu-main a:focus { color: #264A96; text-decoration: underline; }
#menu-main li.active a { background: #33609C; color: #0099CC; text-decoration: none; }
#menu-main li.active li a:hover, #menu-main li li a:hover { color: black; text-decoration: underline; }
#menu-main li li.active a:hover { color: white; }
#menu-main li li { background: none; font-size: 92%; border: none; }
#menu-main .last a, #menu-main .last span { border: none; }
#menu-main ul { list-style: none; margin: 0; padding: 0; }
#menu-main ul ul { background: #D1D9DF; }
#menu-main ul ul a, #menu-main ul ul span { padding-left: 30px; border: none; }
#menu-main #menu-1 a { background: url(img/menu-1.png); }
#menu-main #menu-2 a { background: url(img/menu-2.png); }
#menu-main #menu-3 a { background: url(img/menu-2.png); }
#menu-main #menu-4 a { background: url(img/menu-2.png); }
#menu-main #menu-5 a { background: url(img/menu-5.jpg); }

/* Sub menu */
#menu-sub { margin-bottom: 2em; }
#menu-sub ul { margin: 0; padding: 0; list-style: none; }
#menu-sub li { background: url(img/menu-sub.png) no-repeat 0 100%; }
#menu-sub a { display: block; padding: 10px 22px; color: white; font-weight: bold; text-decoration: none; _height: 1px; }
#menu-sub li.active a { color: #F8DD03; }

/* Bread crumbs */
#menu-crumbs { position:absolute; top:24px; right:55px; font-size: 92%; margin:0; padding:0;}

/* Content */
#content { padding: 0 30px 0; min-height: 200px; background: url("img/content.png") repeat-y 30px 0; color: white; }

/* News */
#news { margin-bottom: 1.5em; }
#news p, #news h4 { margin-bottom: 0.4em; }
#news h3 { font-size: 120%; color: #59CBEF; }
#news h3 span { font-weight: normal; font-size: 80%; color: #167FD1; }
#news h4 { font-size: 100%; color: #63D5F9; }
#news p { line-height: 1.4em; }
#news p.more { text-align: left; }
#news .date { color: #aaa; font-size: 92%; margin: -0.5em 0 1em 0; }

/* Perex */
#perex { font-weight: bold; padding: 1.6em 50px 1.6em; border-bottom: 1px dashed #eee; color: black; }
#perex p { margin: 0; padding: 0; }

/* Poll */
.pollform { padding: 1em 0 1em 19px; font-size: 92%; text-align: left; background: url(img/poll.jpg); }
.pollform h3 { margin-bottom: 0.35em; padding: 0.3em 0; font-size: 150%; }
.pollform img { border: none; vertical-align: middle; }
.pollform table, .pollform td { border: none; } 
.pollform ul { margin: 0; padding: 0; list-style: none; }
.pollform li { margin-bottom: 4px; _height: 1px; }
.pollform a { color: #012075; display: block; margin-bottom: -4px; }
.pollform a:hover { color: black; text-decoration: underline; }

/* Footer */
#footer { padding: 0 30px; height: 93px; font-size: 92%; font-weight: bold; text-align: right; background: url(img/footer.jpg) 0 0; color: #011E73; _height: 1px; }
#footer p { margin: 0; }
#footer a { color: #011E73 }
#footer a:hover { color: #167FD1; }
#footer span { margin: 0 0 0 2.5em; }
#footer .l, #footer .r { height: 2em; line-height: 2em; }
#footer .l { padding: 60px 0 0 240px;  text-align: left; }
#footer .r a { text-decoration: none; }
#footer .r { padding: 60px 140px 0 0; }

/* Columns */
#col-l { width: 200px; min-height: 500px; _height: 500px; float: left; background: url(img/col-l.jpg) no-repeat 0 0; }
#col-r { width: 700px; min-height: 500px; _height: 500px; float: right; background: #56A6C7 url(img/col-r.jpg) no-repeat 0 0; color: black; position:relative; }
#col-r .spc { padding: 0 50px 25px; margin-top: 35px; _height: 1px; text-align: justify; }
#col-r #col-cont-l .spc { text-align: justify; }
#col-l .spc { padding: 20px; }
#col-l .spc a { color: #63D5F9; }
#col-l .spc a:hover { color: white; }
#col-cont-l { width: 475px; float: right; }
#col-cont-r { width: 265px; float: left; }
#col-cont-r h2 { background-color: #E6E6E6; color: #797979; margin: 12px 10px 0 10px; padding: 18px 6px; }

/* Crossroad */
#crossroad { margin:25px 50px 25px; }
#crossroad img { float: left; margin: 0 20px 20px 0; }
#crossroad .no-image { padding-left: 200px; }
#crossroad .news { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #ddd; _height: 1px; min-height: 1px; }
#crossroad .more { margin: 0; }

/* gallery */
#gallery { margin-right: -25px; _height: 1px; min-height: 1px; }
#gallery a { display: block; width: 170px; padding: 4px; height: 148px; float: left; margin: 25px; margin-top: 0; font-size: 92%; text-decoration: none; border: 1px solid #ddd; text-align: center; _display: inline; }
#gallery img { display: block; margin: 0 auto 3px auto; border: none; }

/* Images, files */
#images, #files  { padding: 20px; }
#images a { display: block; float: left; padding: 6px; margin: 0 10px 16px 0; text-align: center; text-decoration: none; font-size: 92%; width: 180px; height: 12.5em; _display: inline; }
#images img { display: block; margin: 0 auto 5px; }

/* Map */
#map { border: none; }

/* Misc */
.no-screen { position: absolute; left: -2000px; top: -2000px; }
.files { margin: 0 0 1.6em 0; padding: 0; list-style: none; }
table.th-right th { text-align: right; }
ul p.center img { margin-top: 1.5em; }
.error, .notice, .success { margin: 25px; }