* {
	padding: 0;
	margin: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	text-align: center;
	background-color: #4e4e4e;
	min-width: 1000px;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/*elements*/
h1 {
	color: #FFFFFF;
	font-size: 1em;
	line-height: 35px;
	margin: 0 0 15px 0;
	padding: 4px 0 0 21px;
	height: 35px;
	background-image: url(../images/box_main_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
h2 {
	font-size: 1em;
	color: #666666;
	background-image: url(../images/li.gif);
	background-position: left 7px;
	background-repeat: no-repeat;
	padding-left: 11px;
	margin: 25px 0 10px 0;	
}		
h3 {
	color: #545949;
	font-size: 0.9em;
}
h4 {
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 4px 0 0 15px;
	height: 35px;
	line-height: 35px;
}
h4 a {
	color: #FFFFFF;
}
h4 a:hover {
	color: #000000;
}	


p { 
	color: #666666;
	font-size: 0.8em; 
	text-align: justify; 
	margin: 0.7em 0; 
	padding: 0; 
}
a { color: #666666; }
a:hover { color: #FF0000; }
a:focus { outline:none; }

img, a img {
	padding: 1px;
	background-color: #FFFFFF;
	border: 1px solid #333333;
}
a:hover img {
	padding: 1px;
	background-color: #FFFFFF;
	border: 1px solid #FF0000;
}

ul, ol { 
	font-size: 80%; 
	color: #363636;
}
ul { margin: 10px 0 10px 10px; padding-left: 0; }
ol { margin-left: 19px; }

ul li {
	padding-left: 11px;
	margin-bottom: 10px;
	list-style-type: none;
	background-image: url(../images/li.gif);
	background-position: left 7px;
	background-repeat: no-repeat;
	list-style-position: outside;
}

ul li ul li { font-size: 110%; }
table {
	width: 696px;
	font-size: 80%;
	margin: 10px 0;
	border-collapse: collapse;
}
table.nobr td {
	border: 0 none;
}	
th { color: #FFFFFF; background-color: #C70808; }
th, td { padding: 2px 10px; border: 1px solid #E1DDD6; }
form { margin: 0; padding: 0; }
fieldset {
	margin-bottom: 10px;
	padding: 15px;
	background-color: #FFFFFF;
	border: 0 none;
}
fieldset h2 {
	margin-top: 0;
}
label {
	float: left;
	width: 130px;
}
#pridej label {
	width: 200px;
}	
hr { display: none; }

/*division*/
#content {
	width: 1000px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-y;
}
#main {
	background-image: url(../images/bg_main.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 10px;
}
#main_in_uvod, #main_in {
	background-image: url(../images/bg_main_in1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 427px;
}
#main_in {
	background-image: url(../images/bg_main_in2.gif);
	padding-top: 123px;
}

#header {
	position: absolute;
	top: 0;
	left: 10px;
	width: 980px;
	height: 123px;
}
#logo, #logo span, #logo_uvod, #logo_uvod span {
	position: absolute;
	top: 0;	
	left: 0;
	width: 221px; 
	height: 123px;
	display: block;	 
	overflow: hidden;	
}
#logo span, #logo_uvod span {
	background-image: url(../images/logo1.gif);
	background-repeat: no-repeat;
	width: 221px; 
	height: 123px;
	cursor: pointer;
	background-position: left top;	
}
#logo_uvod span {
	background-image: url(../images/logo.gif);
}
#top {
	position: absolute;
	top: 28px;
	/*left: 310px;*/
	left: 475px;
	font-size: 0.75em;
	margin: 0;
}	
#top a {
	color: #666666;
	background-image: url(../images/top_delic.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 12px;
	margin-right: 9px;
}
#top a:hover {
	color: #333333; 
}
#top a.sel {
	color: #333333;
	text-decoration: none;
}

#top a span.flag_cz, #top a span.flag_en {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;		
}
#top a span.flag_cz { 
	background-image: url(../images/flag_cz.gif);	
}
#top a span.flag_en { 
	background-image: url(../images/flag_en.gif); 
}
	
#find {
	position: absolute;
	top: 21px;
	right: 12px;
	height: 23px;
	display: block;
}
#find p {
	margin: 5px 0 0 0;
	float: left;
}	
#find input.find_inp {
	color: #bfbfbf;
	font-size: 1em;
	width: 107px;
	height: 19px;
	border: 1px solid #b7b7b7;
	margin: 0 5px 0 0;
	padding: 2px 0 0 5px;
	vertical-align: bottom;
	background-image: url(../images/find_inp_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.find_but {
	width: 55px;
	height: 23px;
	background-image: url(../images/find_but.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: 0 none;
	cursor: pointer;
}	
#banner {
	position: absolute;
	top: 123px;
	left: 10px;
	width: 980px;
	height: 304px;
	background-image: url(../images/banner1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#banner_in {
	width: 980px;
	height: 298px;
	background-image: url(../images/banner_in1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#banner_nadpis {
	width: 443px;
	height: 26px;
	position: absolute;
	top: 19px;
	left: 29px;
	background-image: url(../images/banner_nadpis.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#banner_nadpis span {
	display: none;
}	
#banner_text {
	width: 200px;
	position: absolute;
	top: 60px;
	left: 30px;
}
#banner_text p {
	color: #FFFFFF;
	text-align: left;
}	
#banner_text p a {
	color: #FFFFFF;
}
#banner_text p a:hover {
	text-decoration: none;
}
#banner_spolecnost {
	margin: 0;
	width: 263px;
	height: 30px;
	position: absolute;
	top: 241px;
	right: 16px;
	background-image: url(../images/banner_spolecnost.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#banner_spolecnost a {
	line-height: 30px;
	padding-left: 10px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
#banner_spolecnost a:hover {
	text-decoration: underline;
}			

#left, #right {
	display: inline;
}
#left {
	width: 737px; 
	float: left; 
}
#right { 
	width: 243px; 
	float: left; 
}

#footer {
	width: 1000px;
	height: 180px;
	margin: 0 auto;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}	
#copy p {
	color: #FFFFFF;
	font-size: 0.75em;
	margin: 0;
	position: absolute;
	left: 70px;
	right: 10px;
	top: 40px;
}	
.copy_left {
	float: left;
}
.copy_right {
	float: right;
}

#copy p a {
	color: #FFFFFF;
}
#copy img {
	position: absolute;
	top: 47px;
	left: 17px;	
}
p.nahoru {
	position: relative;
	top: 5px;
	background-image: url(../images/nahoru.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 71px;
	height: 23px;
	padding-top: 3px;
	line-height: 26px;	
	text-align: center;
	margin: 0 auto;
}
p.nahoru a {
	color: #FFFFFF;
	text-decoration: none;
}
p.nahoru a:hover {
	text-decoration: underline;
}	
	

/*navigace*/
#navigace_uvod, #navigace {
	width: 980px;
	height: 55px;
	position: absolute;
	top: 68px;
	left: 231px;
	margin: 0;
	background-image: url(../images/navigace.gif);
	background-repeat: no-repeat;
	background-position: left top;
}	
#navigace {
	background-image: url(../images/navigace2.gif);
}
#navigace_uvod ul, #navigace ul {
	text-align: right;
	margin: 6px 0 0 10px;
}
#navigace_uvod ul li, #navigace ul li {
	float: left;
	list-style: none;
	background-image: none;
	margin-left: 0;
	padding-left: 0;
}
#navigace_uvod ul li a, #navigace ul li a { 
	display: block; 
	float: left; 
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	line-height: 40px; 
	text-decoration: none; 
	background-image: url(../images/nav_delic.gif); 
	background-repeat: no-repeat; 
	background-position: right top; 
	height: 40px; 
	margin: 0 0 0 1px;
	padding: 0 13px 0 12px;	
}
#navigace_uvod ul li a.last, #navigace ul li a.last {
	background-image: none;
}	

#navigace_uvod ul li a.sel, #navigace_uvod ul li a:hover, #navigace ul li a.sel, #navigace ul li a:hover {
	background-image: url(../images/navigace_hover.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0 0 0 1px;
}
#navigace_uvod ul li a.sel, #navigace ul li a.sel {
	text-decoration: underline;
}	



/*boxes*/
.box_right {
	background-image: url(../images/box_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 243px;
	margin-bottom: 10px;
}
.box_right_nadpis {
	color: #e50000;
	font-size: 1em;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 23px;
	padding-left: 8px;
	background-image: url(../images/box_right_nadpis.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
}
.box_right_nadpis a {
	color: #e50000;
}		
.box_right_in p { 
	text-align: left;
	color: #333333;
}
.box_right_in a {

}
.box_right_in a:hover {

}		
.box_right_in {
	padding: 0 23px 0px 24px;
}
.box_right_in .logo {
	float: left;
	padding: 0;
	border: 0 none;
	margin: 10px 10px 5px 0;
	
}	
.box_right_foot { 
	background-image: url(../images/box_right_foot.gif); 
	background-repeat: no-repeat; 
	height: 8px; 
	overflow: hidden;
}
	
.box_uvod_left {
	background-image: url(../images/box_uvod_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 372px;
	margin-bottom: 10px;
}
.box_uvod_left h2, .box_uvod_right h2 {
	font-size: 1em;
	color: #FFFFFF;
	margin: 0 0 0 15px;
	padding: 4px 0 0 8px;
	line-height: 35px;
	background-image: none;	
}
.box_uvod_right h2 {
	margin-left: 8px;
}
.box_uvod_left a:hover img, .box_uvod_right a:hover img {
	padding: 0;
	border: 0 none;
}	
.box_uvod_left p {
	text-align: left;
	margin: 0.3em 0;
}		
.box_uvod_left p.nadpis {
	color: #333333;
	font-size: 1.05em;
}
.box_uvod_left .delitko1 {
	background-image: url(../images/box_uvod_delitko2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 1px;
	margin: 8px 0;
	clear: both;
	float: none; 
}
.box_uvod_left .delitko {
	background-image: url(../images/box_uvod_delitko.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 25px;
	text-align: right;
}			

.box_uvod_left_foot { 
	background-image: url(../images/box_uvod_left_foot.gif); 
	background-repeat: no-repeat; 
	height: 8px; 
	overflow: hidden;
}
.box_uvod_right {
	background-image: url(../images/box_uvod_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 365px;
	margin-bottom: 10px;
}
.box_uvod_right .seznam {
	background-image: url(../images/box_uvod_delitko2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 8px;
	margin-bottom: 8px;
}	
.box_uvod_right p {
	text-align: left;
	margin: 0.3em 0 0.3em 10px;
}
.box_uvod_right p.nadpis {
	color: #333333;
	font-size: 1.05em;
	background-image: url(../images/delic_dark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	margin: 0;
}	
.box_uvod_right_foot { 
	background-image: url(../images/box_uvod_right_foot.gif); 
	background-repeat: no-repeat; 
	height: 8px; 
	overflow: hidden;
}
.box_uvod_left_in {
	margin: 0 15px 3px 22px;
}
.box_uvod_right_in {
	margin: 6px 15px;
}	
.delic_light, .delic_dark {
	background-image: url(../images/delic_light.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 5px;
	margin-right: 5px;
}
.delic_dark {
	background-image: url(../images/delic_dark.gif);
}

/*box_main*/
.box_main {
	background-image: url(../images/box_main_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.box_main_in {
	min-height: 636px; 
	padding: 0 16px 0 25px;
}
.box_main_foot {
	background-image: url(../images/box_main_foot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 8px;
	overflow: hidden;
}

/*zbozi katalog	*/
.katalog-list {
	width: 696px;	
	padding: 0;
	margin: 10px 0;
	background-image: url(../images/katalog_bg.gif);
	background-repeat: repeat-y;
}
.katalog-list ul {
	margin: 0;
	padding: 0;
}
.katalog_top {
	background-image: url(../images/katalog_top_foot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 1px;	
}
.katalog-list ul li {
	width: 222px;
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
	list-style-type: none;
	background-image: none;
	display: inline;
}
.katalog-list ul li .specifikace {
	
}
.katalog-list ul li .specifikace .spec_img_obal {
	display: table;
	#position: relative;
	overflow: hidden;
	height: 219px;
}

.katalog-list ul li .specifikace .spec_img_obal_middle {
	display: table-cell;
	#position: absolute;
	#top: 50%;
	vertical-align: middle;
}	
.katalog-list ul li .specifikace .spec_img_obal_vertical {
	#position: relative;
    #top: -50%;
	text-align: center;
	width: 220px;
}
.katalog-list ul li .specifikace img {
	margin: 0;
	padding: 0;
	border: 0 none;
}	
.katalog-list ul li .specifikace p {
	text-align: center;
	font-size: 1em;
	padding: 0 5px;
}
.katalog-list ul li .specifikace p.popis_kat {
	min-height: 40px;
}
.katalog-list ul li .specifikace p.popis_subkat {
	min-height: 80px;
}	
.katalog-list ul li p.kat_nadpis {
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
}
.kat_nadpis a {
	color: #e50000;
	font-weight: bold;
	padding-left: 8px;
	background-image: url(../images/box_right_nadpis.gif);
	background-repeat: no-repeat;
	background-position: left center;
}	
.kat_nadpis a:hover {
	color: #000000;
}
.kat_detail {
	font-size: 1em;
}
.mensi { font-size: 75%; }
.katalog_oddelovac {
	height: 11px;
	float: none;
	clear: both;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(../images/katalog_top_foot.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*end of katalog*/

.strankovani_left { 
	float: left;
	margin: 0; 
}
.strankovani_right { 
	float: right;
	margin: 0 7px 0 0;
}


.detail_col1 {
	width: 220px;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
}
.detail_col1 a img, .detail_col1 a:hover img {
	padding: 0;
	border: 0 none;
}	
.detail_col1 p {
	text-align: center;
	margin: 0 10px 5px 10px;
	padding-bottom: 3px;
	font-size: 0.7em;
	border-bottom: 1px solid #e1ddd6;
}
.detail_col2 {
	float: left;
	width: 466px;
}
.detail_col2 table {
	width: 466px;
}	
.detail_title {
	font-size: 0.9em;
	color: #666666;
	padding-left: 11px;
	margin-bottom: 0;
}	
.detail_text {
	margin: 0 0 0 11px;
}
#zeptejte_prodavace {
	margin-left: 11px;
}
	
/*classes*/
.center { text-align: center; }
.left { text-align:left;}
.right { text-align:right;}
	
.uvod_col1 {
	float: left;
	width: 372px;
}
.uvod_col2 {
	float: left;
	width: 365px;
}
.block_size { width:40px; float:left;}
.block_size1 { width: 310px; float:left;}
.block_size2 { width: 100px; float:left;}

.cleaner, .delitko { font-size: 1px; line-height: 1px; float: none; clear: both; }
.delitko {
	border-bottom: 1px solid #F0F0F0;
	margin: 5px 0 11px 0;
}


.fl_left { float: left; margin-right: 10px; margin-bottom: 10px; }
.fl_right { float: right; margin-bottom: 10px; margin-left: 10px; }

.nobr {
	padding: 0;
	border: 0 none;
}	
.noscreen { display: none; }
.pdf { 
	background-image: url(../images/icon_pdf.gif); 
	background-repeat: no-repeat; 
	background-position: left top;
	padding-left: 25px; 
}
.redfont {
	color: #e50000;
}	
.vetsi {
	font-size: 0.9em;
}	
.out {
	background-image: url(../images/out.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}
#chyba {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 100%;
	background-color: #DF0000;
	padding: 10px;
}
#chyba a {
	color: #FFFFFF;
}	
.drobky_uvod, .drobky {
	background-image: url(../images/drobky1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 934px;
	height: 32px;
	margin-bottom: 9px;
	padding: 0 23px;
}
.drobky {
	background-image: url(../images/drobky2.gif);
	height: 26px;
}
.drobky_uvod p, .drobky p {
	margin: 0;
	line-height: 29px;
}
.drobky p {
	line-height: 23px;
}	
p.left_side, p.right_side {
	background-image: url(../images/top_delic.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 9px;
}
p.left_side {
	float: left;
}
p.right_side {
	float: right;
}

/*BTNS*/
.btn, .btn_zbozi { 
	position: relative; 
	background: #aaa; 
	padding: 5px; 
	color: #210202; 
	text-decoration: none; 
	cursor: pointer;	
}
.btn_zbozi {
	padding: 0;
	width: 104px;
	height: 22px;
	font-size: 80%;
}
.btn_find {
	padding: 0;
	height: 22px;
	font-size: 80%;
}
	
.btn * { 
	font-style: normal; 
	background-image: url(../images/btn.png); 
	background-repeat: no-repeat; 
	display: block; 
	position: relative; 
}
.btn i { 
	background-position: top left; 
	position: absolute; 
	margin-bottom: -5px;  
	top: 0; 
	left: 0; 
	width: 5px; 
	height: 5px; 
}
.btn span { 
	background-position: bottom left; 
	left: -5px; 
	padding: 0 0 5px 10px; 
	margin-bottom: -5px; 
}
.btn span i { 
	background-position: bottom right; 
	margin-bottom: 0; 
	position: absolute; 
	left: 100%; 
	width: 10px; 
	height: 100%; 
	top: 0; 
}
.btn span span { 
	background-position: top right; 
	position: absolute; 
	right: -10px; 
	margin-left: 10px; 
	top: -5px; 
	height: 0; 
}
/*
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
*/

.btn.red { background: #cb0101; color:#FFFFFF; }
.btn:hover { background-color: #CCCCCC; color: #000000; }
.btn[class] {  background-image: url(../images/shade.png); background-position: bottom; }

.btn_find.brown { background: #450404; color: #FFFFFF; font-weight: bold; }
.btn_find:hover { background-color: #CCCCCC; }
.btn_find[class] {  background-image: url(../images/shade.png); background-position: bottom; }
/*
* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn:hover { border-color: #a00; }
*/

.vyrobce_left {
	float: left;
	width: 100px;
}
.vyrobce_left p {
	background-image: url(../images/box_right_nadpis.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
}	 
.vyrobce_right {
	float: left;
}
.tr_vybrano {
	color: #FFFFFF;
	background-color: #e50000;
	padding: 2px;
}
span.star {
	color: #C90101;
	font-size: 1.7em;
	/*position: relative;
	top: 8px;
	margin: 0 3px*/;
}	

.foto_seznam_obal, .foto_seznam_obal2 {
	width: 224px;
	float: left;
	margin: 0 11px 10px 0;
	text-align: center;
}		
.foto_seznam_obal2 {
	margin-right: 0px;
}	
.foto_seznam_obal p, .foto_seznam_obal2 p  {
	text-align: center;
	margin-top: 0px;
}	
	
.bazar_popis {
	margin-left: 225px;
}	
.bazar_popis h2 {
	background-image: none;
	padding: 0;
	margin: 0;
}
.bazar_popis ul li {
	padding: 0 0 0 11px;
	margin: 0;
}
.bazar_popis table {
	width: 470px;
}
.bazar_popis table td {
	border: 0 none;
	text-align: left;
}
.bazar_popis table td.td_kat {
	width: 70px;
}
.bazar_popis table tr:hover td {
	background-color: #F8F8F8;
}

.download {
	background-image: url(../images/down.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}