body { text-align:center;margin:0px;font-family:tahoma, arial;font-size:12px;color:#78a2ca;background: #000000 url("img/bg.png") repeat-y center top;}

a{ text-decoration:underline; color:#000000;}
a:hover{ text-decoration:none;}
a img{ border:0px;}

form,table,p, table{ margin:0px; padding:0px;}

.tucne{font-weight:bold;}
.align_right{text-align:right;}
.center{text-align:center;}

#center{ width:877px; margin:0px auto;}
#layout{ padding-top: 75px; float:left; width:877px;}

#header{ float:left; width:100%; height:145px; position:relative; background: #202B35 url("img/header.jpg") no-repeat;}
#header #logo{ display:block; position:absolute; left:46px; top:28px; font-size:30px; color:#FAAA00; font-weight:bold;}
#header #kosik{text-align:left; line-height:19px;padding-top:36px; color:#ffcb08; font-size:11px; display:block; position:absolute; right:58px; top:20px;width:191px; height:72px;}
#header #kosik span{display:block; padding-top:10px;}
#header #kosik span a{color:#78A2CA; font-weight:bold;}
#header #kosik #nadpis_kosik{position:absolute; right:22px; top:0px; font-size:14px; font-weight:bold;}

#header #header_border_left{ height:220px; width:61px; position:absolute; left:-61px; top:-76px; background: url("img/header_border_left.jpg") no-repeat}
#header #header_border_right{ height:261px; width:54px; position:absolute; right:-54px; top:-75px; background: url("img/header_border_right.jpg") no-repeat}
#header #header_border_top{ height:75px; width:877px; position:absolute; left:0px; top:-75px; background: url("img/header_border_top.jpg") no-repeat}

#main{ float:left; width:100%; background: #2E3F4F url("img/main_bg.gif") repeat-y;}

#telo{text-align:left; position:relative; padding-top:57px; float:left; width:100%; background: url("img/header_border_bottom.jpg") no-repeat right top; min-height:200px;}
#telo #znacky{ position:absolute; left:15px; top:10px;}

#telo  #left{ float:left; width:186px; padding:0px 15px 0px 19px;}
#telo  #right{ float:right; width:186px; padding:0px 27px 100px 0px;}
#telo  #stred{ float:left; width:430px;}


#telo #stred .produkty .bunka{ float:left; width:210px; background: #202B35 url("img/bunka_produkt_bg.png") repeat-y; margin-bottom:10px;}
#telo #stred .produkty .bunka0{ float:left; width:210px; margin-bottom:10px;}
#telo #stred .produkty .bunka.odsadit{margin-right:10px;}
#telo #stred .produkty .bunka .top{ float:left; width:100%; background: url("img/bunka_produkt_top.png") no-repeat;}
#telo #stred .produkty .bunka .obsah{ padding:20px 14px 15px 15px;position:relative; float:left; width:181px; background: url("img/bunka_produkt_bottom.png") no-repeat left bottom; min-height:110px;}
#telo #stred .produkty .bunka .obsah .nadpisek{ position:absolute; left:14px; top:-11px; font-weight:bold; font-size:14px;}
#telo #stred .produkty .bunka .obsah h2{color:#78a2ca; font-size:11px; font-weight:bold;margin:0px; padding:0px 0px 10px 0px;}
#telo #stred .produkty .bunka .obsah h2 a{color:#78a2ca; font-size:11px; font-weight:bold; text-decoration:none;}
#telo #stred .produkty .bunka .obsah h2 a:hover{text-decoration:underline;}

#telo #stred .produkty{ float:left; margin-top:20px; }
#telo #stred .produkty  .nahled{margin-left:20px;width:141px; height:141px; float:left;background:#1B232B url("img/image_bg.png") no-repeat; color:#cddfef;}
#telo #stred .produkty  .nahled img{float:left;margin:7px;}
#telo #stred .produkty  .info {float:left;padding-left:21px; padding-top:5px; color:#78a2ca; font-weight:bold; font-size:9px;}
#telo #stred .produkty  .info  span{display:block; color:#cddfef; font-weight:bold; font-size:14px;}
#telo #stred .produkty  .info  span span{display:inline; font-size:10px;}
#telo #stred .produkty  .zobrazit{float:right; margin-right:20px; color:#FFFFFF; font-size:15px;}


#telo  .bunka{ float:left; width:186px; background: #202B35 url("img/bunka_bg.png") repeat-y;}
#telo  .bunka.odsadit{margin-bottom:20px;}
#telo  .bunka .top{ float:left; width:100%; background: url("img/bunka_top.png") no-repeat;}
#telo  .bunka .obsah{ padding:20px 14px 15px 15px;position:relative; float:left; width:157px; background: url("img/bunka_bottom.png") no-repeat left bottom; min-height:110px;}
#telo  .bunka .obsah .nadpisek{ position:absolute; left:14px; top:-11px; font-weight:bold; font-size:14px;}
#telo  .bunka .obsah h2{color:#78a2ca; font-size:11px; font-weight:bold;margin:0px; padding:0px 0px 10px 0px;}
#telo  .bunka .obsah h2 a{color:#78a2ca; font-size:11px; font-weight:bold; text-decoration:none;}
#telo  .bunka .obsah h2 a:hover{text-decoration:underline;}

#telo .bunka .produkt{float:left;}
#telo .bunka .produkt .nahled{margin-left:8px;width:141px; height:141px; float:left;background:#1B232B url("img/image_bg.png") no-repeat; color:#cddfef;}
#telo .bunka .produkt .nahled img{float:left;margin:7px;}
#telo .bunka .produkt .info {float:left;padding-left:8px; padding-top:5px; color:#78a2ca; font-weight:bold; font-size:9px;}
#telo .bunka .produkt .info  span{display:block; color:#cddfef; font-weight:bold; font-size:14px;}
#telo .bunka .produkt .info  span span{display:inline; font-size:10px;}
#telo .bunka .produkt .zobrazit{float:right; margin-right:8px; color:#FFFFFF; font-size:15px;}

#telo  .bunka ul{ float:left; width:157px; margin:0px; padding:0px;}
#telo  .bunka ul li{ float:left; margin:0px; padding:0px; list-style-type:none;padding-bottom:2px;}
#telo  .bunka ul li a{text-align:right; padding-right:10px; float:left; width:147px; line-height:24px; background:#1B232B; color:#78A2CA; font-weight:bold; text-decoration:none;font-size:11px;}
#telo  .bunka ul li a:hover{ background:#293642;}

#telo  .bunka ul.hlavni_menu li a{background:#1B232B url("img/menu_sipecka.gif") no-repeat 10px center; }
#telo  .bunka ul.hlavni_menu li a:hover{ background:#293642 url("img/menu_sipecka.gif") no-repeat 10px center;}
#telo  .bunka ul.hlavni_menu li a.actual{  background:#293642 url("img/menu_sipecka.gif") no-repeat 10px center; color:#FAAA00;}
#telo  .bunka ul.hlavni_menu li a.actual_cat{  background:#293642 url("img/menu_sipecka.gif") no-repeat 10px center; color:#FFFFFF;}

#footer {position:relative;float:left; width:100%; height:96px; background: url("img/footer_bg.jpg") no-repeat}
#footer #footer_link{position:absolute;left:555px; bottom:7px;color:#151b21; font-size:10px; font-weight:bold; text-decoration:none;}
#footer #footer_link:hover{text-decoration:underline;}
#footer #links {
	color:#151b21;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	width: 857px;
	height: 20px;
	float: left;
	text-align: left;
	margin-top: 10px;
	margin-left: 20px;
}
#footer #links:hover {text-decoration:underline;}
#links a{color:#52687c;}
#footer #spray{ height:302px; width:277px; position:absolute; right:-55px; top:-103px; background: url("img/spray-trans.png") no-repeat}
#footer #footer_border_left{ height:57px; width:50px; position:absolute; left:-50px; bottom:-25px; background: url("img/footer_border_left.jpg") no-repeat}
#footer #footer_border_right{ height:61px; width:79px; position:absolute; right:-79px; bottom:-61px; background: url("img/footer_border_right.jpg") no-repeat}
#footer #footer_border_bottom{
	height:89px;
	width:877px;
	position:absolute;
	left:0px;
	bottom:-88px;
	background: url("img/footer_border_bottom.jpg") no-repeat
}


.navigator {
	height: 33px;
	width: 430px;
	float: left;
	margin-bottom: 10px;
}
.stred_nadpis {
	float:left;
	height:33px;
	line-height:33px;
	color:#FFFFFF;
	font-size:12px;
	width:430px;
	font-family:Trebuchet MS;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.stred_nadpis a:link {
	color: #FFFFFF;
}
.stred_nadpis a:visited {
	color: #FFFFFF;
}
.stred_nadpis a:hover {
	color: #FFFFFF;
}
.stred_nadpis a:active {
	color: #FFFFFF;
}


/* FORMULARE */

select, input {
	font-size:11px;
	line-height:14px; 
	margin:0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
input.submit {
	border:1px outset white;
	color:#333333;
	font-weight:bold;
	background-color: #FFCC00;
	height: 30px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
input.txt {
	border:1px solid #006699;
	color:#143657;
	line-height:15px;
	height:15px;
	padding:2px 5px 1px 5px;
}
select { background:#c6d5e1; border:none; color:#143657; line-height:15px; }
textarea { background:url(images/textarea_bg.gif) no-repeat top left; border:none; color:#143657;  }

/* INPUTY */
.s15{	width:15px;}
.s20{	width:20px;}
.s30{
	width:30px;
	margin-top: 10px;
}
.s40{	width:40px;}
.s50{	width:50px;}
.s60{	width:60px;}
.s70{	width:70px;}
.s80{	width:80px;}
.s90{	width:90px;}
.s100{	width:100px;}
.s110{	width:110px;}
.s120{	width:120px;}
.s130{	width:130px;}
.s140{	width:140px;}
.s150{	width:150px;}
.s160{	width:160px;}
.s180{	width:180px;}
.s200{	width:200px;}
.s220{	width:220px;}
.s250{	width:250px;}
.s300{	width:300px;}
.s330{	width:330px;}
.s350{	width:350px;}
.s380{	width:380px;}
.s400{	width:400px;}
.s450{	width:450px;}
.s490{	width:490px;}
#detail-box {
	width: 430px;
	text-align: left;
}
#detail-box-pozadi {
	width: 430px;
	background-color: #202b35;
	margin-top: 7px;
	margin-bottom: 10px;
	float: left;
	background-attachment: scroll;
	background-image: url(img/detail-bg.gif);
	background-repeat: no-repeat;
	height: 230px;
}
.best {
	margin-top: 10px;
	float: left;
	width: 100%;
}


#detail-box .nahled-box {
	float: left;
	height: 200px;
	width: 200px;
	margin-top: 13px;
	margin-right: 8px;
	margin-bottom: 10px;
	margin-left: 12px;
}
#detail-box .selekt-box {
	float: left;
	height: 190px;
	width: 200px;
	margin-top: 20px;
	line-height: 19px;
	color: #c3d9ed;
}
#detail-box .nazev {
	width: 100%;
	float: left;
	text-align: left;
}
#detail-box h2 {
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
}
#detail-box .popis {
	width: 430px;
	text-align: left;
	float: left;
}
#detail-box .popis p {
	text-align: left;
	margin: 15px;
}
.hand {
	cursor:pointer;
}
#filter {
	float: left;
	width: 430px;
	margin-bottom: 10px;
}
.stred-rozmer {
	float: left;
	width: 430px;
	margin-bottom: 10px;
}
.strankovani {
	float: left;
	width: 430px;
	margin-bottom: 10px;
	padding-top: 15px;
}
.nadp {
	height: 30px;
}


.pagesnum{
	clear:left;
	width:100%;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
	font-size: 13px;
}
.pagesnum a,.pagesnum a:link,.pagesnum a:active,.pagesnum a:visited,.pagesnum b,.pagesnum span{
	border:1px solid #dddddd;
	float:left;
	padding:2px 6px 3px 6px;
	margin:3px;
	background-color:#72cd17;
	color: #333333;
}
.pagesnum b{
	border-color:#770744;
	background-color:#d40778;
	color:white;
}
.pagesnum a:hover,.pagesnum a:focus{
	border-color:#b85e00;
}
.pagesnum span{
	color:#666666;
}
.sep {
	height: 15px;
	float: left;
	width: 100px;
}
.sloupec_akce {
	text-align: center;
	float: left;
	width: 150px;
	font-size: 1em;
}
