a img {border: none;}
table {border-collapse: collapse; margin: 0; padding: 0;}
table tr td {padding: 0;}
form, p, h1, h2, h3, h4, ul, li, ol {margin: 0; padding: 0;}
input, select, option, textarea {font-family: Arial, sans-serif; font-size: 11px;}

/* --------------------- OBECNÉ -------------------------- */
body 	{text-align: center; background: #d9d9d9 url(../images/body.jpg) repeat-x; font-family: Verdana, Arial, sans-serif; font-size: 62.5%; margin: 0; color: #104358;}

h1 {font-family: Arial, sans-serif; font-size: 25px; line-height: 28px; color: #104358; margin-bottom: 10px; padding-top: 6px;}
h2 {font-family: Arial, sans-serif; font-size: 20px; line-height: 21px; font-weight: normal; color: #00b3f1; margin-bottom: 8px;}
h3 {font-size: 13px; margin-bottom: 6px;}

a	{text-decoration: underline;}
a:hover {text-decoration: none;}

.cleaner {clear: both; font-size: 0!important;}
.right {text-align: right;}
.center	{text-align: center;}
.bold {font-weight: bold;}
.fl {float: left;}
.fr {float: right;}
.font11 {font-size: 11px;}
.nowrap {white-space: nowrap;}
/*.ramecek {background-color: #feeaab; padding: 5px; border: 1px solid #ffa23f;}*/
span.search-result {background: yellow;}

/* -------------------- ZÁKLADNÍ ROZVRŽENÍ -------------------- */
#web {background: url(../images/webRepeat.gif) repeat-y; width: 987px; margin: 0 auto; text-align: left; position: relative;}
	#web .vyhledavani {position: absolute; right: 21px; top: 15px; width: 368px; height: 25px;}
		#web .vyhledavani a, #web .vyhledavani a:hover {color: #104358;}
    #web .vyhledavani a.mapaWebu, #web .vyhledavani a.jazykVerze, #web .vyhledavani a.mapaWebu, #web .vyhledavani span.tecky {background: url(../images/ikonaTecky.gif) no-repeat 0 6px; padding-left: 18px; position: relative; top: 4px;}
		#web .vyhledavani form {width: 204px; float: right; display: inline; vertical-align: middle;}
    #web .vyhledavani form div.inputBg {float: left; display: inline; background: url(../images/inputBg.gif) no-repeat; width: 136px; height: 25px;}
    #web .vyhledavani form div.inputBg input.text {width: 126px; padding: 3px 5px 0px 5px; border: none; background: none;}
    #web .vyhledavani form div.inputObal {float: right; display: inline; width: 68px; height: 25px;}
		
#header {height: 410px; position: relative; font-size: 1.2em;}
	#logo {position: absolute; width: 253px; height: 61px; left: 39px; top: 39px;}
    #logo a, #logo span {background: url(../images/logo.gif) no-repeat; width: 253px; height: 61px; display: block; position: relative; overflow: hidden;}
    #logo span {position: absolute; left: 0; top: 0;}
    #logo a {cursor: pointer;}
    
.vnitrek {background: url(../images/webTop.gif) no-repeat; width: 987px;}
#levy {float: left; display: inline; width: 250px; margin-left: 49px;}
#pravy {float: right;	display: inline; width: 643px; font-size: 1.2em; line-height: 18px; margin-right: 30px;}

#footer {height: 33px; color: #000; position: relative;}
  .footerIn {padding: 10px 49px 0 49px;}
	#footer a.ibis {background: url(../images/ikona-ibis.gif) no-repeat right center; padding-right: 15px; color: #54a026;}
  #footer a.webconsult {color: #3499ff;}
  #footer a.nahlasitChybu {color: #00b3f1; position: absolute; top: 10px; right: 20px;}
	
  
/* ----------------- MENU ------------------- */
ul.menuTop {font-family: Arial, sans-serif; list-style-type: none; position: absolute; right: 34px; top: 63px; height: 40px; font-size: 17px; font-weight: bold;}
ul.menuTop li {float: left; padding-right: 3px;}
ul.menuTop li a, ul.menuTop li span {background: url(../images/menuTop.gif) no-repeat 0 -10px; display: block; padding: 0 18px 20px 0px; line-height: 18px; color: #00b3f1; text-align: center; text-decoration: none;}
ul.menuTop li em {font-style: normal; padding-right: 12px;}
ul.menuTop li a:hover, ul.menuTop li span, ul.menuTop li a.klikaci {background-position: 0 bottom; color: #104358;}


  /* --------- levé menu na vnitřních stránkách --------- */
ul#menu {list-style-type: none; width: 243px; font-size: 11px; line-height: 13px; border-bottom: 1px solid #bfbab0; margin-bottom: 24px;}
ul#menu li {border-top: 1px solid #bfbab0;}
ul#menu li a, ul#menu li span {display: block; padding: 3px 15px 5px 19px; width: 209px; color: #104358; text-decoration: none;}
ul#menu li a:hover, ul#menu li span, ul#menu li a.klikaci {background-color: #00b3f1; color: #fff;}

  ul#menu ul.menu2, ul#menu ul.menu3, ul#menu ul.menu4 {list-style-type: none;}
  ul#menu ul.menu2 li {margin-left: 19px;}
  ul#menu ul.menu2 a, ul#menu ul.menu2 span {background: url(../images/menu2Odrazka.gif) no-repeat -60px 6px; color: #5d5a55; width: 180px; border-right: 10px solid #fff;}
  ul#menu ul.menu2 li a:hover, ul#menu ul.menu2 li span, ul#menu2 li a.klikaci {background: url(../images/menu2Odrazka.gif) no-repeat 1px 6px; color: #5d5a55; border-color: #8a867e;}

    ul#menu ul.menu3 li {margin-left: 19px;}
    ul#menu ul.menu3 a, ul#menu ul.menu3 span {background: url(../images/menu3Odrazka.gif) no-repeat -60px 6px; width: 161px; color: #104358;}
    ul#menu ul.menu3 li a:hover, ul#menu ul.menu3 li span, ul#menu3 li a.klikaci {background: url(../images/menu3Odrazka.gif) no-repeat 1px 6px; color: #104358; border-color: #104358;}
    
      ul#menu ul.menu4 li {margin-left: 19px;}
      ul#menu ul.menu4 a, ul#menu ul.menu4 span {background: url(../images/menu4Odrazka.gif) no-repeat -60px 6px; width: 142px; color: #00b3f1;}
      ul#menu ul.menu4 li a:hover, ul#menu ul.menu4 li span, ul#menu4 li a.klikaci {background: url(../images/menu4Odrazka.gif) no-repeat 1px 6px; color: #00b3f1; border-color: #00b3f1;}

/* ------------------ 4 služby v header -------------------- */
.sluzby {position: absolute; left: 55px; top: 123px; width: 909px; height: 288px; font-size: 11px;}

.sluzbyLeft {background: url(../images/sluzbyLeft.jpg) no-repeat 0 10px; float: left; display: inline; width: 338px; height: 288px;}
.sluzbyLeft a {position: absolute; left: 197px; top: 203px; width: 108px; height: 42px;}
  .plocha1 {background-image: url(../images/sluzbyLeft1.jpg);}
  .plocha2 {background-image: url(../images/sluzbyLeft2.jpg);}
  .plocha3 {background-image: url(../images/sluzbyLeft3.jpg);}
  .plocha4 {background-image: url(../images/sluzbyLeft4.jpg);}

.sluzbyRight {float: right; display: inline; width: 571px; height: 288px; list-style-type: none;}
.sluzbyRight li {float: left;}
.sluzbyRight li a {background: url(../images/sluzby1.jpg) no-repeat; display: block; width: 121px; padding: 210px 10px 0 11px; height: 78px; color: #fff;}
.sluzbyRight li a.sluzba2 {background-image: url(../images/sluzby2.jpg); color: #104358;}
.sluzbyRight li a.sluzba3 {background-image: url(../images/sluzby3.jpg);}
.sluzbyRight li a.sluzba4 {background-image: url(../images/sluzby4.jpg); color: #104358; width: 124px;}
.sluzbyRight a:hover, .sluzbyRight li.aktivni a {background-position: 0 -288px; text-decoration: none;}
.sluzbyRight a:hover span, .sluzbyRight li.aktivni span {visibility: hidden; text-decoration: none;}
/* ------------------------------------ */

/* ----------------- elementy LEVÉ strany ------------------- */
.levyIn {font-size: 10px; line-height: 14px; padding-top: 23px;}
.levyIn h3 {font-size: 12px; line-height: 14px;}
.levyIn a {color: #104358;}

.box {width: 250px; position: relative;}
  a.rss {display: block; width: 18px; height: 27px; position: absolute; right: 13px; top: 18px;}
.box H2 {background: url(../images/nadpisNovinky.gif) no-repeat 0 16px; margin: 0; padding: 0; height: 46px; width: 243px; border-top: 5px solid #104358;}
  .box h2 span {visibility: hidden;}
.box H3 {font-size: 12px; padding: 0px; margin: 0px; margin-bottom: 2px;}
.box p.datum {padding-bottom: 4px;}
.box .vice {font-weight: bold; padding-right: 5px;}
.boxIn {background: url(../images/levyRepeat.gif) repeat-y right 0; padding: 14px 20px 20px 7px;}
.novinka {margin-bottom: 14px;}

.boxKalendar {color: #000;}
.boxKalendar h2 {background-image: url(../images/nadpisKalendar.gif); border-color: #00b3f1;}
.boxKalendar h3 a {color: #00b3f1;}
.boxKalendar p.datum {font-weight: bold; color: #00b3f1; padding-bottom: 2px;}
.boxKalendar .vice a {color: #00b3f1;}

.boxOdberNovinek {color: #7c7972;}
.boxOdberNovinek h2 {background-image: url(../images/nadpisOdberNovinek.gif); border-color: #bfbab0;}
.boxOdberNovinek h3 a {color: #00b3f1;}
.boxOdberNovinek .vice a {color: #7c7972; font-weight: normal;}
.boxOdberNovinek p.datum {font-size: 11px; font-weight: bold; padding-bottom: 12px;}
.boxOdberNovinek form {width: 217px; vertical-align: middle; margin-bottom: 6px;}
.boxOdberNovinek form div.inputBg {float: left; display: inline; background: url(../images/inputBgPrihlasit.gif) no-repeat; width: 149px; height: 25px;}
.boxOdberNovinek form div.inputBg input.text {width: 139px; padding: 3px 5px 0px 5px; border: none; background: none; color: #444444;}
.boxOdberNovinek form div.inputObal {float: right; display: inline; width: 68px; height: 25px;}

.boxGalerie .boxIn {padding-top: 0;}
.boxGalerie .podtrzeni {border-bottom: 5px solid #fff32b; width: 243px; height: 0; font-size: 0; line-height: 0;}
.boxGalerie h2 {background-image: url(../images/nadpisGalerie.gif);}
.boxGalerie h3 {font-size: 11px; margin-bottom: 5px;}
.boxGalerie .vice {text-align: right;}
.boxGalerie .novinka {margin-bottom: 0;}
.boxGalerie table td {padding: 4px 5px 5px 5px; vertical-align: top;}
.boxGalerie table td img {display: block; margin: 0 auto;}

/* ----------------- elementy PRAVÉ strany ------------------- */
.pravyIn {padding: 10px 0px 180px 0px; text-align: justify;}
.pravyIn p, .pravyIn ul, .pravyIn ol {padding-bottom: 18px;}
.pravyIn ul ul {padding-bottom: 0; list-style-type: disc;}
.pravyIn ul ul ul {list-style-type: circle;}
.pravyIn ul ul ul ul {list-style-type: square;}
.pravyIn a {color: #009ed5;}
/*.pravyIn a:visited {color: #aca41e;}*/
.pravyIn a:hover {color: #ad8e50;}
.pravyIn ul {list-style-type: square; margin-left: 24px;}
.pravyIn ol {margin-left: 30px;}

h1.h1Novinky {background: url(../images/h1Novinky.gif) no-repeat left bottom; margin-bottom: 1px; padding-bottom: 16px;}
h1.h1OdberNovinek {background: url(../images/h1OdberNovinek.gif) no-repeat left bottom; color: #7c7972; padding-bottom: 16px;}
h1.h1Galerie {background: url(../images/h1Galerie.gif) no-repeat left bottom; padding-bottom: 16px; margin-bottom: 18px;}
h1.h1Kalendar {background: url(../images/h1Kalendar.gif) no-repeat left bottom; color: #00b3f1; padding-bottom: 16px; margin-bottom: 18px;}


#drobinky {font-family: Arial, sans-serif; width: 620px; font-size: 10px; padding-bottom: 14px;}
#drobinky ul {list-style-type: none; margin: 0; padding: 0; font-weight: normal; width: 620px;}
#drobinky ul li {background: url(../images/sipecka.gif) no-repeat 0 5px; float: left; padding: 0; padding-left: 10px; white-space: nowrap; line-height: 14px;}
#drobinky ul li.first {background: none; padding-left: 0;}
#drobinky ul li.zde {height: 16px; padding-left: 0; padding-right: 5px; background: none; font-weight: bold; color: #000;}
#drobinky ul li a {padding-right: 6px; font-weight: normal; color: #00b3f1;}
#drobinky ul li a:visited {color: #00b3f1;}
#drobinky ul li a:hover {color: #00b3f1;}

/* tabulka barevná */
table.barevna {width: 100%; border: 1px solid #00b3f1; line-height: 13px; margin-bottom: 20px; font-size: 11px; text-align: left;}
table.barevna td {padding: 8px 9px 10px 9px; border-bottom: 1px solid #00b3f1; border-right: 1px solid #00b3f1;}
table.barevna td a {color: #104358;}
table.barevna th {background: #00b2f0 url(../images/tBarevna-th.jpg) repeat-x; padding: 12px 9px 13px 9px; color: #fff; font-weight: bold; font-size: 13px; text-align: left; white-space: nowrap;}
table.barevna th a {color: #fff!important;}

.strankovani {float: right; display: inline; width: 380px; padding-top: 38px; text-align: right;}
  .dole {background: url(../images/h1Novinky.gif) no-repeat left center; width: 100%; padding-top: 0px;}
  .doleGalerie {background: url(../images/h1Galerie.gif) no-repeat left center; margin-top: 22px;}
  .nahoreGalerie {margin-top: -34px; padding-top: 0;}
table.tStrankovani {float: right; width: auto; font-size: 11px; line-height: 20px; margin-left: 25px;}
table.tStrankovani td {background: url(../images/strankovani-oddelovac.gif) no-repeat left 6px; padding: 1px 2px 2px 3px;}
table.tStrankovani td.tdPrazdna {background: url(../images/strankovani-oddelovac.gif) no-repeat left 6px; padding: 0; width: 1px;}
table.tStrankovani td a, table.tStrankovani td span {color: #104358; padding: 0px 4px; text-decoration: none;}
table.tStrankovani td a:hover, table.tStrankovani td span {color: #fff; background-color: #00b3f1;}
table.tStrankovani td span {font-weight: bold;}
table.tStrankovani th {font-weight: normal; text-align: left;}
table.tStrankovani th a {color: #104358;}

		/*--novinky--*/
.pravyIn .novinka {background: url(../images/zakoncovacSedy.gif) no-repeat left bottom; padding-bottom: 26px;}
  .pravyIn .posledni {background: none; padding-bottom: 7px;}
.pravyIn .novinka p {padding-bottom: 0;}
.pravyIn .novinka img.imgNovinka {float: left; margin: 8px 13px 8px 0; display: block;}
.pravyIn .novinka h2, .pravyIn .novinka h2 a {margin-bottom: 2px; padding-top: 9px;}
.pravyIn .novinka a.nadpis:hover {color: #ed1c24;}
.pravyIn .novinka p.datum {font-weight: bold; font-size: 10px; padding-bottom: 5px;}
.pravyIn p.odsad {padding-left: 35px; font-size: 11px; color: #00b3f1; padding-bottom: 0; position: relative; top: -28px;}
.pravyIn .novinkaDetail p {padding-bottom: 18px;}
.pravyIn .novinkaDetail h2, .pravyIn .novinkaDetail h2 a {margin-bottom: 8px; padding-top: 0;}


.odberNovinek {background: url(../images/zakoncovacModry.gif) no-repeat left bottom; padding-bottom: 21px;}
.odberNovinek p.datum {font-size: 11px; font-weight: bold; padding-bottom: 12px; color: #7c7972;}
.odberNovinek form {width: 286px; vertical-align: middle;}
.odberNovinek form div.inputBg {float: left; display: inline; background: url(../images/inputBgDelsi.gif) no-repeat; width: 218px; height: 25px;}
.odberNovinek form div.inputBg input.text {width: 208px; padding: 3px 5px 0px 5px; border: none; background: none; color: #444444;}
.odberNovinek form div.inputObal {float: right; display: inline; width: 68px; height: 25px;}

		/* stránky galerie */
table.galerie {background: url(../images/zakoncovacSedy.gif) no-repeat left bottom; width: 100%; line-height: 13px; margin-top: 50px;}
table.galerie tr td {vertical-align: top; text-align: center; padding: 0; padding-bottom: 5px; width: 33%;}
table.galerie tr.prazdny td {height: 40px; font-size: 0;}
table.galerie tr td a, table.galerie tr td a:hover {font-size: 10px; color: #104358;}
table.galerie tr td a.sFoto {position: relative; display: block; width: 129px; height: 97px; margin: 0 auto;}
table.galerie tr td a img.slozka {position: absolute; left: 3px; bottom: 19px; _bottom: 20px;}
table.galerie tr td p {padding-bottom: 0; width: 140px; margin: 0 auto;}

.galerie-nahledy {width: 100%; margin-top: 22px; line-height: 13px; text-align: left;}
.galerie-nahledy table {width: 100%;}
.galerie-nahledy table tr.prazdny td {height: 17px; background: none;}
.galerie-nahledy table tr td {background: url(../images/gSeznam-bg.jpg) no-repeat; vertical-align: top; width: 212px; height: 212px; padding: 4px 0 0 0px;}
.galerie-nahledy table tr td a img {margin: 0 auto; display: block;}
.galerie-nahledy table tr td a, .galerie-nahledy table tr td a:hover {font-size: 10px; color: #104358;}
.galerie-nahledy table tr.popisek td {background: none; height: auto; padding: 0;}
.galerie-nahledy table tr td p {padding: 2px 12px 2px 14px;}
.galerie-nahledy table tr td.doplneni {background: none;}
.galerie-nahledy table tr td a img {position: relative; right:1px;}

.gDetail {width: 100%; margin-top: 22px; line-height: 13px;}
.gDetail img {border:none;}
.gDetail table {width: 100%;}
.gDetail table tr.prazdny td {height: 20px; background: none;}
.gDetail table tr td {background: url(../images/gDetail-bg.jpg) no-repeat; vertical-align: top; width: 643px; height: 472px; padding: 0; text-align: center;}
.gDetail table tr td img {position: relative;}
.gDetail table tr.popisek td {background: none; height: auto; padding: 0; font-size: 10px; border: none; text-align: left;}
.gDetail table tr td p {padding: 2px 14px;}
.gDetail table tr td p.nahled {text-align: right; padding-top: 5px;}
.gDetail table tr td p.nahled a {background: url(../images/ikona-lupa.gif) no-repeat 0 1px; font-size: 9px; position: relative; top: -3px; _position: static; padding-left: 15px; padding-right: 2px;}
/* ---------------- */

		/* kalendář */
.kalendar-levy {float: left; display: inline; width: 258px;}
.kalendar-pravy {float: right; display: inline; width: 360px;}
	.kalendar-pravy h3 {margin-bottom: 0px;}

.odkazy-kalendar {margin-bottom: 12px; font-size: 10px; width: 258px;}
.odkazy-kalendar a {color: #00b3f1;}
.odkazy-kalendar a.dnes {background: url(../images/ikonaDnes.gif) no-repeat 0 2px; padding-left: 19px; margin: 0 27px; font-weight: bold; color: #014058;}
.odkazy-kalendar a.dnes:hover {color: #ad8e50;}

.kalendar-stranka {background: url(../images/kalendarRepeat.jpg) repeat-y; width: 258px; margin-bottom: 16px;}
.kalendar-stranka1 {background: url(../images/kalendarTop.jpg) no-repeat;}
.kalendar-stranka2 {background: url(../images/kalendarBottom.jpg) no-repeat left bottom; padding-bottom: 10px;}
.kalendar-stranka1 p {font-weight: bold; font-size: 13px; padding: 14px 20px 3px 11px; margin-bottom: 11px;}

.kalendar-stranka table#kalendar {width: 250px; margin: 0px auto; font-size: 12px;}
.kalendar-stranka table#kalendar td, .kalendar-stranka table#kalendar th {text-align: center!important; width: 14%; height: 22px;}
.kalendar-stranka table#kalendar th {font-size: 11px;}
.kalendar-stranka table#kalendar th.vikend {color: #00b3f1;}
.kalendar-stranka table#kalendar td a {color: #104358; text-decoration: none;}
.kalendar-stranka table#kalendar td a:hover {color: #104358; text-decoration: underline;}
.kalendar-stranka table#kalendar td.akce a {display: block; margin: 0px 7px;}
.kalendar-stranka table#kalendar td.vice-akci a {background-color: #00b3f1; color: #fff;}
.kalendar-stranka table#kalendar td.dnesni span {display: block; margin: 0px 7px; border: 1px solid #104358;}

.kalendar-legenda {margin-left: 15px; font-size: 11px;}
table.legenda {width: 258px; margin-top: 6px;}
table.legenda td {padding: 0 9px 5px 0;}
table.legenda td.first {width: 22px;}
table.legenda td p {width: 22px; height: 20px; padding: 0!important;}
table.legenda td p.vice-akci {background-color: #00b3f1;}
table.legenda td p.dnesni {border: 1px solid #e95d0f; width: 20px; height: 18px;}

.kalendar-akce {background: url(../images/zakoncovacModry.gif) no-repeat left bottom; padding: 9px 0px 19px 0px; text-align: left; line-height: 14px;}
  /*.kalendarViceAkci {background-image: url(../images/zakoncovacZluty.gif);}*/
  .kalendar-akce-posledni {background: none;}
.kalendar-akce a {line-height: 16px; font-weight: bold; color: #00b3f1;}
.kalendar-akce p {font-size: 10px; padding-top: 3px; padding-bottom: 0!important;}
.kalendar-akce span.datum {font-weight: bold; font-size: 11px; line-height: 20px; color: #00b3f1;}
.kalendar-akce span.datum span.tecky {font-size: 12px;}

/* kalendář - detail akce */
.kalendarDetail {}
.kalendarDetail .zvyrazni {color: #00b3f1;}
.kalendarDetail table {margin: 5px 0 15px 0; width: auto; font-size: 11px; font-weight: bold;}
.kalendarDetail table .termin-uplynul {color: #7c7777;}
p.zpetKalendar { margin-top: 20px; background: url(../images/zakoncovacModry.gif) no-repeat left 9px; padding-left: 35px; font-size: 11px; color: #00b3f1; position: relative; top: 0; padding-bottom: 18px;}

/* -------------------- */
/* odkazy dole nad footrem */
table.tOdkazy {width: 917px; margin-top: 25px; margin-left: 49px; color: #bfbab0; border-top: 1px solid #bfbab0; border-bottom: 1px solid #bfbab0;}
table.tOdkazy td {padding: 15px 0 14px 0; text-align: center; width: 16%;}
table.tOdkazy th {text-align: left; padding-top: 3px;}
table.tOdkazy th.thCertifikaty {padding-left: 55px;}
.skryty, .nic {display: none;}

		/* formulář univerzální */
form.fUni {margin: 0; padding: 10px 14px 5px 5px; background-color: #dfdcd7; margin-bottom: 15px;}
form.fUni table td.right {font-size: 11px;}
form.fUni input.text, form.fUni textarea {border: 1px inset #b4b4b4; background-color: #f1f2f4; padding: 1px 0 2px 1px; width: 187px; margin: 0;}
form.fUni textarea {width: 450px; height: 150px;}
form.fUni select {border: 1px inset #b4b4b4; font-size: 12px; background-color: #f1f2f4; font-family: Verdana, Arial, sans-serif;}
form.fUni option {font-size: 12px; background-color: #f1f2f4; font-family: Verdana, Arial, sans-serif;}
form.fUni table {width: auto;}
form.fUni table tr td {padding: 0; padding-left: 9px; vertical-align: middle; padding-top: 7px;}
form.fUni table tr td.middle {vertical-align: middle;}
form.fUni table tr td.formPoptavka {padding-left: 25px; line-height: 25px;}

input.req, textarea.req	{background: url('../images/req.gif') no-repeat white right top;}

.chyba {border:1px solid #CE0000; padding:3px 10px; background:white; color: #CE0000; font-weight:bold; width: 420px; margin:5px 5px 15px 0px;}
.ok {border:1px solid #00B3F1; padding:3px 10px; background:white; color: #00B3F1; font-weight:bold; width: 420px; margin:5px 5px 15px 0px;}
 
 #tooltip{
        position:absolute;
        text-align:left;
        border:1px solid #333;
        background:#f7f5d1;
        padding:3px 5px;
        color:#333;
        display:none;
        z-index:10002;
}

