* {margin: 0px; padding: 0px}
a {color: #840B2C;}
a:hover {text-decoration: none;}
p {margin-bottom: 2px; margin-top: 2px;}			
img {border:0px;}
.tucne {font-weight: bold;}
.clear {clear: both;}
.line {border-top: 4px solid #E6E6E6;}
.line_1 {border-top: 1px solid #E6E6E6;}

body {background: url('bg.gif') repeat-x #CDCDCD;	color: #444; font-family: Tahoma, Arial, Verdana;
			font-size: 70%; line-height: 1.5; }

#editor {background: none; background-color: #fff; margin: 10px;}

#obal {width: 838px; background: url('bg-def.gif') repeat-y #fff; margin: 0px auto; padding: 0px;}
#obal2 {width: 998px; background: url('bg-def2.gif') repeat-y #fff; margin: 0px auto; padding: 0px;}
#hlavicka {width: 100%; background: url('bg-hlavicka.gif') no-repeat;}
#hlavicka2 {width: 100%; background: url('bg-hlavicka2.gif') no-repeat;}
#hlavicka-obsah {margin: 0px 54px 0px 54px; }


#navigace {background-color: #E6E6E6; padding-left: 15px;}
#navigace img {margin: 5px;}

#logo-obal{position: relative; margin-top: 19px; margin-bottom: 25px; width: 213px; height: 60px;}
#logo {width: 213px; height: 60px; display: block; overflow:hidden; }
#logo span {display:block; width: 213px; height: 60px; z-index:1; background: url('logo-selco.gif') no-repeat;
						 position:absolute; top:0px; cursor: pointer; left:0px;}

#top-menu {float: right; margin-top: 22px; }
#top-menu a {display: block; float: left; border-left: 2px solid #E6E6E6; padding: 30px 20px 10px 8px;
							background: url('bg-menu.gif') no-repeat;	 height: 30px; text-decoration: none; color: #303030;
							font-weight: bold; vertical-align: middle;}
#top-menu a:hover {background-color: #E6E6E6; border-left: 2px solid #840B2C;}	
#top-menu .sel {background-color: #E6E6E6; border-left: 2px solid #840B2C;}	

#iblock {margin-top: 5px; background-color: #E6E6E6; height: 304px;}
#iblock .menu {background: url('bg-iblock.gif') repeat-y right #E6E6E6; width: 265px; float: left; height: 304px;
							}
#iblock .foto {float: right;}
#iblock h4 {}

#iprodukty {margin-top: 10px; float: right}
#iprodukty a {display: block; background-color: #E09B19; color: #fff; width: 236px; padding: 3px 5px 3px 5px; margin-bottom: 2px;
				text-decoration: none;}
#iprodukty a:hover {color: #ccc;}

#iprodukty img {margin-right: 15px; vertical-align: middle;}			
#iprodukty h2 {font-size: 100%; font-weight: normal;}	


#iobsah {margin-top: 15px;}

#ikontakt-obal {background-color: #E6E6E6; width: 258px; border-left: 7px solid #D1D1D1;}
#ikontakt {padding: 15px; background: url('bg-kontakt.gif') no-repeat right bottom;}
#ikontakt .nadpis {border-bottom: 2px solid #CACACA; padding-bottom: 2px; margin-bottom: 7px;}


#ihledej-obal {background-color: #E09B19; width: 258px; border-left: 7px solid #B47704; }
#ihledej {padding: 15px; }
#ihledej input {border:0px solid #fff;; padding: 3px;}
#ihledej .submit {background-color: #840B2C; border: none; color: #fff; padding: 4px 4px 4px 4px; font-size: 100%;
				 font-weight: bold;}


#pata {background-color: #E6E6E6; border-left: 7px solid #D1D1D1; margin-top: 20px; }
#copyright {background-color: #F2F2F2; width:228px; padding: 8px 15px 8px 15px; color: #B4AEAE;}
#copyright a {color: #B4AEAE;}
#pata .odkazy {float: right; padding: 8px 15px 8px 15px;}
#pata h3 {float: left; font-size: 100%; font-weight: normal; margin-left: 10px; margin-top: 5px;}
#pata a {color: #888;}

.ileva {float: left; margin-right: 15px;}

#iaktualne {float: right; width: 600px; line-height: 1.6; }
#iaktualne .nadpis_ {background: url('aktualne.gif') no-repeat; padding-left: 28px; font-size: 120%;
				font-weight: bold; border-bottom: 2px solid #ddd; padding-bottom: 2px; margin-top: 12px;}
#iaktualne-obsah {margin-top: 5px; background: none; background-color: #fff;}				
#iaktualne-obsah p {margin-bottom: 10px;}
#iaktualne-obsah .nadpis {color: #E09B19; font-weight: bold;}

#iprava {width: 251px; border: 1px solid #ddd; padding: 6px; padding-top: 11px; margin-top: 15px;}
#iprava .nadpis_ {background: url('login.gif') no-repeat; padding-left: 28px; font-size: 120%;
				font-weight: bold; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding-bottom: 2px;}

#iprava .title {}
#iprava .tlacitko {margin-top: 7px; background-color: #ccc; border: 1px solid #000;}
#iprava input {border: 1px solid #ccc; padding: 2px;}
#login_form {margin: 0px auto; width: 150px;}

.vnoreni {margin-top: 8px; margin-bottom: 5px; margin-left: 5px; color: #aaa;}
.vnoreni a {text-decoration: none; color: #333;}


#menu-obal {background-color: #E6CED4; width: 258px; border-left: 7px solid #830829;}
#menu {padding: 20px 0px 20px 20px;}
#menu a {display: block; text-decoration: none; padding: 3px; padding-left: 10px;}
#menu a:hover {background-color: #fff; }
#menu .lvl0 {text-transform: uppercase; font-weight: bold;}
#menu .lvl1 {margin-left: 15px; background: url('menu-sip.gif') no-repeat 3px 9px;}
#menu .lvl2 {margin-left: 30px; background: url('menu-sip.gif') no-repeat 3px 9px;}
#menu .lvl3 {margin-left: 45px; background: url('menu-sip.gif') no-repeat 3px 9px;}
#menu .lvl_sel_top {text-transform: uppercase; font-weight: bold;}
#menu .lvl_sel {background-color: #fff; font-weight: bold;}

#leva {float: left; width: 290px;}
#prava {float: right; width:600px; margin-top: 8px;}
#prava2 {float: right; width:600px; margin-top: 8px;}

#prava .rub-nadpis, #prava .h1 {background-color: #E09B19; color: #fff; font-size: 140%; padding: 5px; padding-left: 10px;
									margin-bottom: 15px;}
									
#prava .rub-obsah {margin-left:10px;}

#prava .clanky {}

#prava2 .clanek {padding: 3px 0px 3px 0px;}
#prava2 .clanek img {float: left; margin-right: 15px; border-right: 4px solid #eee; padding-right: 10px;}
#prava2 .clanek h3 {font-size: 130%; font-weight: bold;}

ul {}
li {padding: 3px; font-weight: bold;}
ul li ul{margin-left: 20px;}
ul li ul li {font-weight: normal;}

#uzimen {float: right; padding: 10px 15px 0px 0px;}
#uzimen .kosik {padding-left: 50px;}


#produkty .colp4, #produkty .colp7, #produkty .colp10, #produkty .colp13, #produkty .colp16 {clear: both;}

#produkty .colp1 {margin-right: 15px;}
#produkty .colp1, #produkty .colp2, #produkty .colp4, #produkty .colp5, #produkty .colp7, #produkty .colp8, 
		#produkty .colp11, #produkty .colp10, #produkty .colp13, #produkty .colp14 {margin-right: 15px;}

#page .produkt {width: 188px; float: left; border: 1px solid #ccc; height: 300px; position: relative; margin-bottom: 13px; }
#page .produkt h3 {background-color: #eee; color: #264794; font-size: 100%; font-weight: bold; padding: 4px 10px 4px 10px;
			margin-bottom: 6px;}
#page .produkt h3 a {color: #222; text-decoration: none;}
#page .produkt .anot {margin: 5px 10px 0px 10px; color: #222;}
#page .produkt .obr  {text-align:  center;}
#page .produkt .box1 {position: absolute; bottom: 0px; left: 0px; background-color: #eee; width: 168px;
		padding: 3px 10px 3px 10px;}
#page .produkt .box1 .kosik {float: right;}
#page .produkt .box1 .cena {font-weight: bold; padding: 4px 0px 0px 0px; font-size: 110%;}
#page .produkt .box1 .input {width: 20px; color: #840B2C; border: 1px solid #840B2C; padding: 2px;}
.kosik .submit {background-color: #840B2C; color: #fff; border: 0px;}
#page .produkt .obr {width: 188px; height: 180px; overflow: auto; }

fieldset {margin-bottom: 10px;}
legend {background-color: #eee; color: #840B2C; padding: 2px 10px 2px 10px;}