/* -- barvy --
oranžová:		#f26300
červeno-hnědá:	#861519
tmavě-šedá:		#404140
šedá-rámečky:	#707072
*/
@import "/css/reklama.css";

BODY {
	color: #000;
	background: #404140 url('/images/_layout/bg.gif') center 157px no-repeat;
	font: normal 9pt/1.3 Arial, 'Helvetica CE', sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

A, SPAN.link	{ color: #f26300; text-decoration: underline; }
A:link			{ color: #f26300; text-decoration: underline; }
A:hover			{ color: #861519; text-decoration: none; }
A:active		{ color: #000000; text-decoration: none; }
A:visited		{ color: #f26300; text-decoration: underline; }
A:visited:hover	{ color: #861519; text-decoration: none; }
A.out {
	background: url('/images/_layout/a-out.gif') right 20% no-repeat;
	padding-right: 6px;
}
A.out:hover,
A.out:visited:hover {
	background-image: url('/images/_layout/a-out_over.gif');
}

IMG, FORM {
	border: none;
	margin: 0;
	padding: 0;
}

INPUT, SELECT, TEXTAREA, BUTTON { font: normal 9pt/1.3 Arial, 'Helvetica CE', sans-serif; }

INPUT.button {
	color: #fff;
	background: url('/images/_layout/bg-button.gif') left top no-repeat;
	font-weight: bold;
	border: none;
	width: 70px;
	height: 20px;
}
INPUT.text, TEXTAREA.text, TEXTAREA.komentar, SELECT.text {
	border: 1px solid #f26300;
	width: 150px;
}
TEXTAREA.komentar {
	font-size: 8pt;
	width: 160px;
}
	INPUT.text.delsi, TEXTAREA.text.delsi { width: 400px; }


/*--  rozvrzeni stranky  --*/
#lista {
	background: url('/images/_layout/bg-lista.gif') bottom left no-repeat;
	line-height: 20px;
	position: relative;
	width: 930px;
	height: 20px;
	margin: auto auto 15px auto;
	overflow: hidden;
}

#layout {
	background: #fff url('/images/_layout/bg-layout.gif') top left repeat-y;
	text-align: left;
	position: relative;
	width: 930px;
	margin: auto;
}

#top,
#bottom {
	background: url('/images/_layout/bg-layout-top.gif') top left no-repeat;
	clear: both;
	width: 930px;
	height: 15px;
	overflow: hidden;
}
#bottom { background-image: url('/images/_layout/bg-layout-bottom.gif'); }

#left {
	float: left;
	width: 220px;
}

#right {
	float: left;
	width: 710px;
}

#main {
	margin-top: -60px;
	padding: 0 17px;
	overflow: hidden;
}
	#main.strana {
		margin-top: 15px;
		padding: 0 22px;
	}

/*--  lista  --*/
#lista A {
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
#lista SPAN {
	/*background: url('/images/_layout/bg-lista-mezera.gif') center center repeat-y;*/
	position: relative;
	padding: 10px 30px;
}

/*--  logo  --*/
#logo {
	background: url('/images/_layout/logo-toppub.gif') center center no-repeat;
	height: 54px;
	margin: 5px 0 20px 0;
	padding: 0;
}
	#logo A {
		display: block;
		width: 100%;
		height: 100%;
	}
	#logo SPAN {
		display: none;
	}

/*--  menu  --*/
#menu {
	background: url('/images/_layout/bg-menu.gif') bottom left no-repeat;
	list-style-type: none;
	margin: 0 0 20px 17px;
	padding: 0 0 15px 0;
}
	#menu LI {
		background: url('/images/_layout/bg-menu-li.gif') top left no-repeat;
		width: 183px;
		height: 38px;
		margin: 0;
		padding: 0;
	}
	#menu A {
		color: #861519;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: none;
		display: block;
		width: 100%;
		height: 100%;
	}
	#menu A:hover,
	#menu A:visited:hover {
		color: #f26300;
	}
	#menu SPAN {
		position: relative;
		top: 20px;
		left: 40px;
	}

/*--  login  --*/
#login {
	color: #888;
	background: url('/images/_layout/bg-login.jpg') bottom left no-repeat;
	font-size: 7pt;
	margin: 0 0 20px 17px;
	padding: 0 30px 5px 15px;
}
	#login STRONG { 
		color: #861519;
		font-size: 9pt;
	}
	#login P {
		font-size: 8pt;
		padding: 5px 0 0 0;
	}
	#login .error {
		color: #f26300;
		font-size: 7pt;
		padding-top: 3px;
	}
	#login FORM { margin-top: 5px; }
	#login INPUT {
		background-color: #fff;
		border: 1px solid #f26300;
		font: normal 8pt/1.2 Arial, 'Helvetica CE', sans-serif;
		line-height: 17px;
		width: 150px;
		height: 17px;
		margin: 0;
		padding: 0 2px;
	}
	#login INPUT.submit {
		color: #fff;
		background: url('/images/_layout/bg-button-ok.gif') top right no-repeat;
		border: none;
		font-weight: bold;
		text-align: right;
		line-height: 20px;
		height: 20px;
		margin-top: 5px;
		padding-right: 12px;
	}
	#login INPUT.logout {
		background: url('/images/_layout/bg-button.gif') left top no-repeat;
		text-align: center;
		width: 70px;
		padding: 0;
	}
	
/*--  motiv  --*/
#motiv, #mapa {
	background: url('/images/_layout/bg-motiv.jpg') top left no-repeat;
	width: 710px;
	height: 350px;
}
#mapa { background-image: url('/images/_layout/bg-mapa.jpg'); }
	#motiv #cara {
		background: url('/images/_layout/bg-motiv-cara.gif') bottom left no-repeat;
		width: 710px;
		height: 37px;
	}
	#motiv #den {
		font-weight: bold;
		text-align: right;
		margin: 33px 265px 0 0;
	}
		#motiv #den A, #motiv #den A:link, #motiv #den A:visited { color: #000; }
	#motiv.strana {
		background-image: none;
		height: 117px;
	}
		#motiv.strana #cara { background-image: url('/images/_layout/bg-motiv-cara-cela.gif') }
	#mapa #mapka {
		background: limea;
		position: absolute;
		width: 388px;
		height: 230px;
		margin: -15px 0 0 0;
		z-index: 10;
	}

#motiv_vino {
	background: url('/images/_layout/bg-motiv-vino.jpg') top left no-repeat;
	width: 710px;
	height: 280px;
}
	#motiv_vino #text {
		color: #fff;
		font-size: 16pt;
		font-weight: bold;
		text-align: right;
		margin: 160px 4em 0 0;
	}

/*--  boxíky : článek --*/
.terc {
	background: url('/images/_layout/bg-clanek_box-terc.jpg') left top no-repeat;
}
.clanek_box {
	width: 432px;
	height: 160px;
	overflow: hidden;
}
	.clanek_box H3 {
		font-size: 12pt;
		margin:  10px 14px 5px 187px;
		padding: 0;
	}
	.clanek_box P {
		line-height: 120%;
		margin:  0 14px 0 187px;
		padding: 0;
	}
		.clanek_box P A, .clanek_box P A:link, .clanek_box P A:visited {
			color: #000;
			text-decoration: none;
		}

/*--  boxíky : hlasování --*/
.hlasovani_box,
.text_box {
	background: url('/images/_layout/bg-hlasovani_box.gif') top left no-repeat;
	float: left;
	width: 176px;
	height: 228px;
	margin: 0 7px 7px 0;
	overflow: hidden;
}
	.hlasovani_box.clanek {
		float: right;
		margin: 0 0 1em 1em;
	}
.text_box { background-image: url('/images/_layout/bg-text_box.gif'); }
	.hlasovani_box DIV,
	.text_box DIV {
		padding: 10px;
	}
	.hlasovani_box H4,
	.text_box H4 {
		color: #f26300;
		background: url('/images/_layout/bg-hlasovani_box-h4.gif') left top no-repeat;
		font-size: 11pt;
		line-height: 20px;
		aheight: 22px;
		margin: 0 0 0 5px;
		padding: 0 0 0 20px;
		overflow: hidden;
	}
	.hlasovani_box UL {
		line-height: 15px;
		list-style-type: none;
		margin: 5px 5px 0 0;
		padding: 0 0 0 17px;
	}
		.hlasovani_box UL LI {
			background: url('/images/_layout/bg-hlasovani_box-li-bg.gif') left top repeat-x;
			font-weight: bold;
			list-style-image: url('/images/_layout/bg-hlasovani_box-li.gif');
			margin: 4px 0;
			padding: 2px 0 0 0;
		}
		.hlasovani_box UL LI.first {
			background-image: none;
			padding-top: 0;
		}
	.hlasovani_box SPAN {
		color: #666;
		font-size: 8pt;
		font-weight: normal;
	}
	.hlasovani_box A, .hlasovani_box A:link, .hlasovani_box A:visited {
		color: #000;
		text-decoration: none;
	}
	.hlasovani_box A:hover, .hlasovani_box A:visited:hover {
		color: #861519;
		text-decoration: underline;
	}

	.text_box P {
		font-size: 8pt;
		line-height: 120%;
		margin: 5px 8px;
		padding: 0;
		overflow: hidden;
	}

/*--  boxíky : nápoj, hlasuj --*/
.napoj_box,
.hlasuj_box {
	clear: right;
	float: right;
	width: 235px;
	height: 77px;
}
.hlasuj_box {
	background: url('/images/_layout/bg-hlasuj_box.gif') left top no-repeat;
	margin-top: 6px;
}
	.napoj_box.drink { background: url('/images/_layout/bg-napoj_box-drink.gif') left top no-repeat; }
	.napoj_box.vino { background: url('/images/_layout/bg-napoj_box-vino.gif') left top no-repeat; }

.napoj_box_text {
	color: #fff;
	font-size: 12pt;
	font-weight: bold;
	position: relative;
	top: 40px;
	left: 110px;
}
	.napoj_box_text A, .napoj_box_text A:link, .napoj_box_text A:visited,
	.hlasuj_box A, .hlasuj_box A:link, .hlasuj_box A:visited {
		color: #fff;
		text-decoration: none;
	}
	.napoj_box_text A:hover, .napoj_box_text A:visited:hover,
	.hlasuj_box A:hover, .hlasuj_box A:visited:hover {
		color: #fff;
		text-decoration: underline;
	}

.hlasuj_box_text {
	color: #fff;
	font-size: 8pt;
	line-height: 14px;
	position: relative;
	top: 25px;
	left: 20px;
}
	.hlasuj_box_text  STRONG {
		font-size: 12pt;
	}

	.napoj_box .napoj_box_img A {
		display: block;
		width: 100%;
		height: 100%;
	}
	.napoj_box.drink .napoj_box_img {
		background: url('/images/_layout/drink.gif') left top no-repeat;
		position: absolute;
		width: 127px;
		height: 109px;
		margin: -36px 0 0 10px;
	}
	.napoj_box.vino .napoj_box_img {
		background: url('/images/_layout/vino.gif') left top no-repeat;
		position: absolute;
		width: 85px;
		height: 109px;
		margin: -42px 0 0 10px;
	}

.hlasuj_box_img {
	background: url('/images/_layout/pipa.gif') left top no-repeat;
	position: absolute;
	width: 114px;
	height: 88px;
	margin: -15px 0 0 110px;
}

/*--  copyright  --*/
#copyright {
	color: #fff;
	font-size: 10px;
	text-align: right;
	position: relative;
	width: 930px;
	margin: auto;
	padding-top: 2px;
}
#copyright A {
		color: #fff;
		text-decoration: none;
		padding-right: 10px;
	}
	#copyright A:hover,
	#copyright A:visited:hover { 
		text-decoration: underline;
	}

/*--  tabulky  --*/
TABLE {
	margin: 0;
	padding: 0;
}
TR.bg TD { background-color: #eee; }
TH, TD {
	font: normal 9pt/1.3 Arial, 'Helvetica CE', sans-serif;
	margin: 0;
	padding: 2px 4px;
}
	TH.c, TD.c { text-align: center; }
	TH.r, TD.r { text-align: right; }
	TH.l, TD.l { text-align: left; }
	TH.nw, TD.nw { white-space: nowrap; }
	TH.top, TD.top { vertical-align: top }

.hledej_form {
	background: url('/images/_layout/bg-hledej.jpg') bottom right no-repeat;
	width: 436px;
	padding: 5px 0 10px 0;
}
.hledej {}	
	.hledej TD {
		font-size: 8pt;
		line-height: 20px;
	}
	.hledej TD.top { line-height: 15px; }
	
	.hledej INPUT, .hledej SELECT { font-size: 8pt; }

.podniky { margin: 1em 0; }
	.podniky TR:hover TD, .podniky TR.bg:hover TD {
		background-color: #ccc;
		background-image: none;
	}
	.podniky TH {
		color: #fff;
		background: url('/images/_layout/bg-th.gif') top left repeat-x;
		font-size: 11px;
		text-align: left;
		vertical-align: top;
		height: 40px;
		padding: 2px 6px;
	}
	.podniky TH.leva { background: transparent url('/images/_layout/bg-th-left.gif') top left no-repeat; }
	.podniky TH.prava { background: transparent url('/images/_layout/bg-th-right.gif') top right no-repeat; }
	.podniky TH.leva_s { background: transparent url('/images/_layout/bg-th-left-bottom.gif') bottom left no-repeat; height: 20px; }
	.podniky TH.prava_s { background: transparent url('/images/_layout/bg-th-right-bottom.gif') bottom right no-repeat; height: 20px; }
	.podniky TD {
		border-bottom: 1px solid #bbb;
		line-height: 1.4em;
		padding: 3px 6px;
	}
		.podniky TR.posledni TD { border: none; }
	.podniky .order {
		font-size: 1px;
		padding-top: 1px;
	}
	.podniky A 				{ color: #f26300; text-decoration: none; }
	.podniky A:link			{ color: #f26300; text-decoration: none; }
	.podniky A:hover		{ color: #861519; text-decoration: underline; }
	.podniky A:active		{ color: #000000; text-decoration: none; }
	.podniky A:visited		{ color: #f26300; text-decoration: none; }
	.podniky A:visited:hover{ color: #861519; text-decoration: underline; }

.hodnot {}	
	.hodnot TH {
		color: #444;
		text-align: left;
		font-weight: bold;
		line-height: 22px;
	}
	.hodnot .procenta {
		border: none;
		font-size: 9pt;
		text-align: right;
		padding-right: 3px;
	}
	.hodnot .hodnotil {
		color: #888;
		text-align: center;
	}
		.hodnot .hodnotil.txt { line-height: 22px; }
	.hodnot .button { font-size: 8pt; }

.fotogalerie {
	float: right;
	margin: 0 0 1em 1em;
}

.registrace TD {
	color: #888;
	font-size: 8pt;
	padding: 4px;
}

/*--  komentare  --*/
DIV.komentar {
	border-bottom: 1px solid #bbb;
	margin-right: 10px;
	padding-top: 5px;
}
DIV.komentar .usr {
	color: #888;
	font-size: 8pt;
	float: left;
}
	DIV.komentar .usr .oranzova { font-size: 9pt; }
DIV.komentar .datum {
	color: #888;
	font-size: 8pt;
	float: right;
}
DIV.komentar P { clear: both; }
	
/*--  navigace  --*/
.navigace {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
}
	.navigace.strankovani { margin-left: 180px; }
	.navigace LI {
		line-height: 20px;
		float: left;
		width: 100px;
		height: 20px;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.navigace .zpet { 
		background: url('/images/_layout/bg-a-zpet.gif') top left no-repeat;
		width: 70px;
	}
	.navigace .predchozi { background: url('/images/_layout/bg-a-predchozi.gif') top left no-repeat; }
	.navigace .dalsi { background: url('/images/_layout/bg-a-dalsi.gif') top left no-repeat; }
	.navigace .strana { text-align: center; }
		.navigace A, .navigace A:link, .navigace A:visited, .navigace A:hover, .navigace A:visited:hover {
			color: #fff;
			font-size: 8pt;
			font-weight: bold;
			text-decoration: none;
			display: block;
			width: 100%;
			height: 100%;
		}
		.navigace A:hover, .navigace A:visited:hover { color: #000; }
			.navigace SPAN { padding-left: 30px; }
			.navigace .dalsi SPAN { padding-left: 43px; }


/*--  obecné  --*/
.oranzova { color: #f26300; }

H2 {
	color: #f26300;
	font-size: 16pt;
	margin: 0 0 5px 0;
}
H3 {
	color: #f26300;
	font-size: 11pt;
	margin: 0 0 5px 0;
}
	H3.pozadi {
		color: #fff;
		background:  url('/images/_layout/bg-h3.gif') left top no-repeat;
		line-height: 25px;
		height: 25px;
		margin: 0 0 10px 0;
		padding: 0 10px;
	}

H4 {
	color: #f26300;
	font-size: 9pt;
	margin: 0 0 5px 0;
}
	H4.pozadi {
		color: #fff;
		background:  url('/images/_layout/bg-h4.gif') left top no-repeat;
		line-height: 19px;
		height: 18px;
		margin: 0 0 10px 0;
		padding: 0 10px;
	}

P { margin: 0 0 10px 0; }

.bigger { font-size: 1.1em; }
.u { text-decoration: underline; }

.hidden { display: none; }
.hide { visibility: hidden; }

.cleaner { 
	clear: both;
	overflow: hidden;
}
.cleaner_left {
	clear: left;
	overflow: hidden;
}

.float_r {
	float: right;
	margin: 0 0 1em 1em;
}
	.float_r.napoj { margin-right: 4em; }

.line_160 { line-height: 160%; }
.mb10 { padding-bottom: 10px; }
.pt8 { font-size: 8pt; }

.error { color: #f26300; }