﻿@charset "utf-8";
/* CSS Document */

/* general properties*/
* {
	margin: 0px;
	padding: 0px;
	border:0;
	scrollbar-face-color: #f8f1df;
	scrollbar-shadow-color: #e0c047;
	scrollbar-highlight-color: #961917;
	scrollbar-3dlight-color: #f0e3d2;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #fbf8f1;
	scrollbar-arrow-color: #272621;
}

body {
	font-family: Arial, Verdana, "Times New Roman", Times, serif, sans-serif;
	font-size:13px;
/*	margin:auto;*/
	background-color: #000;
	color:#000;
}
.font-bold {
	font-weight: bold;
	color:#000;
}
li {							/* ABY NEBYLY ODRAZKY U TAGU <li> */
	list-style:none;
}
a {								/* ABY NEBYLY ODKAZY MODRE A PODTRZENE */
/*	text-decoration:underline;*/
	text-decoration:none;
}

a:link {
	color: black;
	text-decoration: underline;
}
a:visited {
	color: purple;
	text-decoration: underline;	
}
a:hover {
	color:black;
	text-decoration: none;	
	
}
a:active {
	color: black;
}
td {							/* NASTAVENI VSECH TABULEK */
	font-size: 12px;
	line-height: 24px;
	color: #b8a76b;
}
.submit  {					/* VSECHNY SUBMIT TLACITKA - vyber statu, pivovaru, logout, ... */
	border: 2px solid #fff;
	margin: 2px;
	padding:3px;
	background-color:#b8a76b;
	color:#000;
	font-weight:bold;
}
.ppns {
	margin:10px;
	text-align:center;
}
.prispevky {				/* pouzivane pro pocet obrazku na strance u vsech vypisu + guestbook, ale ted neni pouzivane */
	text-align:center;
	font-size:12px;
}
.left_div {
	text-align:justify;
}

/* ********************INDEX.PHP******************** */
.obsah {
	position: absolute;
	left: 50%;
	width: 1320px;
	margin-left: -600px;
/*	padding-top:5px;*/
/*	height:expression(document.documentElement.scrollHeight < 965? "965px" : "auto" );*/

/*	overflow:hidden;*/ /* vadilo opere a safari rpo paticku, vadi safari - too long site */

	min-height: 890px; /*pro chytré prohlížeče*/
	height:expression(document.documentElement.scrollHeight < 890? "890px" : "auto" );
	
	z-index:5;
	overflow:hidden;
	

/*	border:yellow 1px solid;*/
}


.mainDiv {						/* LEVÝ + PRAVÝ */
	position: relative;
	margin: 0px 0 -220px 0;
/*	min-height: 890px; /*pro chytré prohlížeče*/
/*	height:expression(document.documentElement.scrollHeight < 890? "890px" : "auto" );*/
/*	padding-bottom:200px;*/

	z-index:5;

/*	border:green 1px solid;*/
}

.topDiv {
	position: relative;
	width: 1200px; /*  - ma to ve vlastnostech obrazek*/
	height:720px; /*  - ma to ve vlastnostech obrazek*/
	background:url(../pictures/top.jpg);
	background-repeat:no-repeat;

/*	min-height: 1390px; /*pro chytré prohlížeče*/
/*	height:expression(document.documentElement.scrollHeight > 1390? "1390px" : "auto" );*/
	
	

/*	border:green 1px solid;*/


}

.leftDiv {
	position: relative;
	top: -575px;
	left: 120px;
	width: 150px;
	padding:0 0 0 60px;
	z-index:10;
}
.rightDiv {						/* HLAVNÍ ZOBRAZOVACÍ */
	position: relative;
	top: -220px;
	left:335px;
	width:725px;
	text-align:center;
/*	border:white 3px double;*/
/*	overflow:visible;*/


	z-index:7;
}
.middle {						/* HLAVNÍ ZOBRAZOVACÍ */
	position: relative;
	left:-335px;
	width:865px;
	background:url(../pictures/middle.gif);
	padding: 0px 0px -00px 355px;

	min-height: 20px; /*pro chytré prohlížeče*/
	height:expression(document.documentElement.scrollHeight < 20? "20px" : "auto" );
/*	overflow:visible;*/

/*	border:white 1px solid;*/
/*	z-index:0;*/
}
.middle_text {						/* HLAVNÍ ZOBRAZOVACÍ */
	position: relative;
	top: -565px;
	margin: 0px 210px -690px 0px;
/*	margin: 0px 180px -700px 0px;*/
/*	overflow:visible;*/

	z-index:888;
	min-height: 690px; /*pro chytré prohlížeče*/
	height:expression(document.documentElement.scrollHeight < 690? "690px" : "auto" );

}

.paticka {
	position: relative;
/*	width: 1200px; /*  - ma to ve vlastnostech obrazek*/
 	height: 240px;
	left:-335px;
	margin-left:0px;
	text-align:left;

/* 	top:-20px; */
	
/* OK FOR IE if z-index < 0 */
	/* OK FOR IE if z-index < 0 */
		/* OK FOR IE if z-index < 0 */
				/* OK FOR IE if z-index < 0 */
	z-index:7;
/*	border:#654321 2px solid;*/
}

.paticka_top {
	position: absolute;
	bottom:102px;
	background:url(../pictures/bottom_top.jpg);
	width: 1200px; /*  - ma to ve vlastnostech obrazek*/
	height: 138px;
	z-index:-10;
/*	border:#123456 4px solid;*/
}
.paticka_bottom {
	position: absolute;
	background:url(../pictures/bottom_down.jpg);
	width: 1200px; /*  - ma to ve vlastnostech obrazek*/
	height: 102px;
/*	top:138px;*/
bottom:0px;
	
	z-index:2;
/*	border:#961917 1px solid;*/
}
.paticka_copyright {
	position: absolute;
	bottom:2em;
	left:405px;		/* center of rightDiv*/
	width: 600px; 
	height: 3em;
	padding:0px;
	text-align:center;
	font-weight:bold;
}
.sitemap {
	position: absolute;
	left: 374px;
	bottom:43px;
	background-image:url(../pictures/sitemap_orig.gif);
	background-repeat:no-repeat;
	width: 31px; /*  - ma to ve vlastnostech obrazek*/
	height: 17 px; /*  - ma to ve vlastnostech obrazek*/
}
.sitemap a {
	text-decoration:none;
}
.sitemap a:hover {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-image:url(../pictures/sitemap.gif);
	background-repeat:no-repeat;
	width: 31px; /*  - ma to ve vlastnostech obrazek*/
	height: 17 px; /*  - ma to ve vlastnostech obrazek*/
}
.home {
	position: absolute;
	left: 920px;
	top: 10px;
	background-image:url(../pictures/home_orig.gif);
	background-repeat:no-repeat;
}
.home a {
	text-decoration:none;
}
.home a:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	background-image:url(../pictures/home.gif);
	background-repeat:no-repeat;
}
.email {
	position: absolute;
	left: 950px;
	top: 15px;
	background-image:url(../pictures/email_orig.gif);
	background-repeat:no-repeat;
}
.email a {
	text-decoration:none;
}
.email a:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	background-image:url(../pictures/email.gif);
	background-repeat:no-repeat;
}
.link_as_text, .link_as_text a {
	text-decoration:none;
	color:#000;
}


.login {
	position: relative;
	top: 122px;
	left: 900px;
	height: 1px;		/* without this 2 lines is page too long - I do not know why... */
	width: 1px;			/* without this 2 lines is page too long - I do not know why... */
}
.logout  {
	position:absolute;
	text-align:left;
}
/* ********************exchange******************** */
.link_to_foto, .link_to_foto a {
	color:#000;
}

/* ********************LANG******************** */
.langDiv {
	position: absolute;
	top: 65px;
	left:940px;
	font-size:11px;
	font-weight:bolder;
}
.langDivTop a {
	color:#fff;
	text-decoration:none;
	color:#fff;
}	

.langDivBottom a {
	position: absolute;
	top:25px;
	color:#fff;
	text-decoration:none;
}
.langImgGb {
	position: absolute;
	top: 69px;
	left: 920px;
	background-image:url(../pictures/gb_orig.gif);
	background-repeat:no-repeat;
	width: 16 px; /*  - ma to ve vlastnostech obrazek*/
	height: 10 px; /*  - ma to ve vlastnostech obrazek*/
}
.langImgGb a {
	text-decoration:none;
}
.langImgGb a:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	background-image:url(../pictures/gb.gif);
	background-repeat:no-repeat;
	width: 16 px; /*  - ma to ve vlastnostech obrazek*/
	height: 10 px; /*  - ma to ve vlastnostech obrazek*/
}
.langImgCz {
	position: absolute;
	top: 90px;
	left: 921px;
	background-image:url(../pictures/cz_orig.gif);
	background-repeat:no-repeat;
	width: 16 px; /*  - ma to ve vlastnostech obrazek*/
	height: 10 px; /*  - ma to ve vlastnostech obrazek*/
}
.langImgCz a {
	text-decoration:none;
}
.langImgCz a:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	background-image:url(../pictures/cz.gif);
	background-repeat:no-repeat;
	width: 16 px; /*  - ma to ve vlastnostech obrazek*/
	height: 10 px; /*  - ma to ve vlastnostech obrazek*/
}

/* ********************HOME******************** */
.headers_home {
	text-align:left;
	font-size:20px;
	font-weight:bold;
/*	text-decoration:underline;*/
	padding-bottom:3px;
}

.img_left_home {
/*	position:relative;*/
	top:-8em;
	left:0;
	width:120px;
	height:41px;

	float: left;
	clear: left;
/*	border:double;*/
}

.img_right_home {
/*	position:relative;*/
	right:0;
	bottom:5em;
	width:120px;
	height:41px;
	float: right;
	clear: right;
}

/* ********************MENU******************** */
.Menu {
	width:150px;
	height:202px;
	z-index: 50000;
}
.makeMenu, .makeMenu h1, .makeMenu h2, .makeMenu h3{
	font-size: 13px;			/* because of heading which has their own font-size */
	font-weight:bold;
	z-index: 50000;
}
.makeMenu a, .makeMenu h1 a, .makeMenu h2 a, .makeMenu h3 a {
	height:28px;
	margin:0px;
	padding:0px;
}
.makeMenu a:hover, .makeMenu h1 a:hover, .makeMenu h2 a:hover, .makeMenu h3 a:hover {
	height:28px;
	margin:0px 0px 0px 5px;
	padding:2px 0px 0px 0px;
}
.adminmenu {
	font-size: 13px;
	text-align:center;
}

/* ******************** INFO.PHP ******************** */
.div-kontakt{
	text-align:justify;
	font-size:13px;	
	color:#000;
}
.table-kontakt{
	border:none;
}
.left-column {
	font-size:16px;
	font-weight:bold;
	color:#000;
}	
.div-kontakt h1 {
	text-align:justify;
	font-size:13px;
	font-weight:normal;
	color:#000;
}
.oddelovaci_cara {
	border-bottom:#000 1px solid;
	width:100%;
	text-decoration:none;

}

/* ********************SEARCH******************** */
.searchDiv  {
	position: absolute;
	top: 253px;
/*	border: 1px solid #333333;*/
	width:138px;
	padding:1px;
	margin-left:10px;
}
.searchDiv input {
	color:#555555;
	height:25px;
	width:133px;
	font-weight:bold;
	margin: 3px 0 0 5px;
	background-color:#A49460;
	color:white;
/*	font-weight:bold;*/
/*	border: 1px solid #333333;*/
}
.no_cards_found {
	text-align:left;

}
/* ********************POCTY.PHP******************** */
.pocty {
	position: absolute;
	top: 226px;
	margin:0px -5px 0px -15px;
	font-size:12px;
	text-align:center;
}
.pocty span {
	margin:5px;
}
/* ********************TOP KARTY******************** */
.TopCards  {
	position: absolute;
	top: 294px;
/*	border: 1px solid #333333;*/
	margin:1px 1px 1px -10px;
	font-weight:bold;
}
.TopCardsImg  {
	position: absolute;
	top: 328px;
	left:-149px;
	width:150px;
	height:210px;
	padding:0 0 0 185px;
/*	border: 2px solid #fff;*/

/*	margin:1px 1px 1px -20px;*/
}

/*********** NAJDI.PHP ************************/

.no_cards_found_help {
	position:relative;
	text-align:left;
	bottom:-250px;
}
.penguins_cards_name_hints_help {
	position:relative;
	text-align:left;
	bottom:-350px;
}
.color-red {
	color:#B01817;
}

/* ********************ADD.PHP******************** */
.addForm {
	border: 1px dashed #000;
	width:100%;
}

.addForm input, .addForm textarea, .addForm select{
	border: 1px solid #333333;
}

.addForm label{
	font-size:14px;
}

/* ********************TABLES******************** */
.pictures_table {
	margin:auto;				/* center table */
	border:#961917 2px solid;
	text-align:center;
	margin-top: 2px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.pictures_table td{
	border-bottom:#000 2px solid;
	border-right:#000 1px solid;
	padding: 1px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.pictures_table th, .pictures_table h1{
	border-bottom:#000 2px solid;
	border-right:#000 1px solid;
	background:#000;
	font-size:15px;
	padding:2px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* *******************GUESTBOOK.PHP******************** */
.textKniha {						/* name, email, www, ... */
	padding:5px 20px 5px 20px;
	text-align:justify;
	clear:both;
}
.formKniha, .formKniha td {
	margin:5px auto 5px auto;
	text-align:center;
	border:none;
	width:10%;
	color:#000;
}
.formKniha input {
	border:1px #A49460 solid;
	padding:2px;
	margin:1px;
	width:200px;
}
.formKniha .tlacitko {
	border: 1px solid #A49460;
	background-color:#000;
	color:#f3f0e0;
	font-weight:bold;
	width:60px;
	font-size:12px;
}
.formKniha textarea {				
	border:1px #A49460 solid;
	font-size:small;
	padding:2px;
	margin:1px;
	width:200px;
	height:80px;
}								/* name, email, www, ... */
.tableKniha {					/* VYPIS PRISPEVKU */
	width:95%;
	border: 1px solid #A49460;
	margin:10px auto 10px auto;
}
.trKniha {
	background-color:#A49460;
}
.spanKnihaDatum {
	font-size: 10px;
	color: #fff;
}
.spanKnihaNick {
	color:#fff;
	font-weight:bold;
}
.aKniha {
	font-size:10px;
}
.tdZprava {
	color:#000;
}
.tdOdpoved {
	font-style:italic;
}								/* VYPIS PRISPEVKU */

/*******  NEWS.PHP  ****************/
.select-weeks {
	border:1px #000000 solid;
}
.week {
	font-size:12px;
}
.novinky {
	font-size:12px;
	border:#b8a76b 2px solid;
	text-align:center;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.novinky tr, .novinky td {
	border-bottom:#b8a76b 2px solid;
	border-right:#b8a76b 1px solid;
	color:#000;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.novinky th, .novinky th a{
	border-bottom:#b8a76b 2px solid;
	border-right:#b8a76b 1px solid;
	background:#b8a76b;
	color:#000;
	height:30px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.novinky-nadpis-tabulka  {
	width:100%;
}
.novinky-nadpis, .novinky-nadpis h1, .novinky-nadpis-tabulka h1 {
	font-size:25px;
	color: #000;
	padding-bottom:7px;
	text-align:left;
	margin-bottom:-5px;
}
.zadne-tacky {
	text-align:left;
}

/*******  MAP_SITES.PHP  ****************/
.map_of_the_web td{
	text-align:left;
	width:auto;
}
.map_of_the_web td a{
	text-decoration:underline;
}
.map_of_the_web h1, .map_of_the_web h2{
	font-size:12px;
	font-weight:bold;
}
table {
	width:100%;
	border:#b8a76b 2px solid;
	color:#000;
}
table td {
	color:#000;
}

.vypis, .pictures_table {
	text-align:center;
	width:100%;
	border:#b8a76b 2px solid;
	border-left:#b8a76b 2px solid;
	color:#000;
}
.vypis td, .vypis td a, .pictures_table td, .pictures_table td a {
	text-align:center;
	/*******  #c69c6d  ****************/
	border-bottom:#b8a76b 2px solid;
	border-right:#b8a76b 1px solid;
	color:#000;
}
.vypis td a, .pictures_table td a {
	text-align:center;
	/*******  #918035  ****************/
	border:hidden;
	font-weight:bold;
	color:#000;
}
.vypis th, .vypis th a, .pictures_table th, .pictures_table th a, .pictures_table h2 {
	text-align:center;
	color:#000;
	background-color:#b8a76b;
	font-weight:bold;
}
.navigation {						
	position: absolute;
	top: 124px;
	right:160px;
	width:660px;
	height:1.5em;
	z-index:30;
	text-align:left;


}
.navigation_home {	
	position: absolute;
	top: 122px;
	right:185px;
	width:660px;
	height:1.5em;
	z-index:30;
	text-align:left;

}
.navigation_paticka {						
	position: absolute;
	left: 108px;
	bottom:75px;
	z-index:30;
	text-align:center;
}

.reklama {						
	position: absolute;
	top: 20px;
	right:50px;
	z-index:300000;
}
.reklama_dish {						
	position: absolute;
	top: 650px;
	right:35px;
	z-index:300000;
}
.mario_with_cup {						
	position: absolute;
	top: 150px;
	right:35px;
	z-index:30;
}
.hometown {	
	text-align:center;
	font-size:18px;
}
.lupa {	
	position: absolute;
	top: 256px;
	right: -1px;
	z-index:30;
	width:28px;
	height:25px;
}
.search_logo {	
	position: absolute;
	top: 400px;
	right: 1030px;
	z-index:30;
}