/* CSS temp_01 */

/* Typography */
body {
  font: 75% 'Arial', 'Arial Narrow', 'Helvetica CE', Arial, helvetica, sans-serif;
 background: #0f6bad url(../img/bg_body.jpg) no-repeat 530px 0px ;
  color: #fff;
  text-align: left;
  margin:0;
  padding-bottom:20px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, address, blockquote, table, fieldset, .meta, .separ, .foto 
{
line-height:20px;
margin:15px 20px 20px 20px;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #99ff00;}

h1 { font-size: 2.2em;  }
h2 { 
font-size: 1.4em;
font-family: "Arial Narrow", "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
background:#000;
color:#adef16;
text-transform:uppercase;
padding:2px 3px 1px 3px;
font-weight:normal;
position:relative;
}
h2.uvod{background:none;padding-left:0px;}
h2.uvod span{background:black;padding:2px 3px 2px 3px;}
h3 { font-size: 1.3em;   }
h3 small{color:white;}
h4 { font-size: 1.2em;   }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements
-------------------------------------------------------------- */

p                {line-height: 140%; font-size: 1em;}

a           {text-decoration: underline; color: #58f5f0;}
a:hover          {text-decoration: none; color: #000;}
a:hover .foto    {border-color: #1581b1;filter:alpha(opacity=75);opacity: 0.75;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
strong      { font-weight: bold; }
big         {font-size: 1.2em;}
small       {font-size: 0.8em;}


address     { margin: 0 0 1.5em; font-style: italic; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 55px; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 30px; }
dl dt       { font-weight: bold; }
dd          { margin-left: 35px;}

/* Tables
-------------------------------------------------------------- */

table{ margin: 10px 0 0 20px; width:430px; border:none; font-size:1em;padding:0;border-collapse:collapse;}
table th{ padding: 2px 6px ;font-weight:normal; text-align: left; background:#000; color:#99ff00; border:none;font-size:1.2em;border-bottom:1px solid #87b5d6; }
table td{border:none; margin:0; padding: 5px 6px 0 6px;border-bottom:1px solid #87b5d6;border-top:1px solid #87b5d6;}
table tr{border:none;margin:0;padding:0;background:  url(../img/bg_galerie.jpg) repeat-y right top ;}
table td strong{font-size:1.5em;}
table td a {font-size:1.3em;}
table .foto{
margin:0px;
}
table p{
margin:0;
padding:0;
}


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }


.foto       {	border: 2px solid #d9eef7 ;margin:20px;}
.mt0        {margin-top:0px;}
.noborder   {border:none;}
.bold       {font-weight:bold;}

/* Body Elements
-------------------------------------------------------------- */

img{border: 0 }
address{line-height: 140%; font-size: 1.2em; font-style: normal; }
strong {font-weight:bold;}
hr {display: none;}


label       { font-weight: bold; }
fieldset    { padding:1.4em; border:none; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
  }


input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; font-family:arial;}
input.submit{
font-weight: bold;
width: auto ;
padding: 2px 10px ;
float:right;
margin-right:45px;
}

/*  ID for construction */
#page{
  width: 920px;
  text-align: left;
  margin: 0 ;
  padding: 0  ;
    }

#header{
  position:relative;
  background:url(../img/bg_header.jpg) no-repeat ;
  height: 250px;
   }
#header h1{
  margin: 0 ;
  padding: 0 ;
  border: none;
  font-size:2.0em; 
 }
#header h1 a{
  display: block;
  text-decoration: none;
  color: white;
  width: 215px;
  line-height: 90px;
  height: 90px;
  text-align: center;
  position: absolute;
  top: 64px;
  left: 620px;
  background:none;
}
#header h1 a span{
  display: block;
  width: 100% ;
  height: 100% ;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  cursor: hand;
  background: url(../img/logotype.jpg) no-repeat ;
}
#header h1 small{
font-size:0.3em;
}
#mainlink{
  position: absolute;
  top: 17px;
  right: 94px;
  width:105px;
  height:22px;
  background: url(../img/mainlink.gif) no-repeat ;
  text-decoration: none;
  font-weight: bold;
  color: #004d87;
    }
#mainlink:hover{
background: url(../img/mainlink.gif) no-repeat -105px 0 ;
}




/*  navigation */

#navigation{
  background: #0e2e4f url(../img/bg_navi.jpg) no-repeat left;
  height: 60px;
  position: absolute;
  top: 190px;
  width: 920px;
 }
#navigation ul {
  height: 38px;
  margin: 0;
  padding: 11px 35px 11px 110px ;
  position:relative;
  list-style: none;
}

#navigation li {
  float: left;
  margin: 0 ;
  padding: 0 ;
  position:relative;
  }
#navigation a {
  display: block;
  float: left;
  color: #fff;
  text-transform:uppercase;
  line-height: 38px ;
  height: 38px;
  font-size:0.9em;
  text-decoration: none;
  padding: 0 11px 0 11px ;
  text-align: left;
}
#navigation li.m1{
margin-right:30px;
}
#navigation a.on {
  color: #99ff00;
  background-color: #000;
}

#navigation a:hover, #navigation li:hover, #navigation li.hover{
  background: #3974c1 url(../img/nav_li_hover.gif) repeat-x ;
   
}
#navigation li:hover ul, #navigation li.hover ul {
  visibility: visible;
    }

/* navigation deti 1  */
#navigation ul ul {
  height: auto;
  width: 160px;
  margin: 0;
  padding: 5px 0px 10px 0  ;
  list-style: none;
  position: absolute;
  top: 38px;
  left: 0;
  background: #144674 url(../img/nav_ul_ul.gif) repeat-x ;
  visibility: hidden;  
  z-index: 90;

}

#navigation ul ul li {
  float: left;  
  width: 160px;
  margin: 0 ;
  padding: 0 ;
  }
#navigation ul ul a {
 
  float: none;
  color: #99ccff;
  font-weight: normal;
   text-decoration: none;
  text-align: left;
  background: url(../img/ul_ul_li.gif) no-repeat 20px 9px ;
height:auto;
line-height:14px;
  padding: 4px 15px 4px 35px ;
}

#navigation ul ul a:hover{
  background: #3974c1 url(../img/ul_ul_li.gif) no-repeat 20px 9px ;
  color: #fff;
 }


/* content */

#content{
  float: left;
  width: 100%;
  overflow:hidden;
  position:relative;
    }
#content.index{
  float: left;
  width: 600px;
  margin-bottom:-90px;
    }

.maincontent{
  padding: 0px 40px 10px 90px ;
}
p.extra{
font-size:1.3em;
}
ul.extra{
font-size:1.5em;
font-weight:bold;
}
p.info{
font-weight:normal;
}

#intro{
width:430px;
height:145px;
overflow:hidden;
padding: 15px 60px 20px 110px;
background: #99ff00 url(../img/bg_intro.jpg) no-repeat ;
margin-bottom:5px;
}
#intro h2{
margin:0 0 12px 0;
}
#intro p {
margin:0 0 12px 0;
color:#000;
text-align:justify;
}
#intro a{
color:#0066cc;
font-weight:bold;
text-decoration:none;
}
#intro a:hover{
color:black;
}
#where{
background:  url(../img/mapa.jpg) no-repeat 120px 25px ;
padding-top:2px;
height:190px;
}
#where p{
font-size:1.2em;
margin-bottom:0px;
}
p#mapa{
color:#000;
font-size:1.0em;
margin-top:12px;
}
a#mapa span{
color:#000;
text-decoration:none;
}
/* sidebar */
#sidebar{
    width: 320px;
  float: right;
  overflow:hidden;
  position:relative;
  background: url(../img/bg_akce.jpg) no-repeat 0 180px;
  margin-bottom:-90px;
  }
#sidebar .maincontent{
  padding: 5px 0px 25px 0px ;
}
#akce{
height:155px;
width:320px;
padding:15px 0 10px 0;
background:white;
}
#akce h2{
margin-top:0px;
}

/* clanky akce*/
#akce p.clanek_date{
float:left;
color:black;
position:relative;
left:20px;
margin:0;
padding:15px 0px 5px 3px;
font-weight:bold;
width:57px;
text-align:center;
line-height:25px;
font-size:2.3em;
background: white url(../img/cal.gif) no-repeat 0 0px;
}
#akce p.clanek_date span{
font-size:0.4em;
font-weight:normal;
padding:0;
margin:0;
}
#akce h3.clanek_header{
font-size:1.4em;
font-weight:bold;
letter-spacing:-1px;
padding-left:80px;
text-transform:uppercase;
margin-bottom:0px;
}
#akce h3.clanek_header a{
color:#0066cc
}
#akce .clanek_detail p{
color:black;
padding-left:80px;
margin-top:10px;
}
#akce .clanek_detail ul{
color:black;
margin:15px 20px 20px 20px;
padding-left:80px;
margin-top:10px;
}
/* footer */
#footer{
font-size:0.9em;
text-align:right;
display:block;
height:30px;
padding-top:120px;
margin-top:0px;
background: url(../img/bg_footer.jpg) no-repeat;
	  }
#footer p{
  margin: 0 ;
  padding: 0 20px;
  text-align: right;
  }
#footer p#club_end{
float:left;
padding-top:5px;
width:340px;
height:25px;
position:relative;
left:90px;
margin-right:90px;
}
#footer p#club_end a.img {
position:relative;
top:-5px;
left:10px; 
float:left;
}
/*  class   */
.noscreen{display: none;}
.separ {border-bottom: 1px solid #87b5d6  ; line-height: 1px; font-size: 1px; height: 1px; margin: 15px 20px ;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px; margin: 0 ;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify {text-align: justify;}
.fl { float: left;}
.fr { float: right;}
.green{color:#99ff00;}
.silent{color:#9cc4e1;}
.mt0{margin-top:0px;}
.black{color:#000;}
.livecam{cursor:hand;cursor:pointer;}
.mt0{margin-top:0px;}
/*	color scheme

temp_01:
ffffff
000000
003e56
0d89bb
ebf0f2
ff6a00

*/

/* clanky detail*/
.clanek{
clear:both;
}
p.clanek_date{
float:left;
margin:0;
position:relative;
left:20px;
padding:15px 0px 5px 3px;
font-weight:bold;
width:57px;
text-align:center;
line-height:25px;
font-size:2.3em;
background: url(../img/cal_sekce.gif) no-repeat 0 0px;
}
p.clanek_date span{
font-size:0.4em;
font-weight:normal;
color:black;
}
h3.clanek_header{
font-size:1.4em;
font-weight:bold;
letter-spacing:-1px;
padding-left:80px;
text-transform:uppercase;
margin-bottom:0px;
}

.clanek_detail p{
font-size:1.2em;
padding-left:80px;
margin-top:10px;
}
.clanek_detail ul{
font-size:1.2em;
margin:15px 20px 20px 20px;
padding-left:80px;
margin-top:10px;
}
/*  fotogalerie  */
.gal{
position:relative;
border-bottom: 1px solid #87b5d6 ;
margin: 20px ;
margin-bottom:5px;
background:  url(../img/bg_galerie.jpg) repeat-y right top ;
}
.gal .foto         {margin:5px 0px 5px 0px;}
h4.nazev_gal {
margin:20px 0 0 0;
border-bottom: 1px solid #87b5d6 ;
background:#0f6bad;
font-weight:bold;
}
#vypis_galerii .gal{
margin-left:0px;
}
/*  fotogalerie  */
.galerie               {float:left;position:relative;margin:5px 2px 5px 2px;width:141px;text-align:center;background:#232526;}
.galerie .foto         {margin:0;}
.nazev_galerie {
position:relative;
margin-top:-3px;
color:#99ff00;
background-color:#10304d;
display:block;
height:30px;
overflow:hidden;
text-align:center;
padding:5px 5px 5px 5px;
font-weight:bold;
}
.nazev_galerie a{
color:#fff;
text-decoration:none;
}
.nazev_galerie a:hover{
color:#fff;
}
.galerie_nadpis h2 {position:relative;margin-top:0px;margin-bottom:0px;}
#vypis_galerii{
margin-left:18px;
}

/*  fotogalerie index nejblizsi akce */
#new_akce .galerie{
float:none;
position:relative;
margin:0 0 0 20px;
width:auto;
padding:0;
text-align:left;
background:none;
}
#new_akce .galerie .foto         {margin:0;position:relative;margin-top:30px;}
#new_akce .nazev_galerie {
position:absolute;
left:0px;
top:0px;
margin:0;
color:#5dfff5;
background:none;
display:block;
height:auto;
overflow:hidden;
text-align:center;
font-size:1.3em;
padding:5px 5px 5px 0px;
font-weight:bold;
}
#new_akce .nazev_galerie a{
color:#5dfff5;
}
#new_akce{
position:relative;
}
/*  Rozcestnik */
.rozcestnik{
float:left;
position:relative;
left:20px;
margin-right:20px;
}
.rozcestnik .foto{
margin:0 0 5px 0;
}
.rozcestnik a.cam{
display:block;
cursor:hand;
cursor:pointer;
width:144px;
height:50px;
background:  url(../img/ico_cam.jpg) no-repeat 0px 0px ;
}
.rozcestnik a.cam:hover{
background-position:0px -50px;
}
.rozcestnik a.vid{
display:block;
cursor:hand;
cursor:pointer;
width:144px;
height:50px;
background:  url(../img/ico_vid.jpg) no-repeat 0px 0px ;
}
.rozcestnik a.vid:hover{
background-position:0px -50px;
}

.rozcestnik a.cam1{
display:block;
cursor:hand;
cursor:pointer;
width:144px;
height:50px;
background:  url(../img/ico_cam1.jpg) no-repeat 0px 0px ;
}
.rozcestnik a.cam1:hover{
background-position:0px -50px;
}

.rozcestnik a.cam2{
display:block;
cursor:hand;
cursor:pointer;
width:144px;
height:50px;
background:  url(../img/ico_cam2.jpg) no-repeat 0px 0px ;
}
.rozcestnik a.cam2:hover{
background-position:0px -50px;
}