﻿/* CSS style document */

@import url('menu.css');

@media all {

body {
	background: #292929 url('../images/bgr_page.gif') repeat top left;
	font-family: Tahoma, 'Arial CE', Arial, Verdana, 'Trebuchet MS', 'Microsoft Sans Serif', 'Helvetica CE', Helvetica  !important;
	padding: 0px;
	margin: 0px;
}


.cistic {
	clear: both;
	visibility: hidden;
	display: block;
	height: 0px;
	font-size: 1px;
	}

.aC { text-align: center; }
.aL { text-align: left; }
.aR { text-align: right; }
.aJ { text-align: justify; }

.vaT { vertical-align: top; }
.fwB { font-weight: bold; }

.fs6  { font-size: 6pt; }
.fs7  { font-size: 7pt; }
.fs8  { font-size: 8pt; }
.fs9  { font-size: 9pt; }
.fs10 { font-size: 10pt; }
.fs11 { font-size: 11pt; }
.fs12 { font-size: 12pt; }

.cR   { color: #d00; }
.cG   { color: #080; }
.cB   { color: #2bf; }
.cW   { color: #fff; }
.c60  { color: #f60; }
.c90  { color: #fb0; }
.c000 { color: #000; }


h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	}

#MainPage {
	width: 840px;
	display: block;
	margin: 0px auto;
	}

/* =======================================================================  TOP  ======================================================================= */

#Top {
	width: 840px;
	height: 200px;
	display: block;
	background: transparent url('../images/bgr_top.gif') no-repeat top left;
	position: relative;
	top: 0px;
	left: 0px;
	
	}


/* ====================================== LOGO ====================================== */

#Logo {
	width: 565px;
	height: 65px;
	display: block;
	background: transparent url('../images/logo.png') no-repeat left top;
	/*position: absolute;
	top: 40px;
	left: 220px;*/
	margin: 40px auto;
	}

#Logo span {
	display: none;
	}

#Logo a {
	width: 565px;
	height: 65px;
	display: block;
	color: #111;
	}

/* ======================================================================= LEFT SIDE  ======================================================================= */


#LeftSide {
	width: 560px;
	display: block;
	margin-left: 10px;
	float: left;
	}



/* ====================================== MENU ====================================== */


/* ======================================================================= RIGHT SIDE ======================================================================= */

#RightSide {
	width: 280px;
	display: block;
	margin-right: 10px;
	float: right;
	color: #fff;
	}

/* ======================================================================= TELO ======================================================================= */

#Telo {
	width: 840px;
	min-height: 300px;
	display: block;
	padding-top: 70px;
	background: transparent url('../images/bgr_telo.gif') repeat-y left top;
	}


/* ======================================================================= FOOTER ======================================================================= */

#Footer {
	width: 840px;
	height: 90px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	background: transparent url('../images/bgr_footer.gif') no-repeat left top;
	}

#Footer a {
	text-decoration: none;
	color: #444;
	}

#Footer a:hover {
	color: #666;
	}

#Rezervace {
	width: 280px;
	height: 70px;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: transparent url('../images/rezervace.gif') no-repeat left top;
	}

#Rezervace span {
	display: none;
	}

#WebInfo {
	width: 560px;
	height: 70px;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	background: transparent url('../images/bgr_copyright.gif') no-repeat left top;
	font-family: 'Trebuchet MS', Tahoma, 'Arial CE', Arial, Verdana, 'Microsoft Sans Serif', 'Helvetica CE', Helvetica;
	}

#WebInfo a {
	color: #6d7680;
	text-decoration: none;
	}

#WebInfo a:hover {
	color: #77818d;
	}


#Copyright {
	width: 200px;
	height: 20px;
	display: block;
	position: absolute;
	top: 28px;
	left: 25px;
	font-size: 8pt;
	color: #616972;
	}

#MenuDown {
	width: 350px;
	height: 20px;
	display: block;
	position: absolute;
	top: 28px;
	right: 10px;
	font-size: 8pt;
	color: #616972;
	text-align: right;
	}

#MenuDown a {
	padding: 0px 15px;
	}



}

/* end of CSS document */
