/**
 * Style sheet higiea
 */
body, html {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

body.intro {
    background: url(/images/intro-bg.jpg) repeat-x left top;
}

body.plod {
    background: url(/images/subpage-bg.jpg) repeat-x left top;
}

body.ms,
body.notes {
    background: url(/images/bg-ms.jpg) repeat-x left top;
}

body.splosno {
    background: url(/images/bg-splosno.jpg) repeat-x left top;
}
 
#container {
    float: none;
    margin: 0 auto;
    width: 892px;
}

.clear {
    float: left;
    width: 100%;
    clear: both;
    height: 0;
}

a {
    text-decoration: underline;
    color: #231F20;
}

ul li {
    color: #231F20; 
}

img {
    border: 0 none;
}


/* * * * * * * * * *
 *    H E A D E R  *
 * * * * * * * * * */
#header {
    float: left;
    width: 890px;
    clear: both;
    height: 337px;
    overflow: hidden;
}

.plod #header,
.ms #header,
.notes #header {
    height: 285px;
}

#rotate-images {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

#moto {
    position: relative;
    left: 48px;
    top: -150px;
    padding: 0 20px 28px 0;
    width: 400px;
    height: 120px;
    z-index: 10;
    color: #FFFFFF;
}

.intro #moto {
    left: 466px;
}

#moto h1 {
    float: left;
    clear: right;
    font-size: 48px;
    font-weight: normal;
    margin: 0;
}

#moto h3 {
    float: left;
    font-size: 32px;
    font-weight: normal;
    clear: left;
    margin:  0 0 20px;
    padding: 8px 10px 0 85px;
}


/* * * * * * * * * * * * * * * * * * * * * *
 * * * * * * *      M A I N    * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * */
#main,
#center-full {
    float: left;
    clear: both;
    width: 850px;
    padding: 30px 20px 17px 20px; 
    overflow: hidden;
}

.homeModule {
    width: 403px;
    height: 229px;
    overflow: hidden;
}

.homeModule h2 {
    font-size: 32px;
    font-weight: normal;
    padding: 10px 0 6px 25px;
    letter-spacing: 3px;
    line-height: 50px;
    margin: 0;
}

.homeModule .teaser {
    float: left;
    clear: left;
    width: 200px;
    height: 132px;
    color: #231F20;
    padding: 22px 0 0 32px;
    font-size: 11px;
    line-height: 12px;
    text-align: justify;
    overflow: hidden;
}

.homeModule .teaser p {
    padding: 0;
    margin: 0;
    height: 110px;
    overflow: hidden;
}

.homeModule .teaser a.teaser-more {
    float: right;
    clear: both;
    height: 18px;
    width: 50px;
    padding: 0;
    text-decoration: none;
}

.teaser .text {
    float: left;
    clear: left;
    height: 15px;
    padding-top: 3px;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

.moreIcon {
    float: right;
    clear: right;
    width: 15px;
    height: 15px;
    margin: 2px 0 0 5px;
    background: url(/images/icons-mini.png) 0px 0px no-repeat;    
}

.moreIcon.ms {
    background-position: -15px 0px;
}

.moreIcon.news {
    width: 18px;
    margin: 0;
    background-position: -30px 0;
}

body.ms .moreIcon.news {
    background-position: -48px 0;
}

.homeModule .teaserMenu {
    float: right;
    clear: right;
    width: 148px;
    height: 136px;
    padding-top: 27px;
    overflow: hidden;
}

.homeModule .teaserMenu .mod_customnav.block {
    float: left;
}

.home_navigation {
    float: left;
    width: 126px;
    padding: 10px 6px 10px 16px;
    height: 116px;
}

.home_navigation h4 {
    float: left;
    clear: both;
    margin: 0;
    padding: 7px 0;
}

.home_navigation h4.first {
    padding: 5px 0 6px;
}

#ms .home_navigation h4.first {
    padding-top: 5px;
}

.home_navigation h4.last {
    padding: 6px 0 0;
}

.home_navigation h4 a {
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    width: 126px;
}

#plod {
    float: left;
    clear: left;
    background-color: #EDF8F8;
}

#plod h2 {
    color: #4DC4D0;
    border-left: 6px solid #4DC4D0;    
}

#plod a.teaser-more {
    color: #4DC4D0;
}

#plod .home_navigation {
    background-color: #4DC4D0;
}

#ms {
    float: right;
    clear: right;
    background-color: #D8FEEA;
}

#ms h2 {
    color: #66BF6B;
    border-left: 6px solid #66BF6B; 
}

#ms a.teaser-more {
    color: #66BF6B;
}

#ms .home_navigation {
    background-color: #66BF6B;
}

#ms .home_navigation h4 {
    padding: 4px 0;
}

#left {
    float: left;
    clear: left;
    width: 700px;
    padding-top: 20px;
    margin: 0;
    overflow: hidden;
}

#left .mod_newslist {
    float: left;
    padding: 0;
}

#left .layout_latest.block {
    float: left;
    clear: both;
    width: 680px;
}

#left h2 {
    float: left;
    clear: both;
    padding: 0;
    margin: 0 0 7px;
    width: 680px;
}

#left h2 a {
    float: left;
    color: #4DC4D0;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 18px;
}

#left p.teaser {
    float: left;
    clear: both;
    width: 680px;
    margin: 0;
    padding: 5px 0;
    color: #231F20;
    font-size: 11px;
    line-height: 11px;
    text-align: justify;
}

#left p.more {
    float: left;
    clear: both;
    width: 680px;
    padding: 0;
    margin: 0;
    text-align: right;
    color: #231F20;
    font-size: 12px;
}

#left p.more a {
    float: right;
    color: #4DC4D0;
    text-decoration: none;
    padding: 1px 0 0;
}

#right {
    float: right;
    clear: right;
    width: 148px;
    padding: 16px 0 13px; 
    overflow: hidden;
}

.intro #right {
    height: 134px;
}

.intro #right-contact {
    float: left;
    width: 130px;
    padding: 8px;
    border: 1px solid black;
    overflow: hidden;
}

.intro #right p {
    float: left;
    clear: both;
    width: 130px;
    text-align: center;
    font-size: 10px;
    margin: 0;
    line-height: 11px;
}

.intro #right p img {
    float: left;
    padding: 5px 17px;
}


/* * * * * * * * * * * * * * * * * * * * * *
 * * * * * *      F O O T E R    * * * * * *
 * * * * * * * * * * * * * * * * * * * * * */ 
#footer {
    float: left;
    clear: both;
    width: 850px;
    height: 43px;
    overflow: hidden;
    color: #231F20;
    font-size: 9px;
    padding: 0 20px 0 20px;
    margin-bottom: 10px;
    background-color: #A9E9E9;
    /* background: url(/images/design-footer.jpg) no-repeat top left; */
}

#footer a {
    color: #231F20;
    font-size: 9px;    
}

#footer-logo {
    float: left;
    clear: left;
    width: 220px;
    height: 43px;
}

#policy,
#footer-navigation {
    float: left;
    width: 408px;
    text-align: center;
    padding: 5px 0 2px;
}

#policy a {
    padding-right: 31px;
}

#footer-navigation a,
#footer-navigation span {
    text-decoration: none;
    text-transform: uppercase;
}

#author {
    float: right;
    clear: right;
    width: 220px;
    padding: 4px 0;
    line-height: 13px;
}

#author h4 {
    margin: 0;
    font-weight: normal;
    text-align: right;
}

#author h4 a {
    text-decoration: none;
    font-size: 9px;
}


/* * * * * * * * * * * * * * * * * * * * * *
 * * * * *      S U B M E N U    * * * * * *
 * * * * * * * * * * * * * * * * * * * * * */
#left-sp {
    float: left;
    clear: left;
    width: 169px;
    padding: 0;
    overflow: visible;
    *overflow: hidden;
}

/** COMMON */
.sub-menu {
    float: right;
    clear: both;
    width: 149px;
    text-align: right;
    background-color: #4DC4D0;
}

.ms .sub-menu,
.notes .sub-menu {
    background-color: #66BF6B;
}

.sub-menu ul {
    float: right;
    clear: both;
    padding: 0;
    margin: 0;
}

.sub-menu li {
    float: left;
    clear: both;
    width: 149px;
    list-style-type: none;
    list-style-position: inside;
}

.sub-menu li a,
.sub-menu li p {
    float: left;
    clear: both;
    width: 125px;
    margin: 0;
    padding: 0 19px 8px 4px;
    text-decoration: none;
    font-weight: normal; 
}

/** LEVEL 1 */
.sub-menu ul.level_1 {
    padding: 7px 0;
}

.sub-menu ul.level_1 li.trail {
    padding-bottom: 8px;
}

.sub-menu ul.level_1 li a {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.sub-menu ul.level_1 li p {
    color: #FFFFFF;   
}

.sub-menu ul.level_1 li a.trail,
.sub-menu ul.level_1 li p.active {
    font-weight: bold;
    opacity: 1;
    filter: alpha(opacity=100);
}

/** LEVEL 2 */
.sub-menu ul.level_2 {
    display: none;
    float: left;
    width: 140px;
    padding: 10px 9px 8px 0;
    background-color: #B7E4E9;
}

.sub-menu ul.level_1 li.trail ul.level_2,
.sub-menu ul.level_1 li.active ul.level_2 {
    display: block;
}

.sub-menu ul.level_2 li a,
.sub-menu ul.level_2 li p {
    padding: 0 0 5px 4px;
    font-size: 11px;
    font-weight: normal;
    color: #3998A1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.sub-menu ul.level_2 li.active {
    padding-bottom: 2px;
}

.sub-menu ul.level_2 li.active p.active {
    padding-bottom: 4px;
}

/** LEVEL 3 */
.sub-menu ul.level_3 {
    display: none;
    float: left;
    width: 138px;
    background-color: #CDEFF3;
    padding: 2px 0 4px;
    *overflow: hidden;
}

.sub-menu ul.level_2 li.active ul.level_3,
.sub-menu ul.level_2 li.submenu.trail ul.level_3 {
    display: block;
}

.sub-menu ul.level_3 li {
    width: 139px;
    max-height: 50px;
    *overflow-y: hidden;
}

.sub-menu ul.level_3 li a,
.sub-menu ul.level_3 li p {
    font-size: 11px;
    width: 116px;
    padding: 0;
    padding-right: 23px;
}

.sub-menu ul.level_3 li.submenu a.submenu,
.sub-menu ul.level_3 li.submenu p.submenu {
    float: left; 
    display: inline; 
    clear: none;
    position: relative;
    background: url(/images/arrow-sub.jpg) right center no-repeat;
}

.sub-menu ul.level_3 li.submenu a:hover {
    background: url(/images/arrow-sub-active.jpg) right center no-repeat;
}

/** LEVEL 4 */
.sub-menu ul.level_4 {
    position: relative;
    width: auto;
    height: 0;
    float: left;
    left: 138px;
    top: -14px;
    padding: 0;
    display: none;
    z-index: 10;
    background-color: #CDEFF3;
}

.sub-menu ul.level_4 li {
    float: left;
    text-align: left;
    width: 200px;
    min-height: 11px;
    background-color: #CDEFF3;
    padding-left: 9px;
    height: auto;
}

.sub-menu ul.level_4 li.first {
    padding-top: 4px;
}

.sub-menu ul.level_4 li.last{
    padding-bottom: 4px;
}

.sub-menu ul.level_4 li a {
    float: left;
    width: 190px;
    font-size: 9px;
    padding: 0;
}

.sub-menu ul.level_4 li a,
.sub-menu ul.level_3 li.submenu ul.level_4 li a {
    background: none;
}

/**********************************************
 * * * *    S U B P A G E   * * * * * * * * * *
 **********************************************/
#center,
#center-broad {
    float: left;
    border: 1px solid #00AF9D;
}

#center-broad {
    float: right;
    width: 679px;
}

#center .mod_article,
#center-broad .mod_article,
#center-full .mod_article,
#center .mod_newsreader,
#center .mod_newslist {
    float: left;
    padding: 0 0 20px 30px;
}

#center h1,
#center-broad h1,
#center-full h1,
#center h2 {
    float: left;
    clear: both;
    font-size: 23px;
    line-height: 23px;
    font-weight: normal;
    color: #4DC4CF;
    padding: 15px 0 10px;
    width: 380px;
    margin: 0;
}

#center h1 {
    clear: left;
    float: left;
}

#center-broad h1 {
    width: 627px;
    padding-right: 22px;
}

#center-full h1 {
    width: 798px;
    padding-right: 22px;
}

#center h2 {
    font-size: 18px;
    line-height: 18px;
}

#center h2 a {
    color: #4DC4CF;
    text-decoration: none;
}

.ce_text h3,
.ce_text h4,
.ce_text h5,
.ce_text h6 {
    float: left;
    clear: both;
    width: 380px;
    margin: 0;
    padding: 5px 0;
    color: #4DC4CF; 
}

.ce_text h3 {
    font-size: 16px;
}

.ce_text h4 {
    font-size: 14px;
}

.ce_text h5 {
    font-size: 12px;
}

.ce_text h6 {
    font-size: 11px;
}

.ms #center h1,
.ms #center h2 a,
.ms .ce_text h3, .ms .ce_text h4,
.ms .ce_text h5, .ms .ce_text h6,
.notes #center-full h1,
.notes #center-full h2 a {
    color: #66BF6B;
}

#center .ce_text p,
#center-broad p,
#center-full p {
    float: left;
    clear: both;
    padding: 5px 22px 5px 0;  
    margin: 0;
    width: 446px;
    color: #231F20;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
}

#center table.alignLeft p,
#center-broad table.alignLeft p,
#center-full table.alignLeft p {
    text-align: left;
}

#center .ce_text,
#center-broad .ce_text,
#center-full .ce_text {
    float: left;
    clear: both;
    padding: 20px 0 0;
    width: 467px;
}

#center-broad .ce_text {
    width: 627px;
    padding-right: 22px;
    overflow: hidden;
}

#center-full .ce_text {
    width: 820px;
    overflow: hidden;
}

#center .ce_text.highlight {
    float: left;
    clear: both;
    z-index: 1;
    width: 350px;
    padding: 6px 102px 16px 15px;
    margin-top: -20px;
    background-color: #C9EDF1;
}

#center .ce_text table {
    float: left;
    clear: both;
    max-width: 446px;
}

#center .ce_text table p,
#center-broad .ce_text table p,
#center-full .ce_text table p {
    width: auto;
    padding: 0 8px;
    text-align: left;
}

#center .ce_text a,
#center-broad .ce_text a,
#center-full .ce_text a,
#center .ce_text img,
#center-broad .ce_text img,
#center-full .ce_text img, {
    float: left;
    text-decoration: underline;
}

#center .ce_text ul li a,
#center .ce_text p a,
#center-broad .ce_text ul li a,
#center-broad .ce_text p a,
#center-full .ce_text ul li a,
#center-full .ce_text p a,
#center .ce_text img,
#center-broad .ce_text li img,
#center-full .ce_text li img, {
    float: none;
    text-decoration: underline;
}

#center-broad p {
    width: 627px;   
}

#center-full p {
    width: 798px;
}

#center .ce_text.highlight p,
#center .ce_text.highlight ul {
    padding: 5px 0;
    width: 350px;
    margin: 0;
    font-size: 12px;
}

.ms #center .ce_text.highlight,
.notes #center-full .ce_text.highlight p {
    background-color: #D1ECD2;
}

#center .ce_text ul,
#center-broad .ce_text ul,
#center-full .ce_text ul {
    float: left;
    clear: both;
    width: 426px;
    padding: 5px 22px 5px 20px;
    margin: 0;
    font-size: 12px;
}

#center-broad .ce_text ul {
    width: 426px;
}

#center-full .ce_text ul {
    width: 756px;
}

#center .ce_text.highlight ul,
#center-broad .ce_text.highlight ul,
#center-full .ce_text.highlight ul {
    padding-left: 20px;
}

#center .ce_text ul li,
#center-broad .ce_text ul li,
#center-full .ce_text ul li {
    float: left;
    clear: both;
    width: 426px;
    list-style-position: outside;
}

#center .ce_text ul li p,
#center-broad .ce_text ul li p,
#center-full .ce_text ul li p {
    float: none;
    clear: none;
    width: auto;
}

#stick {
    position: relative;
    float: left;
    width: 6px; 
    height: 66px;
    z-index: 100;
}

.plod #stick {
    background-color: #4DC4D0;
}

.ms #stick {
    background-color: #66BF6B;
}

.mod_newsreader .layout_full,
.mod_newslist .layout_latest {
    float: left;
}

.mod_newslist .layout_latest {
    clear: both;
    width: 445px;
    padding: 0 22px 10px 0;
}

#center .layout_latest h2 {
    width: 445px;
    height: 22px;
    padding: 15px 0 6px;
}

.mod_newslist .layout_latest p {
    float: left;
    clear: both;
    width: 445px;
    margin: 0;
    padding: 5px 0;
    font-size: 12px;
}

.mod_newslist .layout_latest p.more a {
    float: right;
    clear: left;
    padding: 1px 0 0 0;
    text-decoration: none;
    color: #4DC4D0;
}

.ms .mod_newslist .layout_latest p.more a {
    color: #66BF6B;
}

p.back {
    display: none;
}


/* * * * * * * * * * * * * * * * * * * * * * * * *
 * * * * *     R I G H T     * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * */
#right .mod_newslist {
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    width: 164px;
}

#right .layout_latest.block {
    float: left;
    clear: both;
    padding-bottom: 10px;
}

#right .mod_newslist h2 {
    float: left;
    clear: both;
    width: 150px;
    margin: 0;
    font-size: 16px;
}

#right .mod_newslist h2 a {
    float: left;
    clear: both;
    text-decoration: none;
    line-height: 18px;
    color: #4DC4CF;
    font-weight: normal;
}

#right .mod_newslist p {
    float: left;
    clear: both;
    width: 164px;
    margin: 0;
    padding: 10px 0 5px;
    font-size: 10px;
    line-height: 11px;
    text-align: justify;
    color: #231F20;
}

#right .mod_newslist p.more {
    padding: 5px 0 10px;
}

#right .mod_newslist p.more a {
    float: right;
    padding: 2px 0 2px 0;
    color: #4DC4D0;
    text-decoration: none;
    text-transform: uppercase;
}

.ms #right .mod_newslist h2 a,
.ms #right .mod_newslist p.more a {
    color: #B1DEB4;
}


/**********************************************
 * * * *   P L O D N O S T  *******************
 **********************************************/
.plod #main {
    /* background: url(/images/design-plod.jpg) top left no-repeat; */
}

#banner {
    float: left;
    clear: both;
    height: 16px;
    padding: 6px 0 0;
    width: 890px;
}
 
#center {
    float: left;
    width: 497px;
}

.splosno #right,
.plod #right,
.ms #right {
    float: right;
    width: 164px;
    clear: right;
    padding: 0;
    height: auto;
}


/**********************************************
 * * * * *   P R I J A V A  *******************
 **********************************************/
.mod_login {
    float: left;
}

#center .mod_login h2 {
    float: left;
    clear: both;
    width: 437px;
    padding-left: 30px;   
}

#right .mod_login h2 {
    display: none;
}

.mod_login form {
    float: left;
    clear: both;
    width: 437px;
    padding: 20px 30px;
}

#right .mod_login form {
    width: 164px;
    padding: 0;
}

.mod_login form div.formbody {
    float: left;
    clear: both;
}

.mod_login td {
    font-size: 11px;
    padding: 5px 10px 5px 0;
}

#right .mod_login table {
    width: 164px;
}

.mod_login td input {
    float: left;
    padding: 2px;
    border: 1px solid #00AF9D;
}

.mod_login input.text {
    width: 118px;
}

.mod_login .submit {
    float: left;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #9BD49D;
}

#gonalf,
#calculator {
    float: right;
}

#gonalf {
    margin-top: 20px;
}

#main-menu {
    float: left;
    padding-top: 8px;
}

/** SITEMAP */
.mod_sitemap {
    padding: 20px;
}

.mod_sitemap,
.mod_sitemap ul,
.mod_sitemap li,
.mod_sitemap a,
.mod_sitemap p {
    float: left;
    clear: both;
    margin: 0;
}

.mod_sitemap ul.level_1 {
    padding: 0;
}

.mod_sitemap ul.level_2 {
    padding: 20px 0 25px 30px;
}

.mod_sitemap ul.level_3 {
    padding: 15px 0 20px 25px;
}

.mod_sitemap ul.level_2 li.last ul.level_3 {
    padding: 20px 0 0 30px;
}

.mod_sitemap ul.level_4 {
    padding: 10px 0 15px 20px;
}

.mod_sitemap ul.level_5 {
    padding: 5px 0 10px 15px;
}

.mod_sitemap ul.level_6 {
    padding: 5px 0 5px 10px;
}

.mod_sitemap ul.level_1 a {
    width: 500px;
    font-size: 16px;
    font-weight: bold;
}

.mod_sitemap ul.level_2 a {
    font-size: 15px;
}

.mod_sitemap ul.level_3 a {
    font-size: 14px;
}

.mod_sitemap ul.level_4 a {
    font-size: 13px;
}

.mod_sitemap ul.level_5 a {
    font-size: 12px;
}

.mod_sitemap ul.level_6 a {
    font-size: 12px;
    font-weight: normal;
}

.mod_sitemap li {
    list-style: none;
}