/** {
margin: 0; 
}*/


body {

padding: 0;
margin: 0;
background: #f4d978 url('tile_body.png') repeat-x;
font-size: 0.95em;
font-family: Arial, Sans;
}


h1 {
/*background: url('bg_h1.png') #fdf075;*/
margin: 0px 0 20px 00px;
height: 34px;
font-family: Trebuchet MS, Trebuchet, Arial;
font-size: 1.6em;
font-weight: normal;
color: #0154a9;
color: #db5019;
padding: 16px 0 0 20px;
/*letter-spacing: 0.1em;*/
}

h2 {
font-family: Arial;
font-size: 1.2em;
font-weight: bold;
color: #1670cd;
letter-spacing: 0.0em;
margin-top: 1.4em;
clear: both;
}

h3 {
font-family: Arial;
font-size: 1.1em;
clear: both;
margin: 2em 0 0.0em 0;
}


a {
color: #0035fe;
text-decoration: none;
}

a:hover {
/*background: #fefacf;*/
text-decoration: underline;
}

img {
border: 0px;
margin-bottom: 4px;
}

ul {
padding: 0 0 0 1.5em;
}

caption {
font-size: 0.85em;
color: #555;
}

textarea {
font-size: 1.05em;
}

.img_left *, .img_right * {
border: 0;
margin: 0;
padding: 0;
}

.img_left {
display: block;
float: left;
margin: 4px 10px 5px 0px;
/*_margin: 7px;*/
}

.img_right {
display: block;
float: right;
margin: 4px 16px 4px 6px;
/*_margin: 7px;*/
}

.img_left a, .img_right a {
display: block;
float: left;
padding: 2px;
}

.img_left p, .img_right p {
display: block;
font-size: 0.8em;
text-align: center;
}

.img_border {
border: 2px solid #bbb;
}

.clear {
clear: both;
}

.error {
color: #f00;
}


#container {
text-align: left;
width: 742px;
background: #fff url('tile_container.png') repeat-y;
margin: 10px auto 0 auto;
padding: 00px 0 0 0;
}


#header {
width: 742px;
height: 222px;
height: 216px;
margin: 0px 0 00px 00px;
background: url('bg_header.jpg');
padding: 20px 0 0 0;
}

#logo {
display: block;
margin-left: 260px; 
margin-top: 00px;
width: 220px; 
height: 70px;

}

#logo:hover {
text-decoration: none;
}

.logo_nadpis {
visibility: hidden;
}


#bar_left {
margin: 0 10px 0 20px;
float: left;
width: 176px;
margin: 0px 0 10px 16px;
_margin: 0px 0 5px 8px;
}

#navbar * {
margin: 0;
padding: 0;
list-style-type: none;
}

#navbar {
float: left;
padding: 8px 0 0 0;
}

#navbar a {
display: block;
padding: 5px 0 0 20px;
height: 21px;
/*border-left: 6px solid #909090;*/
margin: 0 0px 10px 12px;
color: #fff;
text-decoration: none;
font-size: 0.85em;
font-weight: bold;
letter-spacing: 0.0em;
width: 134px;
background: #e86823 url('bg_menu.png');
}

#navbar a:hover {
background: url('bg_menu_active.png');
/*border-right: 1px solid #bcbcbc;*/
color: #fff21d;
}


#navbar .produkt a {
font-weight: normal;
text-transform: none;
font-size: 0.75em;
color: #777;
width: 154px;
padding: 10px 0 0 20px;
}

#navbar .produkt a:hover {
color: #0035fe;
}


.hodnoceni {
font-size: 0.75em;
color: #444;
background: #f5efac url('tile_hodnoceni_body.png');
float: left;
margin: 15px 0 0 0;
}

.hodnoceni h3 {
background: #ddcc70 url('bg_hodnoceni_nadpis.png');
color: #222;
border: solid #ddd;
border-width: 0;
display: block;
padding: 7px 0 0px 20px;
margin: 0;
height: 20px;
width: 152px;
}

.hodnoceni_inner {
background: url('bg_hodnoceni_footer.png') no-repeat bottom left;
padding: 4px 16px 12px 16px;

}

.hodnoceni p {
margin: 0 0 0.5em 0;
padding: 0 0px 0 0px;
text-align: justify;
}

.hodnoceni_podpis {
margin: 0 0 1.2em 0;
text-align: right;
font-style: italic;
}


#content {
font-family: Verdana;
font-size: 0.85em;
font-size: 0.85em;
float: right;
width: 520px;
margin: 0 21px 10px 0;
_margin: 0 10px 5px 0;
padding: 0;
color: #222;
_padding-bottom: 16px;
}


.seznam_produktu li {
margin-bottom: 0.4em;
}


#footer_outer {
clear: both;
margin: 0 auto 0 auto;
background: url('bg_footer.png') no-repeat;
font-size: 0.75em;
text-align: center;
width: 742px;
padding: 10px 0 10px 0;
_padding: 20px 0 10px 0;
vertical-align: top;
}

#footer_inner {
color: #555;
}

#footer_inner a {
color: #db5019;
}

#footer_inner a:hover {
}


.volno, .obsazeno {
float: left;
padding: 5px 3px 5px 3px;
margin: 0 3px 0 3px;
font-size: 0.85em;
}

.volno {
background: #2ced47;
}

.obsazeno {
background: #f65444;
}


.square {
border: 1px solid #ccc;
float: left;
width: 8px;
height: 8px;
margin: 4px 4px 0 0;
}


.reservation_text {
width: 220px;
}


.reservation {
margin: 0 0 10px 0;
}


.termin {
text-align: center;
line-height: 1.6em;
width: 64px;
height: 100px;
float: left;
font-size: 0.85em;
margin: 3px;
border: 1px solid #ccc;
}

.termin_link_1, .termin_link_2 {
display: block;
width: 100%;
height: 100%;
}



/* UPRAVA BAREV BLOKACE, REZERVACE A VOLNO */
/* blokace */
.termin, #legenda_blokace {
background: #7df8a3;
}

/* rezervace */
.termin_link_1, .termin_link_3 {
background: #7df8a3;
background: #d1fbde;
}

/* volno */ 
.termin_link_2 {
background: #f9fcb4;
}





.termin_link_1:hover, .termin_link_2:hover {
text-decoration: none;
background: #ecebe8;
}

.termin_no {
display: block;
width: 100%;
height: 16px;
background: url('DeleteIcon.gif') no-repeat center;
}

.termin_yes {
display: block;
width: 100%;
height: 16px;
margin: 0;
padding: 0;
background: url('square.gif') no-repeat center;
}


.termin_link_2 .termin_yes {
background: url('square1.gif') no-repeat center;
}


.termin_link_1:hover .termin_yes, .termin_link_2:hover .termin_yes {
background: url('square_yes.gif') no-repeat center;
}


.vysvetlivky img {
margin: 0;
}
.vysvetlivky div {
margin: 4px 0 4px 0;
}
/*#legenda_blokace:hover {
background: #ffc;
}*/


.stock_images_outer {
height: 180px;
_height: 150px;
}

.stock_images {
margin: -20px -30px 0 -8px;
_position: absolute;
width: 540px;
}

.stock_images img {
margin: 0;

}


#flags {
/*width: 177px;
height: 36px;*/
width: 147px;
height: 31px;
background: #f8ebc8 url('bg_flags.png') no-repeat;
padding: 5px 0 0 30px;
}

#flags a {
display: block;
margin: 0 14px 0 0;
float: left;
}















