body {
 margin: 0; 
 padding: 0; 
 background: rgb(204,204,204) url('img/cont-body.jpg') repeat-y top center;
}

a img {
 border: 0px; 
}

#mainDiv {
 width: 100%; 
 height: 720px; 
 position: absolute;
 top: 0px; 
 left: 0px; 
 overflow: auto; 
 margin: 0;
 padding: 0; 
 background: url('img/yellow-cont.jpg') repeat-y top center; 
}

#fonDivContainer {
 width: 100%; 
 height: 700px; 
 top: 0px; 
 left: 0px; 
 position: absolute; 
 overflow: hidden; 
}

#fonDiv {
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -1092px;
 width: 2195px; 
 height: 700px; 
 background: url('img/yellow-up.jpg') no-repeat top center;
}

#logoDiv {
 width: 224px;
 height: 125px; 
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -427px;
 text-align: center; 
 background: url('img/logo-back-new.gif') no-repeat top left;
}

#bidFlash {
 width: 856px;
 height: 232px; 
 position: absolute; 
 top: 197px;
 left: 50%; 
 margin-left: -415px; 
}

#uravn {
 width: 239px; 
 height: 136px; 
 background: url('img/uravn.gif') no-repeat top right; 
 position: absolute; 
 top: 195px; 
 left: 50%; 
 margin-left: 215px; 
}

#subMenuCont {
 width: 237px;
 height: auto; 
 min-height: 231px; 
 background: rgb(238,238,238) url('img/sub-menu-cont.jpg') repeat-y top left;
 position: ABSOLUTE; 
 top: 225px; 
 left: 50%; 
 margin-left: 218px; 

}

#subMenuUp {
 width: 237px;
 height: auto; 
 min-height: 231px; 
 position: relative; 
 float: left; 
 background: url('img/sub-menu-up.jpg') no-repeat top left; 
}

#subMenuDown {
 width: 237px;
 height: auto; 
 min-height: 231px; 
 position: relative; 
 float: left; 
 background: url('img/sub-menu-down.jpg') no-repeat bottom right; 
}

#rightColText h1 {
 font: bold 14px arial; 
 margin-bottom: 5px; 
}

#mainCont  {
 position: absolute; 
 width: 895px; 
 height: auto; 
 top: 435px; 
 left: 50%; 
 margin-left: -428px; 
 z-index: 20; 
}

#maincontcontainer {
 float: left; 
 height: auto;
 width: 895px;
 min-height: 255px; 
 position: relative; 
 background: rgb(246,246,246);
}

#contEndShape {
 float: left; 
 height: 15px;
 width: 895px;
 position: relative; 
 background: url('img/cont-down.gif') no-repeat top left; 
}

#realContW1 {
 width: 875px; 
 float: left; 
 position: relative; 
 left: 10px; 
 margin-top: 10px; 
}

#realContW2 {
 width: 635px; 
 float: left; 
 position: relative; 
 left: 10px; 
 margin-top: 10px; 
 min-height: 250px; 
 background: white; 
}

#underPageTitle {
 float: left; 
 position: arelative; 
 height: 35px; 
 width: 635px; 
}

#contStyler {
 width: 100%; 
 padding-left: 5px; 
 padding-right: 5px; 
 font: normal 12px arial; 
 color: rgb(76,76,76); 
 position: relative; 
 float: left; 
}

#downDots {
 width: 100%; 
 height: 154px;
 position: absolute; 
 top: 704px;
 left: 0px; 
 background: url('img/footer.jpg') no-repeat top center; 
}

#creditsDiv {
 float: left; 
 width: 895px;
 position: relative;  
}

#creditsDiv a:hover, #creditsLinks a:hover, #creditsNews a:hover  {
 color: white; 
}


#creditsNews {
 float: left; 
 width: 600px; 
 position: relative; 
 left: 10px; 
 margin-top: 15px; 
 color: rgb(102,102,102); 
 font: normal 12px arial; 
 overflow: hidden; 
 height: auto; 
 max-height: 200px; 
}

#creditsNews h2 {
 font: bold 14px arial; 
 text-transform: uppercase;
 margin-top: 0px; 
 margin-bottom: 3px; 
}

#creditsFacebook {
 float: left; 
 width: 250px; 
 position: relative; 
 left: 50px; 
 margin-top: 10px; 
 color: rgb(102,102,102); 
 font: normal 12px arial; 
 overflow: hidden; 
 height: auto; 
 max-height: 200px; 
}

#creditsFacebook p {
 margin-top: 0px; 
}

#creditsNews a, #creditsNews a:visited, #creditsNews a:active {
 color: rgb(102,102,102); 
 text-decoration: underline; 
}

#creditsLinks {
 float: left; 
 width: 875px; 
 position: relative; 
 left: 10px; 
 margin-top: 15px; 
 color: rgb(102,102,102); 
 font: normal 12px arial; 
} 

#creditsLinks a, #creditsLinks a:active , #creditsLinks a:hover {
 color: rgb(102,102,102); 
 text-decoration: none; 
}

#mainMenu {
 width: 875px; 
 height: 30px; 
 position: absolute; 
 top: 155px; 
 left: 50%; 
 margin-left: -420px; 
}

#mainMenuTable {
 width: 100%; 
}

#mainMenuTable td {
 vertical-align: top; 
 padding-left: 12px; 
 background: url('img/mainmenusep.jpg') no-repeat top right;
 font: bold 12px arial; 
 color: white; 
}

#mainMenuTable td a, #mainMenuTable td a:visited, #mainMenuTable td a:active {
 color: white; 
 text-decoration: none; 
 font: normal 12px arial; 
}
#mainMenuTable td a:hover {
 color: yellow; 
}

#hordots {
 width: 237px; 
 float: left; 
 height: 2px; 
 background: url('img/hordots.gif') repeat-x; 
}

#subMenuPage {
 float: left; 
 position: relative; 
 margin-top: 8px; 
 margin-bottom: 8px; 
 width: 220px; 
 left: 15px; 
 font: bold 12px arial; 
 color: white; 
}
#subMenuPage a, #subMenuPage a:active , #subMenuPage a:visited {
 color: rgb(102,102,102); 
 text-decoration: none; 
}  

#pageTitle {
 width: auto; 
 min-width: 300px; 
 height: 58px; 
 position: absolute; 
 top: 430px; 
 left: 50%;
 margin-left: -437px; 
 background: url('img/pagetitle.gif') no-repeat top left; 
 z-index: 30;
}

#pageTitle h1 {
 margin-left: 20px; 
 margin-top: 12px; 
 font: bold 14px arial; 
 color: white; 
 margin-right: 10px; 
 /* text-transform: uppercase; */
}

#introKares {
 width: 874px; 
 float: left; 
 height: auto; 
 position: relative; 
 background: url('img/intr-kares.jpg') no-repeat top left; 
}

#introKareTitle {
 width: 218px; 
 float: left; 
 height: 41px; 
 position: relative; 
 overflow: none; 
}

#introKareTitle h1 {
 font: bold 12px arial; 
 color: rgb(248,90,42);
 margin-left: 15px; 
 margin-top: 20px; 
 text-transform: uppercase; 
 text-decoration: none; 
 position: relative; 
 top: 10px; 
}

#introKareTitle h1 a, #introKareTitle h1 a:visited, #introKareTitle h1 a:active {
  color: rgb(248,90,42);
  font: bold 12px arial; 
}

#introKareTitle h1 a:hover {
 color: rgb(255,204,0); 
}

#introKarePicLinks {
 width: 218px; 
 height: 100px; 
 position: relative; 
 float: left; 
}

#introKarePicLinks img {
 width: 190px; 
 margin-left: 15px; 
 height: 100px; 
}

#introKareSun {
 width: 218px; 
 float: left; 
 height: auto; 
 position: relative; 
 min-height: 70px; 
 position: relative; 
 background: url('img/sun.jpg') no-repeat top left; 
 margin-top: 10px; 
}

#introSunText {
 float: right; 
 width: 140px; 
 position: relative; 
 height: auto; 
 margin-right: 5px; 
 font: normal 12px arial; 
 color: rgb(76,76,76); 
 padding-top: 15px; 
}

#introSunText a, #introSunText a:visited, #introSunText a:active {
  color: rgb(76,76,76); 
  text-decoration: none; 
}

#rightColPage {
 width: 237px; 
 float: right; 
 background: rgb(229,229,229) url('img/page-right-back.jpg') no-repeat bottom right;
 padding-bottom: 20px;  
 margin-right: 11px; 
 margin-top: 10px; 
}

#rightColText {
 color: rgb(76,76,76); 
 font: normal 12px arial; 
 padding-top: 10px; 
 padding-left: 20px; 
 padding-right: 20px; 
 position: relative; 
 float: left; 
 line-height: 18px; 
}

#rightColText p {
 margin-top: 2px; 
 margin-bottom: 4px; 
}

.subMenuDiv {
 width: 150xp;
 padding: 5px; 
 font: normal 12px arial; 
 background: #eeeeee; 
}

#galleryRow {
 width: 623px; 
 height: auto;
 margin-top: 15px;  
 float: left; 
 position: relative; 
}

#galleryCell {
 width: 200px; 
 float: left; 
 position: relative; 
 margin-right: 7px; 
}

#galleryKareSun {
 width: 200px; 
 float: left; 
 height: auto; 
 position: relative; 
 min-height: 70px; 
 position: relative; 
 background: url('img/sunwhite.jpg') no-repeat top left; 
 margin-top: 10px; 
}

#gallerySunText {
 float: right; 
 width: 120px; 
 position: relative; 
 height: auto; 
 margin-right: 5px; 
 font: normal 12px arial; 
 color: rgb(76,76,76); 
 padding-top: 15px; 
}
#gallerySunText a, #gallerySunText a:visited, #gallerySunText a:active {
 font-weight: bold; 
}

#gallDiv {
 position: absolute; 
 top: 150px; 
 width: 600px; 
 height: 600px; 
 z-index: 40; 
 left: 50%; 
 margin-left: -400px; 
 background: rgb(246,246,246); 
 visibility: hidden; 
 overflow: hidden; 
}

#galleryBody {
 background: rgb(246,246,246); 
 height: 440px; 
 float: left; 
 width: 560px; 
 margin-left: 20px; 
 margin-top: 20px; 
 text-align: center; 
}

#galleryDots {
 width: 542px; 
 float: right; 
 position: relative; 
 height: 21px; 
 background: url('img/galleryDots.jpg'); 
}

#closeLink {
 width: 270px; 
 float: right; 
 margin-right: 30px; 
 margin-top: 40px; 
 font: normal 12px arial; 
 text-align: right; 
}

#closeLink a {
 color: rgb(255,102,0); 
}

#galleryPrevLink {
 float: left; 
 font: bold 18px arial; 
 padding-top: 150px; 
}

#galleryNextLink {
 float: right; 
 font: bold 18px arial; 
 padding-top: 150px; 
}

#galleryExplain {
 font: normal 12px arial; 
 color: rgb(76,76,76); 
 float: left; 
 position: relative; 
 margin-top: 15px; 
 margin-left: 50px; 
}

#checkMark {
 POSITION: ABSOLUTE; 
 top: 55px; 
 left: 50%; 
 margin-left: 83px; 
 width: 385px; 
 height: 60px; 
 font: bold 11px arial; 
 color: rgb(76,76,76); 
}

#checkMark span {
 font: normal 8px arial; 
}

#checkMark input {
 width: 132px; 
 height: 16px; 
 border: none; 
 background: white; 
 font: normal 10px arial; 
 text-transform: uppercase; 
 color: rgb(76,76,76); 
 margin-right: 7px; 
 margin-bottom: 5px; 
 margin-top: 5px; 
}

#checkMark span input {
 width: 90px; 
 height: 17px; 
 border: none; 
 background: none; 
 font: bold 12px arial; 
 text-transform: uppercase; 
 color: red; 
}

#marksTableHead {
 WIDtH: 625PX; 
 height: auto; 
 overflow: auto; 
 float: left; 
 position: relative; 
 text-transform: uppercase; 
}

#cellOcenka {
 margin-bottom: 1px; 
 margin-right: 1px; 
 background: #87a100; 
 color: white; 
 font: bold 12px arial; 
 float: left; 
 position: relative; 
 width: 155px; 
 height: 30px; 
 text-align: center; 
 padding-top: 5px; 
}

#marksRowEven #cellOcenka {
 background: white; 
 color: rgb(76,76,76); 
 font: normal 12px arial; 
}
#marksRowOdd #cellOcenka {
 background: #eeebe2; 
 color: rgb(76,76,76); 
 font: normal 12px arial; 
}



#reqHalfRow {
 width: 500px; 
 float: left; 
 position: relative; 
 margin-left: 50px; 
 margin-bottom: 7px; 
 color: rgb(76,76,76); 
 font: normal 12px arial; 
}

#reqHalfLeft {
 text-align: right; 
 color: rgb(76,76,76); 
 text-transform: uppercase; 
 font: normal 12px arial; 
 margin-right: 10px; 
 width: 125px; 
 position: relative; 
 float: left; 
}

#reqHalfRight {
 float: right; 
 width: 350px; 
 position: relative; 
}

#reqHalfRight input {
 width: 230px; 
 height: 22px; 
 border: 1px solid rgb(102,102,102); 
 background: none; 
 color: black; 
 font: normal 14px courier; 
}

#reqHalfRight textarea {
 width: 290px; 
 height: 110px; 
 border: 1px solid rgb(102,102,102); 
 background: none; 
 color: black; 
 overflow: auto; 
 font: normal 14px courier; 
}

#reqSecure {
 position: relative; 
 float: right; 
 width: 470px; 
}

#reqSecure input {
 width: 90px; 
 height: 18px; 
 border: 1px solid rgb(102,102,102); 
 background: none; 
 color: silver; 
 font: normal 12px courier; 
} 

#reqHalfSubmit {
 width: 317px; 
 float: right; 
 margin-left: 50px; 
 position: relative; 
}

#reqHalfSubmit input {
 width: 94px; 
 height: 31px; 
 color: white; 
 font: bold 12px arial; 
 background: url('img/pagetitle.gif') no-repeat top right; 
 border: 0; 
}


#contactDiv {
 position: relative; 
 float: left; 
 height: auto; 
 overflow: none; 
 z-index: 99; 
 top: 15px; 
}

#langLink {
 position: absolute; 
 top: 5px; 
 left: 50%; 
 margin-left: 192px;
 width: 250px; 
 height: 20px; 
 text-align: right; 
 font: bold 12px arial; 
}

#cellOcenka select {
 width: 70px; 
 height: 20px; 
}

#cellOcenka input  {
 width: 70px; 
 height: 20px; 
 border: 1px solid silver; 
 background: white; 
}

#cellOcenka textarea  {
 width: 150px; 
 height: 30px; 
 border: 1px solid silver; 
 background: white; 
 font: normal 10px arial; 
 color: black; 
}
#contStyler, #contStyler td
{
 font: normal 12px arial; 
}

a, a:visited,  a:active {
 color: rgb(208,6,0);
 text-decoration: none; 
}

a:hover {
 color: red;
}

#contStyler p, #contStyler td p  {
 margin-bottom: 4px; 
 margin-top: 2px; 	
}

#contStyler h1, #contStyler td h1 {
 font: bold 14px arial;
 margin-top: 2px;
 margin-bottom: 6px;
 text-transform: uppercase;
}

#contStyler h2, #contStyler td h2 {
 font: bold 14px arial; 
 margin-bottom: 2px;
 margin-top: 6px;
}

#contStyler h3, #contStyler td h3 {
 font: bold 13px arial; 
 margin-top: 2px;
 margin-bottom: 6px;
}

#contStyler h4, #contStyler td h4 {
 font: normal 13px arial; 
 margin-bottom: 0px;
}

#contStyler h5, #contStyler td h5 {
 font: bold 12px arial;
 margin-bottom: 0px;
 margin-top: 0px;
}


#contStyler h6, #contStyler td h6 {
 font: normal 12px arial; 
 margin-bottom: 5px;
 margin-top: 0px;
}

#contStyler li {
 font: normal 12px arial;
}

#contStyler a, #contStyler a:visited, #contStyler a:active {
 text-decoration: none; 
}