/*-------------------------- HLAVNI LAYOUT -------------------------*/
 body {
 	margin-top: 0px;
 	margin-bottom: 0px;
 	text-align: center; /* vycentrováno pro Internet Explorer */
 	font-weight: bold;
 	margin-left: 0px;
 	margin-right: 0px;
 	padding: 0;
 	font: 11px tahoma, verdana, sans-serif;
 	line-height: 1.5;
 	background-image: url(../images-layout/pattern1.jpg);
 	color: #5c5e5f;
 }


 #hlavni{
 	background-image: url(../images-layout/pozadi-test1.jpg);
 	background-repeat: repeat-x;
 }

 #main {
 	width: 880px;   /* celková šířka */
 	margin-left: auto;
 	margin-right: auto;
 	text-align: left;
 	background-image: url(../images-layout/pozadi.jpg);
 	border-left: 1px solid black;
 	border-right: 1px solid black;
 }

 #hlavicka-null {
 	width: 100%;
 }

 #hlavicka1 {
 	width: 880px;
 	height: 121px;
 	background-image: url(../images-layout/top1.jpg);
 }

 .logo{
 	padding-left: 300px;
 	padding-top: 20px;
 	border: 0px solid white;
 }

 #hlavicka2 {
 	width: 880px;
 	height: 30px;
 	background-image: url(../images-layout/top2.jpg);
 }

 #hlavicka3 {
 	width: 880px;
 	height: 125px;
 	background-image: url(../images-layout/top3.jpg);
 }


 #vpravo-null {
 	width: 708px;
 	float: right;
 }

 #vpravo {
 	padding: 10px 10px 20px 30px;
 }

 #vlevo-null {
 	width: 147px;
 	float: left;
 	padding-left: 4px;
 	padding-top: 20px;
 }

 #vlevo {}

 #paticka-null {
 	clear: both;
 	width: 100%;

 }
 #paticka {
 	width: 880px;
 	height: 49px;
 	background-image: url(../images-layout/down.jpg);
 }

 .noscreen {
 	display: none
 }

 /*-------------------------- HLAVNI MENU VLEVO ----------------------*/
.glossymenu{
padding: 0;
width: 165px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background-color: #7f939a;
border-bottom: 1px solid #eeeeee;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;

}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-color: #eeeeee;
color: black;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #90a3a9;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid black;
padding: 1px;

}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
text-decoration: none;
padding-left: 10px;

}

.glossymenu div.submenu ul li a:hover{
background-color: #eeeeee;
color: black;
}

/* ---------------------------  DROBECKOVA NAVIGACE --------------------- */
#navcontainer {padding: 5px 0 0 10px;}
#navlist {list-style: none; font-size: 11px; padding: 0 0 0 0; margin: 0;}
#navlist li { display: inline; padding: 0; margin: 0;}
#navlist li:before { content: "";}
#navlist li:first-child:before {content: "";}
#navlist a {text-decoration: none; color: #7f939a;}
/* css pro IE */
* html #navlist li {
background-image: url("gt.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 0em 0 -1em;
}
* html #navlist{height: 1%;}
* html #navlist li {display: block; float: left;}
* html #navlist li:first-child {background-image: none;} 

 /* ----------------------  KONKRÉTNí STYLY  ------------------------------ */
.clear { clear: both; overflow: ;}
.break { height: 1px;}

h1 {padding-left: 15px; font-size: 18px;}

p {padding: 0px 30px 0px 30px;}
p.vpravo {float: right;}
p.nazev_clanku {font-size: 14px; font-weight: bold; color: #cc885e;}
p.popisek_clanku {font-size: 16px; font-weight: bold; color: #e55928;}
.autor_datum {text-align: right; font-size: 10px; margin-right: 30px; color: gray;}

#content {padding: 10px 20px 10px 20px;}
.prefix {padding-left: 50px; padding-right: 50px; height: auto;}

a {color: #7f939a;}
/*a {color: #333333;}*/
a:hover {color: #b20000;}
a.paticka {color: #fff;}
.paticka-dole {padding-top: 20px; padding-left: 80px; color: #fff;}


.center {text-align: center;}
.vlevo {text-align: left;}

.logo {border: 0px solid black; text-decoration: none;}
.padding-foto {padding: 0 10px 0 10px;}
.odsazeni {padding: 0 0 0 20px;}
.button {color: #ffffff; background-color: gray; border: 1px solid black;}
.strankovani{color: gray; text-align: center; font-size: 10px; padding-top: 8px; padding-bottom: 8px;}

.fotogalerie-center {width: 185px; height: 177px; float: left; text-align: center;  margin: 5px; background-color: #80939a; border: 1px solid #000; overflow: hidden;}


div.image {
	background: #80939a;
	width: 180px;
	height: 170px;
	text-align: center;
	position:relative;
	display: table-cell;
	vertical-align: middle;

}
img.foto {
	border: 3px solid #fff;
	display: block;
	position:relative;
	left: 0;
	margin: 0 auto;
}

div p {
	padding: 0 15px;
}

/* hack pro fotogalerii pro Explorer
img.foto {
	border: 3px solid #fff;
	display: block;
	position:relative;
	left: 0;
	margin: 0 auto;
}

div.image div {
	width: 100%;
	position:absolute;
	top: 50%;
	left: 0;
}
div p.foto {
	position: relative;
	top: -50%
}
*/

 .jmeno-kniha-navstev {
 	font-size: 12px;
 	color: #80939a;
 }

 .kniha-navstev{
 	padding-left: 50px;
 	padding-right: 70px;
 }

 .kniha-navstev-text{
 	font-size: 12px;
 }
 
 .border-0{
 	border: 0px solid white;
 }