html, body{ height: 100%; }

body{ 
	margin: 0; padding: 0; 
	text-align: center; background: #F0F0F0 url('/img/2009/background.gif') repeat-x; 
	font-family: verdana;
}

/* 
predpisy pro pisma
------------------
font-family: Verdana, "Trebuchet MS", sans-serif;
font-family: "Courier New", Courier, sans-serif;
font-family: "Times New Roman", Times, serif;
font-family: Arial, Helvetica, sans-serif;
*/

.hide{ display: none; }
.cleaner{ clear: both; visibility: hidden; height: 1px; border: none; margin: -1px 0 0 0; padding: 0px; font-size: 0px;}

a{ text-decoration: underline; }
a:hover{ text-decoration: none; }
a img{ border: 0px; }

#content *, #contact *,
#search-env *{ margin: 0; padding: 0;}

.btn{ cursor: pointer; _cursor: hand; }

/* ----------------------------------------------- */

#shadow1, #shadow2{
	position: relative;
	margin: 0 auto; width: 1020px; /* background: #E6FFE6 */;
}

#envelope{
	position: relative; /* paticka vzdy dole */
	margin: 0 auto; width: 1000px; text-align: left; 
}

#header, #headerArt{ height: 95px; background: white url('/img/2009/headerTop.png') no-repeat; position: relative; }
#headerArt{ background: white url('/img/2009/headerTopArt.png') no-repeat; }

/* ----------------------------------------------- */

#logo-env{ 
	height: 60px; width: 200px; 
	position: absolute; top: 10px; left: 10px;	
}

#logo-env .text{ overflow: hidden; }

#logo-env .text, #logo-env a.url, #logo-env span.url{ display: block; height: 70px; width: 429px; position: relative; }
#logo-env a.url,
#logo-env span.url{ 
	position: absolute; top: 0; left: 0; 
	background: url('/img/2009/logo.gif') no-repeat top left; }

#logo-env .text *{ margin: 0; padding: 0; font-size: 16px; }

/* ----------------------------------------------- */

#search-env{ 
	height: 30px; width: 200px; 
	position: absolute; top: 20px; right: 10px;	
}
#search-env p{ height: 30px; position: relative; }
#search-env input.ok{
	height: 30px; width: 45px;  
	background: white; border: 1px solid #989898;
	color: #989898;
	text-transform: uppercase;
	font-weight: bold;
	position: absolute; top: 0; right: 0px;
}
#search-env input.txt{
	height: 18px; width: 135px;
	padding: 5px;
	background: white; border: 1px solid #989898;
	color: #989898;
	position: absolute; top: 0;
}


#lang-env{
	height: 18px; width: 300px;
	position: absolute; bottom: 8px; right: 10px;	
}

#lang-env p{ text-align: right; font-size: 0px; height: 18px; }
#lang-env .flag{ margin-left: 5px; }
#lang-env a img{ border: 0px; }

/* ----------------------------------------------- */

#bannerPlace, #bannerPlaceArt{ background: #999999; } 

#bannerPlace, #bannerPlace span{ display: block; height: 259px; width: 1000px; position: relative; }
#bannerPlaceArt, #bannerPlaceArt span{ display: block; height: 143px; width: 1000px; position: relative; }

#bannerPlace span{ position: absolute; top: 0; left: 0; background: url('/img/2009/headerBottom.png') no-repeat; }
#bannerPlace span.en{ background: url('/img/2009/headerBottomEn.png') no-repeat; }
#bannerPlace span.ru{ background: url('/img/2009/headerBottomRu.png') no-repeat; }
#bannerPlaceArt span{ position: absolute; top: 0; left: 0; background: url('/img/2009/headerBottomArt.png') no-repeat; }

#bannerPlace *, #bannerPlaceArt *{ margin: 0; padding: 0; }

/* ----------------------------------------------- */

#menu{ background: #990000 url('/img/2009/menuBg.png') repeat-x; }
#menu *{ margin: 0; padding: 0; }
#menu ul{ list-style: none; height: 48px; }
#menu ul li{ display: block; width: 125px; float: left; padding: 0; }
#menu ul li a{ 
	display: block; width: 125px; height: 48px; 
	line-height: 48px; text-align: center; 
	color: white; font-weight: bold; text-decoration: none;
	background: url('/img/2009/menuBgRight.png') no-repeat top right;
	font-size: 12px; 
}
#menu ul li a:hover{ font-size: 14px; }
#menu ul li.last{ width: 115px; }
#menu ul li.last a{ background: none; width: 115px; /* text-align: left; padding-left: 15px; */ }

/* ----------------------------------------------- */

#content-env{ background: white; }
#content-env,
#contentSolution-env{ height: 279px; }
.box{ float: left; height: 278px; }
#solution-env{ width: 250px; background: white; }
#solution-env.ru #solution{ padding-left: 5px; padding-right: 5px; }
#solution-env.ru #solution select{ width: 185px; font-size: 11px; }
#contact-env{ width: 250px; background: white; }

#content-env{ position: relative; }

#content,
#contentSolution-env{ width: 500px; background: white; }
#content .left-env{ width: 250px; height: 278px; float: left; _margin-right: -3px; /* background: silver; */ }
#content .right-env{ width: 250px; height: 278px; margin-left: 250px; _margin-left: 247px; /* background: yellow; */ }

#content .left,
#content .right,
#contact{ 
	padding: 15px;
	background: url('/img/2009/contentBorder.gif') no-repeat left 25px;
}

#content h2,
#contact h2{ margin-bottom: 5px; font-size: 20px; }
#content .block{ height: 230px; _height: 215px; overflow: hidden; font-size: 12px; }
#content .block p{ line-height: 1.3em; }

#content .links{ margin-top: 10px; }
#content .links a{ font-weight: bold; color: #990000; text-decoration: none; }
#content .links a:hover{ text-decoration: underline; }
#content a{ color: #990000; }


#ShowArticleBox{ 
	width: 477px; height: 262px; background: white; position: absolute; top: 0; left: 253px; overflow: auto;
	padding: 10px 10px 5px 10px;
}
#ShowArticleBox *{ font-size: 13px; }
#ShowArticleBox ul{ margin: 10px 20px; padding: 0; }
#ShowArticleBox ul li{ margin-bottom: 3px; }
#ShowArticleBox ul li a{ color: #990000; }

/* ----------------------------------------------- */

#page-env{ background: white url('/img/2009/pageBg.gif') repeat-x; padding-top: 15px; padding-bottom: 20px; }
#page-background{ background: white url('/img/2009/pageBackground.gif') repeat-y left top; width: 100%; }

#menuSec-env{ width: 250px; float: left; _margin-right: -3px; }
#menuSec{ width: 240px; }
#menuSec *{ margin: 0; padding: 0; }
#menuSec ul{ list-style: none; }
#menuSec ul li{ background: #CCCCCC; margin-bottom: 2px; }
#menuSec ul li a{ color: black; font-weight: bold; text-decoration: none; padding: 5px; padding-left: 30px; display: block; }
#menuSec ul li a:hover,
#menuSec ul li a.active,
#menuSec ul.level_1 li.selected>a{ color: #990000; background: url('/img/2009/menuSecHover.gif') no-repeat 10px center; }
#menuSec ul.level_2 li.selected>a,
#menuSec ul.level_3 li.selected>a{ background: none; }
/*#menuSec ul>li.selected>a*/
#menuSec ul li ul{ background: white; }
#menuSec ul li ul li{ background: white; padding-left: 45px; background: url('/img/2009/menuSecSubmenu.gif') no-repeat 30px 10px; }
#menuSec ul li ul li a{ font-weight: normal; font-size: 12px; padding-left: 0; }
#menuSec ul li ul li.active{ }
#menuSec ul li ul li.active a.active{ color: #990000; background: none; }
#menuSec ul li ul li a:hover{ background: white; color: black; text-decoration: underline; }

#pageContent-env{ margin-left: 250px; _margin-left: 247px; _height: 0; }
#pageContent{ padding: 15px; padding-top: 0; }
#pageContent *{ margin: 0; padding: 0; }
#pageContent h1, #pageContent h2, #pageContent h3{ color: #990000; font-size: 22px; margin: 0 0 15px 0; }
#pageContent h2, #pageContent h3{ font-size: 16px; font-weight: normal; margin: 10px 0; }
#pageContent p,
#pageContent div{ margin-bottom: 0px; line-height: 1.4em; font-size: 12px; }
#pageContent ul{ margin: 10px 20px; list-style: none; }
#pageContent ul li{ font-size: 12px; margin-bottom: 3px; padding-left: 20px; background: url('/img/2009/contentLi.gif') no-repeat 0px 5px; width: 90%; }
#pageContent strong a,
#pageContent a{ color: #990000; font-weight: normal; }

#pageContent table{ border-collapse: collapse; }
#pageContent table td{ padding: 3px 5px; }

#breads{ margin-bottom: 15px; }
#breads p{ margin: 0; padding: 0; font-size: 12px; }
#breads p a{ color: blue; }

#artLinks{ margin: 10px 0; }
#artLinks a{ font-weight: bold; color: #999999; text-decoration: none; }
#artLinks p a:hover{ text-decoration: underline; }

#postSend{ margin: 20px 0 10px 0; }
strong.extra{ color: red; font-weight: bold; }

/* ----------------------------------------------- */

#solution{ padding: 15px; }
#solution h2{ color: #990000; margin: 0; margin-bottom: 5px; padding: 0; font-size: 20px; }

.solutionItem-env{ margin-top: 20px; height: 200px; position: relative; }
.solutionItem{ height: 45px; margin-bottom: 10px; }
.solutionItem .number{ width: 44px; height: 45px; background: white; float: left; _margin-right: -3px; }

.solutionItem #num1{ background: url('/img/2009/number/1.gif') no-repeat left top; }
.solutionItem #num2{ background: url('/img/2009/number/2.gif') no-repeat left top; }
.solutionItem #num3{ background: url('/img/2009/number/3.gif') no-repeat left top; }

.solutionItem .form-env{ margin-left: 44px; _margin-left: 41px; }
.solutionItem .form{ padding: 0 5px; }
.solutionItem .form strong,
.solutionItem .form strong span{ display: block; height: 14px; width: 109px; font-size: 11px; position: relative; overflow: hidden; }
.solutionItem .form strong{ margin-bottom: 2px; }
.solutionItem .form strong span{ position: absolute; top: 0; left: 0; }

.solutionItem .form strong.step1 span{ background: white url('/img/2009/solutions/step1.gif') no-repeat; }
.solutionItem .form strong.step2 span{ background: white url('/img/2009/solutions/step2.gif') no-repeat; }
.solutionItem .form strong.step3 span{ background: white url('/img/2009/solutions/step3.gif') no-repeat; }

.solutionItem .form strong.en,
.solutionItem .form strong.en span{ display: block; height: 11px; width: 121px; font-size: 10px; position: relative; overflow: hidden; }
.solutionItem .form strong.en{ margin-bottom: 2px; }
.solutionItem .form strong.en span{ position: absolute; top: 0; left: 0; }
.solutionItem .form strong.step1.en span{ background: white url('/img/2009/solutions/step1En.gif') no-repeat; }
.solutionItem .form strong.step2.en span{ background: white url('/img/2009/solutions/step2En.gif') no-repeat; }
.solutionItem .form strong.step3.en span{ background: white url('/img/2009/solutions/step3En.gif') no-repeat; }

.solutionItem .form strong.ru,
.solutionItem .form strong.ru span{ height: 18px; width: 139px !important; }
.solutionItem .form strong.step1.ru span{ background: white url('/img/2009/solutions/step1Ru.gif') no-repeat; }
.solutionItem .form strong.step2.ru span{ background: white url('/img/2009/solutions/step2Ru.gif') no-repeat; }
.solutionItem .form strong.step3.ru span{ background: white url('/img/2009/solutions/step3Ru.gif') no-repeat; }

.solutionItem .form select{ width: 165px; }

#submiter{ position: absolute; bottom: 10px; right: 10px; height: 27px; width: 43px; background: white; border: 1px solid #9E171B; font-weight: bold; color: #9E171B; }

/* ----------------------------------------------- */

#contact *{ font-size: 12px; color: #990000; }
#contact h2{ color: black; }
#contact address{ font-style: normal; }
#contact address.internet{ margin-top: 5px; }
#contact h3{ margin: 5px 0; font-size: 14px; }
#contact table td.number{ padding-left: 8px; }
#contact strong{ font-size: 14px; }

#contact .divider{ margin-top: 6px; }

#newsLetter h2{ margin: 0; padding: 0; margin: 5px 0 3px 0; font-size: 15px; }
#newsLetter form{ position: relative; }
#newsLetter input.txt{ width: 160px; border: 1px solid black; height: 20px; padding: 3px; position: absolute; top: 0; left: 0; color: #202020; }
#newsLetter input#nLSubmit{ width: 40px; height: 28px; background: white; border: 1px solid #990000; position: absolute; top: 0; right: 7px; _right: 20px; font-weight: bold; }

/* ----------------------------------------------- */

#flash-env{ height: 168px; background: white url('/img/2009/flashBg.gif') repeat-x bottom left; text-align: center; }
#flash{ height: 124px; width: 700px; text-align: left; margin: 0 auto; position: relative; top: 15px; }

/* ----------------------------------------------- */

#footer-env{ height: 25px; background: white; }
#footer-env p{ font-size: 11px; margin: 0; padding: 0; height: 25px; line-height: 25px; }

#footer-env .left{ width: 500px; float: left; _margin-right: -3px; }
#footer-env .right{ width: 500px; margin-left: 500px; _margin-left: 497px; }
#footer-env .left p{ text-align: left; padding-left: 10px; }
#footer-env .right p{ text-align: right; padding-right: 10px; }

#footer-env .left p,
#footer-env .left p *{ color: #ACACAC; }

#footer-env .right p,
#footer-env .right p *{ color: #404040; }

#footerShadow{ height: 5px; /* background: #E6FFE6; */ font-size: 0px; }

#newsLetter{ margin-top: 10px; }

p.bread{ margin-bottom: 10px !important; }

#rChapters{ margin: 10px 0 20px 0 !important; }

#mailForm .ProfileInfoTbl, #mailForm fieldset{ margin: 10px; }
#mailForm fieldset{ padding: 10px; line-height: 1.5em; }

#pageContent .letters{ margin: 10px 0; }
#pageContent .letters span{ margin-right: 10px; }


#pageContent .error {color:#f00; padding:10px 0;}

#rArt{ margin: 20px 0; }