
body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    background: url(images/background.jpg) 0px 126px repeat-x;
    
    font: 12px Tahoma;
    color: #171F21;
}

a {
    font: 12px Tahoma;
    color: #171F21;
    text-decoration:none;
}

a:hover {
    text-decoration: underline;
}

.site {
    margin: auto;
    width: 974px;
}

img {
    border-width: 0px;
}



/******************************************************************************/
/* TOP */

#top {
    height: 128px;
    position: relative;
    background: url(images/top.jpg)  right 43px no-repeat;
}

#logo { 
    position: absolute;
    top: 63px;
    left: 24px;
}

#top .lang {
    position: absolute;
    top: 71px;
    width: 38px;
    height: 37px;
    display: block;
}

#top .langPl {
    right: 71px;
}

#top .langEn {
    right: 25px;
}

/******************************************************************************/

#middle {
    background: #B0E0EC url(images/backgroundBottom.jpg) 0px bottom repeat-x;
    width: 100%;
    padding-bottom: 2px;
}

#middleInside {
    background: url(images/backgroundLine.jpg) 23px 0px repeat-y;
    margin: auto;
    width: 974px; 
}

.clear {
    clear: both;
    width: 100%;
    height: 10px;
    font-size: 2px;
    
}

/******************************************************************************/
/* MENU */

#menu {
    float: left;
    width: 295px;
}

#menuTop {
    background: url(images/menuTop.jpg) 0px 2px no-repeat;
    width: 295px;
    height: 113px;
}

#menu .item {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 295px;
    height: 45px;  
}

#menu .selected {
    background-position: 0px -90px; 
}

#menu .item:hover,
#menu .selected:hover  {
    background-position:  0px -45px; 
}

#menu .homePl {
    background-image: url(images/menuHomePl.jpg);
    height: 46px; 
}

#menu .homePl:hover {
    background-position:  0px -46px; 
}

#menu .homePlSelected {
    background-position: 0px -92px; 
}

#menu .aboutPl {
    background-image: url(images/menuAboutPl.jpg);   
}


#menu .galleryPl {
    background-image: url(images/menuGalleryPl.jpg);
}

#menu .offerPl {
    background-image: url(images/menuOfferPl.jpg);
}

#menu .contactPl {
    background-image: url(images/menuContactPl.jpg);
}


#menu .homeEn {
    background-image: url(images/menuHomeEn.jpg);
    height: 46px; 
}

#menu .homeEn:hover {
    background-position:  0px -46px; 
}

#menu .homeEnSelected {
    background-position: 0px -92px; 
}

#menu .aboutEn {
    background-image: url(images/menuAboutEn.jpg);   
}


#menu .galleryEn {
    background-image: url(images/menuGalleryEn.jpg);
}

#menu .offerEn {
    background-image: url(images/menuOfferEn.jpg);
}

#menu .contactEn {
    background-image: url(images/menuContactEn.jpg);
}


#menuInfo {
    text-align: left;
    padding-left: 40px;
    font-size: 11px;
}
#menuInfo a {
    font: 11px Tahoma;
    color: #171F21;
    text-decoration:none;
}

#menuInfo a:hover {
    text-decoration: underline;
}
#menuInfo h3 {
    color: #1B5C7C;
    font: 19px Arial;
}

#menuInfo div {
    padding-bottom: 3px;
}

#menuInfo div.map {
    padding-top: 10px;
}

.submenu {
    background: url(images/submenu.jpg) repeat-y;
    border-bottom: 1px solid #0E8EAF;
    padding: 4px 0px;
}

.submenu .subitem {
    display: block;
    text-align: left;
    color: #ffffff;
    background: url(images/submenuArrow.jpg) 19px 7px no-repeat;
    
    padding: 3px 0px 3px 35px;
    
}

/******************************************************************************/
/* CONTENT */

#content {
    float: right;
    width: 679px;
    position: relative;
}

#contentInside {
    text-align: left;
    padding-left: 18px;
}


#contentHomePl,
#contentHomeEn
 {
    
    position: absolute;
    top: 45px;
    right: -1px;
    width: 679px;
    height: 480px;
}

#contentHomePl {
    background: url(images/homePl.jpg) 0px 0px no-repeat;
}

#contentHomeEn {
    background: url(images/homeEn.jpg) 0px 0px no-repeat;
}




.middleHome {
    height: 523px;
}

h1 {
    font: bold 20px Arial;
    
    margin: 20px 0px 20px 0px;
    padding: 0px;
}
h3 {
    color: #1B5C7C;
    font: 19px Arial;
}
#imagePage1 {
    background: url(images/page1.gif) no-repeat;
    width: 685px;
    height: 345px;
    position: absolute;
    top: -49px;
    right: -8px;
}
#imagePage1a {
    background: url(images/page1a.png) no-repeat;
    width: 216px;
    height: 47px;
    position: absolute;
    top: -47px;
    right: 461px;
}

#imagePage1b {
    background: url(images/page1b.jpg) no-repeat;
    width: 685px;
    height: 296px;
    position: absolute;
    top: 0px;
    right: -8px;
}
.contentPage1 {
    margin-top: 310px;
}

.mapImage {
    float: right;
    padding-right: 180px;
}

/* FOOTER */

#footerHome {
    position: absolute;
    background: url(images/footerHome.jpg) no-repeat;
    width: 165px;
    height: 60px;
    
    top: 0px;
    left: 524px;
}

#footer
{
    height: 61px;
    margin-bottom: 30px;
}

#footerL {
    width: 44px;
    background: url(images/footerL.jpg) right 0px no-repeat; 
    float: left;
    height: 61px;
}
#footerR {
    width: 21px;
    background: url(images/footerR.jpg) left 0px no-repeat; 
    float: left;
    height: 61px;
}

#footerCenter {
    width: 909px;
    background: url(images/footer.jpg) left 0px repeat-x; 
    float: left;
    height: 61px;
    position: relative;
}

#footerLinks {
    color: #DB565B;
    text-align: left; 
    margin-top: 30px;
}

#footerLinks a {
    
    color: #898989;
    padding: 0px 10px;
}

#footerCopyright {
    color: #FC5044;
    text-align: right;
    float: right;
    margin-top: 20px;
}


form textarea {
  width: 480px;
  clear: both;
}
form input {
  width: 120px;
  margin-top: 4px;
  margin-bottom: 4px;
}
input {
  float: none;
}

.foto {
  float: left;
  width: 200px;
  margin: 5px;
  text-align: center;
}
.foto img {
  border: 4px solid #DBF8FE;
  max-width: 192px;
}
.foto a:hover {
  text-decoration: none;
}
.foto img:hover {
  border: 4px solid white;
}

