* { margin: 0; padding: 0;}
body { background: #4b7dad url(images/pozadi-modra.png) 0 0 repeat-x; color: #fff; text-align: center; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 0.8em;}
a { color: #fff;}
#body { height: 740px; background: url(images/pozadi-ilustrace.jpg) center bottom no-repeat;}
#layout { background: url(images/pozadi-layout.png) 50% 20px no-repeat;}
#text { width: 760px; margin: auto; text-align: left; padding-top: 50px; }
#hlavicka { position: relative; height: 80px; overflow: hidden;}
#hlavicka h1, #hlavicka h2 {  padding-left: 10px;}
#hlavicka span { position: absolute; top: 5px; left: 10px; background: url(images/logo.png) 0 0 no-repeat; height: 80px; width: 740px;}
#vlevo { width: 216px; float: left;}
#vpravo { width: 543px; float: right;}

#jazyky li, .border {
	border-left: 2px solid #3D5B76;
	border-top: 2px solid #A0AEBB;
	border-bottom: 2px solid #091219;
	border-right: 2px solid #091219;
}

#jazyky, #jazyky li { list-style: none;}
#jazyky { font-size: 1.2em; font-weight: bold;}
#jazyky span { color: #768494;#47668c;}
#jazyky li {
	margin-bottom: 1px;
	background: url(images/vlajky.png) 20px 4px no-repeat;
}
#jazyky li a, #jazyky span, #jazyky strong {
	padding: 5px 10px 5px 80px;
	height: 20px;
	display: block;
}
#jazyky li.active { background-color: #0d1f2e;}
li#lcesky { background-position: 20px -33px;}
li#lmagyar { background-position: 20px -62px;}
li#lpolski { background-position: 20px -104px;}
li#ldeutsch { background-position: 20px -139px;}
li#lfrancais { background-position: 20px -175px;}
li#litaliano { background-position: 20px -211px;}

#info { text-align: center;}
#info .border { font-weight: bold; padding: 4px 10px; margin-bottom: 3px;}
#info address { font-style: normal; margin-top: 8px;}

.produkt { width: 180px; float: left; margin-right: 1px; border-top: 4px solid #7b0013; text-align: center; background: #1c364c;}
.produkt h3 { background: #bc001d; font-size: 1em; font-weight: bold; padding: 0.4em 5px; display: block; min-height: 4.4em; _height: 4.4em;}
.produkt h3 em { font-style: normal; font-size: 0.9em;}
.produkt div { padding: 3px 0 0 0;}
.produkt .cena { background: #bc001d; font-weight: bold; padding: 2px 0 0 0; font-size: 1.2em;}
.produkt .cena em { display: block; border-top: 2px solid #2c5171; font-weight: normal; margin-top: 4px; font-size: 0.9em;}

.clear { clear: both; height: 1px;}
.clear hr { display: none;}

h2#order { font-size: 1.8em; font-weight: bold; text-transform: uppercase; padding: 15px 0 0 30px; margin-bottom: 0;}

form { padding: 0 40px 10px 40px ;}
form table { border-collapse: collapse;}
form table th { width: 80px; padding: 3px 0; vertical-align: top; text-align: left; font-size: 1.2em;}
form table td { width: 380px; padding: 3px 0;}
form table td input, form table td textarea { width: 370px; font-size: 1.2em;}
form table td textarea { height: 80px;}
input:focus, textarea:focus { outline: 1px red solid;}
input.butt {
	float: right; padding: 5px 10px; width: 80px; margin-right: 10px;
}