/* CSS Document */

html, body {margin: 0; padding: 0;}

/* Error hlasky, napr. pre kontaktny formular */
.sm-error {color: #eb1d0e; /*#c30000*/}
.sm-success {color: #66cc66;}

.clear {
    clear: both;
    border: none;
    height: 0;
}

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

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

.oddelovac-vrch {
    background: url(../images/site/vertikalny_oddelovac_vrchny.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;
}

/*  WRAPPERS */
#page {
    position: relative;
    width: 100%;
    margin: 0 auto;
}


/* pre obalenie celeho obsahu nad a pod headerom, oba osobitne */
.content-wrapper {
    position: relative;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid green;*/
}

#main-content {
    /*margin: 10px 0 10px 0;*/
    margin: 15px 0 0 29px;
}

#top-left {
    float: left;
    background: #fff url("../images/site/logo.jpg") no-repeat left top;
    width: 187px; height: 60px;
    margin: 5px 0px 0 15px; /* margin: 5px 160px 0 15px; */

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

#top-right {
    float: right;
    width: 530px; /* 800 - (#top-left(187 - 160 - 15)) = 438, 444px bolo */
    height: 20px; /* 65 */
    padding: 40px 0 0 0;
    font-size: 11px;

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

#top-right a:link, #top-right a:visited, #top-right a:hover, #top-right a:active {color: #272727;}
#top-right a:hover {color: #317cc4;}

#top-links {float: left; margin-top: 2px;}
#search {float: right;}

#top-links ul, #top-links ul li {
    margin: 0; padding: 0; list-style: none; background: none;
}
#top-links ul li {
    display: inline;
    padding: 0px 15px;
    border-right: 1px solid #272727;
}
#top-links li.last {border: none;}
#top-links li a {display: inline;}

form#search-form, form#search-form input {margin: 0; padding: 0;}
form#search-form .input-search {border: 1px solid #cfcfcf; width: 174px; height: 18px; padding: 1px 6px 1px 0; text-align: right; position: relative; float: left;}
form#search-form .submit-img {margin: 0; padding: 1px 3px; position: relative; float: left;}

#header-bg {
    background: url(../images/site/header_bg.gif) repeat-x top left;
    position: relative;
    width: 100%; height: 203px;
    margin-top: 39px;
    z-index: 1;
}

#header-main-image {
    background: url('../images/site/top.jpg') no-repeat top left;
    width: 829px; height: 242px;
    position: absolute;
    top: 0; left: 0;
    z-index: 2;
}

#left-content {
    float: left;
    width: 231px;
}
#left-content .content-padding {padding: 0 15px 0 15px;}
#kontakt-form-header {
    position: relative; top: 0px; left: -14px;
    background: url('../images/site/kontaktny_formular_nadpis.png') no-repeat top left;
    width: 173px; height: 33px;
    margin-bottom: 2px;
}
#kontaktny-formular label {display: block; color: #565555; margin: 10px 0 2px 0; font-weight: bold;}
#kontaktny-formular #kontakt {width: 195px; height: 16px; padding: 2px; border: 1px solid #cfcfcf;}
#kontaktny-formular #sprava {width: 195px; height: 140px; padding: 2px; border: 1px solid #cfcfcf;}
#kontaktny-formular .contact-submit {margin: 5px 0 0 0;}

#kontakt-header {
    position: relative; top: 0px; left: -14px;
    background: url('../images/site/kontakt_nadpis.png') no-repeat top left;
    width: 173px; height: 33px;
    margin: 20px 0 2px 0;
}
#hlavny-kontakt {margin-top: 10px;}
.contact-1 {color: #2b65a5; font-weight: bold;}
a.email-1 {text-decoration: underline !important; font-weight: bold !important; color: #565555 !important;}


#right-content {
    float: left;
    width: 567px; /* 800 - 231 = 567, 567-12=555 */
    /*padding-left: 12px;*/
    /*border: 1px solid red;*/
}
#right-content #content-padding {padding: 0 0 0 10px;}

#right-content .row {
    width: 569px;
    clear: both;
}
#right-content .row span {display: block;}

#right-content .box {
    position: relative; /* vzhladom na tento relativne umiestneny box, sa umiestnuje absolutny odkaz na "Viac" */
    float: left;
    background: url('../images/site/box_inactive24.png') no-repeat left top;
    width: 283px; height: 252px;
}
#right-content .box:hover {
    float: left;
    background: url('../images/site/box_active24.png') no-repeat left top;
    width: 283px; height: 252px;
}
#right-content #header-1 {
    background: url('../images/site/montaz_header.jpg') no-repeat left top;
    width: 280px; height: 35px;
    margin: 4px 0 0 1px;
}
#right-content #header-2 {
    background: url('../images/site/udrzba_header.jpg') no-repeat left top;
    width: 280px; height: 35px;
    margin: 4px 0 0 1px;
}
#right-content #header-3 {
    background: url('../images/site/predaj_header.jpg') no-repeat left top;
    width: 280px; height: 35px;
    margin: 4px 0 0 1px;
}
#right-content #header-4 {
    background: url('../images/site/realizacie_header.jpg') no-repeat left top;
    width: 280px; height: 35px;
    margin: 4px 0 0 1px;
}
#right-content .img-sluzba {
    text-align: center;
    margin: 10px 0 0 8px;
}
#right-content .text {
    padding: 10px 10px 10px 20px;
    font-size: 11px;
    font-weight: bold;
    color: #7c7979;
}
#right-content .viac {
    position: absolute;
    float: right;
    bottom: 15px;
    right: 15px;
}

#right-content a {cursor: pointer;}

#right-content .txtviac {float: left; font: bold 12px/12px Arial; color: #194779; text-decoration: none; margin: 2px 4px 0 0;}
#right-content .txtviac:hover {color: #194779; text-decoration: underline;}

/*
#right-content .viac a.txtOdkaz {float: left; font: bold 12px/12px Arial; color: #194779; text-decoration: none; margin: 2px 4px 0 0;}
#right-content .viac a:hover {color: #194779; text-decoration: underline;}
*/
#right-content .viac .img-viac {
    background: url('../images/site/viac_sipka.gif') no-repeat left top;
    width: 18px; height: 18px;
    float: left;
    margin: 0; padding: 0;
}


#krby-banner {
    /*
    background: url('../images/site/krby_banner.jpg') no-repeat left top;
    width: 800px; height: 152px;
    */
    background: url('../images/site/pelkominy_banner_pelikanova.jpg') no-repeat left top;
    width: 799px; height: 152px;
    margin: 20px 0 0 0;
}
a.krby-odkaz {width: 800px; height: 152px; display: block; position: absolute;}

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

#montaz-top-qn {
    position: absolute;
    top: -5px; left: 240px;
    /*border: 1px solid #cedede;*/
}

/*============================================================================*/
                    /* Krby, kachle helper navigation */

/* Bulletproof Slants */
#helper-nav {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	background: #ccc;
	border-bottom: 2px solid #999;
}

#helper-nav li {
	float: left;
	margin: 0;
	padding: 0;
}

#helper-nav a {
	float: left;
	display: block;
	padding: 6px 30px 6px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	color: #666;
	background: #ccc url('../images/site/nav_slant.gif') no-repeat top right;
	border: none !important;
}

#helper-nav #hnav-1 a {
	padding-left: 20px;
}

#helper-nav a:hover {
	color: #000;
}

/*============================================================================*/
                                /* 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/li_sitemap.gif) no-repeat left 9px;
    padding: 2px 0 2px 12px;
    /*color: #db7703;*/
    font-weight: bold;
}
#sitemap li a {
    /*color: #272727;*/
    color: #005BF2; /* pre farbu vid style.css - ta ista ako vseobecny odkaz */
}

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

/*============================================================================*/
                            /* Hlavne Vertikalne Menu */
#menu {
    width: 243px; height: 200px;
    margin: 0;
    position: absolute;
    top: -195px; /* nie prilis vysoko, aby bolo vidno shadow z napisu "Menu" */
    left: 0px;
    text-align: left;
    z-index: 4;
    
    /*border: 1px solid red;*/
}
#menu ul {margin: 0 0 0 17px; padding: 0; list-style: none; background: none;}
#menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: url('../images/site/menu_inactive_bg.jpg') no-repeat left top;
    width: 224px; height: 28px;
    display: block;
    color: #27232a;

    /*border: 1px solid black;*/
}
#menu li:hover, #menu li.active {
    background: url('../images/site/menu_active_new_bg24.png') no-repeat left top;
    color: #fff;
}
#menu a {
    text-decoration: none;
    color: #27232a;
    display: block;
    height: 28px; line-height: 28px;
    font-size: 13px;
    font-weight: bolder;
    margin: 0;
    padding: 0 0 0 55px;

    /*border: 1px solid blue;*/

    /*margin-bottom: -1px;*/ /* aby sa odstranil dvojity border, tam kde sa dotykaju obrazky */
}
#menu a:hover,
#menu a.active {
    color: #fff;
    line-height: 26px; /* treba posunut text o 2px vyssie, lebo sposob akym su spravne obrazky pre <li> */
    /*padding-left: 60px;*/
}

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

#top-general-helper-nav { text-align: center; }
#top-general-helper-nav a {
    border: none !important;
    padding: 0 !important; margin: 0 !important;
}

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

#footer {
    margin: 40px 0 0px 0;
    color: rgb(123,131,139);
    font-weight: 100;
    font-size: 11px;

    background: url('../images/site/footer_bg.jpg') repeat-x left top;
    width: 100%;
    height: 43px;
    z-index: 1;
}
#footer-img {
    position: absolute;
    top: -13px; left: 0px;
    background: url('../images/site/footer.jpg') no-repeat left top;
    width: 246px; height: 75px;
    z-index: 2;

    text-align: center;
    vertical-align: middle;
    padding-top: 24px;
}
#footer a.smartpage-odkaz:hover {color: #629629; border-bottom: 1px solid #629629; padding-bottom: 2px;}

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

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

#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);
}

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