/* Podtržení slov v textu */
html#bbtPage body .bbtWord, html body .bbtWord {
    position: relative !important;
    text-indent: 0px !important;
    display: inline  !important;
    font-family: inherit !important;
    font-size: inherit !important;    
}

/* styl pro pomocny div, ktery resi s refererem, tim, ze se prekryje zvyraznene slovo */
html#bbtPage body .bbtWord div {
  position: absolute !important;
  left: 0px !important;
  top: 0px !important;
  width: 100%;
  height: 100%;
  overflow: hidden  !important;
  border: solid 1px black;
  cursor: pointer !important;
  background-color: transparent !important;
}

html#bbtPage body .bbtWord div>iframe {
  width: 100%;
  height: 100%;
  left: 0px !important;
  top: 0px !important;
  position: absolute !important;
  background-color: transparent !important;
  cursor: pointer !important;  
}

html#bbtPage body .bbtWord span {
  position: absolute !important;
  left: 0px !important;
  top: 0px !important;
  width: 100%;
  height: 100%;
  overflow: hidden  !important;
  border: solid 1px black;
  cursor: pointer !important;
  background-color: transparent !important;
}

html#bbtPage body .bbtWord span>iframe {
  width: 100%;
  height: 100%;
  left: 0px !important;
  top: 0px !important;
  position: absolute !important;
  background-color: transparent !important;
  cursor: pointer !important;  
}

/* Dvojité <span class="bbtWord double"> */
html#bbtPage body A.bbtWord.double, html body A.bbtWord.double {
    color: green !important;
    text-decoration: underline !important;
    border-bottom: 1px green solid !important;
}
/* Čárkované <span class="bbtWord dashed"> */
html#bbtPage body A.bbtWord.dashed, html body A.bbtWord.dashed {
    text-decoration: none !important;
    border-bottom: 1px gray dashed !important;
}
/* Čárkované s ikonou <span class="bbtWord bbtIcon"> */
html#bbtPage body A.bbtWord.bbtIcon, html body A.bbtWord.bbtIcon {
    color: inherit !important;
    text-decoration: none !important;
    border-bottom: 1px #b10010 dashed !important;
    padding-right: 15px !important;
    background-image: url("bb.png") !important;
    background-position: 100% 70% !important;
    background-repeat: no-repeat !important;
}
/*********************/
/* Styly pro bublinu */
/*********************/
/* RESET */
html#bbtPage body .intextAdBubble, html#bbtPage body .intextAdBubble *, html body .intextAdBubble, html body .intextAdBubble * {
    font-family: tahoma !important;
    font-size: 11px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-indent: 0px !important;
    text-align: left  !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: normal !important;
    letter-spacing: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    visibility: visible !important;
    list-style: none !important;
    border: none !important;
    border-spacing: 0px !important;
    float: none !important;
    background: none !important;
    position: static;
    display: block;
    line-height: 1.2 !important;
    vertical-align: baseline !important;
    z-index: 999999 !important;
    min-width: 0px;
    min-height: 0px;
    max-width: 999px;
    max-height: 999px;
}
html#bbtPage body .intextAdBubble, html body .intextAdBubble{
    width: auto !important;
    height: auto !important;    
}   
html#bbtPage body .intextAdBubble table, html body .intextAdBubble table {
    display: table !important;
    width: auto !important;
    height: auto !important;
}
html#bbtPage body .intextAdBubble table tr, html body .intextAdBubble table tr {
    display: table-row;
    width: auto !important;
    height: auto !important;
}
html#bbtPage body .intextAdBubble table td, html body .intextAdBubble table td {
    display: table-cell;
    width: auto !important;
    height: auto !important;
}
html#bbtPage body .intextAdBubble td *, html body .intextAdBubble td * {
    display: block !important;
}
html#bbtPage body .intextAdBubble tbody, html body .intextAdBubble tbody {
    display: table-row-group !important;
    width: auto !important;
    height: auto !important;
}
html#bbtPage body .intextAdBubble script, html body .intextAdBubble script, html#bbtPage body .intextAdBubble style, html body .intextAdBubble style {
    display: none !important;
}

/*Horní nadpis bubliny (Billboard intextová reklama) */
html#bbtPage body .intextAdBubble .tm h5, html body .intextAdBubble .tm h5, 
html#bbtPage body .intextAdBubble .tm h5:first-letter, html body .intextAdBubble .tm h5:first-letter {
    font-size: 11px !important;
      font-weight: normal !important;
    color: #ccc !important;
    padding: 0px !important;
    position: absolute !important;
    top: 1px !important;
    left: 23px !important;
    margin-top: 10px !important;
    font-family: tahoma !important;
    letter-spacing: 1px !important;
    width: 19em!important;
    height: auto !important;
    background-repeat: no-repeat!important;
}

/* h5 images - jazykove verze nadpisu */
html#bbtPage body .intextAdBubble .cz .tm h5, html body .intextAdBubble .cz .tm h5, 
html#bbtPage body .intextAdBubble .cz .tm h5:first-letter, html body .intextAdBubble .cz .tm h5:first-letter {
   background-image: url("cz/title.png")!important; 
}

html#bbtPage body .intextAdBubble .pl .tm h5, html body .intextAdBubble .pl .tm h5, 
html#bbtPage body .intextAdBubble .pl .tm h5:first-letter, html body .intextAdBubble .pl .tm h5:first-letter {
   background-image: url("pl/title.png")!important;
}

html#bbtPage body .intextAdBubble .en .tm h5, html body .intextAdBubble .en .tm h5, 
html#bbtPage body .intextAdBubble .en .tm h5:first-letter, html body .intextAdBubble .en .tm h5:first-letter {
   background-image: url("en/title.png")!important; 
}


/* Ikony otazníku a zavření bubliny*/
html#bbtPage body .intextAdBubble .tm a, html body .intextAdBubble .tm a {
    position: absolute !important;
    background: black !important;
    margin: 11px 0px 0px 3px !important;
    width: 15px !important;
    height: 15px !important;
    overflow: hidden !important;
    text-indent: -999px !important;
    top: -1px !important;
}
html#bbtPage body .intextAdBubble .tm a.closeButton, html body .intextAdBubble .tm a.closeButton {
    background-image: url("closebutton.png") !important;
    right:18px !important;
}
html#bbtPage body .intextAdBubble .tm a.helpButton, html body .intextAdBubble .tm a.helpButton {
    background-image: url("helpbutton.png") !important;
    right: 38px !important;
}

/* Layout a rozměry rámečku bubliny */
html#bbtPage body .intextAdBubble .tl, html body .intextAdBubble .tl {
    background-image: url("tl.png") !important;
    background-position: 4px !important;
    background-repeat: no-repeat !important;
    width: 18px !important;
    height: 31px !important;
}

html#bbtPage body .intextAdBubble .tl img, html body .intextAdBubble .tl img {
    width: 21px !important;
    _width: 18px !important;
    height: 1px !important;
}
html#bbtPage body .intextAdBubble .tm, html body .intextAdBubble .tm {
    background-image: url("tm.png") !important;
    width: auto !important;
    height: auto !important;
}

html#bbtPage body .intextAdBubble .tr, html body .intextAdBubble .tr {
    background-image: url("tr.png") !important;
    background-repeat: no-repeat !important;
    width: 22px !important;
}

html#bbtPage body .intextAdBubble .tr img, html body .intextAdBubble .tr img {
    width: 22px !important;
    height: 1px !important;
}
html#bbtPage body .intextAdBubble .ml, html body .intextAdBubble .ml {
    background-image: url("ml.png") !important;
    background-position: 4px !important;
    background-repeat: repeat-y !important;
    width: auto !important;
    height: auto !important;
}

html#bbtPage body .intextAdBubble .mr, html body .intextAdBubble .mr {
    background-image: url("mr.png") !important;
    background-repeat: repeat-y !important;
    width: auto !important;
    height: auto !important;
}

html#bbtPage body .intextAdBubble .br, html body .intextAdBubble .br {
    height: 18px !important;
    background-image: url("br.png") !important;
    background-repeat: no-repeat !important;
    width: auto !important;
}

html#bbtPage body .intextAdBubble .bm, html body .intextAdBubble .bm {
    background-image: url("bm.png") !important;
    width: auto !important;
    height: auto !important;
}

html#bbtPage body .intextAdBubble .bl, html body .intextAdBubble .bl {
    background-image: url("bl.png") !important;
    background-position: 4px !important;
    background-repeat: no-repeat !important;
    width: auto !important;
    height: auto !important;
}

html#bbtPage body .intextAdBubble .mm, html body .intextAdBubble .mm {
    padding: 10px !important;
    background: #fbfbfb !important;
    width: auto !important;
    height: auto !important;
}

/* Více informací */
html#bbtPage body .intextAdBubble .intextSeeMoreLink, html body .intextAdBubble .intextSeeMoreLink {
    font-size: 70% !important;
    width: 94px !important;
    height: 19px !important;
    position: absolute !important;
    right: 14px !important;
    bottom: 13px !important;
}

/* SeeMoreLink images - jazykove verze "více informací" */
html#bbtPage body .intextAdBubble .intextSeeMoreLink a, html body .intextAdBubble .intextSeeMoreLink a {
   background-repeat: no-repeat !important;
}
html#bbtPage body .intextAdBubble .cz .intextSeeMoreLink a, html body .intextAdBubble .cz .intextSeeMoreLink a {
   background-image: url("cz/moreInfo.png") !important;
   margin: 7px 0 0 16px !important;
}

html#bbtPage body .intextAdBubble .pl .intextSeeMoreLink a, html body .intextAdBubble .pl .intextSeeMoreLink a {
   background-image: url("pl/moreInfo.png") !important;
   margin: 7px 0 0 21px !important;
}

html#bbtPage body .intextAdBubble .en .intextSeeMoreLink a, html body .intextAdBubble .en .intextSeeMoreLink a {
   background-image: url("en/moreInfo.png") !important;
   margin: 7px 0 0 16px !important;
}

html#bbtPage body .intextAdBubble .intextSeeMoreLink, html body .intextAdBubble .intextSeeMoreLink { 
   background-image: url("moreInfoBG.png") !important; 
} 


/* ŠIPKY */
html#bbtPage body .intextBubbleArrowm, html body .intextBubbleArrow {
    position: absolute !important;
    width: 45px !important;
    height: 31px !important;
    display: block !important;
    z-index: 99 !important;
}
html#bbtPage body .down .intextBubbleArrow, html body .down .intextBubbleArrow {
    background-image: url("inTextAdArowDL.png") !important;
    bottom: -17px !important;
    _bottom: -18px !important;
}

html#bbtPage body  .up .intextBubbleArrow, html body  .up .intextBubbleArrow {
    background-image: url("inTextAdArowUL.png") !important;
    top: -24px !important;
}
html#bbtPage body .left .intextBubbleArrow, html body .left .intextBubbleArrow {
    left: 20% !important;
}
html#bbtPage body .center .intextBubbleArrow, html body .center .intextBubbleArrow {
    left: 45% !important;
}
html#bbtPage body .right .intextBubbleArrow, html body .right .intextBubbleArrow {
    left: 75% !important;
}

/* pravá dolní šipka se nezobrazuje */
html#bbtPage body .down.right .intextBubbleArrow, html body .down.right .intextBubbleArrow {
    display: none !important;
}
html#bbtPage body .up.right .intextBubbleArrow, html body .up.right .intextBubbleArrow {
    background-image: url("inTextAdArowUR.png");
}
html#bbtPage body .intextAdBubble .bottom, html body .intextAdBubble .bottom {
  height: 58px !important;
}


/* ------ FIXES Webkit (safari/chrome) ------  */

/*  Pozicování šipky nahoře */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
html#bbtPage body  .up .intextBubbleArrow, html body  .up .intextBubbleArrow { 
  top: -6px !important;
} 
}
 
/*  Pozicování šipky dole */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
html#bbtPage body .down .intextBubbleArrow, html body .down .intextBubbleArrow { 
  height: 31px !important;
  width: 45px !important;
  bottom: -7px !important;
  display: block !important;
  z-index: 999 !important;
  background-position: no-repeat !important;
} 
} 

/*  Pozicování "vice informaci" linku */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
html#bbtPage body .intextAdBubble .intextSeeMoreLink, html body .intextAdBubble .intextSeeMoreLink { 
  bottom: 24px !important;
} 
} 

/*  Pozicování nadpisu bubliny a tlačítek (close/help) */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
html#bbtPage body .intextAdBubble .tm h5, html body .intextAdBubble .tm h5, html#bbtPage body .intextAdBubble .tm a.closeButton, html body .intextAdBubble .tm a.closeButton, html#bbtPage body .intextAdBubble .tm a.helpButton, html body .intextAdBubble .tm a.helpButton { 
  margin-top: 29px !important;
} 
}

/*  "zvětšení" plochy bubliny */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
html#bbtPage body .intextAdBubble table, html body .intextAdBubble table { 
  padding: 18px 0 10px 0 !important;
  border-collapse: separate;
} 
}

html#bbtPage body .intextAdBubble .bbtBubbleBody *,
html body .intextAdBubble .bbtBubbleBody * {
 
  font-family: tahoma !important;
  font-size: 11px !important;
  margin: 0px !important;
  padding: 0px !important;
  border: none !important;
  display: block !important;
  cursor: pointer !important;  
}

html#bbtPage body .intextAdBubble .bbtBubbleBody strong,
html body .intextAdBubble .bbtBubbleBody strong {
  font-weight: bolder !important;
  font-size: 12px !important;
 margin:  0px 0px 4px !important;
}

html#bbtPage body .intextAdBubble .bbtBubbleBody a,
html body .intextAdBubble .bbtBubbleBody a {
  text-decoration: underline !important;
  color: blue !important;
}


html#bbtPage body .intextAdBubble .bbtBubbleBody object,
html body .intextAdBubble .bbtBubbleBody object {
  margin: 5px auto !important;

}

html#bbtPage body .intextAdBubble .bbtBubbleBody img,
html body .intextAdBubble .bbtBubbleBody img {
  float: left !important;
  margin: 0em 1em 0em 0em !important;
} 

html#bbtPage body .intextAdBubble .bbtBubbleBody .logoLeft img,
html body .intextAdBubble .bbtBubbleBody .logoLeft img {
  float: left !important;
  margin: 0px 10px 0px 0px !important;
}

html#bbtPage body .intextAdBubble .bbtBubbleBody .logoRight img,
html body .intextAdBubble .bbtBubbleBody .logoRight img {
  float: right !important;
  margin: 0px 0px 0px 10px !important;
}

html#bbtPage body .intextAdBubble .bbtBubbleBody .logoTop img,
html body .intextAdBubble .bbtBubbleBody .logoTop img {
  text-align: center !important;
  margin-bottom: 10px !important;
}

html#bbtPage body .intextAdBubble .bbtBubbleBody .logoTop img,
html body .intextAdBubble .bbtBubbleBody .logoTop img {
  float:none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
  
html#bbtPage body .intextAdBubble .bbtBubbleBody  strong, 
html body .intextAdBubble .bbtBubbleBody strong,  
html#bbtPage body .intextAdBubble .bbtBubbleBody  span, 
html body .intextAdBubble .bbtBubbleBody span {
  color : #000000 !important;
  font-family: tahoma !important;
  font-size: 11px !important;   
}

html#bbtPage body .intextAdBubble .bbtBubbleBody  strong, 
html body .intextAdBubble .bbtBubbleBody strong {
  font-weight: bolder;
  font-size: 12px;
  margin:  0px 0px 4px;  
}