html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none; }
html {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}
body {
    font-size: 0.75em; 
    text-align: center;
    background:#D66A00 url(/style/bg-body.gif) 0 0 repeat-x;
    color:#333;
}
#container {
    width: 864px;
  background: white url(/style/bg-container.gif) 0 0 repeat-y; 
    text-align: left;
    padding: 0;
    margin: 0 auto;
    position: relative;  
}

#head {
	height: 178px;
	background: url(/style/header.jpg) 0 0 no-repeat;
	border-bottom: 2px solid white;
}
.main {
    width: 480px;  padding:8px 20px 0 20px;
    float: left;
    position: relative; overflow:hidden;
    left: 172px;
    margin-bottom: 20px;
}

.side {
    width: 157px;
    float: left;
    margin-bottom: 20px;
    position: relative; overflow:hidden;
    left: -520px;
}

.otherside {
  width: 156px;
  float: right;
  position: relative; overflow:hidden;
  right:0;
  margin-bottom: 20px;
}


#footer {
    width: 864px;
    text-align: right;
    margin: 0 auto;  margin: 0 auto; padding-top:15px;
  background:url(/style/footer.png) 0 0 no-repeat;
  color:white;
}


/*********** DOPLNKY LAYOUTU ***********/
/* head */
#logo{
}
#logo a {	
	display: block;
	overflow: hidden;
	width: 0;
	padding-left:310px;
	height: 65px;
	position: absolute;
	top: 10px;
	left: 10px;
}

#head a {color:#75c3fc;}
#head p {font-size:90%;}

ul#menu {  
  position:absolute;  top:153px; right:0;
  height:33px; width:710px;
  overflow:hidden;
}
ul#menu li {display:inline; line-height:24px; font-size:100%; font-weight:bold;}
ul#menu li a {color:white; display:block; float:left; height:24px; padding:0 15px;   text-decoration:none; background:url(/style/rozek.gif) 100% 100% no-repeat; border-right:1px solid white;}
ul#menu li a:hover, ul#menu li a:focus,  ul#menu li a:active {color:#FFF701;}


/* side a otherside */

.bar .block {
  margin:0;
  padding:0 10px 10px 10px;
}

/* OTHERSIDE*/
#otherside form {padding:10px 0;}
#otherside form p {clear:left; font-size:100%; text-align:center; margin:0;}





#otherside .aktuality h3 {margin:0; padding:0; font-size:110%;}




/*Anketa*/
.obal.anketa form {padding:0;}
.obal.anketa h3 {color:black; font-size:110%; padding:0; margin:10px 0 -5px 0; color:#AF0400;}

/*Hlavní blok*/
#main p {
	font-size: 130%;
	padding: 0.7em 0;
	line-height: 1.3em;
	color:black;
}
#main ul, #main ol {
	margin: 0.7em 0;
}
#main ul li, #main ol li {
	margin:4px 0;
	padding-left:25px;
	background:url("li.gif") 0 0 no-repeat;
	font-size: 120%;
	color:black;
}
#main table {
  margin: 15px 0;
	width: 100%;
	font-size: 120%;
	border-collapse: collapse;
}
#main table td {
  padding:5px;
}
#main table th, #main table td {
	vertical-align: middle;
}
#main table thead th {
	text-align: center;
}
#main table .second {
	text-align: right;
}
#main table th + td {
	text-align: right;
}
#main table caption {
	caption-side: bottom;
	font-style: italic;
	text-align: left;
}

/*Paticka*/
#footer p {
  text-align:right; font-size:110%; padding:15px 0 ;
}
#footer a {
  text-decoration:none; color:#fff; text-decoration:underline;
}
#footer a:hover, #footer a:focus, #footer a:active {
  text-decoration:none;
}



/* Obecne */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 1.4em 0 0.3em 0;
	color:#CF6A19;
}
h1 {
	font-size: 200%;
	margin: 0.7em 0 0.2em 0;
	color:#C71D10;
	}
h2 {
	font-size: 170%;
}
h3 {
	font-size: 150%;
}
h4 {
	font-size: 130%;
}
form, fieldset, legend {
	margin: 0;
	padding: 0;
	border: none;
}
form {
	font-size: 110%;
}
fieldset legend {
	font-size: 120%;
	font-weight: bold;
	color: #333;
}
fieldset fieldset legend {
	font-size: 130%;
}
form label {
  text-align: right;
}
form textarea {
width:420px;
}
a {
	text-decoration: underline;
	color:#b22923;
}
a:hover, a:focus, a:active {	text-decoration: none; }
a img {	border: none;}
input {}


/* Specificke */
.podtrzeni {
  border-bottom:1px dashed #c6c6c6; 
}
h2.podrzeni {padding-bottom:2px;}
.hidden {
	display: none;
}
.skrt {
	text-decoration: line-through;
}
.cistic {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}
.cistic hr {
	display: none;
}
.oddelovac { 
clear:both;
border-width:0;
border-bottom:1px dashed #c6c6c6;
height:1px;
}

.floatright {float:right;}
.floatleft {float:left;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.bold {font-weight:bold;}

#main p.redmessage {color:red !important;}

#main p .red {color:red;}
#main p .green {color:green;}

label.overlabel {color:#E3A668; position:absolute; 	top:3px;	left:5px; }
label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#7a7a7a; 
}
	


/* Kategorie */
  #main .item {
  padding: 5px 3px;
  margin:0 0 10px 0;
  position: relative;
  width: 141px;
  float:left;
  text-align:center;
  overflow: hidden;
  background:url(/style/bg_item.jpg) 0 100% repeat-x;
  }
  #main .item h3 {
  font-size: 110%; color:#000;
  text-transform: uppercase;
  font-weight:bold;
  height:41px; overflow:hidden;
  }
  #main .item h3 a {color:#000; }
  #main .item h3 a:hover {text-decoration:underline;color:#BF0900; }

  #main .item a {
  color: black;
  text-decoration: none;
  }
  #main .item p {
  color: black;
  font-size: 120%;
  text-indent: 0;
  font-style: normal;
  line-height: 1.1;
  margin-left:125px; margin-right:5px;
  }
  #main p.price {
  clear:both; 
  margin:0 0 5px 0;
  font-size:120%;
  }
  #main p.price span {color:#cc3333; font-weight:bold;}
  #main .item div.img {width:120px; height:80px; line-height:80px; margin:0 auto; text-align:center; overflow:hidden;}
  div.img img {vertical-align:middle;}
  .item .nakup {width:126px; height:36px; padding:5px 0; margin:0 auto; background:url(/style/nakup.gif) 0 0 no-repeat;}
  #main .item .nakup a {text-decoration:underline; display:block; font-size:110%; padding:2px 20px 2px 0;}
  #main .item .nakup a:hover, #main .item .nakup a:focus, #main .item .nakup a:active {text-decoration:none;}
  .nakup a.koupit {background:url(/style/but-koupit.png) 70% 50% no-repeat;}
  .nakup a.detail {background:url(/style/but-detail.png) 70% 50% no-repeat;}


/*Homepage*/
h3.barvicnik {float:right; width:185px; margin-left:10px;}
div.barevnicek.homepage {clear:right; float:right; width:185px; margin-left:10px;}

/* Detail */
div.barevnicek {width:200px; padding-top:97px; margin-bottom:20px; float:right; background:url(/style/barevnicek.jpg) 0 0 no-repeat;}
div.barvy {width:184px; height:233px; position:relative;}
div.barvy img.okraj {position:absolute; top:0; left:0; }
#main div.barvy p#text_barevnicka {width:80px; height:45px; margin:0 auto; padding:6px 5px; text-align:center; position:relative; top:30px; background:url(/style/barevnicek-popis.gif) 0 0 no-repeat; font-size:110%;}
#main div.barvy p#barevnik {font-size:110%; padding-left:30px; background:white;  filter: alpha(opacity=80); -moz-opacity: .80; -khtml-opacity: .80; opacity: .80; position:absolute; bottom:15px; left:0; width:100%; color:black;}
#barevnik label {}
#barevnik select {width:125px; margin:2px 0;}

span.price {font-weight:bold; display:block; margin:10px 0;}
.zakoupit {margin:0; padding:0;  overflow:hidden; width:193px; height:46px;  background:url(/style/zakoupit.gif) 0 0 no-repeat;}
#main .zakoupit div {margin:10px 5px; color:#B42E2F; font-size:110%;}
#main .zakoupit p {text-align:center;}
.zakoupit input.pocet {width:35px; margin:0 8px; }
.zakoupit input.submitdetail {border:0; background:url(/style/but-koupit.png) 100% 50% no-repeat; text-align:left; padding:0 20px 0 0; color:#B42E2F; font-weight:bold; width:65px; }