html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none; }

html {
  background:#078BE0 url(bg_html.jpg) 0 -72px repeat;
  color: #333;
}
body {
  background:url(bg_body.jpg) 0 0 repeat-x;
	font:0.75em Arial, sans-serif;
}
#container {
  width:961px;
  margin:0 auto;
  padding:0 15px;
  position:relative;
  background:url(container.png) 0 0 repeat-y;
}
#head {
  height:420px; width:100%;
  background:#000 url(../template/head.jpg) 0 100% no-repeat;
  line-height:1.5em;
}
.hole #head {
  height:115px; background:#000;
}
#main {
	width: 678px;
	float: right;
	position: relative;
	right: 0; top:0;
	margin: 0 0 0 0;
	padding:35px 20px 15px 20px;
	background:url(main-top.jpg) 0 0 no-repeat;
	overflow:hidden;
}

#side {
	width: 193px;
	float: left;
	position: relative;
	left: 0; top:0;
	overflow: hidden;
	margin: 0 0 0 0;
	padding:0 25px;
	background:url(side-top.jpg) 0 0 no-repeat;
}

#loga-znacek {
  width:800px; height:41px;
  position:absolute; top:58px; right:15px;
  overflow:hidden;
}
#loga-znacek ul {width:3900px; margin:0; padding:0;}
#loga-znacek li {
   display:block; float:left; margin:0 5px 0 0; padding:0; line-height:41px; height:41px; color:#000; background:#fff; overflow:hidden; vertical-align:middle;
}

#head-text {
  position:absolute; top:195px; left:175px; 
  height:75px; width:330px;
  padding:15px 20px;
  font-size:130%; font-weight:bold; font-style:italic;
}

#footer {
	clear: both;
	padding:5px 0 0 0;
	background: #000 url(footer-top.jpg) 100% 0 no-repeat;
	color:#777;
}

/*********** DOPLNKY LAYOUTU ***********/
/* head */
#logo {height:107px; width:180px; float:left; margin:0; padding:0; position:relative; background:url(patka-loga.png) 100% 100% no-repeat; z-index:1;}
#logo a {display:block; overflow:hidden; width:0; height:79px; padding-left:131px; background:url(logo.gif) 0 0 no-repeat; position:absolute; top:8px; left:20px; z-index:1; cursor:pointer;}

#head ul {float:right; margin:17px 10px 0 10px;}
#head li {float:left; display:block; margin:0 13px; font-size:90%;}
#head ul li.registrovat a {color:#EFFE00; font-weight:bold;}
#head ul li.prihlasit a {color:#00E3FE;  font-weight:bold;}
#head a {color:#c4d4e0; text-decoration:none;}
#head a:hover {text-decoration:underline;}

/* side */
#side a {color:#c9c9c9; text-decoration:none;}
#side a:hover {color:#fffefe; text-decoration:underline;}
#side p.kosik {height:39px; padding:15px 0 0 20px; font-size:90%; line-height:1.5em; background:url(kosicek.gif) 0 14px no-repeat;}
#side p.kosik a {color:#024B78; font-weight:bold;}
#side h2 {margin-bottom:-10px;}
#side h3 {margin:25px 0 10px 0; padding-left:20px; font-style:italic; color:#00ccff; background:url(hvezda.gif) 0 0 no-repeat; font-weight:normal;}
#side .obal {color:#c9c9c9;}
#side ul li {text-transform:uppercase;}
#side li {margin:3px 0;}
#side li a {padding:0 0 0 19px; background:url(li-menu.gif) 0 -31px no-repeat;}
#side li a:hover {background:url(li-menu.gif) 0 5px no-repeat;}
#side li.activ a {background:url(li-menu.gif) 0 -14px no-repeat; font-weight:bold; color:#fffefe;}
#side li.activ ul a {font-weight:normal;  background:url(li-menu.gif) 0 -31px no-repeat;}
#side li ul li {margin-left:10px; text-transform:none;}

#side form.vyhledavac {margin:15px 0 0 0;}
#side form.vyhledavac legend {display:none;}
#side form.vyhledavac input {width:120px;}
#side form.vyhledavac button {border:0; margin:0 0 0 4px; padding:0; width:22px; height:22px; overflow:hidden; background:url(hledat.gif) 0 0 no-repeat; cursor:pointer;}
#side form.vyhledavac button span {visibility:hidden;}

/* footer*/
#footer p {font-size:90%;  margin: 15px 15px 0 0; padding:8px 0 12px 0; text-align:right; }
#footer a {color:#999;}

/* main */
#main p{font-size:110%; margin:0.7em 0; line-height:1.4em; }
#main ul,#main ol{margin:0.5em 0; }
#main ul li,#main ol li{margin-left:2em; font-size:100%; }



/********* STRANKY *********/

/* Homepage */

/* Kategorie */
#main ul.subcategory li {width:160px; padding:0 4px;  margin:5px 0 0 0; float:left; font-size:120%;text-align:center;  font-weight:bold; overflow:hidden;}
#main ul.subcategory li img {display:block; margin:0 auto; padding-bottom:3px;}


/* Výpis zboží */
#main div.item {position:relative; background:#ECEFE0; padding:15px; margin:5px 0; width:635px;}
#main .item:hover, #main p.hover {background:#F2FFBF; }
#main div.item h3 {margin:0 0 0 210px;}
#main .item p {margin-left:210px;}

#main .item span.imag {display:block; width:190px; height:100%;  overflow:hidden; float:left; }
#main .item a {font-size:100%; font-weight:bold; text-decoration:none; color:#1D1D1D;}
#main .item a:hover {text-decoration:underline;}

#main .item p.price {display:block; margin-top:7px; font-weight:bold; font-size:120%; color:#044E7D;}
#main .item p.price .old {color:#808080; font-size:80%; text-decoration:line-through; font-weight:normal;}
#main .item p.price .action {color:#BF0400;}

form#filtrace {width:630px; height:28px; margin:20px 0 5px -5px; padding:10px 20px 0 20px; color: #fff; background:#000 url(filtrace.gif) 0 0 no-repeat; font-size:90%;}
form#filtrace h2 {display:inline; font-size:110%; color:#E0EF59;}
form#filtrace label {margin-left:15px;}
form#filtrace input.image {position:relative; top:3px;}
form#filtrace select {font-size:100%;}

#main p.strankovani {text-align:center; font-weight:bold; font-size:100%;}
#main p.strankovani a {color:#364E7D;  background:#ECEFE0; padding:3px 7px; text-decoration:none;}
#main p.strankovani a:hover {background:#068ADF; color:#fff;}


/* Výrobce */
#main ul.seznam-kategorii li {width:145px; float:left;margin:7px 14px 7px 0; padding:5px; text-align:center; font-size:110%; font-weight:bold;}
#main ul.seznam-kategorii a {display:block; text-decoration:none;}
#main ul.seznam-kategorii a:hover, #main ul.seznam-kategorii a:active, #main ul.seznam-kategorii a:focus {color:#BF044C;}


/* Detail */
#main .detailimg {width:320px; margin:10px 0 5px 0; overflow:hidden; text-align:center; float:left;}
#main .detailtext {margin-left:330px;}
#main .detailtext table {border-collapse:collapse; min-width:230px;}
#main .detailtext table td {padding:2px 2px;}
#main .detailtext table span.variant_price {margin-left:10px;}
#main .detailtext table tr.odd {background:#E9EF86;}

.nakup {margin-top:20px; padding:10px 15px; width:200px; line-height:34px; background:#CDDF00; border-top:2px solid #111; position:relative;}
#prodejni_cena {font-size:110%; font-weight:bold; margin-right:10px;}
.nakup button {border:0; width:111px; height:34px; line-height:34px;  margin:0 0 -5px 5px;  padding:0 0 0 20px; background:url(kosik.gif) 0 0 no-repeat; color:#fff; font-weight:bold; cursor:pointer;}


/* Komentare */
#main div.diskuse {margin:0.5em 0 0 0; padding:5px 10px; display:block;border:1px dashed #ccc;  background:#F8F8F8;}
#main div.diskuse.admin {background:#EFF3FF;}

/* Komentar-formular*/
form#kom_form {height:230px; padding:10px 25px; margin:10px 0 0 0; background:url(bg_comment.png) 0 0 no-repeat; position:relative;}
form#kom_form legend {display:none;}
form#kom_form label { width:120px; display:block; font-size:110%;}
form#kom_form input {margin:3px 0;}
form#kom_form textarea {width:400px; height:120px; border:1px solid #7F9DB9;}




/************ OBECNE ************/
h1,h2,h3,h4,h5,h6{font-weight:bold; color:#a7b400; margin:1.5em 0  0.5em 0;  }
h1{padding:0.7em 0 0.3em 0; margin:0; font-size:170%; color:#00A5EF; }
h2{font-size:130%; }
h3{font-size:120%;}
h4{font-size:110%;}
form,fieldset,legend{margin:0; padding:0; border:none; }
form{}
fieldset{margin:0.5em 0; }
fieldset legend{font-size:120%; font-weight:bold; color:#333; }
fieldset fieldset legend{font-size:130%; }
td, th {vertical-align:middle;}
table th + td { text-align: right; }



/*******  SPECIFICKE **************/
.hidden{display:none;}
.skrt{text-decoration:line-through;}
.cistic{clear:both; font-size:0; height:0; line-height:0;}
.cistic hr{display:none;}
.bold{font-weight:bold;}
a{text-decoration:underline; color:#004D6C; }
a:hover{text-decoration:none;}
a img {border:none; }
#main a img {border:none; }
label.overlabel{color:#333; position:absolute; top:-1000px; left:2px;}
label.overlabel-apply{position:absolute; top:4px; left:4px; z-index:1; color:#333; font-size:110%; }

.xxs {width:20px;}