.udaje label {width: 120px; }
.udaje input, .udaje textarea {width: 310px; }
input.btn-big {border: none; float: left; height: 51px; padding-top:7px; font-family:Arial;}
.chyba {color: red; font-weight: bold}

.loginShow {position:relative; top: 75px;}
.loginHide {position:relative; top: 125px;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 447px; /*Width of Carousel Viewer itself*/
height: 230px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 4px 0 5px;
width: 210px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* top produkty na homepage eshopu */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 447px; /*Width of Carousel Viewer itself*/
height: 230px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .topBelt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 4px 0 5px;
width: 210px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.canvas {
  padding-left:22px;
}

/* akcni produkty */
.stepcarousel .actionBelt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 4px 0 5px;
width: 210px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* submenu */
.submenuShow {padding:10px; background: #1F1D1D; position: absolute; top: 29px; left: 166px; z-index: 1000}
.submenuHide {display: none;}
.submenuHomepageShow {padding:10px; background: #1F1D1D; position: absolute; /*top: 119px;*/ top: 0px; left: 335px; z-index: 1000}
