html{
      height: 100%;
}

body{
      height: 100%;
      margin: 0;
      background-color: #FFFFFF;
      font-family: 'Open Sans', arial;
      font-size: 10pt;
}

a{
      color: #d5182f;
      text-decoration: none;
}

a:hover{
      color: #d5182f;
      text-decoration: underline;
}

.red{
      color: #d5182f;
}

input:focus, select:focus, textarea:focus  {
      outline-width: 0;
}

input[type=text], input[type=password], input[type=file], select, textarea{
      font-family: 'Open Sans', arial;
      font-size: 10pt;
}

.container{
      width: 945px;
      margin: 0 auto;
      height: auto;
}

#top{
      width: 100%;
      height: 106px;
      background: url('../../images/xeleom/general/top-bg.png') center center repeat-x;
}

#logo{
      display: block;
      float: left;
      width: 245px;
      height: 57px;
      background: url('../../images/xeleom/general/logo.png') center center repeat-x;
      margin-top: 25px;
}

#topMenu{
      width: 400px;
      height: 34px;
      margin-top: 37px;
      float: right;
}

#topMenu a{
      height: 18px;
      line-height: 18px;
      font-size: 8pt;
      color: #9A9A9A;
      float: right;
}

#topMenu a:hover{
      color: #d5182f;
}

.topMenuItem{
      margin-top: 9px;
      margin-right: 10px;
}

#aPartners{
      padding: 0 10px 0 24px;
      background: url('../../images/xeleom/general/ico-partners.png') center left no-repeat;
      border-right: 1px solid #9a9a9a;
}

#topEN, #topCZ{
      width: 31px;
      height: 32px !important;
      margin-left: 6px;
      display: block;
      float: right;
}

#topEN{
      background: url('../../images/xeleom/general/lng-en.png') center center no-repeat;
}

#topCZ{
      background: url('../../images/xeleom/general/lng-cz.png') center center no-repeat;
}


#topEN:hover, .activeLngEN{
      background: url('../../images/xeleom/general/lng-en-active.png') center center no-repeat !important;
}

#topCZ:hover, .activeLngCZ{
      background: url('../../images/xeleom/general/lng-cz-active.png') center center no-repeat !important;
}

#menuBar{
      width: 100%;
      height: 48px;
      background-color: #272727;
}

#menu a{
      height: 48px;
      line-height: 48px;
      display: block;
      color: white;
      font-size: 10pt;
      padding-left: 28px;
      margin-right: 15px;
      text-decoration: none;
      float: left;
      font-family: 'open sans';
}

#menu a:hover{
      text-decoration: none;
      color: #d5182f;
}

#menu .active{
      font-family: 'open sans';
      font-weight: bold;
}

#mi1{
      background: url('../../images/xeleom/general/menu-ico-1.png') center left no-repeat;
}

#mi2{
      background: url('../../images/xeleom/general/menu-ico-2.png') center left no-repeat;
}

#mi3{
      background: url('../../images/xeleom/general/menu-ico-3.png') center left no-repeat;
}

#mi4{
      background: url('../../images/xeleom/general/menu-ico-4.png') center left no-repeat;
}

#mi5{
      background: url('../../images/xeleom/general/menu-ico-5.png') center left no-repeat;
}

#mi6{
      background: url('../../images/xeleom/general/menu-ico-6.png') center left no-repeat;
}

#search{
      float: right;
      margin-top: 10px;
}

#search-input{
      border: 0;
      width: 142px;
      height: 27px;
      line-height: 27px;
      padding: 0 5px 0 25px;
      background: url('../../images/xeleom/general/box-search.png') center center no-repeat;
      color: #9a9a9a;
      margin: 0;
      float: left;
}

#search-btn{
      border: 0;
      width: 35px;
      height: 27px;
      line-height: 25px;
      font-size: 9pt;
      text-align: center;
      background: url('../../images/xeleom/general/btn-search.png') center center no-repeat;
      color: white;
      padding: 0;
      margin: 0;
      float: left;
}


#search-btn:hover{
      background: url('../../images/xeleom/general/btn-search-over.png') center center no-repeat;
      cursor: pointer;
}

#mainBox{
      width: 100%;
      height: 308px;
}

#mainMoveLeft, #mainMoveRight{
      width: 44px;
      height: 85px;
      cursor: pointer;
      position: absolute;
      margin-top: 108px;
}

#mainMoveLeft{
      background: url('../../images/xeleom/general/btn-main-left.png') center left no-repeat;
      left: 0;
}

#mainMoveLeft:hover{
      background: url('../../images/xeleom/general/btn-main-left-over.png') center left no-repeat;;
}

#mainMoveRight{
      background: url('../../images/xeleom/general/btn-main-right.png') center left no-repeat;
      right: 0;
}

#mainMoveRight:hover{
      background: url('../../images/xeleom/general/btn-main-right-over.png') center left no-repeat;;
}

#leftCol{
      float: left;
      width: 630px;
}

#blackBox{
      width: 630px;
      height: 190px;
      margin-top: -25px;
      background: url('../../images/xeleom/general/box-black.png') center center no-repeat;
      overflow: hidden;
      margin-bottom: 20px;
}

#blackBox h1{
      font-family: 'open sans semibold';
      font-size: 16pt;
      color: white;
      margin: 22px 0 0 22px;
      padding-left: 55px;
      line-height: 32px;
}

#h1-o-spolecnosti{
      background: url('../../images/xeleom/general/ico-people.png') center left no-repeat;
}

#blackBox p{
      line-height: 26px;
      color: #838383;
      font-size: 10.5pt;
      margin: 10px 25px 0 77px;
}

.pInfo{
      float: left;
      width: 300px;
      height: 200px;
      margin-top: 20px;
}

h2{
      font-weight: bold;
      font-size: 14pt;
}

.pInfo h2{
      margin: 0 0 22px 15px;
      height: 36px;
      line-height: 36px;
      padding-left: 52px;
}

.pIco1{
      background: url('../../images/xeleom/general/ico-text-1.png') center left no-repeat;
}

.pIco2{
      background: url('../../images/xeleom/general/ico-text-2.png') center left no-repeat;
}

.pInfo p{
      font-size: 10pt;
      line-height: 24px;
      height: 72px;
      overflow: hidden;
      border-bottom: 1px solid #cccccc;
      padding-bottom: 22px;
      padding-left: 15px;
}

.pInfoDivider{
      float: left;
      height: 155px;
      width: 1px;
      background-color: #cccccc;
      overflow: hidden;
      margin: 18px 8px 0 8px;
}

#pInfos{
      margin-left: 9px;
}

.pMore{
      float: right;
      font-weight: bold;
      font-family: 'Open sans semibold';
      padding-right: 20px;
      background: url('../../images/xeleom/general/ico-more.png') bottom right no-repeat;
      height: 18px;
      line-height: 16px;
}

.rightArticleImg{
      float: left;
      margin: 0 15px 15px 0;
}

h3{
      line-height: 20px;
      height: 40px;
      overflow: hidden;
      margin-top: -4px;
      margin-bottom: 14px;
      font-size: 12pt;
      font-family: 'Open sans semibold';
      float: right;
      width: 170px;
}

.rightArticleInfo{
      float: right;
      height: 36px;
      overflow: hidden;
      line-height: 18px;
      font-size: 8pt;
      width: 170px;
}

.articleAuthor{
      font-weight: bold;
      color: #3f3f3f;
}

.articleDate{
      color: #807f7f;
}

#rightCol{
      float: right;
      width: 295px;
}

#rightArticle{
      margin-top: 20px;
}

.rightArticleText{
      font-size: 9pt;
      line-height: 22px;
      height: 242px;
      overflow: hidden;
}

.rightArticleText p{
      margin: 0 0 15px 0;
}

#rightArticleGallery{
      height: 52px;
      width:  100%;
      background-color: #F3F3F3;
}

.articleGalLeft, .articleGalRight{
      display: block;
      float: left;
      width: 14px;
      height: 21px;
      margin: 15px 14px 0 14px;
      background: url('../../images/xeleom/general/btn-left.png') center center no-repeat;
      cursor: default;
}

.articleGalRight{
      background: url('../../images/xeleom/general/btn-right.png') center center no-repeat;
}

.articleGalLeft:hover{
      background: url('../../images/xeleom/general/btn-left-over.png') center center no-repeat;
}

.articleGalRight:hover{
      background: url('../../images/xeleom/general/btn-right-over.png') center center no-repeat;
}

.articleGalView{
      width: 210px;
      float: left;
      height: 36px;
      margin-top: 8px;
      overflow: hidden;
}

.articleGalCanvas{
      width: 230px;
      position: relative;
}

.articleGalCanvas img{
      margin-right: 4px;
}

.articleGalCanvas a img{
      border: 0;
}

.subsectionH{
      margin: 10px 0;
      font-size: 14pt;
      color: #706f6f;
      height: 20px;
      line-height: 18px;
      background: url('../../images/xeleom/general/line.png') center center repeat-x;
}

.subsectionH span{
      background-color: white;
      padding-right: 15px;
      padding-left: 10px;
}

.bottomGalLeft, .bottomGalRight{
      display: block;
      float: left;
      width: 38px;
      height: 52px;
      margin: 22px 15px 0 15px;
      background: url('../../images/xeleom/general/btn-img-left.png') center center no-repeat;
      cursor: default;
}

.bottomGalRight{
      margin-right: 0 !important;
}

.bottomGalRight{
      background: url('../../images/xeleom/general/btn-img-right.png') center center no-repeat;
}

.bottomGalLeft:hover{
      background: url('../../images/xeleom/general/btn-img-left-over.png') center center no-repeat;
}

.bottomGalRight:hover{
      background: url('../../images/xeleom/general/btn-img-right-over.png') center center no-repeat;
}

.bottomGalView{
      width: 810px;
      float: left;
      height: 160px;
      overflow: hidden;
      margin: 0 6px;
}

.bottomGalCanvas{
      width: 1000px;
      position: relative;
}

.bottomGalCanvas a img{
      border: 0;
      display: block;
      margin-bottom: 8px;
}

.bottomGalCanvas a{
     display: block;
     float: left;
     margin: 0 11px;
     width: 140px;
     height: 150px;
     overflow: hidden;
     line-height: 20px;
     text-decoration: underline;
     color: black;
     font-size: 10.5pt;
}

.bottomGalCanvas a:hover{
      color: #d5182f;
}

#bottomGallery{
      height: 60px;
      margin-top: 25px;
}

.refGalLeft, .refGalRight{
      display: block;
      float: left;
      width: 40px;
      height: 40px;
      margin: 10px 15px 0 15px;
      background: url('../../images/xeleom/general/btn-ref-left.png') center center no-repeat;
      cursor: default;
}

.refGalRight{
      margin-right: 0 !important;
}

.refGalRight{
      background: url('../../images/xeleom/general/btn-ref-right.png') center center no-repeat;
}

.refGalLeft:hover{
      background: url('../../images/xeleom/general/btn-ref-left-over.png') center center no-repeat;
}

.refGalRight:hover{
      background: url('../../images/xeleom/general/btn-ref-right-over.png') center center no-repeat;
}

.refGalView{
      width: 820px;
      float: left;
      height: 60px;
      overflow: hidden;
}

.refGalCanvas{
      width: 900px;
      position: relative;
      line-height: 100px;
      height: 60px;
}

.refGalCanvas img{
      margin: 0 16px;
}

.refGalCanvas a img{
      border: 0;
}

#references{
      margin-top: 25px;
}

#bottom{
      width: 100%;
      height: 119px;
      background: url('../../images/xeleom/general/bottom-bg.jpg') center bottom repeat-x;
      margin-top: 30px;
}

#bottomOverlap{
      width: 60px;
      height: 29px;
      background: url('../../images/xeleom/general/bottom-overlap.png') center bottom repeat-x;
      position: absolute;
      margin-top: 0px;
      margin-left: 165px;
}

#bottomLogo{
      width: 125px;
      height: 32px;
      background: url('../../images/xeleom/general/bottom-logo.png') center bottom repeat-x;
      float: left;
      margin: 30px 0 10px 8px;
}

#bottomMenu{
      float: right;
      width: 700px;
      margin-top: 30px;
}

#copyright{
      float: left;
      font-size: 8pt;
      color: #828282;
      margin-left: 10px;
}

#bottomMenu a{
      text-decoration: none;
}

.bottomLng{
      display: inline-block;
      width: 26px;
      height: 26px;
      background: url('../../images/xeleom/general/bottom-lng.png') center center no-repeat !important;
      margin-right: 2px !important;
      color: white !important;
      text-align: center;
      line-height: 25px;
      border-right: 0 !important;
      margin-left: 0 !important;
      padding: 0 !important;
}

.bottomLng:hover{
      color: #d5182f !important;
      text-decoration: none !important;
}

.bLngActive{
      background: url('../../images/xeleom/general/bottom-lng-active.png') center center no-repeat !important;
      color: black  !important;;
}

.bLngActive:hover{
      color: black !important;
}

#bottomMenu a{
      color: #b4b4b4;
      padding-right: 10px;
      margin-left: 10px;
      background: url('../../images/xeleom/general/bottom-divider.png') center right no-repeat;
}

#bottomMenu a:hover{
      text-decoration: underline;
      color: white;
}

#twitter{
      background: url('../../images/xeleom/general/ico-twitter.png') center center no-repeat !important;
}

#twitter:hover{
      background: url('../../images/xeleom/general/ico-twitter-over.png') center center no-repeat !important;
}

#fb{
      background: url('../../images/xeleom/general/ico-fb.png') center center no-repeat !important;
}

#fb:hover{
      background: url('../../images/xeleom/general/ico-fb-over.png') center center no-repeat !important;
}

.nbr{
      background: transparent !important;
}

#twitter, #fb{
      width: 26px;
      height: 26px;
      display: block !important;
      float: right;
      border-right: 0 !important;
      margin-left: 10px !important;
      padding: 0 !important;
}

.submenu{
      position: absolute;
      min-width: 60px;
      min-height: 60px;
      background: url('../../images/xeleom/general/submenu-bg.png');
      margin-top: 48px;
      padding-top: 5px;
}

.subpointer{
      height: 5px;
      background: url('../../images/xeleom/general/submenu-pointer.png') center bottom no-repeat;
      margin-top: -10px;
}

.submenu span{
      display: block;
      padding: 0px 14px ;
}

.submenu a{
      display: block;
      height: 28px;
      color: black;
      text-decoration: none;
      background: url('../../images/xeleom/general/submenu-li.png') left center no-repeat;
      padding-left: 12px;
      line-height: 24px;
      font-family: 'Open sans semibold';
}

.submenu span:hover{
      background-color: white;
}

#preload{
      width: 0;
      height: 0;
      display: none;
      overflow: hidden;
}