body { font: 0.7em/1.8em Verdana, Arial, Helvetica, sans-serif; text-align: center; 
    color: black; background: #F60; margin: 15px 0 60px 0; }

#wrapper { width: 800px; margin: 10px auto; text-align: left; border: 10px solid white; color: black; background: white; }

img { border: 0; }

.clear { clear: both; height: 1px; }

a:link, a:visited { color: gray; text-decoration: underline; }
a:hover { color: black; text-decoration: none; }

/* layout */
#header { float: left; width: 790px; height: 150px; color: white; background: #55331C; margin: 0 0 15px 0; }

#sidebar-a { float: left; width: 200px; }

#content { float: left;  width: 355px; color: white; background: #AA6639; padding: 5px; border: 1px solid yellow; }

#sidebar-b { float: right; width: 200px; margin: 0 0 0 12px; padding: 5px 2px 10px 5px; border: 1px solid gray; color: white; background: #733900; }

#footer { float: left; clear: both; width: 770px; text-align: right; margin: 80px 0 0 0; padding: 0; }

#galerie { width: 450px; margin: 10px auto; text-align: left; border: 10px solid white; color: black; background: transparent; }

/* h1-6 */
h1 { float: left; font: italic 3.5em Georgia, sans; margin: 3px 0 3px 3px; color: white; background: transparent; }

h1.podnadpis { float: left; font: 2.0em Georgia, sans; text-transform: uppercase; margin: 0 0 3px 0px; color: white; 
						 	 				background: transparent;  }

h1.podnadpis2 { float: left; clear: left; font: 1.6em Georgia, sans; margin: 0 0 3px 0px; color: white; background: transparent; }

h2 { font: 2.2em Georgia, sans; margin: 0 0 10px 0; color: white; background: #AA6639; text-transform: uppercase; letter-spacing: 1px; }

h5 { font: italic 1.5em Georgia, sans; margin: 0 0 3px 0; }

/* menu */

a.menu:link, a.menu:visited { display: block;	width: 150px; 
															margin: 2px 0; padding: 0 0 0 4px; /* must be dekl.top a bottom margin, else in IE NOT WORK */
															color: white;	background: gray; 
															text-decoration: none; 
						 									font: italic 1.5em/2.3em Georgia; 
															border: 1px solid black; border-width: 0 10px 0 0; }
a.menu:hover { display: block; width: 150px; 
															margin: 2px 0;  
															color: white;	background: #AA6639; 
															text-decoration: none; 
						 									font: italic 1.5em/2.3em Georgia; 
															border: 1px solid black; border-width: 0 10px 0 0; } 


a.bily:link, a.bily:visited { color: white; text-decoration: underline; }
a.bily:hover { color: white; text-decoration: none; }

#sidebar-b a:link, a:visited { font-style: normal; color: white; text-decoration: underline; }
#sidebar-b a:hover { font-style: normal; color: white; text-decoration: none; }

#footer a:link { font-style: italic; color: gray; text-decoration: underline; }
#footer a:visited { font-style: italic; color: gray; text-decoration: underline; }
#footer a:hover { font-style: normal; color: black; text-decoration: none; }


 
 
.gallery{
float: left;
width: 178px;
margin-right: 10px;
margin-bottom: 1em;
}

html>body .gallery{ /*Non IE rule*/
margin-right: 14px;
}

.gallery a img{
border: 1px solid #ccc;
padding: 2px;
}


.gallery a:hover img{
border: 1px solid green;
}


.gallery a:hover{
color: gray;
}



/*
.highlightit img { border: 1px solid #ccc; }

.highlightit:hover img { border: 1px solid navy; } */	 	 


/* images */

img.head-foto { float: right; margin: 0; padding: 0; }

img.becko { margin: 0 0 5px 0; }

img.foto { border: 1px dotted gray; }
					
/* list */

ul { margin: 0; padding: 0; }

li { list-style: none; margin: 0; padding: 0; }

#footer li { float: right; padding: 0 0 0 10px; }

/* paragraph */

p { margin: 0 0 20px 0; }

p.formular { margin: 17px 0 0 0; }

#footer p { clear: right; float: right; margin: 0; }


/* tabule */
table { margin: 0 0 40px 0; border-collapse: collapse; } 

th { font: bold italic 1.0em Georgia, sans; width: 350px; text-align: left; color: white; background: #AA6639;; }

td { font: 0.7em/1.8em Verdana; color: white; background: #AA6639; padding: 10px 0 0 0; 
	 	 			 border-top: 1px dotted white; border-bottom: 1px dotted white; }

td.prvni { width: 50px; text-align: left; }

td.druhy { width: 250px; }

td.treti { width: 50px; text-align: right; }

td.vino1 { width: 150px; text-align: left; }

td.vino2 { width: 200px; text-align: left; }

td.vino3 { width: 50px; text-align: right; }


/* kontakt - formuláře */
	
input, textarea { border: 1px solid white; }
	
dt { float: left; clear: left; width: 57px; padding: 2px;}
dd { padding: 2px; }
dt.odeslat { float: right; margin: 0; padding: 10px 20px 0 0;}

dt.pocet_kusu { float: left; width: 30px; padding: 2px; margin: 0; /* border: 1px solid yellow; */ }
dt.obj_sloupec_check { float: left; width: 20px; padding: 2px; margin: 0; /* border: 1px solid yellow; */ }
dd.obj_sloupec_ks { float: left; width: 40px; padding: 1px; margin: 0;  }
dd.obj_sloupec_jidlo { float: left; width: 236px; padding: 2px 2px 2px 4px; margin: 0;  }
dd.obj_sloupec_cena_jidla { float: left; width: 30px; padding: 2px; margin: 0;  }

.no-border { border: 0; }

.odeslat-btn { border: 0; }


/* tisk denni nabídky */

a.tisk-denni-nabidky:link, a.tisk-denni-nabidky:visited { font: 1.8em/1.8em Verdana; color: white; text-decoration: underline; }
a.tisk-denni-nabidky:hover { color: white; text-decoration: none; }

p.tisk-vzdalenost-tabulek { margin: 30px 0 0 0; }

p.tisk-vzdalenost-tabulek-sobota-nedele { margin: 70px 0 0 0; }
