body
{
	margin: 0;
	padding: 0;
	color: #000;
	font: normal 10pt Arial,Helvetica,sans-serif;
	 background:#0a2141 url(bg.jpg) repeat-x left top;
}

.pismo {font: normal 10pt Arial,Helvetica,sans-serif; }

#page
{
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(cara.jpg) repeat-y center top;	
}

#header
{
	margin: 0;
	padding: 0;
	height:212px;
    background: url(vrch-foto.jpg) no-repeat center top;
}

#content
{
    padding: 10px 10px 20px 20px;
     
}

#sidebar
{
	padding: 20px 0px 20px 0;
   
   
}
#sidebar-right
{
    padding: 20px 20px 20px 20px;   
}

#konec {
    height:38px;
   background: url(konec.jpg) no-repeat center top;     
}

#footer
{   
	padding: 10px;
	margin: 0px 0px;
	font-size: 0.8em;
	color:white;
    text-align: center;
	background: url(cara_spodek.jpg) repeat-y center top;    
   
}

 
#usermenu
{
    height:40px;
    padding:0px;   
    background: url(cara_spodek.jpg) repeat-y center top;    
    }

.usermenu {
    float:right;
    padding: 10px 23px 0 0;
    color:white;
    width: 780px;
    text-align: right;
  
}
.usermenu-old {width: 200px; text-align:center;  float:left; padding-top: 10px; }

.odraz {color: yellow; padding-right: 15px;}
.odraz-mezera {color: orange; text-align: center; }

#mainmenu
{
	text-align: right;
   /* background: #355350;*/
   background: #336633;
}

#mainmenu ul
{
	padding:4px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.85em;
	padding: 0px 0px 0px 0;
}

 

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
    width: 200px;
}

.operations li a  
{
	font: bold 12px Arial;
	color: #000;
	display: block;
	padding: 6px 0 6px 10px;
	line-height: 15px;
	text-decoration: none;
    background: #91cbfb;
}

.operations li a:visited 
{
	color: #000;
}


.operations li a:hover, li.active a  
{
	background: #fff;
    color:#000;
}

.sidebar {padding: 0 10px 10px 7px}

#tag1 {
  float:left;
  height:212px;
  width: 205px; 
        
}
.tag1_text { padding: 160px 0 0 0; text-align: center; color:white}
.vlajka {padding:1px; background: #eee; margin:5px;height:12px}
.vlajka:hover{background: #ccc;}

#tag2 {
  float:left;
  height:212px;
  width: 750px;
}


.tag3_text { padding:25px;}
.tag3_nadpis {padding:25px;  font-size: 2.5em; color:white; }
.tag3_popis { padding-top:15px; color:white;  font-size: 0.95em;; line-height:160%;  }


.slidefoto 
{
  margin-top: 25px;  
  height:187px;
  width:500px;    
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.menu a {
  display: block;
  text-decoration: none;    
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  background: #333;
  color: #fff;    
  padding: 0.5em;
}

ul.menu li a:hover, li.active a   {
  background: #000;
}

ul.menu li li.active a   {
  background: #fff;
  
}

ul.menu li.active a   {
  background: #999;
} 

ul.menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
    font-size:0.8em;
}

ul.menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

h1 {padding: 10px 0 5px 0; color: red; font-size: 1.5em;}
h2 {padding: 5px 0 5px 0; color: orange; font-size: 1.3em;margin:0}
 .odstavec {text-align: justify; line-height:150%}

#to_groupe {margin-left: 80px; margin-top: 5px;}
ul.podmenu, ul.podmenu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
 
}

ul.podmenu a, ul.podmenu li {
  display: block;
  text-decoration: none; 
  float: left; 
  margin-right: 2px;
   
}
ul.podmenu a {
   text-decoration: underline; 
   
}


 .xbreadcrumbs LI {
        border-right: none;
        background: url(../images/separator.gif) no-repeat right center;
        padding-right: 15px;
        padding-left: 0px;
    }
    .xbreadcrumbs LI.current { background: none; }
    .xbreadcrumbs LI UL LI { background: none; }
    
    .xbreadcrumbs LI A.home {
        background: url(../images/home.gif) no-repeat left center;
        padding-left: 20px;
    }

    /*  Custom styles for breadcrums (#breadcrumbs-3)  */
    .xbreadcrumbs#breadcrumbs-3 {
        background: none;
    } 
    .xbreadcrumbs#breadcrumbs-3 LI A {
        text-decoration: underline;
        color: #0A8ECC;
    }
    .xbreadcrumbs#breadcrumbs-3 LI A:HOVER, .xbreadcrumbs#breadcrumbs-3 LI.hover A { text-decoration: none; }
    .xbreadcrumbs#breadcrumbs-3 LI.current A {
        color: #333333;
        text-decoration: none;
    }
    .xbreadcrumbs#breadcrumbs-3 LI {
        border-right: none;
        background: url(../images/separator-arrow.gif) no-repeat right center;
        padding-right: 15px;
        padding-left: 10px;
    }
    .xbreadcrumbs#breadcrumbs-3 LI.current { background: none; }
    .xbreadcrumbs#breadcrumbs-3 LI UL LI { background: none; padding: 0;  }
    
#box-table-a
{
   
    font-size: 12px;
    margin: 10px 25px;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
}
#box-table-a th
{
    font-size: 13px;
    font-weight: normal;
    padding: 5px;
    background: #b9c9fe;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;
    color: #039;
}
#box-table-a td
{
    padding: 5px;
    background: #e8edff; 
    border-bottom: 1px solid #fff;
    color: #000;
    border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
    background: #d0dafd;
    color: #000;
}


#box-table-b
{  
    font-size: 12px;
    margin-top: 25px;
    width: 750px;
    text-align: left;
    border-collapse: collapse;
}
#box-table-b th
{
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
    background: #b9c9fe;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;
    color: #000;
}
#box-table-b td
{
    padding: 8px;
    background: #e8edff; 
    border-bottom: 1px solid #fff;
    color: #000;
    border-top: 1px solid transparent;
}
#box-table-b tr:hover td
{
    background: #d0dafd;
    color: #000;
}

#box-table-c
{
  
    font-size: 12px;
    margin: 25px;
    width: 680px;
    text-align: left;
    border-collapse: collapse;
}
#box-table-c th
{
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
    background: #b9c9fe;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;
    color: #039;
}
#box-table-c td
{
    padding: 8px;
    background: #e8edff; 
    border-bottom: 1px solid #fff;
    color: #000;
    border-top: 1px solid transparent;
}
#box-table-c tr:hover td
{
    background: #d0dafd;
    color: #339;
}

.lobr {float:left; margin: 10px 15px 5px 0; padding:3px;}
.pobr {float:right; margin: 0px 0px 5px 15px; padding:3px;}
.obr {float:left; margin: 3px; padding:8px;border: 1px solid #ddd;}
.obr:hover {background: #ddd;border: 1px solid #aaa;}

.aktualita_blok1 {margin-bottom:3px; padding:3px; border-bottom: 1px solid #ddd; background: #f8f5f5;}
.aktualita_blok2 {margin-bottom:3px; padding:3px; border-bottom: 1px solid #ddd;
 /*background: #e2e8fc;*/
 background: #e5fce0;
}
.aktuality {float:left; width:570px; margin-right: 8px; }
.aktualita_foto {float:left; width:80px; height:100px; margin-right: 10px; }

.blok{text-align: justify; font-size: 0.90em; margin:10px 0;padding:5px 10px 5px 5px;}
.blok a{display: block; }
.aktualita_blok1:hover { 
    display: block;
    background: #eee; 
    cursor: pointer;
    color: #339;
}
.aktualita_blok2:hover { 
    display: block;
    background: #d1fddd; 
    cursor: pointer;
    color: #339;
}
.datum {font-size: 0.80em; color:#333; margin: 0;}
.ankety {float:right; width:165px;  }
.nadpis { padding: 8px;  font-weight: bold;  width:165px;}
.ank {float:right; margin-bottom: 15px;  padding:5px;}


.pager {font-size: 0.8em; text-align: right; padding-bottom: 10px;}
.odstavec {padding:10px 0 10px 0}

  label { width: 180px; float: left; }
  label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
  p { clear: both; }
  .submit { margin-left: 12em; }
 
 fieldset.okraj {width: 400px; padding: 15px; border: 1px solid #ddd; background: #eee;}
  
  .error {color:red; font-size: 1.3em; font-weight:bold; padding: 0 0 15px 0;}
  .noerror {color:green; font-size: 1.3em; font-weight:bold; padding: 0 0 15px 0;}
  p.prava {text-align: right; padding-right: 250px;}
 .odrazli { padding: 3px;   }
 
 .pravastrana {float:left; width: 360px; }
 .levastrana {float:left; width: 360px; }

 .foto {float:left; padding: 8px; height:200px; width:160px; text-align:center; margin:5px 10px 5px 0; border: 1px solid #ddd; background: #eee;}
 .foto:hover {border: 1px solid #aaa; background: #eee;}
 .popis_foto {font-size: 0.8em; padding: 3px 3px 0 3px ;}
 
 .soubor {float:left; padding: 5px; height:80px; width:80px; text-align:center; margin:5px 10px 5px 0; border: 1px solid #ddd; background: #eee;}
 .soubor:hover {border: 1px solid #aaa; background: #eee;}
 .s {margin: 5px;}

 .pdf_zpravodaj {float:left; padding: 5px; height:170px; width:105px; text-align:center; margin:5px 10px 5px 0; border: 1px solid #b9c9fe; background: #fff; font-size: 0.8em;} 
 .pdf {float:left; padding: 5px; height:40px; width:80px; text-align:center; margin:5px 10px 5px 0; border: 1px solid #b9c9fe; background: #fff; font-size: 0.8em;}
 .pdf:hover {border: 1px solid #aaa; background: #eee;}
 .tisk {float:right}
 
 .pdf1 {float:left; padding: 5px; height:50px; width:80px; text-align:center; margin:5px 10px 5px 0; border: 1px solid #b9c9fe; background: #fff; font-size: 0.8em;}
 .pdf1:hover {border: 1px solid #aaa; background: #eee;}
 
 .prava {float:right; width:165px; font-size:0.8em }
 .leva {float:left; width:570px; margin-right: 8px;}
 .modra {font-size:1em; color:#4357a4}
 .baner {border: 1px solid #aaa;}
 .baner:hover {border: 1px solid #cc0000;}
 
.groupe {
   background: #eee;  
  text-align: right;
  padding: 5px 20px 5px 8px;
  color:#000;
  font-size:0.8em; 
  cursor: pointer; 
  text-decoration: underline;
  border-bottom: 1px solid #2d4cc3; 
}


#to_groupe {
  background: #eee;
  text-align: right;
  padding: 10px 20px 10px 8px;
  color:black;
  font-size:0.85em; 
  border-bottom: 1px solid #2d4cc3;
  border-left: 1px solid #2d4cc3;
  border-right: 1px solid #2d4cc3;
  margin-top:0; 
  margin-bottom:10px;
}

.prispevek {border: 1px solid #aaa; margin:3px 0 3px 0; padding: 5px}
.prispevek-datum {font-size: 0.80em; color:#333; margin-bottom: 10px; background: #eee; padding:3px;border-bottom: 1px solid #b9c9fe; }
.smazat {font-size: 0.8em; text-align:right; margin:0}
.cervena {color:red}

.modra {color:#014F96; font-weight: bold; font-size:1.1em; margin:0 0 5px 0}

ul.seznam li, ol.seznam li {padding:3px}
 
.zluta {color:yellow}

ul.mapastranek li {padding:3px; font-weight:bold;}
ul.mapastranek li li  {list-style-type: square; color: red; }
ul.mapastranek li li a  { color: red; }
ul.mapastranek li li li {list-style-type: circle; color: blue; }
ul.mapastranek li li li a  {color: blue}

.linka {margin: 5px;border-bottom: 1px solid #eee; }

#anketa
{
  
    font-size: 12px;
    margin: 25px;
    width: 680px;
    text-align: left;
    border-collapse: collapse;
}
#anketa th
{
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
    background: #b9c9fe;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;
    color: #039;
}
#anketa td
{
    padding: 8px;
    background: #e8edff; 
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}
#anketa tr:hover td
{
    background: #d0dafd;
    color: #339;
}

#firma
{
  
    font-size: 12px;
    margin: 15px;
    width: 700px;
    text-align: left;
    border-collapse: collapse;
}
#firma th
{
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    background: #b9c9fe;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;
    color: #039;
}
#firma td
{
    padding: 8px;
    background: #e8edff; 
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}
#firma tr:hover td
{
    background: #d0dafd;
    color: #339;
}

#ukazfirmu
{
  
    font-size: 12px;
    margin: 5px;
    text-align: left;
    border-collapse: collapse;
}
#ukazfirmu th
{
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    background: #b9c9fe;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;
    color: #039;
}
#ukazfirmu td
{
    padding: 8px;
    background: #fff; 
    border-bottom: 1px solid #b9c9fe;
    color: #669;
    border-top: 1px solid transparent;
}     
#ukazfirmu tr:hover td
{
    background: #fff;
    color: #339;
}

.velka {font-size: 1.5em; text-align:left;}
.bila {color:white}

#anketa-index
{
    font-size: 10px;
    background: #eee;
    margin: 0px 0 10px 0;
    width: 185px;
    border-collapse: collapse;
    text-align: left;
     border-bottom: 1px solid #6678b1;
}
#anketa-index th
{
    font-size: 10px;
    font-weight: normal;
    color: #fff;
    padding: 10px 8px;
    background: #666;   
}
#anketa-index td
{
    color: #000;
    padding: 8px 8px 8px 8px;
    line-height: 150%;
     border-bottom: 1px solid #fff;
}
#anketa-index tbody tr:hover td
{
    color: #009;
    background: #ddd;
   
}

.stred {text-align: center; background: #eee; width: 185px; padding: 5px 0 5px 0;  border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.stred:hover {background: #aaa; }
.menicko {text-align: left; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; margin-bottom: 15px}
.active_menu {color:red; padding-right:5px}
.active_menu1 {color:black; padding-right:5px}
.cena {text-align: center;  background: #ffffcc; padding: 15px 5px}
.carka {border-bottom: 1px solid #ddd; padding: 5px 0}
.nejblizsiakce {background: #ffffcc; padding: 5px; border:1px solid red; margin-bottom: 10px;}
.vice {text-align: right;}
.carka1 {border-bottom: 1px solid #ddd; padding: 10px 0px; line-height: 150%;}
.zok-pozadi {background: #ffe8c5;   border: 2px solid #663300; }
.kytara { background: url(pozadi.jpg) no-repeat center top; height:590px}
.odkazek {margin: 10px 0 10px 0; font-weight: bolder; }
.portfolio { float:left; width: 200px; height: 220px; text-align: center; margin: 15px;}
.okno {border: 3px solid #ccc; background: #ffffcc; padding: 15px; margin: 10px; text-align: center;}

div.fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  border-top: 2px solid #ffff80;
  background: #222;
  color:#fff;
  padding: 20px;
  text-align: center;
  font-size: 0.9em; 
  z-index: 1000;
}