* {margin: 0px; padding: 0px;}
body {background-color: #BCDA7D; font-family: Tahoma, Arial; color: #44502a;}
a {color: #44502a;}
a:hover {text-decoration: none;}
a img {border: 0px;} 
.cleaner {clear: both; width: 100%; height: 1px;}

#site {width: 700px; margin: auto;}
#header {width: 700px; height: 103px;}
	#logo {float: left; width: 320px; height: 103px; background: url('/images/logo_back.jpg') right top;}
	#logo a {display: block; width: 200px; height: 103px;}
	#menu {float: right; width: 380px; height: 103px; background: url('/images/menu_back.jpg'); font-size: 0.9em; font-weight: bold;}

	#menu ul {list-style: none; margin-top: 42px; margin-left: 12px;}
	#menu ul li {display: inline-block; border-right: 1px dotted #9db666; margin-left: 4px; padding-right: 8px;}
	#menu ul li.last {border: 0px;}
	#menu a {color: white;} #menu a:hover {text-decoration: none;}
	
#left {float: left; width: 426px; padding-bottom: 30px;}

#content {margin-top: 18px; font-size: 0.9em; padding-right: 18px;}
#content h1 {font-size: 1.4em;}
#content h2 {font-size: 1.3em; margin-top: 12px; margin-bottom: 6px;}
#content p {margin-bottom: 12px;}

.kosik-tabulka {width: 600px; margin: auto; font-size: 0.9em;}
.kosik-tabulka td {font-size: 0.9em; padding: 3px;}
.kosik-tabulka thead td {background-color: #C1E17C; text-align: center; padding: 5px;}
.kosik-tabulka tfoot td {background-color: #C1E17C; padding: 5px;}
.sou table input {border: 1px solid #E55825; padding: 2px;}
.sou table .button_ulozit {border: 1px solid #81ac23; background: white;}
.sou textarea {border: 1px solid #E55825;}
.chyba {width: 600px; background-color: #E55825 !important; border: #E55825 !important;}

#kosik, #pokladna {width: 650px; padding: 25px; margin-top: -20px; background: url('/images/back.jpg') repeat;}
	
#right {float: right; width: 274px;}
	#basket {width: 262px; height: 204px; background: url('/images/basket_back.jpg') right top no-repeat; margin-bottom: 20px; color: #606060; padding-top: 30px; padding-left: 6px;}
	#basket strong {color: #e5541f;}
	#basket .celkem {float: left; margin-top: -26px; margin-left: 138px; font-size: 0.7em; color: #fff;}
	#basket .celkem a {color: #fff;}
	#basket .nadpis {font-size: 1.4em; font-weight: bold;}
	#basket .nadpis h1 {font-size: 1em; display: inline;}
	
	#basket .info {font-size: 0.8em; margin-top: 12px;}
	#basket .form {margin-top: 6px; height: 40px;}
	#basket .input_ks {float: left; width: 30px; margin-left: 20px; margin-top: 7px; text-align: right; border: 0px; background: transparent;}
	#basket .plusminus {float: left; margin-top: 1px; margin-left: 20px;}
	
	#basket .plusone {display: block; width: 16px; height: 14px; overflow: hidden; margin-bottom: 1px;}
	#basket .plusone span {display: block; width: 16px; height: 14px; background: url('/images/plusone.png') top left no-repeat;}
	#basket .minusone {display: block; width: 16px; height: 14px; overflow: hidden;}
	#basket .minusone span {display: block; width: 16px; height: 14px; background: url('/images/minusone.png') top left no-repeat;}
	
	#basket .vstup_kosik a {float: right; font-style: italic; font-size: 0.8em; margin-right: 6px;}
	
	#basket .button_koupit {float: right; margin-right: 35px; width: 127px; height: 30px; background: #e55825; color: white; font-size: 1.2em; border: 0px;}
	
	
	#contact {width: 214px; height: 82px; background: url('/images/contact_back.jpg') left top no-repeat; margin-bottom: 20px; padding-left: 54px; font-size: 0.7em; display: table;}
	#contact .text {display: table-cell; vertical-align: middle;}
	#contact strong {font-size: 1.5em; color: white; display: block; margin-top: 3px;}
	
	#friends {width: 274px;}
	#friends h2 {width: 274px; height: 68px; background: url('/images/friends_back2.png') right top; overflow: hidden;}
	#friends h2 span {display: block; width: 274px; height: 68px; background: url('/images/friends_back.png') right top;}
	
	#friends {font-size: 0.9em;}
	#friends ul {margin-left: 60px;}
	#friends ul li {list-style: url('/images/ul_sipka.png');}
	#friends a {color: #44502a;} #friends a:hover {text-decoration: none;}


#slideshow {
    position:relative;
	width: 426px;
	height: 348px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width: 426px;
	height: 348px;
    background-color: #FFF;
	font-family: verdana;
	color:white;
	font-size:12px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
	
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    display: block;
    border: 0;
    margin-bottom: 10px;
}

/* kosik */
.error, .povinne {color: #e00000;}
.error {display: block;}

.dodani1, .dodani2 {padding: 0 10px; line-height: 28px;}
.dodani1 {background: #cde794;}
.dodani2 {background: #C1E17C;}