@charset "utf-8";
/* CSS Document */

body 
{ 
background-color: #ffffff;
margin-top:8px;
font-family: Verdana, Arial, Courier, sans-serif;
color: #333333;
background-image: url(./img-www/vzorek.gif);
background-repeat: repeat;
}

a {color: black;text-decoration: none;}

a:hover {font-weight: normal; text-decoration: underline;}

a.odkazobce:hover {color: green; font-weight: bold;}

a.odkaz:hover {color: #000000; font-weight: normal; text-decoration: underline;}

a.podrobnosti:hover {color: black; font-weight: bold;}

a.webmaster {text-decoration: none;}

a.webmaster:hover {text-decoration: underline; color: #000000; font-weight: bold;}

a.odkazobec {text-decoration: none; color:#005FA9;}

a.odkazobec:hover {text-decoration: underline ; color:#005FA9;}

a.plan_a_od /*plan akci odkaz vice */ {text-decoration: none;}

a.plan_a_od:hover {font-weight: bold; text-decoration: underline;}

a.zu /*zapisy a usneseni*/ {text-decoration: underline;}

a.zu:hover {text-decoration: none;}

#menu a {text-decoration: none; font-weight: bold;}

#menu a:hover {text-decoration: underline; font-weight: bold;}

a.priloha_pa {text-decoration: underline; font-weight: bold;}

a.priloha_pa:hover {text-decoration: none; font-weight: bold;}

a.detail {text-decoration: underline;}
a.detail:hover {text-decoration: none;}
 


/* logo + lo + po + znak */
#logo
{
width: 1000px;
height: 302px;
}

.lo
{
width: 19px;
height: 302px;
float: left;
background-image: url("./img-www/lo.gif");
}

.po
{
width: 19px;
height: 302px;
float: right;
background-image: url("./img-www/po.gif");
}

.znak
{
width: 962px;
height: 302px;
background-image: url("./img-www/znak3.gif");
background-position: left;
background-repeat: no-repeat;
float: left;
background-color: #98c42f;
}

/* menu proste menu co vic dodat */

.menu
{
width: 200px;
margin-right: 10px;
float: right;
padding-left: 5px;
margin-top: 18px;
border: 3px solid #cef77b;
}

#menu
{
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 12px;
text-align: left;
}

#menu ul
{
padding: 0;
}

#menu ul li
{
display: block;
padding-bottom: 10px;
list-style-type: none;
}

#menu ul
{
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 12px;
font-weight: bold;
}

#menu ul li a
{
padding: 3px;
background-color: #ffffff;
color: #000000;
text-decoration: none;
}

#menu ul li a:hover
{
color: #000000;
font-weight: bold;
text-decoration: underline;
}

#menu li#active a
{
background-color: #ffffff;
color: #000000;
} 

/* resim obce ten modry pruh, jestli bude modry*/

#obce
{
width: 998px;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 12px;
font-weight: bold;
background-color: #ffffff;
border-left: 1px solid #98c42f;
border-right : 1px solid #98c42f;
padding-top: 10px;
padding-bottom: 10px;
border-bottom  : 1px solid #98c42f;
border-top: 1px solid #98c42f; 
margin-bottom: 10px;
margin-top:10px;
}

#obce ul
{
padding: 0;
}

#obce ul li
{
display: inline;
}

#obce ul
{
margin: 0;
padding: 0;
color: #000000;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}

#obce ul li#vse a
{
list-style: none; 
padding: 0 5px 0 5px;
background-color: #ffffff;
color: #000000;
text-decoration: none;
float: left;
border-right : 1px solid #000000;
}

#obce ul li#konec a
{
list-style: none; 
padding: 0 5px 0 5px;
background-color: #ffffff;
color: #000000;
text-decoration: none;
float: left;
}

#obce ul li#vse a:hover
{
background-color: #3296f4;
color: #FFFFFF;
font-weight: bold;
}

#obce ul li#konec a:hover
{
background-color: #3296f4;
color: #FFFFFF;
font-weight: bold;
}

#obce li#active a
{
background-color: #45b4fa;
color: #FFFFFF;
}


/* ramobsah + obsah + levy + copyright*/ 
.ramobsah
{
width: 998px;
background-color: #ffffff;
padding-top: 3px;
padding-bottom: 10px;
border-top: 1px solid #98c42f;
border-left: 1px solid #98c42f;
border-right : 1px solid #98c42f;
}

.obsah
{
width: 710px;
text-align: justify;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 9pt;
padding: 10px;
}

.levy
{
width: 266px;
padding-left: 4px;
}

.copyright
{
text-align: right;
padding-top: 62px;
padding-right: 20px;
border-top: 1px solid #98c42f;
width: 980px;
height: 100px;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 8pt;
background-image: url("./img-www/copyright.gif");
background-repeat: no-repeat;
}

/* ted levy ram co budeme v nem resim*/

.plan_akce
{
width: 257px;
background-color: #98c42f;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 9pt;                                  
font-weight: bold;
color: #ffffff;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
}

.text_levy_pa
{
width: 255px;
padding-top: 8px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 8px;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 11px;
text-align: left;
border: 1px solid #98c42f;
margin-bottom : 15px;
}

.text_levy_pa_v /* texty levy plan akce vice */
{
padding-top: 8px;
padding-right: 10px;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 9px;
text-align: right;
font-weight: bold;
border-top: 1px solid #98c42f;
margin-top: 8px;
}

.uzit_odkaz
{
width: 265px; 
background-color: #ffd400;
height: 16px;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 9pt;
font-weight: bold;
color: #333333;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
}

.dulezite_upoz
{
width: 265px; 
background-color: #f82d2d;
height: 16px;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 9pt;
font-weight: bold;
color: #ffffff;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
}

.text_dulezite_upoz
{
width: 256px;
padding-top: 8px;
padding-left: 4px;
padding-right: 3px;
padding-bottom: 8px;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 10px;
text-align: left;
border: 1px solid #f82d2d;
margin-bottom : 15px;
}

.text_levy_uo
{
width: 256px;
padding-top: 8px;
padding-left: 4px;
padding-right: 3px;
padding-bottom: 8px;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 10px;
text-align: left;
border: 1px solid #ffd400;
margin-bottom : 15px;
}

.aktuality
{
padding: 5px 5px;
border: 1px solid #dadada;
}


/* znak samotne obce */

#pod_znak
{
width: 710px;
height: 100px;
}

#levy_pz
{
width: 305px;
height: 74px;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 18px;
text-align: right;
float: left;
padding-top: 26px;
font-weight: bold;
}

#stred_pz
{
width: 100px;
height: 95px;
background-image: url("./img-www/pod_znak2.gif");
background-position: center;
background-repeat: no-repeat;
float: left;
text-align: center;
padding-top: 5px;
}

#pravy_pz
{
width: 305px;
height: 74px;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 18px;
text-align: left;
font-weight: bold;
float: left;
padding-top: 26px;
}

.podtrzeni_pz
{
border-bottom: 2px solid #8b8b8b;
}

/*kontaktni udejao o obci */

.nadpis_ku
{
font-weight: bold;
margin-bottom: 10px;
}

/* ------------------------------------------------ FOTOGALERIE -----------------------------------------------------*/

/* fotogalerie velka */

#fotogalerie_menu_o
{
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 11px;
text-align: left;
margin-bottom: 10px;
border-bottom: 1px solid #cccccc;
}

.fotogalerie_menu_o
{
float: left;
margin-right: 10px;
padding: 3px;
margin-top: 5px;
}

.fotogalerie_menu_o_active
{
float: left;
margin-right: 10px;
margin-top: 5px;
padding: 2px;
background-color: #bbe3ff;
border: 1px solid #00548f;
}

.fotogalerie_f /* fotogalerie obce */
{
width: 150px;
height: 115px;
float: left;
padding-right: 8px;
padding-bottom: 6px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-bottom: 10px;
margin-right: 8px;
text-align: center;
vertical-align: middle;
}

#fotogalerie_ak_rok
{
text-align: right;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 11px;
}

.fotogalerie_ak_rok
{
width: 50px;
text-align: center;
border: 1px solid #00548f;
background-color: #bbe3ff;
padding: 3px;
color: #000000;
}

#fotogalerie_rok
{
text-align: left;
margin-bottom: 10px;
border-bottom: 1px solid #cccccc;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 11px;
}

.fotogalerie_rok
{
width: 40px;
text-align: center;
padding: 3px;
margin-top: 5px;

color: #000000;
float: left;
}

.fotogalerie_rok_active
{
text-align: center;
border: 1px solid #00548f;
padding: 2px;
margin-top: 5px;
color: #000000;
width: 40px;
float: left;
background-color: #bbe3ff; 
}

#fotogalerie_vypis
{
text-align: left;
margin-bottom: 10px;
background-color: #CEF77B;
border-bottom: 1px solid #cccccc;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 11px;
}

.fotogalerie_vypis
{
text-align: center;
padding: 3px;
margin-right : 10px;
color: #000000;
float: left;
margin-top:5px;
}

.fotogalerie_vypis_active
{
text-align: center;
padding: 2px;
margin-right : 10px;
color: #000000;
float: left;
border: 1px solid #00548f;
background-color: #bbe3ff;
margin-top:5px;
}

/* OBCE */
#fotogalerie_o
{
margin-top: 15px;
background-color: #ffffff;
}

.foto_vrh
{
width: 680px;
height: 37px;
background-image: url("./img-www/foto_vrh.gif");
background-position: center;
background-repeat: no-repeat;
}

.foto_spodek
{
width: 680px;
height: 37px;
background-image: url("./img-www/foto_spodek.gif");
background-position: center;
background-repeat: no-repeat;
}



.fotogalerie_o /* fotogalerie obce */
{
width: 150px;
height: 115px;
float: left;
padding-right: 8px;
padding-bottom: 6px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-bottom: 10px;
margin-right: 8px;
text-align: center;
vertical-align: middle;
}

/* -------------- jdu resit <p> -------------*/

p
{
text-indent: 15px;
}

/*------------------------------------------------------------------*/

/* ---- PISMO ---- */

/* nadpisy */

.nadpis_o /* nadpis obsah */
{
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 14px;
font-weight: bold;
margin-bottom: 16px;
color: #000000;
}

/*------------------*/

/* Zapisy a usneseni */

.zu
{
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 11px;
}

.td_zu
{
border: 1px solid #CCCCCC;
padding: 5px;
}

/* menu 2 zskouska */

.td_menu
{

padding: 4px;
font-family: Verdana, Arial, Courier, sans-serif;
font-size: 11px;
font-weight: bold;
}

.menu_up
{
width: 200px;
height: 10px;
background-image: url("./img-www/up.gif");
background-position: center;
background-repeat: no-repeat;
}

.menu_down
{
width: 200px;
height: 10px;
background-image: url("./img-www/down.gif");
background-position: center;
background-repeat: no-repeat;
}