/* CSS Document */
body{
  font-family:Arial, Helvetica, sans-serif;
  background-color:#C8C8C8;
  font-size:12px;
}

.a,
.a:visited,
.A:hover {
color: #006699;
text-decoration:none;
}

#stranka{
  width:845px;
  position:relative;
  border:1px solid white;
  margin:auto;
  background-color:#FFFFFF;
  text-align:justify;}
  
#stranka #nazev{
  background-image:url(/files/layout/nazev.jpg);
  background-repeat:no-repeat;
  width:845px;
  height:244px;}
  
#stranka #hlavni{
  overflow:auto;
  background-color:#FFFFFF;}
  
#stranka #hlavni #obsah{
  float:left;
  width:580px;
  overflow:hidden;
  padding:20px 30px 20px 30px;
  background-color:#FFFFFF;}

#stranka #hlavni #obsah #obrazek_komp{
  background-image:url(/files/images/ob_kompas.jpg);
  background-repeat:no-repeat;
  width:584px;
  height:137px;}

#stranka #hlavni #obsah #obrazek_korm{
  background-image:url(/files/images/ob_kormidlo.jpg);
  background-repeat:no-repeat;
  width:584px;
  height:137px;}

#stranka #hlavni #obsah #obrazek_lod{
  background-image:url(/files/images/ob_lod.jpg);
  background-repeat:no-repeat;
  width:584px;
  height:137px;}
  
#stranka #hlavni #obsah #obrazek_skala{
  background-image:url(/files/images/ob_skala.jpg);
  background-repeat:no-repeat;
  width:584px;
  height:137px;}

#stranka #hlavni #sloupec{
  float:right;
  width:177px;
  overflow:hidden;
  padding:20px 5px 20px 18px;
  border-left:1px solid #C8C8C8;
  background-color:#FFFFFF;}
  
#stranka #kruh{
  position:absolute;
  left:749px;
  top:219px;}
  
#stranka #sipecka{
  position:absolute;
  left:749px;
  top:249px;}

h1{
  font-size:20px;
  color:#003366;
  padding-top:10px;
  margin-top:10px;
  padding-bottom:0px;
  margin-bottom:0px;}    

h2{
  font-size:18px;
  color:#666666;
  font-weight:normal;
  margin-top:0px;
  margin-bottom:2px;
  padding-top:0px;
  padding-bottom:2px;}
  
h3{
  font-size:13px;
  color:#003366;
  margin-top:4px
  padding-top:4px
  padding-bottom:0px;
  margin-bottom:0px;}

.popis-akce{
  font-size:11px;
  color:#666666;}

.prosba img { vertical-align:middle;}
.prosba a, 
.prosba a:hover,
.prosba a:visited {  font-size:14px;  color:#006699;}

#stranka #menu{
  background-color:#003366;
  height:23px;
  padding-left:20px;
}

  
#stranka #dolni-menu{
  background-color:#003366;
  height:23px;
  width:845px;
  color:#FFFFFF;
  font-size:12px;
  line-height:23px;
  text-align:center;}
  
#dolni-menu A,
#dolni-menu A:visited,
#dolni-menu A:hover {
color: #ffffff;
text-decoration:none;
}
#dolni-menu A:hover {
text-decoration:underline;
}


#paticka{
  color:#000033;
  font-size:12px;
  width:845px;
  margin:auto;}
  
#paticka #paticka-leva{
  float:left;
  font-size:10px;
  color:#666666;
  padding-top:0px;
  margin-top:0px;}
  
#paticka #paticka-prava{
  float:right;
  font-size:10px;
  color:#666666;
  padding-top:0px;
  margin-top:0px;}
#paticka A,
#paticka A:visited,
#paticka A:hover
{
text-decoration:none;
color:#666666;
}


  
#sloupec p a{
  color:#006699;
  font-size:13px;}

/* kazani */
.speech-table { width:100%; border-collapse:collapse; border:0;}
.speech-table img { border:0; vertical-align:middle }
.speech-table th,
.speech-table td { border:1px solid #5EA8CF; text-align:left; padding:2px; vertical-align:top; }
.speech-table th { white-space:nowrap; }
.speech-table .td1 {width:80px;}
.speech-table .td2 {width:100px;}
.speech-table .td3 {}
.speech-table .td4 {width:42px;}
.speech-table .td5 {width:42px;}





/* kalendar akci - zacatek */
 .foxactions-detail img {float:left; padding: 10px;}
 .foxactions-detail h2 { font-size:14px; font-weight:bold; margin-bottom:8px; padding-bottom:4px;}
 .foxactions-detail para { margin-top:8px; padding-top:4px;}

/* shorlist */

 .dalsi { text-align:right; }
 .dalsi a,
 .dalsi a:visited,
 .dalsi a:hover { color: #666666; font-size:11px; margin:0px 2px 0px 4px; }
 .foxactions-short-list  { background-color:#D9ECFF; margin:8px 2px 8px 0px;}
 .foxactions-short-list h3 { font-size:13px; font-weight:bold; margin:4px 2px 0px 4px; text-align:left; }
 .foxactions-short-list a,
 .foxactions-short-list a:visited,
 .foxactions-short-list a:hover { color: #003366; text-decoration:none;}
 .foxactions-short-list .date { color: #003366; margin:0px 2px 0px 4px;}
 .foxactions-short-list .para { color: #666666; font-size:11px; margin:0px 2px 4px 4px;} 


/* navigace detailu */
.foxactions-navheader {
width:100%;
margin-bottom:10px;
}
.foxactions-navheader td {
text-align:center;
vertical-align:top;
width:25%;
border:1px solid #5EA8CF;
}
  /* zobrazeni detailu */
.foxactions-detail {
padding-bottom:5px;
margin-bottom:5px;
}
.foxactions-detail h2 {
margin-bottom:2px;
  font-size:14px;
padding:10px 10px 0px 10px;
}
.foxactions-detail .para {
padding-left:10px;
padding-bottom:2px;
}

.foxactions-detail .para-pers {
padding-left:10px;
}
.foxactions-detail .date {
  text-align:right;
padding-right:10px;
}

.foxactions-detail .ikona {
  text-align:right;
padding-right:10px;
}

.foxactions-detail .ikona img {align:right;}

  /* kalendarik */
.foxactions-calendar a,
.foxactions-calendar a:link,
.foxactions-calendar a:hover,
.foxactions-calendar a:active,
.foxactions-calendar a:visited {
  color:#CC3333;
  font-size:12px;
  text-decoration:none;
}
.foxactions-calendar a:hover {
  color:#006699;
}
.foxactions-calendar {
  border:1px solid #336633;
  font-size:12px;
}
.foxactions-calendar tr.navigation {
border-bottom:10px solid #87C287;
}

.foxactions-calendar th,
.foxactions-calendar td {
text-align:center;
}
.foxactions-calendar td {cursor:default;}
.foxactions-calendar td.now {
	background-color: #FFCC66;
}
.foxactions-calendar td.nomonth {
	/*background-color:#ffcccc;*/
}
.foxactions-calendar td.week {
	background-color:#87BCE7;
}
/* kalendar akci - konec */



/* fotogalerie */
.foxphotogallery-categories-table { border-collapse:collapse; width: 100%;} /* main preview table for categories */
.foxphotogallery-categories-table td {text-align:center; vertical-align:top;}
.foxphotogallery-categories-cont { margin-bottom:10px; } /* div in the cell of table for categories */
.foxphotogallery-categories-cont img { border:1px solid #CCCCCC; margin-bottom:2px; margin-top:2px;}
.foxphotogallery-categories-cont span { font-size:12px; color:#003366; font-weight:bold;}
.foxphotogallery-categories-navigation { margin-top:3px; margin-bottom:3px; }

.foxphotogallery-photos-table { border-collapse:collapse; width: 100%; } /* main preview table for photos in category */
.foxphotogallery-photos-table td {text-align:center; vertical-align:top;}
.foxphotogallery-photos-cont { margin-bottom:10px; } /* div in the cell of table for photos in category */
.foxphotogallery-photos-cont img { border:1px solid #CCCCCC; margin-bottom:2px; margin-top:2px;} /* */
.foxphotogallery-photos-cont span { font-size:12px; color:#003366; font-weight:bold; margin-bottom:2px; }
.foxphotogallery-photos-navigation { margin-top:4px; margin-bottom:3px; }

.foxphotogallery-photo-navigation { margin-top:5px; } /* div with navigation buttons in photo detail page */
.foxphotogallery-photo-navigation img { border:0; margin-top:3px; margin-bottom:0px; } /* */

.foxphotogallery-photo-detail h3 {}
.foxphotogallery-photo-detail img {margin-bottom:2px; margin-top:2px;}


/* news */
.news-top {border:1px solid #CB8B8D; margin-bottom:5px; padding:15px; background-color: #D0D7DD;}
.news-top h2 {margin-top:0;}
.news-top .para {}
.news-top .date {}
.news-top a, .news-top a:visited {color: #455A94;}
.news-top a:hover { text-decoration:underline; }

.news-main {border:1px solid #455A94; margin-bottom:5px; padding:15px;}
.news-main h2 {margin-top:0;}
.news-main .para {}
.news-main .date {}
.news-main a, .news-main a:visited {color: #455A94;}
.news-main a:hover { text-decoration:underline; }

.news-normal {border:0px solid #D0D7E8; margin-bottom:10px; padding-left:0px;}
.news-normal h2 {font-size:14px; margin-top:6px;}
.news-normal h3 {margin:0;}
.news-normal .para {}
.news-normal .date {
  color:#006699;
  font-size:10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.news-normal a, .news-normal a:visited {color: #455A94;}
.news-normal a:hover { text-decoration:underline; }


