body {
margin:0;
padding:0;
font:0.75em Arial,Verdana,sans-serif;
line-height:1.4em;
color:#434343;
background:#CEEAFF;
}

a:link, a:visited { color:#3383BE; }
a:hover, a:active { color:#000; text-decoration:none; }

hr.hr, #pagename, .anchors, .top-anchor {
display:none;
}

img {
border-top:1px solid #AAA;
border-right:1px solid #696969;
border-bottom:1px solid #696969;
border-left:1px solid #AAA;
}

ul {
margin:0;
padding:0;
}
ul li {
margin:0;
padding:0 0 10px 10px;
list-style:none;
background:url("li.gif") 0 6px no-repeat;
}
ul ul {
margin:0 0 0 10px;
}
ul li li {
padding:0 0 0 8px;
background:url("lili.gif") 0 7px no-repeat;
}

h1 {
margin:20px 0;
font-size:240%;
color:#696969;
}
h2 {
clear:both;
margin:20px 0;
font-weight:normal;
font-size:160%;
color:#3383BE;
}
h3 {
margin:10px 0 5px 0;
font-weight:normal;
font-size:150%;
line-height:100%;
color:#696969;
}
h4 {
margin:10px 0 5px 0;
font-size:140%;
color:#AAA;
}
h5 {
margin:10px 0 5px 0;
font-size:120%;
color:#696969;
}
h6 {
margin:10px 0 5px 0;
font-size:90%;
}

em {
color:#696969;
}

table {
font-size:100%;
border-color:#CCC;
}
th, td {
border-color:#FFF;
}

dl, dt, dd {
margin:0;
padding:0;
}
dl {
clear:both;
padding:3px 0;
}
dt {
float:left;
width:22%;
line-height:22px;
text-align:right;
font-size:90%;
}
dd {
float:right;
width:76%;
}

sup, sub {
font-size:80%;
line-height:100%;
}

fieldset {
border:3px solid #ECECEC;
background:#DFDFDF;
color:#696969;
}
legend {
background:#ECECEC;
color:#696969;
}

form {
margin:0;
padding:0;
}
input, textarea, select {
font:90% Arial,Verdana,sans-serif;
border:0;
border:3px solid #CCC;
color:#434343;
}
.btn-submit input, .formitem-submitPost input {
padding:3px;
cursor:pointer;
font-weight:bold;
text-transform:uppercase;
color:#CCC;
background:#696969;
}

.formitem-bombField {
display:none;
}

hr.hr, #pagename {display:none;}

/**/
.page {
float:left;
width:100%;
margin:134px 0 0 0;
background:#FFF url("page.gif") 0 0 repeat-x;
}
.page-box {
float:left;
width:100%;
background:url("page-b.gif") left bottom repeat-x;
}
.main {
width:750px;
margin:0 auto;
}
.main-box {
float:left;
width:100%;
height:600px;
min-height:600px;
background:#FFF url("main-b.gif") left bottom no-repeat;
}
div[class].main-box {
height:auto;
}
#header {
float:left;
width:100%;
height:85px;
background:url("header.gif") 0 0 no-repeat;
}
#logo {
float:left;
}
#logo a {
display:block;
position:absolute;
z-index:10;
margin:0 0 0 18px;
width:410px;
height:85px;
text-decoration:none;
}
#logo img {
visibility:hidden;
}
#motto {
display:none;
}
#menubonus {
float:right;
}
#area {
clear:both;
float:left;
width:100%;
padding:40px 0 0 0;
height:410px;
min-height:410px;
background:url("area.gif") 0 0 no-repeat;
}
div[id] #area {
height:auto;
}


/********/
/*layout*/
/*layout2colright*/
#container {
clear:both;
float:left;
width:100%;
padding:23px 0;
}
#content {
float:left;
position:relative;
left:4px;
width:470px;
}
#column {
float:right;
position:relative;
left:-23px;
width:245px;
}
#column-box {
width:100%;
color:#786532;
font-size:90%;
}
#column h3 {
font-size:200%;
}
#column a {
color:#786532;
}
#column .location {
float:left;
}
#column2 {
display:none;
}


/**/
#layer1 {
position:absolute;
left:0;
top:134px;
width:100%;
}
#layer1-box {
width:750px;
margin:0 auto;
}

#menu1 {
float:left;
position:relative;
top:90px;
left:23px;
}
#menu1 ul {
margin:0;
padding:0;
}
#menu1 li {
float:left;
height:35px;
margin:0;
padding:0;
list-style:none;
background:none;
}
#menu1 a {
display:block;
float:left;
height:35px;
background:url("m1i-0.gif") 0 0 repeat-x;
font-size:150%;
text-align:center;
text-decoration:none;
}
.m11i1 a {
width:157px;
}
.m11i2 a {
width:132px;
}
.m11i3 a {
width:162px;
}
#menu1 a:hover, #menu1 a:active {
background:none;
}
#menu1 a#m11active {
background:none;
}
#menu1 span {
position:relative;
top:10px;
}



#quicksearch {
float:right;
position:relative;
left:-23px;
top:36px;
width:244px;
height:35px;
background:url("qs.gif") 0 0 no-repeat;
}
#quicksearch fieldset {
margin:0;
padding:13px 0 0 32px;
border:0;
background:none;
}
#quicksearch legend, #quicksearch span {
display:none;
}
#quicksearch input {
background:none;
border:0;
}
#quicksearch .inputtext {
width:170px;
}
#quicksearch .inputsubmit {
width:30px;
text-align:center;
color:#FFF;
font-weight:bold;
text-transform:uppercase;
}

#layer1-bonus {
clear:both;
float:right;
position:relative;
left:-31px;
top:50px;
height:22px;
line-height:22px;
background:url("wus.gif") right center no-repeat;
}
#layer1-bonus-box {
padding:0 32px 0 0;
font-weight:bold;
font-size:90%;
text-transform:uppercase;
}

/**/
#title h1 {
float:left;
}
#title small {
float:right;
}

#footer {
clear:both;
}
#copyright {
float:left;
position:relative;
left:23px;
top:16px;
}
#miton {
float:right;
position:relative;
left:-23px;
top:16px;
}
#sponsored-links {
clear:both;
width:100%;
text-align:center;
}

#banner-bottom {
clear:both;
float:left;
width:100%;
padding:30px 0 20px 0;
}
#banner-bottom-box {
width:750px;
margin:0 auto;
text-align:center;
}
#banner-top {
clear:both;
position:absolute;
left:0;
top:38px;
width:100%;
}
#banner-top-box {
width:728px;
height:90px;
margin:0 auto;
text-align:center;
border:1px solid #9DD6FF;
}




.work {
float:left;
width:100%;
}
.work .location {
clear:both;
}
.work .loc-box {
padding:16px 20px 20px 34px;
}
.work .loc-1 {
float:left;
width:100%;
background:url("wrk-loc1-b.gif") right bottom no-repeat;
color:#688009;
}
.work .loc-1 a {
color:#688009;
}
.work .loc-1 em {
color:#688009;
}
.work .loc-1 .loc-box {
height:158px;
min-height:158px;
background:url("wrk-loc1.gif") 0 0 no-repeat;

}
div[class].work .loc-1 .loc-box {
height:auto;
}
.work .loc-1 h1, .work .loc-1 h2 {
margin:0;
padding:0;
font-weight:normal;
font-size:200%;
}
.work .loc-1 h1, .work .loc-1 h2, .work .loc-1 h3, .work .loc-1 h4, .work .loc-1 h5, .work .loc-1 h6 {
color:#688009;
}

.work h2 a {
text-decoration:none;
}

.systems, .list {
float:left;
width:100%;
margin:0 0 20px 0;
padding:0;
}
.systems li, .list li {
clear:both;
float:left;
width:100%;
margin:0;
padding:3px 0;
background:url("systems.gif") left bottom repeat-x;
list-style:none;
}
.systems a {
display:block;
padding:0 0 0 40px;
line-height:29px;
text-transform:uppercase;
font-weight:bold;
}
.sys-presentation a {
background:url("sys-presentation.gif") left center no-repeat;
}
.sys-gallery a {
background:url("sys-gallery.gif") left center no-repeat;
}
.sys-blog a {
background:url("sys-blog.gif") left center no-repeat;
}
.sys-editorial a {
background:url("sys-editorial.gif") left center no-repeat;
}
.sys-comunity a {
background:url("sys-comunity.gif") left center no-repeat;
}
.sys-eshop a {
background:url("sys-eshop.gif") left center no-repeat;
}



/*******/
/*block*/
.block {
clear:both;
float:left;
position:relative;
top:-20px;
width:245px;
margin:20px 0 0 0;
background:url("column.gif") 0 0 no-repeat;
}
.block-title h3 {
float:left;
margin:0;
padding:14px 0 0 35px;
color:#786532;
}
.block-title h3 a {
text-decoration:none;
}
.block-title small {
float:right;
}
.block-content {
float:left;
width:100%;
padding:0 0 20px 0;
background:url("column-b.gif") right bottom no-repeat;
}
.block-btn {
float:right;
padding:0 0 0 35px;
}

/*block-tunning*/
.blockbanner ul {
margin:0;
padding:0 20px 0 35px;
}
.blockbanner li {
margin:0;
padding:10px 0;
background:none;
}
.blockbanner a {
text-decoration:none;
}


/*******/
/*items*/
.item-date {
float:left;
font-size:90%;
}
.item-category {
float:right;
margin:0;
padding:0;
font-size:90%;
font-weight:normal;
}
.item-title {
clear:both;
margin:0;
padding:3px 0;
font-size:110%;
}
.item-img {
clear:both;
float:right;
padding:0 0 3px 3px;
}
.item-bonus {
clear:both;
}



/**********/
/*more elements*/
.image {
clear:both;
float:right;
padding:0 0 10px 10px;
}
#annex {
clear:both;
}
.extension-photos, .extension-downloads {
clear:both;
float:left;
padding:20px 0;
}
.photos {
margin:0;
padding:0;
}
.photos li {
float:left;
width:136px;
margin:0;
padding:0;
list-style:none;
background:none;
text-align:center;
}
.lister {
clear:both;
float:right;
}
.lister a {
text-decoration:none;
}


/*news*/
.news {
clear:both;
margin:0;
padding:0 20px 0 35px;
}
.news li {
clear:both;
float:left;
width:100%;
margin:0;
padding:10px 0;
list-style:none;
background:none;
}
#column .newslistdate {
width:150px;
height:26px;
line-height:26px;
margin:0;
padding:0;
text-align:center;
background:url("col-date.gif") 0 0 no-repeat;
font-size:100%;
color:#FFF;
}
#column .newslisttitle {
margin:5px 0;
padding:0;
font-size:110%;
font-weight:bold;
}

#column .block-btn {
clear:both;
float:left;
position:relative;
left:-10px;
width:133px;
height:37px;
line-height:36px;
}
#column .block-btn a {
display:block;
width:133px;
height:37px;
text-decoration:none;
background:url("btn-col.gif") 0 0 no-repeat;
}
#column .block-btn a:hover, #column .block-btn a:active {
color:#786532;
background-position:1px 1px;
}
#column .block-btn b {
display:block;
margin:0 0 0 10px;
text-align:center;
color:#FFF;
font-size:120%;
}
#column .block-btn a:hover b, #column .block-btn a:active b {
margin:1px 0 0 11px;
}



ul.discussion {
clear:both;
margin:0;
padding:0;
}
.discussion li {
clear:both;
margin:5px 0;
padding:5px;
border:3px solid #ECECEC;
list-style:none;
background:none;
}
.discussion li.even {
background:#F0F0F0;
}
.discussion ul {
clear:both;
margin:0;
padding:0 5px 0 10px;
}
.item-unpack {
font-weight:bold;
font-size:120%;
}
.item-unpack a {
text-decoration:none;
}


#DiscussionForumModuleAddPost {
clear:both;
}
.formitem-dotaz_3 textarea {
width:260px;
height:160px;
}
.required {
color:#000;
}
.reqnote {
clear:both;
width:100%;
font-size:90%;
color:#000;
white-space:nowrap;
}

.error {
color:red;
}