body {
	background-color: #ffffff;
                margin: 0px auto;
                padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
                text-align: center;
}

body.tisk {
	background-color: #ffffff;
	margin: 0px;
                padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
                font-size: 100%;
                color: #000000;
                text-align: left;
}

body.admin {
	background-color: #ffffff;
	margin: 20px;
                padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
                font-size: 80%;
                color: #000000;
                text-align: left;
}

body.okno {
	background-color: #ffffff;
	margin: 20px;
                padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
                font-size: 80%;
                color: #000000;
                text-align: left;
}

A {
	color: #c26f16;
                text-decoration: none;
}

A:hover {
	color: #07244A;
                text-decoration: underline;
}

A.nadpis {
	text-decoration: none;
}

form {margin-top: 0px; margin-bottom: 0px;}

.pismo {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 75%;
              color: #3f3f3f;
}

.pismo-bile {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 75%;
              color: #ffffff;
}

.pismo-odkaz {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 75%;
              color: #3f3f3f;
              cursor: hand;
}

.modra {
                color: #346b9e;
}

















/* HORNI LISTA - logo a horni menu */

#stranka {
                position: relative;
	width: 990px;
                margin: 0px auto;
}

#horni-lista {
	width: 960px;
                margin: 0px auto;
  	padding: 0px;
  	padding-top: 15px;
	background-color: #FFFFFF;
                border-left: 15px solid #FFFFFF;
                border-right: 15px solid #FFFFFF;
}

#horni-lista-logo {
	width: 960px;
	height: 60px;
	background-color: #FFFFF;
}

#horni-lista-logo-vlevo {
                float: left;
                text-align: left;
	width: 262px;
	height: 60px;
                padding: 0px;
                margin: 0px;
}

#horni-lista-logo-vpravo {
                float: left;
                text-align: left;
	width: 698px;
	height: 60px;
                padding: 0px;
                margin: 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
                font-size: 150%;
                color: #acacac;
                font-weight: normal;
                letter-spacing: 1px;
                padding-top: 14px;
                padding-bottom: 0px;
                margin: 0px;
                text-align: left;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
                font-size: 80%;
                color: #acacac;
                font-weight: normal;
                letter-spacing: 1px;
                padding: 0px;
                margin: 0px;
                text-align: left;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
                font-size: 150%;
                color: #000000;
                font-weight: normal;
                padding-top: 14px;
                padding-bottom: 0px;
                margin: 0px;
                text-align: left;
}

#horni-lista-menu {
	width: 960px;
	height: 40px;
	background-color: #FFFFF;
}

ul#horni-lista-menu-obsah  {
	margin: 0px;
                padding: 0px;
}

ul#horni-lista-menu-obsah li {
	list-style-type: none;
	float: left;
                border-bottom: 1px solid #d1d1d1;
	margin: 0px;
                margin-left: 10px;
}

ul#horni-lista-menu-obsah li.prvni {
	list-style-type: none;
	float: left;
                border-bottom: 1px solid #d1d1d1;
	margin: 0px;
}

ul#horni-lista-menu-obsah li a{
                 display: block;
                 padding-top: 8px;
                 padding-bottom: 6px;
                 padding-right: 11px;
                 font-size: 12px;
                 color: #886b43;
                 text-decoration: none;
                 white-space: nowrap; 
}

ul#horni-lista-menu-obsah li a:hover{
                   color: #000000;
}

#horni-lista-motiv {
	width: 960px;
	height: 180px;
                background-image: url("images/hl_pozadi.jpg");
                background-repeat: no-repeat;
}

#horni-lista-motiv-vlevo {
	float: left;
	width: 480px;
	height: 180px;
}

.hl-input  {
                font-size: 11px;
                color: 89898b;
                background-color: #ffffff;
                border: 1px solid #d1d1d1;
}

.hl-submit {
                font-family: Arial;
                font-size: 11px;
                color: #346b9e;
                border: 1px solid #d1d1d1;
                background-color: #ffffff;
                margin: 0px;
                padding: 0px;
                height: 17px;
}

.hl-jazyky  {
                font-size: 11px;
                color: 89898b;
                padding-left: 30px; 
}

.hl-jazyky A  {
                color: 89898b;
}












/* HORNI LISTA - rolovaci menu */

#menu {
	width: 960px;
	height: 40px;
	background-color: #FFFFF;
}

#menu ul {
                   margin: 0px;
                   padding: 0px;
}

#menu li {
	list-style-type: none;
                position: relative;
	float: left;
                border-bottom: 1px solid #d1d1d1;
	margin: 0px;
}

#menu li.prvni {
	list-style-type: none;
                position: relative;
	float: left;
                border-bottom: 1px solid #d1d1d1;
	margin: 0px;
}

#menu .cat {
                 white-space: nowrap; 
                 padding-top: 8px;
                 padding-bottom: 6px;
                 padding-right: 20px;

}

A.cat-odkaz {
                 font-size: 12px;
                 color: #a35d13;
                 text-decoration: none;
}

A.cat-odkaz:hover {
                 font-size: 12px;
                 color: #000000;
                 text-decoration: none;
}

ul.sub2, ul.sub3, ul.sub4, ul.sub5 {
                     width: 150px;
                     position: absolute;
                     z-index: 10;
                     visibility:hidden;
                     text-align: left;
}

ul.sub1 {
                     width: 200px;
                     position: absolute;
                     z-index: 10;
                     visibility:hidden;
                     text-align: left;
}

#menu ul.sub1 li, #menu ul.sub2 li, #menu ul.sub3 li, #menu ul.sub4 li, #menu ul.sub5 li {
                   display: block;
                   width: 100%;
                   margin: 0px;
                   padding: 0px;
}

#menu ul.sub1 li a, #menu ul.sub2 li a, #menu ul.sub3 li a, #menu ul.sub4 li a, #menu ul.sub5 li a {
                   display: block;
                   width: 100%;
                   border-left: 1px solid #d1d1d1;
                   border-right: 1px solid #d1d1d1;
                   border-top: 1px solid #d1d1d1;
                   background-color: #eaeaea;
                   margin: 0px;
                   padding: 5px;
                   text-decoration: none;
                   font-family: Arial, Helvetica, sans-serif;
                   font-size: 11px;
                   color: #000000;
}

#menu ul.sub1 li a:hover, #menu ul.sub2 li a:hover, #menu ul.sub3 li a:hover, #menu ul.sub4 li a:hover, #menu ul.sub5 li a:hover {
                   background-color: #346b9e;
                   color: #FFFFFF;
}

#menu ul li.main {position: relative; margin-left: 10px;}
#menu ul li.main-prvni {position: relative;}

#menu ul li > ul.sub1, #menu ul li > ul.sub2, #menu ul li > ul.sub3, #menu ul li > ul.sub4, #menu ul li > ul.sub5 {
                   position: absolute; z-index:10; visibility: hidden;
}

#menu ul li.main:hover ul.sub1, #menu ul li.main:hover ul.sub2, #menu ul li.main:hover ul.sub3, #menu ul li.main:hover ul.sub4, #menu ul li.main:hover ul.sub5 {
                  visibility: visible;
}
















/* SPODNI LISTA - menu vlevo, hlavni text, paticka */

#spodni-lista {
	width: 960px;
                margin: 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
                border-left: 15px solid #FFFFFF;
                border-right: 15px solid #FFFFFF;
}

#spodni-lista-obsah {
                text-align: left;
	background-color: #FFFFFF;
	width: 960px;
                padding: 0px;
                padding-bottom: 20px;
                margin: 0px;
}

#tlacitko-krok2 {
              padding-left: 161px;
}

#tlacitko-krok2-submit {
              width: 159px;
                font-family: Arial;
                font-size: 12px;
                color: #ffffff;
                border: 1px solid #d1d1d1;
                background-color: #212326;
                margin: 0px;
                padding: 0px;
                height: 22px;
}

#tlacitko-krok3 {
              padding-left: 321px;
}

#box-hlavni-text {
              width: 960px;
              margin-top: 0px;
              padding-top: 20px;
}

#box-hlavni-text-tisk {
              width: 100%;
              background-color: #FFFFFF;
}

#box-hlavni-text-vlevo {
              float: left;
              width: 480px;
              margin-top: 0px;
              padding-top: 20px;
}

#box-hlavni-text-vlevo-tisk {
              float: left;
              width: 50%;
              background-color: #FFFFFF;
}

#box-hlavni-text-vpravo {
              float: left;
              width: 480px;
              margin-top: 0px;
              padding-top: 20px;
}

#box-hlavni-text-vpravo-tisk {
              float: left;
              width: 50%;
              background-color: #FFFFFF;
}

#box-hlavni-text-obsah {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 75%;
              color: #3f3f3f;
              text-align: justify;
}

#box-hlavni-text-vpravo-obsah {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 75%;
              color: #3f3f3f;
              text-align: justify;
              padding-left: 40px;
              padding-top: 34px;
}

#spodni-lista-paticka {
	width: 960px;
	height: 60px;
                border-top: 1px solid #d1d1d1;
}

#spodni-lista-paticka-vlevo {
                float: left;
	width: 630px;
	height: 60px;
	background-image: url("images/sl_paticka_logo.gif");
	background-color: #ffffff;
                background-repeat: no-repeat;
                text-align: left;
	font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
                color: #89898B;
                padding-top: 15px;
}

#spodni-lista-paticka-vlevo-obsah {
                padding-left: 110px;
}

#spodni-lista-paticka-vpravo {
                float: left;
	width: 330px;
	height: 60px;
                text-align: right;
	font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
                color: #89898B;
                padding-top: 15px;
}

#spodni-lista-odkazy {
	font-family: Arial, Helvetica, sans-serif;
                font-size: 10px;
                color: #89898B;
}

#spodni-lista-odkazy A {
                color: #89898B;
}













/* UVODNI STRANKA */


#tbl-uvod-text {
	width: 960px;
}

#tbl-uvod-text-vlevo {
                float: left;
                text-align: left;
	width: 505px;
                padding: 0px;
                margin: 0px;
}

#tbl-uvod-text-vpravo {
                float: left;
                text-align: justify;
	width: 455px;
                padding: 0px;
                margin: 0px;
}

#tbl-uvod-text-odsazeni1 {
                padding-right: 30px;
                text-align: justify;
}

ul#tbl-uvod-text-seznam {
                   margin: 0px;
                   margin-left: 11px;
                   padding: 0px;
                   padding-top: 14px;
}

ul#tbl-uvod-text-seznam li {
                   margin: 4px;
                   padding-top: 1px;
                   padding-bottom: 1px;
                   list-style-type: square;
}

.tbl-uvod-bunky {
	width: 960px;
                padding-top: 15px;
                padding-bottom: 0px;
                clear: both;
}

.tbl-uvod-bunky-vlevo {
                float: left;
                text-align: left;
	width: 243px;
                padding: 0px;
                margin: 0px;
}

.tbl-uvod-bunky-vlevo-odsazeni {
                margin-right: 14px;
}

.tbl-uvod-bunky-vpravo {
                float: left;
                text-align: left;
	width: 228px;
                padding: 0px;
                margin: 0px;
}

.tbl-uvod-bunky-foto {
                border-top: 1px solid #d1d1d1;
                padding-top: 10px;
}

.tbl-uvod-bunky-nadpis {
                text-align: left;
                padding-top: 10px;
                padding-bottom: 10px;
}

.tbl-uvod-bunky-text {
                text-align: left;
}













/* OSTATNI - pismo, nadpisy atd. */


H1 {
	font-family: Arial, Helvetica, sans-serif;
                font-size: 100%;
                color: #a35d13;
                font-weight: normal;
                margin: 0px;
}

H1.tisk {
                padding-top: 0px;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
                font-size: 100%;
                color: #a35d13;
                font-weight: normal;
                margin: 0px;
}

H2.vany {
	font-family: Arial, Helvetica, sans-serif;
                font-size: 100%;
                color: #346b9e;
                font-weight: normal;
                margin: 0px;
                padding-top: 10px;
}

H2.kontakty {
	font-family: Arial, Helvetica, sans-serif;
                font-size: 140%;
                color: #4C7DB3;
                font-weight: normal;
                margin: 0px;
                padding-bottom: 4px;
}

H2 a {
	text-decoration: none;
}

H2 a:hover {
	text-decoration: underline;
}

.text-mezera {
                    width: 100%;
                    border-top: 1px dotted #787878;
                    padding-bottom: 10px;
}

#odkaz-tisk {
	background-image: url("images/ikona_tisk.gif");
                background-repeat: no-repeat;
                padding-left: 20px;
                margin: 0px;
                font-size: 90%;
}

#odkaz-odrazka {
	background-image: url("images/ikona_odrazka.gif");
                background-repeat: no-repeat;
                padding-left: 17px;
                margin: 0px;
                font-size: 90%;
                font-weight: bold;
}

#odkaz-odrazka-nahore {
	background-image: url("images/ikona_odrazka.gif");
                background-repeat: no-repeat;
                padding-left: 17px;
                margin: 0px;
                font-size: 90%;
}

.input  {background-color: #F2F2F2}

.katalog-input {
             font-size: 11px;
             width: 20px;
}

ul.seznam {
                   margin: 0px;
                   margin-left: 12px;
                   padding: 0px;
}

ul.seznam li {
                   margin: 4px;
                   padding-top: 1px;
                   padding-bottom: 1px;
                   list-style-type: square;
}

ol.seznam {
                   margin: 0px;
                   margin-left: 26px;
                   padding: 0px;
}

ol.seznam li {
                   margin: 4px;
                   padding-top: 1px;
                   padding-bottom: 1px;
}

hr  {
                   border-top: 1px dotted #787878;
                   margin-top: 10px;
                   margin-bottom: 10px;
                   border-left: none;
                   border-right: none;
}

.submit-tlacitko {
                font-family: Arial;
                font-size: 12px;
                color: #346b9e;
                border: 1px solid #d1d1d1;
                background-color: #ffffff;
                margin: 0px;
                padding: 0px;
                height: 22px;
}

.submit-tlacitko-objednavka {
                font-family: Arial;
                font-size: 12px;
                font-weight: bold;
                color: #89898b;
                border: 0px;
                background-color: #d1d1d1;
                margin: 0px;
                padding: 0px;
                width: 143px;
}

.ks {font-size: 9px;
        width: 22px}

.krok-hlaska {
                font-family: Arial;
                font-size: 12px;
	color: #808080
} 

.fotky IMG {
border: 1px solid #D5D5D5;
margin: 3px;
padding: 8px;
}

.fotka {
border: 1px solid #D5D5D5;
margin: 3px;
padding: 8px;
}














/* TABULKA S NAHLEDY */

#tbl-cele-bunky {
	width: 960px;
                clear: both;
}

.tbl-cele-bunky-vlevo {
                float: left;
                text-align: left;
	width: 243px;
                padding: 0px;
                margin: 0px;
                margin-top: 10px;
}

.tbl-cele-bunky-vlevo-odsazeni {
                margin-right: 14px;
}

.tbl-cele-bunky-vpravo {
                float: left;
                text-align: left;
	width: 228px;
                padding: 0px;
                margin: 0px;
                margin-top: 10px;
}

.tbl-cele-bunky-vpravo-reference {
                float: left;
                text-align: left;
	width: 474px;
                padding: 0px;
                margin: 0px;
                margin-top: 10px;
}

.tbl-cele-bunky-foto {
                border-top: 1px solid #d1d1d1;
                padding-top: 10px;
}

.tbl-cele-bunky-foto-vany {
                background-color: #ffffff;
                width: 229px;
                height: 50px;
}

.tbl-cele-bunky-nadpis {
                text-align: left;
                padding-top: 10px;
                padding-bottom: 0px;
}

.tbl-cele-bunky-text {
                text-align: justify;
}

#tbl-pul-bunky {
	width: 480px;
                clear: both;
}

.tbl-pul-bunky-vlevo {
                float: left;
                text-align: left;
	width: 165px;
                padding: 0px;
                margin: 0px;
}

.tbl-pul-bunky-vlevo-odsazeni {
                margin-right: 15px;
}

.tbl-pul-bunky-vpravo {
                float: left;
                text-align: left;
	width: 150px;
                padding: 0px;
                margin: 0px;
}

.tbl-pul-bunky-foto {
                border-top: 1px solid #d1d1d1;
                padding-top: 10px;
}

.tbl-pul-bunky-nadpis {
                text-align: left;
                padding-top: 10px;
                padding-bottom: 10px;
}

.tbl-pul-bunky-text {
                text-align: left;
}

.ikona-lp {
                margin-left: 5px;
}

.tbl-foto-vany-velke {
                background-color: #ffffff;
}

.pruhledne {   
	opacity: 0.5;   
	filter: alpha(opacity=50);   
	-moz-opacity: 0.5;   
	-khtml-opacity: 0.5;   
}  

.vany-nadpis {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 75%;
              color: #3f3f3f;
              padding-left: 20px;
}

ul li {margin: 4px;
    list-style-type: square}


















/* FOTOGALERIE */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
