/* CSS Document */
/*
Styles - default
Autor: Silhanek Michal
E-mail: silhec@seznam.cz
---------------------------- 
Barvy:
bg-lyout: #98988E;
nadpisy: #323232;
oranzova-svetla (odkazy, ): #FF7A01;
seda-content-bg: #98988E;
text-color: #88887D;
text-color-tmavsi: #838378;
stribrna (seda): #D4D4D4, #dcdcdc, #e9e9e9 
frenkova oranzova: #ff9900;
logo-seda: #a9a9a9;
seda :hover: #E7E7E7;
*/
body {
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: small;
	text-align: center;
	min-width: 990px;
    line-height: 1.5;
	color: #838378;
	background: #a9a9a9 url(../lyout/bg_orange.gif) top left no-repeat; /* 800px - pro rozliseni max. w-2560px */
}
html, body {
	height: 100%;
}
* {
	padding: 0;
	margin: 0;
}
li {
	display: list-item;
}
#head p {
	width: 200px;
	position: absolute;
	left: 0;
	top: -1000px
}
hr, #toplist {
	display: none
}
.cistic {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px
}
#back {
 width: 100%;
 background: url(../lyout/bg_orange.gif) bottom left no-repeat; 
}
#page {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	position: relative;
	height: 100%;
}
#head {
   float: right; 
   width: 690px;
   height: 220px;
   background-color: #a9a9a9;
   position: relative;
   display: inline;
}
#menu {
   float: left;
   height: 220px;
   width: 300px;
   display: inline;	
   background: #ff9900;
   overflow: hidden;
   display: inline;
   text-transform: uppercase;
    
}
/* nepouzivat cisla pro id a class - pro operu, firefox */

#menu_2 {
   float: left;
   width: 300px;
   display: inline;
   overflow: hidden;
}
#menu_2 p {
   margin: 20px 0 0 30px; 	
}
#center {
   padding-bottom: 220px;
   width: 100%;	
   background: #a9a9a9;
}

#content {
	width: 690px; /* cisty prostor pro text 620px */
	float: right;
	overflow: hidden;
	background: #fff;
}
#in {
   margin: 15px;
   padding: 15px 20px;
   background: #dcdcdc url(../img/content_orange.gif) 100% 0% no-repeat;
   min-height: 500px;
   /* #DADADA #CDCEC9 - out;d4d4d4 in -   #dcdcdc #e9e9e9 */
}

#foot {
	width: 990px;
	height: 220px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	text-align: center;
	background: #a9a9a9;
	color: #333;
}
#foot_left {  /* zmensit na 200px - prehodit oranovu nahoru tu oriznout o 2Opx na 200 !!!!!! */
    width: 300px;
	height: 220px;
	float: left;
	background: #ff9900; 
	display: inline;
}
#foot_in {
    width: 690px;
	height: 220px;
	float: right;
	display: inline;
}

#head h1, #head h1 span {
   display: block;
   font-weight: normal;
   color: #fff;
   width: 199px;
   height: 102px;
   z-index: 3;
   position: absolute;
   left: -70px;
   top: 59px;
   overflow: hidden;
   font-size: 140%;
   cursor: pointer;
   }
#head h1 span {
   z-index: 4;
   background: url(../lyout/h1.jpg) no-repeat;
   top: 0;
   left: 0;
}
#home h1 span {
   cursor: default;
}
#head h2, #head h2 span {
   width: 561px;
   height: 102px;
   display: block;
   position:absolute;
   left: 129px;
   top: 59px;
   font-size: 130%;
   font-weight: normal;
   z-index: 1;
   overflow: hidden;
   color: #fff;
   text-align: center;
}
#head h2 span {
   background: url(../lyout/h2.jpg) no-repeat;
   z-index: 2;
   top: 0;
   left: 0;
}

/* /layout */
/* nadpisy */
#content h2, h3, h4 { 
    font-weight: normal;
	margin-bottom: 5px;
	padding: 5px 0 5px 45px;
	background: url(../img/ikona_3.gif) no-repeat left center;
	color: #323232;
	clear: left;
}

#content h2 {
	font-size: 135%;
}
h2 span, #content h3 span, h4 span {
	display: block;
	font-size: 80%;
	padding: 2px 0 0 0;
}
h3 {
	font-size: 130%;
}
h3.dekorace {
    background: none;
	padding-left: 0;
}
#menu_2 h3 {
    background: none;
	margin: 20px 0 -15px 25px;
	font-size: 110%;
}
#menu_2 h4  {
    background: none;
	margin: 5px 0 0px 25px;
}
h4 {
	font-size: 110%;
}

/* /nadpisy */
/* menu */

#menu ul, #menu_2 ul { 
   width: 100%;
   text-align: left;
    margin: 0; /* potreba vynulovat levy margin pro stejne zobrazeni ve vsech prohlizecich */
   padding: 30px 0 0 60px; /* paddingem nastavit odstupy celeho seznamu */
}
#menu ul {  
   padding: 17px 0 0 60px; /* paddingem nastavit odstupy celeho seznamu */
}
#menu li, #menu_2 li {
	list-style: none;
	overflow: hidden;
	margin: 0 0 13px 0;	
}
#menu li a, #menu strong, #menu_2 li a, #menu_2 strong {
	font-weight: normal;
	text-decoration: none;
	padding-left: 25px; /* levy padding nastavit na velikost odrazky */
	background: url(../img/top_arrow.gif) left center no-repeat;
}

#menu strong, #menu_2 strong {
	font-weight: bold;
	color: #323232;
	background: url(../img/top_arrow_black.gif) left center no-repeat;
	
}
#menu li a:hover {
	text-decoration: underline;
	background: url(../img/top_arrow_seda.gif) left center no-repeat;
}



/* /menu */

/* menu_2 */
#menu_2 li {
	width: 225px; /*15px odstup od okraje bloku, celkove mista 230px */
	color: #fff;
}
#menu_2 li a, #menu_2 strong {
	background: url(../img/down_arrow.gif) left center no-repeat;
	width: 225px; /*  kdyz je zadan width zde, tak nemusi byt display: block; - sipka drzi na miste i pri textu na dva radky. pro display block musi byt zadana i sirka!! */
}

#center #menu_2 strong {
	background: url(../img/down_arrow_black.gif) left center no-repeat;
	
}

#menu_2 li a:hover {
	text-decoration: underline;
	background: url(../img/down_arrow_seda.gif) left center no-repeat;
}
#menu_2 p {
   margin-left: 30px; 	
}


#links li a {
    background: url(../img/away_arrow_12.gif) left center no-repeat;
	text-decoration: underline;
	line-height: 1;
}
#links li a:hover {
	text-decoration: none;
	background: url(../img/away_arrow_12.gif) left center no-repeat;
}
#menu_2 #kontakt a {
    background: url(../img/down_arrow.gif) left center no-repeat;
	text-decoration: underline;
}
#menu_2 #kontakt li a:hover {
	text-decoration: none;
	background: url(../img/down_arrow_seda.gif) left center no-repeat;
}
/* /menu_2 */


#foot p#copy {
    position: absolute;
	top: 165px;
	left: 485px;
	z-index: 15;
}
#foot p {
	text-align: center;
	padding: 15px 10px 0 10px;
}

p, address {
	padding: 0 0 15px 0;
	font-style: normal;
} 
strong, em, i, b, .datum {
   color: #323232;
   font-style: normal;
   font-weight: normal;
}
#orientace {
    position: absolute;
	top: 250px;
	right: 40px;
	padding: 5px;
	background: #a9a9a9;
	color: #333;
	z-index: 10;
	font-size: 90%;	
}
/* seznamy */
#content ul {
	padding: 0 0 10px 20px; /*35px misto 20px*/
}
#content ul li {
	margin: 0 0 5px 0;
	list-style: none;
	background: url(../img/odrazka_1_13.gif) left center no-repeat;  
	padding-left: 33px; /* neblyo jen k obrazku - circle */
}



/* /seznamy */

/* odkazy */

a {
	text-decoration: underline;
}
a:link, a:visited {
	color: #fff;
}
a:hover {
    color: #E7E7E7;
	text-decoration: none;
}
#content a {
	white-space: nowrap;
}
#content a:link, #content a:visited {
	color: #ff9900;
}
#content a:hover {
	color: #FE5200;
	text-decoration: none;
}

/* /odkazy */
a.home {
    background: url(../img/home.gif) left center no-repeat;
	padding-left: 18px;
}

/* OBRAZKY */
img {
    border: 5px solid #fff;
}
a:hover img {
    border: 5px solid #98988E;
}
p img {
   margin: 0 10px 10px 0;
}
img.right {
   float: right;
   margin: 0 0 15px 20px;
}
img.left {
   float: left;
   margin: 0 15px 10px 0;
}
p.kontakt_ {
   color: #323232; 
   clear: left;   
}
p.kontakt_clear {
   color: #323232; 
   clear: right;   
}

/* /OBRAZKY */

/* FOTOGALERIE */
.foto {
   width: 100%;
   min-height: 130px;
   margin: 15px 0;
   background: #fff url(../lyout/bg_foto.gif) bottom left repeat-x;
   color: #838378;
   line-height: 1.4;  
}
.foto .in {
   padding: 10px;
}
.foto img.left {
   float: left;
   margin: 0 15px 10px 0;
}
.foto img.right {
   float: right;
   margin: 0 0 10px 15px;
}
.foto h3 {
   background: none;
   padding: 0 0 10px 0;
   clear: none;
}
.foto img {
    border: 5px solid #dcdcdc;
}
.foto a:hover img {
    border: 5px solid #98988E;
}
#content .foto p.datum {
   color: #323232;  
   padding: 0;
   
}

/* /FOTOGALERIE */



/* ------------ FORMULAR ------------ */
#form {
    width: 85%;
}
legend { 
    padding : 5px 10px;
    font-size : 130%;
    color: #323232;
} 
fieldset { 
    padding : 10px 20px 10px 20px;
    border : 5px solid #a9a9a9;
} 
fieldset input, textarea { 
    margin : 0 0 7px 0;
    width : 80%;
    border : 1px solid gray;
}
fieldset input.radio {
    width: 20px;
    display: inline;
    margin: 5px 5px 10px 10px;
    color: black;
    border: none;
}
fieldset input.mensi { 
    width: 50%;
}
fieldset span {
    color: #FF7A01; 
}
input.button_ { 
    margin: 10px 0 10px 20px;
    background-color: #323232;
    color: #fff;
    border: 3px solid #fff;
    padding: 5px 10px;
    font-weight: bold;
}
input.button_:hover { 
    background-color: #ff9900;
    color: #fff;
}
input, textarea { 
    border: 1px solid gray;
}
.barva {
    color:  #FF7A01; 
}
p.chyba {
    color: #000;
	font-size: 120%;
	background: transparent url(../img/chyba.gif) left 0.4em no-repeat;
	padding-left: 25px;
}
p.ok {
    color: #000;
	font-size: 120%;
	background: transparent url(../img/ok.gif) left 0.4em no-repeat;
	padding-left: 25px;
}
/* /FORMULAR */


/* lightbox */ 
#lightbox {
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
    border:none;
}
#outerImageContainer{
	position: relative;
	background-color: #fff; /* barva pozadi fotografie - pouze okna */
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border: 5px solid #323232;
    border-bottom:none;
	}
#imageContainer { 
    padding: 5px 0 0 0
}
/*#imageContainer{
	padding: 10px;
	} soucast orginalniho skriptu*/
#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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink { 
	left: 0; float: left;
}
#nextLink { 
	right: 0; float: right;
}

#prevLink {
    left: 0;
	float: left;
	background: url("../img/prev.gif") left top no-repeat;
}
#nextLink {
    right: 0;
	float: right;
	background: url("../img/next.gif") right top no-repeat;
}

#imageDataContainer { /* obdelniku z textem dole */
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;	
	color:#000;
	border:5px solid #323232;
	border-top:none;
}
#imageData {	
	padding:0 10px; 

}
#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;	/* plav 0, orginal 0.7em*/
}	

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #333;  pozadi cele stranky za obrazkem!!! */
	}