html, body{ height: 100%; }

body{ font-size: 12px; background: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
*{ margin: 0px; padding: 0px; }

a img{ border: 0; }
ul{ list-style-type: none; }
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
.cleaner{ clear: both; visibility: hidden; height: 1px; border: none; margin: -1px 0 0 0; padding: 0px; }
/* div{ border: 1px solid silver; } */

#envelopeHeadBg{ width: 1001px; height: auto; background: transparent url("/img/background2.jpg") no-repeat 0 0px; margin: 0 auto; margin-top: 20px; }
#envelope{ width: 820px; height: auto; margin: 0 0 0 67px; position: relative; }

#head{ height: 247px; position: relative; }
#logo, #logo .url{ display: block; height: 110px; width: 120px; position: absolute; top: 0px; left: 60px; }
#logo{ background: url("/img/logo2.jpg") no-repeat 0 0; }
#logo .url{ position: absolute; top: 0; left: 0; } 
#page{ position: relative; min-height: 300px; _height: 300px; background: white url("/img/contentBg.jpg") no-repeat 640px 0; padding-bottom: 80px; _padding-bottom: 50px; } 

#head .support{ display: block; width: 195px; height: 86px; position: absolute; top: 161px; left: 385px; }

#navigation{ width: 227px; position: absolute; top: -80px; padding-left: 1px; }

#menu{ }
	#menu li{ height: 48px; background: url("/img/menuItem.jpg") no-repeat 0 0; }
		#menu li a{ display: block; height: 48px; line-height: 48px; padding-left: 66px; color: white; font-weight: bold; }
		#menu li.first{ height: 50px; background: url("/img/menuItemFirst.jpg") no-repeat 0 0; }
		#menu li.last{ height: 50px; background: url("/img/menuItemLast.jpg") no-repeat 0 0; }
		#menu li a.active{ background: transparent url("/img/menuHover.gif") no-repeat 10px 10px; }

/*
#menu{ background: url("/img/menu.jpg") no-repeat 1px 80px; height: 530px; }
#menu li{ height: 48px; line-height: 48px; }
#menu li a{ display: block; height: 48px; line-height: 48px; color: white; font-weight: bold; font-size: 12px; padding-left: 66px; }
*/


li#m1, li#m1 a{ height: 50px; line-height: 50px; }

#contact-env{ background: #2691A5; width: 218px; margin: 5px; } 
#contact-env .top, #contact-env .bottom{ height: 6px; background: yellow; }
#contact-env .top{ background: url("/img/contactTop.jpg") no-repeat; }
#contact-env .bottom{ background: url("/img/contactBottom.gif") no-repeat; }
#contact{ padding: 15px 20px; }
#contact h2{ color: #BAD768; font-weight: normal; margin-bottom: 8px; text-transform: uppercase; font-size: 14px; }
#contact address{ color: white; font-style: normal; line-height: 1.6em; }
#contact .url{ color: #E1DA4B; }

#content-env{ padding-left: 227px; min-height: 300px; _height: 300px; padding-bottom: 30px; width: 606px; }
#content{ padding: 20px 30px 10px 30px;  }

#content h1, #content h2, #content h3{ margin: 10px 0; color: #363738; font-size: 22px; font-weight: normal; }
#content h2{ font-size: 18px;  }
#content h3{ font-size: 14px; color: #2691A5; }
#content a{ color: black; text-decoration: underline; }
#content p{ padding: 0 0 5px 0; line-height: 1.7em; color: #363738; text-align: justify; }
#content address{ font-style: normal; line-height: 1.5em }
#content table{ margin: 5px 0; width: 100%; }
#content th{ text-align: left; width: 150px; vertical-align: top; color: #2691A5; font-weight: normal; }
#content td{ padding: 1px 0; line-height: 1.7em; vertical-align: top; padding-left: 5px; }
#content img, #content iframe{ border: 1px solid #C0C0C0; padding: 3px; background: white; }
#content img{ border: 0px; }
#content img.noBorder{ border: 0px; }
#content small{ color: silver; }
#content li{ margin-bottom: 5px; }
#content address{ margin: 20px 0px; font-style: italic; }

#partnersLogo td{ text-align: center; }
#partnersLogo td a img{ border: 0px; }
#partnersLogo th{ text-align: center !important; height: 25px; vertical-align: middle; font-weight: bold; }
#partnersLogo .divider{ width: 5px !important; }
iframe{ overflow-x: hidden; border: 0px !important; }

#headLine{ text-align: center; margin-bottom: 20px; }
#headLine h1{ color: #6CAE2D; font-size: 28px; }
#headLine p, #headLine h2, #headLine h3{ color: #1C6376; line-height: 1.5em; }
#headLine p{ font-size: 14px; }
#headLine h2{ font-size: 24px; margin-top: 5px; font-weight: normal; }
#headLine h3{ font-size: 16px; font-weight: normal; margin-bottom: 10px; text-align: left; }
#headLine h3.date{ font-size: 20px; text-align: center;}
#headLine span{ color: #6CAE2D; }
#headLine sup{ font-size: 12px; }

#news{ background: #E8F3D7; margin: 0px 20px; height: 1%; width: 570px; }
#news .top, #news .bottom{ height: 6px; background: #E8F3D7; }
#news .top{ background: url("/img/newsTop.gif") no-repeat; }
#news .bottom{ background: url("/img/newsBottom.gif") no-repeat; }
#news h2{ padding: 20px 30px 5px 30px; font-size: 16px; text-transform: uppercase; color: #619B21; font-weight: normal; margin-bottom: 10px }
#news h2 a{ color: #619B21; text-decoration: underline; }
#news .item-env{ height: 100px; width: 283px; float: left; _margin-right: -3px; }
#news .item{ padding: 10px 30px; }

#news .item2-env{ margin: 5px 0 10px 30px; }
#news .item2 span.date{ color: black; font-weight: normal; margin-right: 10px; }
/* #news .item2{ padding: 10px 30px; } */

#news p.date{ font-weight: bold; }
#news h3{ font-weight: normal; font-size: 12px; color: #619B21; padding: 0px; margin: 2px 0; }
#news h3 a{ color: #619B21; text-decoration: underline; }

#artList .item{ margin: 10px 0; }
#artList .item p.date{ margin: 0; color: silver; }
#artList .item h2{ padding: 0; margin: 0 0 2px 0; color: black; }
#artList .item h2 a{ color: black; }

#fileList{ margin: 25px 0; }
#fileList li{ margin: 5px; height: 32px; line-height: 32px; padding-left: 45px; background: url('/img/FileIcons/default.gif') no-repeat 6px 0; }
#fileList li a{ color: #237489; font-weight: bold; }
#fileList li.pdf{ background: url('/img/FileIcons/pdf2.gif') no-repeat 0 0; }
#fileList li.doc{ background: url('/img/FileIcons/word.gif') no-repeat 0 0; }
#fileList li.zip{ background: url('/img/FileIcons/zip.gif') no-repeat 0 0; }

#register{ margin: 25px 0 !important; width: 100% }
#register td{ text-align: center; }
#register a img{ border: 0px; }

#formular{ margin: 25px 0; }
#formular .form{ margin: 5px 0; }
#formular .form th, #formular .form th{ padding: 4px 0; }
#formular .form th{ font-weight: normal; vertical-align: middle; }
#formular .form th.h{ color: #2691A5; padding: 5px 0; font-weight: bold; }
#formular .form input, #formular .form textarea{ /*border: 1px solid #2691A5;*/ border: 1px solid #FDD28A; padding: 3px; color: black; background: #F6F3BC; }
#formular .form strong.star{ margin-left: 5px; color: red; }
#formular .submiter{cursor: pointer; _cursor: hand; width: 121px; height: 35px; border: 0px; background: url('/img/registrovatBtn.jpg') no-repeat; margin-top: 10px; font-weight: bold; text-transform: uppercase; color: #237489; font-size: 11px; }

#galList .item{ margin: 10px 0; }
#galList .item .photo, #gallery .item{ font-size: 0; height: 104px; width: 131px; float: left; margin-right: 10px; }
#galList .item .photo{ background: url('/img/stinGallery.jpg') no-repeat 0 0; }
#galList .item .photo img{ border: 0px; padding: 0px; margin: 15px 0 0 15px; }

#gallery .item{ width: 155px; height: 118px; padding-right: -3px; margin-right: 5px; }
#gallery .item img{ border: 1px solid #C0C0C0; }
#galList .item h2{ margin: 0; }
#galList .item h2 a{ color: #387588; font-size: 14px; font-weight: bold; }
#galList .item p{ color: #387588; }

p.galPerex{ margin: 5px 0 15px 0; }

#content .partnersLogo-env{ min-height: 140px; _height: 140px; margin: 20px 0; text-align: center; }
#content .partnersLogo-env .item-env{ width: 140px; height: 110px; float: left; margin: 0 0 15px 0px; }
#content .partnersLogo-env .item{  width: 140px; height: 82px; background: url('/img/partnerBg2.jpg') no-repeat 0 0; }
#content .partnersLogo-env p{ text-align: center !important ; }
#content .partnersLogo-env .logo td{ width: 140px; height: 70px; background: transparent; text-align: center; vertical-align: middle; border-collapse: collapse; }
#content .partnersLogo-env img{ border: 0px; }

.error-env{ margin: 3px 0; background: #FFE6E7; border: 1px solid #FF7178; }
.error{ padding: 5px; font-size: 11px; line-height: 1.3em; }
.error strong{ color: #FF7178; }

#footer-env{ width: 820px; position: absolute; left: 0; bottom: 0; height: 65px; border-top: 2px solid #363738; font-size: 11px; color: #767676; }
#partners-env{ height: 82px; position: absolute; top: -120px; right: 0px; }
#partners-env table{ /*width: 100%;*/ }
#partners-env table td{ vertical-align: middle; }
#partners-env img{ margin-left: 15px; }
#fLeft{ width: 200px; float: left; _margin-right: -3px;  }
#fLeft a{ color: #767676; font-weight: bold; }
#fRight{ width: 620px; margin-left: 200px; _margin-left: 197px; min-height: 40px; _height: 40px; text-align: right; }
#fRight a{ color: #363738; word-break: keep; text-decoration: underline; }
#footer-env .cols{ padding: 10px; }
#fMenu{ min-height: 40px; _height: 40px; padding: 10px 50px 10px 10px !important; background: url("/img/footerLogo.jpg") no-repeat 7px right; }

/* ++++++++++++++++++++++++ */

#int-env{ width: 218px; min-height: 160px; _height: 160px; background: url("/img/intBg.jpg") repeat-y 0 0; margin: 10px 0; }
	#int-env .header{ height: 33px; background: url("/img/intHeader.jpg") no-repeat 0 0; }
	#int-env .text{ background: transparent url("/img/intFooter.jpg") no-repeat left bottom; min-height: 128px; _height: 140px;  }
		#int-env .int{ padding: 5px 5px 5px 60px; }
		#int-env .int p{ color: white; margin-bottom: 3px; line-height: 1.3em; }

/* ++++++++++++++++++++++++ */

*:focus{ outline: 0; }
#formtable{ width: 537px; background: url("/img/formBg.jpg") repeat-y; margin: 20px; }

	#formtable .top{ height: 12px; background: url("/img/formTop.jpg") no-repeat 0 0; }
	#formtable .bottom{ height: 12px; background: url("/img/formBottom.jpg") no-repeat 0 0; }

	#formtable *{ text-align: center !important; }
	#formtable table{ width: 100%; margin: 20px 0; }
		#formtable table th{ padding: 8px 5px; color: #01769F; font-size: 14px; }
		#formtable table th small{ font-size: 11px; color: #5E5E5E; font-weight: normal; }

	#formtable h3{ color: #363738; margin: 20px 0; }
	#formtable label{ margin: 0 10px; }

	#formtable .input-env{ width: 280px; height: 32px; background: url("/img/formInput.jpg"); margin: 0 auto; position: relative; }
		#formtable .input-env input{ width: 250px; height: 20px; position: absolute; top: 5px; left: 10px; border: 0px; background: transparent; }

#contact th{ width: 120px; text-align: center; }