body{
	background-color: #3a3e44;
	color: white;
	background-image: url(../gfx/bg_top.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border: 0px solid yellow;
	padding: 0px;
	margin: 0px;
	font-family: 'Trebuchet MS','Lucida Grande', Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	font-size: 0.8em;
}

.clearfix:after {
    content: ".";
    clear: both; display: block; height: 0; visibility: hidden;
    font-size: 0;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

a{
	border:0px solid blue;
	text-decoration: none;
	color: #3a3e44;
}
a:hover{
	text-decoration: underline;
}
h1{
   font-size: 2.2em;
    color: #ffb400;
    font-weight: lighter;
    padding:0px;
    margin:10px 0px;
}
h2{
   font-size: 1.6em;
	color: #ffb400;
	font-weight: lighter;
	padding:0px;
	margin:15px 0px;
}
h3{
   font-size: 1.3em;
    color: #ffb400;
    font-weight: lighter;
    padding:0px;
    margin:10px 0px;
}
#content a, #structurePath a {
    color: #ffb400;
}

#cmain {text-align: center; margin: 0; padding:0;}
#main{
   margin: 0;
   margin-top: 39px;
   margin-left: auto;
   margin-right: auto;
   width: 759px;
   text-align: left;
}
#header{
    height: 144px;
    background-image: url(../gfx/header.jpg); 
    background-repeat: no-repeat;
    background-position: top left;
    border: 0px solid black;
    position: relative;
}

#header #leftblock {
    position: absolute;
    left: -52px;
    top: 22px;
    width: 52px;
    height: 107px;
    background-image: url(../gfx/bg_top_left.gif); 
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 10;
}
#header h3 a{
    position: absolute;
    display: block;
    left: 10px;
    top: 22px;
    width: 200px;
    height: 100px;
    z-index: 10;
    margin: 0;
    padding: 0;
}

#header span.hide {
    display: none;
}

#header #structurePath {
    position: absolute;
    top: -20px;
    left: 10px;
    width: 700px;
    height: 20px;
}

#header #basketBoxContent {
    background-color: #ffb400;
    color: #fff;
    /*font-weight: bold;*/
    position: absolute;
    bottom: 0;
    right: 3px;
    padding: 0 5px 0 5px;
}

#header #basketBoxContent a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}

#middle{
    margin: 0px;
	background-image: url(../gfx/bg_content.gif);
	background-repeat: repeat-y;
    background-position: top left;
    /*min-height:500px;*/
	/*height:100%;*/
	overflow: hidden;
    /*border: 1px solid red;*/
}
#middleend {
    font-size: 1px;
    height: 14px;
    background-image: url(../gfx/bg_footer.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
#menu{
	width: 197px; /*227*/
	min-height: 360px;
	/*padding-left:73px;*/
	float: left;
	overflow: visible;
    background-image: url(../gfx/bg_menu.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding-left: 3px;
    padding-right: 27px;
}
#structureMenu {
    margin: 0;
    margin-left: 12px;
    margin-top: 20px;
    padding: 0;
}
#structureMenu li {
    list-style-type: none;
    padding-left: 20px;
    background-image: url(../gfx/cube_yellow.gif);
    background-position: center left;
    background-repeat: no-repeat;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    border-bottom: 1px solid #d8d8d8;
}
#content{
	width: 510px; /*530*/
	float: right;
	color: #3a3e44;
    padding-right: 13px;
    padding-left: 7px;
    padding-top: 10px;
}
#footer {font-size: 0.85em; padding: 0 10px 0 10px;}
#footer a {color: #fff;}
#copyright{
	width: 350px;
	margin:0;
    float: left;
}

#madeby {
    width: 350px;
    float: right;
    text-align: right;
}
/*
#eshopMenuBox {
    background-color: #ffb400;
    font-size: 0.85em;
    color: #000;
    float: left;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    width: 100px;
}

#eshopMenuBox ul#eshopMenu {
    margin: 0;
    padding: 0;
}

#eshopMenuBox ul {
    background-color: #ffb400;
    font-family: Arial, Helvetica;
}

#eshopMenu li {
    list-style-type: none;
}

#eshopMenu a {
    color: #000;
}
*/

div.clean {
    float: none;
    clear: both;
    width: 100%;
    display: block;
    font-size: 1px;
    height: 1px;
}

div.cleaner {
    clear: both;
    height: 0px;
    font-size: 0px;
    visibility: hidden;
}

#content .pagebar a{
    color: #fff;
}
/* pagebar */
.pagebar {
  font: 11px Tahoma, Arial, sans-serif;
  padding: 20px 0;
  text-align: center;
}
.pagebar strong {
  padding: 1px 5px 2px 5px;
  border: 1px solid #fff;
  color: #ff4341;
}
.pagebar a {
  background: #ffb400;
  color: #fff;
  text-decoration: none;
  padding: 1px 5px 2px 5px;
  border: 1px solid #ff4341;
}
.pagebar a:hover {
  border-color: #F90000;
}

/* list vyrobku */

.eshopList {
    float: right;
    width: 405px;
}

.col1 {
float: left;
width: 235px;
/*]border: 1px solid red;*/
}

.col2 {
float: right;
width: 235px;
/*border: 1px solid green;*/
}

.box {
    /*background: url("/gfx/box.gif") no-repeat;*/
    border: 1px solid #e0e3e3;
    margin: 8px 0 0 0;
}
.box div {
    /*background: #e0e3e3 0 100% no-repeat;*/
    position: relative;
    width: 223px;
    _width: 235px;
    padding: 5px 5px 6px 5px;
}
.box div div {
    background: none;
    position: relative;
    width: auto;
    padding: 0;
}
.box div h4 {
    font-size: 120%;
    margin: 0 0 3px 0;
}
.box div h4 img {
    position: absolute;
    top: 10px;
    right: 11px;
}
.box div h4 a {
    text-decoration: none;
    /*color: #2e1367;*/
}
.box div h4 a:hover {
    text-decoration: underline;
}
.box div .drobky {
    font-size: 90%;
}
.box div .dop-pict {
    margin: 9px 0 6px 0;
    float: left;
}
.box div .dop-pict img {
    border: 2px solid #ff2500;
}
.box div .dop-pict:hover img {
    border: 2px solid #005185;
}
.box div form {
    margin: 11px 0 0 0;
    text-align: right;
    display: block;
}
.box div form div {
    float: right;
    width: 100px;
    /*border: 1px solid red;*/
}
.box div form div strong {
    color: #fff;
    background: #ff2600;
    font-size: 105%;
    font-weight: bold;
    padding: 0 4px 0 4px;
    line-height: 1.6;
    white-space: nowrap;
}
.box div .dop-obj {
    margin: 21px 0 7px 0;
}
.box div p {
    clear: both;
    line-height: 1.4;
    margin: 0;
    min-height: 4.2em;
    _height: 4.2em;
    font-size: 90%;
    font-weight: normal;
}

/* detail fotky */

.foto {
    text-align: center;
    margin: 27px 0 0 0;
}
.foto img {
    border: 2px solid #ff2600;
}
.foto-tlacitka {
    text-align: center;
    margin: 22px 0 0 0;
}
.foto-tlacitka img {
    border: 0;
}

/* detail */
.vyrobek {
    margin: 6px 0 0 0;
}
.vyrobek span {
    color: #4e70c7;
}
.ceny {
    float: right;
    width: 145px;
    text-align: right;
    margin: -10px 0 0 0;
}
.ceny form {
    margin: 7px 0 0 0;
    text-align: right;
    display: block;
}
.ceny form strong {
    color: #fff;
    background: #ff2600;
    font-size: 110%;
    font-weight: bold;
    padding: 0 4px 0 4px;
    line-height: 1.6;
}
.ceny form span {
    color: #ff2600;
    display: block;
    margin: 0 0 8px 0;
    font-size: 90%;
}
.ceny form strike {
    display: block;
    margin: 0 0 0px 0;
}
.ceny #kusu {
    background: #fff;
    border: 1px solid #bdd2ed;
    color: #615e5e;
    font-size: 90%;
    padding: 3px 4px 4px 4px;
    _height: 22px;
    width: 18px;
    _width: 28px;
}
.ceny .dop-obj {
    position: relative;
    top: 7px;
    _top: 5px;
}
.detail img {
    margin: 8px 0 0 0;
    border: 2px solid #ff2600;
}
.detail:hover img {
    border: 2px solid #005185;
}
.zvetsit {
    background: url("/gfx/eshop/zvetsit.gif") 0 0 no-repeat;
    padding: 0 0 1px 22px;
    display: block;
    margin: 0 0 0 0;
    _margin: 3px 0 0 0;
}
.zvetsit a {
    /*color: #2d1467;*/
}
.zvetsit a:hover {
    color: #ff2600;
}
.ceniky {
    margin: 12px 0 11px 0;
}
.ceniky a {
    color: #2f1167;
}
.ceniky a:hover {
    color: #ff2600;
}

#eshopMenuBox {
    color: #000;
    margin: 0;
    padding: 0;
}

#eshopMenuBox a {
    color: #fff;
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
#eshopMenuBox .ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(../gfx/tabs.png) no-repeat;
}
#eshopMenuBox .ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
#eshopMenuBox .ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
#eshopMenuBox .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
#eshopMenuBox .ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
#eshopMenuBox .ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border-top: 1px solid #ffb400;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* kosik */

.kosik {
    width: 500px;
    border-collapse: collapse;
    color: #005185;
    margin: 20px 0 10px 0;
}
.kosik th {
    background: #006acf;
    color: #fff;
    text-align: center;
    padding: 4px 5px 6px 5px;
}
.kosik th.left {
    text-align: left;
}
.kosik th.right {
    text-align: right;
}
.kosik td {
    background: #f2f6f9;
    border-top: 2px solid white;
    line-height: 1.1;
    padding: 2px 5px 2px 5px;
}
.kosik tr.suda td {
    background: #e4e3e3;
}
.kosik td.pict {
    text-align: center;
    padding: 2px 0 2px 5px;
    width: 23px;
}
.kosik td.white {
    background: #fff;
}
.kosik td.brd {
    background-image: url("/gfx/brd.gif");
    background-repeat: repeat-x;
    border: 0;
    padding-top: 7px;
}
.kosik td.pad5 {
    padding: 5px;
}
.kosik td.pad12-5 {
    padding: 12px 5px 5px 5px;
}
.kosik td a {
    font-size: 90%;
}
.kosik td strong a {
    /*color: #005185;*/
    text-decoration: underline;
    font-size: 100%;
}
.kosik td strong a:hover {
    /*color: #ff2602;*/
}
.kosik td span {
    color: #ff2602;
}
.kosik .kusu {
    background: #fff;
    border: 1px solid #bdd2ed;
    color: #615e5e;
    font-size: 90%;
    padding: 3px 4px 4px 4px;
    _height: 22px;
    width: 18px;
    _width: 28px;
}
#kosik-tlacitka {
    text-align: right;
    margin: 25px 15px 0 0;
}

/* objednavka */

.objednavka1 {
    float: left;
    width: 35%;
}
.objednavka2 {
    float: left;
    width: 64%;
}
.objednavka2 textarea {
    margin: 8px 0 40px 0;
    width: 300px;
    height: 140px;
    background: #fff;
    border: 1px solid #bdd2ed;
    color: #615e5e;
}

/* objednavka - kontaktni udaje */

#objednavka-kont form {
    margin: 10px 40px 10px 40px;
}
#objednavka-kont fieldset {
    border: 1px solid #ff2600;
    margin: 0;
}
#objednavka-kont fieldset legend {
    color: #ff2600;
    font-weight: bold;
    font-size: 110%;
}
#objednavka-kont fieldset table {
    border-collapse: collapse;
    margin: 10px 0 10px 30px;
}
#objednavka-kont .odsadit {
    width: 100px;
}
#objednavka-kont input.inp {
    background: #fff;
    border: 1px solid #bdd2ed;
    color: #615e5e;
    font-size: 90%;
    padding: 3px 4px 4px 4px;
    _height: 22px;
    width: 175px;
    _width: 183px;
}
#objednavka-kont input.inp2 {
    background: #fff;
    border: 1px solid #bdd2ed;
    color: #615e5e;
    font-size: 90%;
    padding: 3px 4px 4px 4px;
    _height: 22px;
    width: 55px;
    _width: 63px;
}

.center {
    text-align: center;
}