#head {width: 100%; height: 188px; background: url('./images/main-top-bg-green.gif') top left repeat-x}
#headPicture {width: 100%; height: 100%; background: url('./images/main-picture-green.jpg') top right no-repeat; position: relative}
/*#headTitle {background: transparent url('./images/main-title-green.gif') 0 0 no-repeat}*/
#flash div {width: 425px; height: 190px; background: url('./images/main-picture-green.jpg') top right no-repeat}

#mainLeft {border: 1px solid #D3D3D3; margin-right: 175px; padding: 20px 18px 0 17px; min-height: 550px; height: auto !important; height: 550px}

.leftBlock div.specialTitle {width: 100%; height: 22px; margin-bottom: 20px; background: transparent url('./images/transplacentrum-title.gif') 0 100% no-repeat}

.green1, .green2 {display: block; width: 100%; height: 100%; float: left}
#left ul li.green span.green1 {background: url('./images/menu-green-top.gif') top left repeat-x}
#left ul li.green span.green2 {background: url('./images/menu-green-topr.gif') top right no-repeat}

/* Right First */
.rightFirst {  background-color: #8BBE21; color: #333; font-size: 11px; font-weight: bold; width: 100% }
.rightFirst div {width: 100%; height: 32px; /*background: transparent url('./images/zajimave-odkazy-green.gif') 50% 100% no-repeat*/}
/*.rightFirst div h3 {display: none}*/
.rightFirst ul {list-style: none; margin: 0; padding: 4px 13px 6px 13px}
.rightFirst a {color: #FFF; background: inherit; text-decoration: none}
.rightFirst a:hover {color: #FFF; background: #8BBE21}
.rightFirst a:hover {text-decoration: underline}
.list1 li a {color: #FFF; background: #8BBE21}
.list2 {background: #ECF8D2; color: #8BBE21}
.list2 li {background: transparent url('./images/list2-dot-green.gif') 0 50% no-repeat}
.list2 li a {color: #8BBE21; background: #ECF8D2}
.list2 li a:hover {color: #8BBE21; background: #ECF8D2}
div#mainLeft{background-color: #F6FCE4;}