
@media Screen    
{
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	padding-bottom: 50px;
	MARGIN: 0px;
	FONT: 70% /*"Verdana CE", Verdana,*/ "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
	PADDING-TOP: 0px;
	TEXT-ALIGN: center;
	background: #200000 url(s_bg_page.jpg) repeat-x;
}
BODY, TD, LI SPAN {
	/*COLOR: #828282;*/
	COLOR: #8E8E8E;
}
em {
	font-style: normal;
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}


H1 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 30px;
	MARGIN: 0px;
	MARGIN-TOP: 0px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-weight: normal;
	font-size: 130%;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	color: #e1bc6c;
}
H2 {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 20px;
	color: #DBAF50;
	font-size: 9px;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 1px; /*background-color: #E1EAF3;*/
	width: 750px;
}
H3 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	font-size: 110%;
}
H4 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	FONT-SIZE:100%;
	text-align: justify;
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-SIZE: 110%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
H6 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	FONT-SIZE: 80%;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	MARGIN-LEFT: 15px;
	list-style-position: outside;
	list-style-type: square;
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
UL.highlight LI:hover, 
UL.highlight LI.hover {
	background-color: #FAF3E5;
}
P {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	MARGIN-BOTTOM: 10px;
	text-align: justify;
}
IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
.clear {
	CLEAR: both; FONT-SIZE: 1px
}
.clearL {
	CLEAR: left; FONT-SIZE: 1px
}
.clearR {
	CLEAR: right; FONT-SIZE: 1px
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
A {
	/*COLOR: #AD6B74;*/
	COLOR: #B87E86;
	TEXT-DECORATION: none;
	/*font-weight: bold;*/
}
A:hover {
	/*COLOR: #B22222;*/
	COLOR: #AD3A49;
	TEXT-DECORATION: underline;
}


#area {
	MARGIN: 0px auto;
	WIDTH: 850px;
	TEXT-ALIGN: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: auto;
	position: relative;
	background-color: #200000;
	/*overflow: hidden;*/
}
TD, TH {
	FONT-FAMILY: "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
	FONT-SIZE: 70%;
	padding: 0px;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
	vertical-align: top;
}

TD {
	font-weight: normal;
}


/*** TOP - uvod ***/
#top {
	position: relative;
	width: 850px;
	height: 32px;
	background: #300000 url(uvod_top.jpg) no-repeat 0px 0px;
}
#top H2#titul {
	position: absolute;
	top: 4px;
	left: 0px;
	text-transform: none;
	letter-spacing: 0px;
	font-size: 11px;
	/*color: #D8B489;*/	
	color: #924D1F;
}
#top H2#titul A {
	color: #924D1F;
}
#top H2#menu_top {
	position: absolute;
	top: 4px;
	/*left: 315px;*/
	left: 240px;
	text-transform: none;
	letter-spacing: 0px;
	font-size: 11px;
	/*color: #E3CAAA;*/
	color: #924D1F;
}
#top H2#menu_top A {
	color: #924D1F;
}
#header {
	position: relative;
	width: 850px;
	height: 375px;
	background: #200000 url(uvod_header_bg.png) repeat-x top;
}
#header DIV EM {
	display: none;
}
#header #nadpis {
	position: absolute;
	left: 65px;
	top: 0px;
	width: 285px;
	height: 55px;
	background: #200000 url(uvod_nadpis.jpg) no-repeat left;
}
#header #slunce {
	position: absolute;
	left: 18px;
	top: 55px;
	width: 379px;
	height: 252px;
	background: #200000 url(uvod_slunce.jpg) no-repeat left;
}
#header #flash {
	position: absolute;
	width: 379px;
	height: 252px;
	left: 18px;
	top: 55px;
	z-index: 100;
}
#header #sothys {
	position: absolute;
	left: 125px;
	top: 305px;
	width: 128px;
	height: 48px;
	background: #200000 url(uvod_sothys_logo.jpg) no-repeat left;
}
#header #roh {
	position: absolute;
	left: 0px;
	top: 355px;
	width: 10px;
	height: 20px;
	background: #200000 url(uvod_header_dl-roh.jpg) no-repeat left;
}
#header #ona1 {
	position: absolute;
	left: 511px;
	top: 0px;
	width: 340px;
	height: 55px;
	background: #200000 url(uvod_ona1.jpg) no-repeat left;
}
#header #ona2 {
	position: absolute;
	left: 511px;
	top: 55px;
	width: 340px;
	height: 320px;
	background: #200000 url(uvod_ona2.jpg) no-repeat left;
}
#header #ona3 {
	position: absolute;
	left: 423px;
	top: 55px;
	width: 88px;
	height: 320px;
	background: #200000 url(uvod_ona3.jpg) no-repeat left;
}
#header #novinka {
	position: absolute;
	left: 50px;
	top: 359px;
	z-index: 100;
}
#header #novinka H2 A {
	color: #DBAF50;
	letter-spacing: 1px; 
	font-weight: normal;
}
#rezervace {
	position: absolute;
	top: 357px;
	left: 730px;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: 0px;
	font-size: 11px;
	color: #9B723F;
	z-index: 100;
}
#rezervace A {
	color: #8C673A;
}
#rezervace A:hover {
	COLOR: #B22222;
}
#menu_uvod {
	position: relative;
	width: 850px;
	height: 86px; /* 2r 66px */
}
#menu_uvod #menu {
	position: absolute;
	top: 17px;
	left: 15px;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 10px;
	color: #DDB55E;
	font-weight: normal;
	font-weight: bold;
}
#menu_uvod #menu A {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	color: #C59350;
	margin-left: 7px;
	margin-right: 7px;
}
#menu_uvod #menu A:hover {
	color: #FFBA5B;
}
#menu_uvod #menu SPAN {
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: none;
	color: #924D1F;
}
SPAN.new {
	color: #FFBA5B;
	font-weight: bold;
	font-size: 10px;
	background-color: Maroon;
	/*display: block;*/
	padding: 5px;
	margin-left: 20px;
	margin-right: 20px;
}


/** logo **/
#header img#logo {
	position: absolute;
	width: 850px;
	height: 150px;
	left: 0px;
	top: 20px;
	border: 0px;
}


/** #BODY **/
#uvod_texty{
	WIDTH: 850px;
	TOP: 0px;
	margin-top: 0px;
	position: relative;
	border: 0px dashed Fuchsia;
	background: url(uvod_bg_texty.jpg);
}
#uvod_texty H2 {
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 13px;
	padding: 0px;
	padding-top: 35px;
	padding-bottom: 0px;
}

/** LISTA **/
#lista {
	WIDTH: 850px;
	HEIGHT: 21px;
	TOP: 0px;
	margin: 0px;
	margin-top: 10px;
	position: relative;
	background-color:  #3D0100;
}
#lista #left {
	WIDTH: 4px;
	HEIGHT: 21px;
	background-image: url(s_lista_left.jpg);
	TOP: 0px;
	float:left;
}
#lista #right {
	WIDTH: 4px;
	HEIGHT: 21px;
	background-image: url(s_lista_right_sv.jpg);
	TOP: 0px;
	float:right;
}
#lista #text {
	WIDTH: 810px;
	HEIGHT: 21px;
	float:left;
	padding-left: 10px;
	position: relative;
	left: 0px;
	top: 3px;
}
#lista H2 {
	display: inline;
	/*color: #A98354;*/
	color: #924D1F;
	letter-spacing: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	padding: 5px;
	padding-left: 6px;
	padding-right: 6px;
	padding= 7px; /* IE */
	width: auto;
}

/** box **/
#kontejner {
	padding-top: 10px;
	WIDTH: 390px;
	margin: 0px;
	float: left;
	position: relative;
	top:10px;
	border: 0px dashed Fuchsia;
}
#box {
	WIDTH: 350px;
	TOP: 0px;
	margin-top: 0px;
	margin-left: 65px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	position: relative;
	border: 0px dashed Fuchsia;
	float: left;
	COLOR: #8E8E8E;
}
#box A {
	COLOR: #8E8E8E;
}
#box H2 {
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 9px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	WIDTH: 275px;
	color: #924D1F;
}
#box A H2 {
	COLOR: #924D1F;
}
#box A:hover H2 {
	text-decoration: none;
}
#box IMG {
	border: 2px solid Silver;
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-top: 1px;
}

/*** FOOT ***/
#foot {
	display: block;
	width: 850px;
	height: 52px;
	margin-bottom: 0px;
	text-align: right;
	vertical-align: middle;
	background: url(uvod_vlna.gif) no-repeat;
	position: relative;
}
#footContent {
	color: #EAA80D;
	display: block;
	font-size: 9px;
	height: 73px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	font-family: "Verdana CE", Verdana, Arial, sans-serif;
	float: right;	
	position: relative;
	top:50px;
	left: 20px;
}
#footContent A,
#footContent SPAN  {
	color: #4F0200;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
}
#footContent A:hover,
#footContent SPAN:hover,
#footContent SPAN.hover {
	color: #C0893F;
}
#footContent #linky  {
	color: #4F0200;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 30px;
}
#foot #oteviracka {
	position: absolute;
	left: 10px;
	top: 16px;
	text-align: left;
}
#foot #oteviracka H3 {
	display: inline;
}
#foot #oteviracka,
#foot #oteviracka H3 {
	font-size: 11px;
	color: #AB853D;
}
#bottom {
	vertical-align: middle;
	position: relative;
	left: 0px;
	top: 52px;
	width: 850px;
	height: 22px;
	text-align: left;
	background: #200000 url(uvod_bottom.jpg) no-repeat bottom;
}
#bottom #cc {
	position: absolute;
	left: 793px;
	top: 3px;
	text-align: left;
	z-index:10;
}
#bottom #menu_oteviracka {	
	color: #E3D1B9;
	margin-top: 0px;
	margin-left: 10px;
	background: #3D0200 url(uvod_bottom.jpg) no-repeat top;
}
#bottom #menu_oteviracka A {
	color: #DABA8F;
	font-weight: normal;
	margin-right: 5px;
}
#bottom #menu_oteviracka A:hover {
	color: #C0893F;
}



/**** OBECNE ***/
ul.links{
	margin: 50px;
	list-style-image: url(arrow_blue.gif);
}
.red{
	color: #E60000;
	font-weight: bold;
}

.imgL, .imgR, .img {
	border: 1px solid #525252;
}
.imgL, .imgLNoBorder {
	FLOAT: left;
	margin-right: 13px;
	margin-bottom: 10px;
}
.imgR, .imgRNoBorder {
	FLOAT: right;
	/*margin-left: 13px;
	margin-bottom: 10px;*/
}
.img {
	FLOAT: none;
}

p.L {
	FLOAT: left;
	position: relative;
}
p.R {
	FLOAT: right;	
	position: relative;
}

/** cenik **/
#cenik H3 {
	margin-top: 15px;
	margin-bottom: 0px;
	color: #B5B5B5;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 14px;
}
#cenik H3.prvni {
	margin-top: 0px;
}
#cenik TABLE {
	width: 100%;
	margin: 0px;
	border-right: 1px solid #F5F5F5;
}
#cenik TABLE TD {
	padding: 0px;
	border-top: 1px solid #F5F5F5;
	padding-top: 2px;
	padding-right: 4px;
}
#cenik TD.cena,
#cenik TD.cas {
	width: 80px;
	white-space: nowrap;
	text-align: right;
	margin-right: 10px
}
#cenik TABLE TR TD TABLE {
	border: 1px solid #FCEFDE;
	width: 70%;
	margin-top: 5px;
}
#cenik TABLE TR TD TABLE TD {
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 3px;
}
#toplist {	
	display: none;
}
}


