BODY {font-family: 'Roboto Condensed', sans-serif; margin: 0px; color:#000000; background-position: center top; background-repeat: no-repeat; background-color:#e7edf0; font-size: 1.0em; font-weight: 300;}

A {color: inherit; text-decoration: none;}
P {line-height: 1.4; margin: 0px;}

#errorMessage {width: 100%; float: left;}
.notDisplay {display: none;}
A:HOVER {text-decoration: none;}
A, a.link {color: #3aaf49; font-weight: 400;}

.hideText {display: none;}
.box {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.mainFrame {width: 1280px; margin: 0px auto;}  

.flexbox {display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.flexbox.flexbox-vert-center {align-items: center;}
.flexbox.flexbox-hor-center {justify-content: center;}

.buttonRegText {width: auto; display: flex; font-size: 15px; font-weight: 400; margin: 4px 0 12px; text-transform: uppercase;}
.buttonRegText A {color:#ffffff; padding: 12px 14px; background-color: #7dbd35; background: linear-gradient(to right,#7dbd35,#3aaf49); text-decoration: none !important;}
.buttonRegText A:HOVER {color:#ffffff; background-color: #4bb558; background: #4bb558;}

.buttonReg {width: auto; float: left; display: flex; font-size: 19px; font-weight: 600; margin-top: 20px; text-transform: uppercase;}
.buttonReg A {color:#ffffff; padding: 15px 30px; background-color: #7dbd35; background: linear-gradient(to right,#7dbd35,#3aaf49); text-decoration: none !important;}
.buttonReg A:HOVER {color:#ffffff; background-color: #4bb558; background: #4bb558;}

.left .buttonReg {width: 100%; float: left; display: flex; font-size: 19px; font-weight: 600; margin: 0 0 20px; text-transform: uppercase;}
.left .buttonReg A {width: 100%; color:#ffffff; padding: 15px 30px; background-color: #db1c6c; background: linear-gradient(to right,#db1c6c,#a0296b); text-decoration: none; text-align: center; font-weight: 600;}
.left .buttonReg A:HOVER {color:#ffffff; background-color: #4bb558; background: #4bb558; }

.buttonRegR {width: auto; float: left; display: flex; font-size: 19px; font-weight: 600; margin: 0 0 20px; text-transform: uppercase;}
.buttonRegR A {width: 100%; color:#ffffff; padding: 15px 30px; background-color: #db1c6c; background: linear-gradient(to right,#db1c6c,#a0296b); text-decoration: none; text-align: center; font-weight: 600;}
.buttonRegR A:HOVER {color:#ffffff; background-color: #4bb558; background: #4bb558; }

.buttonGreen {width: auto; float: left; display: flex; font-size: 17px; font-weight: 300; margin: 5px 10px 5px 0;}
.buttonGreen A {color:#ffffff; padding: 12px 20px; background-color: #7dbd35; background: linear-gradient(to right,#7dbd35,#3aaf49); text-decoration: none !important;}
.buttonGreen A:HOVER {color:#ffffff; background-color: #4bb558; background: #4bb558;}

.buttonGray {width: auto; float: left; display: flex; font-size: 17px; font-weight: 300; margin: 5px 10px 5px 0;}
.buttonGray A {color:#ffffff; padding: 12px 20px; background-color: #666666; background: linear-gradient(to right,#666666,#454545); text-decoration: none !important;}
.buttonGray A:HOVER {color:#ffffff; background-color: #454545; background: #454545;}

#topFrame {width: 100%; height: 550px; float: left; display: flex; align-items: center; justify-content: center; background-image: url(../images/slider/bg_header.jpg); background-position: center center;}
#topFrame .introText {width: 100%; float: left; color: #000; *position: relative; margin: 20px auto 0;}
#topFrame .introText h1 {width: 100%; float: left; font-size: 52px; text-shadow: 0px 0px 20px #ffffff; line-height: 52px; font-weight: 600; text-align: center; text-transform: uppercase; margin: 0;}
#topFrame .introText h2 {width: 100%; float: left; font-size: 30px; text-shadow: 0px 0px 20px #ffffff; line-height: 38px; font-weight: 400; text-align: center; text-transform: uppercase; margin: 55px 0 6px;}
#topFrame .introText p {width: 100%; float: left; font-size: 21px; text-shadow: 0px 0px 20px #ffffff; font-weight: 600; text-align: center; margin: 10px 0;}

#buttonsRight {position: absolute; right: 0px; /*top: 60%;*/ top: 250px; z-index: 2000; text-transform: uppercase;}
#buttonsRight A {color: #fff; text-decoration: none; }
#buttonsRight .button {width: 90px; position: absolute; left: -165px; margin: 0px; padding: 20px 40px 20px 35px; color: #fff; background-color: #7dbd35; background: linear-gradient(to right,#7dbd35,#3aaf49); text-decoration: none; font-size: 20px; height: auto; line-height: 30px; *transition: 0.5s;}
#buttonsRight .button:hover {color:#ffffff; background-color: #4bb558; background: #4bb558;}
#buttonsRight .button span {font-size: 33px;}

HEADER {width: 100%; height: auto; float: left;  position: fixed; z-index: 100;}
//HEADER .inner {width: 100%; height: 88px; float: left; align-items: center; justify-content: space-between;}
.on-scroll{background-color: #ffffff!important; }
.logo {width: 20%; float: left; margin-top: 15px;}
.menu {width: 75%; float: left; margin-top: 45px; height: auto; font-size: 17px; font-weight: 400; text-transform: uppercase; color: #fff;}
.menu .inner {width: 100%; float: left; height: 40px; justify-content: flex-end;}
.menu .inner UL {padding: 0; margin: 0; }
.menu .inner UL LI {position: relative; padding: 0; margin: 0; text-align: center;}
.menu .inner UL LI A {padding: 12px 12px; 10px; color: #333333; text-decoration: none;}
.menu .inner UL LI:last-child {border-right: 0;}
.menu .inner UL LI:HOVER, #menu .inner UL LI A:HOVER, #menu .inner UL LI active {color: #ffffff; background-color: #7dbd35;}

.menu .inner UL LI UL.submenu {display: none; position: absolute; left: 0; top: 100%; margin: 0;}
.menu .inner UL LI UL.submenu LI {width: auto; height: auto; margin: 1px 0; background-color: #7dbd35; list-style: none; *border-bottom: 1px solid #ffffff;}
a.hasSubmenu.active {background-color: #7dbd35; color: #ffffff;}
.menu .inner UL LI UL.submenu LI A {width: 285px; color: #ffffff; padding: 12px 15px; margin: 0; text-align: left; text-transform: uppercase; font-weight: 400; font-size: 15px;}
.menu .inner UL LI UL.submenu LI A:HOVER {color: #ffffff; background-color: #4bb558;}


#header.shrink {width: 100%; height: 80px; background-color: #ffffff; *background-color: #d4d7d7; transition: 0.5s; z-index: 100; position:fixed; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2) z-idnex: 2000; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); -o-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);}
#header.shrink .logo { margin-top: 8px;}
#header.shrink .logo img {width: 85%; transition: 0.5s; transition-timing-function: ease-out; transition-duration: 0.2s;}
#header.shrink .menu {margin-top: 35px;} 
#header.shrink .socSite .fb, #header.shrink .socSite .insta {margin-top: 35px;}

#hamburger {display: none;}
#menuMobile {display: none;}

.socSite {width: 5%; float: right; justify-content: flex-end; display: flex;}
.socSite .fb {width: 30px; margin-top: 48px; display: block;}
.socSite .insta {width: 30px; margin-left: 5px; margin-top: 48px; display: block;}

#mainContent {width: 100%; height: auto; float: left;}
#mainContent H1 {width: 100%; float: left; font-size: 28px; font-weight: bold; color: #3aaf49; padding: 0px; text-transform: uppercase;}
#mainContent H2 {width: 100%; float: left; font-size: 25px; font-weight: bold; color: #3aaf49; padding: 0px; text-transform: uppercase;}
#mainContent H3 {width: 100%; float: left; font-size: 25px; font-weight: 400; margin: 12px 0 8px; padding: 0px;}
#mainContent H3 span {font-size: 19px; font-weight: 400; color: #3aaf49;}
#mainContent H4 {width: 100%; float: left; font-size: 21px; font-weight: 400; color: #3aaf49; margin: 0 0 8px; padding: 0px;}
#mainContent P {width: 100%; *font-size: 0.95em;  margin: 0px 0px 12px 0px; line-height: 1.5;}
#mainContent .inner {width: 100%; float: left; height: auto; padding: 0 0 20px;} 
#mainContent a, #mainContent a.link {text-decoration: underline; font-weight: bold;}
#mainContent a:HOVER {text-decoration: none;}
#mainContent strong {font-weight: 600;}

#homeText {width: 100%; float: left; height: auto;}
#homeText .inner {width: 100%; float: left; height: auto; padding:0 0 40px; justify-content: space-between;}
#homeText .inner .left {width: 49%;}
#homeText .inner .right {width: 49%; margin-bottom: 30px;}
        
#homeText .inner .left TABLE {width: 100%; border-collapse: collapse; line-height: 1.7; margin-bottom: 22px;}
#homeText .inner .left TABLE TH {border-bottom: 1px solid #3aaf49; font-size: 1.6em; line-height: 1.4em; padding: 10px 0 0; color: #3aaf49; text-transform: uppercase; background: none;}
#homeText .inner .left TABLE TR {border-bottom: 1px solid #aaa;}
#homeText .inner .left TABLE TD {border-top: 1px solid #aaa; padding: 5px 0; color: #171717; line-height: 2.3; border: none;}
#homeText .inner .left TABLE TD P {width: 100%;}

#homeText .inner .right .sport {width: 100%; height: 100%; flex-wrap: wrap;}
#homeText .inner .right .sport .item {width: calc(33.3% - 5px); *height: 200px; margin: 0; margin-right: 5px; transition: width 2s, height 2s, transform 0.5s; margin-bottom: 5px; padding: 33px 0 15px; box-shadow: inset 0px 0px 60px 0px rgba(0,0,0,0.1); background-color: #cdcecd; align-items: center; flex-direction: column; text-align: center; color: #d81921; font-size: 18px; font-weight: 700;}
#homeText .inner .right .sport .item:hover {transform:scale(1.10);-moz-transform: scale(1.10);-webkit-transform:scale(1.10); transition-timing-function: ease-out; transition-duration: 0.4s; background-color: #7dbd35 !important; background: linear-gradient(to right,#7dbd35,#3aaf49); z-index: 1;}
#homeText .inner .right .sport .item:nth-child(2n) {background-color: #bcbdbc;}
#homeText .inner .right .sport .item:nth-child(3n) {margin-right: 0;} 
#homeText .inner .right .sport .item:nth-child(3) {background-color: #d4d7d7;}  
#homeText .inner .right .sport .item:nth-child(5) {background-color: #dbe1dd;}
#homeText .inner .right .sport .item:nth-child(7) {background-color: #dbe1dd;}
#homeText .inner .right .sport .item:nth-child(8) {background-color: #d1d3d2;}
#homeText .inner .right .sport .item:nth-child(9) {background-color: #dbe1dd;}
#homeText .inner .right .sport .item:nth-child(n+7) {margin-bottom: 5px;}
#homeText .inner .right .sport .item .icon {width: 100%; display: block;}
#homeText .inner .right .sport .item .icon IMG {max-width: 90px; max-height: 65px; justify-content: center; align-items: center;}
#homeText .inner .right .sport .item .icon .gecp IMG {max-width: 90px; max-height: 85px;}
#homeText .inner .right .sport .item .text {width: 100%; display: block; font-size: 15px; color: #333333; padding: 5px 12px; font-weight: 300; text-transform: uppercase;}

#homeText .inner TABLE.tabulkaBila {width: 100%; border-collapse: collapse; line-height: 1.7;}
#homeText .inner TABLE.tabulkaBila TH {padding: 0; text-transform: uppercase;}
#homeText .inner TABLE.tabulkaBila TD {border: none; padding: 0px 7px;}
#homeText .inner TABLE.tabulkaBila TD P {width: 100%;}

#homeText .inner H2 {width: 100%; float: left; height: 30px; font-size: 1.6em; margin: 0px 0px 25px 0px; padding: 0px; color: #3aaf49; text-transform: uppercase;}
#homeText .inner H3 {width: 100%; float: left; margin: 20px 0px 10px 0px; font-size: 24px; *color: #26567e; padding: 0px 0px 10px 0px;}
#homeText .inner H4 {width: 100%; float: left; margin: 10px 0px 10px 0px; font-weight: bold; *color: #26567e; padding: 0px 0px 10px 0px;}
#homeText .inner H4 .hvezdicka {color: #d9001a; font-size: 22px; font-weight: bold; line-height: 1px;}
 
#homeText .inner UL {width: 100%; float: left; margin: 0px 0px 15px -20px;}
#homeText .inner UL LI {width: 100%; *float: left; margin: 0px 0px 10px 0px; color: #171717; list-style-type: square; line-height: 1.5; clear: both;}
#homeText P {width: 100%; float: left; margin: 0px 0px 10px 0px; color: #171717; line-height: 1.5;}

#homeText .inner P.error {color: #F00;}
#homeText .inner .fb-like {float: left; margin: 0px 0px 15px 0px; color: #171717; line-height: 1.5; clear: left;} 

strong {font-weight: 600;}
   
#map {width: 100%; height: 500px; float: left; margin: 40px 0 0;} 

//.doKonceRokuZdarma {width: 100%; height: 57px; font-size: 13px; line-height: 1.7; padding: 15px 20px 0px 230px; font-style: italic; margin: 0px 0px 10px 0px; display: block; color: #171717; text-decoration: none; float: left; background-image: url('/images/do-konce-roku-zdarma.png');}
//.doKonceRokuZdarma:HOVER {text-decoration: underline;}

        #mainContent .left TABLE {width: 100%; float: left; margin: 0px 0px 20px 0px; padding: 0px; border-collapse: collapse;}
          #homeText .mainFrame .inner .left TABLE TD.ns-stl-price {color:#3aaf49; width: 25%; font-size: 18px; font-weight: 600; text-align: center;}
          #mainContent .left TH {padding: 0px; font-weight: bold; color: #646971; border: none; border-bottom: 1px solid #646971; font-size: 17px;}
        #mainContent .left .cntFrame {width: 100%; float: left; margin: 0px 0px 15px 0px;}
          #mainContent .left .cntFrame IMG {width: 125px; height: 115px; float: left; border: 0px; margin: 0px 10px 0px 0px;}
          #mainContent .left .cntFrame H3 {width: 310px; float: left; margin: 2px 0px 8px 0px; font-size: 17px; font-weight: 100; color: #357dc6; border: 0px;}
            #mainContent .left .cntFrame H3 A {color: #357dc6;}
          #content .left .cntFrame P {width: 310px; float: left; margin: 0px 0px 15px 0px; font-size: 12px; color: #171717; line-height: 1.7;}
      #mainContent .left {padding: 0px 30px 0px 0px;}
      #mainContent .right {padding: 0px 0px 0px 0px;}
      #mainContent .banner {width: 100%; height: 172px; float: left; background-image: url(../images/banner01.jpg); margin: 15px 0px 30px 0px; display: none;}
        #mainContent .banner H2 {width: 100%; height: 172px; float: left; margin: 0px;}
          #mainContent .banner H2 A {width: 100%; height: 172px; float: left; display: block;}
    
      #mainContent .noborder TD {border: 0px;}
    
      #mainContent .contentSubMenu {width: 100%; font-size: 15px; border-bottom: 1px #cdcecd solid; margin: 30px 0 30px; padding: 0px;}
      #mainContent .contentSubMenu span {padding: 4px 8px; color:#ffffff; font-weight: 300; background-color: #4bb558; background: #4bb558; text-decoration: none; display: inline-block; margin: 2px 0 0;}
      #mainContent .contentSubMenu A {color:#ffffff; padding: 4px 8px; font-weight: 300; background-color: #666666; background: linear-gradient(to right,#666666,#454545); text-decoration: none; display: inline-block; margin: 2px 0 0;}
      #mainContent .contentSubMenu A:HOVER {color:#ffffff; background-color: #454545; background: #454545;}
          
  #mainContent UL {*width: 100%; *float: left; margin: 0px 0px 15px 0px;}
  #mainContent ul li {padding: 5px 0px 5px 5px; color: #171717; list-style-type: square; line-height: 1.4; clear: both; }
  
      
#navigationContainer {width: 100%; min-height: 70px; float: left; margin: 100px 0px 0px 0px; background-color:#dbe1dd; display: flex; font-size: 15px;}
#navigationContainer .mainFrame .navigationFrame {padding: 30px 0;}
#navigationContainer .mainFrame .navigationFrame A {color: #353535; text-decoration: underline;}
#navigationContainer .mainFrame .navigationFrame A:HOVER {text-decoration: none;}
#navigationContainer .mainFrame .navigationFrame .addedText {float: left; margin: 0px 3px; color:#666666;}
#navigationContainer .mainFrame .navigationFrame DIV {float: left;}
      
      #mainContent .progDelimiter {width: 25px; height: 70px; float: left;}
      #mainContent .field {width: 150px; height: 60px; float: left; margin: 0px 30px 20px 0px; background-image: url(../images/field-off.jpg); clear: left;}
      	#mainContent .field .input {float: left; margin: 20px 0px 0px 10px;}
      	#mainContent .field .text {float: left; margin: 18px 0px 0px 10px; font-size: 20px; font-weight: bold; color: #444;}
      #mainContent .fieldOn {width: 150px; height: 60px; float: left; margin: 0px 30px 20px 0px; background-image: url(../images/field.jpg); clear: left;}
      	#mainContent .fieldOn .input {float: left; margin: 20px 0px 0px 10px;}
      	#mainContent .fieldOn .text {float: left; margin: 18px 0px 0px 10px; font-size: 20px; font-weight: bold; color: #FFF;}
      #mainContent .description {width: 100%; float: left; margin: 17px 0px 10px 0px;}
      	#mainContent .description P {width: 100%; float: left; margin: 0px 0px 10px 0px; font-size: 14px; color: #333;}
      		#mainContent .description P .light {color: #aaa;}
      #mainContent INPUT[name=regForm01Submit] {width: 100%; height: 60px; float: left; background-image: url(../images/submit.jpg); font-size: 18px; color: #FFF; font-weight: bold; border: 0px; margin: 15px 0px 30px 0px;}
      #mainContent INPUT[name=regForm01Submit]:HOVER {background-image: url(../images/submit-on.jpg);}
      #mainContent INPUT[name=regForm02Submit] {width: 100%; height: 60px; float: left; background-image: url(../images/submit.jpg); font-size: 18px; color: #FFF; font-weight: bold; border: 0px; margin: 15px 0px 30px 0px;}
      #mainContent INPUT[name=regForm02Submit]:HOVER {background-image: url(../images/submit-on.jpg);}
      #mainContent .radioSet {width: 100%; float: left; margin: 0px 0px 15px 0px;}
      	#mainContent .radioSet .text {width: 250px; float: left; font-size: 14px; color: #333; line-height: 1.5;}
      		#mainContent .radioSet .text .light {color: #aaa;}
      	#mainContent .radioSet .radio {width: 100%; float: right; font-size: 14px; color: #333; margin: 0px 0px 10px 0px;}
      #mainContent .checkSet {width: 100%; float: left; margin: 0px 0px 15px 0px;}
      	#mainContent .checkSet .check {width: 100%; float: right; font-size: 14px; color: #333; margin: 0px 0px 10px 0px;}
      #mainContent .textInput {width: 100%; float: left; margin: 0px 0px 10px 0px;}
      	#mainContent .textInput .text1 {width: 250px; float: left; font-size: 14px; color: #333; padding: 6px 0px 0px 0px;}
      	#mainContent .textInput .input {width: 250px; float: left; font-size: 14px; color: #333; margin: 0px 0px 0px 0px;}
      		#mainContent .textInput .input INPUT {width: 220px; height: 16px; float: left; background-color: #FFF; border: 1px solid #ccc; font-size: 14px; color: #333; padding: 5px;}
      	#mainContent .textInput .text2 {width: 100%; float: left; font-size: 14px; color: #aaa; padding: 6px 0px 0px 0px;}
			#mainContent .mustBe {color: red;}
			#mainContent .priceText {width: 100px; height: 40px; float: left; font-size: 18px; color: #333;}
			#mainContent .priceTextAll {width: 150px; height: 40px; float: left; font-size: 18px; color: #333; margin: 15px 0px 0px 0px;}
			#mainContent .priceBox {width: 100%; height: 40px; float: left; font-size: 18px; color: #26567e; font-weight: bold;}
			#mainContent .priceBoxAll {width: 100%; height: 40px; margin: 15px 0px 0px 0px; float: left; font-size: 18px; color: #26567e; font-weight: bold;}
			#mainContent .addChild {width: 170px; float: left; margin: 15px 0px 15px 0px; font-size: 16px; padding: 0px 0px 15px 0px;}
			#mainContent .removeChild {width: 100%; float: left; margin: 15px 0px 15px 0px; font-size: 16px; padding: 0px 0px 15px 0px;}
		
  #bottomFrame {width: 100%; height: 923px; float: left; background-image: url(../images/bg_bottom.jpg); background-position: center top; background-repeat: repeat-x;}
    #bottomFrame .inner {width: 100%; float: left; height: auto; padding: 0 0 10px; text-align: left; line-height: 1.6; border-top: 1px solid #cdcecd;} 
    .addsBottom .row {width: 100%; float: left; height: auto; margin: 0;}   
     #bottomFrame .inner .copyright {width: 20%; float: left; padding: 12px 0px 0px; font-size: 15px; color: #062943; line-height: 1.25;}
     #bottomFrame .inner .copyright img {width: 180px;}
     #bottomFrame .inner .copyright .row {width: 100%; float: left; height: auto; margin: 0;}
    .addsBottom {width: 80%; float: left; padding: 30px 0px 0px; font-size: 15px; color: #062943; line-height: 1.7;}
      .addsBottom A {color: #062943;}
      .addsBottom A:HOVER {text-decoration: underline;}
    //.createdBy {width: 78px; height: 42px; float: left; margin: 66px 0px 0px 4px;}
      //.createdBy A {width: 100%; height: 42px; float: left; }
      //.reatedBy A:HOVER {background-image: url(../images/ns.jpg); }
  
#rezervaceFrame {width: 100%; height: 2500px;}
 
        
#mainContent TABLE {width: 100%; border-collapse: collapse; line-height: 1.7; margin: 0 0 25px;}
#mainContent TABLE TH {border: none; padding: 15px 10px; color: #FFF; text-transform: uppercase; background-color: #999; border-bottom: 5px solid #e7edf0;}
#mainContent TABLE TR {border-bottom: 2px solid #e7edf0;  padding: 10px; background-color: #ffffff;}
#mainContent TABLE TBODY TR:hover {transition-duration: 0.2s; background-color: #eeeeee !important; z-index: 100;}
#mainContent TABLE TD {padding: 10px; border: none; }
#mainContent TABLE TD.logo img {}
#mainContent TABLE TD.ns-stl-price {min-width: 20%; padding: 10px; color: #333333; border: none; font-weight: 600; white-space: nowrap;}
#mainContent TABLE TD P {width: 100%;}

#mainContent TABLE.logo {width: 100%; border-collapse: collapse; line-height: 1.7; margin: 0 0 25px;}
#mainContent TABLE.logo TR {border-bottom: 2px solid #e7edf0;  padding: 10px; background-color: #fff;}
#mainContent TABLE.logo TBODY TR:hover {background-color: #ffffff !important;}

#mainContent TABLE.ubytko {width: 100%; border-collapse: collapse; line-height: 1.7; margin: 0 0 25px;}
#mainContent TABLE.ubytko TR {border-bottom: 2px solid #e7edf0;  vertical-align: top; padding: 10px; background-color: none;}
#mainContent TABLE.ubytko TBODY TR:hover {background-color: none !important;}
#mainContent TABLE.ubytko TD img {padding: 25px 10px 0;}

//.buttonGray {display: inline-block; font-size: 17px; font-weight: 300; margin-top: 20px;}
//.buttonGray A {color:#ffffff; padding: 12px 20px; background-color: #666666; text-decoration: none;}
//.buttonGray A:HOVER {color:#ffffff; background-color: #555555;}