@font-face {
    font-family: 'DejaVuBold';
    src: url('/css/dejavusans.eot');
    src: url('/css/dejavusans.eot?#iefix') format('embedded-opentype'),
         url('/css/dejavusans.woff') format('woff'),
         url('/css/dejavusans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'DejaVu';
    src: url('/css/dejavusans-extralight.eot');
    src: url('/css/dejavusans-extralight.eot?#iefix') format('embedded-opentype'),
         url('/css/dejavusans-extralight.woff') format('woff'),
         url('/css/dejavusans-extralight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.fl{ float: left !important;  }

.fr{ float: right !important; }

.cleaner{ clear: both; height: 0; overflow: hidden }

.f7 { font-size:  7pt; }
.f8, .f8 th, .f8 td { font-size:  8pt !important }
.f9 { font-size:  9pt; }
.f10{ font-size: 10pt; }
.f11{ font-size: 11pt; }
.f12{ font-size: 12pt; }
.f13{ font-size: 13pt; }
.f14{ font-size: 14pt; }
.f15{ font-size: 15pt; }
.f16{ font-size: 16pt; }
.f17{ font-size: 17pt; }
.f18{ font-size: 18pt; }
.f19{ font-size: 19pt; }
.f20{ font-size: 20pt; }
.f21{ font-size: 21pt; }
.f22{ font-size: 22pt; }
.f23{ font-size: 23pt; }
.f24{ font-size: 24pt; }

.bold{ font-weight: bold !important; }
.normal{ font-weight: normal; }
.nodecor{ text-decoration: none; }
.noborder{ border: 0 !important; }
.hand{ cursor: pointer !important; }
.cdefault, .pointer{ cursor: default !important; }
.tleft{text-align: left}
.tcenter{text-align: center}
.tright{text-align: right !important}
.decor{text-decoration: underline}

.red{ color: red }
.gray{ color: #777777 }
.white{ color: white }
.black{ color: black }

.mcenter{ margin: auto }

.nobg{ background: transparent !important }

.hidden{display: none;}

#null, #preload{display: none}

.nocellspacing{ border-collapse: collapse; }

.nocellpadding td, .nocellpadding th{ padding:0 }


html{
      height: 100%;
      -webkit-font-smoothing: antialiased;

}

body{
      height: 100%;
      margin: 0;
      font-family: 'dejavu';
      font-size: 12pt;
      color: black;
}

a img{
      border: 0;
}

a{
      text-decoration: underline;
      color: black;
}

a:hover{
      color: #00CCFF;
}

#topline{
      height: 4px;
      width: 100%;
      background-color: #b3b3b3;
      overflow: hidden;
}

.container{
      width: 900px;
      margin: 0 auto;
      border: 1px solid transparent;
}

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

#menu{
      float: right;
      margin-top: 25px;
      height: 64px;
      line-height: 64px;
      text-align: right;
}

#menu a{
      font-size: 12pt;
      color: black;
      text-decoration: none;
      display: inline-block;
      margin-left: 25px;
}

#menu a:hover{

}

#a1{
      background: url('/images/general/ico-o-firme.png') center left no-repeat;
      padding-left: 33px;
}

#a2{
      background: url('/images/general/ico-zakaznicky-portal.png') center left no-repeat;
      padding-left: 33px;
}


#a3{
      background: url('/images/general/ico-kontakt.png') center left no-repeat;
      padding-left: 23px;
}

#a1:hover{
      background: url('/images/general/ico-o-firme-active.png') center left no-repeat;
}

#a2:hover{
      background: url('/images/general/ico-zakaznicky-portal-active.png') center left no-repeat;
}


#a3:hover{
      background: url('/images/general/ico-kontakt-active.png') center left no-repeat;
}

#mainBG{
      width: 100%;
      margin-top: 25px;
      height: 230px;
      margin-bottom: 15px;
}

#mainLeft, #mainRight{
      float: left;
      width: 50%;
      height: inherit;
      background: url('/images/general/bg-elektrina.png') right center no-repeat #00ccff;
      overflow: hidden;
}

#mainRight{
      float: right;
      background: url('/images/general/bg-plyn.png') left center no-repeat #99ff00;
}

#label-elektrina, #label-plyn{
      color: white;
      margin-top: 155px;
      font-size: 29pt;
      float: right;
      margin-right: 35px;
      margin-left: 35px;
      display: none;
      text-decoration: none;
}

#label-plyn{
      float: left;
}
/*
#label-elektrina:hover, #label-plyn:hover{
      margin-top: 152px;
}
*/


#questionContainer, #calcContainer{
      position: absolute;
      right: 0;
      width: 44px;
      height: 190px;
      top: 590px;
      overflow: hidden;
      z-index: 10001;
}

#calcContainer{
      left: 0;
      right: auto;
      top: 450px;
}

#questionA{
      background: url('/images/general/mam-dotaz.png') left center no-repeat;
      cursor: pointer;
      display: block;
      width: 46px;
      height: 159px;
      float: left;

}

#question:hover{
      margin-left: 0px !important;
}

#calcA{
      background: url('/images/general/kalkulacka.png') right center no-repeat;
      cursor: pointer;
      display: block;
      width: 44px;
      height: 159px;
      margin-left: -46px;

}

#calcA:hover{
      margin-left: 0px !important;
}


h1{
      font-size: 15pt;
      font-weight: normal;
      color: #333333;
      margin: 25px 0 20px 0;
      line-height: 30px;
}

.line1, .line2{
      width: 100%;
      height: 1px;
      background: url('/images/general/line-1.png') center center no-repeat;
      overflow: hidden;
}

.line2{
      background: url('/images/general/line-2.png') center center no-repeat;
}

#features{
      width: 100%;
      height: 73px;
      margin: 18px 0;
      overflow: hidden;
}

.feature{
      position: relative;
      color: #333;
      font-size: 11pt;
      line-height: 22px;
      width: 100%;
      height: 73px;
      overflow: hidden;
      display: none;
      cursor: default;
}

.feature h2{
      font-size: 15pt;
      color: #333333;
      height: 20px;
      margin: 10px 0 10px 0;
}



.featureNr{
      float: left;
      width: 73px;
      height: 73px;
      margin: 0;
      margin-right: 25px;

}

#featureControls{
      float: right;
      margin-top: 15px;
      margin-right: 15px;
}

#featureControls a{
      width: 10px;
      height: 10px;
      margin-left: 8px;
      display: block;
      float: left;
      cursor: pointer;
      background: url('/images/general/dot.png') center top no-repeat;
}

#featureControls .active, #featureControls a:hover{
      background: url('/images/general/dot-active.png') center top no-repeat;
}

.sqc{
      float: left;
      margin-left: 0;
      margin-right: 46px;
      height: 190px;
      width: 190px;
}

.sqc:last-child{
      margin-right: 0px !important;
      float: right;
}

.sq{
      width: 190px;
      height: 60px;
      color: white;
      padding-top: 130px;
      line-height: 30px;
      font-size: 22pt;
      text-align: center;
      text-decoration: none;
      display: block;
}

.sq:hover{
      color: white;
}

#sqs{
      margin-top: 50px;
      height: 200px;
      margin-bottom: 50px;
      width: 900px; 
}

#elektrina{
      background: url('/images/general/sq-elektrina-big.png') center center no-repeat;
}

#plyn{
      background: url('/images/general/sq-plyn-big.png') center center no-repeat;
}

#virtual{
      background: url('/images/general/sq-virtual-big.png') center center no-repeat;
}

#kalkulacka{
      background: url('/images/general/sq-kalkulacka-big.png') center center no-repeat;
}

#eshop{
      background: url('/images/general/sq-eshop-big.png') center center no-repeat;
}

.sql2{
      font-family: DejaVuBold;
      font-size: 10pt;
      line-height: 15px;
      display: block;
      margin-top: 2px;
}

#profileBar{
      width: 100%;
      height: 100px;
      border-top: 1px solid #b3b3b3;
}

#profile, #action, #calc{
      width: 50%;
      float: left;
}

.profileIcon, .actionIcon, .calcIcon{
      float: left;
      width: 100px;
      height: 100px;
}

.actionIcon, .calcIcon{
      margin-left: 25px;
}

.calcIcon{
      margin-left: 20px;
      width: 95px;
}

#calcLabel{
      font-size: 17pt !important;
}

#profile .domacnost{
      background: url('/images/general/profile-domacnost-active.png') center left no-repeat;
}

#profile .maloodberatel{
      background: url('/images/general/profile-maloodberatel-active.png') center left no-repeat;
}

#profile .velkoodberatel{
      background: url('/images/general/profile-velkoodberatel-active.png') center left no-repeat;
}

.actionIcon{
      background: url('/images/general/ico-akcni-nabidka.png') center left no-repeat;
}

.calcIcon{
      background: url('/images/general/ico-kalkulacka.png') center left no-repeat;
}


#profileLabel, #actionLabel, #calcLabel{
      font-size: 18pt;
      height: 30px;
      line-height: 30px;
      margin-top: 25px;
}

#actionLabel, #calcLabel{
      font-weight: bold;
      text-align: center;
}

#actionLabel a, #calcLabel a{
      color: #FB0000;
      text-decoration: none;
}

#actionLabel a:hover, #calcLabel a:hover{
/*      text-decoration: underline; */
}

#profileLabel span{
      font-family: dejaVuBold;
}

#actionLabel span, #calcLabel span{
      font-family: dejaVuBold;
      font-weight: bold;
}


#profileChange, #actionHref, #calcHref{
      font-size: 9pt;
      color: #666666;
      line-height: 12px;
      margin-top: 5px;
}

#actionHref, #calcHref{
      text-align: center;
}

#actionHref a{
      text-align: center;
      color: #888888;
      cursor: pointer;
      text-decoration: none;
}

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

#profileChange a, #calcHref a{
      color: black;
      text-decoration: underline;
      font-weight: bold;
}

#profileChange a:hover, #calcHref a:hover{
      text-decoration: none;
      cursor: pointer;
}

#articles1{
      width: 100%;
      background: url('/images/general/gray-top.png') center top repeat-x;
      padding-top: 20px;
}

#articles2{
      width: 100%;
      background: url('/images/general/gray-bottom.png') center bottom repeat-x;
      padding-bottom: 20px;
}

.article{
      width: 426px;
      float: left;
      margin-top: 35px;
      margin-bottom: 35px;
}

.articleIcon{
      float: left;
      width: 73px;
      height: 73px;
      background: url('/images/general/ico-news.png') center center no-repeat;
      margin-right: 25px;
}

.article h2{
      font-size: 12pt;
      margin: 5px 0 5px 0;
      line-height: 25px;
      font-weight: normal;
      font-family: dejaVuBold;
}

.article h2 a{
      color: black;
      text-decoration: none;
}

.article h2 a:hover{

}

.articleText{
      width: 325px;
      float: left;
}

.article p{
      margin: 0;
      display: block;
      font-size: 10pt;
      line-height: 22px;
      text-align: justify;
}

.article:hover .articleIcon, .articleIconActive{
      background: url('/images/general/ico-news-active.png') center center no-repeat;
}

.article:hover{
      cursor: default;
}

.articleLine{
      clear: both;
      background: url('/images/general/line-news.png') right center no-repeat;
      height: 1px;
      width: 100%;
      overflow: hidden;
      margin: 15px 0;
}

.btnSimple{
      padding: 6px;
      background-color: #B1B1B1;
      color: white;
      font-size: 9pt;
      float: right;
      text-decoration: none;
}

.btnSimple:hover{
      background-color: #360064;
      color: white;
}

.article:nth-child(even){
      /*margin-left: 45px;*/
      float: right;
}

#bottom{
      width: 100%;
      height: 83px;
      background: url('/images/general/bottom.png') center bottom no-repeat #363636;
      color: white;
      font-size: 9pt;
}

.line5b, .line5g{
      width: 50%;
      float: left;
      height: 3px;
      background-color: #00CCFF;
}

.line5g{
      background-color: #99FF00;
}

#bottomMenu{
      float: left;
      width: 50%;
      line-height: 80px;
}

#bottomMenu a{
      display: inline-block;
      color: #cccccc;
}

#copy{
      float: right;
      width: 50%;
      text-align: right;
      padding-top: 20px;
      line-height: 18px;
}

#copy a{
      color: white;
      text-decoration: none;
}

#copy a:hover{
      text-decoration: underline;
}

#bottomPartner{
      padding-left: 35px;
      text-decoration: none;
      background: url('/images/general/ico-partnerska-zona.png') center left no-repeat;
      margin-right: 35px;
}

#bottomPartner:hover{
      color: white;
}


#bottomMapa{
      padding-left: 35px;
      text-decoration: none;
      background: url('/images/general/ico-mapa-stranek.png') center left no-repeat;
}

#bottomMapa:hover{
      color: white;
}

#ccmb{
      height: 20px;
      margin-bottom: 25px;
      margin-left: 98px;
}

#ccmb a{
      font-size: 9pt;
      color: black;
      text-decoration: none;
      padding-left: 15px;
      margin-right: 15px;
      display: inline-block;
      background: url('/images/general/li.png') center left no-repeat;
}

#ccmb a:hover{
      text-decoration: underline;
}

#article{

}

#article h1{
      font-weight: normal;
      line-height: 73px;
      margin: 0;
      font-family: dejaVuBold;
      color: #333333;

}

#article .articleText, #text{
      width: 800px;
      margin-top: 0;
      font-size: 11pt;
      line-height: 160%;
}

#text{
      width: 100%;
      margin-bottom: 40px;
}

#article p{
      margin: 0;
}

#article a{
}

#backPanel{
      width: 100%;
      height: 30px;
      background-color: #E5E5E5;
      margin: 40px 0 55px 0;
}

#back{
      width: 56px;
      background: url('/images/general/ico-back.png') center left no-repeat #AC96BF;
      border-left: 10px solid #AC96BF;
      display: block;
      color: white;
      font-size: 9pt;
      height: 30px;
      line-height: 30px;
      text-decoration: none;
      padding-left: 25px;
}


#back:hover{
      background-color: #360064;
      border-left: 10px solid #360064;
}

.submenu{
      width: 100%;
      height: 73px;
      margin-bottom: 30px;
      font-size: 12pt;
      line-height: 73px;
}

.submenu a{
      text-decoration: none;
      float: left;
      margin-left: 20px;
      color: white;
      line-height: 44px;
      margin-top: 15px;
      padding-right: 20px;
      font-weight: bold;
}

#siE a{
      border-right: 1px solid #2DCAFD;
}

#siP a{
      border-right: 1px solid #46C900;
}

#siV a{
      border-right: 1px solid #ffffff;
}


.submenu a:hover{
      color: black;
}

.submenu .active{
      color: black;
      /*font-weight: normal;*/
}

.submenu a:last-child{
      border: 0 !important;
}

#siE{
      background: url('/images/general/menu-elektrina.png') center center no-repeat;
}

#siP{
      background: url('/images/general/menu-plyn.png') center center no-repeat;
}

#siV{
      background: url('/images/general/menu-virtual.png') center center no-repeat;
}

#siE .submenuLabel{
      margin-left: 90px;
      width: 134px;
}

#siP .submenuLabel{
      margin-left: 90px;
      width: 70px;
}


#siV .submenuLabel{
      margin-left: 85px;
      width: 234px;
}

.submenuLabel{
      color: white;
      font-family: DejaVuBold;
      float: left;
      font-size: 15pt;
}

#imgs a{
      display: block;
      width: 185px;
      height: 185px;
      border: 5px solid #E9E9E9;
      float: left;
      margin-right: 40px;
      margin-bottom: 40px;
      overflow: hidden;
}

#imgs a:nth-child(4n+0){
      margin-right: 0;
}

#imgs a:hover{
      border: 5px solid #dddddd;
}

#text h1{
      font-family: DejaVuBold;
      color: #333333;
}

#files{
      width: 640px;
      margin-bottom: 20px;
      overflow: hidden;
}

#files a{
      display: block;
      height: 58px;
      margin-bottom: 30px;
      background: url('/images/general/ico-soubor.png') center left no-repeat;
      font-size: 10pt;
      padding-left: 92px;
      color: black;
      text-decoration: none;
      padding-top: 15px;
}

#files a:hover{
      background: url('/images/general/ico-soubor-active.png') center left no-repeat;
}

#files a:hover span{
      text-decoration: underline;
}

#virtualPromo{
      position: absolute;
      left: 50%;
      margin-left: 220px;
      width: 240px;
      height: 199px;
      overflow: hidden;
      margin-top: -199px;

}

#virtualPromo a{
      width: 240px;
      height: 199px;
      background: url('/images/general/label-virtual.png') center bottom no-repeat;
      display: block;
      margin-top: 199px;
}

#virtualTable{
      width: 100%;
      height: 350px;
      background: url('/images/general/virtual-table.png') top center no-repeat;
      margin: 25px 0 15px 0;
}

.virtualTable2{
      height: 359px !important;
      background: url('/images/general/virtual-table-2.png') center center no-repeat !important;
}

#virtualTable th{
      color: white;
      text-align: center;
      font-weight: normal;
      height:  66px;
      line-height: 18px;
      font-size: 11pt;
      cursor: default;
}

.vtTwo td{
      font-size: 9pt;
      text-align: center;
      height: 58px;
      width: 110px;
      line-height: 17px;
      font-family: dejaVu !important;
}

#virtualTable td{
     text-align: center;
     font-family: dejaVuBold;
     cursor: default;
}

.tarifLabel{
      font-size: 28pt !important;
      font-family: DejaVuBold;
}

.tarif{
      text-align: left !important;
      font-size: 20pt !important;
      font-family: dejaVuBold !important;
      color: #960094;

}

#virtualZL{
      padding-left: 70px;
      background: url('/images/general/ico-zakaznicka-linka.png') center left no-repeat;
      height: 52px;
      line-height: 50px;
      font-size: 20pt;
      margin: 25px 0;
}

#virtualZL strong{
      font-family: DejaVuBold;
      font-weight: normal;
}

.contact{
      width: 430px;
      float: left;
      margin-top: 35px;
      margin-bottom: 20px;

}

.contactLabel{
      font-size: 16pt;
      width: 135px;
      padding-right: 10px;
      line-height: 28px;
      float: left;
}

.contactLabel p{
      line-height: 14pt;
}

.contacts{
      float: left;
      width: 285px;
}

.cOpen, .cPhone, .cMail, .cAddr, .cEmpty{
      width: 285px;
      height: 34px;
      padding-left: 50px;
      font-size: 16pt;
      margin-bottom: 15px;
      line-height: 30px;
}

.contacts a{
      text-decoration: none;
}

.contacts a:hover{
      text-decoration: underline;
      color: black;
}

.cOpen{
      background: url('/images/general/ico-oteviraci-doba.png') center left no-repeat;
}

.cAddr{
      background: url('/images/general/ico-adresa.png') center left no-repeat;
}

.cPhone{
      background: url('/images/general/ico-telefon.png') center left no-repeat;
}

.cMail{
      background: url('/images/general/ico-email.png') center left no-repeat;
}

.cNames, .cValues{
      float: left;
      width: 195px;
      font-size: 9pt;
}

.cNames{
      width: 215px;
}

#calcForm{
      width: 555px;
      float: left;
}

#calcForm h1{
      font-weight: normal;
      font-family: DejaVu;
      margin-bottom: 10px;
      padding-left: 5px;
      margin-top: 40px;
      font-size: 18pt;
}

#calcForm h1 b, #calcForm h1 strong{
      font-family: DejaVuBold;
      font-weight: normal;
}

#calcForm table{
      width: 100%;
      margin-bottom: 20px;
}

#calcForm tr{
      height: 60px;
}

.tl{
      background-color: #EFEFEF;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      padding-left: 15px !important;
      width: 210px;
      font-size: 13pt;
}

#calcForm tr:nth-child(2n+0) td{
     /* background-color: #F7F7F7; */
}

#calcResult tr:hover{
      background-color: #EFEFEF;
}

#calcResult tr td{
      height: 25px;
}

.tr{
      background-color: #EFEFEF;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
}

#calcForm select, #calcForm input[type="text"], #cForm input[type="text"]{
      font-family: dejavubold;
      font-size: 11pt;
      background: transparent;
      border: 0;
      width: 310px;
      background: url('/images/general/input-310.png') center bottom no-repeat;
      padding-bottom: 5px;
      padding-right: 5px;
      padding-left: 5px;
}

#cForm input[type="text"]{
      font-size: 10pt;
      height: 35px;
}

#calcForm input[type="text"]{
      width: 300px;
}

.w230{
      width: 220px !important;
      background: url('/images/general/input-230.png') center bottom no-repeat !important;
}

select.w230{
      width: 230px !important;
}

.btnCalc, .btnCalcGray, .btnQuestGray, .btnDownload, .btnClose{
      width: 185px;
      height: 40px;
      line-height: 40px;
      background: url('/images/general/ico-btn-kalkulacka.png') center left no-repeat #FB0000;
      font-family: DejaVuBold;
      font-size: 16pt;
      color: white;
      display: inline-block;
      float: right;
      border-radius: 8px;
      text-decoration: none;
      text-align: right;
      padding-right: 35px;
      cursor: pointer;
}

.btnCalc:hover{
      color: white;
      background-color: #E00000;
}

.btnCalcGray{
      background: url('/images/general/ico-btn-kalkulacka.png') center left no-repeat #363636;
}

.btnQuestGray{
      background: url('/images/general/ico-btn-dotaz.png') center left no-repeat #363636;
      padding-right: 25px;
      width: 195px;
}

.btnCalcGray:hover, .btnQuestGray:hover{
      color: white;
      background-color: #000000;
}


.vPromo{
      margin-top: 80px;
      font-size: 17pt;
      line-height: 36px;
}

.vPromo b, .vPromo strong{
      font-family: dejaVuBold;
      font-weight: normal;
}

#calcInfo{
      width: 300px;
      float: right;
      margin-top: 35px;
}

.tip{
      font-size: 16pt;
      line-height: 40px;
      padding-left: 55px;
      color: #555;
      margin-bottom: 60px;
}

.tip .btnCalcGray, .tip .btnQuestGray{
      margin-top: 10px;
}

.plyn{
      background: url('/images/general/ico-plyn.png') top left no-repeat;
}

.elektrina{
      background: url('/images/general/ico-elektrina.png') top left no-repeat;
}


.quest{
      background: url('/images/general/ico-dotaz.png') top left no-repeat;
}

h1{
      text-transform: uppercase;
}

.siteMapA_1{
      text-transform: uppercase;
      font-family: dejaVuBold;
}

.siteMapA_2,.siteMapA_3, .siteMapA_4{
      margin-left: 30px;
}

.siteMapA_3{
      margin-left: 60px;
}

.siteMapA_4{
      margin-left: 90px;
}

#sitemap a{
      display: inline-block;
      text-decoration: none;
}

#calcBtns{
      width: 560px;
      height: 50px;
      margin: 50px auto 0 auto;
}

#calcBtns a{
      line-height: 44px;
      display: inline-block;
      height: 44px;
}

.dejavubold{
      font-family: dejavubold;
}

.green{
      background-color: #99FF00;
}

.redbg{
      background-color: #FB0000;
      color: white !important;
}

.btnDownload{
      background: url('/images/general/ico-download.png') center left no-repeat #333;
}

.btnClose:hover{
      background-color: #E00000;
      color: white;
}

.btnDownload:hover{
      background-color: #000000;
      color: white;
}

.btnClose{
      background: #FB0000;
      width: 100px;
      font-size: 14pt;
}

.btnDownload{
      font-size: 14pt;
}

#qForm{
      background-color: #663399;
      width: 660px;
      height: 159px;
      float: left;
      color: white;
      font-size: 10pt;
}

#qForm p{
      padding: 12px 15px 8px 15px;
      line-height: 18px;
      margin: 0;
}

#question{
      width: 706px;
      height: 159px;
      position: relative;
      margin-left: 46px;
}

#qL, #qR{
      float: left;
}

#qL{
      width: 340px;
}


#qR textarea{
      background: url('/images/general/input-300.png') center bottom no-repeat #855CAE;
      font-family: dejavubold;
      font-size: 10pt;
      width: 301px;
      height: 126px;
      color: white !important;
      border: 0;
      margin-top: 15px;
}


.c1{
      width: 130px;
      float: left;
      margin-left: 15px;
      margin-bottom: 10px;
}

.c2{
      width: 180px;
      float: left;
      margin-bottom: 10px;
}

.c2 input{
      font-family: dejavubold;
      font-size: 10pt;
      background: transparent;
      border: 0;
      width: 152px;
      background: url('/images/general/input-160.png') center bottom no-repeat;
      padding-right: 5px;
      padding-left: 5px;
      height: 20px;
      color: white !important;
}

#qSend{
      color: white;
      text-decoration: none;
      cursor: pointer;
      display: block;
      float: right;
      margin-top: 0px;
      height: 30px;
      width: 130px;
      text-align: center;
      line-height: 30px;
      font-weight: bold;
      font-family: dejavubold;
      background-color: #360064;
      font-size: 10pt;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
}

#qSend:hover{
      background-color: black;
}

#overlay{
      width: 100%;
      height: 100%;
      background-color: black;
      opacity: 0.6;
      position: fixed;
      z-index: 10000;
      top: 0;
      left: 0;
}

#qClose{
      float: right;
      font-weight: bold;
      font-family: verdana, arial;
      color: white;
      text-decoration: none;
      cursor: pointer;
      float: right;
      padding-left: 5px;
}

#qClose:hover{
      color: red;
}

#bannerLeft{
      width: 170px;
      height: 302px;
      left: 0;
      margin-left: -3px;
      margin-top: 380px;
      z-index: 10005;
      color: white;
      text-align: center;
      font-size: 12pt;
      line-height: 150%;
      padding: 0 10px;
      display: none;
      position: absolute;
}

#bannerLeft a{
      text-decoration: none;
      color: white;
      font-size: 14pt;

}

#bannerLeft:hover{
      margin-left: 0;
}

.bannerIco{
      text-align: center;
      padding: 25px 0;
      display: inline-block;
      background-color: #ccc;
}

.bannerLabel{
      font-size: 22pt;
      font-weight: bold;
      font-family:  DejaVuBold;
      padding-bottom: 15px;
      display: inline-block;
}

.banner{
      background-color: #ccc;
}

.ban1{
      background-color: #00CCFF;
}

.ban2, .ban3{
      background-color: #333333;
}

.ban4{
      background-color: #990099;
}

.ban5{
      background-color: #99FF00;
}

#fckEuCookie{
      position: fixed;
      bottom: 0;
      padding: 10px;
      background: rgba(0,0,0,0.8);
      color: white;
      width: 100%;
      text-align: center;
}

#fckEuCookie a{
      background-color: white;
      color: black;
      padding: 4px 12px;
      display: inline-block;
      cursor: pointer;
      text-decoration: none;
      border-radius: 3px;
      font-weight: 800;
      font-size: 10pt;
}

#fckEuCookie a:hover{
      background-color: #00CCFF;
      color: white;
}