body {
 font-family: 'Alegreya Sans', sans-serif;
  font-size : 18px;
  color:#4f2d2d;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
  margin: auto;
  background-color: #EEF3FA;
  font-weight:400;
  }



/* *************************** hlavní TABLE (DIV)  ************************** */
/* *----------------------------     hlavni     ----------------------------* */
/* |*--------------------------------------------------------------------- *| */
/* ||                                hlavicka                              || */
/* |*----------------------------------------------------------------------*| */
/* |*-----------------* *------------------------------------------------- *| */
/* ||     hledej      | |            menu                                  || */
/* |*-----------------* *--------------------------------------------------*| */
/* |*--------------------------------------------------------------------- *| */
/* ||                             top_nabidka                              || */
/* |*----------------------------------------------------------------------*| */
/* || *----------------* *-------------------------------------------------*| */
/* || |                | |                obsah                            || */
/* || |  levy_sloupec  | |                                                 || */
/* || |                | |                                                 || */
/* || *----------------* *-------------------------------------------------*| */
/* || *--------------------------------------------* *---------------------*| */
/* || |                                            | |                     || */
/* || |                 obsah                      | |   pravy_sloupec     || */
/* || |                                            | |                     || */
/* || *--------------------------------------------------------------------*| */
/* |*--------------------------------------------------------------------- *| */
/* ||                                 pata                                 || */
/* |*----------------------------------------------------------------------*| */
/* *------------------------------------------------------------------------* */

.black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:600;
        -moz-opacity: 0.6;
        opacity:.60;
        filter: alpha(opacity=60);
    }

#hlavni {
  width: 100%;
  margin:0;
  padding:0;
  min-height: 500px;
  /* This aligns items to the end line on main-axis */
  /*border-right: 1px solid #000000;*/
  background-position: right;
 }
/* *----------------------------    hlavicka    ----------------------------* */
/* |*--------------------* *-----------------------------------------------*| */
/* ||   hlavickal        | |                        hlavickap              || */
/* || *----------------* | | *--------------* *----------* *--------------*|| */
/* || |  logo_hlavicka | | | |    login     | |   flags  | |      ...     ||| */
/* || *----------------* | | *--------------* *----------* *--------------*|| */
/* |*--------------------* *-----------------------------------------------*| */
/* *------------------------------------------------------------------------* */

#hlavicka {
    background-image: url("images/hlavickam.png");
    background-repeat: no-repeat;
    /*background-size: 100% auto;*/
    background-size: cover;
    background-position: 0 -20px;
    color: #ffffff;
    font-size: 20px;
    height: 180px;
    position: relative;
    vertical-align: top;
    margin-top:-30px;
}

.hlavicka_logo {
    background-image: url("images/logo.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    right: 5px;
    top: 24px;
    cursor: pointer;
    height: 115px;
    position: absolute;
    width: 85px;
}

#hlavicka img{
	height: 90px;
  width: 300px;
	background-color: transparent;
	vertical-align: top;
  }

.hlavicka_text{
  float:left;
  text-align:center;
  font-size:10px;
  }  
/***************************  Jazykové mutace - prapory  **********************/
.flags {
	float: right;
	margin-top: 7px;
	margin-right: 0px;
	z-index: 100;
  }
.n_img_flag {
	width: 32px
  }
.a_img_flag {
	width: 32px
}

.ikony_hlavicka{
	width: 233px;
	height: 52px;
	background-color: black;
  text-decoration: none;
  margin-left:149px;
}

.hl_kosik {
 background: url("images/kos_n.png");
 background-repeat: no-repeat;
 width: 52px;
 height: 52px;
 float: left;
  cursor: pointer;
}

.hl_kosik a{
  font-size:0px;
  display:block;
  width: 52px;
  height: 52px;
  float: left;
  cursor: pointer;
}

.hl_kosik:hover {
 background: url("images/kos_a.png");
 background-position: 0px 0px;
 background-repeat: no-repeat;
 color: black;
}

.kos_info{
 position: absolute;
 color: #ffffff;
 left:-5px;
 top:108px;
 font-size:10px;
 text-align:right;
 width:350px;
}

#kosik .eshop_mnoz_d{
  text-align:left;
}

#kosik select{
   margin-left:6px;
  font-family: "Oswald", sans-serif;
  border-left: 1px solid #afafaf;
	border-top: 1px solid #afafaf;
	border-right: 2px solid #afafaf;
	border-bottom: 2px solid #afafaf;
	padding-left: 2px;
	padding-top: 0;
	font-size: 15px;
  height:26px;
  font-weight:400;
 }

#kosik input{
 margin-left:6px;
}


.facebook {
 background: url("images/fb_n.png");
 background-position: 0px 0px;
 background-repeat: no-repeat;
 width: 52px;
 height: 52px;
 float: left;
  cursor: pointer;
}

.facebook:hover {
 background: url("images/fb_a.png");
 background-position: 0px 0px;
 background-repeat: no-repeat;
 color: black;
}
.hl_prihlas {
 background: url("images/prihlas_n.png");
 background-position: 0px 0px;
 background-repeat: no-repeat;
 width: 52px;
 height: 52px;
 float: left;
 cursor: pointer;
}

.hl_prihlas a{
  font-size:0px;
  display:block;
  width: 52px;
  height: 52px;
  float: left;
  cursor: pointer;
}

.hl_prihlas:hover {
 background: url("images/prihlas_a.png");
 background-position: 0px 0px;
 background-repeat: no-repeat;
 color: black;
}

.youtube {
 background: url("images/yt_n.png");
 background-position: 0px 0px;
 background-repeat: no-repeat;
 width: 52px;
 height: 52px;
 float: left;
  cursor: pointer;
}

.youtube:hover {
 background: url("images/yt_a.png");
 background-position: 0px 0px;
 background-repeat: no-repeat;
 color: black;
}


.eshop_podminky{
 text-align:center;
}





/******************************* login -  eshop - rezervace *******************/
.login_obal {
  position:absolute;
  top: 60px;
	left: 48px;
  width:300px;
 	/*border: 1px solid #efedde;*/
 }

 .login {
  cursor:pointer;
	color: #FF0000;
  float:right;
 	/*border: 1px solid #efedde;*/
 }


 .login1 {
  float:right;
  }

 .login2 {
  	 border: 1px solid #c0c0c0;
	   width: 70px;
	   height: 13px;
	   font-size: 10px;
  }
  .submitlogin {
	   border-top: 1px solid #e7e5e5;
	   border-left: 1px solid #e7e5e5;
	   color: black;
	   font-size: 11px;
	   margin-left: 20px;
  }
  .submitlogin:hover {
	   color: white;
	   border: none;
}
.login_table tr td{
	height: 15px;
}

.login_table .vice_info{
   float:none;
}


/*****************************    hledej       ********************************/
.hledej {
	margin-top:0px;
   padding-top: 5px;
	text-align: right;
	width: 202px;
	clear: left;

}
/******************************************************************************/
/*********************        standard tagy        ****************************/
/******************************************************************************/
h1 {
    color: #DC8C52;
    font-size: 34px;
    font-weight: 400;
    text-align: center;
  }    

div.eshop{
  background-color: #fe0000 ;
  text-align: center;
  text-transform: uppercase;
  line-height: 52px;
  height: 52px;
  border-width: 0px;
  font-size: 26px;
  font-weight: 400;
}

h2 {
  color:  #000000;
	margin-top: 0px;
	margin-bottom: 2px;
 	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 20px;
	text-transform: uppercase;
   cursor: pointer;
   z-index:1;
}

h3 {
  background: url("images/sipka_d.jpg") no-repeat center 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}

h5 {
 padding-left: 10px;
 padding-right: 10px;
}


a {
	text-decoration: none;
	color: #4f2d2d;
}

a:hover {
	color: red ;
	text-decoration:  underline;
}

a.odkaz {
	text-transform: uppercase;
}
a:hover {
	color: #DC8C52;
	text-decoration:  underline;
}

th {
	font-size: 11px;
	color: #13200e;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 2px;
	text-align: center;
	background: url("_images/button.png") repeat-x 0 0px;
	border: 1px solid #afafaf;
	height: 20px;
}

input {
  font-family: "Oswald", sans-serif;
  border-left: 1px solid #afafaf;
	border-top: 1px solid #afafaf;
	border-right: 2px solid #afafaf;
	border-bottom: 2px solid #afafaf;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
  font-size: 17px;
  height:22px;
  font-weight:400;
}

/******************************************************************************/
/* *****************************  horizontalni menu    ********************** */
#menu {
/*	display: none;*/
  width:100%;
  font-size: 20px;
  background: url("_images/gradient.png") repeat-x 0 -100px #333333;
  margin-top:135px;
}

.oddelovac {
  display:none;
  text-align: center;
	height: 2px;
}

.oddelovacH {
  width: 98%;
	text-align: center;
	border-bottom: 1px solid #003399;
	height: 8px;
	display: none;
}

#nav li{
    background: transparent ;
    line-height:55px;
    list-style:none;
    text-align:center;
    border-bottom:#cccccc solid 2px;
    margin-left:-40px;
}

#nav .first{
   margin-top:-20px;
}


#nav li:hover{
  color: #329600;
  text-decoration: none;
}


/* main level link */
#nav a {
 color:#ffffff;
  text-decoration: none;
	display: block;
  z-index: 400;
}


#nav a:hover {
 color:#ffffff;
 display: block;
}

#nav li.curent {

}

#nav li.curent a {
color: #329600;

}
/* main level link hover */
#nav .current a, #nav li:hover > a {
background: none;
	border: none;
	color: #329600;
}

/* sub levels link hover */
#nav ul a{
     color:#333333;
  }

#nav ul a:hover {
	color: #fff !important;
}


/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
 display: none;
 margin: 0;
 padding: 0;
 position: absolute;
 top:28px;
 left:200px;
 /* background: url("_images/gradient.png") repeat-x  #329600 0 -30px;*/
  min-width:180px;
  height:22px;
  line-height:22px;
  font-size: 15px;
  color: #cccccc;
  background-color: black;
  overflow: visible ;
  float: left;
}

#nav ul li {
  border:0;
 	margin: 0;
	padding: 1px;
  padding-left: 30px;
  text-align:left;
  z-index: 600;
  float:left;
}

#nav ul li:hover{
  border:0;
 	margin: 0;
/*	padding: 10px;
  padding-left: 30px;*/
  text-align:left;
  /*background: url("_images/gradient.png") repeat-x 0 -130px #cccccc;*/
 /* background-color: #cccccc;*/
  z-index: 600;
  float:left;
}

#nav ul a {
  font-weight: normal;
}
/* level 3+ list */
#nav ul ul {
	left: 359px;
	top: -3px;
}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
}
#nav ul li:last-child > a {
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] #nav {
	display: block;
}

* html #nav {
	height: 1%;
}

/******************************************************************************/
.vice_info {
  margin: 0px;
  margin-left: 25px;
  margin-top: 0px;
  margin-bottom: 20px;
  background-image: url(images/button_cely.png);
  background-color:transparent;
  background-repeat: no-repeat;
  border:0;
  font-size: 17px;
  font-weight: 400;
  height: 22px;
  line-height: 17px;
  float: right;
  margin-left: 10px;
  color: #502c2c;
  cursor: pointer;
  width: 130px;
  text-align: center;
}

#kosik .vice_info {
  margin: 0px;
  margin-top: 20px;
  background-image: url(images/button_dlouhy.png);
  background-color:transparent;
  background-repeat: no-repeat;
  border:0;
  font-size: 17px;
  font-weight: 400;
  height: 22px;
  line-height: 17px;
  margin-left: 10px;
  color: red;
  cursor: pointer;
  width: 185px;
  text-align: center;
}

.vice_info:hover{
   color: #FF201D;
}

.tlacitkoZpet{
 background-image: url(images/button_zp.png);
  background-repeat: no-repeat;
 font-size: 19px;
 font-weight: bold;
 height: 20px;
 line-height: 20px;
 float: right;
 margin: 8px 20px;
 color: red;
 cursor: pointer;
 width: 67px;
 text-align: center;

}

.tlacitkoZpet:hover{
color: green;
}



.produkty_seznam{
   /*border-left:1px solid #ffffff;
   border-right:1px solid #ffffff;*/
   margin:16px;
   width:90%;
   padding: 8px;
   min-height: 370px;
   text-align: center;
   box-shadow: -10px 0 8px -8px #fff, 10px 0 8px -8px #fff;
   border-top:1px solid #000000;
}

.produkty_seznam:hover {
   /*border-left:1px solid #cccccc;
   border-right:1px solid #cccccc;
   border-top:1px solid #cccccc;*/
   margin:16px;
   width:88%;
   padding: 8px;
   min-height: 370px;
   text-align: center;
   box-shadow: -10px 0 8px -8px #ccc, 10px 0 8px -8px #ccc;
}

.produkty_seznam #photoGalleryDef{
  display:none;
}
.produkty_seznam .produkt .ceny_mutace{
  display: none;
}

.produkty_seznam .produkt .min_cena{
  /*display: none;*/
}


.produkty_seznam .produkt h2{
  width:  80%;
}
.produkty_seznam .produkt img{
  width:230px;
}

.produkty_seznam .produkt .popis2 {
  display:none;
}
.produkty_seznam .produkt .popis3 {
  display:none;
}


.produkty_seznam .produkt .cena{
/* display: none ;*/

}

.produkty_kos_submit{
  background-image: url("images/kos.png");
  background-repeat:no-repeat;
  background-color:#329600;
  color:#ffffff;
  width:100px;
  height:40px;
  line-height:40px;
  padding-left:30px;
  margin-left:30%;
  margin-top:10px;

}

.produkt .cislo{
 /* width: 600px;
  float:left;*/
  margin: 1px;
  display:none;
}

.produkt h2{
  margin-left:10px;
  width:90%;
  clear:left;
}


.produkt .naz_cena{
  float:left;
  margin: 1px 10px 1px;
  width:150px;

}


.produkt .pocet{
 /* width: 600px;*/
  float:left;
  margin: 1px;
}


.produkt .cena{
  float:left;
  }

.produkt .parametry{
  float:left;
  margin-left: 20px;
}

.suda{
  background-color: #666666;
  color: white;
  }
.licha{
  background-color: #dcdcdc;
  color: #404040;
}

.ceny_mutace {
  margin: 0px;
  height: 41px;
  line-height: 41px;
  padding-left: 8px;
  font-weight:300;
}


.ceny_mutace .popis_cena{
  width:150px;
  padding-left:10px;
}


.ceny_mutace .nazev_cena{
  float:left;
  width:100px;
  padding-left:10px;
}

.ceny_mutace .cena{
  width: 70px;
  text-align:right;
  padding-right:10px;
}


.ceny_mutace .pocet_obj{
  width: 83px;
  padding-left:10px;
}


.eshop_kos_submit {
  background-image: url("images/kos.png");
  color: transparent;
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 41px;
  width:67px;
}


.eshop_mnoz{
	height: 18px;
	margin-left: 6px;
	margin-right: 10px;
	font-size: 16px;
	text-align: right;
}

.eshop_mnoz_d{
	height: 18px;
	margin-left: 6px;
	margin-right: 10px;
	font-size: 16px;
	text-align: right;
  background-color:#888888;
}



.produkt .eshop_cena {
  text-align:right;
  width: 50px;
  border:0;
  margin-top:-5px;
  background-color: transparent;
  font-family: "Oswald", sans-serif;
  font-weight:300;
  font-size:14px;
}




.produkt .popis2{
  clear:left;
  margin: 1px;
}

.produkt .popis1{
  display:none;
}

.produkt .popis3{
  clear:left;
  margin: 1px;
}

.produkt .popis4{
  clear:left;
  margin: 1px;
}



/******************************************************************************/
#Produktnav {
  margin: 0;
	padding-top: 5px;
	padding-left: 20px;
  font-size:18px;
  font-weight:300;
}

#Produktnav li{
    position: relative;
    background: transparent ;
    margin-right:10px;
    line-height:40px;
    width:90%;
    list-style: none;
}


#Produktnav li:hover{

}


/* main level link */
#Produktnav a {
  color:#000000;
  text-decoration: none;
	display: block;
  z-index: 400;
  cursor: pointer;
}


#Produktnav  a:hover {
  color: #329600;
  text-decoration: underline ;
  display: block;
}

#Produktnav .current a{
  font-weight:400;
 	color: #FF0000;
}

/* main level link hover */
#Produktnav li:hover > a {
  background: none;
	border: none;

}



/* dropdown otevreni po najeti mysi
#Produktnav li:hover > ul {
	display: block;
}*/

/* level 2 list */
#Produktnav ul {
  display: none;
	margin: 0;
  padding: 0;
  position: relative;
	top:0px;
	left:0px;
 	/*border: 1px solid #003399;*/
}

#Produktnav ul li {
  border:0;
  float: none;
 	line-height:10px;
  margin: 0;
	padding: 10px;
  padding-left: 20px;
  width: 100%;
  text-align:left;
  z-index: 600;
  background-color: #ffffff;
}

#Produktnav ul li:hover{
  border:0;
  float: none;
 	margin: 0;
	padding: 10px;
  padding-left: 20px;
  width: 100%;
  text-align:left;
  /*background: url("_images/gradient.png") repeat-x 0 -130px #cccccc;*/
  background-color: #cccccc;
  z-index: 600;
}


#Produktnav .submenu a {
  color:#888888;
  text-decoration: none;
  font-size:20px;
  font-weight:300;
}

#Produktnav .submenu a:hover {
  color:#444444;
  font-size:20px;
  font-weight:300;
}

/* level 3+ list */
#Produktnav ul ul {
	left: 300px;
	top: 3px;
}

/* rounded corners of first and last link */
#Produktnav ul li:first-child > a {
}
#Produktnav ul li:last-child > a {
}
/* clearfix */
#Produktnav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] #Produktnav {
	display: block;
}
* html #Produktnav {
	height: 1%;
}
.popis_skupiny{
	margin: 16px;
}
/******************************************************************************/
#zpravy_od_vody .seznam_submenu{
  text-align: center;
  background-color: #CBE5BF;
  white-space: nowrap;
  width:99%;
  height:34px;
  border-bottom: 1px solid black;
}

.oddelovac_submenu{
	height: 2px;
}
/* *****************   TOP nabídka - běžící text  *************************** */

#sitemap{
  margin-left:70px;

}

.odkaz_homepage{
 	 text-align: center;
	 float: left;
	 margin:0;
	 height: 330px;
}


.web_navigace{
 	    margin-left:10px;
      margin-top:80px;
      float: left;
      height:30px;
      line-height:30px;
      font-size:13px;
}



.topnabidka {
	line-height: 24px;
	text-align: left;
	padding-left: 20px;
	width: 950px;
	color: #808080;
	height: 24px;
}
#topnabidka {
	width: 700px;
	font-weight: bold;
	font-size: 12px;
	border: 0px;
	margin-top: 4px;
	background-color: transparent;
	float: left;
}
.klik_nabidka {
	padding-left: 40px;
	font-size: 11px;
	float: left;
}

/* *****************************  Levý a pravý sloupec ********************** */
/* *--- #left(right)_column --**/
/* |*------------------------*|*/
/* ||                        ||*/
/* |*------------------------*|*/
/* *--------------------------**/


#left_column {
/* ||                        ||*/
/* ||                        ||*/
/* ||        vmenuSt         ||*/
/* ||                        ||*/
/* ||                        ||*/
/* |*------------------------*|*/
/* |*------------------------*|*/
/* ||                        ||*/
/* ||        kontakt         ||*/
/* ||                        ||*/
/* |*------------------------*|*/
/* |*------------------------*|*/
/* ||                        ||*/
/* ||        reklama         ||*/
	/*display:none;*/
  width:100%;;
 	margin-top: 0px;
  background-color: #ffffff;
/*	border: 1px red solid;*/
}
#right_column {
 /*display: none;*/
	float: right  ;
	width: 150px;
	min-height: 400px;
  vertical-align: bottom;
/*  border: 1px solid #708090;*/
}

/* ********************               kontakt             ******************* */
.kontakt{
  color: #FFFFFF;
  padding-top: 10px;
  height: 160px;
  background-color: #FF201D;
}

.kontakt_firma {
  margin-top:20px;
}

.kontakt_logo img{
   display:none;
}

.kontakt img{
   float:left;
   max-width:334px;

}

.kontakt_foto img{
   max-width:200px;
}

.kontakt_foto_main img{
   max-width:340px;
}

.kontakt_text a{
  color: #FFFFFF;
}

div.foto{
	width: 100%;
  height:185px;
  float:left;
  background-color: #CDC9B5;
}

.foto_text {
    color: #DC8C52;
    font-size: 40px;
    font-weight: 600;
    left: 100px;
    position: relative;
    top: -100px;
    width:70%;
}


.label {
	float: left;
  margin: 7px 10px 0px 0px;
  font-size: 14px;
  line-height:20px;
  width:100px;
  vertical-align:middle;
}

.label_cisla{
  float: left;
  line-height:30px;
}

/*hodnota*/
.value {
	margin: 0px 0px 5px 0px;
  font-size: 14px;
  line-height:30px;
}

/* ********************               reklama             ******************* */
.reklama {
	/*background: none repeat scroll 0 0 #cccccc;*/
	font-size: 14px;
	font-weight: bold;
	/*border: 1px solid #708090;*/
	color: #0041c4;
	padding-top: 7px;
	margin-left: 12px;
	text-align: center;
}
.obrazek_reklama {
	width: 140px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	border: 1px solid #708090;

}

/* ********************** rozbalovací vertikalni menu *********************** */
.vmenuSt {

   font-size: 19px;
   width: 100%;
   border-top:1px solid #000000;
}   


/*hlavní položka */
.vmenuHl {
	border-bottom: 1px solid #888888;
  color: #4f2d2d;
  list-style-type: none;
  height:60px;
  display: flex;
  justify-content: center left;
}
 
.vmenuHl a {
    color: #4f2d2c;
    font-weight: 300;
    text-decoration: none;
    margin-left:40px;
    align-self: center;
    display:block;
    }



.vmenuHl:Hover {
    background-color: #DC8C52;
    color:  #FFF;
    background-image: url("images/kriz_odkaz.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    font-weight: 300;
    transform: opacity(0.3);
    /*transform-origin: 90% 90%;*/
    transition-duration: 1.2s;
}


/*vybraná hlavní položka */
.vmenuHlv {
  background-color: #DC8C52;
  border-bottom: 1px solid #888888;
  background-image: url("images/kriz_odkaz.png");
  background-position: 0px 50%;
  background-repeat: no-repeat;
  color: #4f2d2d;
  list-style-type: none;
  height:60px;
  display: flex;
  justify-content: center left;
 }

.vmenuHlv a {
  color:  #fff;
  font-weight: 300;
  margin-left: 40px;
  text-decoration: none;
  align-self: center;
  display:block;
}

.vmenuHlv a:Hover {
	color:  #0041c4;
}
/*položky v rozbaleném menu*/
.vmenuSub {
	width: 190px;
	display: block;
	margin-top: 1px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 8px;
	margin-left: 5px;
font-family: Arial, Helvetica, sans-serif  ;
 font-style: italic;
}
.vmenuSub a {
	color: white;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color:  black;
}
.vmenuSub a:Hover {
	color:  #0041c4;
}
.submenu {
	width: 190px;
	display: block;
	margin-left: 6px;
	margin-top: -6px;
	font-style: italic;
}

/* ************************************************************************** */
/* ************************ <DIV> obsah - detail **************************** */
/* ************************************************************************** */
#obsah {
  color: #000000;
  background-image: url(images/pozadi_obsahm.jpg);
  background-repeat: no-repeat;
  background-position: 80% 100%;
  min-height: 600px;
  width:  100%;
  background-color:#ffffff  ;
  }


#obsah p {
  padding-left:10px;
  padding-right:10px;

}

#obsah ul {
  margin-left: -20px;
}

#dialog p {
 margin-top: 0px;
 padding-left: 5px;
 padding-right: 7px;
}

#dialog {
/*	width: 100%;*/
	margin-top: -20px;
  padding-left: 0px;
	min-height: 600px;
 clear: left;

 }
#dialog td{
width: 502px;
height: 600px;
vertical-align: top;
 background: url("images/kontakt.jpg") no-repeat;

}
/* ***************************  <DIV> navigace  ***************************** */
.navigace {
	margin-top: 17px;
	color: #003399;
	font-size: 12px;
}
/* **************************    Listbox - hlavicka   ********************** */
.filtr {
	width: 100%;
	border: 1px solid #000000;
}
.radek_licha {
	background-color: #E1E1E1;
}
.radek_licha:hover {
	cursor: pointer;
	background-color: #F1F1E1;
}
.radek_suda {
	cursor: pointer;
	background-color: #E9E9E9;
}
.radek_suda:hover {
	background-color: #F1F1E1;
}

/* ********************************listování******************************** */
.dlist {
	margin-left: 2px;
	text-align: center;
	border: 1px solid #a0a0a0;
	height: 16px;
	width: 27px;
	float: left;
	margin-top: 6px;
}
.vlist {
	margin-left: 1px;
	background-color: #123889;
	color: #ffffff;
	text-align: center;
	border: 1px solid #a0a0a0;
	height: 16px;
	width: 27px;
	float: left;
}
.listovani {
	margin: 4px;
	width: 100%;
}
.pocet_list {
	color: #1645ae;
	margin-right: 20px;
	float:  right;
}
.inputslist {
	border: none;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	height: 18px;
}

/* ****************************  Chybový řádek  ***************************** */
.chyby {
	color: #FF0000;
	height: 20px;
	border-bottom: double #999999;
}
/* *************  Submenu na stránce v [SUBMENU]  *************************** */

.SubmenuInPage {
	width: 100%;
}

.submenu1 {
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #cccccc;
	margin-left:  2px;
	margin-top:  2px;
	padding-top: 14px;
	background: url("_images/gradient.png") repeat-x #849ee8;
	height: 164px;
  text-align:center;
}

/* *********  Galerie na stránce v [GALERIE][IMAGExxxxx]  ******************* */
.galerie {
	width: 100%;
	float: left;
	margin-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
}

.galerie_seznam {
  margin: 4px;
  padding: 4px;
  text-align: center;
	background-color: #f0efed;
	border: 1px #666666 solid;
  width:346px;
}
.galerie_seznam .obrazek{
  height: 180px;
  max-width:344px;
  width:auto;
  float:none;
}
.galerie_obr_seznam img {
	text-align: center;
	cursor: pointer;
	/*max-height: 110px;*/
}



#galerie_ovladani {
	z-index: 900;
	position: absolute;
	left: 270px;
	top: 0px;

}
.posuvnikl {
	background-image: url(_images/vlevo.png);
	width: 42px;
	height: 26px;
	float: left;
}
.presun {
	background-image: url(_images/presun.png);
	margin-left: 5px;
	width: 38px;
	height: 26px;
	float: left;
}
.zastav {
	background-image: url(_images/prezentace.png);
	margin-left: 5px;
	width: 23px;
	height: 26px;
	float: left;
}
.posuvnikp {
	background-image: url(_images/vpravo.png);
	margin-left: 5px;
	width: 42px;
	height: 26px;
	float: left;
}
.galerie_zavri {
	background-image: url(_images/zavri.png);
	margin-right: 5px;
	width: 30px;
	height: 26px;
	float: right;
}
.galerie_detail {
	display: none;
	position: absolute;
	left: 200px;
	top: 20px;
	margin-top: 20px;
	text-align: center;
	width: 790px;
	border-spacing: 5px 3px;
	z-index: 600;
}


.vicefoto {
	display:none;
  width: 100%;
	text-align: right;
	line-height: 30px;
}
.nazevdokument_s {
	text-align: center;
	color: #000000;
}

.partner{
	text-align: center;
	 float: left;
	 margin: 12px 6px 12px 12px;
}

.partner img{
  margin: 3px;
  width: 340px;
}


.galerie_obrazek {
	position: absolute;
	left: 200px;
	top: 20px;
	margin-top: 20px;
	text-align: center;
	width: 790px;
	border-spacing: 5px 3px;
	z-index: 600;
	border-left: 4px solid #4682B4;
	border-top: 4px solid #4682B4;
	border-right: 4px solid #4682B4;
	border-bottom: 5px solid #4682B4;
	cursor: pointer;
	background-color: #cccccc;
	display: none;
}

.galerie_obrazek img{
   height:auto;
}
/* ovládací tlačítka ke galerii */
.obrazek{
  margin-left:2px;
  max-width: 99%;
}

.obrazek img{
  width: 100%;
}

.galerie_ovladani{
	z-index:900;
	top:2px;
	left:5px;
	float:left;

}
.dokum_list{
	font-size: 14px;
	color: #005101;
	font-weight: bold;
}
.dokum_list:hover{
	font-size: 14px;
	color: #0041c4;
	font-weight: bold;
}


.posuvnikl{
  background-image:url(_images/vlevo.png);
  width:42px;
  height:26px;
  float:left;
}


.presun{
  background-image:url(_images/presun.png);
  margin-left:5px;
  width:38px;
  height:26px;
  float:left;
}


.zastav{
  background-image:url(_images/prezentace.png);
  margin-left:5px;
  width:23px;
  height:26px;
  float:left;
}

.posuvnikp{
  background-image:url(_images/vpravo.png);
  margin-left:5px;
  width:42px;
  height:26px;
  float:left;
}


.galerie_zavri{
  background-image:url(_images/zavri.png);
  margin-right:5px;
  width:30px;
  height:26px;
  float:right;
}


/* ******************** <table> obsah zálozky - osoby...********************* */
.obsahzalozky {
	width: 680px;
	margin-left: 5px;
	margin-top: 5px;
	border: 1px solid #999999;
	clear: left;
}
#navcontainer {
	background-position: left;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-transform: lowercase;
}
/* to stretch the container div to contain floated list */
#navcontainer:after {
	display: block;
	line-height: 0px;
	font-size: 12px;
	clear: both;
}
ul#navlist {
	text-align: center;
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	font-size: 11px;
}
ul#navlist li {
	display: block;
	float: left;
	width: 124px;
	margin: 0;
	padding: 0;
}
ul#navlist li a {
	display: block;
	width: 100%;
	padding: 5px;
	border-width: 0px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	height: 12px;
}
#navcontainer>ul#navlist li a {
	width: auto;
}
ul#navlist li#active a {
  color: #800000;
	height: 12px;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
	color: #800000;
	height: 12px;
}

.oddelovacD{
  display:none;
	margin-top: 2px;
  margin-left:5px;
  margin-right:5px;
  border-right: 2px solid black;
	float: left;
height:24px;

}
.textnovinky {
  padding-top: 4px;
  font-size: 14px;
  color: #546f1d;
  vertical-align: top;
}

.novinky_obr_seznam {
	margin: 4px;
	border-left: 1px solid #d7ebaf;
	border-top: 1px solid #d7ebaf;
	border-right: 2px solid #6c8f25;
	border-bottom: 2px solid #6c8f25;
}

.datum_list {
    float: left;
    font-size: 18px;
    font-weight: 300;
    margin: 0 24px 0 10px;
    text-decoration: none;
}

.seznam_novinek h3{
  width: 70%;
  text-decoration: none;
   margin-top:3px;
  padding:0;
  float: left;
  font-size: 22px;
  font-weight:bold;
  background:none;
  color: #502C2C;
}

.novinka h3{
  width:auto;
  text-decoration: none;
  padding:0;
  margin: 0;
  float: left;
  font-size: 16px;
  font-weight:400;
  text-transform: uppercase;
  background:none;
  line-height:24px;
  height:24px;
  color: #DC8C52;
}

.name_list{
  display: none;
  font-size: 16px;
  font-weight: 300;
  padding-left: 8px;
  text-decoration: none;
  float: left;
  height:24px;

}

.kategorie{
	display: none;
  font-size: 16px;
  font-weight: 300;
  padding-left: 8px;
  text-decoration: none;
  float: left;
  height:24px;
}


.kateg_p{
	font-size: 16px;
  font-weight: 300;
  margin-top:0px;
  padding-left: 8px;
  text-decoration: none;
  float: right;
  color: red;
}



.LinkOut{
	margin-right: 50px;

}

/* ********************************  Pata stránky**************************** */
/* *----------------------------    pata        -----------------------------**/
/* |*----------------* *--------------------------* *---------------------- *|*/
/* ||      patal     | |            couner        | |        patap          ||*/
/* |*----------------* *--------------------------* *-----------------------*|*/
/* *-------------------------------------------------------------------------**/
#pata {

    color: #4f2d2d;
    font-size: 14px;
    margin-top: 20px;
    text-align: left;
    width: 100%;
}
.info_pata0 {
 width: 90%;
 float: left;

 padding-top: 20px;
 padding-left: 15px;
 font-weight: bold;
 text-align: center;
}

.info_pata1 {
    background: rgba(0, 0, 0, 0) url("images/logocckmelnik.png") no-repeat scroll 0px 15px;
    float: left;
    height: 90px;
    padding-left: 80px;
    padding-top: 20px;
}


.info_pata2 {
    background: rgba(0, 0, 0, 0) url("images/logocck.png") no-repeat scroll 0 15px;
    float: left;
    height: 90px;
    padding-left: 80px;
    padding-top: 20px;
    
}


#patal {
  width:32%;
  float: left;
  display:none;
}

#counter {
display:none;
 width:33%;
 float: left;
  padding-left: 40px;

}
#patap {
  display:none;
  width:33%;
  float: left;

}

#patap a {
	font-size:12px;
  color: #006633;
  font-weight:300;
}

.menu_pata{
   margin-top:10px;
   clear:left;
   color:#cccccc;
   font-weight:300;
}

.menu_pata-item{
  cursor:pointer;
  line-height:18px;
  text-align:center;
}



/* ********************  na ostatni weby fspnet     ***************************/
.odkazy {
	display: none;
}
/* ********************************  Obecné  ******************************** */
.skryty {
	display: none;
}
.tlacitko {
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 20px;
	border-left: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
	border-right: 2px solid #afafaf;
	border-bottom: 2px solid #afafaf;
	background-color: #e0e0e0;
	background: url("_images/button.png") repeat-x 0 5px;
	height: 26px;
	font-size:12px;
}

.tlacitko:hover {
 cursor: pointer;
 background: url("_images/button.png") repeat-x 0 0px;
}

.inputs {
	border-left: 1px solid #afafaf;
	border-top: 1px solid #afafaf;
	border-right: 2px solid #afafaf;
	border-bottom: 2px solid #afafaf;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 15px;
	font-size: 10px;
}
.inputs_h {
	background-color: #99CC99;
}

.line {
	background: none repeat scroll 0 0 #999999;
	clear: left;
	height: 3px;
}

.map_canvas {
  width:100%;
  height:500px;
}

.kontakt_mapa{
  width:100%;
  height:500px;
}

#formREG {
  padding-left:10px;
}

#formREG .vice_info{
  float:none;
}

.historie{
  padding-left:2%;
}
.pocet_obj{
  padding-left:2%;
}

.dokumenty_seznam {
 margin-left:5px;
}


.dokumenty_seznam img{
 margin-right:30px;
 padding-top:20px;
}

.dokumenty_seznam p{
  width:65%;
  line-height:34px;
}