.clear { clear: both; }

.ikonky_prepinaci #tabs .ui-tabs, .ikonky_prepinaci  #tabs  .ui-tabs-nav li {width: auto; display: inline-block; background: transparent; border: 0px; float: none; margin: 0px; padding: 0px;}

.ikonky_prepinaci .ui-widget-content  {border: 0px; margin: 0px; padding: 0px!important; background: transparent;}

.ikonky_prepinaci .ui-tabs .ui-tabs-nav li a  {margin: 0px; padding: 0px; opacity: 0.5; cursor: pointer; display: inline-block;}
.ikonky_prepinaci .ui-tabs .ui-tabs-nav li a:hover  {opacity: 0.7; cursor: pointer;}

.ikonky_prepinaci .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {opacity: 1; cursor: pointer;}


.forms p label { width: 200px; float: left; padding: 10px 5px;}

.forms p label.error {margin-left: 225px; width: 400px; float: left; padding: 10px 5px; color: red;}

.forms p .text   { width: 300px; padding: 10px 5px; background-color: white; border: 1px solid #999;}
.forms p select, .forms p textarea, .chck { padding: 10px 5px; background-color: white; border: 1px solid #999; margin-left: 20px; }
.forms p .submit  { padding: 5px 15px; background-color: #B0BC1C; color: white; border: 1px solid #999; margin-left: 20px; }

.box2 .ainput {
	position:absolute;
	float:left;
	left:0px;
	top:160px;
	height:22px;
	text-transform:uppercase;
	background:url(../images/bg-buton-malej.png) repeat-x;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	border:solid 1px #eb690d;
	color:#fff;
	text-shadow:#eb690d 1px 0 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	cursor:pointer; 
        padding: 0 10px;
}

.popupp .text {background: transparent;}



.linkbutton {
  display: inline-block;
	background:url(../images/bg-buton-malej.png) repeat-x;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	border:solid 1px #eb690d;
	color:#fff;
	text-shadow:#eb690d 1px 0 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	cursor:pointer; 
        padding: 0 10px;
}

.box2 .ainput a{
        position: relative;
        top: 3px;
	color: white;
        text-decoration: none;
        padding-top: 5px;
}

.box-250.fotobox { 
    width: 240px;
    height: 160px;
    float: left; 
    overflow: hidden;
}

#general {
    margin-top: 10px;
}

.box-250.gal { 
    margin-bottom: 20px;
    padding-bottom: 20px;
    background:url(../images/bg-menu-lista.png) repeat-x bottom;
	float:left;
	width:100%;
}

.box-250.gal img { 
    width:250px;
    float:left;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	border:solid 3px #b0bc1c;
	margin:0 10px 0 0;     
}

.box-text {
    width:450px;
	float:right;
} 


.box-text a {
	float:left;
} 

.box-text h3{
    width:100%;
	float:left;
    margin: 0px 0 10px 0;    
} 


/* sortiment */
.box-item {
  width: 220px;
  margin: 8px;
  float: left;
  border:solid 1px #ccc;
  -moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	overflow:hidden;
}

.box-item form {
  width: 150px;
  margin:0 0 20px 0;
  float: right;
}

.box-item p{
  text-align:center;
  font:normal 14px/20px Arial, Helvetica, sans-serif;
}

.box-item h3{
  text-align:center;
  height:40px;
}


.box-kosik-celkem {
  text-align: right;
}

.box-kosik-celkem span {
	color:#b0bc22;
	font:normal 20px Arial, Helvetica, sans-serif;
  display: block;
} 

.box-kosik-celkem .btn {
	background-color: #b0bc22;
  color: white;
  padding: 5px;
  margin-left: 20px;
  text-decoration: none;
}

.box-kosik-celkem .btn:hover {
	background-color: #999;
  color: white;
  padding: 5px;
  margin-left: 20px;
  text-decoration: none;
}




.tab-jidelnicek {
    width: 100%;
    border-collapse: collapse
}

.tab-jidelnicek td {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}

.tab-jidelnicek th {
    padding-top: 20px;
    font-size: 14px;
}

.tab-jidelnicek .bg {
    background-color: #F0F0F0;
}

.strankovani {
    margin: 0 !important;
    padding: 0 !important;
}
.strankovani li{
    list-style-type: none;
    background: none !important;
    width: auto !important;
    float: left !important;
    padding-left: 0px !important;
    margin-right: 10px;
}

.fotoDetail {
    width:130px;
    float:left;
	 border:solid 2px #ccc;
  -moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	overflow:hidden;
	margin:4px;
}

.fotoDetail:hover {
	 border:solid 2px #B0BC1C;
}

.fotoDetail img {
    width:130px;
    float:left;
}

.shopDetail h1, .shopDetail p {
    width:600px;
    float:left;
}

.shopDetail form {
    position:absolute;
	top:10px;
	right:10px;
}

.shopDetail h2 {
    position:absolute;
	top:50px;
	right:10px;
	width:180px;
	text-align:right;
}


.jidelnicek-nadpis {
      margin: 5px;
}

.box-programy {
     margin: 0;
     /*width: 20%;*/
}

.box-programy a{  
     line-height: 20px;

}

.box-programy .active{
     font-weight: bold;
     font-size: 14px
}


.box-programy .box-prozdravi {
    width: 13%;
    height:256px;
    float: left;
    background:#aebd27;
    margin-right: 10px;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

.box-programy .box-prozdravi h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(../images/prozdravi.png) no-repeat top center;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}

.box-programy .box-prozdravi a, .box-programy .box-bezmasa a, .box-programy .box-bezlepku a, .box-programy .box-prosport a, .box-programy .box-proteinplus a, .box-programy .box-detox a, .box-programy .box-fitplus a, .box-programy .box-promamy a, .box-programy .box-plus a, .box-programy .box-salat a, .box-programy .box-rodina a, .box-programy .box-laktominus a {
	color:#fff;
	float:left;
	width:100%;
	border-top:solid 1px #fff;
	text-decoration:none;
}

.box-programy .box-prozdravi a:hover, .box-programy .box-prozdravi .active {
	background:#849900;
}

.box-programy .box-bezmasa a:hover, .box-programy .box-bezmasa .active {
	background:#8a0e30;
}

.box-programy .box-bezlepku a:hover, .box-programy .box-bezlepku .active {
	background:#a2600a;
}

.box-programy .box-prosport a:hover, .box-programy .box-prosport .active {
	background:#046665;
}

.box-programy .box-proteinplus a:hover, .box-programy .box-proteinplus .active {
	background:#44299b;
}

.box-programy .box-fitplus a:hover, .box-programy .box-fitplus .active {
	background:#5845e0;
}

.box-programy .box-promamy a:hover, .box-programy .box-promamy .active {
	background:#5a2a70;
}

.box-programy .box-plus a:hover, .box-programy .box-plus .active {
	background:#4b4c4b;
}

.box-programy .box-salat a:hover, .box-programy .box-salat .active {
	background:#849900;
}

.box-programy .box-detox a:hover, .box-programy .box-detox .active {
	background:#849900;
}

.box-programy .box-laktominus a:hover, .box-programy .box-laktominus .active {
	background:#5845e0;
}

.box-programy .box-rodina a:hover, .box-programy .box-rodina .active {
	background:#5a2a70;
}

.box-programy .box-bezmasa {
    width:13%;
    height:256px;
    float:left;
    background:#e62559;
    margin-right: 10px;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

.box-programy .box-bezmasa h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(../images/bezmasa.png) no-repeat top center;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}

.box-programy .box-bezlepku {
    width: 13%;
    float: left;
    background:#f5a033;
    margin-right: 10px;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

.box-programy .box-bezlepku h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(../images/bezlepku.png) no-repeat top center;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}

.box-programy .box-prosport {
    width:13%;
    float:left;
    background:#26b6b4;
    margin-right: 10px;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

.box-programy .box-prosport h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(../images/prosport.png) no-repeat top center;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}

.box-programy .box-proteinplus {
    width:13%;
    height:256px;    
    float:left;
    background: #293d9b;
    margin-right: 10px;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

.box-programy .box-proteinplus h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(../images/proteinplus.png) no-repeat top center;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}

.box-programy .box-detox {
    width:13%;
    height:256px;
    float:left;
    background: #a6bd40;
    margin-right: 10px;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

.box-programy .box-detox h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(../images/detox.png) no-repeat top center;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}

.box-programy .box-fitplus {
    width:13%;
    height:256px;
    float:left;
    background:#45a2e0;
    margin-right: 10px;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

.box-programy .box-fitplus h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(../images/fitplus.png) no-repeat top center;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}

.box-programy .box-bezcukru {
    width:13%;
    height:256px;
    float:left;
    background: #59120F;
    margin-right: 10px;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

.box-programy .box-bezcukru h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(/files/editor/ilustracni/bezcukru.png) no-repeat center 7px;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}

.box-programy .box-promamy {
    width:13%;
    height:256px;
    float:left;
    background: #702c91;
    margin-right: 10px;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

.box-programy .box-promamy h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(../images/promamy.png) no-repeat top center;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}

.box-programy .box-laktominus {
    width:13%;
    height:256px;    
    float:left;
    background: #45a2e0;
    margin-right: 0px;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

.box-programy .box-laktominus h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(../images/laktominus.png) no-repeat top center;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}


.box-programy .box-plus {
    width:27%;
    height:117px;
    float:left;
    background:#7b7c7b;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
  margin: 10px 10px 0px 0px;
}

.box-programy .box-plus h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(../images/plus.png) no-repeat top center;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}

.box-programy .box-salat {
    width:27%;
    height:117px;
    float:left;
    background:#a6bd40;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
  margin: 10px 10px 0px 0px;
}

.box-programy .box-salat h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(../images/salat.png) no-repeat top center;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}

.box-programy .box-rodina {
    width:27%;
    height:105px;
    float:left;
    background:#702c91;
    padding:10px 0 10px 0;
    text-align: center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
  margin: 10px 10px 0px 0px;
}

.box-programy .box-rodina h3 {
	color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:url(../images/rodina.png) no-repeat top center;
	float:left;
	text-transform:uppercase;
	padding:64px 0 5px 0;
	margin:-5px 0 0 0;
	width:100%;
}





.pop_tooltip {/*This is just to distinguish the elements on which the effect will be applied from the rest of the text.*/
    cursor: pointer;
    text-decoration: underline;
    font-weight:bold;
}

.tooltip {
    position: absolute;
    opacity: 0;
    background: white;
    color: black;
    font-weight: normal;
    padding: 8px 16px;
    border-radius: 5px;
    box-shadow: 0px 1px 4px black;

}

.tooltip:after {
    content: '';
    border: 1px solid #CCCCCC;
    position: absolute;
    bottom: -15px;
    left: 10px;
}
