body, form, p, fieldset, h1, h2, h3, ul, ol, img {
  margin:0;
  padding:0;
  border:0;
}

a {
  text-decoration:none;
  outline:none;
}

a:hover {
  text-decoration:underline;
}

.clear { clear:both; }

body {
  font-family:Tahoma;
  font-size:12px;
  background:url(../images/main_page_bg.png) center top repeat-y;
}



#container {
  width:872px;
  margin:19px auto 30px auto;
  position:relative;
}

#topMenu {
  position:relative;
}

#topMenu .menu {
  width:832px;
  height:25px;
  padding-left:10px;
  background:url(../images/top_menu.png) no-repeat;
  margin:auto;
  list-style:none;
}

#topMenu a {
  color:#171717;
  display:block;
  margin:7px 10px 0 10px;
}

#topMenu a:hover, #topMenu a.active {
  color:#FFF;
  text-decoration:none;
}

#topMenu .menu li {
  float:left;
}

#topMenu .submenu {
  width:844px;
  height:33px;
  padding-left:10px;
  background:url(../images/top_submenu.png) no-repeat;
  list-style:none;
  position:absolute;
  left:15px;
  top:26px;
}

#topMenu .show {
  display:block;
}

#topMenu .submenu li {
  float:left;
}

#topMenu .more a {
  width:68px;
  height:19px;
  display:block;
  overflow:hidden;
  position:absolute;
  left:785px;
  top:4px;
  margin:0;
}

#topMenu .more a img {
  display:block;
}

#topMenu .more a.open img {
  margin-top:-19px;
}

#mainPage {
  width:870px;
  height:559px;
  background:url(../images/main_page_footer_bg.jpg) 0 449px no-repeat;
  border:1px solid #046180;
}

#mainPage .summer {
  display:block;
  float:left;
  width:443px;
  height:449px;
  background:url(../images/main_page_left.jpg) no-repeat;
}

#mainPage .winter {
  display:block;
  float:left;
  width:427px;
  height:449px;
  background:url(../images/main_page_right.jpg) no-repeat;
}

#mainPage .summer strong, #mainPage .winter strong {
  position:absolute;
  left:-9999px;
}

#mainPage .mpLinks a {
  display:block;
  float:left;
}

#mainPage .mpLinks a.instytut {
  margin:40px 0 0 507px;
  width:100px;
  height:60px;
  display: inline-block;
}

#mainPage .mpLinks a.fundacja {
  margin:40px 0 0 30px;
  width:75px;
  height:60px;
  display: inline-block;
}

#mainPage .mpLinks a.emocni {
  margin:40px 0 0 35px;
  width:90px;
  height:60px;
  display: inline-block;
}

#mainPage .mpLinks a strong {
  position:absolute;
  left:-9999px;
}

#page {
  width:870px;
  background:url(../images/page_top.jpg) no-repeat;
  border:1px solid #046180;
}

#page .pageTop {
  width:870px;
  height:329px;
  background:url(../images/page_top.jpg) no-repeat;
  /*position:relative;*/
}

#page .pageTop .planet {
  background:#FFF;
  width:677px;
  /*margin:198px 0 0 95px;*/
  position:relative;
  left:95px;
  top:196px;
  padding:2px;
}

#page .pageTop .planet div {
  background:#40648b;
  color:#FFF;
  text-align:center;
  font-size:11px;
}

#page .pageTop .planet div img {
  vertical-align:middle;
  margin-left:5px;
}

#page .pageTop h1 {
  position:relative;
  top:40px;
  left:95px;
  font-size:12px;
  width:170px;
  height:90px;
}

#page .pageTop h1 a {
  display:block;
  width:170px;
  height:90px;
}

#page .pageTop h1 a span {
  position:absolute;
  top:-9999px;
}

#counter {
  position:absolute;
  top:86px;
  left:680px;
  color:#FFF;
  font-size:14px;
  font-weight:bold;
  width:150px;
  text-align:center;
}

#counter span {
  padding:0 7px;
}

#page .lang {
  position:relative;
  left:725px;
  top:-176px;
  width:90px;
}

#page .lang a {
  color:#2a3502;
}

#page .sound {
  position:relative;
  left:825px;
  top:-47px;
  width:30px;
}

#page .content {
  width:631px;
  padding:25px;
  background:#FFF;
  margin:0;
  color:#2d2d2d;
  position:relative;
  left:95px;
}

#page .content h2 {
  font-size:14px;
  margin-bottom:5px;
}

#page .content a {
  color:#2A3502;
  text-decoration:underline;
}

#page .content a:hover {
  text-decoration:none;
}

#page .content ul, #page .content ol {
  margin-left:20px;
}

#page .content .newsBox {
  padding-bottom:40px;
}

#page .content .newsBox h3 {
  font-size:14px;
}

#page .content .newsBox .date {
  color:#898787;
  font-size:10px;
}

#page .content .newsBox .text {
  margin-top:5px;
}

#page .content .newsBox .text img {
  border:2px solid #050d02;
}

#page .content .partners {
  text-align:center;
}

#page .content .partners a {
  margin:0 10px 10px 10px;
}

#page .content .participant {
  margin-bottom:30px;
}

#page .content .participant .photo {
  float:left;
  width:200px;
  text-align:center;
}

#page .content .participant .photo img {
  border:2px solid #050d02;
}

#page .content .participant .text {
  float:right;
  width:390px;
  padding-right:10px;
}

#page .content .participant .text h3 {
  font-size:14px;
  padding-bottom:5px;
}

#page .content .galleryList {
  text-align:center;
}

#page .content .galleryList .back {
  text-align:left;
  width:100px;
  margin:0 0 20px 20px;
}

#page .content .galleryList h3 {
  text-align:left;
  margin:0 0 20px 20px;
  font-size:14px;
}

#page .content .galleryList ul {
  list-style:none;
}

#page .content .galleryList ul li {
  float:left;
  width:120px;
  margin:0 20px 20px 0px;
}

#page .content .galleryList ul li.newLine {
  float:none;
  clear:both;
  margin:0;
}

#page .content .galleryList ul li a img {
  border:2px solid #050d02;
}

#page .content .galleryList ul li a:hover img {
  border:2px solid #007192;
}

#page .content .multimedia {
  padding-bottom:15px;
}

#page .content .multimedia h3 {
  font-size:14px;
  padding-bottom:5px;
}

#page .content .multimedia .movie {
  width:430px;
  height:355px;
  float:left;
}

#page .content .multimedia .text {
  width:190px;
  float:right;
}

#page .links {
  width:870px;
  height:120px;
  background:url(../images/page_links.png) no-repeat;
}

#page .links a {
  display:block;
  float:left;
}

#page .links a.planete {
  margin:27px 0 0 66px;
  width:77px;
  height:76px;
}

#page .links a.instytut {
  margin:55px 0 0 120px;
  width:112px;
  height:36px;
}

#page .links a.fundacja {
  margin:25px 0 0 125px;
  width:110px;
  height:72px;
}

#page .links a.emocni {
  margin:55px 0 0 95px;
  width:95px;
  height:40px;
}

#page .links a strong {
  position:absolute;
  left:-9999px;
}



/************************/

#contactForm {
  text-align:center;
}

#contactForm .goodMsg {
  background:#407106;
  width:300px;
  margin:auto;
  padding:8px;
  font-weight:bold;
  color:#FFF;
}

#contactForm ul {
  list-style:none;
  width:400px;
}

#contactForm ul li {
  padding-bottom:5px;
}

#contactForm ul li label {
  display:block;
  float:left;
  width:140px;
  text-align:right;
}

#contactForm ul li input {
  float:right;
  width:240px;
  border:1px solid #046180;
}

#contactForm ul li textarea {
  float:right;
  width:240px;
  height:120px;
  overflow:auto;
  border:1px solid #046180;
}

#contactForm ul li input.send {
  float:right;
  width:70px;
  background:#046180;
  border:0;
  color:#FFF;
}

#contactForm ul li input.errField, #contactForm ul li textarea.errField {
  border:1px solid red;
}

#contactForm ul li p.errMsg {
  position:relative;
  width:240px;
  left:160px;
  text-align:left;
  font-size:11px;
  color:red;
}

/************************/

#footer {
  font-size:11px;
  color:#FFF;
  padding-top:5px;
}

#footer a {
  color:#FFF;
}