/* CSS Hranipex 2007, created by kaplick@bioport.cz  */

	body,html {
		font-family: Tahoma, "Trebuchet MS", Verdana, Helvetica, sans-serif;
		font-size: 12px;
		margin: 0;
		padding: 0;
        height:100%;
        /*letter-spacing: 0.08em;*/
	}
	html {

	}
	body {
		background: #E4E6E6;
        line-height: 19px;
        color: #4D4D4D;
	}
	textarea {
		font-family: Tahoma, "Trebuchet MS", Verdana, Helvetica;
		font-size: 10px;
		padding: 5px;
	}
	table, td {
		font-size: 100%;
	}
	img {
		border: none;
	}
	p {
		margin: 0;
		padding: 0;
	}
	a {
		color: #333;
		font-weight: bold;
		text-decoration: underline;
	}
	a:hover {
		color: #ED1C24;
		font-weight: bold;
		text-decoration: underline;
	}
	form {
		margin: 0;
		padding: 0;
	}

    input {
        background: url('../images/system/bg-input.png');
        border: 1px solid #D9D9D9;
        font-size: 1em;
        padding: 2px;
        color: #555;
    }

    select {
        font-size: 1em;
        letter-spacing: normal;
        color: #555;
        border: 1px solid #D9D9D9;
    }

    input.submit {
        background: url('../images/system/bg-submit.png');
        padding: 1px 3px;
        border: 1px solid #999;
        color: #FFF;
        font-weight: bold;
        font-size: 11px;
    }

    input.submit.red {
        background: url('../images/system/bg-submit-red.png');
        border: none;
    }

    input.green {
        background: url('../images/system/bg-submit-green.png');
        border: none;
    }

    input.checkbox {
        padding: 1px 3px;
        border: none;
        background: none;
    }

    .uppercase {
        text-transform: uppercase;
    }

/* LINKY */

    a.linkType1 {
        display: block;
        float: right;
        color: #8F9599;
		font-weight: normal;
		text-decoration: none;
        padding-left: 19px;
        background: url('../images/system/bg-link1.png') no-repeat 0px 4px;
        margin-left: 15px;
    }

     a.linkType1:hover, #languageBar a:hover {
        color: #000;
        font-weight: normal;
		text-decoration: none;
    }


/* language select */

    #languageBar a {
        color: #8F9599;
		font-weight: normal;
		text-decoration: none;
    }

    #languageBar span {
        color: #8F9599;
    }

    #languageBar img {
        float: right;
    }

    .langSelector {
        float: left;
        padding-left: 19px;
        background: url('../images/system/bg-link1.png') no-repeat 0px 4px;
    }



/* hlavni blokove elementy na strance */

	#container {
		width: 950px;
        margin: 0 auto;
        position: relative;
	}

    #languageBar {
        text-align: right;
        padding: 12px 0;
        font-size: 10px;
        height: 20px;
    }

	#header {
        height: 91px;
        background: url('../images/system/bg-header.png');
    }

    #logo {
        margin-left: 30px;
    }

    #content {
        background: #FFFFFF url('../images/kategorie/bg-line.gif') repeat-y;
        position: relative;
        width: 950px;
    }

    #footer {
         height: 68px;
         background: url('../images/system/bg-footer.png');
         text-align: right;
         clear: both;
    }

    #copy {
        text-align: left;
        padding-top: 3px;
        font-size: 11px;
        color: #B2B2B2;
        background:#E4E6E6;
    }

    #leftTrail {
        z-index: 5;
        float: left;
        width: 200px;
        min-height: 500px;
        background: url('../images/system/bg-left-search.png') 0 230px no-repeat;
    }

    #textArea {
        /*padding-left: 200px;*/
        float: left;
        padding-bottom: 20px;
        line-height: 1.4em;
        font-size: 0.9em;
        width: 750px;
        margin: 0 0 0 0;
        overflow: hidden;
    }

    #textFrame {
        padding: 28px 26px 10px 26px;
        clear: both;
    }

    .genericContent {
        margin: 0 0 10px 25px;
    }

/* header menu elementy */

    #headerMenu {
        float: right;
        padding-right: 25px;
        font-size: 0.9em;
        color: #808080;
        position: relative;
    }

    #headerMenu a {
        text-decoration: none;
        font-size: 1em;
        color: #808080;
        font-weight: normal;
    }

    #headerMenu a.icoBasket {
        background: url('/media/images/system/ico-basket.png') no-repeat right center;
        padding-right: 20px;
    }

    #headerMenu a:hover {
        text-decoration: none;
        color: #000;
    }

    #headerMenu ul {
        margin: 0;
        padding: 0;
    }

    #headerMenu li {
        display: block;
        float: left;
        border-left: 1px solid #D9D9D9;
        padding: 20px 16px 2px 16px;

    }

    #headerMenu li.last {
        padding-right: 0px;
         //padding: 18px 0px 2px 16px;
    }
    #headerMenu li.last a{
        margin-top: -2px;
    }

    #moreSearchContainer {
        position: absolute;
        display: none;
    }
    #moreSearchBg {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/media/images/system/bg-layer-search.png', sizingMethod='image');
        display: none;
        *display: block;
        width: 257px;
        /*height: 130px;*/
        height: 210px;
        position: absolute;
    }
    #moreSearch {
        background: url('/media/images/system/bg-layer-search.png') no-repeat;
        *background: none;
        width: 237px;
        /*height: 120px;*/
        height: 200px;
        padding: 16px 0 0 20px;
        position: absolute;
    }
    #moreSearch select, #moreSearch input {
       width:  200px;
    }

    #moreSearch div {
        margin-bottom: 7px;
        *margin-bottom: 4px;
    }
    #moreSearch label {
        text-align: left;
        padding-right: 5px;
        display: block;
        margin-bottom: 4px;
        *margin-bottom: 2px;
        font-size: 0.9em;
    }

    #moreSearch a.layer-close {
        position: absolute;
        right: 13px;
        top: 10px;
        display: block;
        padding: 5px;
    }

/* footer menu elementy */

    #footerMenu {
        float: right;
        padding-right: 25px;
        font-size: 0.9em;
        color: #808080;
    }

    #footerMenu a {
        text-decoration: none;
        font-size: 1em;
        color: #808080;
        font-weight: normal;
    }

    #footerMenu a:hover {
        text-decoration: none;
        color: #000;
    }

    #footerMenu ul {
        margin: 0;
        padding: 0;
    }

    #footerMenu li {
        display: block;
        float: left;
        border-right: 1px solid #D9D9D9;
        /*padding: 16px 16px 2px 32px;
        background: url('../images/system/bg-link2.png') no-repeat 16px 20px;*/
        padding: 16px 12px 2px 24px;
        background: url('../images/system/bg-link2.png') no-repeat 7px 20px;
    }

    #footerMenu li.last {
        background: none;
        /*padding: 16px 16px 2px 16px;
        //padding: 14px 16px 2px 16px;*/
        padding: 16px 0 2px 10px;
        border-right: none;
    }

    #footerMenu #id_email_address {
        width: 100px;
        font-size: 10px;
    }

/* main menu elementy */

    #menu ul {
        margin: 0;
        padding: 0;
        width: 200px;
        height: 230px;
        position: relative;
        list-style: none;
        z-index: 100;
    }

    #menu li {
        position: relative;
        display: block;
    }

    #menu a {
        display: block;
        color: #CCC;
        text-decoration: none;
        font-weight: normal;
        padding: 3px 0 0 30px;
        height: 26px;
        font-size: 0.9em;
        letter-spacing: normal;
    }

    #menu a:hover {
        background: #5E8696;
        color: #FFF;
    }

    #menu a.highlighted {
        background: #5E8696 !important;
        color: #FFF;
    }

    #menu a.next {
        background: url('../images/system/bg-next-main-menu.png') no-repeat 180px 9px;
    }

    #menu a.next:hover {
        background: #5E8696 url('../images/system/bg-next-main-menu.png') no-repeat 180px 9px;
        color: #FFF;
    }

    #menu ul ul {
        position: absolute;
        display: none;
        left: 170px;
        top: 0px;
        width: 200px;
    }

    #menu ul ul li {
        width: 200px;
        background: #5E8696;
        border-bottom: 1px solid #78A1B3;
        height: 28px;
    }

    #menu ul ul a {
        color: #FFF;
        padding: 3px 0 0 15px;
    }

    #menu ul ul a:hover {
        background: #78A1B3;
    }

    #menu ul ul a.next {
        background: url('../images/system/bg-next-main-menu-w.png') no-repeat 180px 9px;
    }

    #menu ul ul a.next:hover {
        background: #78A1B3 url('../images/system/bg-next-main-menu-w.png') no-repeat 180px 9px;
        color: #FFF;
    }

    #menu ul ul a.highlighted {
        background: #78A1B3 no-repeat 180px 9px !important;
        color: #FFF;
    }

    #menu ul ul ul li {
        background: #78A1B3;
        border-bottom: 1px solid #98ACB5;
        height: 28px;
    }

    #menu ul ul ul a {
        color: #FFF;
        padding: 3px 0 0 15px;
    }

    #menu ul ul ul a:hover {
        background: #98ACB5;
    }

    #menu ul ul.katalogList li {
        width: 240px;
    }

    #menu ul.katalogList ul {
         left: 220px;
    }

    #menu ul.katalogList li a.next {
         background: url('../images/system/bg-next-main-menu-w.png') no-repeat 220px 9px;
    }

    /* barevne varianty u novinek */

    #menu ul ul a.novedekory {
        padding-left: 30px;
        background:  url('../images/system/box-cervena.png') no-repeat 7px 7px;
    }

    #menu ul ul a.novedekory:hover {
        background: url('../images/system/box-cervena.png') no-repeat 7px 7px #78A1B3;
    }

    #menu ul ul a.novevelikosti {
        padding-left: 30px;
        background:  url('../images/system/box-modra.png') no-repeat 7px 7px;
    }

    #menu ul ul a.novevelikosti:hover {
        background: url('../images/system/box-modra.png') no-repeat 7px 7px #78A1B3;
    }

    #menu ul ul a.noveprodukty {
        padding-left: 30px;
        background:  url('../images/system/box-fialova.png') no-repeat 7px 7px;
    }

    #menu ul ul a.noveprodukty:hover {
        background: url('../images/system/box-fialova.png') no-repeat 7px 7px #78A1B3;
    }

    #menu ul ul a.zmenydekoru {
        padding-left: 30px;
        background:  url('../images/system/box-oranzova.png') no-repeat 7px 7px;
    }

    #menu ul ul a.zmenydekoru:hover {
        background: url('../images/system/box-oranzova.png') no-repeat 7px 7px #78A1B3;
    }

    #menu ul ul a.zmenypovrchu {
        padding-left: 30px;
        background:  url('../images/system/box-zelena.png') no-repeat 7px 7px;
    }

    #menu ul ul a.zmenypovrchu:hover {
        background: url('../images/system/box-zelena.png') no-repeat 7px 7px #78A1B3;
    }

    #menu ul ul a.vyrazenedekory {
        padding-left: 30px;
        background:  url('../images/system/box-seda-tmava.png') no-repeat 7px 7px;
    }

    #menu ul ul a.vyrazenedekory:hover {
        background: url('../images/system/box-seda-tmava.png') no-repeat 7px 7px #78A1B3;
    }

    #menu ul ul a.vyrazenerozmery {
        padding-left: 30px;
        background:  url('../images/system/box-seda-svetla.png') no-repeat 7px 7px;
    }

    #menu ul ul a.vyrazenerozmery:hover {
        background: url('../images/system/box-seda-svetla.png') no-repeat 7px 7px #78A1B3;
    }

    #menu ul ul a.vyrazenneprodukty {
        padding-left: 30px;
        background:  url('../images/system/box-cerna.png') no-repeat 7px 7px;
    }

    #menu ul ul a.vyrazenneprodukty:hover {
        background: url('../images/system/box-cerna.png') no-repeat 7px 7px #78A1B3;
    }

     /* drop submenu */

    div.dropSubMenu {
        position: absolute;
        display: none;
    }

   div.dropSubMenu div {
        background: #5E8696;
        border-bottom: 1px solid #78A1B3;
        height: 29px;
    }

    div.dropSubMenu a {
        width: 200px;
        color: #FFF;
        padding: 4px 0 0 15px;
        background: none;
        font-weight: normal;
        display: block;
        text-decoration: none;
        height: 25px;
        font-size: 1em;
        letter-spacing: normal;
    }

    div.dropSubMenu a:hover {
        background: #78A1B3;
    }

    #droplets a.highlighted {
        color: #E6E6E6;
        background: url('../images/system/bg-drops.png') bottom right;
    }

    /* HACKS: IE/Win: */

        *:first-child+html #menu li {
         float: left;
         width: 100%;
        }

        * html #menu li {
         float: left;
         height: 1%;
        }

    /* End Hacks */

/* HP */

    #menu {
        height: 230px;
        background: url('../images/system/bg-main-menu.png') #424242;
        border: none;
        margin: 0;
    }

    .hpBigButton {
        width: 250px;
        height: 230px;
        float: left;
        background: #999;
    }

    .hpMediumButton {
        float: left;
    }

/* definice headeru podstranek */

    .headerKategorieMain {
        height: 114px;
        width: auto;
        margin-bottom: -16px;
    }

    .headerNovinky { background: url('../images/kategorie/bg-header-novinky.gif');}
    .headerKatalog { background: url('../images/kategorie/bg-header-katalog.gif');}
    .headerOSpolecnosti { background: url('../images/kategorie/bg-header-o-spolecnosti.gif');}
    .headerKeStazeni { background: url('../images/kategorie/bg-header-ke-stazeni.gif');}
    .headerVyhledavani { background: url('../images/kategorie/bg-header-vyhledavani.gif');}
    .headerOtazky { background: url('../images/kategorie/bg-header-otazky.gif');}
    .headerSrovnavaciTabulky { background: url('../images/kategorie/bg-header-srovnavaci-tabulky.gif');}
    .headerCeniky { background: url('../images/kategorie/bg-header-ceniky.gif');}
    .headerVyprodej { background: url('/media/images/kategorie/bg-header-vyprodej.gif');}
    .headerKontakt { background: url('/media/images/kategorie/bg-header-kontakt.gif');}

    /* korekce jednotlivych kategorii */

        .headerNovinky .chapterTitle { right: -10px;}
        .headerOSpolecnosti .chapterTitle { right: -20px;}
        .headerKeStazeni .chapterTitle { right: -25px;}
        .headerVyhledavani .chapterTitle { right: -20px;}
        .headerOtazky .chapterTitle { right: -20px;}
        .headerSrovnavaciTabulky .chapterTitle { right: -15px;}
        .headerCeniky .chapterTitle { right: -5px;}
        .headerVyprodej .chapterTitle { right: -10px;}
        .headerKontakt .chapterTitle { right: -18px;}

    .chapterTitle {
        float: right;
        margin: 0;
        padding: 25px 100px 0 0;
        position: absolute;
        right: 0;
        /* font-family:Times New Roman; */
    }

    h1.hidden {
        visibility: hidden;
        display: none;
    }

    .chapterTitle .h1 {
        font-size: 16px;
        color: #FFFFFF;
        line-height: 20px;
        margin: 0;
        font-weight: bold;
    }

    #droplets {
        padding: 67px 0 0  0;
        font-size: 1em;
    }

    #droplets a {
        margin: 9px 0 0 10px;
        color: #E6E6E6;
        display: block;
        float: left;
        font-weight:normal;
    }

    #droplets a.home {
        margin: 9px 0 0 8px;
        color: #E6E6E6;
        display: block;
        float: left;
        font-weight:normal;
        text-transform: uppercase;
    }

    #droplets span {
        margin: 9px 0 0 8px;
        color: #E6E6E6;
        display: block;
        float: left;
    }

    #droplets span.arrow {
        margin: 9px 0 0 8px;
        color: #E6E6E6;
        display: block;
        float: left;
    }

    #droplets span.arrow-home {
        margin: 9px 0 0 25px;
    }

    /* original
    #droplets span {
        margin: 9px 0 0 25px;
        color: #E6E6E6;
        display: block;
        float: left;
    }

    #droplets a {
        display: block;
        float: left;
        color: #E6E6E6;
        text-decoration: none;
        background: url('../images/system/bg-drops.png') top right;
        height: 26px;
        padding: 9px 38px 0 25px;
    }

    #droplets a:hover {
        color: #E6E6E6;
        background: url('../images/system/bg-drops.png') bottom right;
    }

    */

/* filtry */

    #filters {
        height: 140px;
        background: url('../images/kategorie/bg-filters.gif');
        margin-top: 4px;
        padding: 15px 25px 0 25px;
        font-size: 0.8em;
    }

    .fCol {
        float: left;
        width: 180px;
        //width: 180px;
        padding-right: 20px;
    }

    input.fSubCol {
        position: absolute;
        right: 25px;
        top: 205px;
        width: 120px !important;
        padding: 1px 10px;
        //padding: 1px 5px;
    }

    #filters input {
        width: 180px;
        //width: 175px;
        margin-bottom: 12px;
        font-size: 1.2em;
    }

    #filters input.checkbox {
        width: auto;
        float: left;
        font-size: 1.2em;
        margin-right: 3px;
    }

    #filters select {
        width: 180px;
        //width: 180px;
        margin-bottom: 12px;
        font-size: 1.2em;
    }

/* text */

    h2 {
        background: url('../images/kategorie/bg-title.gif');
        height: 37px;
        font-size: 1em;
        color: #FFF;
        padding: 5px 20px 0 25px;
        margin: 20px 0 0 0;
        clear: both;
        line-height: 17px;
    }

    h2 a {
        color: #FFF;
    }

    h2 a:hover {
        color: #000;
    }

    h2.high {
        background: url('../images/kategorie/bg-title-high.gif');

    }

    h2.change {
        background: url('../images/kategorie/bg-title-change.gif');

    }

    h3 {
        margin: 0 25px 10px 25px;
        background: #EEE;
        padding: 3px 10px;
        font-size: 1em;
    }

    h3.inContent {
        margin: 0 25px 25px 0;
        background: #EEE;
        padding: 3px 10px;
        font-size: 1em;
    }

    h4 {
        margin: 0 25px 10px 25px;
        padding: 3px 10px;
        font-size: 1em;
    }

    div.hp-textFrame h2, div.hp-textFrame h3, div.hp-textFrame h4, div.hp-textFrame p {
        padding-left: 10px;
        margin-left: 0;
        margin-top: 0;
    }

    p {
        margin: 0 25px 10px 25px;
        font-size: 1em;
    }

    ul {
        margin: 0 25px 10px 25px;
        padding: 0 0 0 15px;;
    }

    li {
        list-style-image: url('../images/kategorie/list-bullet.gif');
    }

    /* napisy - novinky */

    h2 span.novedekory { display: block; padding-left: 22px; background:  url('../images/system/box-cervena.png') 0px 1px no-repeat;}
    h2 span.novevelikosti { display: block; padding-left: 22px; background:  url('../images/system/box-modra.png') 0px 1px no-repeat;}
    h2 span.noveprodukty { display: block; padding-left: 22px; background:  url('../images/system/box-fialova.png') 0px 1px no-repeat;}
    h2 span.zmenydekoru { display: block; padding-left: 22px; background:  url('../images/system/box-oranzova.png') 0px 1px no-repeat;}
    h2 span.zmenypovrchu { display: block; padding-left: 22px; background:  url('../images/system/box-zelena.png') 0px 1px no-repeat;}
    h2 span.vyrazenedekory { display: block; padding-left: 22px; background:  url('../images/system/box-seda-tmava.png') 0px 1px no-repeat;}
    h2 span.vyrazenerozmery { display: block; padding-left: 22px; background:  url('../images/system/box-seda-svetla.png') 0px 1px no-repeat;}
    h2 span.vyrazenneprodukty { display: block; padding-left: 22px; background:  url('../images/system/box-cerna.png') 0px 1px no-repeat;}

/* arrow UL */

    ul.arrowList {
        margin-bottom: 25px;;
    }

    ul.arrowList li {
        list-style-image: url('../images/system/sipka-simple.png');
        margin-left: 15px;
    }

/* left SEARCH */

     #advSearch ul {
        margin: 0;
        padding: 0;
        width: 200px;
     }

    #advSearch li {
        list-style-type: none;
        list-style-image: none;
        padding: 0 20px 2px 20px;
    }

    #advSearch input {
       width: 154px;
    }

    #advSearch input.submit {
       width: 158px;
    }

    #advSearch select {
       width: 160px;
    }

/* LAYER login */

    #layerLoginContainer {
        position: absolute;
        right: 410px;
        top: 80px;
        z-index: 200;
    }

    #layerLoginBg {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/media/images/system/bg-layer-login.png', sizingMethod='image');
        width: 214px;
        height: 133px;
        display: none;
        *display: block;
        position: absolute;
    }

    #layerLogin {
        background: url('../images/system/bg-layer-login.png') no-repeat;
        *background: none;
        width: 214px;
        height: 133px;
        position: absolute;
        padding: 20px 0 0 10px;
        font-size: 11px;
        color: #808080;
    }

    #layerLogin div {
        margin: 0;
        padding: 2px 1px;
        border: 0;
        position: relative;
    }

    #layerLoginContainer a.layer-close {
        position: absolute;
        right: 23px;
        top: 10px;
        display: block;
        padding: 5px;
    }

    #layerLogin input {
        width: 100px;
        line-height: 12px;
    }

    #layerLogin input.submit {
        width: auto;
    }

    #layerLogin div span {
        width: 50px;
        display: block;
        float: left;
        text-align: right;
        padding-right: 5px;
    }

    #layerLogin div span.narrow {
        width: 3px;
    }

    a.lost-pass {
        font-size: 1em;
        color: #BBB;
        font-weight: normal;
    }
    a.lost-pass:hover {
        color: #555;
        font-weight: normal;
    }

/* LAYER login ADVanced */

    #layerLoginAdvContainer {
        display: none;
    }

    #layerLoginAdvBg {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/system/bg-login-adv.png', sizingMethod='image');
        width: 195px;
        height: 104px;
        display: none;
        *display: block;
        position: absolute;
    }

    #layerLoginAdv {
        background: url('../images/system/bg-login-adv.png') no-repeat;
        *background: none;
        width: 162px;
        height: 227px;
        position: absolute;
        padding: 45px 25px 0 25px;
        font-size: 11px;
        color: #808080;
    }

    #layerLoginAdv div {
        margin: 0;
        padding: 2px 1px;
        border: 0;
        position: relative;
    }

    #layerLoginAdv p {
        margin: 0;
        padding: 2px 1px;
        border: 0;
        position: relative;
        line-height: 1.4em;
        margin-bottom: 23px;
        letter-spacing: normal;
    }

    #layerLoginAdv input {
        width: 100px;
    }

    #layerLoginAdv input.submit {
        width: auto;
    }

    #layerLoginAdv div span {
        width: 40px;
        display: block;
        float: left;
        text-align: right;
        padding-right: 5px;
    }

/* PAGING */

    .pagingTop {
        height: 42px;
        background: url('../images/system/bg-paging-top.png') no-repeat right bottom;
        padding: 0 25px;

    }

    .pagingTop label {
        padding-left: 3px;
        font-size: 0.9em;
        color: #666;
        float: left;
    }

    .pagingTop select {
        float: left;
        margin-right: 5px;
        margin-left: 3px;
        width: 60px;
    }

    input.numPolozek {
        width: 20px;
    }

    .pagingBottom {
        height: 13px;
        background: url('../images/system/bg-paging-top.png') no-repeat 0px -70px;
        padding: 17px 25px 0 25px;
        clear: both;

    }

    a.roundButton {
        display: block;
        width: 16px;
        height: 16px;
        float: left;
        margin-right: 2px;
    }

    .roundButton span {
        display: none;
    }

    .pagingNumbers {
        float: left;
        padding: 0 5px;
    }

    span.pagingActual {
        color: #EC1C24;
        font-size: 1em;
        font-weight: bold;
    }

    /* definice jednotlivych butonu */

    a.btnPrevv {
        background: url('../images/roundButton/btn-prevv.png') no-repeat left top;
    }

    a.btnPrevv:hover {
        background: url('../images/roundButton/btn-prevv.png') no-repeat right top;
    }

    a.btnPrev {
        background: url('../images/roundButton/btn-prev.png') no-repeat left top;
    }

    a.btnPrev:hover {
        background: url('../images/roundButton/btn-prev.png') no-repeat right top;
    }

    a.btnNext {
        background: url('../images/roundButton/btn-next.png') no-repeat left top;
    }

    a.btnNext:hover {
        background: url('../images/roundButton/btn-next.png') no-repeat right top;
    }

    a.btnNextt {
        background: url('../images/roundButton/btn-nextt.png') no-repeat left top;
    }

    a.btnNextt:hover {
        background: url('../images/roundButton/btn-nextt.png') no-repeat right top;
    }

    a.btnDetailList {
        background: url('../images/roundButton/btn-detail-list.png') no-repeat left top;
    }

    a.btnDetailList:hover {
        background: url('../images/roundButton/btn-detail-list.png') no-repeat right top;
    }

    a.btnSimpleList {
        background: url('../images/roundButton/btn-simple-list.png') no-repeat left top;
    }

    a.btnSimpleList:hover {
        background: url('../images/roundButton/btn-simple-list.png') no-repeat right top;
    }

    a.btnUp {
        background: url('../images/roundButton/btn-up.png') no-repeat left top;
    }

    a.btnUp:hover {
        background: url('../images/roundButton/btn-up.png') no-repeat right top;
    }

    a.btnDown {
        background: url('../images/roundButton/btn-down.png') no-repeat left top;
    }

    a.btnDown:hover {
        background: url('../images/roundButton/btn-down.png') no-repeat right top;
    }

    a.btnDownload {
        background: url('../images/roundButton/btn-download.png') no-repeat left top;
    }

    a.btnDownload:hover {
        background: url('../images/roundButton/btn-download.png') no-repeat right top;
    }

    a.btnClose {
        background: url('../images/roundButton/btn-close.png') no-repeat left top;
    }

    a.btnClose:hover {
        background: url('../images/roundButton/btn-close.png') no-repeat right top;
    }

    #moreSearch a.btnClose {
        margin-right: -5px !important;
        margin-top: -5px !important;
    }


/* katalog */

    .katContBox {
        width: 332px;
        height: 38px;
        background: url('../images/katalog/bg-d-list.png') no-repeat;
        margin: 0 18px 20px 0;
        float: left;
        padding: 8px 0 0 8px;
        color: #666;
        position: relative;
    }

    .katContBox a, .katNovinkyContBox a {
        text-decoration: none;
    }

    .katContBox img, .katNovinkyContBox img {
        float: left;
        margin-right: 8px;
    }

    table.listSimple {
        border-collapse: collapse;
        width: 700px;
        margin-bottom: 7px;
    }

    table.listSimple td, table.listSimple th  {
        border: #C6C6C6 1px solid;
        padding: 3px 10px;
    }

    table.listSimple th  {
        text-align: right;
        width: 100px;
        background: #777;
    }

    table.listSimple th  a {
        color: #FFF;
    }

    table.listSimple th  a:hover {
        color: #000;
    }

    /* novinky v katalogu */


    div.katNovinkyContBox {
        margin-left: 160px;
    }

    .genBox {
        width: 684px;
        padding: 8px 8px 0 8px;
        background: url('../images/katalog/box-top-bg.png') no-repeat;
        margin-bottom: 10px;
    }

    .genBox img {
        float: left;
        /*margin: 0 10px 8px 0;*/
        margin: 0 10px 30px 0;
    }

    .genBoxBottom {
        width: 700px;
        margin-left: -8px;
        height: 8px;
        background: url('../images/katalog/box-bottom-bg.png') no-repeat bottom;
        clear: both;
    }

    .stBox {
        width: 165px;
        height: 120px;
        background: url('../images/katalog/bg-st-list.png') no-repeat;
        float: left;
        margin: 0 13px 10px 0;
        position: relative;
        text-align:center;
        vertical-align:center;
    }

    .stBox img {
        position: relative;
        margin: 30px 20px 20px 20px;
    }

    .imgBox {
        float: left;
    }

    .imgBox img {
        margin: 20px 20px 20px 0px;
    }

/* kontakt */

    /* puvodni verze s obrazkem

    .kontBox {
        width: 340px;
        height: 104px;
        background: url('../images/kategorie/kontBox.png') no-repeat;
        float: left;
        margin: 0 20px 20px 0;
    }

    .kontBox h4 {
        padding: 8px 0 8px 0;
        margin: 0 8px 0 90px;
        border-bottom: 1px solid #AAA;
    }

    .kontBox p {
        padding: 8px 0 8px 0;
        margin: 0 8px 0 90px;
    }

    .kontBox img {
        float: left;
        margin: 7px 0 0 9px;
    }

    h3.kontSubHead {
        height: 35px;
        background: url('../images/system/bg-paging-top.png') no-repeat bottom right ;
        padding: 0 25px;
        margin: 0 0 5px 0;
        font-size: 1em;
    }

    */

    /* verze bez obrazku */

    .kontBox {
        width: 340px;
        /*height: 104px;*/
        float: left;
        margin: 0 20px 20px 0;
    }

    .kontBox h4 {
        padding: 8px 0 5px 0;
        margin: 0 8px 0 8px;
        border-bottom: 1px solid #AAA;
    }

    .kontBox p {
        padding: 5px 0 0 0;
        margin: 0 8px 0 8px;
    }

    .kontBox img {
        float: left;
        margin: 7px 0 0 9px;
    }

    h3.kontSubHead {
        height: 35px;
        background: url('../images/system/bg-paging-top.png') no-repeat bottom right ;
        padding: 0 25px;
        margin: 0 0 4px 0;
        font-size: 1em;
    }

    .kontBox .kontBoxContent {
        background: url('../images/kategorie/kontBox-noimage.png') no-repeat;
        width: 340px;
    }

    .kontBox .kontBoxBottom {
        background: url('../images/kategorie/kontBox-noimage-bottom.png') no-repeat left top;
        height: 11px;
        width: 340px;
    }

/* organizacni struktura */

    .strukturaBox {
        width: 700px;
        height: 106px;
        background: url('../images/kategorie/bg-struktura-top.png') no-repeat;
        margin-bottom: 15px;
    }

    .strukturaBox h4 {
        padding: 8px 0 5px 0;
        margin: 0 8px 0 146px;
        border-bottom: 1px solid #AAA;
    }

    .strukturaBox p {
        padding: 5px 0 8px 0;
        margin: 0 8px 0 146px;
    }

    .strukturaBox img {
/*        width: 130px;
        height: 106px;*/
        margin: 8px 0 0 8px;
        float: left;
    }

    .strukturaBoxDe {
        width: 700px;
        height: 256px;
        background: url('../images/kategorie/bg-struktura-top-de.png') no-repeat right top;
        margin-bottom: 0px;
    }

    .strukturaBoxSub {
        width: 673px;
        height: 106px;
        background: url('../images/kategorie/bg-struktura-sub.png') no-repeat;
        margin: 0 0 15px 27px;
    }

    .subDe {
        background: url('../images/kategorie/bg-struktura-sub-de.png') no-repeat left top;
        margin: 0 0 15px 27px;
        width: 673px;
        height: 125px;
    }

    .strukturaBoxSub h4 {
        padding: 8px 0 5px 0;
        margin: 0 8px 0 169px;
        border-bottom: 1px solid #AAA;
    }

    .strukturaBoxSub p {
        padding: 5px 0 8px 0;
        margin: 0 8px 0 169px;
    }

    .strukturaBoxSub img {
/*        width: 130px;
        height: 106px;*/
        margin: 8px 0 0 31px;
        float: left;
    }

    .strukturaLinks {
        float: right;
        margin: 8px 8px 0 0;
    }

    .strukturaLinks a {
        float: left;
        padding: 0px 6px 1px 6px;
        margin-left: 3px;
        background: #999;
        text-decoration: none;
        font-size: 0.9em;
        color: #FFF;
    }

    .strukturaLinks a:hover {
        color: #FFF;
        background: #DD1400;
    }

    h3.registration {
        margin: 0 0 10px 0;
        padding: 0;
        background: none;
    }

/* vyhledavani */

    .genSearchBox {
        width: 310px;
        padding: 15px;
        border: #D9D9D9 1px solid;
        background: #F2F2F2;
        float: left;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .genSearchBox input, .genSearchBox select {
        width: 304px;
        margin-bottom: 10px;
    }

    .genSearchBox textarea {
        width: 304px;
        margin-bottom: 10px;
        background: url('../images/system/bg-input.png') repeat-x #FFF;
        border: 1px solid #D9D9D9;
        font-size: 1em;
        padding: 2px;
        color: #555;
    }

    .genSearchBox input.submit {
       width: auto;
       padding: 2px 20px;
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .genSearchBox label {
        display: block;
        margin-bottom: 3px;
        font-size: 1em;
        color: #777;
    }

/* pomocne tridy */

    a.trigger {
        padding-left: 16px;
        text-decoration: none;
    }

    .plus {
        background: url('../images/system/plus-s-b.png') no-repeat 0px 1px ;
    }

    .minus {
        background: url('../images/system/minus-s-b.png') no-repeat 0px 1px ;
    }

    .switch {
        display: none;
    }

    .topM {
        margin-top: 25px;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    .clear {
        clear: both;
        //height: 0px;
        margin: 0;
        padding: 0;
    }

    .hidden {
      visibility:hidden;
      display:none;
    }

    .txt-light {
      color:#d2d2d2;
    }

    .bott {
        margin-bottom: 25px;
    }

    .blue-bg {
        background-color: #E1E8ED;
    }

/* guidee */

    .katContBox h4 {
        margin:0;
        padding:0;
        font-size:12px;
    }

   .pagingTop {
        margin:5px 0px -20px 0px;
    }

    .paginator {
        margin:5px 5px 5px 5px;
    }

    .pagingNumbers {
        float: left;
        padding: 0 5px;
        margin:10px;
    }

    .pages {
        float: left;
        margin:0px 5px 0px 5px;
    }

    .paging-first {
        float:left;
    }

    .paging-second {
        float:left;
    }

    .paging-third {
        float:left
    }

    span.pagingActual {
        color: #EC1C24;
        font-size: 1em;
        font-weight: bold;
    }

    span.item-count {
        font-size: 10px;
        padding-left: 10px;
        color: #a3a2a2;
    }

    a.pricelist-thumb img{
        height:80px;
        overflow:hidden;
    }

    #mainMap {
        width:680px;
        height:350px;
        border:1px solid #b3b3b3;
    }

.justify{
        text-align: justify;
}

    /* ikonky */

    a.ico   {
        padding-left:20px;
        height: 16px;
        display:block;
    }

    a.inline {
        display: inline;
    }

    a.ico.jpeg,a.ico.pjpeg,a.ico.png,a.ico.gif ,a.ico.img   {
        background: url('../images/system/ico-img.png') no-repeat;
    }

    a.ico.pdf  {
        background: url('../images/system/ico-pdf.png') no-repeat;
    }

    a.ico.pdf  {
        background: url('../images/system/ico-pdf.png') no-repeat;
    }

/* Kontakty s mapkami */
    .kont-flags { float: right; padding-right: 8px; }
    .kont-flags img { margin: 10px 2px 0 0; border: 1px solid black; }
    .kontBox h4 span { font-weight: normal; }
    img.kont-mapa { float: right; border: 1px solid #aaa; margin: 3px 0 10px 0; }
    .kont-export-1 h4, .kont-export-1 img.kont-mapa { border-color: #F68121; }
    .kont-export-2 h4, .kont-export-2 img.kont-mapa { border-color: #FEF200; }
    .kont-export-3 h4, .kont-export-3 img.kont-mapa { border-color: #8A6FB2; }
    .kont-export-4 h4, .kont-export-4 img.kont-mapa { border-color: #68BC4A; }
    .kont-export-5 h4, .kont-export-5 img.kont-mapa { border-color: #018BD3; }
    .kont-export-6 h4, .kont-export-6 img.kont-mapa { border-color: #A4DDF8; }

/* texty na uvodni strance */

#textFrame p {
    margin: 0;
    padding: 0;
}

#textFrame img {
    border-left: 18px solid transparent;
    border-right: 4px solid transparent;
}

#note {
    width: 316px;
    height: 15em;
    font-size: 11px;
    border: 3px double #cccccc;
    margin: 5px 0 0 0;
}

.genSearchBox .overflowInputs input {
  width: 300px;
}

.cleaner {
    clear: both;
}

/* CONTACT PHOTO - pripraveno ke spusteni az si DE pobocka zazada */
/*
.kontBoxContent .leftside {
    border: 1px solid #818181;
    width: 73px;
    height: 95px;
    float: left;
    overflow: hidden;
    margin: 10px 0 0 10px;
}

.kontBoxContent .rightside {
    width: 255px;
    float: right;
}
*/

/* ICO SMALL */
.ico-small p {
    display: inline;
    margin: 0;
}

/* HOMEPAGE ADS BLOCK */
.ad-item {
    height: 100px;
    clear: both;
    margin: 0 0 20px 0;
}

.ad-item .ad-link {
    display: block;
    text-decoration: none;
}

.ad-item .ad-text {
    float: right;
    width: 530px;
}

#textFrame .ad-item .ad-image {
    float: left;
    margin: 0 10px 0 0;
    border: none;
}

.genSearchBox .overflowInputs .reg-checkbox-01 {
    width: auto;
    padding: 0;
    margin: 0 5px 0 0;
    float: left;
}