html, body 
{ 
height: 100%; 
padding: 0; 
margin: 0; 
} 

body {
margin: 0;
padding: 0;
font-family: Tahoma,Verdana,Arial;
font-size: 12px;
color: black;
background: #FFFFFF;
}

/* HEADLINES */
h1 {margin: 0; padding: 0;}
.inside_text {background: url(images/h1.png) no-repeat left bottom; font-size: 24px; padding-bottom: 3px; font-weight: normal;}
h2, h3, h4, h5 {margin: 0; padding: 0;}
.inside_text2 {background: url(images/h1.png) no-repeat left bottom; font-size: 18px; padding-bottom: 3px; font-weight: normal;}

img {
border: none;
}
.float_left {float: left;}

/* A */
a {
	color: #7b0023;
	outline-style: none;
}

a:hover {
	color: black;
	outline-style: none;
}


/* KOMPOZICE */
#wrap {
min-height: 100%; 
min-height: 100%;
height:auto !important;
height:500px;/*IE*/
/*overflow: no;*/
position: relative;
}

#page {
width: 820px;
margin: 0 auto;
position: relative;
overflow: hidden;
}

#header {
width: 819px;
margin-top: 20px;
float: left;
background: #FFFFFF url('images/head.png') no-repeat 0 0;
padding-top: 323px; /*19px*/
padding-bottom: 20px;
}

#logo {
position: absolute;
top: 88px;
left: 55px;
width: 383px;
height: 114px;
}

#text {
float: left;
width: 510px;
padding-left: 21px;
text-align:  justify;
}

#right_column {
float: left;
width: 249px;
padding-left: 39px;
padding-top: 35px;
}

#footer {
float: left;
width: 822px;
height: 32px;
background: url('images/foot.jpg') no-repeat left top;
padding-top: 0px;
padding-bottom: 10px;
font-size: 10px;
text-align: center;
}

#copy {
float: left;
width: 822px;
padding-top: 0px;
padding-bottom: 5px;
font-size: 10px;
text-align: center;
}

#print {
position: absolute;
top: 305px; /*19px*/
left: 767px;
width: 22px;
height: 19px;
}

#print .print_picture {width: 22px; height: 19px; position: relative; margin: 0; padding: 0; font-size: 10px;}
#print .print_picture span {background: url('images/print.png') no-repeat; position: absolute; width: 100%; height: 100%;}

/* BOOK ONLINE */
.width1 {width: 170px; padding: 2px 0;}
.border {border: 1px solid #7B0023;}
.border2 {border: 1px solid #7B0023; width: 100%; margin: 30px 0;}
.button {margin: 15px 0 0 15px; padding: 1px 10px; border: 1px solid #7B0023; cursor: pointer;}

#book_online fieldset {padding: 10px 10px 10px 30px; border: 1px solid #7B0023; margin-top: 10px;}
#book_online fieldset.second {padding: 0 30px; border: 1px solid #7B0023; margin-top: 10px;}
#book_online table {margin-top: 5px;}
#book_online legend {color: #7B0023;}

/* Table of transfers */
.table_of_transfers {width: 100%;}
.table_of_transfers th {background: #7b0023; color: white; height: 30px; line-height: 30px; padding: 0 0 0 5px;}
.table_of_transfers tr.first td {background: #f1e4e8;height: 25px; line-height: 25px; padding-left: 5px;}
.table_of_transfers tr.second td {background: #d2abb7;height: 25px; line-height: 25px; padding-left: 5px;}

/* Cars */
.cars1 {
	float: left; 
	width: 200px; 
	min-height: 175px; 
	height:auto !important; 
	height: 180px;/*IE*/;
	margin: 10px 15px 0 0; 
	text-align: center; 
	padding: 10px 0 0 0;
}
.cars2 {
	float: left; 
	width: 200px; 
	min-height: 175px; 
	height:auto !important; 
	height: 180px;/*IE*/; 
	margin: 10px 0 0 0; 
	text-align: center; 
	padding: 10px 0 0 0;
}
.cars1 a img, .cars2 a img {border: 1px solid #7e0023;}
.cars1 a:hover img, .cars2 a:hover img {border: 2px solid #7e0023;}

/* Contact */
.border3 {border: 1px solid #7b0023; width: 100%; margin: 0 0 10px 0;}
.border {border: 1px solid #7b0023;;}

.formular {margin: 20px 0 0 0;}
.right {float: right;}
.button {
	padding: 2px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 5px;
	background: #7b0023;
	border: 1px solid #7b0023;
	color: #FFFFFF;
}

/* MAIN MENU */
#menu {
	font-family: arial;
	position: absolute; 
	top: 299px; /*19px*/ 
	left: 0px; 
	padding: 0;
	margin: 0; 
	list-style: none; 
	font-size: 13px; 
	font-weight: bold; 
	height: 41px; 
	max-width: 820px; 
	width: expression(Math.min(parseInt(this.offsetWidth), 700 ) + "px");
}
#menu li {float: left; margin-right: 0px; list-style: none;}
#menu li a {float: left; background: #035481 url('images/menu-leftt.png') no-repeat left top; height: 41px; display: block; width: auto; max-width: 250px; width: expression(Math.min(parseInt(this.offsetWidth), 250 ) + "px"); color: white; text-decoration: none;}
#menu li a span {float: left; background: url('images/menu-right1.png') no-repeat right top; height: 27px; display: block; padding: 6px 10px 0 10px;}
#menu li a:hover {background-position: -300px 0; height: 41px; display: block; color: white; text-decoration: none; padding: 0;}
#menu li a:hover span {background: url('images/menu-right2.png') no-repeat right top; height: 25px; display: block; padding: 16px 10px 0 10px;}

.space_all {
	width: 438px;
	height: 41px;
	position: absolute; 
	top: 0px; /*22px*/ 
	left: 420px;
}

.spacel {
	float: left;
	width: 8px;
	height: 41px;
	background: url('images/spacel.png') no-repeat left top;
}

.space {
	float: left;
	width: 378px;
	height: 41px;
	background: url('images/space.png') left top;
}

.spacer {
	float: left;
	width: 14px;
	height: 41px;
	background: url('images/spacer.png') no-repeat left top;
}

	
/* FLAGS MENU */
ul#flags_menu {list-style-type: none; margin: 0; padding: 0; position: absolute; top: 190px; left: 115px; width: 330px;}
ul#flags_menu li {height: 22px; float: left; width: auto;}
#flags_menu a, #flags_menu a span {display:block; height: 14px; overflow:hidden; border: none;}
#flags_menu a {position: relative; width: 100%; height: 100%; border: none;}
#flags_menu a span {position:absolute; top:0; left:0;}

#m1 a, #m1 a span {width: 32px; height: 25px; background: white url("images/flags/cz.jpg") no-repeat; margin-right: 5px;}
#m2 a, #m2 a span {width: 32px; height: 25px; background: white url("images/flags/de.jpg") no-repeat; margin-right: 5px;}
#m3 a, #m3 a span {width: 32px; height: 25px; background: white url("images/flags/es.jpg") no-repeat; margin-right: 5px;}
#m4 a, #m4 a span {width: 32px; height: 25px; background: white url("images/flags/fi.jpg") no-repeat; margin-right: 5px;}
#m5 a, #m5 a span {width: 32px; height: 25px; background: white url("images/flags/gb.jpg") no-repeat; margin-right: 5px;}
#m6 a, #m6 a span {width: 32px; height: 25px; background: white url("images/flags/it.jpg") no-repeat; margin-right: 5px;}
#m8 a, #m8 a span {width: 32px; height: 25px; background: white url("images/flags/ru.jpg") no-repeat; margin-right: 5px;}

#flags_menu a {border: 1px solid white;}
#flags_menu a:hover {border: 1px solid black;}


/* BOOK YOUR TRANSFER ONLINE */
#right_column .book {font-family: arial; float: left; padding: 0; margin: 0 0 0 0px; width: 249px; list-style: none; font-size: 15px; font-weight: bold;}
#right_column .book li {float: left; padding: 0; margin-left: 0px; list-style: none; width: 249px;} 
#right_column .book li a {background: #09496e url('/images/logo.jpg') no-repeat left top; width: 234px; height: 164px;}
#right_column .book li a:hover  {background-position: -249px 0;}
#right_column .book a {width: 234px; padding: 15px 0 0 15px; color: white; height: 164px; display: block; margin: 0 0 0 0; text-decoration: none; font-size: 22px; text-transform: uppercase; font-weight: normal; line-height: 1.5;}
#right_column .book a span.red_exclamation {display: none;}
#right_column .book a:hover span.red_exclamation {display: inline; color: red;}
