/*-----OBECNÉ-----*/

body {
  font-family: Calibri;
  color: #262626;
  font-size: 14px;
  text-align: justify;
}

body a {
  color: #006699;
  text-decoration: underline;
}

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

body a:visited {
  color: #006699;
  text-decoration: underline;
}

hr {
  border: 0;
  background-color: #e6e6e6;
  color: #e6e6e6;
  height: 1px;
}

#hmWrap > .menu {
  display: none;
}

#contentWrap {
  padding-top: 239px;
}

#content {
  padding-top: 60px;
}

body .innerpage ul {
  padding: 0 0 0 40px;
}

.header .socialIcons {
  position: absolute;
  top: 10px;
  right: 0px;
}

.cultureArea {
  position: absolute;
  top: 100px;
  width: 980px;
  text-align: right;
  line-height: 38px;
}

/*-----KONEC-OBECNÉ-----*/
/*-----OBSAH-----*/

p.uvodniText {
  line-height: 24px;
}

p.uvodReference {
  font-size: 24px;
  color: #e6e6e6;
  padding: 10px;
  font-weight: bold;
}

p.chybaText {
  font-size: 18px;
  text-align: center;
}

.innerpage + .innerpage {
  width: 980px;
}

.contentinnerpage table .odsazeniLeft {
  padding-left: 40px;
}

.contentinnerpage .tableSluzby td {
  padding: 28px 0 28px 28px;
}

.contentinnerpage .tableSluzby tr {
  border-bottom: 1px solid #e6e6e6;
}

.contentinnerpage .tableSluzby tr.borderTopBottom {
  border-top: 1px solid #e6e6e6;
}

.contentinnerpage .tableSluzby {
  font-size: 18px;
  border-collapse: collapse;
}

.contentinnerpage .tableSluzby a {
  color: #069;
}

.contentinnerpage .tableSluzby a:hover {
  color: #262626;
}

.contentinnerpage .tableSluzby p {
  margin: 0;
}



.gallery {
  padding: 15px;
  display: inline-block;
  border: 1px solid #e6e6e6;
  width: 100%;
}

.gallery img {
  padding: 0 22px 0 22px;
}

 .fotogalerie .gallery
{
    padding: 5px;
}


 .fotogalerie .gallery img 
{
    padding: 0 2px;
}


span.iconPhone {
  background: url(../image/style/iconPhone.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
}

span.iconEmail {
  background: url(../image/style/iconEmail.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  float: left;
}

.innerpage table.tableDomeny {
  border: 1px solid #e6e6e6;
  width: 600px;
  margin: auto;
  padding: 20px;
}

.topinnerpage {
  width: 100%;
  margin: auto;
  margin-bottom: 15px;
}

.topinnerpage .secondMenu {
  color: #262626;
  font-size: 14px;
  height: 15px;
  background: #e6e6e6;
}

.topinnerpage .secondMenu2 {
  color: #262626;
  font-size: 14px;
  height: 30px;
  background: #e6e6e6;
}

.topinnerpage .secondMenu3 {
  color: #262626;
  font-size: 14px;
  height: 15px;
  background: #e6e6e6;
}

.topinnerpage .secondMenu4 {
  color: #262626;
  font-size: 14px;
  height: 30px;
  background: #e6e6e6;
}

.topinnerpage .secondMenu2 .nadpisSecondMenu {
  float: left;
  text-align: center;
  display: inline-block;
  width: 240px;
  line-height: 60px;
  height: 60px;
  color: #006699;
  font-weight: bold;
  font-size: 18px;
}

.topinnerpage .secondMenu3 .nadpisSecondMenu {
  float: left;
  text-align: center;
  display: inline-block;
  width: 240px;
  line-height: 45px;
  height: 45px;
  color: #006699;
  font-weight: bold;
  font-size: 18px;
}

.topinnerpage .secondMenu2 .nadpisSecondMenu a,
.topinnerpage .secondMenu3 .nadpisSecondMenu a {
  text-decoration: none;
}

.topinnerpage .secondMenu ul,
.topinnerpage .secondMenu4 ul {
  margin: 0;
  padding: 0;
}

.topinnerpage .secondMenu2 ul,
.topinnerpage .secondMenu3 ul {
  margin: 0;
  padding: 0 0 0 240px;
}

.topinnerpage .secondMenu ul li {
  display: inline-block;
  width: 240px;
  line-height: 45px;
  text-align: center;
  text-decoration: underline;
}

.topinnerpage .secondMenu2 ul li,
.topinnerpage .secondMenu4 ul li {
  display: inline-block;
  width: 225px;
  text-align: left;
  text-decoration: underline;
  line-height: 30px;
  padding-left: 20px;
  float: left;
}

.topinnerpage .secondMenu3 ul li {
  display: inline-block;
  width: 225px;
  text-align: left;
  text-decoration: underline;
  line-height: 45px;
  padding-left: 20px;
  float: left;
}

.topinnerpage .secondMenu ul li a,
.topinnerpage .secondMenu2 ul li a,
.topinnerpage .secondMenu3 ul li a,
.topinnerpage .secondMenu4 ul li a {
  color: #262626;
}

.topinnerpage .secondMenu4 .iconINF {
  background: url(../image/style/iconINF.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 14px;
  height: 14px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu4 .iconNapsaliONas {
  background: url(../image/style/iconNapsaliONas.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 4px;
}

.topinnerpage .secondMenu4 .iconPartner {
  background: url(../image/style/iconPartner.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 14px;
  padding-right: 10px;
  position: relative;
  top: 1px;
}

.topinnerpage .secondMenu4 .iconCareer {
  background: url(../image/style/iconCareer.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu4 .iconKontakt {
  background: url(../image/style/iconKontakt.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu2 .iconEshop {
  background: url(../image/style/iconEshop.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu2 .iconIres {
  background: url(../image/style/iconIres.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu2 .iconRezervace {
  background: url(../image/style/iconRezervace.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu2 .iconReality {
  background: url(../image/style/iconReality.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 15px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu2 .iconHelpdesk {
  background: url(../image/style/iconHelpdesk.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu2 .iconSWnaMiru {
  background: url(../image/style/iconSWnaMiru.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu2 .iconKonzultace {
  background: url(../image/style/iconKonzultace.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 4px;
}

.topinnerpage .secondMenu2 .iconDesktopApp {
  background: url(../image/style/iconDesktopApp.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 4px;
}

.topinnerpage .secondMenu2 .iconWebApp {
  background: url(../image/style/iconWebApp.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu3 .iconRefSluzby {
  background: url(../image/style/iconRefSluzby.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu3 .iconRefWeby {
  background: url(../image/style/iconRefWeby.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu3 .iconRefSW {
  background: url(../image/style/iconRefSW.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu2 .iconNavody {
  background: url(../image/style/iconNavody.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu2 .iconWebhosting {
  background: url(../image/style/iconWebhosting.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu2 .iconGrafika {
  background: url(../image/style/iconGrafika.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.topinnerpage .secondMenu2 .iconSEOSEM {
  background: url(../image/style/iconSEOSEM.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.width110 {
  width: 110px;
}

/*-----KONEC-OBSAH-----*/
/*-----NADPISY-----*/

h1 {
  font-size: 30px;
  text-align: center;
  margin: 0 0 10px 0;
}

.innerpage h2 {
  font-size: 24px;
  margin: 5px 0 5px 0;
}

.innerpage h2 a {
  font-size: 24px;
  margin: 5px 0 5px 0;
  text-decoration: none;
  color: #262626 !important;
}

.innerpage table h2 {
  text-align: left;
  margin: 0;
}

.innerpage table h2 a {
  color: #262626;
  text-decoration: none;
}

h3 {
  font-size: 20px;
  margin: 5px 0 5px 0;
}

/*-----KONEC-NADPISY-----*/
/*-----TOP-SEO-----*/

.header {
  padding-top: 30px;
  height: 239px;
}

.header img.logoTop {
  padding-left: 20px;
  float: left;
}

.header .topMenu .menuControl {
  float: right;
  font-size: 16px;
  color: #0f131e;
  margin-top: 25px;
}

.header .topMenu .menuControl ul {
  padding: 0;
  margin: 0;
  background-image: url(../image/style/topMenuBackground.png);
  background-repeat: repeat-x;
  height: 35px;
  line-height: 35px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dddddd;
}

.header .topMenu .menuControl ul li {
  display: inline-block;
  border-right: 1px solid #dddddd;
}

/*.header .topMenu .menuControl ul li:hover {
  background: #dddddd;
  display: inline-block;
}*/

.header .topMenu .menuControl ul li.last {
  border-right: none;
}

.header .topMenu .menuControl ul li a {
  text-decoration: none;
  color: #0f131e;
}

.header .topMenu .menuControl ul li a:hover {
  text-decoration: underline;
}

.header .topMenu .menuControl ul li a {
  display: inline-block;
  height: 32px;
  padding: 0 22px;
}

.header .topMenu .menuControl ul li a:visited {
  color: #0f131e;
}

/*-----KONEC-TOP-SEO-----*/
/*-----MENU-----*/

.header .menuPlace {
  color: #e6e6e6;
  clear: both;
  padding-top: 60px;
}

.header .menuPlace ul {
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

.header .menuPlace ul li {
  display: inline-block;
  width: 195px;
  text-align: center;
  background: url(../image/style/menuSeparator.png);
  background-repeat: no-repeat;
  height: 140px;
}

/*.overcontent .menuPlace ul li:hover,
.overcontent .menuPlace ul li.last:hover {
  background: url(../image/style/menuHover.png);
  background-repeat: no-repeat;
  position: relative;
  top: -4px;
  height: 174px;
}

.overcontent .menuPlace ul li a:hover,
.overcontent .menuPlace ul li.last a:hover {
  background: url(../image/style/menuHover.png);
  background-repeat: no-repeat;
  height: 174px;
}*/

.header .menuPlace ul li img {
  padding-top: 12px;
}

.header .menuPlace ul li.last {
  background: url(../image/style/menuSeparatorLast.png);
  background-repeat: no-repeat;
  width: 198px;
}

.header .menuPlace ul li a, 
.header .menuPlace ul li span.fake-selected{
  text-decoration: none;
  display: inline-block;
  width: 195px;
  height: 109px;
  padding-top: 31px;
}

.header .menuPlace ul li a {
  z-index:90;
  position:relative;
}

/*.overcontent .menuPlace ul li a.selected,
.overcontent .menuPlace ul li.last a.selected,*/
.header .menuPlace ul li span.fake-selected {
  background: url(../image/style/menuHover.png);
  background-repeat: no-repeat;
  height: 144px;
}

.header .menuPlace ul li a:visited {
  color: #e6e6e6;
}

.header .menuPlace ul li .iconSluzbyMenu {
  background: url(../image/style/iconSluzby.png);
  background-repeat: no-repeat;
  height: 46px;
  width: 40px;
  display: inline-block;
  margin-top: 10px;
}

.header .menuPlace ul li .iconProduktyMenu {
  background: url(../image/style/iconProdukty.png);
  background-repeat: no-repeat;
  height: 46px;
  width: 47px;
  display: inline-block;
  margin-top: 10px;
}

.header .menuPlace ul li .iconWebyMenu {
  background: url(../image/style/iconWeby.png);
  background-repeat: no-repeat;
  height: 46px;
  width: 49px;
  display: inline-block;
  margin-top: 10px;
}

.header .menuPlace ul li .iconSoftwareMenu {
  background: url(../image/style/iconSoftware.png);
  background-repeat: no-repeat;
  height: 46px;
  width: 44px;
  display: inline-block;
  margin-top: 10px;
}

.header .menuPlace ul li .iconReferenceMenu {
  background: url(../image/style/iconReference.png);
  background-repeat: no-repeat;
  height: 46px;
  width: 43px;
  display: inline-block;
  margin-top: 10px;
}

.header .menuPlace ul li.fake { 
  position: absolute; 
  top: 126px; 
  left: 0px; 
  width: 100px; 
  background-image: none; 
}

/*-----KONEC-MENU-----*/
/*-----MENU-CHYBA----*/

.cfooter {
  margin: auto;
  text-align: center;
}

.cfooter.footer .menuPlace {
  color: #e6e6e6;
  clear: both;
}

.cfooter.footer .menuPlace ul {
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

.cfooter.footer .menuPlace ul li {
  display: inline-block;
  width: 195px;
  text-align: center;
  background: url(../image/style/menuSeparator.png);
  background-repeat: no-repeat;
  height: 140px;
}

/*.overcontent .menuPlace ul li:hover,
.overcontent .menuPlace ul li.last:hover {
  background: url(../image/style/menuHover.png);
  background-repeat: no-repeat;
  position: relative;
  top: -4px;
  height: 174px;
}

.overcontent .menuPlace ul li a:hover,
.overcontent .menuPlace ul li.last a:hover {
  background: url(../image/style/menuHover.png);
  background-repeat: no-repeat;
  height: 174px;
}*/

.cfooter.footer .menuPlace ul li img {
  padding-top: 12px;
}

.cfooter.footer .menuPlace ul li.last {
  background: url(../image/style/menuSeparatorLast.png);
  background-repeat: no-repeat;
  width: 198px;
}

.cfooter.footer .menuPlace ul li a, 
.cfooter.footer .menuPlace ul li span.fake-selected{
  text-decoration: none;
  display: inline-block;
  width: 195px;
  height: 109px;
  padding-top: 31px;
}

.cfooter.footer .menuPlace ul li a {
  z-index:90;
  position:relative;
}

/*.overcontent .menuPlace ul li a.selected,
.overcontent .menuPlace ul li.last a.selected,*/
.cfooter.footer .menuPlace ul li span.fake-selected {
  background: url(../image/style/menuHover.png);
  background-repeat: no-repeat;
  height: 144px;
}

.cfooter.footer .menuPlace ul li a:visited {
  color: #e6e6e6;
}

.cfooter.footer .menuPlace ul li .iconSluzbyMenu {
  background: url(../image/style/iconSluzby.png);
  background-repeat: no-repeat;
  height: 46px;
  width: 40px;
  display: inline-block;
  margin-top: 10px;
}

.cfooter.footer .menuPlace ul li .iconProduktyMenu {
  background: url(../image/style/iconProdukty.png);
  background-repeat: no-repeat;
  height: 46px;
  width: 47px;
  display: inline-block;
  margin-top: 10px;
}

.cfooter.footer .menuPlace ul li .iconWebyMenu {
  background: url(../image/style/iconWeby.png);
  background-repeat: no-repeat;
  height: 46px;
  width: 49px;
  display: inline-block;
  margin-top: 10px;
}

.cfooter.footer .menuPlace ul li .iconSoftwareMenu {
  background: url(../image/style/iconSoftware.png);
  background-repeat: no-repeat;
  height: 46px;
  width: 44px;
  display: inline-block;
  margin-top: 10px;
}

.cfooter.footer .menuPlace ul li .iconReferenceMenu {
  background: url(../image/style/iconReference.png);
  background-repeat: no-repeat;
  height: 46px;
  width: 43px;
  display: inline-block;
  margin-top: 10px;
}

.cfooter.footer .menuPlace ul li.fake { 
  position: absolute; 
  top: -2px; 
  left: 0; 
  width: 100px; 
  background-image: none; 
}

/*-----KONEC-MENU-CHYBA----*/
/*-----SIDEBOX-----*/

.rightside {
  height: 640px !important;
}

.rightside .sidebox {
  padding: 15px 0;
}

.rightside .sidebox .sideboxcontent {
  padding: 0 22px 0 22px;
}

.rightside .sidebox .sideboxcontent p {
  font-size: 15px;
  color: #aaabac;
  margin: 5px 0 5px 0;
}

.rightside .sidebox.graySidebox {
  background-color: #e6e6e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.rightside .sidebox h2 {
  text-transform: uppercase;
}

.rightside .sidebox .localtitle h2 {
  text-align: left !important;
}

.rightside .sidebox h2.bigH2Sidebox {
  font-size: 24px;
  margin: 0;
}

.rightside .sidebox .sqmLoginBox,
.rightside .sidebox .vimbLoginBox {
  padding: 12px 18px 12px 18px;
}

.rightside .sidebox .sqmLoginBox div.label,
.rightside .sidebox .vimbLoginBox div.label {
  color: #aaabac;
  font-size: 13px;
  vertical-align: top;
  display: inline-block !important;
  text-align: left;
  padding-top: 0px !important;
  float: left;
}

.rightside .sidebox .sqmLoginBox .data,
.rightside .sidebox .vimbLoginBox .data {
  display: block;
  height: 25px;
  margin-bottom: 5px;
  clear: both;
}

.rightside .sidebox .sqmLoginBox .button,
.rightside .sidebox .vimbLoginBox .button {
  background: #006699;
  border: none;
  display: block;
  width: 155px;
  text-align: center;
  margin-left: 1px;
  height: 40px;
  color: #E6E6E6;
  font-weight: bold;
  font-size: 18px;
  margin-top: 8px;
}

.rightside .sidebox .vimbLoginBox .forgottenPwd {
  text-align: left;
}

/*-----KONEC-SIDEBOX-----*/
/*-----ČLÁNKY-----*/

.article {
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}

.articletitle {
  font-size: 19px;
}

.article .articledate .bold {
  display: none;
}

/*-----KONEC-ČLÁNKY-----*/
/*-----REFERENCE-----*/

span.reference1 {
  background: url(../image/reference/CEMEX.jpg);
  background-repeat: no-repeat;
  height: 40px;
  width: 110px;
  display: inline-block;
  position:relative;
}

span.reference1:hover {
  background: url(../image/reference/CEMEX.jpg);
  background-repeat: no-repeat;
  background-position: 0 -40px;
}

span.reference2 {
  background: url(../image/reference/sub.jpg);
  background-repeat: no-repeat;
  height: 40px;
  width: 44px;
  position:relative;
  display: inline-block;
}

span.reference2:hover {
  background: url(../image/reference/sub.jpg);
  background-repeat: no-repeat;
  background-position: 0 -40px;
}

span.reference3 {
  background: url(../image/reference/panoramaReality.jpg);
  background-repeat: no-repeat;
  height: 40px;
  width: 64px;
  display: inline-block;
  position:relative;
}

span.reference3:hover {
  background: url(../image/reference/panoramaReality.jpg);
  background-repeat: no-repeat;
  background-position: 0 -40px;
}

span.reference4 {
  background: url(../image/reference/volvo.jpg);
  background-repeat: no-repeat;
  height: 40px;
  width: 41px;
  display: inline-block;
position:relative;
}

span.reference4:hover {
  background: url(../image/reference/volvo.jpg);
  background-repeat: no-repeat;
background-position: 0 -40px;
}

span.reference5 {
  background: url(../image/reference/EKOFarma.jpg);
  background-repeat: no-repeat;
  height: 40px;
  width: 109px;
  display: inline-block;
position:relative;
}

span.reference5:hover {
  background: url(../image/reference/EKOFarma.jpg);
  background-repeat: no-repeat;
background-position: 0 -40px;
}

span.reference6 {
  background: url(../image/reference/stz.jpg);
  background-repeat: no-repeat;
  height: 40px;
  width: 67px;
  display: inline-block;
position:relative;
}

span.reference6:hover {
  background: url(../image/reference/stz.jpg);
  background-repeat: no-repeat;
background-position: 0 -40px;
}

span.reference7 {
  background: url(../image/reference/ezh.jpg);
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  display: inline-block;
position:relative;
}

span.reference7:hover {
  background: url(../image/reference/ezh.jpg);
  background-repeat: no-repeat;
background-position: 0 -40px;

}

span.reference8 {
  background: url(../image/reference/panoramaProjekt.jpg);
  background-repeat: no-repeat;
  height: 40px;
  width: 66px;
  display: inline-block;
position:relative;
}

span.reference8:hover {
  background: url(../image/reference/panoramaProjekt.jpg);
  background-repeat: no-repeat;
background-position: 0 -40px;
}

span.reference9 {
  background: url(../image/reference/csp.jpg);
  background-repeat: no-repeat;
  height: 40px;
  width: 100px;
  display: inline-block;
position:relative;
}

span.reference9:hover {
  background: url(../image/reference/csp.jpg);
  background-repeat: no-repeat;
background-position: 0 -40px;
}

span.reference10 {
  background: url(../image/reference/mercedes.jpg);
  background-repeat: no-repeat;
  height: 40px;
  width: 69px;
  display: inline-block;
position:relative;
}

span.reference10:hover {
  background: url(../image/reference/mercedes.jpg);
  background-repeat: no-repeat;
background-position: 0 -40px;
}

/*-----KONEC-REFERENCE-----*/
/*-----REFERENCE-WEBY-----*/

table.referenceGrafika
{
background-color: #262626;
width:100%;
}

table.referenceGrafika .nadpis
{
 color: #e6e6e6;
 border-bottom: 1px solid #e6e6e6;
    display: inline-block;
    font-size: 22px;
    line-height: 22px;
    padding-bottom: 5px;
margin-bottom: 5px;
    width: 160px;
}

table.referenceGrafika .referencePole
{
 color: #e6e6e6;
    height: 175px;
  /*  padding: 10px;*/
    width: 175px;
font-size:14px;
}

table.referenceTable {
  border-collapse: collapse;
  border: none;
}

table.referenceTable td {
  background: #262626;
  position: relative;
  text-align: left;
}

table.referenceTable td:hover {
  background: #006699;
}

table.referenceTable td.horizontalLeft,
table.referenceTable td.horizontalRight {
  width: 390px;
  height: 195px;
}

table.referenceTable td.horizontalLeft a {
  display: inline-block;
  width: 390px;
  height: 195px;
}

table.referenceTable td.horizontalRight a {
  display: inline-block;
  width: 390px;
  height: 195px;
  position: relative;
  left: -195px;
}

table.referenceTable td.verticalTop,
table.referenceTable td.verticalBottom {
  width: 195px;
  height: 390px;
}

table.referenceTable td.verticalTop a {
  display: inline-block;
  width: 195px;
  height: 390px;
}

table.referenceTable td.verticalBottom a {
  display: inline-block;
  width: 195px;
  height: 390px;
  position: relative;
  top: -195px;
}

table.referenceTable .nadpis {
  font-size: 22px;
  border-bottom: 1px solid #e6e6e6;
  display: inline-block;
  width: 160px;
  line-height: 22px;
  padding-bottom: 5px;
  text-align: left;
}

table.referenceTable .uvod {
  font-size: 22px;
  text-align: left;
  color: #E6E6E6;
  display: inline-block;
  width: 310px;
  padding-left: 10px;
  text-transform: uppercase;
}

table.referenceTable .reference {
  display: inline-block;
  width: 195px;
  height: 195px;
}

table.referenceTable .referencePanoramaReality {
  background: url(../image/reference_web/panorama_reality.jpg);
  background-position: 0px 195px;
  float: right;
}

table.referenceTable .referencePanoramaReality:hover {
  background: url(../image/reference_web/panorama_reality.jpg);
  background-position: 0 0;
}

table.referenceTable .referenceFarmaSadky {
  background: url(../image/reference_web/farma_sadky.jpg);
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referenceFarmaSadky:hover {
  background: url(../image/reference_web/farma_sadky.jpg);
  background-position: 0 0;
}

table.referenceTable .referenceDominicusMarina {
  background: url(../image/reference_web/dominicus_marina.jpg);
  background-position: 0 195px;
  float: right;
}

table.referenceTable .referenceDominicusMarina:hover {
  background: url(../image/reference_web/dominicus_marina.jpg);
  background-position: 0 0;
}

table.referenceTable .referenceHanak {
  background: url(../image/reference_web/rytectvi_hanak.jpg);
  background-position: 0px 195px;
  float: right;
}

table.referenceTable .referenceHanak:hover {
  background: url(../image/reference_web/rytectvi_hanak.jpg);
  background-position: 0 0;
}

table.referenceTable .referenceJedem {
  background: url(../image/reference_web/jedem.jpg);
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referenceJedem:hover {
  background: url(../image/reference_web/jedem.jpg);
  background-position: 0 0;
}

table.referenceTable .referencePanoramaProjekt {
  background: url(../image/reference_web/panorama_projekt.jpg);
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referencePanoramaProjekt:hover {
  background: url(../image/reference_web/panorama_projekt.jpg);
  background-position: 0 0;
}

table.referenceTable .referenceLedet {
  background: url(../image/reference_web/ledet.jpg);
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referenceLedet:hover {
  background: url(../image/reference_web/ledet.jpg);
  background-position: 0 0;
}

table.referenceTable .referenceSpecProd {
  background: url(../image/reference_web/specialni_produkty.png) #e6e6e6;
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referenceSpecProd:hover {
  background: url(../image/reference_web/specialni_produkty.png) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceEZH {
  background: url(../image/reference_web/ezh.jpg);
  background-position: 0px 195px;
  float: right;
}

table.referenceTable .referenceEZH:hover {
  background: url(../image/reference_web/ezh.jpg) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceVodafone {
  background: url(../image/reference_web/vodafone.jpg);
  background-position: 0px 195px;
  float: right;
}

table.referenceTable .referenceVodafone:hover {
  background: url(../image/reference_web/vodafone.jpg);
  background-position: 0 0;
}

table.referenceTable .referenceVaclavHrabec {
  background: url(../image/reference_web/hrabec.png) #e6e6e6;
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referenceVaclavHrabec:hover {
  background: url(../image/reference_web/hrabec.png) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceBudujemeBudoucnost {
  background: url(../image/reference_web/budujeme_budoucnost.png) #e6e6e6;
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referenceBudujemeBudoucnost:hover {
  background: url(../image/reference_web/budujeme_budoucnost.png) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceKarpo {
  background: url(../image/reference_web/karpo.jpg);
  background-position: 0px 195px;
  float: right;
}

table.referenceTable .referenceKarpo:hover {
  background: url(../image/reference_web/karpo.jpg);
  background-position: 0 0;
}

table.referenceTable .referenceCSP {
  background: url(../image/reference_web/csp.jpg);
  background-position: 0px 195px;
  float: right;
}

table.referenceTable .referenceCSP:hover {
  background: url(../image/reference_web/csp.jpg);
  background-position: 0 0;
}

table.referenceTable .referenceSTZ {
  background: url(../image/reference_web/stz.png) #e6e6e6;
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referenceSTZ:hover {
  background: url(../image/reference_web/stz.png) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceVodoTopo {
  background: url(../image/reference_web/vodo_topo.png) #e6e6e6;
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referenceVodoTopo:hover {
  background: url(../image/reference_web/vodo_topo.png) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referencePobytoveLode {
  background: url(../image/reference_web/pobytove_lode.png) #e6e6e6;
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referencePobytoveLode:hover {
  background: url(../image/reference_web/pobytove_lode.png) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceSUB {
  background: url(../image/reference_web/sub.png) #e6e6e6;
  background-position: 0px 195px;
  float: right;
}

table.referenceTable .referenceSUB:hover {
  background: url(../image/reference_web/sub.png) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceJarostav {
  background: url(../image/reference_web/jarostav.jpg) #e6e6e6;
  background-position: 0px 195px;
  float: right;
}

table.referenceTable .referenceJarostav:hover {
  background: url(../image/reference_web/jarostav.jpg) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceSaigon {
  background: url(../image/reference_web/saigon.png) #e6e6e6;
  background-position: 0px 195px;
  float: right;
}

table.referenceTable .referenceSaigon:hover {
  background: url(../image/reference_web/saigon.png) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceAKNemecek {
  background: url(../image/reference_web/nemecek.png) #e6e6e6;
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referenceAKNemecek:hover {
  background: url(../image/reference_web/nemecek.png) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceHock {
  background: url(../image/reference_web/hock.jpg) #e6e6e6;
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referenceHock:hover {
  background: url(../image/reference_web/hock.jpg) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referencePanoramaProjecto {
  background: url(../image/reference_web/panorama_projecto.jpg) #e6e6e6;
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referencePanoramaProjecto:hover {
  background: url(../image/reference_web/panorama_projecto.jpg) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceSSP {
  background: url(../image/reference_web/ssp.jpg) #e6e6e6;
  background-position: 0px 195px;
  float: right;
}

table.referenceTable .referenceSSP:hover {
  background: url(../image/reference_web/ssp.jpg) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceRenovaceKoupelen {
  background: url(../image/reference_web/renovace.jpg) #e6e6e6;
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referenceRenovaceKoupelen:hover {
  background: url(../image/reference_web/renovace.jpg) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceTvorbaWeb {
  background: url(../image/reference_web/tvorbaweb.jpg) #E6E6E6;
  background-position: 0 195px;
  float: left;
}

table.referenceTable .referenceTvorbaWeb:hover {
  background: url(../image/reference_web/tvorbaweb.jpg) #E6E6E6;
  background-position: 0px 0px;
}

table.referenceTable .referenceZdeneDomy {
  background: url(../image/reference_web/zdene_domy.jpg) #e6e6e6;
  background-position: 0px 195px;
  float: right;
}

table.referenceTable .referenceZdeneDomy:hover {
  background: url(../image/reference_web/zdene_domy.jpg) #d2d2d2;
  background-position: 0 0;
}

table.referenceTable .referenceInfReal {
  background: url(../image/reference_web/inf_real.jpg) #E6E6E6;
  background-position: 0 195px;
  float: left;
}

table.referenceTable .referenceInfReal:hover {
  background: url(../image/reference_web/inf_real.jpg) #E6E6E6;
  background-position: 0px 0px;
}

table.referenceTable .referenceBednarUH {
  background: url(../image/reference_web/bednar1.png) #E6E6E6;
  background-position: 0 195px;
  float: left;
}

table.referenceTable .referenceBednarUH:hover {
  background: url(../image/reference_web/bednar.png) #E6E6E6;
  background-position: 0px 0px;
}


table.referenceTable .referenceGservis {
  background: url(../image/reference_web/gsch1.png) #E6E6E6;
  background-position: 0 195px;
  float: left;
}

table.referenceTable .referenceGservis:hover {
  background: url(../image/reference_web/gsch.png) #E6E6E6;
  background-position: 0px 0px;
}

table.referenceTable .referenceZameckeSklepy {
  background: url(../image/reference_web/zamecke_sklepy.jpg) #e6e6e6;
  background-position: 0 195px;
  float: left;
}

table.referenceTable .referenceZameckeSklepy:hover {
  background: url(../image/reference_web/zamecke_sklepy.jpg) #E6E6E6;
  background-position: 0px 0px;
}

table.referenceTable .referenceMediHozam {
  background: url(../image/reference_web/medihozam.jpg) #e6e6e6;
  background-position: 0px 195px;
  float: left;
}

table.referenceTable .referenceMediHozam:hover {
  background: url(../image/reference_web/medihozam.jpg) #d2d2d2;
  background-position: 0 0;
}


table.referenceTable .referenceSestka {
  background: url(../image/reference_web/sestka.jpg) #e6e6e6;
  background-position: 0px 195px;
  float: right;
}


table.referenceTable .referenceSestka:hover {
  background: url(../image/reference_web/sestka.jpg) #e6e6e6;
  background-position: 0px 0px;
  float: right;
}

table.referenceTable .referenceSprava {
  background: url(../image/reference_web/spravapcsiti.jpg) #e6e6e6;
  background-position: 0 195px;
  float: right;
}

table.referenceTable .referenceSprava:hover {
  background: url(../image/reference_web/spravapcsiti.jpg) #E6E6E6;
  background-position: 0px 0px;
  float: right;
}

table.referenceTable .horizontalLeft span.referencePole {
  width: 175px;
  height: 175px;
  display: inline-block;
  float: right;
  color: #e6e6e6;
  padding: 10px;
  position: absolute;
  left: 195px;
}

table.referenceTable .horizontalRight span.referencePole {
  width: 175px;
  height: 175px;
  display: inline-block;
  float: left;
  color: #e6e6e6;
  padding: 10px;
  position: absolute;
  left: 0;
}

table.referenceTable .verticalBottom span.referencePole {
  width: 175px;
  height: 175px;
  display: inline-block;
  color: #e6e6e6;
  padding: 10px;
  position: absolute;
  top: 0px;
}

.contentinnerpage table .referenceBezLoga {
  font-size: 30px;
}

.contentinnerpage table.refSluzby td {
  padding-bottom: 30px;
}

/*-----KONEC-REFERENCE-WEBY-----*/
/*-----FOOTER-----*/

.cfooter.footer {
  margin: auto;
}

.cfooter {
  width: 100%;
  position: absolute;
  left: 0;
}

.cfooter.footer table {
  margin: auto;
}

.cfooter.footer .footerReference {
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
  min-width: 980px;
}

.cfooter.footer .footerLight {
  background: #e6e6e6;
  height: 180px;
  min-width: 980px;
}

.cfooter.footer .footerLight table {
  border-collapse: collapse;
  position: relative;
  top: 15px;
}

.cfooter.footer .footerLight table h2 {
  position: relative;
  left: -15px;
  display: block;
  height: 50px;
  margin: 0px;
  padding: 13px 0px 0px 13px;
  background: url(../image/style/sprite_footer.png) no-repeat scroll -2px -6px transparent;
  text-align: left;
}

.cfooter.footer .footerLight table h2 span {
  display: inline-block;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  color: #FFF;
  background: none repeat scroll 0% 0% #282828;
}

.cfooter.footer .footerLight table h2 span:hover {
  background: none repeat scroll 0% 0% #006699;
}

.cfooter.footer .footerLight h2 a {
  color: #ffffff !important;
  text-decoration: none;
}

.cfooter.footer .footerLight h2 a:hover {
  text-decoration: underline;
}

.cfooter.footer .footerLight table tr td {
  border-left: 1px solid #B4B4B4;
  width: 260px;
  text-align: left;
}

.cfooter.footer .footerLight table td span a {
  color: #262626;
  padding: 9px 33px;     
  text-decoration: none;
}

.cfooter.footer .footerLight table td span a:hover {
  color: #006699;
  padding: 9px 33px;     
  text-decoration: none;
}

.cfooter.footer .footerLight table td a {
  color: #262626;     
  text-decoration: none;
}

.cfooter.footer .footerLight table td a:hover {
  color: #006699;
  text-decoration: underline;
}

.cfooter.footer .footerDark {
  background: #262626;
  color: #cccccc;
  height: 200px;
  min-width: 980px;
}

.cfooter.footer .footerDark table {
  height: 60px;
  padding: 20px 0 0 0;
}

.cfooter.footer .footerDark table tr td.velikostBunky {
  width: 140px;
}

.cfooter.footer .footerDark a {
  color: #cccccc;
  text-decoration: underline;
}

.cfooter.footer .footerDark a:hover {
  color: #006699;
  text-decoration: underline;
}

/*-----KONEC-FOOTER-----*/
/*-----FORM-PŘESUN-WEBU-----*/

.contactForm.webTransfer {
  margin: 20px 0 0 0;
}

.contactForm.webTransfer table {
  width: 100%;
}

.contactForm.webTransfer table tr td .textbox {
  width: 300px;
  height: 22px;
}

.contactForm.webTransfer table tr td {
  padding-bottom: 10px;
}

.contactForm.webTransfer table tr th {
  text-align: left;
}

.contactForm.webTransfer table tr + tr > td + td + td .textbox {
  height: 76px;
}

.contactForm.webTransfer table .buttonArea .button {
  background: rgb(149,199,76);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1Yzc0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OWI0MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(149,199,76,1) 0%, rgba(121,180,49,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,199,76,1)), color-stop(100%,rgba(121,180,49,1)));
  background: -webkit-linear-gradient(top,  rgba(149,199,76,1) 0%,rgba(121,180,49,1) 100%);
  background: -o-linear-gradient(top,  rgba(149,199,76,1) 0%,rgba(121,180,49,1) 100%);
  background: -ms-linear-gradient(top,  rgba(149,199,76,1) 0%,rgba(121,180,49,1) 100%);
  background: linear-gradient(to bottom,  rgba(149,199,76,1) 0%,rgba(121,180,49,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c74c', endColorstr='#79b431',GradientType=0 );
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background-color: #89c03c;
  color: #ffffff;
  height: 55px;
  width: 306px;
  font-size: 17px;
  font-weight: bold;
  line-height: 53px;
  border: none;	
}

.contactForm.webTransfer table .buttonArea .button:hover {
  background: rgb(149,199,76);
  background: rgb(121,180,49);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5YjQzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NWM3NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(121,180,49,1) 0%, rgba(149,199,76,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,180,49,1)), color-stop(100%,rgba(149,199,76,1)));
  background: -webkit-linear-gradient(top,  rgba(121,180,49,1) 0%,rgba(149,199,76,1) 100%);
  background: -o-linear-gradient(top,  rgba(121,180,49,1) 0%,rgba(149,199,76,1) 100%);
  background: -ms-linear-gradient(top,  rgba(121,180,49,1) 0%,rgba(149,199,76,1) 100%);
  background: linear-gradient(to bottom,  rgba(121,180,49,1) 0%,rgba(149,199,76,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79b431', endColorstr='#95c74c',GradientType=0 );	
}

/*-----KONEC-FORM-PŘESUN-WEBU-----*/

.footerDark a.cenik,
.footerDark a.vop,
.footerDark a.gdpr
{
    background-color: #ccc;
    border-radius: 5px;
    color: #262626 !important;
    font-weight: bold;
    padding: 10px;
    text-decoration: none !important;
margin: 0 5px;
}

.footerDark a.cenik:hover,
.footerDark a.vop:hover,
.footerDark a.gdpr:hover
{
  background-color: #006699;
   color: #ccc !important;
}