/* RESET STYLES */
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;    padding:0;    border:0;    outline:0;    font-weight:inherit;    font-style:inherit;    font-size:100%;    font-family:inherit;    vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1.3;    color:#515151;    background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate;    border-spacing:0;}
caption,th,td{text-align:left;    font-weight:normal;}
a img { border:none;}
blockquote:before,blockquote:after, q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
.clear, .cl {clear:both; margin:0; padding:0;}
/* END RESET STYLES */


/* CSS Document
    Layout Home Page
    Graficon new
    */


 /* ================= fonts start ========================== */

@font-face { font-family: 'OpenSansLight'; src: url('/Public/design/fonts/OpenSans-Light-webfont.eot');
    src: url('/Public/design/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Public/design/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('/Public/design/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/Public/design/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;font-style: normal;
}

@font-face { font-family: 'OpenSansRegular'; src: url('/Public/design/fonts/OpenSans-Regular-webfont.eot');
    src: url('/Public/design/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Public/design/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/Public/design/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/Public/design/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;font-style: normal;
}

@font-face { font-family: 'OpenSansItalic'; src: url('/Public/design/fonts/OpenSans-Italic-webfont.eot');
    src: url('/Public/design/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Public/design/fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('/Public/design/fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('/Public/design/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face { font-family: 'OpenSansSemibold'; src: url('/Public/design/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/Public/design/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Public/design/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/Public/design/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('/Public/design/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face { font-family: 'OpenSansBold'; src: url('/Public/design/fonts/OpenSans-Bold-webfont.eot');
    src: url('/Public/design/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Public/design/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('/Public/design/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('/Public/design/fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal; font-style: normal;
}

/*=============================== Unused FontFaces ============================ */
/*
@font-face { font-family: 'OpenSansBoldItalic'; src: url('/Public/design/fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('/Public/design/fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Public/design/fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('/Public/design/fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('/Public/design/fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face { font-family: 'OpenSansExtrabold'; src: url('/Public/design/fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('/Public/design/fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Public/design/fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('/Public/design/fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('/Public/design/fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face { font-family: 'OpenSansExtraboldItalic'; src: url('/Public/design/fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('/Public/design/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Public/design/fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('/Public/design/fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('/Public/design/fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face { font-family: 'OpenSansSemiboldItalic'; src: url('/Public/design/fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('/Public/design/fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Public/design/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('/Public/design/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('/Public/design/fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal; font-style: normal;
}

*/


/* =========== fonts konec ============== */

/* =========== Typografie =============== */
 h1{ font-size:36px; color: rgb(255,78,0); font-weight:normal; margin-bottom:10px;}
 h1.green {color: rgb(23,134,58);}

 h2{ font-size:18px;  color: rgb(255,78,0); font-weight: 500;text-align: left; margin-bottom:10px; }

 h2.boxHeader {background: url("/Public/B2C/images/orange-line.png") no-repeat scroll 20px 0px; padding: 20px 10px 10px 20px;}

 h3{ font-size:12px; color: rgb(255,78,0); font-weight:bold; }

a { color: rgb(255,78,0); /*#01B7E1;*/}


/* =========== Konec typografie ======== */


  /* Page Wrapper center */
    #page-wrapper {
    width:977px; margin: 0px auto auto; position:relative;
    }

    body{
    background: url("/Public/B2C/images/bg.png") repeat scroll center top #eee;
    color: #515151;
    font-family: 'OpenSansRegular',Sans,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    text-align: center;
    }



    /* ================ Top ================ */
    #top-menu{
    height:54px; margin: 15px auto 7px auto;
    background-color: #fff;
    border: none;}
    #logo{ float:left; padding:6px 0px 0px 33px; }
    .right-flow { float:right; min-width:500px; height:54px; }
    .right-flow a { text-decoration:none;}
    .right-flow div { height:23px;}
    #login{
    float:right;
    margin:16px 19px 16px 0px;
    border-left: 1px solid #EAEAEA;
    }
    #login a span{
    padding:3px 0px 3px 5px ;
    }
    #login a{
    color: #ABABAB;
    text-decoration:none;
    padding:3px 0px 3px 15px;}
    #login a img{
    padding:3px 0px 0px 0px ;
    }
    .LoginTest-box {padding-left:10px;}

    .LoginTest-box span, .LoginTest-box a {
    padding-right:5px;
    }
    #login .LoginTest-box span, .LoginTest-box a {
    padding-left:5px;
    color: #ABABAB;
    }
    #login .LoginTest-box span.login-clear{
    padding:0px;
    }
    #login .login-person-name, #login .login-user-name {
    padding-right:10px;
    }
    .login-user-name-label img{
    position:relative;
    top:3px;
    padding: 0px 5px 0px 5px;
    }
    .login-person-name{
    padding:3px 0px 3px 5px ;
    border-right: 1px solid #EAEAEA;
    }
    .login-user-name{
    padding:3px 0px 3px 5px ;
    border-right: 1px solid #EAEAEA;
    }
    #home-tip-right .login-clear{
    display:block;
    clear:both;
    }
    #home-tip-right .login-person-name, #home-tip-right .login-user-name, #home-tip-right .login-organisation, #home-tip-right .login-logout-button{
    border-right: none;
    }
    #home-tip-right
    .login-person-name-label, #home-tip-right .login-user-name-label,
    #home-tip-right .login-organisation-label, #home-tip-right
    .login-logout-button{
    padding-left:20px;
    }
    #lang{
    float:right;
    margin:16px 19px 16px 0px;
    padding-left:10px;
    border-left: 1px solid #EAEAEA;
    }
    #lang a{
    padding:4px 0px 4px 5px;
    text-decoration:none;
    }
    #lang a img{
    padding:4px 0px 3px 5px;
    }
    #free-phone{
    /* width:190px;*/
    font-family: 'Cairo', sans-serif;
    margin:16px 19px 16px 0px;
    float:right;
    }
    #free-phone a{
    text-decoration:none;
	color:rgb(44,134,198);
    }
    #free-phone a span{
    font-size:18px;
    padding-left:30px;
    padding-bottom:5px;
    background: url("/Public/B2C/images/ico-phone.png") no-repeat 0px 3px ;
    }
    #free-phone a img{
    visibility:hidden;
    }

	 #free-whatss{
    /* width:190px;*/
    font-family: 'Cairo', sans-serif;
    margin:16px 19px 16px 0px;
    float:right;
    }
    #free-whatss a{
    text-decoration:none;
	color:rgb(44,134,198);
    }
    #free-whatss a span{
    font-size:18px;
    padding-left:30px;
    padding-bottom:5px;
    
    }
    #free-whatss a img{
    visibility:hidden;
    }

    #social{
    margin:16px 19px 16px 0px;
    border-left: 1px solid #EAEAEA;
    padding-left:10px;
    /* width:80px; */
    float:right;
    }
    #social a{
    text-decoration:none;
    padding: 0px 0px 0px 10px;
    }
    /* Carousel */
    #carousel{
    height:237px;
    margin: 8px auto 0px auto;
    background-color: #fff;
    border:none;
    }
    #carousel #banner{
    padding:11px;
    }
    #carousel #banner img{
    float:left;
    }
    #carousel #banner div.img{
    height:215px;
    }
    #car-under-bg{
    height:15px;
    background: url("/Public/B2C/images/carousel-shadow.png") no-repeat 0px -20px ;
    }

    /* Menu */
    #menu{
    height:64px;
    margin: 0px auto 13px auto;
	background-color: #182536;
    border:none;
    color:#fff;
    font-size:18px;
    line-height:18px;
    position: relative;
    }

    #menu ul.menu{
    padding:2px;
    height:60px;
    /* zarovnani na stred menu
    margin: 0px auto;
    width:917px;
    */
    }
    #menu ul.menu li{
    display: inline;
    width:auto;
    padding:21px 18px 21px 18px;
    float:left;
    }
    #menu ul.menu li div{
    display:inline;
    }
    #menu ul.menu li a{
    color:#fff;
    text-decoration:none;
    }
    #menu ul.menu li.menu-1 span{
    visibility:hidden;
    }
    #menu ul.menu li.menu-1 a{
    width:22px;
    height:22px;
    background: url("/Public/B2C/images/ico-home.png") no-repeat scroll center top;
    }
    #menu ul.menu li.menu-1{
    padding: 21px 3px 21px 2px;
    border-left:none;
    }
  #menu .menu {float:left;}
  #menu .menuPartners {position: absolute; top: 0; right: 0;}



    /* Search and Tip */
    #search-tip{
    height:270px;
    margin: 8px auto 7px auto;
    background-color: transparent;
    border:none;
    }
    #home-search{
    height:270px;
    width:630px;
    float:left;
    margin: 0px 10px 0px 0px;
    background: url("/Public/B2C/images/ico-search-big-bg.png") no-repeat scroll top right #fff;
    border:none;
    }
    .vyhledavaniIn {
    padding:0px 20px 0px 20px;
    font-family: 'OpenSansRegular',Sans,Verdana,Helvetica,sans-serif;
    color:#808080; position:relative;
    }

    #home-search .vyhledavaniIn div, #sidebar .vyhledavaniIn div {
        text-align:left;
    }

    #home-search .vyhledavaniIn{
    height:214px;
    overflow:hidden;
    }

    #home-tip-right table{
    margin:20px auto auto auto;
    }
    #home-search .vyhledavani{
    height:270px;
    overflow:hidden;
    }

  #home-search .vyhledavaniIn .selProduct { position:absolute; top:10px; left:330px; z-index:10; background: url("/Public/B2C/images/icon-productTypeV2.png") no-repeat scroll 0 0 transparent;padding-left: 38px; }
  #sidebar .selProduct { background: url("/Public/B2C/images/icon-productTypeV2.png") no-repeat scroll 0 0 transparent;}

  .vyhledavaniIn .selDietType { position:absolute; top:51px; left:330px; z-index:10; background: url("/Public/B2C/images/ico-food.png") no-repeat scroll 0px 0px; padding-left: 38px; }

  .vyhledavaniIn .selEquipm { position:absolute; top:92px; left:330px; z-index:10;background: url("/Public/B2C/images/icon-productAtrib.png") no-repeat scroll -2px -2px; padding-left: 38px; }



 /* =============== pocet deti ====================== */

.searchAction2 .searchItem {
   /* background:red;  url("/FileHandler.ashx?FileID=78863&Original=True") no-repeat scroll left center transparent */
    width: 96px; float: right; height: 24px;
      }

.searchAction .searchItem {
    /* background:#BBB; */ color: #808080;
    cursor: pointer; height: 23px;
    line-height: 23px; margin-right:30px;
    text-align: left;}

.searchAction .searchActionData {
     background:#E3F2F9;  border: 1px solid #7CABBB;
    color: #555555; display: none;
    padding: 7px; position: absolute;
     width: 300px; z-index: 2000;}

  #home-search .searchAction .searchActionData {top: 27px; }

  .searchPerson { width:276px; }

  #home-search .childsDD {float:right; }

    #sidebar .searchPerson .childsDD,
  #sidebar .searchPerson .adults { float:left; }


  .childsDD label {display:none; }
  .childsDD .searchActionData label {display:inline-block; }
  .searchItem .ge1 {

    background:url("/Public/B2C/forms/inputSprites.png") no-repeat scroll left bottom transparent;
    float:left; height:32px; padding-left:7px;

  }
    .childsDD {
    background:url(/Public/B2C/images/icon-ChildCount.png) no-repeat; padding-left:38px;
    height:35px; width:130px;
  }


  .searchItem .inLbl {

    background:url("/Public/B2C/forms/inputSprites.png") no-repeat scroll right top transparent;
    float:left; height:32px; line-height:32px; padding-right:7px; min-width:74px; _width:74px;  text-align:left;
  }




  /* =============== konec pocet deti ====================== */





    .ico-search{
    line-height:31px;
    float: left;
    margin:10px;
    clear:both;
    }

   .vyhledavaniIn .row {    padding-top:10px;    }

    /* search column left */
    #search-column-left{
    width:291px;
    height:479px;
    background: #fff;
    float: left;
    margin: 8px 25px 0 0;
    }

    /* products */

/* kategorie ubyt */

/*
** 399
*** 395
**** 397
***** 541
****+ 627
***+ 626
**+ 625
 */

.stars label {
    background: url("/Public/B2C/images/starsTiny.png") no-repeat scroll left top transparent;
    display: inline-block; height: 12px;
    text-indent: -1000px;
}

.fac-cat .stars  {
    background: url("/Public/B2C/images/starsTiny.png") no-repeat scroll left top transparent;
    display: block; float: left; height: 12px; margin: 5px 0 0 8px;
    width: 20px;}

.stars .stars10 {
    width: 20px;
 }

.fac-cat .star-399,.stars .stars20 {
    background-position: left top;
    width: 28px;
}
.fac-cat .star-395,.stars .stars30 {
    background-position: left top;
    width: 42px;
}
.fac-cat .star-397,.stars .stars40 {
    background-position: left top;
    width: 56px;
}
.fac-cat .star-541,.stars .stars50 {
    background-position: left top;
    width: 70px;
}
.fac-cat .star-627,.stars .stars41 {
    background-position: right top;
    width: 64px;
}
.fac-cat .star-626,.stars .stars31 {
    background-position: right top;
    width: 50px;
}
.fac-cat .star-625,.stars .stars21 {
    background-position: right top;
    width: 36px;
}



.noResultdata .product { padding:7px; }

    #content .products {
    float: right;
    text-align:left;
    width: 100%;
    }
    #content .products .product {
    width:655px;
    clear:both;
    background: #fff;
    margin-bottom:8px;
    position: relative;
    }
     #content .content-full .products .product {
    width:100%;
    }

    #content .products .noResultdata .product {
        width: 641px;
    }

    #content .content-full .products .noResultdata .product {
        width: 100%;
    }

    #content .products .product .in, #content .products .product .img{
    float: left;
    padding:5px;
    }
#content .products .product .in {
    width:400px;
}

#content .content-full  .products .product .in {
    width:650px;
}

#content .products .product .in .Description,
.product .popis,
#content .products .product .in .lab{
    width:374px;
    padding:7px 10px 7px 10px;
    }

#content .content-full .products .product .in .Description,
.content-full .product .popis{
    width:100%;
    padding:7px 10px 7px 0;
    }
 #content .content-full .products .product .in .lab { width:100%;}

.product .in .row{
    padding-left:10px;
    }

    #content .products .product .detail-link{
    clear:both;    width:655px;  /*  height:47px; */
    }

    #content .content-full .products .product .detail-link{
         width:100%;  /*  height:47px; */
    }


    #content .products .product .detail-link a,
    .reservation .rsv-btn-place input,
    .bc-detail-link a {
    float: right;
    background: url("/Public/B2C/images/orangeButtonProduct.png") no-repeat scroll 0px 0px;
    width:176px;
    height:37px;
    color:#fff;
    font-size:16px;
    text-decoration:none;
    text-align:center;
    line-height:37px;
    margin:-5px 15px 15px 0px;
    font-family: 'Cairo', sans-serif;
    }

   .reservation .rsv-btn-place input {border:none; cursor:pointer;  }


/* ikony vybaveni */
  .equipIcons { padding-left:5px; width:500px; float:left; }
  .equipIcons img { margin:0 3px 3px 0; }
  .products .product p {line-height:1.7; font-family:'OpenSansRegular',Sans,Verdana,Helvetica,sans-serif; }

/* text vybav prod */

    .productEquip {margin:5px 0; font-family:'OpenSansBold'; }



    .products .product strong {color: rgb(255,78,0);  font-size:11px; font-family: 'OpenSansBold'; text-transform:capitalize; }


  .products .product p {line-height:1.7; font-family:'OpenSansRegular',Sans,Verdana,Helvetica,sans-serif;  }



    .in h2.lab a{
    color:#515151;
    text-decoration:none;
    font-size:18px; float:left;
    font-family: 'Cairo', sans-serif;
    /*  padding-right:10px; */
    }

    .product-price {
      /* font-weight:bold; */ color:#515151; font-family:'OpenSansBold';
    }
    .product-price span { font-family:'OpenSansBold'; font-size:14px;  }

    /* ikony search*/
    .productType {
    background:url("/Public/B2C/images/icon-productType.png") no-repeat scroll 0 -2px transparent;
    }


    .vyhledavaniIn .destination {
        background: url("/Public/B2C/images/ico-destination.png") no-repeat scroll 0px 5px;
    }
    .diet {background: url("/Public/B2C/images/ico-food.png") no-repeat scroll 0px 2px;}

    .equipment { background: url("/Public/B2C/images/icon-productAtrib.png") no-repeat scroll -2px -2px; }

    .searchDate {
    background: url("/Public/B2C/images/ico-date.png") no-repeat scroll 0px 15px;
    padding-left: 39px;
    height: 32px;
    }

    .searchDate input {text-align: left !important;}

    .searchPerson{
    background: url("/Public/B2C/images/ico-persons.png") no-repeat scroll 0px 15px;
    padding-left: 39px;
    }

    .productType span.ico-search,
    .destination span.ico-search,
    .from-date span.ico-search,
    .till-date span.ico-search,
    .searchPerson span.ico-search,
    .productType span.ico-search,
    .diet span.ico-search,
    .equipment span.ico-search,
    .selProduct span.ico-search
    {
    visibility:hidden;
    height:20px;
    width:20px;
    overflow:hidden;
    }


    .placeTo select, .placeFrom select{
    width: 268px;
    padding: 8px;
    font-size: 12px;
    color:#808080;
    height: 31px;
    }
    .placeTo, .placeFrom{
    height: 31px;
    overflow: hidden;
    }
    #home-search .vyhledatLink input {
    width:176px;
    height:46px;
    background: url("/Public/B2C/images/orange-button.png") no-repeat scroll 0 0 transparent;
    border:none;
    color: #FFFFFF;
    font-size: 19px;
    /* font-family: 'OpenSansSemibold';*/
    font-family: 'Cairo', sans-serif;
    padding: 7px 5px;
    }
    #home-search .vyhledavani .vyhledatLink {
    right:35px;
    position:absolute;
    top:140px;
    }
    #home-search .vyhledavani .vyhledatLink input { text-align:center; cursor:pointer; }
    /*script styles select */
    /* all form DIVs have position property set to relative so we can easily position newly created SPAN */

   /*  .vyhledavaniIn div{position:relative;} */


    /* setting the width and height of the SELECT element to match the replacing graphics */
    /*/.placeTo select,.placeFrom select, */
    .searchPlace select{
    position:relative;
    z-index:10;
    width:240px !important;
    height:31px !important;
    line-height:31px;
    }


    /* TIP Right */
    #home-tip-right{
    height:270px;
    width: 335px;
    float: right;
    margin: 0px 0px 0px 0px;
    background-color: #fff;
    border: none;
    color: rgb(255,78,0);
    }
    #home-tip-right .our-tip{
    padding:8px;
    width:319px;
    height:255px;
    overflow:hidden;
    }
	#home-tip-right .our-tip.pad5 {
		padding: 5px;
	}

    #home-tip-right .our-tip img{
    z-index:100;}
    #home-tip-right .our-tip .box-content{
    padding:0px;
    width:319px;
    height:255px;
    overflow:hidden;
    position:relative;
    top:-255px;
    z-index:1000;
    }
    #home-tip-right .our-tip .box-content .tip-price-bg{
    width:220px;
    height:95px;
    background: url("/Public/B2C/images/price-w220.png") no-repeat scroll 0px 0px ;
    position:relative;
    top:30px;
    overflow:hidden;
    }
    #home-tip-right .our-tip .box-content h3{
    font-size:12px;
    /* font-weight:400; */
    font-family: 'OpenSansRegular', Sans, Sans-serif;
    text-align:left;
    padding:3px 3px 0px 20px;
    width:220px;
    overflow:hidden;
    }
    #home-tip-right .our-tip .box-content h2{
    font-size:18px;
     /* font-weight:400; */
    font-family: 'OpenSansRegular', Sans, Sans-serif;
    text-align:left;
    padding: 0px 3px 3px 20px;
    margin-top:-10px;
    width:220px;
    overflow:hidden;
    }
    #home-tip-right .our-tip .box-content a.more{
    background: url("/Public/B2C/images/more-arrow.png") no-repeat scroll 8px 10px #fff;
    padding:4px 16px 4px 18px;
    text-decoration:none;
    font-size:12px;
    position:relative;
    top:120px;
    left:-105px;
    width:100%;
    }
    /* ========== loginBox styles =========== */

    .Login-box .button input {
    background: url("/Public/B2C/images/blue-button-80x31.png") no-repeat scroll top right transparent;
    border:none; color: #FFFFFF; font-size: 16px; font-family: 'Cairo', sans-serif; width:auto;
    width: 80px; height: 31px; line-height: 31px;
    }

    .Login-box  table{
    width:240px;
    margin: 10px 10px 15px 25px;
    }
    .login, .password{
    width:200px;
    }
    .login-label, .password-label{
    text-align:left;
    color: #515151;
    font-size: 13px;
    }


  /* ==================== login box ================== */

  #loginBox {}

  #loginBox .LoginTest-box { position:relative; }

  #loginBox .LoginTest-box .login-user-name-label,
  #loginBox .LoginTest-box .login-person-name-label,
  #loginBox .LoginTest-box .login-organisation-label { font-family: 'Cairo', sans-serif;}


  #loginBox .LoginTest-box .login-logout-button { position:absolute; top:-30px; right:10px;  }


  #loginBox .LoginTest-box {}

  #loginBox .log-links-menu { padding:15px 0 10px 29px; }



  .Login-box .login-label,
  .Login-box .password-label {}


  .Login-box .login,
  .Login-box .password { }


  .Login-box .password-label,
  .Login-box .password { padding-top:10px; }


  .Login-box .button input {margin-top:10px; cursor:pointer; }

  .log-links { padding:20px 50px 0 10px; text-align:right; }

  .log-links a {margin-left:14px; }






   /* ==================== konec login box ================== */




    #home-tip-right .page-inner p {
    text-align:left;
    padding:10px;
    }

    /* Boxes and Banners */
    #boxes-banners{
    height:306px;
    margin: 8px auto 7px auto;
    background-color: transparent;
    border:none;
    }
    #box-new, #box-tip {
    height:306px;
    width: 364px;
    margin-right: 10px;
    float: left;
    background-color: #fff;
    border:none;
    }
    .box{
    text-align:left;
    color:#515151;
    padding:8px;
    height:290px;
    width: 348px;
    overflow:hidden;
    }
    #box-new .box h3,
    #box-tip .box h3 {
    font-size:12px; color:#515151;
    padding: 0px 0 10px 0;
    }
    .box-content{
    padding:15px 20px 15px 20px;
    height:122px;
    }
    .box-content .text{
    overflow:hidden;
    line-height:15px;
    font-size:12px;
    height:60px;
    }
    .box-content p{
    margin:12px 0px 12px 0px;
        }

    .img-under-line{
    width:64px;
    height:5px;
    background: url("/Public/B2C/images/blue-line.png") no-repeat scroll 0 0 #47D2FA;
    margin-left:20px;
    position:relative;
    top:-203px; /* -122px box-content - 2 x 15px padding - 8px padding-top - 43px stripe = -203px */
    left:8px;
    }
    .new-stripe{
    height:43px;
    position:relative;
    top:-288px; /* -290px box - 8px padding + 10 top*/
    left:-8px;
    }
    .tip-stripe{
    width:55px;
    height:43px;
    position:relative;
    top:-288px; /* -290px box - 8px padding + 10 top*/
    left:-8px;
    }
    /*.new-stripe{ background: url("/Public/B2C/images/bookmark-new.png") no-repeat scroll 0px 0px ;
    }
    */
    .new-stripe-text, .new-stripe-text a {
    font-size:18px;
    width:auto;
    height: 43px;
    padding:6px 0px 10px 5px;
    color:#fff;
    background: url("/Public/B2C/images/bookmarks_m.png") repeat-x scroll 0 0 transparent;
    font-family: 'Cairo', sans-serif;
    text-decoration:none;
    }
    .new-stripe-l {
    background: url("/Public/B2C/images/bookmarks_l.png") no-repeat scroll 0 0 transparent;
    width:10px;
    height: 43px;
    float:left;
    }
    .new-stripe-m {
    height: 43px;
    float:left;
    padding-top:7px;
    padding-bottom:10px;
    }
    .new-stripe-r {
    background: url("/Public/B2C/images/bookmarks_r.png") no-repeat scroll 0 0 transparent;
    width:20px;
    height: 43px;
    float:left;
    }
    .tip-stripe{
    background: url("/Public/B2C/images/bookmark-tip.png") no-repeat scroll 0px 0px ;
    }
    .box a.more, .box .more a{
    text-decoration:none;
    background: url("/Public/B2C/images/more-arrow.png") no-repeat scroll 0px 6px ;
    padding-left:8px;
    font-size:12px;
    clear:both;
    }
    .box img{
    }
    .box h3{
    font-weight:normal;
    font-size:12px;
    }
    #box-new .box, #box-tip .box {
    }
    #banners{
    height:270px;
    width:229px;
    float:right;
    background-color: transparent;
    border:none;
    font-size:20px;
    color: rgb(255,78,0);
    }

/* hp box */
      .boxMed { background:#fff; float:left;  margin-right:8px; }
      .boxMed .box-in {padding:7px;  }

      .box365x306 { width:365px; height:306px; }

      .boxMed .box-in { position:relative; }

     /* ============= modry pruh ============= */
      .stripe-text { position:absolute; top:17px; left:-8px;   }
      .stripe-text .stripe-l,
      .stripe-text .stripe-r,
      .stripe-text .stripe-text-in {height:43px; line-height:36px; float:left;}

      .stripe-text .stripe-l {background:url("/Public/B2C/images/bookmarks_l.png") no-repeat;  width:10px;  }
      .stripe-text .stripe-r {background:url("/Public/B2C/images/bookmarks_r.png") no-repeat;  width:20px; }
      .stripe-text .stripe-text-in { background:url("/Public/B2C/images/bookmarks_m.png") repeat-x;
        font-family: 'Cairo', sans-serif; font-size:18px; color:#fff;

        }



  .static-page .boxpH1 { position:relative; }
  .boxpH1 .stripe-text {top:5px; }
  .stripe-text h2 {color:#fff; }




/* we recommend boxes */
      .boxpH1 { float:left; margin-right:15px; min-height:185px; _height:185px;  }

      .boxpH1 .box-in {}



    .banner{
    height:96px;
    width: 229px;
    float:right;
    margin: 0px auto 9px auto;
    background-color: #fff;
    border:none; text-align:center;
    line-height:26px;}
    .banner a{
    position:relative;
    top:35px;
    text-decoration:none;
    vertical-align:middle;
    }

	.banner.imgInside a{ top:0;}
	.banner.imgInside { border: 1px solid;}
	.banner.h200 {height: 200px;}

    /* Footer */
    #footer{
    height:191px;
    margin: 8px auto 7px auto;
    background-color: transparent;
    border:none;
    text-align:left;
    font-size:11px;
    color: #fff;
    clear:both;
    }
    #footer h4{
    font-size:16px;
    text-align:left;
    color:#5d5d5d;
    margin-bottom:10px;
    font-family: 'Cairo', sans-serif;
    }
    #footer-links{
    height:124px;
    width:961px;
    padding:8px;
    background-color: #aaa;
    border:none;
    }
    #footer-copyright{
    width:977px;
    height:51px;
    border:none;
    background-color: transparent;
    color:#aaa;
    }
    #footer-copyright a{
    text-decoration:none;
    }
    #footer-links a {
    color:#0192D2;
    }
    #footer-offer{
    height:104px;
    width:190px;
    border:none;
    border-right: 1px solid #b9b9b9;
    float: left;
    padding:10px 20px 10px 30px;
    }
    #footer-offer ul.menu li{
    width:45%;
    float:left;
    text-align:left;
    color:#cdcdcd;
    list-style-type:square;
    margin-left:5%;
    }
    #footer-offer ul.menu li a{
    color:#fff;
    text-decoration:none;
    }
    #footer-contact-cze{
    height:104px;
    width:316px;
    border:none;
    border-right: 1px solid #b9b9b9;
    float: left;
    padding:10px 20px 10px 30px;
    }
    #footer-contact-sa{
    height:104px;
    width:301px;
    border:none;
    float: right;
    padding:10px 20px 10px 30px;
    }
    .foo-c-left{
    float:left;
    }
    .foo-c-right{
    float:right;
    }
    /* ========= content page ========= */
    #content{
        padding:20px 0 20px 0;
        text-align:left;
        position: relative;
    }

    #content.rozcestnik {padding: 0;}

    .content-full{
    background-color:#fff;    padding: 20px;    margin-top: 38px;  min-height:440px;   _height: 440px; position:relative;
    }

    .rozcestnik .content-full { background-color:transparent; margin-top: 0; padding:0;}

    .content-right-col{
    background-color:transparent;
    }
    /* =========content se sidebarem changer ========= */
    .colAndSidebar #content {width:655px; float:right; padding-top: 0px; min-height:530px; position: relative; }
    .homePage #content {padding-top:0px; }
    #content p.searchResults {font-family: 'OpenSansRegular',Sans,Verdana,Helvetica,sans-serif;
    font-size: 14px; color: #929292; margin: 0 0 -5px 0;}
    .pageFilters { margin: 5px 0 18px 0; padding:0 12px; background-color:#E7E7E7;background-color:rgba(216,216,216,.5);}
    .pageFilters p { line-height: 42px; color: #6E6E6E;margin: 0; }
    .pageFilters p.sort { float: right; }
    .pageFilters p a { margin-left:.5em; font-weight: bold; color: #878787; }
    .pageFilters p .active a { color: rgb(255,78,0); text-decoration: none; cursor: default;}
    /* ================ sidebar ==================================== */
    #sidebar { width:290px; float:left; background: url("/Public/B2C/images/ico-search-small-bg.png") no-repeat scroll top right white; position:relative; }
    /* ------------- slider ------------------------ */
    #slider {margin: 0 28px 20px 28px;}
    #slider-range {}
    .ui-slider-horizontal { height: 8px; background: gray url(/Public/img/slider/sliderContentBackground.png) repeat-x; border: 1px solid #CAC9C9;
    position: relative; border-radius: 5px;}
    .ui-slider-horizontal .ui-slider-handle {background: transparent url(/Public/img/slider/SliderBullet.png) no-repeat scroll 50% 50%;border: none;
    height: 19px; width: 19px; position: absolute; top: -5px; margin-left: -8px;}
	.ui-slider-horizontal .ui-slider-range { background: rgb(255,78,0) url(/Public/B2C/images/sliderBackground.png) repeat-x;
    height: 8px; position: absolute; top: 0; _top:-1px; margin:0; padding:0; font-size:0;
    }
    div.priceRange { margin:5px 0;}
    .priceRange input { color: rgb(255,78,0); font-family: 'Cairo', sans-serif;
    width: 40%; margin:0; border: none;background: none; float:left;
    }
    .priceRange input+input { text-align: right; float: right;
    }
    /*------------------- End of slider --------------------*/
    .loader {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        background: rgba(10,10,10,0.2) url(/Public/B2C/images/ajax-loader.gif) no-repeat 50% 50%;
        z-index:500;
        display:none;
     }

    /*------------------- Formuláře v sidebaru ---- */

  .sidebarSearch {
    padding: 0 20px;
    text-align: left;
  }

  .sidebarSearch .row {
    margin-top: 10px;
  }

  .sidebarSearch .searchDate {
    background: url("/Public/B2C/images/ico-date.png") no-repeat scroll 2px 6px;
    height: 32px;
  }

  .sidebarSearch .searchPerson {
    background: url("/Public/B2C/images/ico-persons.png") no-repeat scroll 2px 8px;
    height: 32px;
  }

  .sidebarSearch .searchDate .customInput, .searchDate .customInput {
    margin-right: 25px;
  }
  .sidebarSearch .searchDate .customInput+.customInput, .searchDate .customInput+.customInput {
    margin-right: 0;
  }
  .sidebarSearch .searchDate img, .searchDate img  {
    position: absolute;
    right: -20px;
    top: 8px;
  }

  /*Checkboxes*/
    .sidebarSearch .checkBoxesTable table {width: 100%; margin: 20px 0;}

    .sidebarSearch .checkBoxesTable tr { height: 32px;}
    .sidebarSearch .checkBoxesTable td { padding-top: 5px;}

    .sidebarSearch .checkBoxesTable input { width: auto; vertical-align: middle;}

    .sidebarSearch .checkBoxesTable label {margin-left: 20px; vertical-align: middle; }

    .checkBoxesTable:not(#ie) input[type="checkbox"] {opacity:0;}
    .checkBoxesTable:not(#ie) tr {background: url(/Public/B2C/forms/checkboxesSprite.png) no-repeat -5px top;}
    .checkBoxesTable:not(#ie) tr.checked {background-position: -5px bottom;}

      /*Customized input fields*/

    .w300 {width: 300px;}
    .w180 {width: 180px;}
    .w120 {width: 120px;}
    .w100 {width: 100px;}
    .w80 {width: 80px;}

    .customInput {display: inline-block; zoom:1; *display: inline; /*IE7 hack*/ height:32px; background: url(/Public/B2C/forms/inputSprites.png) no-repeat left bottom; position:relative; padding-left:7px;}
    .customInput.disabled {background-image: url(/Public/B2C/forms/inputSpritesDisabled.png);}
    .customInput.required {background-image: url(/Public/B2C/forms/inputSpritesRequired.png);}

    .customInput div { display: inline-block; height: 32px; background: url(/Public/B2C/forms/inputSprites.png) no-repeat right top; padding: 0; margin: 0; width:100%;}
    .customInput.disabled div {background-image: url(/Public/B2C/forms/inputSpritesDisabled.png)}
    .customInput.required div {background-image: url(/Public/B2C/forms/inputSpritesRequired.png)}
    .customInput input {display: inline-block; background: none; border: none;height:32px; line-height:32px;outline:none; color: #808080; margin-right:5px; width:95%;font-family:'OpenSansRegular',Sans,Verdana,Helvetica,sans-serif; font-size: 12px;}

    /*----------------Search Button--------------------*/
    #sidebar .vyhledatLink { margin-bottom: 15px; }
    #sidebar .vyhledatLink a{
    display: block;
    background: rgb(255,78,0) url("/Public/B2C/images/showResultsButton.png") no-repeat top left;
    color: white;
    line-height: 44px;
    height: 44px;
    text-decoration: none;
    font-size: 19px;
    text-align: center;
    padding-top: 2px;
    text-shadow: 0px 1px 1px #0386B4;
    font-family: 'Cairo', sans-serif;
    }
    #sidebar .vyhledatLink a span.resultsCount{
    font-size: 24px;
    font-family: 'OpenSansBold';
    }
    /*Form elements*/
    #sidebar .searchPlace select { width: 210px !important; text-align: left;}
    #sidebar .searchPlace{ text-align: left;}


    /* ===================== End of sidebar ========================== */

/*===================== Staic pages style ==========================*/

 .static-page p {
    font-family: 'OpenSansRegular',Sans,Verdana,Helvetica,sans-serif;
    font-size:12px; margin-bottom:7px;
    }
    .static-page h1{ font-size:36px; color: rgb(255,78,0);
    font-weight:normal; margin-bottom:12px;  }

 .static-page h2{
    font-size:18px;

     /* font-weight:400; color: #000; */
    }
    .static-page h3{


    /*  font-weight:400;  color: rgb(255,78,0); font-size:12px; */
    }

    .static-page ul {
    padding-left: 18px;
    font-style:italic;
    }

   .static-page ul li{
    list-style-image:url(/Public/B2C/images/list-style.png);
    padding: 0 0 7px 3px;
    }

    #breadcrumbs{
    height:12px;
    font-size:10px;
    margin:8px auto 15px auto;
    }
    .ilustration {float: right; padding: 0 0 5px 25px;}


/* reference */
   .reftblA {}
   .reftblA td {}

   .reftblB {}
   .reftblB td {}

   .reftblA td,
    .reftblB td { vertical-align:middle; padding:0 10px 10px 0;}





/* =========== drobeckova navigace =========== */

  .drobeckyWrap { position:absolute; right:0px; top: 20px; }

  .drobeckyWrap ul {   }

  .drobeckyWrap ul li span {color:#555; }
  .drobeckyWrap ul li { float:left; padding-right:3px; color: rgb(44,134,198);  }

  .drobeckyWrap ul li a { text-decoration:none; color:#555; }

  .drobeckyWrap ul li a:hover { }


/* =========== konec drobeckova navigace =========== */

/* =========== strankovani ========================= */
    .paging-type-1 {
            margin: 25px auto;
            overflow: hidden;
            width: 70%;
            min-width: 436px;
        }

    .paging-type-1 .paging-prev, .paging-type-1 .paging-next {
            display: block;
            height: 36px;
            width: 52px;
            background: transparent url("/Public/B2C/images/pagePrevNextv2.png") top left no-repeat;
            text-indent: -9999px;
        }

    .paging-type-1 .paging-prev {
      margin-right: 30px;
      float: left;
    }
    .paging-type-1 .paging-next {
      background-position: bottom left;
      margin-left: 30px;
      float:right;
    }
     .paging-type-1 span.paging-prev {
       background-position: top right;
     }

     .paging-type-1 span.paging-next {
       background-position: bottom right;
     }


    .paging-type-1 .innerPages {
        margin: 7px auto 0 auto;
        overflow: hidden;
        text-align:center;
    }

    .paging-type-1 .innerPages a {
      display: inline-block;
      width:20px;
      height:20px;
      margin: 0 5px 5px 0;
      background-color: #DFDFDF;
      text-decoration: none;
      color: black;
      text-align: center;
      line-height:20px;
    }

    .paging-type-1 .innerPages a:hover,.paging-type-1 .innerPages strong a {
		background-color: rgb(44,134,198) /*#2FC9F7*/;
      color: white;
    }

/*======================= 404 page =====================*/

  .error404 h2 {
    margin: 25px 0;
  }

  .error404 p {
    margin: 10px 0;
  }

  .error404 p.feedback {
    margin-top: 20px;
    width: 600px;
  }

  .error404 ul {
    list-style-type:circle;
    margin: 0 0 0 20px;
    padding:0;
  }

  .error404 li {
    margin: 3px 0;
  }
  .error404 .errorImage {
    float:right;
    margin: 10px 20px 0 10px;
    width: 30px;
    visibility:hidden;
  }

.login-error {
    display: block;
    margin: 20px 0;
    color: red;
}


/* ================== clanky meet us ========================== */
    .ArtNew1 { border:1px solid #F1F1F1; padding:5px 10px;  margin-bottom:15px; background:#FAFAFA;    }


    .ArtHeading { font-size:18px; margin-bottom:10px; }
    .ArtNew1 .itemNew1date { font-size:15px; }
    .itemNew1date strong {font-weight:bold;  }
	.ArtNew1 h2 {display:inline; font-family: 'Cairo', sans-serif; color: rgb(255,78,0) /*#2FC9F7*/;  }
    .ArtNew1 h2 a:hover { text-decoration:none; }


    .ArtNew1 .detailLink {   text-align:center;   padding:7px 0 0 0px; font-weight:bold;  }
    .ArtNew1 .detailLink a:hover { text-decoration:none; }


    .ArtContent {}

    .ArtContent {padding:0 0 7px;}

    .ArtContent .itemNew1Foto {float:left; margin:4px 10px 10px 0;  }
    .ArtContent .ArtAnno { font-size:12px; line-height:1.5;  }

    .ArtCont {line-height:1.5;  }


/* ======================== clanky meet us konec ========================== */


.star-0 {display:none!important; }

/* ======= Univerzální styl pro tlačítko =================================*/
.graficonButton a.linkButton, .graficonButton input[type="submit"] {
        display: inline-block;
        height: 35px;
        line-height: 35px;
        padding: 0 20px;
        cursor: hand;
        cursor: pointer;
        font-family: 'Cairo', sans-serif;
        text-shadow: 0 1px 1px #0386B4;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        vertical-align: baseline;
        border: 1px solid #00ccf7;
        border-left-color: #00bde9;
        border-bottom-color: #00addb;
        border-right-color: #00b8e5;
        color: #ffffff;
        background: #0094d1 url('/Public/B2C/images/button-blue-background-gradient-35px.png') repeat-x;
        -khtml-border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 5px 0;
 }



.EditPageLink {display: none;}

.contacts-table td {
	vertical-align: middle;
}



.popisy ul { list-style-type:disc; margin-left:15px; line-height:20px; }


  .pricePred { /* */ display:block;   font-weight:bold; }

.pricePred span { /* color:#FF4E00; */  font:11px/14px 'OpenSansBold';   }

.pricePred span.value span { padding-left:5px;font:11px/14px 'OpenSansBold'; }

  .pricePred span,
  .pricePred strong {display:inline-block;   background:url(/Public/design/images/redDot.png) repeat-x center left; }

  .product .row .highlight strong {color:#FF4E00;  }
  .product .row .highlight {color:#d10d10; }




/* =========================== send task button ==================== */
  .sendTaskLinkBox {  position:fixed; top:335px; right:0; z-index:2000;
    background:url(/Public/B2C/images/tlacitko_sendtask.png) no-repeat; }

  .sendTaskLinkBox a { height:166px; width:35px; display:block; text-decoration:none; cursor:pointer;  }

  .sendTaskLinkBox a:hover {}


/* -------------------- Activities ------------------------------- */
	.activity {
		margin: 20px 0;
	}
  .activity-table {
    color: #888888;
    width: 79%;
    float: right;
    line-height: 13px;
	background-color: #ededed;
	padding: 10px;
  }

  .activity-table td,.activity-table th {padding: 5px;}
.activity-table th {font-size: 14px; font-weight: bold; padding-left: 10px; width: 180px;}
  .activity-table em {font-weight: bold; color: #00ccff;}

  .activity-image {
    float: left;
    max-width: 21%;
  }

/*---------------- Equipment ----------------------*/
.product-info > span {display: none;}
/*.product-info > img:hover + span {display: block; position: absolute; left: auto; top: auto; background-color: white; padding:5px; border-radius: 3px;border: 1px solid gray;}*/




.producta_visa {
    width: calc(25% - 10px);
    float: left;
    margin: 5px;
}
.producta_visa .img {
    float: left;
    width: 100%;
}
.producta_visa .img a {
    float: left;
}
.producta_visa img {
    float: left;
    width: 100%;
    height: auto;
}
.in_visa {
    width: 100%;
    float: left;
}
.in_visa h2 {
    width: 100%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    padding: 10px;
    background: #ff4e2f;
}
.in_visa a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Cairo', sans-serif;
    background: #ff4e00;
    width: calc(100% - 20px);
    float: left;
    text-align: center;
    padding: 10px;
}