@media Screen    
{
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	padding-bottom: 50px;
	MARGIN: 0px;
	FONT: 74% "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
	PADDING-TOP: 0px;
	padding-top: 10px;
	BACKGROUND-COLOR: #FFEBD7;
	TEXT-ALIGN: center;
}
BODY, TD, LI SPAN {
	COLOR: #AA5E00;
}
A.int {
	COLOR: #AA5E00 !important;
}
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: 2px;
	PADDING-TOP: 1px;
	MARGIN: 0px;
	MARGIN-TOP: 0px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	color: #FBFCFB;
	BACKGROUND-COLOR: #F6BD6E;
	/*color: #BB5E00;
	BACKGROUND-COLOR: #FFEBD7;*/
	width: 100%;
}
H1 SPAN {
	font-size: 90%;
}


H2 {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 20px;
	font-size: 9px;
	text-transform: uppercase;
	text-align: left; 
	letter-spacing: 1px; /*background-color: #E1EAF3;*/
	/*width: 750px;*/
	/*color: #929292;
	background-color: #E7E7E7;*/
	color: #FF8B15;
	background-color: #FEEFE2;
}

H2 A.int {
	COLOR: #FF8B15 !important;
}

#body H2 {
	color: #696969;
	width: auto;
	background-color: transparent;
}
#body H2 A.int {
	color: #696969 !important;
}

H2 B {
	MARGIN-LEFT: 10px;
	MARGIN-RIGHT: 25px;
}
#body H2 B {
	MARGIN: 0px;
}
#body H2{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	font-size: 110%;
}
#body H2, H3 {
	/*color: #F6BD6E;*/
	color: #CE841D;
}

#body H2 A.int, 
H3 A.int {
	COLOR: #CE841D !important;
}


H3 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	font-size: 110%;
}

H3.info {
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	background: #FF7F50;
	color: White;
	width: 666px;
	text-align: center;
}

UL H3, 
#body UL H2 {
	PADDING: 0px;
	MARGIN: 0px;
	MARGIN-LEFT: -15px;
	PADDING: 0px;
	FONT-SIZE: 90%;
	color: #FF9900;
	display: inline;
	line-height: 200%;
}
UL.ceny LI {
	width: 29em;
	margin-top: 3px;
	margin-bottom: 0px;
	height: 15px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 1em;
	background: #E9E9E9;
}
UL.ceny LI EM {
	width: 20em;
	display: block;
	float: left;
}
UL.highlight LI:hover, 
UL.highlight LI.hover {
	color: #F9C180;
}
UL#dp LI {
	margin-top: 0px;
	margin-bottom: 6px;
}
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;
	color: #FF4500;
}
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;
	color: #F6621A;
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
P {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	MARGIN-BOTTOM: 10px;
	/*text-align: justify;*/
}
.clear {
	CLEAR: both; FONT-SIZE: 1px
}
.clear5 {
	CLEAR: both; margin-bottom: 5px
}
.clear10 {
	CLEAR: both; margin-bottom: 10px
}
.clear20 {
	CLEAR: both; margin-bottom: 20px
}
.clear30 {
	CLEAR: both; margin-bottom: 30px
}
.clear50 {
	CLEAR: both; margin-bottom: 50px
}
.clear70 {
	CLEAR: both; margin-bottom: 70px
}
.clear100 {
	CLEAR: both; margin-bottom: 100px
}
.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: #E63F00;
	TEXT-DECORATION: underline;
	/*font-weight: bold;*/
}
A:hover {
	COLOR: #B22222;
	TEXT-DECORATION: none;
}


#area {
	MARGIN: 0px auto;
	WIDTH: 770px;
	WIDTH= 772px; /*IE*/
	TEXT-ALIGN: left;
	padding: 0px;
	margin-bottom: 0px;
	height: auto;
	position: relative;
	background-color: #FFF2E1;
	border: 1px double #F4B05C;
}

#body H2,
#body H3 {
	MARGIN-TOP: 30px;
	MARGIN-BOTTOM: 10px;
	text-align: left;
	text-transform: none;
	font-size: 97%;
	letter-spacing: 0px;
}
#body H2.prvni {
	MARGIN-TOP: 22px;
	text-transform: uppercase;
}

#body H2#nadpis {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 1px;
	MARGIN: 0px;
	MARGIN-BOTTOM: 20px;
	MARGIN-TOP: 0px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: Left;
	color: #FBFCFB;
	BACKGROUND-COLOR: #F6BD6E;
	width: 100%;
}



/*** TEMP: ***/
td, th {
	FONT-FAMILY: "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
	FONT-SIZE: 70%;
	COLOR: white;
	padding: 2px;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
	vertical-align: top;
}
th {
	background-color: #868686;
}

/*** TD TR hover  ***/
TR {	
	background-color: #E7E7E7;
	color: #515151;
}
TD {
	font-weight: normal;
	color: #515151;
}



/*** HEADER **/
#headerPrint {
	display: none;
}
#header {
	position: relative;
	width: 770px;
	height: 185px;
	background: #FFF2E1 url(bg_head.jpg) no-repeat 0px -1px;
}

/** logo **/
#header img#logo {
/* img BG - site */
	position: absolute;
	width: 770px;
	height: 168px;
	left: 0px;
	top: 0px;
	border: none;
}

/** STRIP H2 **/
H2.strip {
	margin: 0px;
	font-size: 10px;
	letter-spacing: 0px;
	
}

/** FLAGS **/
#flags{
	/*background: White url(bg_flags.jpg) no-repeat 2px -2px;*/
	width: 110px;
	width= 124px;                       /* IE */
	padding: 7px;
	padding-bottom: 5px;
	position: relative;
	left: 639px;
	border: 0px solid gray;
	margin: 0px;
	
}
#flags IMG {
	padding: 0px;
	margin: 0px;
	position: relative;
	border: 0px;
	
}
#flags IMG#cs{
	left: 2px;	
}
#flags IMG#en{
	left: 10px;	
}
#flags IMG#de{
	left: 18px;	
}


/** NADPISY **/

#intro{
	padding: 0px 0px 55px 0px;
}
#nadpisy{
	WIDTH: 627px;
	TOP: 7px;
	left: 50px;
	margin-top: 0px;	
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
	background-color: #FFE7CE;
}
#nadpisy H2,
#nadpisy H3{
	margin: 0px;	
	margin-bottom: 10px;	
	padding: 0px;
	WIDTH: auto;
	background-color: transparent;
}
#nadpisy H3{
	font-weight: normal;	
	padding-top: 10px;
	FONT-SIZE: 100%;
}
#nadpisy.metro {
	border: 2px solid #BB5E00;
	background-color: #FBE4C7;
	padding-top: 7px;	
	padding-bottom: 2px;	
	margin-bottom: 5px;	
}
#nadpisy.metro H3 {
	padding-top: 0px;	
	margin-bottom: 5px;	
}
#nadpisy #logo_metro{
	position: relative; 
	top: 3px;
	margin-right: 10px;
}

#panorama{
	TOP: 7px;
	left: 50px;
	margin-top: 10px;	
	position: relative;
	border: 1px double #F4B05C;
}

/** MENU **/
#left{
	margin: 0px;
	margin-left: 12px;
	margin-right: 5px;
	float: left;
}
#menu{
	WIDTH: 195px;
	WIDTH= 205px;
	padding: 5px;
	/*border: 1px solid #E2E2E2;*/
	/*border: 1px solid #D3D3D3;*/
	border: 1px solid #FDE5D8;
	margin-bottom: 20px;
}
#menu H3 {     
	WIDTH: 195px;    
	margin-bottom: 1px;
	margin: 0px !important;
	font-size: 10px;
	letter-spacing: 0px;
	white-space: nowrap;
	overflow: hidden;
	line-height: 25px;
	/*color: White;*/
	padding: 0px;
}
#menu A {
	color: #FF4500;
	display: block;
	padding-left: 25px;
	WIDTH: 170px;
	WIDTH= 195px;                              	/* IE */
	height: 25px;
	background: url(butt_off.gif);
	text-decoration: none;
	cursor: pointer;
}
#menu H3 A {
	color: #FF6124;
	background: White url(butt_on.gif);
}
#menu H3 A:hover {
	color: #FF4500;
	background: url(butt_off.gif);
}
#menu H3.ma A {
	background: url(butt_off.gif);
}
#menu H3.ma A:hover {
	background: White url(butt_on.gif);
}
#body #table {
	WIDTH: 100%;
	padding: 20px;
	border: 0px solid Gray;
	background-color: #D5D5D5;
}
#body #table TABLE {
	WIDTH: 100%;
}
/*
#intro{
	WIDTH: 515px; 
	height: 220px;
	overflow: hidden;
}
*/
#banner{
	WIDTH: 175px;
	WIDTH= 205px;
	padding: 5px;
	padding-left: 25px;
	margin-bottom: 50px;
	line-height: 1.5em;
	/*border: 1px solid #E2E2E2;*/
	
	border: 1px solid #FF6226;
	color: White;
	background-color: #FF6226;
	font-weight: bold;
}
#banner A {
	color: #FFAF90;
	font-size: 80%;
	letter-spacing: 0px;
	font-weight: normal;
}
#banner A:hover {
	color: White;
}

/** #BODY **/

#body{
	WIDTH: 515px;
	WIDTH= 515px;        /* IE */
	margin-right: 20px;
	TOP: 0px;
	position: relative;
	float:right;
	border: 0px solid green;
}
#body #cc{
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 50px;
	overflow: hidden;
}
#body H1{
	margin-bottom: 20px;
}

#body IMG {
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 4px;
	MARGIN-LEFT: 6px;
	padding-bottom: 0px;
	padding: 0px;
}
#body IMG.prvni {
	MARGIN-LEFT: 0px;
}
#body P.img {
	font-size: 80%;
	border: 0px;
}

#body .box{
	float:left;
	margin-right: 30px;
}
#body .block{
	WIDTH: 250px;
	float:left;
	display: block;
	margin-left: 5px;
	margin-bottom: 5px;
	border: 0px solid green;
}
#body .block.prvni {
	margin-left: 0px;
}

#body.ubytovani-firmy-praha .block{
	WIDTH: 160px;
}


#button {
	PADDING-RIGHT: 7px;
	PADDING-LEFT: 7px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	MARGIN: 0px;
	font-size: 90%;
	text-transform: uppercase;
	letter-spacing: 0px;
	text-align: center;
	color: White;
	background-color: #AEAEAE;
}
#button A {
	color: White;
	text-decoration: none;
}
#button A:hover {
	text-decoration: underline;
}
DIV#button {
	border-left: 7px solid #f6621a;
}
/** #FOTOGALERIE **/ 
#fotogalerie {
	width: 510px;
	/*background-color: Silver;*/
}
#fotogalerie H2 {
	color: Gray;
}
#fotogalerie A {
	padding: 0px;
	margin: 0px;
	border: 0px solid Green;
	display: block; /* IE */
}
.tn {
	height: 220px;
	width: 250px;
	float: left;
	font-size: 80%;
}
.tn.vertical {
	height: 280px;
	width: 167px;
}
.tn  {
	margin-left:3px;
}
.tn.prvni  {
	margin-left:0px;
}
.tn IMG {
	margin: 0px;
	border: 1px solid Silver;
}

/*** FOOT ***/
#foot {
	display: block;
	width: 770px;
	height: 18px;
	margin-bottom: 0px;
	text-align: right;
	background-color: #FFCA88;
	border: 0px dashed Fuchsia;
	vertical-align: middle;
}
#footContent {
	color: #EDEDEE;
	display: block;
	font-size: 9px;
	height: 13px;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0px;
	font-weight: bold;
	font-family: "Verdana CE", Verdana, Arial, sans-serif;
	float: right;
	/*background-color: #FFC884;*/
}
#footContent A {
	color: #FFEBD7;
	padding-left: 5px;
	padding-right: 5px;
}
#footContent A:hover {
	color: #FFFFFF;
}

#paticka {
	MARGIN: 0px auto;
	font-size: 80%;
	display: block;
	width: 770px;
	height: 18px;
	margin-bottom: 0px;
	margin-top: 100px;
	margin-bottom: 100px;
	text-align: right;
	background-color: transparent;
	border: 0px dashed Fuchsia;
	vertical-align: middle;
	border: 0px solid #9FC1A8;
}
#paticka, #paticka A {	
	COLOR: #8A8A8A;
}
#paticka P {	
	display: inline;
}
.valid IMG {	
	margin-top:50px;
	margin-bottom: 0px;
	border: 0px;
}




/**** OBECNE ***/
ul.links{
	margin: 50px;
	list-style-image: url(arrow_blue.gif);
}
.red{
	color: #E60000;
	font-weight: bold;
}
.b, #b{
	font-weight: bold;
}
.i, #i{
	font-style: italic;
}
.nowrap, #nowrap{
	white-space: nowrap;
}

.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;
}
.imgNoBorder,
.imgLNoBorder, 
.imgRNoBorder {
	border: none;
}
.img {
	FLOAT: none;
}

p.L {
	FLOAT: left;
	position: relative;
}
p.R {
	FLOAT: right;	
	position: relative;
}

#red_frame {
	padding: 10px;
	border: 3px solid red;
	margin-top: 30px;
}
#red_frame H2 {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-top: 5px;
	font-size: 130%;
}
/******   cenik   *****/ 
INPUT.button {
	/*display: none;*/
}
TABLE.ceny {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}
TABLE.ceny TH {
	width: 240px;
}
TABLE.ceny TD {
	text-align: center;
	vertical-align: middle;
}
TABLE.ceny TD.datum {
	font-weight: bold;
	text-align: left;
}
TABLE.ceny TD.inp {
	text-align: center;
	width: 90px;
}
TABLE.ceny TD.inp INPUT {
	font-size: 80%;
	text-transform: uppercase;
}
/******   rezervace   *****/ 
IFRAME#rezervace {
	margin-top: 30px;
	margin-bottom: 10px;
}

.top5{
	margin-top: 5px !important;
}
.top10{
	margin-top: 10px !important;
}
.top20{
	margin-top: 20px !important;
}
.top30{
	margin-top: 30px !important;
}


/* cloud */
#cloud A{
	color: #C3996F;;
}
#cloud .s1{
	font-size: 150%;
}
#cloud .s2{
	font-size: 130%;
}
#cloud .s3{
	font-size: 110%;
}
#cloud .s4{
	font-size: 90%;
}
#cloud .s5{
	font-size: 80%;
}



#toplist {
	display: none;
}
}