/* 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: #FFF;
        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.checkbox {
        padding: 1px 3px;
        border: none;
        background: none;       
    }
    
/* 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: right;
        padding-left: 19px;
        /*background: url('../images/system/bg-link1.png') no-repeat 0px 4px;*/
    }
    
    

/* hlavni blokove elementy na strance */

	#container {
        position: relative;        
	}
    
    #languageBar {
        display: none;
    }
    
	#header {
        display: none;
    }
    
    #logo {
        margin-left: 30px;
    }
    
    #content {
        position: relative;
    }
    
    #footer {
         display: none;
    }
    
    #copy {
        text-align: left;
        padding-top: 3px;
        font-size: 11px;
        color: #B2B2B2;
        border-top: solid 1px #555;
    }
    
    #leftTrail {
        display: none;
    }
    
    #textArea {
        padding-bottom: 20px;
        line-height: 1.4em;
        font-size: 0.9em;
    }
    
    #textFrame {
        padding: 28px 26px 10px 26px;
        float: left;              
    }   

    .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: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;
    }
    
    #moreSearch {
        position: absolute;
        width: 223px;
        background: #eee;
        right: 0;
        top: 85px;
        z-index: 200;
        padding: 10px 10px 0;
        display: none;
        border-top: 1px solid #D9D9D9;
        border-bottom: 1px solid #aaa;
        border-left: 1px solid #D9D9D9;
        border-right: 1px solid #aaa;
    }
    
    #moreSearch a {
       float: right;
    }
    
    #moreSearch select, #moreSearch input {
       width:  200px;
    }
    
    #moreSearch div {
        margin-bottom: 10px;
    }
    #moreSearch label {
        text-align: left;
        padding-right: 5px;
        display: block;
        margin-bottom: 4px;
        font-size: 0.9em;
    }
    
/* 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-left: 1px solid #D9D9D9;
        padding: 16px 16px 2px 32px; 
        background: url('../images/system/bg-link2.png') no-repeat 16px 20px;        
    }
    
    #footerMenu li.last {
        background: none; 
        padding: 16px 16px 2px 16px;         
        //padding: 14px 16px 2px 16px;         
    }
    
/* 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 {
        width: auto;
    }
    
    
    .chapterTitle {
        text-align: right;
        margin: 0;
        padding: 0px 25px 10px 0;
        border-bottom: 2px solid #000;
        /* font-family:Times New Roman; */
    }
    
    .chapterTitle h1 {
        font-size: 17px;
        color: #000;
        line-height: 20px;
        margin: 0;
    }
    
    #droplets {
        display: none;
    }
    
    #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: auto !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;        
    }
    
    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: 40px;
        z-index: 200;
    }
    
    #layerLoginBg {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/system/layer-login.png', sizingMethod='image');
        width: 195px;
        height: 104px;        
        display: none;
        *display: block;
        position: absolute;
    }

    #layerLogin {
        background: url('../images/system/layer-login.png') no-repeat;
        *background: none;
        width: 195px;
        height: 104px;
        position: absolute;        
        padding: 15px 0 0 10px;
        font-size: 11px;
        color: #808080;        
    }
    
    #layerLogin div {
        margin: 0;
        padding: 2px 1px;
        border: 0;
        position: relative;
    }
    
    #layerLogin input {
        width: 100px;
    }
    
    #layerLogin input.submit {
        width: auto;
    }
    
    #layerLogin div span {
        width: 50px;
        display: block;
        float: left;
        text-align: right;
        padding-right: 5px;
    }

/* 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;
    }
    
    .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;
        background: url('../images/kategorie/kontBox-noimage.png') no-repeat;
        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 8px 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;          
    }
    
/* 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;
    }
    
    .strukturaBoxSub {
        width: 673px;
        height: 106px;
        background: url('../images/kategorie/bg-struktura-sub.png') no-repeat;
        margin: 0 0 15px 27px;
    }
    
    .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;
    }
    
/* 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;
    }
    
/* 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;
    }