/* Haluze v IE a jak sem je vyresil */
/* comment #1 */
/* - mel jsem container_main. v nem left a right panel (float left a right) */
/* - kdyz jsem nastavil kontejneru vysku na xx px, tak FF spravne nastavil vysku */
/*   na xx pixelu, ale IE udelal minimalni moznou hight. */
/* - kdyz jsem u kontejneru vysku nenastavil, FF nastavil minimalni moznou. IE */
/*   se rozhodl nenastavit zadnou (nevykreslil se background) */
/* - reseni je vyska 1% .. v obou to nastavi minimalni moznou :) nechapu proc :)

/* BASIC STRUCTURE */

.cleaner {
clear: both;
}

hr {
height: 1px; border: 0; background-color: green; color: green; margin-top: 5px; margin-bottom: 5px;
}

body {
font-family: Verdana, Arial, sans-serif;
font-size: 0.90em;
background-color: silver;
}

A:link {
	FONT-WEIGHT: bold; COLOR: navy; TEXT-DECORATION: none
}
A:visited {
	FONT-WEIGHT: bold; COLOR: maroon; TEXT-DECORATION: none
}
A:unknown {
	FONT-WEIGHT: bold; COLOR: black; TEXT-DECORATION: none
}
#container_body {
margin: 0 auto 0 auto;  /* centrovani */
padding-top: 21px;
padding-left: 8px;
padding-right: 12px;
position: relative;
min-width: 980px;   
max-width: 1220px;
}

#container_head {
background-color: #408d56;
background-image: url(/images/head_panel.png) ;
position: relative;
height: 124px;
}

#container_head a {
text-decoration: none;
}


#container_main_r {
background: url(/images/text_gradient_gray.png) repeat-x;
background-color: white;
}

#container_main_b {
background: url(/images/text_gradient_yellow.png) repeat-x;
background-position: bottom;
}

#container_main {
background: url(/images/left_panel_tree2.png) repeat-y;
height: 1%;   /* FIX pro IE !! comment #1 */
}

#left_panel {
width: 141px;
float: left;
top: 0;
}

#right_panel {
width: 200px;
float: right;
margin-left: 10px;
margin-right: 8px;
margin-top: 13px;
}

/* Head */

#logo_text {
position: relative;
margin: 0 auto 0 auto;  /* centrovani */
width: 468px;
height: 80px;
top: 2px;
}

#logo_building {
position: absolute;
background-image: url(/images/head_panel_building.gif) ;
height: 144px;
width: 140px;
left: -14px;
top: -30px
}

#logo_list {
display: none;
position: absolute;
background-image: url(/images/head_panel_list.gif) ;
height: 69px;
width: 89px;
right: 10px;
top: 13px
}

#logo_eshop {
cursor: hand;
position: absolute;
background: url(/images/shop_star.gif) no-repeat;
background-position: 70px 0px;
height: 80px;
width: 235px;
right: -8px;
top: -14px;
color: white;
}

#logo_eshop p{
margin-top: 45px;
}


#head_menu {
position: absolute;
left: 10%;
top: 91px; 
}

#head_menu a {
color: white;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
display: block;
float: left;
}

#head_menu a:hover {
background: url(/images/head_panel_btn2.png);
background-position: 0 -3px;
color: white;
}

#head_menu div {
float: left;
text-align: center;
margin-top: 5px;
width: 12px;
color: orange;
}

/* RIGHT PANEL */

#right_panel div {
background: url(/images/right_panel3.png) repeat-y;
background-color: white;
padding: 4px;
padding-left: 18px;
color: white;
border: solid green 1px;
margin-bottom: 10px;
}

#right_panel div p {
margin: 0;
}

.form_input {
background-color: white;
border: solid green 1px;
color: black;
}

.form_btn {
background-color: green;
border: solid white 1px;
color: white;
margin: 8px 0px 3px 35px;
}

/*#login_form {
position: absolute;
height: 69px;
width: 89px;
right: 90px;
top: 0px
}*/

/* LEFT PANEL */

#pic_projection {
display: none;
background-color: white;
font-size: 0.8em;
height: 100px;
margin: 20px;
}

#menu_left {
list-style: none;
margin: 0;
padding-left: 4px;
}

#menu_left li {
margin-top: 10px;
text-align: center;
height: 41px;
width: 123px;
color: white;
font-size: 1.2em;
}

#menu_left a {
display: block;
background: url(/images/left_panel_btn.png);
padding-top: 8px;
height: 30px;
width: 123px;
color: black;
text-decoration: none;
}

#menu_left a:hover {
background-position: 0 40px;
color: red;
}

/* MAIN AREA */

#main_text {
margin-left: 150px;
margin-right: 215px;
padding-bottom: 5px;
padding-top: 10px;
}

#main_text h1 {
margin: 0;

}

#prefooter {
display: none;
background-color: white;
height: 0px;
}

#footer {
background-color: #408d56;
background: url(/images/footer.png) repeat-x;
color: white;
height: 15px;
border: solid green 1px;
text-align: right;
font-size: 0.8em;
padding-right: 3px;
padding-top: 2px;
}


#footer_rada {
display: none;
}

#footer_djb {
margin-left: 15px;
}

#footer_habro {
}

/* PODSTRAAAAAANKYYYYYYYYYYYYYYYYYY */


/* u faq */
#container_faq {
background: url(/images/faq_question_mark2.png) no-repeat;
background-position: right bottom;
}

/* u kontaktu */
#budova {
background-color: #fffeda;
}
#doba {
background-color: #fffeda;
}

#container_zaruka {
background: url(/images/zaruka_hodiny.png) no-repeat;
background-position: bottom right
}

#container_recenze {
background: url(/images/zaruka_hodiny.png) no-repeat;
background-position: bottom right
}