/*
  Theme css
--------------------------------------------------------------------------------
  Created by: Mobile Internet s.r.o.
  Date: 2010
--------------------------------------------------------------------------------
  
  1. html + body
  2. tags
  3. main layout
  4. subpages 
  
------------------------------------------------------------------------------*/



/* html + body ---------------------------------------------------------------*/
html{
  background:rgb(234,234,232);
  padding:0; 
  margin:0;
}
body{
  background:none;
  font-family:Arial, "Lucida Grande CE", lucida, sans-serif; 
  color:rgb(51,51,51); 
  font-size:12px; 
  text-align:center; 
  padding:0; 
  margin:0;
}

/* tags ----------------------------------------------------------------------*/  
* a{
  outline:none;
}
a{
  color:rgb(5,62,2);
}
a:hover{
  color:rgb(55,122,52);
  text-decoration:none;
}
a:active{
  color:rgb(55,122,52); 
  text-decoration:none;
}
a:visited{
  color:rgb(55,122,52);
}
h1{
  font-size:22px;
  font-weight:bold;
  color:black;
  margin:0 0 10px 0;
  padding:0;
}
h2{
  font-family: "Palatino Linotype", "New York CE", utopia, serif;
  font-size:15px; 
  text-align:center; 
  color:rgb(36,64,28);
  margin:0 auto -35px auto; 
  width:200px;
  padding:10px;
  background:white;
  border:1px solid rgb(133,173,121);
  text-transform:uppercase;
  position:relative;
}
h2.novinky{
  font-family: "Palatino Linotype", "New York CE", utopia, serif;
  font-size:15px; 
  text-align:left; 
  color:rgb(144,144,144); 
  margin:5px 0 10px 15px;
  padding:0;
  border:0;
  background:none;
}
h3{
  font-family: "Palatino Linotype", "New York CE", utopia, serif;
  font-size:14px; 
  line-height:15px;
  text-align:left;
  color:black;
  text-transform:uppercase;
  margin:0 0 10px 0; 
  padding:0;
}
h4{
  font-family: "Palatino Linotype", "New York CE", utopia, serif;
  font-size:13px; 
  font-weight:bold; 
  text-transform:uppercase;
  margin:0 0 5px 0; 
  padding:0;
}
p{
  margin:0 0 20px 0; 
  padding:0;
  line-height:19px;
  text-align:left;
}
address{
  line-height:26px;  
  padding:10px 20px 15px 20px; 
  margin:0 0 15px 0;
}
img{
  border:0; 
  margin:5px;
}
hr{
  display:none;
}
ol li{
  margin:6px 0;
}
.clear{
  clear:both;
}

/* main layout ---------------------------------------------------------------*/
#html_bg, #body_bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:128px;
  z-index:-2;
  background:transparent URL("../img/html_bg.png") 0 0 repeat-x; 
}
#body_bg{
  width:100%;
  height:405px;
  top:128px;
  background:transparent URL("../img/html_bg.jpg") 0 -128px repeat-x; 
  z-index:-1;
}
#body_bg span{
  display:block;
  height:405px;
  width:100%;
  background:transparent URL("../img/body_bg.jpg") 50% 0 no-repeat; 
  z-index:2;
}
#html_bg span{
  display:block;
  height:81px;
  width:100%;
  background:transparent URL("../img/pattern_html.png") 50% 0 no-repeat; 
  z-index:20;
}
#content{
  position:relative; 
  margin:0 auto 0 auto; 
  padding:0; 
  width:990px; 
  overflow:hidden;
}

#header{
  position:relative; 
  float:left; 
  text-align:left; 
  width:960px; 
  height:128px;
  margin:0 0 80px 15px; 
  padding:0; 
  background:transparent URL("../img/header.jpg") 0 0 no-repeat;
  z-index:5;
}
.gotocontent{
  display:none;
}
#header h1{
  display:none;
}
#header #logo, #header #logo span{
  position:relative;
  top:0;
  left:422px; 
  width:96px; 
  padding:0 10px;
  height:166px;
  overflow:hidden;
  z-index:20;
}
#header #logo span{
  display:block;
  position:absolute; 
  left:0;
  cursor:pointer;
  overflow: visible;
  background:transparent URL("../img/logo.png") 50% 0 no-repeat;
  z-index:26;
}
#header p{
  position:absolute;
  right:30px;
  top:13px;
  padding:0;
}
#header p a{
  display:block;
  float:left;
  width:38px;
  height:26px;
  overflow:hidden;
  background:transparent URL("../img/languages.png") 0 bottom no-repeat;
}
#header p a.b{
  background-position:-38px bottom;
}
#header p a.c{
  background-position:-76px bottom;
}
#header p a.a.active{
  background-position:0 top;
}
#header p a.b.active{
  background-position:-38px top;
}

#header p a.c.active{
  background-position:-76px top;
}
#header p a span{
  display:none;
}
#header p a.active{
  color:rgb(5,62,2);
}
menu{
  position:absolute;
  display:block; 
  float:left;  
  width:960px; 
  height:55px;
  padding:0;
  top:81px;
  left:0;
  margin:0 auto;
  list-style:none;
  text-align:center;
  background:URL("../img/menu_bg.png") -5px 0 no-repeat;
} 
menu li{
  float:left; 
  margin:0; 
  padding:0;
  height:47px;
  width:105px;
  background:transparent URL("../img/menu_separator.jpg") 0 7px no-repeat;
}
menu li a, menu li a:visited{
  font-family: "Palatino Linotype", "New York CE", utopia, serif;
  display:block;
  height:25px;
  padding:13px 0 0 0;
  width:105px;
  color:rgb(2,67,23) !important; 
  white-space:nowrap; 
  margin:5px 0 0 0;
  text-transform:uppercase;
  font-size:13px;
  text-decoration:none;
  text-align:center;
  font-weight:bold;
  text-shadow:0 1px white;
}
menu li a.active, menu li a.selected{
  background:rgb(11,47,10) URL("../img/menu_a_bg.png") 0 0 repeat-x;
  color:white !important;
}
menu li.hriste{
  background:none;
}
menu li.galerie, menu li.galerie a{
  width:108px;
}
menu li.kalendar{
  margin-left:113px !important;
  width:108px;
  background:none;
}
menu li.kalendar a{
  width:108px;
}
ul.submenu{
  display:none;
  width:auto;
  text-align:left;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:4px 0 0 0;
  position:absolute;
  top:43px;
  z-index:200 !important;
  background:rgb(221,221,219) URL("../img/submenu_bg.png") 0 0 repeat-x;
  border:1px solid rgb(15,54,14);
  border-top:0;
  box-shadow: 0 8px 10px rgb(30,30,30);
  -moz-box-shadow: 0 8px 10px rgb(30,30,30);
  -webkit-box-shadow: 0 8px 10px rgb(30,30,30);
}
ul.submenu li{  
  float:none;
  padding:0 10px;
  margin:0;
  height:auto;
  font-size:11px;
  background:none;
  width:auto;
  border-bottom:solid 1px rgb(190,190,190);
  border-top:1px solid white;
}
ul.submenu li:hover{
  background:rgb(170,170,170);
  border-top:1px solid rgb(170,170,170);
}
ul.submenu li a{
  float:none;
  display:block;
  width:100%;
  height:10px;
  color:rgb(15,26,13) !important; 
  float:none;
  padding:10px 0 10px 16px;
  margin:0;
  text-align:left;
  background:transparent URL("../img/submenu_li.png") left 11px no-repeat;
  font-size:12px !important;
  text-transform: none;
}
ul.submenu li a:hover{
  color:white !important;
}

#slideshow{
  position:relative;
  margin:128px 0 105px 20px;
  width:950px;
  height:400px;
  background:none;
  z-index:0;
}
#slideshow img{
    position:absolute;
    top:0;
    left:0;
    margin:0;
    z-index:8;
    opacity:0.0;
}
#slideshow img.active {
    z-index:10;
    opacity:1.0;
}
#slideshow img.last-active {
    z-index:9;
}

#middle{
  position:relative;
  display:block; 
  width:960px; 
  float:left; 
  margin:-80px 0 0 0; 
  padding:0 15px; 
  background:transparent URL("../img/middle_shadow_middle_subpage.png") 0 0 repeat-y;
}
#middle.hp{
  background:transparent URL("../img/middle_bg.png") 0 -18px no-repeat;
}




#bottom{
  position:relative; 
  clear:both;
  width:100%; 
  height:205px;  
  margin:-20px 0 0 0; 
  padding:0; 
  background:transparent URL("../img/bottom_bg.png") 0 15px repeat-x;
  text-align:left;
  z-index:1;
}
#bottom_middle{
  position:relative;
  width:960px;
  height:180px;
  padding:25px 0 0 0;
  margin:0 auto;
  color:white;
  background:transparent URL("../img/bottom_middle_bg.png") 0 0 no-repeat;  
}
#bottom_middle ul li.sub_right{
  padding-right:0;
}
#bottom_middle ul.cs li{
  padding:5px 22px 0 22px;
}
#bottom_middle ul{
  position:absolute;
  display:block;
  float:left;
  padding:0;
  margin:0;
  list-style:none;
}
#bottom_middle ul.sub_a{
  right:530px;
}
#bottom_middle ul.sub_a li{
  float:right;
  background:transparent URL("../img/separator_bottom.png") left 0 no-repeat; 
}
#bottom_middle ul.sub_b{
  left:531px;
  width:440px;
}
#bottom_middle ul.sub_c, #bottom_middle ul.sub_d{
  top:70px;
}
#bottom_middle ul.sub_c{
  right:530px;
}
#bottom_middle ul.sub_c li{
  float:right;
  background:transparent URL("../img/separator_bottom.png") left 0 no-repeat; 
}
#bottom_middle ul.sub_d{
  left:531px;
}
#bottom_middle ul li{
  font-family: "Palatino Linotype", "New York CE", utopia, serif;
  display:block;
  float:left;
  padding:5px 16px 0 16px;
  margin:0;
  text-transform:uppercase;
  background:transparent URL("../img/separator_bottom.png") right 0 no-repeat;  
}
#bottom_middle ul li:last-child{
  background:none;
}
#bottom_middle ul li a{
  color:white;
  padding:0;
  margin:0;
  text-decoration:none;
  font-size:13px;
}
#bottom_middle ul li a:hover{
  padding:0;
  margin:0;
  text-decoration:underline;
}
#bottom_middle_bottom{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:38px;
  background:none; 
}
#bottom_middle_bottom p{
  display:block;
  width:960px;
  padding:10px 0 0 0;
  margin:0 auto;
  color:rgb(190,190,190);
  font-size:11px;
}
#bottom_middle_bottom p a{
  color:rgb(190,190,190);
}
#bottom_middle_bottom p a:hover{
  color:white;
}

/* lightbox ------------------------------------------------------------------*/
#lightbox_box{
  position:relative;
  height:50px;
}
#lightbox_box .lightbox_logo{
  position:absolute;
  left:8px;
  top:4px;
  margin:0;
}
#lightbox_box span{
  position:absolute;
  top:10px;
  right:13px;
}
#lightbox_box strong{
  display:block;
  width:100%;
  height:20px;
  position:absolute;
  left:0;
  top:-41px;
  text-align:left;
  background:black;
  padding:6px 0 5px 0;
  line-height:20px;
  margin:0;
  color:white;
  font-weight:normal;
  margin:0;
  text-indent:10px;
  background:transparent URL("../img/lightbox_bg.png") 0 0 repeat;
  overflow:hidden; 
}


/* hp ------------------------------------------------------------------------*/
#hp_box{ 
  float:left; 
  width:960px;
  margin:-19px 0 0px 0;
  padding:0;
  background:transparent URL("../img/hp_middle_bg.jpg") 0 0 repeat-y;
}
#hp_box h2{
  width:100%;
  border:0;
  text-align:left;
  float:left;
  padding:0;
  background:none;
}
#hp_box h2.ball{
  height:90px;
}
#hp_box h2 a{
  text-decoration:none;
  color:rgb(36,64,28);
}
#hp_box h2 img{
  vertical-align:middle;
}
#hp_box .intro{
  float:left;
  text-align:left;
  width:438px;
  padding:20px 20px 0 20px;
}
#hp_box .intro p.cit{
  width:418px;
  position:relative;
  float:left;
  padding:10px;
  font-family: Arial, "New York CE", utopia, serif;
  color:rgb(135,135,135);
  font-size:14px;
/*
  font-size:17px;
  font-style:italic;
*/
  line-height:25px;
}
#hp_box .intro p.cit span{
  display:block;
  float:left;
  width:21px;
  height:21px;
  margin:0 10px 0 0;
}
#hp_box .intro p.cit span.quote_left{
  background:transparent URL("../img/quote_left.png") 0 0 no-repeat;
}
#hp_box .intro p.cit img.quote_right{
  margin:0;
}
#hp_box .intro p.cit a img{
  margin:0;
}
#hp_box p.pocasi{
  position:relative;
  float:left;
  width:432px;
  height:110px;
  margin-left:11px;
  background:transparent URL("../img/pocasi_bg.png") 0 0 no-repeat;
  overflow:hidden;
}
#hp_box p.pocasi strong.weather{
  width:80px;
  height:20px;
  position:absolute;
  top:40px;
  right:340px;
  font-family: "Palatino Linotype", "New York CE", utopia, serif;
  text-transform:uppercase;
  font-size:16px;
  text-shadow:0 1px white;
  text-align:center;
  color:rgb(3,53,0); 
  font-weight:bold;
}
#hp_box p.pocasi strong{
  position:absolute;
  top:-20px;
  font-weight:normal;
}
#hp_box p.pocasi span{
  text-align:center;
  position:absolute;
  bottom:20px;
  display:block;
  width:90px;
  height:60px;
  font-weight:bold;
  font-size:11px;
  color:rgb(3,53,0); 
}
#hp_box p.pocasi span.first{
  left:120px;
}
#hp_box p.pocasi span.second{
  left:225px;
}
#hp_box p.pocasi span.third{
  left:328px;
}
#hp_box p.pocasi span img{
  margin:0;
}
#hp_box .novinky{
  float:left;
  width:230px;
  padding:35px 0 15px 0;
  text-align:center;
}
#hp_box .novinky h2, #hp_box .novinky h3, #hp_box .novinky p{
  text-align:center;
  margin-left:0px;
  padding:0 10px;
}
#hp_box .novinky h2{
  padding:0;
  margin:0 0 20px 3px;
}
#hp_box .novinky h3 a{
  text-decoration:none;
  /*border-bottom:1px solid rgb(20,109,37);*/
  background:none;
}
#hp_box .novinky h3{
  margin-bottom:15px;
}
#hp_box .novinky h3 a, #hp_box .novinky h3{
  color:rgb(20,109,37);
  font-size:12px;
}
#hp_box .novinky p{
  line-height:22px;
}
#hp_box .novinky a{
  padding:0 9px 0 0;
  background:transparent URL("../img/arrow_right.png") right 5px no-repeat;
}
#hp_box .novinky .separator{
  display:block;
  width:229px;
  height:6px;
  background:transparent URL("../img/novinky_separator.png") 0 0 no-repeat;
  margin:0 0 22px 2px;
}
#hp_box .buttons, #hp_box .social{
  position:relative;
  float:right;
  width:249px;
  margin:0;
  padding:24px 0 0 0;
}
#hp_box .buttons a.bt{
  position:relative;
  display:block;
  float:left;
  width:206px;
  padding:22px 0 0 0;
  height:34px;
  margin:7px 0 0 21px;
  overflow:hidden;
  color:white;
  font-size:15px;
  text-decoration:none;
  text-transform:uppercase;
}
#hp_box .buttons a.bt.turnaje{
  background:transparent URL("../img/bt_turnaje.png") -207px 0 no-repeat;
}
#hp_box .buttons a.bt.turnaje:hover{
  background:transparent URL("../img/bt_turnaje.png") -1px 0 no-repeat;
}
#hp_box .buttons a.bt.geniusloci{
  background:transparent URL("../img/bt_geniusloci.png") -207px 0 no-repeat;
}
#hp_box .buttons a.bt.geniusloci:hover{
  background:transparent URL("../img/bt_geniusloci.png") -1px 0 no-repeat;
}
#hp_box .buttons a.bt.teetime{
  background:transparent URL("../img/bt_teetime.png") -207px 0 no-repeat;
}
#hp_box .buttons a.bt.teetime:hover{
  background:transparent URL("../img/bt_teetime.png") -1px 0 no-repeat;
}
#hp_box .social{
  height:130px;
}
#hp_box .social p.social_box{
  width:148px;
  height:32px;
  position:absolute;
  left:20px;
  bottom:50px;
  padding:15px 15px 15px 45px;
  background:transparent URL("../img/social_box.png") 0 0 no-repeat;

  font-family: "Palatino Linotype", "New York CE", utopia, serif;
  font-style:italic;
  font-size:14px;
  color:rgb(2,36,7);
}
#hp_box .social p.social_box span{
  display:block;
  position:absolute;
  bottom:0;
  left:150px;
  background:transparent URL("../img/social_arrow.png") 0 0 no-repeat;
  width:22px;
  height:13px;
}
#hp_box .social p.social_box#show_linkedin span{
  left:182px;
}
#hp_box .social a.facebook{
  position:absolute;
  left:165px;
  bottom:30px;
}
#hp_box .social a.linkedin{
  position:absolute;
  left:197px;
  bottom:30px;
}
#show_facebook, #show_linkedin{
  display:none;
}

/* subpage -------------------------------------------------------------------*/
#subpage{
  width:960px;
  padding:0;
  float:left;
  background:transparent URL("../img/subpage_middle.png") 0 0 repeat-y;
}
#subpage_top{
  width:990px;
  height:80px;
  margin:0 0 0 -15px;
  padding:0;
  float:left;
  background:transparent URL("../img/subpage_top.png") 0 0 no-repeat;
}
#subpage_bottom{
  width:990px;
  height:80px;
  margin:0 0 0 -15px;
  padding:0;
  float:left;
  background:transparent URL("../img/subpage_bottom.png") 0 0 no-repeat;
}
#text{
  float:left;
  width:615px;
  padding:0px 30px 60px 30px;
  text-align:left;
}
#text h2{
  width:100%;
  border:0;
  text-align:left;
  padding:15px 0 0 55px;
  height:75px;
  font-size:17px;
  background:transparent URL("../img/ball.png") 0 0 no-repeat;
}
#text h3{
  width:100%;
  text-align:left;
  padding:0 0 0 15px;
  background:transparent URL("../img/submenu_li.png") 0 2px no-repeat;
  color:rgb(36,64,28);
  margin-top:15px;
  margin-bottom:20px;
}
#text h4{
  width:100%;
  text-align:left;
  color:rgb(36,64,28);
  margin-top:10px;
  margin-bottom:5px;
}
#text .photo{
  position:relative;
  float:right;
  display:block;
  padding:0 0 9px 0;
  margin:5px;
  background:transparent URL("../img/img_shadow_middle.png") 0 bottom repeat-x;
}
#text .photo span{
  background:transparent URL("../img/img_shadow.png") 0 bottom no-repeat;
  display:block;
  width:100px;
  height:9px;
  position:absolute;
  bottom:0;
}
#text .photo span.left{
  left:0;
}
#text .photo span.right{
  right:0;
  background:transparent URL("../img/img_shadow.png") right bottom no-repeat;
}
#text .photo a{
  float:right;
  display:block;
  margin:0;
  padding:10px;
  background:white;
  border:1px solid rgb(160,160,160);
  text-align:center;
}
#text .photo a img{
  float:left;
  margin:0 auto 0 auto;
}
#text hr{
  display:block;
  width:615px;
  height:2px;
  background:transparent URL("../img/novinky_full_separator.png") center 0 no-repeat;
  margin-top: 15px;
  border:none;
}

#column{
  float:left;
  width:285px;
}
#column ul{
  display:block;
  width:220px;
  text-align:left;
  list-style:none;
  margin:0 auto;
  padding:0;
  background:rgb(237,237,237);
  border:1px solid rgb(222,222,222);
  border-top:0;
}
#column ul li{  
  float:none;
  width:220px;
  min-height:42px;
  padding:0;
  margin:0;
  background:transparent URL("../img/submenu_line.png") 0 top repeat-x;
}
#column ul li a, #column ul li.active{
  float:none;
  display:block;
  width:190px;
  min-height:20px;
  padding:12px 0 10px 30px;
  margin:0;
  text-align:left;
  background:transparent URL("../img/submenu_li.png") 10px 17px no-repeat;
  font-family: "Palatino Linotype", "New York CE", utopia, serif;
  font-size:13px !important;
  font-weight:bold;
  text-transform: uppercase;
  text-decoration:none;
  color:rgb(0,55,14);
  text-shadow:0 1px rgb(250,250,250);
}
#column ul li a:hover, #column ul li.active{
  background:rgb(178,178,178) URL("../img/submenu_li.png") 10px 17px no-repeat;
  color:white;
  text-shadow:0 0;
}
#column ul li.active{
  text-shadow:0 0;
  color:white;
}
#column .weather{
  float:left;
  width:202px;
  padding:0 10px;
  height:177px;
  margin:10px 0 0 30px;
  background:transparent URL("../img/column_pocasi.png") 0 0 no-repeat;
}
#column .weather h2{
  border:0;
  padding:0;
  width:100%;
  margin:15px 0 0 0;
  background:none;
  font-weight:normal;
  font-size:17px;
}
#column .weather span{
  position:relative;
  display:block;
  float:left;
  width:67px;
  height:100px;
  margin:23px 0 0 0;
  text-align:center !important;
  padding:0;
}
#column .weather span em{
  display:block;
  width:47px;
  padding:0 10px;
  position:absolute;
  bottom:5px;
  left:0;
  text-align:right;
  color:rgb(0,55,14);
  font-size:11px;
  font-weight:bold;
}
#column .weather span strong{
  display:block;
  float:left;
  width:100%;
  padding:0;
  text-align:center;
  font-size:11px;
  color:rgb(0,55,14);
  font-weight:normal;
}
#column a.bt_teetime{
  display:block;
  float:left;
  width:220px;
  height:56px;
  background:transparent URL("../img/bt_teetime_column.png") 0 0 no-repeat;
  margin:10px 0 0 30px;  
}
#column a.bt_teetime:hover{
  background-position:-220px 0;
}
#column a.bt_teetime span{
  display:none;
}

/* gallery -------------------------------------------------------------------*/
a.gallery_photo{
  float:left;
  display:block;
  margin:5px;
  width:165px;
  height:123px;
  background:white URL("../img/gallery_image_bg.png") 0 0 no-repeat;
  text-align:center;
}
a.gallery_photo img{
  margin:5px auto 0 auto;

}

/* contributions --------------------------------------------------------------*/
div.contribution{
  background-color:white;
  padding:5px 15px 15px 15px;
  margin-bottom:10px;
}