/* CSS Document */

.FL {
    position: relative;
    float: left;
}

.FR {
    position: relative;
    float: right;
}

.B {font-weight: bold;}
.I {font-style: italic;}
.U {text-decoration: underline;}

.oddelovac-vrch {
    background: url(../images/site/vertikalny_oddelovac_vrchny2.gif) no-repeat center center;
    margin: 0 5px;
}
.oddelovac-spodok {
    background: url(../images/site/vertikalny_oddelovac_spodny.gif) no-repeat center center;
    margin: 0 5px;
}

.admin-odkaz {color: #7c7c7c !important;}

html, body {height: 100%;}

form {margin: 0; padding: 0;}

/*  WRAPPERS */
#page {
    position: relative; width: 100%; min-height: 100%; _height: 100%; /* for IE6 as it doesnt understand min-height */
    margin-left: auto;
    margin-right: auto;
}
#site-wrapper {
    position: relative; width: 100%; min-height: 100%; _height: 100%; /* for IE6 as it doesnt understand min-height */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    background: #fff;
    /*border: 1px solid red;*/
}
#main-content {
    position: relative;
    padding-top: 10px;
    /*border: 1px solid red;*/
}
/* pre obalenie celeho obsahu nad a pod headerom, oba osobitne */
.content-wrapper {
    position: relative;
    width: 976px;
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid green;*/
}

#top-menu {position: relative; margin: 0;}


a#vrchny-nadpis {position: relative; float: left; top: 10px; left: 0px; margin-left: 30px; padding: 2px;
                font: italic 44px/44px Arial;
                color: #ffffff;}
a#vrchny-nadpis:hover {text-decoration: none;}

#top {
    position: relative; z-index: 0;
    width: 100%; min-width: 976px; height: 302px; /* 304, ak zmenim height niektoreho z top1b, top2, top3, tak musim zmenit aj tuto cislo */
    background: #181818;
}
#logo-lavobok {position: absolute; top: 0; left: -80px;
                  width: 80px; height: 128px; background: url('../images/site/arepoc_logo_lavobok.jpg') no-repeat top left;}
/*
#top1 {
    background: url('../images/site/arepoc_logo.jpg') no-repeat top left;
    width: 388px;
    height: 128px;
    position: relative;
    float: left;
}*/
#top1b {
    background: url('../images/site/arepoc_logo4.jpg') no-repeat top left;
    width: 474px;
    height: 98px;
    position: relative;
    float: left;
    top: 0; left: -80px;
}
#top2 {
    width: 388px;
    height: 80px; /* 100 - margin top bottom, padding top bottom, border top bottom */
    padding-right: 25px;
    position: relative;
    float: right; z-index: 20;

    color: #989898;
    /*border: 1px solid blue;*/
}
#top2 a {color: #989898;}

#pozadie2 {
    position: relative; z-index: 1;
    width: 100%; min-width: 976px; height: 213px;
    background: #333;
}

#top3 {
    background: url('../images/site/arepoc_pod_logom_zemegula3.jpg') no-repeat top left;
    width: 610px;
    height: 237px;
    position: absolute; z-index: 1;
    top: -24px; left: -100px;
}
#read-more {position: absolute; z-index: 2; 
            background: url('../images/site/arepoc_read_more_btn.gif') no-repeat top left; /*border: 1px solid red; */
            top: 160px; right: 60px; width: 81px; /* 101 povodne */ height: 21px; /* 23 povodne */
            padding: 2px 0 0 20px;}

/*
#top4 {
    background: url('../images/site/arepoc_pod_logom_zemegula.jpg') no-repeat top left;
    width: 487px;
    height: 271px;
    position: absolute; z-index: 1;
    top: -58px; right: -11px;
}
*/
#top4 {
    background: url('../images/site/arepoc_pod_logom2.jpg') no-repeat top left;
    width: 495px;
    height: 213px;
    position: absolute; z-index: 1;
    top: 0px; right: -29px;
}

#contact-sitemap {float: left; padding-top: 28px; padding-left: 20px;}

#search {margin: 0; padding: 0; position: relative; float: right; left: 10px; top: 20px;} /* 2, posun uplne zprava trochu dolava */
#search form,
#search form input
{
    margin: 0; padding: 0; height: 23px;
}
#search .input-search {width: 180px; height: 21px; border: 1px solid #aaa9a9; color: #acacac; padding: 1px 0px 1px 6px; line-height: 21px;}
#search .submit-search {
    margin: 0 15px 0 2px; padding: 0;
    width: 22px;
    height: 22px;
    outline: none;
    border: none;
    
    position: relative;
    top: 7px;
    
    /*border: 1px solid blue;*/
}

.tenky-pasik-1 {position: relative; width: 100%; min-width: 976px; height: auto; border-top: 1px solid #e5e5e5;}
.tenky-pasik-2 {position: relative; width: 100%; min-width: 976px; height: auto; border-top: 1px solid #c9c9c9;}
#menu-bg {
    position: relative;
    width: 100%; min-width: 976px;
    height: 51px; /* spolu 53px */
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #e9e9e9;
    background: #dadada;
}

.sikme-kocky {position: absolute; background: url('../images/site/arepoc_sikme_kocky430.jpg') repeat-x top left; width: 100%; min-width: 976px; height: 430px;}


.content-padding-1 {padding: 0 35px 20px 0;}
.txt-justify {text-align: justify;}


#left-content {
    float: left;
    width: 688px; height: 100%;
}
#right-content {
    float: left;
    width: 261px; /*288px spolu*/ height: 100%;
    padding-right: 25px;

    /*border: 1px solid orange;*/
}

#leftbox, #rightbox {font: normal 12px/20px Tahoma, Arial;}

#leftbox a, #rightbox a {
    color: #000;
}
#leftbox a:hover, #rightbox a:hover {
    color: #ecac4a;
    text-decoration: none;
}

#leftbox {
    float: left;
    background: url('../images/site/arepoc_home_leftbox24.png') no-repeat top left;
    width: 319px; height: 245px;
}
#rightbox {
    float: left;
    background: url('../images/site/arepoc_home_rightbox24.png') no-repeat top left;
    width: 313px; height: 245px;
}


#leftbox .nadpis {position: relative; top: 23px; left: 65px;}
#rightbox .nadpis {position: relative; top: 23px; left: 65px;}
#leftbox .text {position: relative; top: 27px; left: 21px;}
#rightbox .text {position: relative; top: 27px; left: 21px;}


#general-nav {width: 400px; margin: 5px auto; text-align: center; padding: 5px;
              border-top: 1px dotted #cecece; border-bottom: 1px dotted #cecece;}
#general-nav a {font-weight: bold; text-decoration: underline;}
#general-nav a.active {font-weight: normal; text-decoration: none;}

#flame-home {background: url(../images/site/arepoc_plamen_home2.jpg) no-repeat center center; width: 650px; height: 140px;}

.oddelovac1 {margin: 30px 5px 40px 5px; border-top: 1px solid #d2d1d1; width: 635px;}

.znacka1 {float: left;
          background: url('../images/site/arepoc_znacka1_1.png') no-repeat top left;
          width: 82px; height: 115px;
          margin: 2px 15px;}
.znacka2 {float: left;
          background: url('../images/site/arepoc_znacka2_1.png') no-repeat top left;
          width: 98px; height: 115px;
          margin: 2px 15px;}
.znacka3 {float: left;
          background: url('../images/site/arepoc_znacka3_1.png') no-repeat top left;
          width: 75px; height: 115px;
          margin: 2px 15px;}
.znacka4 {float: left;
          background: url('../images/site/arepoc_znacka4_1.png') no-repeat top left;
          width: 152px; height: 115px;
          margin: 2px 15px;}


#download {margin-top: 30px; width: 277px; position: relative; font: normal 12px/18px Tahoma, "Arial CE", Arial, Helvetica, Verdana;}
#download #edit-download {
    background: url(../images/common/edit.gif); width: 16px; height: 16px;
    position: absolute; top: -28px; right: 0px;
    margin: 5px 0;
}

/* Pokracovanie: style.css */
#contact {margin: 40px 0 0 0; padding: 20px 0 0 15px; width: 262px; height: 191px;}
/*
#contact {background: url('../images/site/arepoc_kontakt_8.png') no-repeat top left; 
          margin: 40px 0 0 0; padding: 20px 0 0 15px; width: 262px; height: 191px;}
*/
#contact #edit-contact {
    background: url(../images/common/edit.gif); width: 16px; height: 16px;
    position: absolute; top: -28px; right: 0px;
    margin: 5px 0;
}


#footer-top {position: relative; bottom: 0px; left: 0px; width: 100%; min-width: 976px; height: 13px; /* 13+2=15 , aj border ma height... */
             background: #ececec; border-bottom: 2px solid #bab9b9;}
#footer {position: relative; bottom: 0px; left: 0px; width: 100%; min-width: 976px; height: 55px; /* 89+1=90 , aj border ma height... */
         background: rgb(55,55,55);/*#3a3a3a*/; border-bottom: 1px solid #484848;}
/*
#footer {
    margin: 10px 0 0 10px;
    color: rgb(123,131,139);
    font-weight: 100;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active
{
    color: rgb(123,131,139);
}
*/

/*
#footer .male-logo {position: relative; float: left; margin-left: 10px;
                    background: url('../images/site/logo_small.jpg') no-repeat top left; width: 44px; height: 45px;}
*/

#footer .ft-left-side {float: left; margin-top: 20px;}
#footer .ft-text {font: normal 12px/16px "Times New Roman"; color: #e5e5e5;}

#footer .male-logo-1 {position: relative; float: left; margin-left: 10px;
                      background: url('../images/site/logo_spodok_2.jpg') no-repeat top left; width: 383px; height: 45px;}

#footer .pismo1 {position: relative; float: left; margin: 4px 8px 0 6px;
                 font-size: 32px; line-height: 32px; color: #fcfcfc; font-weight: bold; font-family: "Times New Roman";}
#footer .pismo2 {position: relative; float: left; margin: 18px 0 0 2px;
                 font-size: 12px; color: #e9e9e9; font-weight: normal; font-family: "Times New Roman";}
#footer .pismo3 {position: relative; margin: 14px 30px 0 0;
                 font-size: 12px; color: #e5e5e5; font-weight: normal; font-family: "Times New Roman";}
#footer .pismo4 {position: relative; margin: 2px 0 0 0;
                 font-size: 12px; color: #e5e5e5; font-weight: normal; font-family: "Times New Roman";}
#footer a.webdesign {/*text-decoration: underline;*/ color: #e9e9e9;}

#main-content {
    margin: 10px 0 10px 0;
}

/*============================================================================*/
                                /* Sitemap */

/* Using images with lists clanok: http://css.maxdesign.com.au/listutorial/master.htm */
#sitemap ul,
#sitemap li
{
    margin: 6px 0; padding: 0;
}
#sitemap ul {
    margin-left: 40px;
}
#sitemap li {
    list-style-type: none;
    margin: 0;
    position: relative;
    background: url(../images/site/sitemap1.gif) no-repeat left 8px;
    padding: 2px 0 2px 12px;
    /*color: #db7703;*/
    font-weight: bold;
}
#sitemap li a {
    color: rgb(70,113,153);
    /*color: #d0691c;*/
}
#sitemap li a:hover {
    text-decoration: underline;
}

h1.sitemap {
    /*margin-top: 25px;*/
}

/*============================================================================*/

#vyber-jazyka-podstranky-z-menu,
#vyber-jazyka-aktuality-podstranka,
#vyber-jazyka-akcie-podstranka
{
}

/* Pouzivane priamo v niektorych triedach v adresari /library/ */
#vyber-jazyka-podstranky-z-menu a,
#vyber-jazyka-aktuality-podstranka a,
#vyber-jazyka-akcie-podstranka a
{
    text-decoration: none;
    margin: 1px;
    padding: 3px;
}
#vyber-jazyka-podstranky-z-menu a:hover,
#vyber-jazyka-aktuality-podstranka a:hover,
#vyber-jazyka-akcie-podstranka a:hover
{
    /*
    background-color: #a0c91a;
    color: #000;
    font-weight: bold;
    */
}
#vyber-jazyka-podstranky-z-menu a.active,
#vyber-jazyka-aktuality-podstranka a.active,
#vyber-jazyka-akcie-podstranka a.active
{
    background: rgb(17,88,150);
    color: rgb(255,255,255);
    font-weight: bold;
}

/*============================================================================*/
                                /* ADMIN MENU */

ul#admin-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#admin-menu li {
    list-style: none;
    position: relative;
    display: inline;
    background: none;
    margin: 0;
    padding: 2px;
}

/*============================================================================*/

/* Novinky */
.pridat-novinku a {
    font-size: 14px;
    font-weight: bold;
    color: rgb(17,88,150);
}

/* Akcie */
.pridat-akciu a {
    font-size: 14px;
    font-weight: bold;
    color: rgb(17,88,150);
}

/*============================================================================*/