body { font: Verdana; text-align: center; color: black; background: url(../img/bg.jpg) repeat; margin: 15px 0 90px 0; }

#wrapper { width: 990px; 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: black; text-decoration: underline; }
a:hover { color: black; text-decoration: none; }

/* layout */
#header { float: left; width: 990px; height: 150px; color: white; background: white; margin: 0 0 15px 0; }


#home-vloz { width: 990px; margin: 0; text-align: left; color: white; background: url(../img/home.jpg) no-repeat; }

#sidebar-a { float: left; width: 200px; }

#content { float: left;  width: 500px; color: black; background: transparent; padding: 5px; }

#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: black; 
						 	 				background: transparent;  }

h1.podnadpis2 { float: left; clear: left; font: 1.6em Georgia, sans; margin: 0 0 3px 0px; color: black; background: transparent; }

h2,h3 { font: 2.2em Georgia, sans; margin: 0 0 10px 0; color: black; background: transparent; 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;	float: left; width: 100px; height: 60px;
															margin: 0; padding: 0; /* must be dekl.top a bottom margin, else in IE NOT WORK */
															color: white;	background: gray; 
															text-decoration: none; 
						 									font: 0.9em/2.3em Georgia; text-transform: uppercase; 
															border: 1px solid black; border-width: 0 5px 0 0; }
															
															
a.menu:hover { display: block; width: 100px; height: 60px;
															margin: 0;   
															color: white;	background: #096; 
															text-decoration: none; 
						 									font: 0.9em/2.3em Georgia; text-transform: uppercase; 
															border: 1px solid black; border-width: 0 5px 0 0; } 


a.menu2:link, a.menu2:visited { display: block;	float: left; width: 70px; height: 60px; 
															margin: 0; padding: 0; /* must be dekl.top a bottom margin, else in IE NOT WORK */
															color: white;	background: gray; 
															text-decoration: none; 
						 									font: 0.9em/2.3em Georgia; text-transform: uppercase;
															border: 1px solid black; border-width: 0 5px 0 0; }
															
															
a.menu2:hover { display: block; width: 70px; height: 60px;
															margin: 0;   
															color: white;	background: #096; 
															text-decoration: none; 
						 									font: 0.9em/2.3em Georgia; text-transform: uppercase;
															border: 1px solid black; border-width: 0 5px 0 0; }


a.menu3:link, a.menu3:visited { display: block;	float: left; width: 120px; height: 60px;
															margin: 0; padding: 0; /* must be dekl.top a bottom margin, else in IE NOT WORK */
															color: white;	background: gray; 
															text-decoration: none; 
						 									font: 0.9em/2.3em Georgia; text-transform: uppercase;
															border: 1px solid black; border-width: 0 5px 0 0; }
															
															
a.menu3:hover { display: block; width: 120px; height: 60px;
															margin: 0;  
															color: white;	background: #096; 
															text-decoration: none; 
						 									font: 0.9em/2.3em Georgia; text-transform: uppercase;
															border: 1px solid black; border-width: 0 5px 0 0; }



a.bily:link, a.bily:visited { color: black; text-decoration: underline; }
a.bily:hover { color: black; text-decoration: none; }

#sidebar-b a:link, a:visited { font-style: normal; color: black; text-decoration: underline; }
#sidebar-b a:hover { font-style: normal; color: black; text-decoration: none; }

#footer a:link { font-style: italic; color: black; text-decoration: underline; }
#footer a:visited { font-style: italic; color: black; 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 { float: left; list-style: none; margin: 0; padding: 0; }

#footer li { float: right; padding: 0 0 0 10px; }

/* paragraph */

p { margin: 0 0 20px 0; font: 0.9em/1.8em Verdana; }

p.clear { margin: 0; padding: 0; height: 1px; width: 980px; }

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 1.0em Georgia, sans; width: 350px; text-align: left; color: black; background: white;; }

td { font: 0.9em/1.8em Verdana; color: black; background: white; padding: 10px 0 0 0; 
	 	 			 border-top: 1px dotted black; border-bottom: 1px dotted black; }

td.prvni { width: 100px; text-align: left; }

td.druhy { width: 400px; }

td.treti { width: 100px; 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 black; }
	
dt { float: left; clear: left; width: 57px; padding: 2px; font: Verdana; }
dd { padding: 2px; font: Verdana; }
dt.odeslat { float: right; margin: 0; padding: 10px 20px 0 0;}

dt.pocet_kusu { float: left; width: 30px; padding: 2px; margin: 0; font: Verdana; /* border: 1px solid yellow; */ }
dt.obj_sloupec_check { float: left; width: 20px; padding: 2px; margin: 0; font: Verdana; /* border: 1px solid yellow; */ }
dd.obj_sloupec_ks { float: left; width: 40px; padding: 1px; margin: 0; font: Verdana;  }
dd.obj_sloupec_jidlo { float: left; width: 236px; padding: 2px 2px 2px 4px; margin: 0; font: Verdana;  }
dd.obj_sloupec_cena_jidla { float: left; width: 30px; padding: 2px; margin: 0; font: Verdana;  }

.no-border { border: 0; }

.odeslat-btn { border: 0; }