/*------------------------------MAIN-------------------------- */
#ContainerC{
	width:100%;
    text-align: left;
    margin: 0 auto;
    color: #565656;
    overflow:hidden;
	min-width:320px;
}

h1.menu916, h1.menu915{
    display: none;
}

#body2 {
	min-width:320px;
}

#body2.menu3, #body2.menu759 {
	background: transparent url("/images/home_bg_new3.jpg?v=2") no-repeat scroll center top;
	background-position: center 120px;
}
#body2.menu3 .eni, #body2.menu759 .czi{display:none;}

#body2.menu918, #body2.menu925{
    background: transparent url("/images/hlavicka_centris.jpg") no-repeat scroll center top;
	background: transparent url("/images/centris_bg.jpg") no-repeat scroll center 120px;
}

#body2.menu918 h1, #body2.menu925 h1{
	margin-top: 165px;
	font-size: 2.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: rgb(108, 192, 71);
	visibility: hidden;
	display:none;
}

#body2.menu918 h2.barevne, #body2.menu925 h2.barevne{
    color: rgb(108, 192, 71);
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
    font-size: 1.8em;
	line-height: 1.2em;
	padding-left: 0px;
}

#body2.menu919, #body2.menu924{
    background: transparent url("/images/hlavicka_doris.jpg") no-repeat scroll center top;
	background: transparent url("/images/doris_bg.jpg") no-repeat scroll center 120px;
}

#body2.menu919 h1, #body2.menu924 h1{
	margin-top: 165px;
	font-size: 2.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: #4596CB;
	visibility: hidden;
	display:none;
}

#body2.menu919 h2.barevne, #body2.menu924 h2.barevne {
    color: #4596CB;
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
    font-size: 1.8em;
	line-height: 1.2em;
	padding-left: 0px;
}


#body2.menu920, #body2.menu926{
    background: transparent url("/images/hlavicka_optaris.jpg") no-repeat scroll center top;
	background: transparent url("/images/optaris_bg.jpg") no-repeat scroll center 120px;
}

#body2.menu920 h1, #body2.menu926 h1{
	margin-top: 165px;
	font-size: 2.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: #E84936;
	visibility: hidden;
	display:none;
}

#body2.menu920 h2.barevne, #body2.menu926 h2.barevne{
    color: #E84936;
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
    font-size: 1.8em;
	line-height: 1.2em;
	padding-left: 0px;
}


#body2.menu918 .odkazyprodukty,
#body2.menu919 .odkazyprodukty,
#body2.menu920 .odkazyprodukty,
#body2.menu924 .odkazyprodukty,
#body2.menu925 .odkazyprodukty,
#body2.menu926 .odkazyprodukty{
	max-width:650px;
	margin:0 auto;
	padding-bottom: 10%;
    padding-bottom: 103px;
}

#body2.menu918 .odkazyprodukty a,
#body2.menu919 .odkazyprodukty a,
#body2.menu920 .odkazyprodukty a,
#body2.menu924 .odkazyprodukty a,
#body2.menu925 .odkazyprodukty a,
#body2.menu926 .odkazyprodukty a{
	display:inline-block;
	width:33.33%;
	text-align:center;
	padding-bottom:33.33%;
}

#body2.menu918 .enp,
#body2.menu919 .enp,
#body2.menu920 .enp,
#body2.menu924 .czp,
#body2.menu925 .czp,
#body2.menu926 .czp{
	display:none;
}

#centerC{
    max-width: 1020px;	
    margin: 0 auto;
}

#contentC {float:left; width:100%;margin-bottom: 30px;}

#content {padding: 0px;}

#sipkadolu{
    position: fixed;
    bottom: 20px;
    right: 30px;
	cursor:pointer;
}

#bg_home {
	width:100%;
	height:3884px;
	height:0px;
	padding-bottom: 380.7843137254902%;
	background:url('/images/bg_home.jpg?v=2') no-repeat center center;
	position:relative;
	background-size:100% 100%;
}

#doris, #centris, #optaris  {
	display:block;
	text-decoration:none;
	width:150px;
	height:150px;
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
	width: 14.70588235294118%;
	height: 0;
	padding-bottom: 14.8%;
}

#doris  {
	top: 2330px;
	top: 59.98970133882595%;
}

#centris  {
	top: 2880px;
	top: 74.15036045314109%;
}

#optaris  {
	top: 3425px;
	top: 88.18228630278064%;
}

#bg_centris{
	height:1536px;
	background:url('/images/bg_centris.jpg') no-repeat center center;
	position:relative;
	width:100%;
	margin-bottom: 40px;
}

#bg_doris{
	/*height:1136px;
	background:url('/images/bg_doris.jpg') no-repeat center center;
	position:relative;
	width:100%;
	margin-bottom: 40px;*/
	
	background: url('/images/bg_doris.jpg') no-repeat top center;
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	height: 0;
	padding-bottom: 111.2112677%;
	background-size: 100% 100%;
}

#bg_optaris{
	height:991px;
	background:url('/images/bg_optaris.jpg') no-repeat center center;
	position:relative;
	width:100%;
	margin-bottom: 40px;
}

.ods1,.ods2,.ods3,.ods4,.ods5,.ods6,.ods7,.ods8{
	display: block;
    margin: 0px;
    padding: 0px;
    width: 425px;
    font-size: 1.3em;
    line-height: 1.6em;
    position: absolute;
}

.ods2,.ods4,.ods6,.ods8{
	text-align:right;
}

.ods1{
    right: 0px;
    top: 200px;
}

.ods2{
    left: 0px;
    top: 350px;
}

.ods3{
    right: 0px;
    top: 490px;
}

.ods4{
    left: 0px;
    top: 640px;
}

.ods5{
    right: 0px;
    top: 770px;
}

.ods6{
    left: 0px;
    top: 910px;
}


.ods7{
    right: 0px;
    top: 1120px;
}

.ods8{
    left: 0px;
    top: 1290px;
}

#bg_doris .ods1 {
    top: 18%;
    width: 42%;
}

#linka_doris_horni{
	background: url('/images/linka_doris_horni.jpg') no-repeat center top;
	height:24px;
}

#linka_centris_horni{
	background: url('/images/linka_centris_horni.jpg') no-repeat center top;
	height:24px;
}

#linka_optaris_horni{
	background: url('/images/linka_optaris_horni.jpg') no-repeat center top;
	height:16px;
}

#linka_doris_dolni{
	background: url('/images/lina-doris_dolni.jpg') no-repeat center top;
	height:16px;
}

#linka_centris_dolni{
	background: url('/images/linka_centris_dolni.jpg') no-repeat center top;
	height:16px;
}

#linka_optaris_dolni{
	background: url('/images/linka_optaris_dolni.jpg') no-repeat center top;
	height:19px;
}

#linka_doris_prostredek{
	background: url('/images/linka_doris_prostredek.png') repeat center top;
	padding-bottom: 200px;
	padding-top:50px;
}

#linka_centris_prostredek_new {
    clear: both;
    font-size: 1.3em;
    line-height: 1.5em;
    max-width: 800px;
    margin: 0 auto;
}

#linka_centris_prostredek_new p {
    background: url('../images/odrazka_centris.jpg') no-repeat left 7px;
	padding-left:80px;
	margin-bottom:30px;
}


#linka_doris_prostredek_new {
    clear: both;
    font-size: 1.3em;
    line-height: 1.5em;
    max-width: 800px;
    margin: 0 auto;
}

#linka_doris_prostredek_new p {
    background: url('../images/odrazka_doris.jpg') no-repeat left 7px;
	padding-left:80px;
	margin-bottom:30px;
}


#linka_optaris_prostredek_new {
    clear: both;
    font-size: 1.3em;
    line-height: 1.5em;
    max-width: 800px;
    margin: 0 auto;
}

#linka_optaris_prostredek_new p {
    background: url('../images/odrazka_optaris.jpg') no-repeat left 7px;
	padding-left:80px;
	margin-bottom:30px;
}



#linka_centris_prostredek{
	background: url('/images/linka_centris_prostredek.jpg') repeat center top;
	padding-bottom: 200px;
	padding-top:50px;
}

#linka_optaris_prostredek p,
#linka_centris_prostredek p,
#linka_doris_prostredek p{
	margin:0px;
	padding:0px;
}

#linka_doris_prostredek #cislo1 {
    background: url('/images/linka_doris_1.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_doris_prostredek #cislo2 {
    background: url('/images/linka_doris_2.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_doris_prostredek #cislo3{
	background: url('/images/linka_doris_3.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_doris_prostredek #cislo4{
	background: url('/images/linka_doris_4.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_doris_prostredek #cislo5{
	background: url('/images/linka_doris_5.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_doris_prostredek #cislo6{
	background: url('/images/linka_doris_6.jpg') no-repeat center 50px;
    padding-top: 50px;
}

#linka_centris_prostredek #cislo1 {
    background: url('/images/linka_centris_1.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_centris_prostredek #cislo2 {
    background: url('/images/linka_centris_2.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_centris_prostredek #cislo3{
	background: url('/images/linka_centris_3.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_centris_prostredek #cislo4{
	background: url('/images/linka_centris_4.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_centris_prostredek #cislo5{
	background: url('/images/linka_centris_5.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_centris_prostredek #cislo6{
	background: url('/images/linka_centris_6.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_centris_prostredek #cislo7{
	background: url('/images/linka_centris_7.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_centris_prostredek #cislo8{
	background: url('/images/linka_centris_8.jpg') no-repeat center 50px;
    padding-top: 50px;
}

#linka_optaris_prostredek #cislo1 {
    background: url('/images/linka_optaris_1.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_optaris_prostredek #cislo2 {
    background: url('/images/linka_optaris_2.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_optaris_prostredek #cislo3{
	background: url('/images/linka_optaris_3.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_optaris_prostredek #cislo4{
	background: url('/images/linka_optaris_4.jpg') no-repeat center 50px;
    padding-top: 50px;
}
#linka_optaris_prostredek #cislo5{
	background: url('/images/linka_optaris_5.jpg') no-repeat center 50px;
    padding-top: 50px;
}

#cislo1 p,
#cislo2 p,
#cislo3 p,
#cislo4 p,
#cislo5 p,
#cislo6 p,
#cislo7 p,
#cislo8 p{
	width: 42%;
	float: left;
	padding-top: 60px;
	text-align:right;
	font-size: 1.1em;
	line-height: 1.5em;
	height: 80px;
	padding-left: 40px;
	width: calc(42% - 40px);
}

#cislo1 p,
#cislo3 p,
#cislo5 p,
#cislo7 p{
	float: right;
	text-align:left;
	padding-left:0px;
	padding-right: 40px;
}

#rozcestnik td{
	padding:0px;
	text-align:center;
	padding-bottom:20px;
}

#rozcestnik {
	padding-bottom:30px;
}

#rozcestnik img{
	width:110px;
}

#rozcestnik .produkt1,
#rozcestnik .produkt2,
#rozcestnik .produkt3{
	text-decoration:none;
	font-size: 1.8em;
	font-weight: bold;
}

#rozcestnik .produkt1{
	color:#4497CB;
}

#rozcestnik .produkt2{
	color:#6CC049;
}

#rozcestnik .produkt3{
	color:#E84A37;
}

#youtubeplay {
    /*position: absolute;
    display: block;
    height: 1.4%;
    width: 7.84314%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: 7.5%;*/
	text-decoration:none;
	margin:0 auto;
	width:200px;
	height:200px;
	margin-top:30px;
	display:block;
	cursor: pointer;
}

#videouvodka{
	display:none;
}

#boxreference{
    height: 329px !important;
    overflow: auto;
	min-width: 300px;
}

#sipkadolunew{
    display:block;
    width:100px;
    height:50px;
    margin:0 auto;
    margin-top:70px;
}



.home_prvni {
    position: absolute;
    top: 360px;
	top: 9.3%;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.3em;
}

.home_prvni_new {
    height: 530px;
    color: #fff;
    text-align: center;
    padding-top: 30px;
}

.home_prvni_new h3{
	color:#fff;
	font-size: 2em;
	line-height: 1em;
}

.home_prvni_new iframe{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 120px;
    height: 800px;
	border:0px;
}

.home_druhy{
	position:absolute;
	top:860px;
	top: 22.1%;
	width:100%;
	text-align:center;
	font-size: 1.2em;
	line-height: 1.4em;
}

.home_druhy h3{
	font-size: 1.8em;
	line-height: 1.2em;
	padding-bottom: 20px;
}

.vstupni{
    position: absolute;
    top: 1797px;
	top: 46.26%;
    text-align: right;
    color: rgb(248, 180, 53);
    font-size: 2em;
    line-height: 1.25em;
    left: 246px;
	left: 24.11764705882353%;
}
.vytezte {
    position: absolute;
    top: 2100px;
	top: 54.05%;
    text-align: center;
    font-size: 2em;
    line-height: 1.2em;
    right: 126px;
	right:12.35294117647059%;
}

.interne {
    position: absolute;
    top: 2578px;
	top: 66.38%;
    text-align: center;
    font-size: 2em;
    line-height: 1.2em;
    left: 213px;
	left:20.88235294117647%;
}

.archivujte {
    position: absolute;
    top: 3148px;
	top: 81.05%;
    text-align: center;
    font-size: 2em;
    line-height: 1.2em;
    right: 179px;
	right:17.54901960784314%;
}

#content .anot {padding:7px;}
#content .anot img {float:left;padding-right: 0.5em;max-width:200px;}

#content .date {padding:7px;}

#content .photogaleryFoto{
	float:left;
	width: 33%;
	margin-bottom: 1em;
	text-align: center;
}
#content .photogaleryFoto img, 
#content #AddPcitures  img {border: 3px solid #fff;margin-top: 0.2em;}

#content .menuText {
    padding: 0;
    margin-bottom: 2em;
    float: left;
    width: 300px;
    text-align: left;
	font-size: 1em;
	line-height: 1.5em;
	padding: 1em;
	padding-right: 3em;
}

#content .menuText a{
	text-decoration:none;
}

#content .menuText a:hover{
	text-decoration:underline;
}

#content .leftimg {margin-right: 2em;}
#content .rightimg {margin-left: 2em;}


#actPathC {margin: 30px 0 0 0;}

#actPath h1 {color: #000; font-size: 1.8em; font-weight: normal; padding: 7px 0 15px 25px;}
#actPath a { text-decoration: none;}
#actPath a:hover {text-decoration: underline;}
#actualPathInner {font-size: 1.2em; padding: 5px 0 5px 15px;}
/* ---------------------------formulare----------------------- */ 
.inputTextSmall , .inputTextCaptcha{color: #565656;width: 70%;width: calc(68% - 20px); padding:0 10px; border:1px solid #b7b7b7;height:30px;margin:6px 0;border-radius:5px;}

.inputText {color: #565656;width: 90%; width: calc(95% - 20px); padding:0 10px; border:1px solid #b7b7b7;height:30px;margin:6px 0;border-radius:5px;}

.inputSelect {width: 200px;}

.inputTextarea {
	width: 90%;
	width: calc(95% - 20px);
	padding:10px;
	height: 200px;
	resize:none;
	border:1px solid #b7b7b7;
	margin:6px 0;
	border-radius:5px;
	color: #565656;
}
.inputSubmit {
    color: #565656;
    background-color: #fff;
    border: 1px solid #565656;
    cursor: pointer;
    height: 45px;
    width: 140px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 1.1em;
    margin: 20px auto;
    display: block;
	line-height: 40px;
	padding: 0px;
}
#searchBlocC{margin-bottom: 1em; padding-bottom: 25px;}

.divFormC .datatable,
.divFormC .datatable tbody,
.divFormC .datatable tr,
.divFormC .datatable th,
.divFormC .datatable td{
	display:block;
	width:100% !important;
	padding:0px;
	font-weight:normal;
}

.divFormC .datatable th,
.divFormC .datatable td{
	font-size: 1em;
	line-height: 1.5em;
	color: #565656;
}

#captchaImg {vertical-align: middle;width:140px; margin-left:15px;}
/* --------------------------- horni blok -------------------------- */
#topBanner{
     width: 100%;
     height: 140px;
     position: relative;
}

#topInner{
	max-width:1020px;
	margin:0 auto;
}

#topBanner h2{
	display:none;
}


#logoC {
    width: 244px;
    height: 140px;
    position: relative;
    background: url('/images/logo.jpg') no-repeat center center;
	float: left;
	margin-left: 15px;
}

#logoC a {display: block; width: 244px; height: 90px;}

#logoC span {position: absolute; left: -10000px; border: 0px;}


#topNavigC{float:left;padding:0 20px 0 0; margin:0px;margin-top:60px;margin-left:40px;}
#topNavigC ul{margin:0px; padding:0px;}
#topNavigC li{
	display: inline; 
     margin: 0px;
	 height:20px;
     margin-right:25px;
     padding: 0;
     float:left;
	 font-size:1.3em;
}
#topNavigC li a{text-transform:uppercase;display: block;height:20px;font-weight:normal; text-align:center;text-decoration:none;padding-bottom:0;padding-top:3px;}
#topNavig a:hover, #topNavig a:active, #topNavig a:focus { text-decoration: none;}


/* ------------------------------------------------- top subnavig --------------------------------------------- */
/*
#topNavigC ul li ul {
    position: absolute;
    top: 26px;
    left: 0px;
    visibility:hidden;
    margin: 0;
    padding: 5px 0px 0px 0px;
    overflow: visible;
    text-align: left;
    background:url(/images/topSubmenuBg2.png) repeat-x; 
}

#topNavigC ul li ul li {padding:8px 5px 8px 10px;width:247px;background:transparent;border-top:1px solid #fff;height:auto;}
#topNavigC ul li ul li:first-child {border:0;}

#topNavigC ul li:hover ul, #topNavigC ul li.hover ul {visibility:visible;}
#topNavigC ul li:hover ul a, #topNavigC ul li.hover ul a {background:none;}

#topNavigC ul li ul li a {
  padding:0;
  text-align: left;
  font-size:1em;
    text-transform:none;
    width:auto;
}
#topNavig li ul li a,
#topNavig li.actual ul li a {color:#787878;background:none;}
#topNavig li ul li.actual a {color:#00aacd;}
#topNavig li ul li a:hover {color:#00aacd;}

#topNavig ul li li.actual,#topNavig ul li li:hover {background:none;}
 */


#jazyky {float:right;width:120px;height:140px;position:relative;}
#jazyky ul {list-style:none;padding:0;margin:0;}
#jazyky li {display: block;float:left;padding:54px 0;margin-left:2px;}
#jazyky a {border: 0;color:#919294;text-decoration:none;display:block;font-size:1.3em;width:45px;height:32px;line-height:34px;text-align:center;}
#jazyky a.active {color:#fff;width:45px;height:32px;line-height:32px;border-radius:5px;background:#919294;}
#jazyky a:hover {color:#fff;width:45px;height:32px;line-height:32px;border-radius:5px;background:#919294;}
#jazyky .cesky {width: 25px; height: 16px; position: absolute; left: 10px; top: 5px;}
#jazyky .english {width: 35px; height: 16px; position: absolute; left: 50px; top: 5px;}


/* --------------------------- leva navigace -------------------------- */
#leftC{	
    float:left;
    width: 203px; width:20.71428571428571%;
    overflow: hidden;        
    position: relative;	
}

#left {padding-bottom: 10px;}

#leftNavigC {           
     padding:0px;
     position: relative;
}

#leftNavigC li {margin:0; padding:0;}
#leftNavig h2 {display: none;}

#leftNavigC a, #leftNavigC a:link{
    display: block;    
    height: 40px;
    border-bottom: 1px solid #ffc20f;
    text-align: right;
    padding-right: 23px;
    line-height: 40px;
    color: #787878;
    text-decoration: none;
}

#leftNavig ul{
    margin:0;
    padding: 0 8px 0 19px;
    list-style: none;}


#leftNavig li.posledni a {border: 0;}
#leftNavig li.actual a {font-weight: bold; color: #000;}


#searchBlockC {
      width: 195px;
      height: 68px; 
      position: relative; 
      left: 8px;
      top: 0;
}

#searchText {
      width: 100px;
      background: #fff;
      border: 1px solid #fbaa0e;
      height: 18px;      
      position: absolute;
      top: 25px;
      left:15px;      
}      
      
#doSearch {     
      position: absolute;
      top: 25px;
      left:122px;
      border: 0;
}  

.blok_dole{   
	text-align:center;
	padding:40px 0;
	padding-bottom:60px;
	font-size:1.5em;
	line-height:1.7em;
}

.blok_nahore{   
	text-align:center;
	padding:0;
	padding-bottom:40px;
	font-size:1.5em;
	line-height:1.5em;
}

#cisla{
    max-width: 1020px;
    margin: -2px auto 0px;
    min-height: 300px;
    padding-top: 30px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
}

#cisla .jedna,
#cisla .dva,
#cisla .tri,
#cisla .ctyri,
#cisla .pet{ 
	width:20%;
	float:left;
	text-align:center;
}

#cisla .jedna span,
#cisla .dva span,
#cisla .tri span,
#cisla .ctyri span,
#cisla .pet span{ 
	width:88px;
	height:88px;
	background:#a1a2a4;
	border-radius:88px;
	display:block;
	margin:0 auto;
	color:#fff;
	line-height:88px;
	font-size: 2.5em;
}

#cisla .dva span{ 
	background:#f9bf53;
}
#cisla .tri span{ 
	background:#59a7d4;
}
#cisla .ctyri span{ 
	background:#81c963;
}
#cisla .pet span{ 
	background:#eb6554;
}

#cisla p{ 
	padding:20px;
	font-size:1.1em;
	line-height: 1.5em;
}

.levaReklama {margin:10px 0;border:1px solid #b0ddce;padding:10px 15px;}

/* --------------------------- pravy blok -------------------------- */
#rightColumnC {
     float:left;
     width:178px;
     overflow:hidden;
     padding: 13px 0 0 0; 
}
#rightColumn {padding-bottom:0px;}

#rightColumn p {padding: 7px 10px; margin: 0;}
#rightColumn h3 {padding: 3px 0 0 10px; height: 23px; font-size: 1em; color: #fff; font-weight: bold; margin: 0;}
#rightColumn table {width: 178px;}
/* --------------------------- paticka -------------------------- */

#home_produkty {
	width:100%;
	clear:both;
	height:569px;
	background: url('../images/home_produkty_new.jpg') no-repeat center bottom;
	background-size: cover;
	text-align: center;
	margin: 0 auto;
	position:relative;
}

#home_produkty .odkazyprodukty {
	max-width: 750px;
	margin: 0 auto;
	text-align: right;
	height: 25%;
	position: absolute;
	top: 20%;
	width: 100%;
	left: 0;
	right: 0;
}

#home_produkty .odkazyprodukty a{
	width:25%;
	height:100%;
	display:inline-block;
    text-align:center;
}

#home_produkty .odkazyprodukty a img{
    width:70px;
    margin-top:12px;
}

#home_produkty .odkazyprodukty a img#centrisposun {
    margin-left:-7px;
}

#bottomC{	
    clear:both;		
    position: relative;	
	background:#4d5a69;
	height:334px;
}
#bottomC a, #bottomC a:visited, #bottomC a:link {text-decoration: none;text-transform:uppercase;color:#fff;}
#bottomC a:hover, #bottomC a:active, #bottomC a:focus  {text-decoration: none;color:#fff;}
#bottomC a:hover{text-decoration: underline;}
#bottomC ul{
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
#bottomC li{
	padding: 0em 0.5em 0em 0.5em;
	display: inline;
}
#bottomC li.posledni{
	border-right: none;
}

#bottom {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	max-width:1020px;
}

#logobottom{
    text-align: center;
    padding-top: 40px;
	padding-bottom:15px;
}

#socialbottom{
	text-align: center;
	margin:0 20px;
    padding-top: 0px;
	padding-bottom:25px;
	border-bottom:1px solid #5f6873;
}

#socialbottom img{
	margin:0 2px;
}

#bottomNavig{	
     padding: 30px 0;
     text-align: center;
}

#copyright2{
	text-align:center;
	color:#cbcbcb;
}
#copyright2 a, #copyright2 a:link, #copyright2 a:visited, #copyright2 a:hover{
	color:#53c2c0;
}

.datatable.reference td {
	padding:0px;
	height:120px;
	width:25%;
}

.datatable.ref2 td {
	width:25%;
}

/* ------------------------ produkty -------------------------*/

.productItemPicture {width:200px;}

/* --------------------------- shop -------------------------- */
.basketStep{
	float: left;
	width: 80px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	margin-left: 5px;
	border: 1px dotted #efa038;
}

.basketStepActive{
	float: left;
	width: 80px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	margin-left: 5px;
	border: 1px solid #efa038;
	background-color: #f7f8fe;
}

/*editace z xichtu*/

a.updatebtn {float:right;
    display:block;
    border:1px solid; 
    padding:2px 4px;color:#fff !important;
    background:#678abb !important;
    text-decoration:none;clear:both;
}

a.updatebtn:hover {background:#fff !important;color:#678abb !important; }

#prepni {display:none;text-align:center;font-size:0.8em;}
@media only screen and (max-width : 980px) {
    #prepni {display:block;}
}

#mapBorder{width:100%; clear:both; margin-bottom:20px;}
#map2{WIDTH: 683px; HEIGHT: 443px; border:1px solid black; margin:1em auto;}
#map2.mapa_detail{width: 286px; height: 233px; border:1px solid black; margin:1em 1em 1em 20px; float:right;}

.place_oneitem{border:1px solid #999999; padding:10px; float:left; width:200px; margin: 0 10px 10px 0; border-radius:5px; height:260px; overflow:hidden; }
.place_oneitem:nth-child(4n){margin-right:0; float:right;}
.place_oneitem h3{margin:0; padding:0; width:160px;}

.shopFilter{float:left;  width:100%; margin:10px auto; text-align:center; }
.shopFilterItem{ float:left; width:200px; margin:3px; }
.shopFilter p{margin:8px; float:left;}



/* SLIDESHOW */
#slideShow {padding: 0 15px;}
ul.slides{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0; display:none;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0; display:none;}
ol.bjqs-markers{display:none;}
ol.bjqs-markers.h-centered{display:none;}
p.bjqs-caption{display:none;}
p.bjqs-caption2{display:none;}

/* --- cookies alert --- */

#cookiesAlert {
    width: 100%;
    background: #fff;
    height: 25px;
    text-align: center;
    position: fixed;
    bottom: 0px;
    border-top: 1px solid #000;
    padding-top: 9px;
    color: #000;
}

#odskokCookies{
	height:35px;
}


.datatable.reference td img:hover {
    opacity:0.7;
}

#loga, #textovyseznam{
    display:inline-block;
    height: 32px;
    line-height: 32px;
    border-radius: 5px;
    background:#fff;
    color:#919294;
    padding:0 15px;
    
    text-decoration:none;
    margin:0 5px;
    font-size:1.2em;
}

#loga:hover, #textovyseznam:hover,
#loga.active, #textovyseznam.active {
    background: #919294;
    color:#fff;
}


#zobrazseznam{
    display:none;
}

#centrisanimace{
    text-align: center;
    margin-top: -256px;
    margin-bottom: 150px;
}

#dorisanimace {
    text-align: center;
    width: 92px;
    margin: 0 auto;
    margin-top: -256px;
    margin-bottom: 150px;
    position: relative;
    left: -219px;
}

#optarisanimace {
    text-align: center;
    width: 95px;
    margin: 0 auto;
    margin-top: -256px;
    margin-bottom: 150px;
    position: relative;
    right: -220px;
}

#dorisanimace img,
#optarisanimace img,
#centrisanimace img{
    width: 92px;
}

#optarisanimace img{
    width: 95px;
}


/*************** SCROLLBAR BASE CSS ***************/
     
    .scroll-wrapper {
        overflow: hidden !important;
        padding: 0 !important;
        position: relative;
		min-width: 300px;
    }
     
    .scroll-wrapper > .scroll-content {
        border: none !important;
        box-sizing: content-box !important;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none !important;
        overflow: scroll !important;
        padding: 0;
        position: relative !important;
        top: 0;
        width: auto !important;
    }
     
    .scroll-wrapper > .scroll-content::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
     
    .scroll-element {
        display: none;
    }
    .scroll-element, .scroll-element div {
        box-sizing: content-box;
    }
     
    .scroll-element.scroll-x.scroll-scrollx_visible,
    .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block;
    }
     
    .scroll-element .scroll-bar,
    .scroll-element .scroll-arrow {
        cursor: default;
    }
     
    .scroll-textarea {
        border: 1px solid #cccccc;
        border-top-color: #999999;
    }
    .scroll-textarea > .scroll-content {
        overflow: hidden !important;
    }
    .scroll-textarea > .scroll-content > textarea {
        border: none !important;
        box-sizing: border-box;
        height: 100% !important;
        margin: 0;
        max-height: none !important;
        max-width: none !important;
        overflow: scroll !important;
        outline: none;
        padding: 2px;
        position: relative !important;
        top: 0;
        width: 100% !important;
    }
    .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
     
     
     
     
    /*************** SCROLLBAR RAIL ***************/
     
    .scrollbar-rail > .scroll-element,
    .scrollbar-rail > .scroll-element div
    {
        border: none;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        z-index: 10;
    }
     
    .scrollbar-rail > .scroll-element {
        background-color: #ffffff;
    }
     
    .scrollbar-rail > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }
     
    .scrollbar-rail > .scroll-element .scroll-element_size {
        background-color: #999;
        background-color: rgba(0, 0, 0, 0.3);
    }
     
    .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
        background-color: #666;
        background-color: rgba(0, 0, 0, 0.5);
    }
     
    .scrollbar-rail > .scroll-element.scroll-x {
        bottom: 0;
        height: 12px;
        left: 0;
        min-width: 100%;
        padding: 3px 0 2px;
        width: 100%;
    }
     
    .scrollbar-rail > .scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        padding: 0 2px 0 3px;
        right: 0;
        top: 0;
        width: 12px;
    }
     
    .scrollbar-rail > .scroll-element .scroll-bar {
        background-color: #919294;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;

    }
     
    .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {

    }
     
    /* scrollbar height/width & offset from container borders */
     
    .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
    .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }
     
    .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
    .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }
     
    .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
    .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }
     
    .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
    .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }
     
    /* update scrollbar offset if both scrolls are visible */
     
    .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
    .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }
     
    .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
    .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }