body {font-family: "Tahoma"; font-size: 11px; background: rgb(20,60,20); padding: 0px; margin: 10px; line-height: 17px;}

.green {color: #0a0;}
.gray {color: #999;}

/* ovladacie prvky */
img {border: none;}
input {border: 1px solid rgb(220,220,220); background: #fff url('images/img-input-back.png') repeat-x left bottom; color: rgb(30,94,158);}
textarea {border: 1px solid rgb(220,220,220); background: #fff url('images/img-input-back.png') repeat-x left bottom; color: rgb(30,94,158);}
select {border: 1px solid rgb(220,220,220); background: #fff url('images/img-input-back.png') repeat-x left bottom; color: rgb(30,94,158);}
.submit {border: 1px solid rgb(60,160,60); padding-left: 10px; padding-right: 10px; margin-top: 5px; background: rgb(240,250,240); font-weight: bold; color: rgb(20,60,20);}
.checkbox {background: none; border: none; margin: 0px; padding: 0px;}
table {font-size: 11px;}

.divScroll {overflow: auto; overflow-x: hidden;}

a {font-weight: bold; text-decoration: none; color: rgb(20,60,20);}
a:hover {font-weight: bold; text-decoration: underline; color: rgb(20,60,20);}
h1 {margin: 0px 0px  5px 0px; padding: 1px 1px 1px  8px; background: url("images/img-h1.png") no-repeat left center; color: rgb(20,60,20); font-size: 14px; font-weight: bold;}
h2 {margin: 0px 0px  5px 0px; padding: 1px 1px 1px 14px; background: url("images/img-h2.png") no-repeat left center; color: rgb(248,187,0); font-size: 12px;}
p  {margin: 0px 0px 15px 0px; padding: 5px 5px 5px  5px; background: rgb(240,250,240); border: 1px solid rgb(220,240,220);}
.pRed {margin: 0px 0px 15px 0px; padding: 5px; border: 1px solid rgb(220,200,200); background: rgb(247,244,240);}
.bottomLine {font-size: 9px; color: rgb(60,160,60);}

.divBody {width: 900px; padding: 0px 0px 2px 0px; text-align: center;}

.divTopPanel {width: 100%; background: rgb(60,160,60);}
.divTopPanel .td1 {background: rgb(60,160,60) url('images/img-top-back-1.png') no-repeat left top; width: 9px;}
.divTopPanel .td2 {background: rgb(60,160,60) url('images/img-top-back-2.png') repeat-x left top;}
.divTopPanel .td3 {background: rgb(60,160,60) url('images/img-top-back-3.png') no-repeat right top; width: 9px;}
.divTopPanel .aBig {font-family: Arial Black; font-size: 30px; font-weight: bold; text-decoration: none; color: rgb(248,187,0);}
.divTopPanel .aBig:hover {text-decoration: none; color: rgb(255,197,10);}

.divMain1 {background: rgb(255,255,255); border: 1px solid rgb(255,255,255);}
.divMain1 table {font-size: 11px; line-height: 17px;}
.divMain2 {border: 1px solid rgb(60,160,60); padding: 9px; text-align: left;}

.tblTop td {vertical-align: top;}
.tblTop img {border: none;}

.tblTopHov td {vertical-align: top;}
.tblTopHov img {border: none;}
.tblTopHov tr:hover {background-color: rgb(235,240,243);}

.tblCursor {cursor: pointer;}

.trBlueHead td {background: rgb(196,211,226); color: rgb(0,64,128); font-weight: bold;}

.divMenu {border: 1px solid rgb(255,255,255); border-bottom: none; background: rgb(255,240,190);}
.divMenu table {line-height: 17px;}
.divMenu a {font-size: 11px; font-weight: bold; text-decoration: none;}
.divMenu a:hover {text-decoration: none;}
.divMenu .On {width: 115px; padding: 2px; text-align: center; cursor: pointer; background: rgb(248,187,0); color: rgb(20,60,20);}
.divMenu .Off {width: 115px; padding: 2px; text-align: center; cursor: pointer; color: rgb(20,60,20);}

.divPopupMenu {visibility: hidden; position: absolute;}
.divPopupMenuIn {background: rgb(255,240,190); border: 1px solid rgb(248,187,0);; text-align: left; margin: 0px; padding: 2px;}
.divPopupMenuIn a {font-size: 11px; font-weight: bold; text-decoration: none; color: rgb(20,60,20);}
.divPopupMenuIn a:hover {color: rgb(40,70,40);}
.divPopupMenuIn div {padding: 2px; margin: 1px; cursor: pointer;}
.divPopupMenuIn div:hover {background: rgb(248,187,0);}

.tdClubSelect {width: 250px; vertical-align: top; background: url('images/img-club-select-backk.png') no-repeat left top; border: 1px solid rgb(200,230,200); cursor: pointer;}
.tdClubSelect div {height: 100px; margin: 6px 0px 0px 6px; cursor: pointer;}
.tdClubSelect .nadpis {font-family: "Arial"; font-size: 15px; font-weight: bold; color: rgb(0,128,0);}
.tdClubSelect a {color: rgb(20,60,20);}
.tdClubSelect a:hover {color: rgb(0,128,0); text-decoration: none;}
.tdClubSelect2 {padding: 5px; border: 1px solid rgb(220,240,220); vertical-align: top;}

.anketaOtazka {color: rgb(60,160,60); font-weight: bold;}
.tblAnketa {border-top: 1px solid rgb(220,220,220); line-height: 17px;}
.tblAnketa a {font-weight: bold; text-decoration: none; color: rgb(20,60,20);}
.tblAnketa a:hover {font-weight: bold; text-decoration: underline; color: rgb(20,60,20);}

.tblGallery .big {border: 1px solid rgb(220,220,220); background: #fff; text-align: center; vertical-align: middle; cursor: pointer;}
.tblGallery .thumbList {vertical-align: top; padding-left: 3px;}
.tblGallery .thumb {width: 106px; padding-right: 1px; padding-bottom: 1px;}
.tblGallery .thumb img {border: 2px solid #fff;}
.tblGallery .thumb div {border: 1px solid rgb(220,220,220); background: #fff; text-align: left;  vertical-align: top;}
.divGalleryThumb {border: 1px solid rgb(220,220,220); padding: 7px; background: #fff; text-align: center;}

.divPersonal {width: 139px; border: 1px solid rgb(220,220,220); background: #fff; padding: 8 0 5 0px; text-align: center;}
.divPersonal span {margin: 5 0 0 0px;}

.tdProgramAkcia {padding-bottom: 5px;}
.tdProgramAkcia .nadpis {font-weight: bold; color: rgb(60,160,60); font-size: 13px;}
.tdProgramAkcia .datum { color: #555; font-size: 9px;}
.tdProgramAkcia .info {margin-left: 3px; border-left: 1px dotted #800; padding-left: 8px;}

.tblGB {margin-top: 10px; margin-bottom: 10px; width: 96%;}
.tblGB img {border: none; padding: 0 3 0 3px;}
.tblGB .tdOd {width: 300px; border-bottom: 1px solid rgb(220,220,220); border-top: 1px solid rgb(220,220,220); font-size: 12px; font-weight: bold; color: rgb(0,64,128);}
.tblGB .tdDatum {width: 160px; border-bottom: 1px solid rgb(220,220,220); border-top: 1px solid rgb(220,220,220); font-size: 9px; text-align: right; vertical-align: bottom; color: rgb(0,64,128);}
.tblGB .tdAdmin {border-bottom: 1px solid rgb(220,220,220); border-top: 1px solid rgb(220,220,220); text-align: right;}
.tblGB .tdOdkaz {border-bottom: 1px solid rgb(240,240,240); font-size: 12px; color: #000;}

.tblMessage {margin-bottom: 10px;}
.tblMessage img {border: none;}
.tblMessage .td1 {width: 55px; padding: 0 5 0 0px; text-align: right; vertical-align: top; font-size: 9px; color: rgb(160,160,160);}
.tblMessage .td2 {font-size: 11px; padding: 0px; vertical-align: top; font-weight: bold; color: rgb(20,60,20);}
.tblMessage .tdText {padding: 5 0 0 0px; border-top: 1px solid rgb(220,220,220); text-align: left;}

.trPostaLine0 td {font-weight: bold; color: rgb(20,60,20);}
.trPostaLine0 a {font-weight: bold; color: rgb(20,60,20); text-decoration: none;}
.trPostaLine0 a:hover {color: rgb(20,60,20); text-decoration: underline;}
.trPostaLine1 td {color: rgb(20,60,20);}
.trPostaLine1 a {font-weight: normal; color: rgb(20,60,20); text-decoration: none;}
.trPostaLine1 a:hover {font-weight: normal; color: rgb(20,60,20); text-decoration: underline;}
.trPostaLine2 td {color: rgb(200,200,200); text-decoration: none;}
.trPostaLine2 a {font-weight: normal; color: rgb(200,200,200); text-decoration: none;}
.trPostaLine2 a:hover {font-weight: normal; color: rgb(200,200,200); text-decoration: underline;}

.divHodnotenie1 {background: url('images/img-hodn-1.gif') repeat-x left top;}
.divHodnotenie0 {background: url('images/img-hodn-0.gif') repeat-x left top; width: 130px;}

.divChat {height: auto; overflow: auto;}
.divChat div {margin-bottom: 2px;}
.chatMsg1 {background: rgb(230,238,242);}
.chatMsg2 {background: rgb(190,218,252);}
.chatMsg2 span {font-weight: bold;}
