/* obecne */
.hidden { display:none; }
.clear  { clear:both; }
.nowrap {white-space:nowrap}

a.email {}
a.email img {border:0;position:relative;top:2px;}

body {
    margin: 0 auto;
	color: #000000;
	background-color: #ffffff;
	text-align: center;
}

form {margin:0;padding:0}

.vzornik {
    float: right;
}

.vzornik img {
    border: 0px;
}

#hlavni { 
    margin: 0 auto;
	width:  712px;
	/*height: 600px;*/
	background-color: #ffffff;
	text-align: left;
	padding-bottom: 25px;
    position: relative;
}

#top-bar {
	float: left;
	width:  668px;
	/*height: 6px;*/
	position: relative;
	left: 22px;
	background-color: #F2F2F2;
    text-align: right;
    color: navy;
    font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
    font-size: 0.7em;
    padding: 2px 0 2px 0;
}

h1 {
	float: left;
	width:  277px;
	height: 92px;
	background-image: url('../img/malbis-logo.gif');
	background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

h1 a {
	float: left;
    display: block;
	width:  277px;
	height: 92px;
}

h1 span {
	display: none;
}

#adresa {
    position: absolute;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #505563;
    right: 23px;
    top: 50px;
    text-align:right;
}

#menu {
	float: left;
	width:  666px;
	text-align: left;
	position: relative;
	top: 8px;
    left: 22px;
}

#menu { font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; font-size: 0.9em; color: #505563; }
#menu span { padding-left: 5px; padding-right: 5px; }
#menu a { color: #505563; text-decoration: underline; }
#menu a:hover { text-decoration: none; }
#menu .on { color: #000000; text-decoration: none; }

#linka {
    display: none;
	float: left;
	width:  668px;
	height: 1px;
	font-size: 0px;
	position: relative;
	left: 22px;
	top: 6px;
	background-color: #939AA9;
}

#obsah {
	float: left;
	width:  666px;
	/*height: 398px;*/
	position: relative;
	left: 22px;
	top: 18px;
	border: solid 1px #BFC3CC;
	background-color: #F2F2F2;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #505563;
}

#obsah p {
	display: block;
	width:   646px;
	padding: 10px;
    margin: 0px;
}

#obsah a { color: navy; text-decoration: underline; }
#obsah a:hover { text-decoration: none; }

#obsah h2 { font-size: 1.2em; padding: 1em 0 .2em 10px; margin:0px; }
#obsah h3 { display:inline; font-size: 1.0em; font-weight: normal; }
#obsah h4 { font-size: 1.05em; margin: 0px; padding: 10px; }
/*
.formular { float:left; clear:both; text-align:left; margin-top:20px; margin-bottom:20px; }
.formular div { float:left; padding:3px; clear:both; }
.formular label { float:left; width:150px; margin-right:10px; text-align:right; }
.formular input { float:left; }
.formular span { color:red; }
.formular textarea { float:left; width:300px; overflow: auto; }
.formular .tlacitko { float:left; width:120px; font-weight:bold; text-align:center; cursor:pointer; position:relative; left:160px;}
*/

#linky {
	float: left;
	width:  668px;
    font-size: 0.7em;
    color: silver;
	position: relative;
	left: 22px;
	top: 21px;
    text-align: justify;
    display: none;
}

#linky a {
    color: silver;
}

#linky a:hover {
    color: gray;
}

#linky span {
    display: none;
}

#paticka {
	float: left;
	width:  668px;
	height: 84px;
	background-image: url('../img/paticka.gif');
	background-repeat: no-repeat;
	position: relative;
	left: 22px;
	top: 21px;
}

#paticka span.block {
	float: left;
	display: block;
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: white;
	padding-left: 15px;
	padding-top: 15px;
}

#paticka a { color: #FFFFFF; text-decoration: none; }
#paticka a:hover { text-decoration: underline; }

#odkazy {
    float:left;
    width:666px;
	border: solid 1px #BFC3CC;
	background-color: #F2F2F2;
    text-align:center;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-size: 0.7em;
    color:#505563;
	position: relative;
	left: 22px;
	top: 18px;
    padding:.5em 0 .5em 0;
}
#odkazy a { color:navy; text-decoration: underline; }
#odkazy a:hover { text-decoration: none; }

#merici { display:none; }

#kalkulacka { 
    float:left; 
    padding:20px 0px 20px 45px;
}

#pokoju { 
    width: 100px; 
}
#pokoje select { 
    width: 100px; 
}

.radek { 
    float: left; 
    clear: both; 
    width: 500px; 
}

.sloupec { 
    float:left;
    width:60px;
}

#spocitej { 
    float: left; 
    width: 100px; 
    height: 30px; 
    position: relative; 
    top: 10px; 
    left: 358px;  
}

#cena {
	color: red;
	border: solid 1px gray;
	width: 100px;
	height: 30px;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 25px;
	right: 20px;
	padding-top: 10px;
}

#radek1, #radek2, #radek3, #radek4, #radek5 {
    display: none;
}

#mapa { position: absolute; top:0px; right:0px; width: 290px; height: 455px; border: solid 0px silver; background-image: url('../img/mapa.jpg');}

table.ceniktab {
    border-collapse: collapse;
	margin:  .5em 0 0 0;
	padding: 0px;
	border:  solid 1px #c0c0c0;
}

table.ceniktab td {
    border: solid 1px #c0c0c0;
    padding: 2px 5px 2px 5px;
}

/*magazin*/
.magazin {
    display: block;
    width: 74px;
    height: 74px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.magazin strong {
    display: none;
}

.mg_red th {
    color: white;
    background-color: red;
    text-align: center;
    padding: 2px;
}

.mg_yellow td {
    color: blue;
    background-color: yellow;
    text-align: center;
    padding: 2px;
}
.mg_yellowgreen td {
    color: blue;
    background-color: #ccff00;
    text-align: center;
    padding: 2px;
}
.mg_green td {
    color: white;
    background-color: green;
    text-align: center;
    padding: 2px;
}
.mg_bluegreen td {
    color: blue;
    background-color: #00ff66;
    text-align: center;
    padding: 2px;
}
.mg_blue td {
    color: white;
    background-color: blue;
    text-align: center;
    padding: 2px;
}
.mg_indigo td {
    color: white;
    background-color: #4B0082;
    text-align: center;
    padding: 2px;
}
.mg_bluepurple td {
    color: white;
    background-color: #8A2BE2;
    text-align: center;
    padding: 2px;
}
.mg_redpurple td {
    color: white;
    background-color: #cc0066;
    text-align: center;
    padding: 2px;
}
.mg_magenta td {
    color: white;
    background-color: #FF00FF;
    text-align: center;
    padding: 2px;
}

#jmeno, #email { width: 240px;}