BODY {margin: 0px; font-family: 'Roboto', sans-serif; /*background-image: url('/images/bg.jpg'); background-position: center; background-repeat: repeat-y;*/}

.mainShadow {width: 100%; float: left; box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);}
.mainFrame {width: 1200px; margin: 0px auto;}
.hidden {display: none;}
.kotva {width: 100%; height: 0px; float: left; line-height: 0px;}
.obrazekVlevo {float: left; margin: 0px 15px 10px 0px;}
.obrazekVpravo {float: right; margin: 0px 0px 10px 15px;}
.ns-style-a-intext {color: inherit;}
.ns-cnt-block {float: left; width: 100%; box-sizing: border-box; /*background: #FFF;*/}
.ns-cnt-left-col {float: left; width: 33.3333%; }
.box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

IMG {border: 0px;}
P {line-height: 1.6;}

#rightFloatedFrame {width: 40px; height: 40px; float: left; position: fixed; right: 0px; top: 20px; overflow: hidden; z-index: 100; 
  -moz-box-shadow:    1px 1px 5px 3px #f1f1f1;
  -webkit-box-shadow: 1px 1px 5px 3px #f1f1f1;
  box-shadow:         1px 1px 5px 3px #f1f1f1;
}
#rightFloatedFrame .opener {width: 40px; height: 40px; float: left; display: block; }
#rightFloatedFrame .rightFloatedContent {width: 170px; height: 40px; padding: 0px 10px 0px 10px; background-color: #32426d; float: left; position: absolute; left: 40px;}
#rightFloatedFrame .rightFloatedContent A {width: 170px; height: 30px; padding: 10px 0px 0px 0px; float: left; display: block; text-decoration: underline; color: #FFF; font-size: 18px; text-decoration: none;}
#rightFloatedFrame .rightFloatedContent A:HOVER {text-decoration: none;}

#topFrame {width: 100%; height: 150px; float: left; padding: 0px; display: flex;}
#topFrame #logoFrame {width: 230px; height: 150px; float: left; background-image: url('/images/logo.jpg');}
#topFrame #logoFrame A {width: 230px; height: 150px; float: left; display: block;}
#topFrame #watchword {width: calc(100% - 410px); padding: 10px 25px 0px 0px; display: flex; align-items: center; justify-content: space-around; float: left; font-size: 19px; font-weight: 200; color: #3a4875; text-transform: uppercase; line-height: 1.3; text-align: center; }
#topFrame #watchword P {margin: 0px; line-height: 1.4; letter-spacing: 2px;}
#topFrame #watchword STRONG {font-size: 19px; font-weight: 700; letter-spacing: normal;}
#topFrame #watchword .red {color: #ee000d;}
#topFrame #langsFrame {width: 180px; height: 83px; padding: 67px 0px 0px 0px; float: right; }
#topFrame #langsFrame A {width: 31px; height: auto; padding: 5px 0px 5px 0px; float: left; display: block; background-color: #d5d6d6; color: #FFF; font-size: 18px; font-weight: bold; text-decoration: none; margin: 0px 1px 0px 0px; text-align: center;}
#topFrame #langsFrame A:HOVER {background-color: #ee000d;}
#topFrame #langsFrame .on {background-color: #ee000d;}

#mainContainer {width: 100%; padding: 0px; float: left;}

#menuFrame {width: 100%; height: 35px; display: flex; margin: 0px 0px 0px 0px; float: left; background-color: #FFF;}
#menuFrame UL {width: 100%; height: 35px; display: flex; float: right; padding: 0px; margin: 0px; list-style: none;}
#menuFrame UL LI {position: relative; height: 35px; float: left; display: flex; flex: 1; padding: 0px; margin: 0px 1px 0px 0px; text-transform: uppercase; font-size: 16px; font-weight: bold; background-color: #3a4875;}
#menuFrame UL LI A {height: auto; width: 100%; float: left; display: flex; align-items: center; justify-content: space-around; padding: 0px; margin: 0px; color: #FFF; text-decoration: none; text-align: center;}
#menuFrame UL LI:HOVER, #menuFrame UL .on {background-color: #ee000d;}
#menuFrame UL LI A:HOVER {background-color: #ee000d;}
#menuFrame UL .last {background-image: none; margin-right: 0px;}
#menuFrame UL .last A {width: 140px;} 
#menuFrame UL LI .submenu {width: 180px; height: auto; float: left; display: none; position: absolute; z-index: 100; top: 35px; left: 0px; background-color: #082144; font-size: 14px;}
#menuFrame UL LI .submenu LI {width: 180px; padding: 0px; height: auto; border-right: 0px; border-top: 1px #FFF solid; float: left; background-image: none;}
#menuFrame UL LI .submenu LI A {width: 150px; padding: 10px 15px; color: #FFF; height: auto; border: 0px; float: left; font-weight: normal; font-size: 14px; text-align: left;}
#menuFrame UL LI .submenu LI A:HOVER {background-color: #ee000d;}

#bannerFrameCont {width: 1200px; height: 500px; margin: 1px 0px 1px 0px; float: left; background-color: #f7f7f7;}
#bannerFrame {width: 100%; height: 500px; float: left;}
#bannerFrame .slide {width: 1200px; height: 500px; margin: 0px; float: left; display: flex; flex-direction: column-reverse;}
#bannerFrame .slide .textFrame {width: 100%; min-height: 120px; float: left; display: flex; background-color: rgba(58,72,117,0.63); color: #FFF; padding: 10px 50px; text-decoration: none; transition: .5s all;}
#bannerFrame .slide .textFrame .name {flex: 1.3; display: flex; align-items: center; transition: .3s all;}
#bannerFrame .slide .textFrame .name H2 {font-size: 28px; font-weight: 700; text-transform: uppercase; margin: 0px; border-bottom: 1px #ee000d solid;}
#bannerFrame .slide .textFrame .text {flex: 2; display: flex; align-items: center; font-size: 16px;}
#bannerFrame .slide .textFrame:HOVER .name {color: #ee000d;}

#homeCatsFrame {width: 100%; min-height: 190px; float: left; padding: 0px 0px; display: flex; display: flex; justify-content: space-between;}
#homeCatsFrame .item {width: calc(20% - 0.8px); float: left; position: relative; background-color: #f5f5f5; display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none;}
#homeCatsFrame .item A {font-size: 14px; color: #3a4875; text-transform: uppercase; text-decoration: none; text-align: center;}
#homeCatsFrame .item A:HOVER {text-decoration: underline;}
#homeCatsFrame .item .image {width: 100%; height: 130px; float: left; background-repeat: no-repeat;}
#homeCatsFrame .item .big {background-image: url('/images/home-icon-big.png'); background-position: center bottom;}
#homeCatsFrame .item .plt {background-image: url('/images/home-icon-plt.png'); background-position: center bottom;}
#homeCatsFrame .item .portyr {background-image: url('/images/home-icon-portyr.png'); background-position: center bottom;}
#homeCatsFrame .item .bss {background-image: url('/images/home-icon-bss.png'); background-position: center bottom;}
#homeCatsFrame .item .pardal {background-image: url('/images/home-icon-pardal.png'); background-position: center bottom;}
#homeCatsFrame .item .vymenik {background-image: url('/images/home-icon-vymenik.png');}
#homeCatsFrame .item .name {color: #3a4875;}
#homeCatsFrame .item:HOVER .name {color: #FFF;}
#homeCatsFrame .item:HOVER {/*box-shadow: inset 0 0 10px rgba(0,0,0,0.15);*/background-color: rgba(58,72,117,0.63);}

#homeTextContainer {width: 100%; padding: 35px 35px 20px 35px; float: left; position: relative;}
#homeTextContainer A {color: #6e6e6e;}
#homeTextContainer H1 {width: 100%; float: left; font-size: 24px; color: #ee000d; margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; border-bottom: 1px #ee000d solid;}
#homeTextContainer P {font-family: 'Roboto', sans-serif; font-size: 16px; color: #6e6e6e; line-height: 1.6;}

.fullContent {width: 100%; padding: 20px 30px; float: left; color: #3a4875; font-weight: 300; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fullContent H1 {font-family: 'Roboto', sans-serif; width: 100%; float: left; font-size: 18px; color: #ee000d; border-bottom: 1px #ee000d solid; padding: 0px 0px 10px 0px; text-transform: uppercase;}
.fullContent H2 {font-family: 'Roboto', sans-serif; width: 100%; float: left; font-size: 17px; color: #ee000d; border-bottom: 1px #ee000d solid; padding: 0px 0px 10px 0px; text-transform: uppercase;}
.fullContent P {font-family: 'Roboto', sans-serif; font-size: 18px; color: #3a4875; font-weight: 300;}
.fullContent A {color: #3a4875;}
.fullContent A:HOVER {text-decoration: none;}
.fullContent UL {width: 100%; float: left; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 15px; list-style: square; line-height: 1.6;}
.fullContent UL LI {width: calc(50% - 20px); padding: 0px; margin: 0px 20px 0px 0px; float: left;}
.fullContent .error {color: #d9001a; font-size: 14px;}
.fullContent .blue {color: #3a4875; border-color: #3a4875;}
.fullContent#productVideoLine {padding-top: 15px; padding-bottom: 0;}
.fullContent#productVideoLine .ns-cnt-block {border:none;}
.fullContent .ns-cnt-block {box-sizing:border-box; -moz-box-sizing:border-box; float:left; width:100%; padding:15px; border: 1px solid #E5EBFC;}
.fullContent .ns-cnt-block H2 {width:100%; margin: 0 0 15px 0;}
.fullContent .ns-cnt-block.no-side-padd {padding: 15px 0px;}
.fullContent .ns-cnt-left-col {float:left; width: 50%; min-height: 25px;}
.fullContent .ns-cnt-left-col.ns-he-count-two {padding: 0px 0px 0px 25px;}

.fullContent .fullLine {width: 100%; float: left;}
.fullContent .kontaktFrame {width: 33.33%; float: left; margin: 10px 0px 10px 0px;}
.fullContent .kontaktFrame H3 {width: 300px; float: left; margin: 0px 0px 0px 0px; color: #ee000d; font-size: 18px; font-family: 'Roboto', sans-serif; text-transform: uppercase;}
.fullContent .kontaktFrame P {font-size: 16px; color: #7b7b7b; font-family: 'Roboto', sans-serif; width: 300px; float: left; margin: 10px 0px 0px 0px;}
.fullContent .kontaktFrame .pozice {color: #3a4875; margin: 0px 0px 0px 0px; font-weight: bold;}

.fullContent TABLE {width: 100%; float: left; color: #fff; font-family: 'Roboto',sans-serif; font-size: 14px; border-collapse: collapse; margin: 0px 0px 15px 0px;}
.fullContent TABLE TH {background-color: #ee000d; padding: 10px 15px;}
.fullContent TABLE TD {background-color: #3a4875; padding: 10px 15px;}

.fullContent .poptavka {width: 100%; height: 54px; padding: 15px 0px 0px 60px; font-size: 18px; color: #FFF; float: left; background-image: url('/images/icon-poptavka.jpg'); background-repeat: no-repeat; background-position: 10px; background-color: #33426d; text-decoration: none;}
.fullContent .poptavka:HOVER {background-color: #ee000d; color: #FFF;}

.noTopPadding {padding-top: 0px;}
.noBottomPadding {padding-bottom: 0px;}

.euFrame {width: 100%; float: left; margin: 10px 0px;}
.euFrame IMG {max-height: 120px; width: auto;}
.euFrame IMG.leader {margin-left: 300px;}

#newsFrame {width: 100%; float: left;}
#newsLineFrame {width: 100%; height: auto; padding: 10px 30px 0px 30px; float: left; /*background-image: url('/images/news-bg2.jpg'); background-repeat: repeat-x;*/ background-color: #f5f5f5;}
#newsLineFrame H2 {width: 100%; height: 21px; float: left; font-size: 20px; color: #ee000d; margin: 0px 0px 15px 0px; padding: 10px 0px 15px 0px; border-bottom: 1px #ee000d solid; text-transform: uppercase;}
#newsLineFrame H2 A {text-decoration: none; color: #ee000d;}
#newsFrame .newsContainer {width: 100%; float: left; margin: 5px 0px 0px 0px; display: flex; flex-wrap: wrap;}
#newsFrame .newsContainer .item {width: 270px; height: auto; float: left; background-color: #FFF; position: relative; margin: 0px 20px 20px 0px; font-family: 'Roboto Condensed', sans-serif; box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.10);}
#newsFrame .newsContainer .item .photo {width: 100%; height: 102px; float: left; display: flex; align-items: center; justify-content: space-around;}
#newsFrame .newsContainer .item .textContainer {width: 100%; padding: 15px 20px 5px 20px; float: left;}
#newsFrame .newsContainer .item H3 {font-size: 16px; font-weight: bold; text-transform: uppercase; color: #3a4875; margin: 0px 0px 10px 0px; font-family: 'Roboto Condensed', sans-serif;}
#newsFrame .newsContainer .item P {font-size: 16px; color: #696969; margin: 0px 0px 10px 0px; font-weight: 400; line-height: 1.4; font-family: 'Roboto Condensed', sans-serif;}
#newsFrame .newsContainer .item:HOVER {background-color: red; color: #FFF; box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.10);}
#newsFrame .newsContainer .item:HOVER H3 {color: #FFF;}
#newsFrame .newsContainer .item:HOVER P {color: #FFF;}
#newsFrame .newsContainer .item:nth-child(4n+4) {margin-right: 0px;}

.bg2 {background-image: url('/images/bg2.jpg');}
.bg3 {background-image: url('/images/bg3.jpg');}

.catsFrame {width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between;}
.catFrame {width: calc(50% - 10px); height: auto; float: left; background-image: url('/images/cat-bg.jpg'); background-size: 100% 100%; margin: 0px 0px 20px 0px;}
.catFrame .image {width: 100%; height: auto; float: left;}
.catFrame .image IMG {float: left; margin: 0px;}
.catFrame .descFrame {width: 100%; padding: 10px 20px 15px 20px; margin: 0px; float: left; display: flex; flex-direction: column;}
.catFrame .descFrame H2 {width: 100%; border: 0px; padding: 0px; margin: 10px 0px 10px 0px; font-family: 'Roboto', sans-serif; float: left; font-size: 18px; color: #ee000d; text-transform: uppercase;}
.catFrame .descFrame P {font-size: 16px; margin: 0px 0px 5px 0px;}
.catFrame:HOVER .descFrame {background-color: #3a4875; color: #FFF;}
.catFrame:HOVER .descFrame P {color: #FFF;}

.catsFrame2 {width: 100%; float: left; display: flex; flex-wrap: wrap;}
.catFrame2 {width: calc(33.33% - 13.33px); margin: 0px 20px 20px 0px; /*width: 370px; margin: 0px 25px 25px 0px;*/ height: auto; float: left; background-image: url('/images/cat-bg.jpg'); background-size: 100% 100%; position: relative;}
.catFrame2:nth-child(3n+3) {margin-right: 0px;}
.catFrame2 .image {width: 100%; height: auto; float: left; background-position: center center; background-repeat: no-repeat;}
.catFrame2 .image IMG {width: 100%; float: left;}
.catFrame2 .descFrame {width: 100%; height: auto; padding: 10px 15px; float: left; text-decoration: none;}
.catFrame2 .descFrame H2 {width: 100%; border: 0px; padding: 0px; margin: 10px 0px 10px 0px; font-family: 'Roboto', sans-serif; float: left; font-size: 18px; color: #ee000d; text-transform: uppercase;}
.catFrame2 .descFrame P {font-size: 12px; margin: 0px 0px 5px 0px;}
.catFrame2:HOVER .descFrame {background-color: #3a4875; color: #FFF;}
.catFrame2:HOVER .descFrame P {color: #FFF;}

.paramContainer {width: calc(50% - 10px); float: left; margin: 0px 20px 10px 0px;}
.paramContainer P {font-family: 'Roboto', sans-serif; font-size: 14px; color: #FFF;}
.paramContainer .name {width: calc(100% - 120px); float: left; padding: 10px 15px; margin: 0px; background-color: #ee000d;}
.paramContainer .value {width: 120px; float: left; padding: 10px 15px; margin: 0px; background-color: #3a4875;}
.paramContainer:nth-child(2n+2) {margin-right: 0px;}

.mainGallery {width: 100%; float: left; display: flex; flex-wrap: wrap;}
.mainGallery .image {width: calc(33.33% - 13.33px); height: auto; float: left; margin: 0px 20px 20px 0px;}
.mainGallery .image IMG {width: 100%; height: auto; float: left;}
.mainGallery .image:nth-child(3n+3) {margin-right: 0px;}
.mainGallery .last {margin-right: 0px;}

#formFrame {width: 100%; float: left;}
#formFrame .column {width: 210px; float: left; margin: 0px 30px 0px 0px;}
#formFrame .column INPUT {width: 188px; float: left; padding: 8px 10px; border: 1px #ccc solid; margin: 5px 0px 5px 0px;}
#formFrame .column2 {width: calc(100% - 240px); float: left;}
#formFrame .column2 TEXTAREA {width: 100%; height: 122px; float: left; padding: 8px 10px; border: 1px #ccc solid; margin: 5px 0px 5px 0px;}
#formFrame .column2 .antispam {width: 188px; float: left; padding: 8px 10px; border: 1px #ccc solid; margin: 5px 20px 5px 0px;}
#formFrame .column2 .antispamImg {height: 35px; width: 150px; float: left; margin: 5px 0px;}
#formFrame .column2 .submit {float: right; height: 35px; padding: 6px 10px 6px 41px; border: 1px #ccc solid; margin: 5px 0px 5px 0px; background-image: url('/images/submit.jpg'); background-position: left center; background-repeat: no-repeat; text-align: center; background-color: #FFF; cursor: pointer; color: #3a4875; font-size: 18px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; line-height: 1;} 

#bottomFrame {width: 100%; height: auto; float: left; font-family: 'Roboto', sans-serif;}
#bottomFrame .leftFrame {width: 40%; height: auto; float: left; padding: 0px 0px 30px 30px;}
#bottomFrame .leftFrame H3 {width: 100%; padding: 30px 0px 10px 0px; border-bottom: 1px #ee000d solid; float: right; font-size: 18px; color: #ee000d; font-weight: bold; text-transform: uppercase; clear: both;}
#bottomFrame .leftFrame H3 A {color: #ee000d; text-decoration: none;}
#bottomFrame .leftFrame .kontaktHeading {padding-top: 0px; width: 100%; margin: 30px 0px 0px 0px;}
#bottomFrame .leftFrame .mapPoint {float: left; background-image: url('/images/map-point.png'); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 40px; text-align: left; background-repeat: no-repeat; background-position: left center; font-size: 16px; color: #6e6e6e; font-weight: 500; line-height: 1.6; text-decoration: none;}
#bottomFrame .leftFrame P {width: 100%; float: right; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size: 14px; color: #6e6e6e; font-weight: 500;}
#bottomFrame .rightFrame {width: 60%; height: auto; float: right; padding: 0px 30px 30px 50px;}
#bottomFrame .rightFrame H3 {width: 100%; padding: 30px 0px 10px 0px; border-bottom: 1px #ee000d solid; float: left; font-size: 18px; color: #ee000d; font-weight: bold; text-transform: uppercase;}
#bottomFrame .rightFrame .cols {width: 100%; float: left; font-size: 16px; color: #6e6e6e;}
#bottomFrame .rightFrame .cols P {width: 50%; float: left; margin: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#bottomFrame .rightFrame .cols P:first-child {background-image: url('/images/icon-chat.png'); background-size: 30px auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 40px; background-repeat: no-repeat; background-position: left center;}
#bottomFrame .bottomLine {width: 100%; height: 70px; padding: 0px 30px 0px 0px; background-color: #f5f5f5; float: left; display: flex; justify-content: space-between;}
#bottomFrame .bottomLine .poptavka {width: auto; height: 100%; padding: 0px 15px; margin: 0px 0px 0px 0px; float: left; font-size: 18px; color: #FFF; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; text-decoration: none; background-color: #33426d; display: flex; align-items: center;}
#bottomFrame .bottomLine .poptavka IMG {margin: 0px 10px 0px 0px;}
#bottomFrame .bottomLine .poptavka:HOVER {text-decoration: underline;}
#bottomFrame .bottomLine .iconsFrame {width: auto; margin: 0px 0px 0px 0px; float: right; display: flex; align-items: center;}
#bottomFrame .bottomLine .iconsFrame .wtc {margin: 0px 0px 0px 10px; float: left;}
#bottomFrame .bottomLine .iconsFrame P {margin: 20px 0px 0px 20px; float: left; font-size: 17px; color: #32426d; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;}
#bottomFrame .bottomLine .iconsFrame .icon {display: block; float: right; margin: 0px 0px 0px 10px;}

#bottomFrame2 {width: 100%; height: auto; padding: 30px 50px 30px 50px; float: left; margin: 0px 0px; display: flex;}
#bottomFrame2 .column {width: 300px; float: left; margin: 0px 0px; padding: 0px 10px 0px 0px; font-size: 14px; color: #3a4875;}
#bottomFrame2 .column A {text-decoration: none; font-size: inherit; color: inherit;}
#bottomFrame2 .column A:HOVER {text-decoration: underline;}
#bottomFrame2 .column.no-2 P {line-height: 25px;}
#bottomFrame2 .column.no-3 {width: 500px;}
#bottomFrame2 .column.no-3 .eu {max-width: 50%; margin: 30px 0px 0px 0px; float: right;}
#bottomFrame2 .copyright {width: 250px; color: #32426d; font-size: 12px; text-align: right; float: right; margin: 22px 0px 0px 0px;}
#bottomFrame2 .copyright P {float: right; margin: 0px 0px 10px 0px; text-align: right; line-height: 1;}
#bottomFrame2 .copyright P A {color: #32426d; text-decoration: none;}
#bottomFrame2 .copyright P A:HOVER {text-decoration: underline;}
#bottomFrame2 .iconsFrame {float: right; margin: 20px 0px 0px 0px;}
#bottomFrame2 .iconsFrame .fb {margin-left: 10px;}
#bottomFrame2 .iconsFrame .icon {margin-left: 10px;}

.bottomColsFrame {width: 100%; float: left; padding: 30px 30px 30px 30px; display: flex; justify-content: space-between; background-color: #f5f5f5;}
.bottomColsFrame .col {flex: 1; max-width: 270px; margin: 0px 20px 0px 0px; text-decoration: none;}
.bottomColsFrame .col H3 {color: #ee000d; text-transform: uppercase; font-weight: bold; font-size: 18px; margin: 0px 0px 10px 0px; padding: 0px 0px 15px 0px; border-bottom: 1px #ee000d solid;}
.bottomColsFrame .col IMG {margin: 0px;}
.bottomColsFrame .col .map {position: relative; width: 100%; height: auto; float: left;}
.bottomColsFrame .col .map::AFTER {content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 4px; background-color: rgba(58,72,117); opacity: 0.35; transition: all 0.3s;}
.bottomColsFrame .col:HOVER .map::AFTER {opacity: 0.15;}
.bottomColsFrame .col .video {position: relative; width: 100%; float: left;}
.bottomColsFrame .col .video::AFTER {content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.85; background-image: url('/images/icon-play.png'); background-position: center center; background-repeat: no-repeat; transition: all 0.3s;}
.bottomColsFrame .col:HOVER .video::AFTER {opacity: 1;}
.bottomColsFrame .col .overlay {position: relative; width: 100%; height: auto; float: left;}
.bottomColsFrame .col .overlay::AFTER {content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 4px; background-color: rgba(58,72,117); opacity: 0; transition: all 0.3s;}
.bottomColsFrame .col:HOVER .overlay::AFTER {opacity: 0.15;}

.contactFrame {width: 100%; flaot: left; display: flex;}
.contactFrame .left {flex: 1;}
.contactFrame .right {flex: 1;}
.contactFrame H3 {margin: 10px 0px 15px 0px;}

/* Google Mapa */
#googleMapSellers {float: left; width: 100%; height: 500px; font-family: arial;}
#contactMap {width: 100%; height: 100%;}
#mapWrap {position:relative;}
.floatable-left {float:left;}
.gm-style-iw img {float:left; width: 100px; background: #F00; margin-right: 10px;margin-bottom: 20px;}
/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
max-width: none;
}
/*.gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 13px;
    padding: 10px;
}*/


.gm-style-iw .gmInfowindow {min-width: 300px; min-height: 150px;  background-color: #FFF; float: left; padding: 10px 20px; margin: 0px; bottom: -8px; left: -50px; position: absolute; z-index: 1;}
.gm-style-iw p {width: 100%; float: left; margin: 0px 0px 20px 0px; color: #3A4875; font-weight: bold; font-size: 12px;}
.gm-style-iw IMG {float: left;}
.gm-style-iw h3 {width: 100%; float: left; margin: 0px 0px 10px 0px; color: #EE000D;}

#devMode {position: fixed; padding: 3px 5px; color: #FFF; background-color: #d9001a; bottom: 0px; right: 0px; font-size: 11px; text-decoration: none;}