@charset "utf-8";



* { margin:0; padding:0; font-family: Arial, sans-serif; }

body { background-color: #51bafe; }	

.cleaner { clear:both; font-size: 1px; }
.cleaner-left { clear:left; font-size: 1px; }		
.cleaner-right { clear:right; font-size: 1px; }
#preloader { position: relative; width: 1px; height: 1px; display: none; }


#body-bg { width: 100%; background:url(../img/bg-body.jpg); }
#body-bg-top { background:url(../img/bg-body-top.jpg) top repeat-x;  }
#body-bg-bottom { background:url(../img/bg-body-bottom.jpg) bottom repeat-x  }


#page { margin-left: auto; margin-right: auto; width: 910px; }

/* page top */
#page-top { position: relative; height: 211px; background:url(../img/bg-page-top.jpg) right no-repeat;  }

#page-top ul { padding: 0; list-style-type:none; width: 216px; }
#page-top ul li { height: 29px; line-height: 29px; } 
#page-top ul li.cr a, #page-top ul li.eu a, #page-top ul li.wd a, #page-top ul li.tr a, #page-top ul li.os a, #page-top ul li.od a, #page-top ul li.ko a, #page-top ul li.cr a:visited, #page-top ul li.eu a:visited, #page-top ul li.wd a:visited, #page-top ul li.tr a:visited, #page-top ul li.os a:visited, #page-top ul li.od a:visited, #page-top ul li.ko a:visited {
    display: block; padding-left: 17px; height: 29px; line-height: 29px; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase;
}

#page-top ul li.cr-active a, #page-top ul li.eu-active a, #page-top ul li.wd-active a, #page-top ul li.tr-active a, #page-top ul li.os-active a, #page-top ul li.od-active a, #page-top ul li.ko-active a, #page-top ul-active li.cr a:visited, #page-top ul li.eu a:visited, #page-top ul li.wd a:visited, #page-top ul li.tr a:visited, #page-top ul li.os a:visited, #page-top ul li.od a:visited, #page-top ul li.ko a:visited {
    display: block; padding-left: 17px; height: 29px; line-height: 29px; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase;
}

#page-top ul li.cr a:hover	{ display: block; background: url(../img/bg-top-menu-over.jpg) 0 0 no-repeat;  		text-decoration: none; color: #000; }
#page-top ul li.eu a:hover	{ display: block; background: url(../img/bg-top-menu-over.jpg) 0 -29px no-repeat;  	text-decoration: none; color: #000;  }
#page-top ul li.wd a:hover	{ display: block; background: url(../img/bg-top-menu-over.jpg) 0 -58px no-repeat;  	text-decoration: none; color: #000;  }
#page-top ul li.tr a:hover	{ display: block; background: url(../img/bg-top-menu-over.jpg) 0 -87px no-repeat;  	text-decoration: none; color: #000;  }
#page-top ul li.os a:hover	{ display: block; background: url(../img/bg-top-menu-over.jpg) 0 -116px no-repeat;  text-decoration: none; color: #000;  }
#page-top ul li.od a:hover	{ display: block; background: url(../img/bg-top-menu-over.jpg) 0 -145px no-repeat;  text-decoration: none; color: #000;  }
#page-top ul li.ko a:hover  { display: block; background: url(../img/bg-top-menu-over.jpg) 0 -174px no-repeat;  text-decoration: none; color: #000;  }

#page-top ul li.cr-active a	{ display: block; background: url(../img/bg-top-menu-over.jpg) 0 0 no-repeat;  		text-decoration: none; color: #000; }
#page-top ul li.eu-active a	{ display: block; background: url(../img/bg-top-menu-over.jpg) 0 -29px no-repeat;  	text-decoration: none; color: #000;  }
#page-top ul li.wd-active a	{ display: block; background: url(../img/bg-top-menu-over.jpg) 0 -58px no-repeat;  	text-decoration: none; color: #000;  }
#page-top ul li.tr-active a	{ display: block; background: url(../img/bg-top-menu-over.jpg) 0 -87px no-repeat;  	text-decoration: none; color: #000;  }
#page-top ul li.os-active a	{ display: block; background: url(../img/bg-top-menu-over.jpg) 0 -116px no-repeat;  text-decoration: none; color: #000;  }
#page-top ul li.od-active a	{ display: block; background: url(../img/bg-top-menu-over.jpg) 0 -145px no-repeat;  text-decoration: none; color: #000;  }
#page-top ul li.ko-active a { display: block; background: url(../img/bg-top-menu-over.jpg) 0 -174px no-repeat;  text-decoration: none; color: #000;  }

#home { position: absolute; top: 10px; left: 754px; width: 138px; height: 48px; }

/* page mid */
#page-mid { margin-left: auto; margin-right: auto; width: 900px; background: url(../img/bg-page-mid.jpg) repeat-y; }
#page-mid-top { background: url(../img/bg-page-mid-top.jpg) top no-repeat;  }

#left-menu { float: left; }
#left-menu-content { width: 233px;  }

#main-field { padding: 64px 0 20px 250px;  }
#main-field-content { width: 595px; }

ul.leftmenu { padding: 35px 0 0 7px ; list-style-type:none; width: 206px; }

ul.leftmenu li { padding: 0; margin: 0;  }
ul.leftmenu li a  { display: block; padding-left: 30px; height: 26px; line-height: 26px; font-size: 9px; color: #273b00; text-decoration: none; text-transform: uppercase; background: url(../img/bg-leftmenu-a.jpg) 19px 7px no-repeat  }
ul.leftmenu li a:hover { text-decoration: underline; }
ul.leftmenu li.subsubmenu-active a { text-decoration: underline; }

ul.leftmenu li.divider { display: block; width: 206px; height: 2px; line-height: 2px; font-size: 2px; background: url(../img/bg-leftmenu-divider.jpg) no-repeat;  }
ul.leftmenu li.submenu { height: auto; line-height: auto; }

ul.submenu { list-style-type:none; width: 206px; }
ul.submenu li a { display: block; padding-left: 40px; height: 26px; line-height: 26px; font-size: 9px; color: #273b00; text-decoration: none; text-transform: none; background: url(../img/bg-submenu-a.jpg) 27px 7px no-repeat }
ul.submenu li a:hover { text-decoration: underline;  }

/* kontakt */
#kontakt { width: 233px; height: 155px; background: url(../img/bg-kontakt.jpg) no-repeat; }
#kontakt h3 { padding: 20px 0 0 18px; font-size: 12px; font-weight: bold; color: #000; }
#kontakt p { padding: 15px 0 0 18px; font-size: 11px; font-weight: bold; color: #000; line-height: 17px; }
#kontakt p a, #kontakt p a:visited { color: #000; text-decoration: none; }
#kontakt p a:hover { text-decoration: underline; }

/* index */

.picture-right { position: relative; margin: 0 0 5px 17px; border: #cdcdcd 1px solid; float: right; }
div.article {
    position: relative;
    min-height: 162px;
    height: 162px;
    height: auto !important;
}

h1, h2 { font-size: 12px; font-weight: bold; color: #006696; }
h1 a { text-decoration: none; color: #006696; }
h1 a:hover { text-decoration: underline; }
h2 a { text-decoration: none; color: #006696; }
h1 a:hover { text-decoration: underline; }
h2 { padding-top: 17px }
h3 { padding: 12px 0 0 0; font-size: 10px; color: #000; font-weight: bold;}
p { padding: 12px 0 17px 0; font-size: 11px; line-height: 17px; color: #000; text-align: justify;  }

.oddelovac { width: 595px; height: 1px; border-bottom: #cdcdcd 2px dotted; }

/* page bottom */
#page-bottom { margin-left: auto; margin-right: auto; width: 900px; padding-bottom: 20px; height: 80px; background: url(../img/bg-page-bottom.jpg) no-repeat;  }

/* copyright  */
#copyright { position: relative; height: 60px; font: normal 9px Arial, sans-serif; color: #3c3c3c ; }
#copyright a { font: normal 9px Arial, sans-serif; color: #3c3c3c ;  }

#copy-left { position: absolute; top: 39px; left: 55px; }
#copy-right { position: absolute; top: 39px; left: 451px; width: 409px; text-align: right;  }

/* podstranka */

ul.fotky { float: left; padding: 0 ; list-style-type:none; width: 605px; }
ul.fotky li { float: left; width: 150px; height: 145px; font-size: 9px; color: #000; }
ul.fotky li img { display: block; border: #d2d2d2 1px solid; margin: 0 auto; }
ul.fotky li a, ul.fotky li a:visited { color: #000; text-decoration: none; }
ul.fotky li a:hover { text-decoration: underline;}
ul.fotky li a img { border: #d2d2d2 1px solid; }
ul.fotky li p { padding: 0 0 0 2px; font-size: 9px; text-align: center; height: 34px; overflow: hidden; }

div#pages {
    width: 570px;
    text-align: right;
    padding-right:10px;
    font-size: 13px;
}

div#pages a {
    color: #FFF;
    background-color: #4ea2d5;
    text-decoration: none;
    padding: 2px 5px;
    font-weight:bold;
    font-size: 14px;
    font-family: Arial;
    border: 1px solid #224f63;
}

div#pages a:hover
{
    color: #224f63;
    background-color: #8ec4e4;
    text-decoration: none;
}

div#pages a#active {
    color: #224f63;
    background-color: #8ec4e4;
    text-decoration: none;
    padding: 2px 5px;
    font-weight:bold;
    font-size: 14px;
    font-family: Arial;
    border: 1px solid #224f63;
}