body {
	margin: 0;
	padding: 0 0 40px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background: url(design/back-page.jpg) #2A52A5 top center no-repeat;
    line-height: 1.5em;
}

a {color: #006CF1;}
p {margin: 1em 0;}
img {border: 0;}
.float-right {float: right;}

h1 {font-size: 1.5em; margin: 0 0 1em 0; color: #006CF1;}
h2 {font-size: 1.3em; margin: 1em 0; color: #EF8620;}
h3 {font-size: 1.2em; margin: 1em 0; color: #006CF1;}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#page {width: 980px; margin: auto;}
#top {width: 980px; height: 134px;}
#theme {width: 980px; height: 316px;}
#theme a {color: #FFF; font-size: 0.8em; font-weight: bold;}
#anim {width: 556px; height: 308px; background: url(design/theme1.jpg) top left no-repeat; margin-left: 10px; float: left;}
#theme-motto {width: 384px; float: left; color: #FFF; padding: 30px 0 0 30px; font-size: 1.2em; color: #A7CBFF; line-height: 1.5em;}
#theme-motto h2 {color: #FFF; font-size: 1.3em; margin: 0 0 20px 0; font-weight: normal;}
#content {width: 960px; margin: auto; background: #FFF;}
#content-in {padding: 30px 20px 20px 20px;}
#content-left {width: 660px; margin-right: 20px; float: left;}
#content-right {width: 240px; float: left;}

#logo-janousek {width: 274px; height: 36px; background: url(design/logo-janousek.gif) no-repeat; margin: 58px 20px 0 52px; float: left;}
#logo-janousek a {width: 274px; height: 36px; display: block; border-bottom: none;}
#logo-janousek span {display: none;}

#logo-titulek {color: #2A52A5; float: left; margin-top: 63px; width: 200px;}

#search {width: 250px; float: left; margin: 66px 0 0 160px;}
#search form {margin: 0; padding: 0;}
#search .input-text {width: 158px; border: 1px solid #C1C1C1; height: 20px; background: #FFF; float: left; margin-right: 8px; font-style: normal; padding: 4px 0 0 4px;}

#menu {width: 100%; height: 61px;}
#menu ul {margin: 20px 0 0 28px; padding: 0; float: left;}
#menu li {float: left; background: url(design/menu-rozdel.gif) right 4px no-repeat; list-style-type: none;}
#menu li a {height: 30px; display: block; line-height: 30px; padding: 0 25px; float: left; text-decoration: none; color: #FFF;}
#menu li a:hover {color: #FFB128;}

#path {margin: 3px 0 10px 0; padding-bottom: 10px; border-bottom: 1px dotted #E6EFF9; }

#content-right h2 {background: url(design/fold1.gif) top left no-repeat; height: 33px; margin: 0; line-height: 33px; color: #000; font-size: 1em; padding-left: 20px;}
.panel {background: #E6EFF9; margin-bottom: 30px;}
.panel-in {padding: 20px 20px;}
.panel h3 {font-size: 1.1em;}

.blend {background: url(design/blend.gif) bottom center no-repeat; padding-bottom: 20px;}

h2.fold2 {background: url(design/fold2.gif) top left no-repeat; height: 33px; margin: 0; line-height: 33px; color: #000; font-size: 1em; padding-left: 20px;}
#services {background: #E6EFF9; width: 590px;}
#services-in {padding: 20px 0px 20px 20px; text-align: center;}
#services div.item {width: 170px; height: 224px; background: url(design/back-service.gif) top left no-repeat; float: left; margin: 0px 20px 20px 0;}
#services div.item-in {padding: 10px 10px;}
#services img {margin-bottom: 20px;}
#services a {color: #FFF;}

#footer {color: #FFF;}
#footer-in {padding: 10px 20px 0 30px;}
#footer a {color: #FFB028;}

#links ul {float: right; list-style-type: none; margin: 0; padding: 0;}
#links ul li {float: left; margin-left: 10px;}
.icon-print {background: url(design/icon-print.gif) 0 1px no-repeat; padding-left: 20px;}

#content ul li.level-1 { margin-left: 40px; }
#content-right .panel ul {list-style-type: none; margin: 0; padding: 0;}
#content-right .panel ul li {line-height: 30px; border-bottom: 1px solid #CEDFF2;}

#category {margin: 0 0 15px 0; padding: 0;}
#category li {list-style-type: none; float: left; background: url(design/icon-folder.gif) 0 1px no-repeat; margin-right: 14px; line-height: 1.5em;}
#category li a {padding-left: 21px; white-space: nowrap;}
#category li a.act {font-weight: bold;}

.reference-item {margin-bottom: 20px; width: 320px; float: left; padding-right: 10px;}
.reference-item img {float: left; margin-right: 10px;}
.reference-item h3 {font-size: 1em; font-weight: normal;}

div.gallery a {padding: 4px; background: #E6EFF9; margin: 0 5px 5px 0; display: block; float: left;}

fieldset {border: none;}
.form1 {margin-bottom: 10px; background: #E6EFF9; padding: 20px 20px;}
.form1 fieldset {border: 1px solid #DFDFDF; padding: 10px 10px; margin: 0;}
.form1 legend {font-weight: bold; padding: 5px 5px 0 5px; color: #69B63D; background: #FFF;}
.form1 label {float: left; width: 25%; vertical-align: middle; font-weight: bold;}
.form1 div {margin: 0.3em 0;}
.check {margin: 0 0 0 -5px;}
.form-item {margin-bottom: 3px;}

