/* CSS Document */
/*
Styles - default
Autor: Silhanek Michal
E-mail: silhec@seznam.cz
Vytvoreno: 10/2008
Posledni uprava: 20 rijen 2008
---------------------------- 
fotky:
- na sirku: max. 900px;
- na vysku: max. 800px;
- na vysku - foto_small - vyrez 190x143 vetsinou

Barvy:
body, content: ebe4da
menu: #44a2a2;
head + h2, h3...: #0b516a;
brown: #a52a2a;
menu-active: #fdfd7f; puvodni zluta: ffff01;
zluta ve atonovi: fefe9e
pismo: 333;
h1: 000;
silver: c0c0c0;
*/

#ad {
 padding: 20px 20px 0 20px;
 margin-bottom: 20px;
 background-color: #fff;
 font-size: 110%;
}

body {
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: small;
	text-align: center;
	min-width: 990px;
    line-height: 1.5;
	color: #333;
	background: #ebe4da url(../lyout/body.jpg) top left repeat-x;
}
html, body {
	height: 100%;
}
* {
	padding: 0;
	margin: 0;
}
li {
	display: list-item;
}
.skryt, #menu h2 {
	width: 200px;
	position: absolute;
	left: 0;
	top: -3000px
}
hr, caption, #toplist_ {
	display: none
}
.cistic {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px
}
/*---------------------------------------------------------------------------------------------*/
/* layout */
#back {
    width: 100%;
	min-height: 100%; 
}
#head {
	width: 990px;
	margin: 0 auto;
	height: 200px;
	position: relative; /* kvuli pozicovani drobeckove h1, h2 */
	background-color: #0b516a;
	
}
#content_all {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	position: relative; /* kvuli pozicovani drobeckove navigace */
	background: #ebe4da;
}
#content {
	width: 700px; /* cisty prostor pro text 665px */
	float: left;
	overflow: hidden;
    background: #ebe4da url(../lyout/content.jpg) top left no-repeat;	
}
#in {
   padding: 30px 0px 20px 45px;
   position: relative; /* kvuli pozicovani strankovani */
}
#panel_all { 
	width: 260px;
	float: right;
	display: inline;
	margin-right: 10px;
}
.panel { 
	width: 260px;
	min-height: 200px;
	margin-bottom: 20px;
	overflow: hidden;
	background: url(../lyout/panel.jpg) top left no-repeat;
}
.panel .in { /* panel - cisty text = 215px */
    padding: 20px 0 0 45px;	
}
#foot {
	width: 100%;
	height: 115px;
	background: url(../lyout/foot_repeat.jpg) repeat-x bottom left;
	float: left;
	clear: both;
}
#foot .in {
    width: 990px;
	margin: 0 auto;
	background: #ebe4da url(../lyout/foot.jpg) no-repeat top left; 
	height: 115px;
	position: relative; /* kvuli pozicovani toplistu */
}
/* /layout */
/*---------------------------------------------------------------------------------------------------*/
/* menu */
#menu {
    width: 990px;
	margin: 0 auto;
	text-align: left;
	background: #44a2a2 url(../lyout/menu.jpg) top left repeat-x;
	height: 75px;
	font-family: Georgia,Times New Roman,Times,serif;
	font-size: 95%;
	color: #2c2b57;
}
#menu ul {
	margin: 0;
	padding: 0;
	height: 75px;	
}
#menu li {
	list-style: none;
	display: inline;
	float: left;
	height: 55px;
	width: 198px;
	text-align: center;
	overflow: hidden;
	margin-top: 5px;
	background: url(../lyout/menuli.gif) top right no-repeat;
}
#menu li.last {
	background: none;
}
#menu li a, #menu li strong {
	display: block;
	padding: 10px 0 25px 0;
	font-weight: bold;
}
#menu li a:link, #menu li a:visited {
	text-decoration: none;
	color: #ebe4da;
	background: url(../img/pyramid_bezova.gif) bottom center no-repeat;
	
}
#menu li a:hover {
	
	color: #2c2b57;
	background: url(../img/pyramid.gif) bottom center no-repeat;
}
#menu li strong {
	color: #fdfd7f;
	background: url(../img/pyramid_a_y_2.gif) bottom center no-repeat;
}
/* /menu */
/*-------------------------------------------------------------------------------------------------*/
/* nadpisy */
h1, h1 span {
	display: block;
	font-weight: normal;
	color: #fff;
	width: 195px;
	height: 200px;
	z-index: 3;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	font-size: 140%;
	cursor: pointer;
	margin: 0;
	padding: 0;
   }
h1 span {
   z-index: 4;
   background: url(../lyout/h1_3.jpg) left top no-repeat;
   top: 0;
   left: 0;
}
#head h1 a:link, #head h1 a:visited, #head h1 a:hover {
	text-decoration: none;
	color: #fff
}
#home h1 span {
   cursor: default;
}
#head h2, #head h2 span {
   width: 795px;
   height: 200px;
   display: block;
   position:absolute;
   left: 195px;
   top: 0;
   font-size: 130%;
   font-weight: normal;
   z-index: 1;
   overflow: hidden;
   color: #fff;
   text-align: center;
   margin: 0;
   padding: 0;
}
#head h2 span {
   background: url(../lyout/h2.jpg) no-repeat right top;
   z-index: 2;
   top: 0;
   left: 0;
}
#head h2 {
   background: none;
}
h2, h3, h4, h5 { 
    font-weight: normal;
	padding: 0 0 10px 5px;
	color: #0b516a;
	font-family: Georgia, Times New Roman, Times,serif;
}
h2 {
	font-size: 150%;
	color: #000;
	background: url(../img/aton_2.gif) 0 0px no-repeat;
	padding: 0 0 10px 60px;
}
h3 {
	font-size: 135%;
}
h4 {
	font-size: 120%;
}
.panel h3  { 
	padding: 0;
	margin-top: 15px;
	font-size: 120%;
}
/* /nadpisy */
/*------------------------------------------------------------------------------------------------*/
p, address {
	padding: 0 0 15px 0;
	font-style: normal;
} 
.panel p {
    margin-top: 10px;
}
strong, em {
   color: #448e8e; /*44a2a2; - torochu ztmaveni pro lepsi viditelnost */
   font-style:  normal;
   font-weight: bold;
}
i {
   color: #000;
   font-style: italic; 
   font-weight: normal;
}

a.home {
    background: url(../img/home.gif) left center no-repeat;
	padding-left: 18px;
}
a.print {
    background: url(../img/print.gif) left center no-repeat;
	padding-left: 18px;
}
a.top {
    background: url(../img/top.gif) left center no-repeat;
	padding-left: 18px;
}
#toplist {
    position: absolute;
	bottom: 10px;
	right: 90px;
	z-index: 1;
}
#toplist img {
    border: 3px solid white;
	padding: 0;
}
abbr, acronym {  
    border-bottom: 1px dashed #333;
	cursor: help;
}
p#drobecky {
	margin: 0;
	padding: 10px 0 0px 70px;
	width:100%;
	clear:both;
}
#copy, #servis {
    text-align: center;   
}
p#servis {
	padding: 40px 15px 10px 15px;
}
/* seznamy */
ul, ol {
	padding: 0 0 15px 20px;
}
#content li, .panel li   {
	margin: 0 0 5px 0;
	list-style: none;
	background: url(../img/li.gif) 0 0.27em no-repeat;
	padding-left: 17px;  
}
#content ol li, .panel ol li {
	list-style: decimal;
	background: none;
	padding-left: 5px;
}
.panel ul {
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.panel li {
	margin-bottom: 2px;
}
dl {
    padding-bottom: 15px;
}
/* /seznamy */
/*------------------------------------------------------------------------------------------------------------*/
/* odkazy */
a {
	white-space: nowrap;
	text-decoration: underline;
}
a:link, a:visited {
	color: #a52a2a;
}
a:hover {
	color: gray;
	text-decoration: none;
}
a.out {
    background: transparent url(../img/out.gif) right top no-repeat;
	padding-right: 13px;
	/* kvuli zobrazeni pozadi v ie kdyz je odkaz zalomen na druhy radek */
	position: relative; white-space: nowrap; display: inline-block; 
}
.panel a, .panel li a {
	white-space: normal;
}
/* /odkazy */
/*--------------------------------------------------------------------------------------------------------------*/
/* OBRAZKY */
img {
	border: 1px solid silver;
	padding: 4px;
	background: white;
}
.border_no {
    border: none;
	padding: 0;
}
img.right {
   float: right;
   margin: 0 0 15px 20px;
   clear: right; 
}
img.left {
   float: left;
   margin: 5px 20px 15px 0;
   clear: left; 
}
.panel img  { 
	margin-top: 10px;	
}
p img {
	margin: 0 15px 15px 0;
	float: left;
}
a:hover img {
	padding: 4px;
	background: #E3D2B6;
}

/*.right img{border: 4px solid #fff;}
.right a:hover img {border-color:#E4D8C0;}


.right {float:right;margin:5px 0 15px 20px;display:inline;}
.left{float:left;margin:5px 20px 15px 0;display:inline;}

#content p.img{padding-bottom:0;border:2px solid silver;}*/

/* /OBRAZKY */
/*----------------------------------------------------------------------------------------------------------------*/
/* FOTOGALERIE */
.foto {
   width: 100%;
   min-height: 130px;
   margin: 15px 0;
   background: #ebe4da url(../lyout/foto_hr.jpg) bottom left repeat-x;
   color: #333;
   line-height: 1.4;  
}
.foto .in {
   padding: 10px 10px 10px 10px;
}
.foto img.left {
   float: left;
   margin: 0 0px 10px 10px;
}

.foto h3 {
   background: none;
   padding: 0 0 10px 0;
   clear: none;
   font-size: 125%;
}

p#strankovani_up, p#strankovani {
    text-align: center;
	font-size: 120%;
	padding: 3px 0; 
}
p#strankovani_up {
    position: absolute;
	top: 30px;
	right: 50px;
	height: 20px;
	z-index: 17;
}
#strankovani_up a, #strankovani_up strong, #strankovani a, #strankovani strong {
    background: #fff;
	padding: 4px 6px;
	border: 1px solid #c0c0c0;
	margin-right: 3px;
	
}
p#strankovani strong, p#strankovani_up strong {
    background: #ffff01; 
	color: #000000;	
}
/* /FOTOGALERIE */
/*-------------------------------------------------------------------------------------------------------------------*/
/* FORMULAR */
#form {
    width: 85%;
}
legend { 
	display: none;
} 
fieldset { 
    padding: 10px 20px 10px 0px;
	border: none;
} 
fieldset input, textarea { 
    margin: 0 0 7px 0;
    width: 80%;
	border: 1px solid gray;  
}
fieldset input.mensi { 
    width: 50%;
}
fieldset input.mensi_ { 
    width: 25%;
}
input.button_ { 
    margin: 10px 0 10px 20px;
    background-color: brown;
    color: #fff;
    border: 3px solid #fff;
    padding: 5px 30px;
    font-weight: bold;
	border-style: outset;
}
p.chyba {
    color: #f85f0b;
	font-size: 120%;
	background: transparent url(../img/chyba.gif) left 0.4em no-repeat;
	padding-left: 25px;
}
p.ok {
    color: #f85f0b;
	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 img { 
    border:none;
}
#lightbox a:hover img { 
    background:none;
}
#outerImageContainer{
	position: relative;
	background-color: #fff; /* barva pozadi fotografie - pouze okna */
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border: 1px solid silver;  /*barva oramovani obrazku #323232; */
    border-bottom:none;
	}
#imageContainer { 
    padding: 5px 0 0 0
}
#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(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#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 { /* box obdelniku s textem dole */
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;	
	color: #000;
	border: 1px solid silver;  /*barva oramovani boxu dole - #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; /*#f4f4f4;   pozadi cele stranky za obrazkem!!! */
}