* {
/*	margin: 0px;*/
}
html {
	width:100%;
	height: 100%;
	margin-bottom: 1px;
}

td {
	vertical-align: top;
	font-size: 14px;
}

td p {
	font-size: 11px;
}

div.banner {
	display:block;
	position: absolute;
	margin-left: 166px;
	margin-top: 2px;
	z-index: 5;
}

/***** GOLIAS a DAVID stylesheet *********/
/***** zakladni spolecne styly ***********/


/*
 ********** zakladni formatovaci tridy
*/

/*
 *** text zarovnany doleva
 */

.text_left {
  text-align: left;
}

/*
 *** text zarovnany doprava
 */

.text_right {
  text-align: right;
}

/*
 *** pomocny styl pro cisteni obtekanych framu 
 */

.clear {
  margin: 0px;
  padding: 0px;
  height: 1px;
  width: 0px;
  clear: both;
}

/* vypnuti cistice v IE */
.clear, {
    display: none; 
}



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

/*
 ********** obrazky
 *
 */

hr {
	border: 0;
	color: silver;
	background-color: silver;
	height: 1px;
	width: 80%;
}


img {
  border: 1px solid silver;
  margin: 5px;
}

img.logo {
  border: 0;
  margin: 10px;
}


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

/*
 ********** URL odkazy
 *
 */



a {
  text-decoration: none;
  color: rgb(150, 150, 150);
}


a:hover, a.hover {
  text-decoration: underline;
}

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

/*
 ********** nadpisy
 *
 */
   
h1 {
  font-size: 27px; 
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

h2 {  
  font-size: 15px; 
  font-weight: normal;
  margin-bottom: 5px;
  padding-top: 2px;
  padding-bottom: 3px;  
  background-color:  rgb(240, 240, 240);
  color: black;
  width: 100%;
  border-top: 2px solid;       
}

h3 {
  font-size: 15px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  color: black;  
}

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

/*
 ********** hlavni pozadi stranky
 *
 *@ horni opakovany obrazek prechodu
 *@ barva pozadi
 *@ centrovani veskereho obsahu (main_frame)
 *@ default font: Lucida Sans Unicode 13 normal 
 */

.body {
  /*background-image: url("/include/images/body_top_bck.gif");
  background-repeat: repeat-x;
  background-position: top;
  background-color: white;*/

  background-color: white;

  text-align: center;
  margin: 0px;
  padding: 0px;
  font-family: "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  font-weight: normal;
  font-size: 13px;
}
/* --------------------------------------------------------------------------------------------------- */
/*
 ********** hlavni frame (main_frame)
 *
 *@ sirka 800px
 *@ automaticky levy a pravy okraj - vystredovani
 */

.main_frame {
  width: 800px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  position: relative;  
  min-height: 700px;
}
/* --------------------------------------------------------------------------------------------------- */
/*
 ********** paticka hlavni ram (footer_frame)
 *
 *@ horni vnejsi odsazeni 25px; 
 */
 
.footer_frame {
  clear: both;
  margin: 0px;
  padding: 0px;   
  margin-top: 25px;

}

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

/*
 ***** spodni menu (footer_menu) + txt obsah dekor. pruhu (footer_bar .content)
 *
 *@ sirka 800px
 *@ automaticky levy a pravy okraj - vystredovani
 */
 
.footer_menu,
.footer_bar .content {
  width: 800px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;   
}

/*
 ***** spodni menu (footer_menu)
 *
 *@ zarovnani textu vpravo
 *@ vnejsi spodni odsazeni 5px 
 */

.footer_menu {
  margin-bottom: 5px;
  text-align: right;  
  font-size: 11px;
}

/* odkaz <a> */ 
.footer_menu a {
  text-decoration: none;  
  color: rgb(150, 150, 150);
}

.footer_menu a:hover {
  text-decoration: underline;
}


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

/*
 ***** dekor. pruhu (footer_bar)
 *
 *@ vyska 30px
 *@ horni okraj 1px
 */

.footer_bar {
  height: 30px;
  background-color: rgb(233, 233, 233);
  border-top: 1px solid rgb(200, 200, 200);
  margin: 0px;
  padding: 0px; 
/*  width: 100%;
  left: 0px;
  bottom: 0px;
  position: fixed;*/
}

/*
 ***** txt obsah dekor. pruhu (footer_bar .content) + odkaz <a>
 *
 *@ zarovnani textu vlevo
 *@ vnitrni horni odsazeni 5px 
 */

.footer_bar .content {
  padding-top: 5px;
  text-align: left;  
}

/* odkaz <a> */ 
.footer_bar .content a {
  text-decoration: none;
}

.footer_bar .content a:hover {  
  text-decoration: underline;
}

.header_print {
	display: none;
}

/* --------------------------------------------------------------------------------------------------- */
/*
 ********** hlavicka (header_frame)
 * holder pro logo, hlavni menu, hlavni nadpis sekce, spratelene weby 
 *
 *@ vyska 138px
 *@ spodni vnejsi odsazeni 20px 
 */
.header {
  	height: 138px;
	width: 100%;
	background-image: linear-gradient(#fff, #d8d7d7);
	border-bottom: 1px solid #b3b2b2;
	margin-bottom: 20px;
}


.header_frame {
	width: 800px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;  
	background-repeat: no-repeat;
	background-position: top;
  
  /*border: 1px solid black;*/
}

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

/*
 ***** spratelene weby (friendlywebs_frame)
 *
 *@ font: 13 bold
 *@ horni vnejsi odsazeni 5px
 *@ ukotveni vpravo 
 */
 
.language_frame {
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
  float: left;
  text-align: left;
  width: 150px;
  overflow: hidden;
}

/* odkaz <a> */ 
.language_frame a {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  /*font-weight: none;*/
  color: black; 
  text-decoration: none;  
}

.language_frame a:hover {
  text-decoration: underline;   
}


.friendlywebs_frame {
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
  float: right;
  text-align: right;
  width: 360px;
  overflow: hidden;
}

/* odkaz <a> */ 
.friendlywebs_frame a {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  /*font-weight: none;*/
  color: black; 
  text-decoration: none;  
  border: none;
}

.friendlywebs_frame a:hover {
  text-decoration: underline;   
}

.friendlywebs_frame img {
  margin: 0px;
  padding: 0px;
  border: 0px;
  vertical-align: bottom;
}

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

/*
 ***** hlavni nadpis sekce (mainnote_frame)
 *
 *@ font: 25 normal
 *@ horni vnejsi odsazeni 5px
 *@ ukotveni vpravo 
 */

.mainnote_frame {
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
  float: right;
  text-align: right;
  font-size: 25px;
  font-weight: none;
  width: 560px;
  overflow: hidden;     
}

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

/*
 ***** hlavni menu (mainmenu_frame)
 *
 *@ horni vnejsi odsazeni 5px
 *@ ukotveni vpravo 
 */

.mainmenu_body {
	padding-right: 19px;
} 

.mainmenu_frame {
	margin: 0px;  
	padding: 0px;  
	height: 33px;
	width: 410px;
	background-color: rgb(69, 63, 63);
	border-radius: 7px;
	margin: 0px;
	margin-top: 14px;
	padding: 0px;
	float: right;
	-webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent) , to(rgba(250, 250, 250, 0.2)));
}

.mainmenu_body a {
  color: white;  	
  display: block;
  text-decoration: none;
  font-size: 15px;
  font-weight: none;
  padding-right: 5px;
  padding-top: 3px;
  margin: 0px;
  margin-right: 7px;
  text-align: right; 
  border-top: 8px solid silver;
  float: right;
  width: 110px;
}

.mainmenu_body a:hover {
   color: silver;
   text-decoration: none;
}
	
/* ---------------------------*/


.mainmenu_sect_gad a:hover {
   border-color: rgb(220, 40, 40);
}

.mainmenu_sect_goada a:hover {
   border-color: rgb(5, 160, 220);
}

.mainmenu_sect_act a:hover {
   border-color: rgb(110, 185, 15);
}
	


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

/*
 ***** hlavni logo sekce (mainlogo_frame)
 *
 *@ relativni pozice, top + 49px 
 *@ ukotveni vlevo
 */

.main_logo {
  margin: 0px;  
  padding: 0px;
  clear: both;

  float: left;
  position: relative;
  top: 32px; 
}

.main_logo img {
  border: none;
  margin: 0px;
  padding: 0px;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent) , to(rgba(250, 250, 250, 0.2)));
}
/* --------------------------------------------------------------------------------------------------- */

/*
 ********** postranni (vedlejsi) menu
 * 
 *@ sirka 155px
 *@ ukotveni vlevo 
 *@ spodni vnitrni odsazeni 100px
 *@ zarovnani textu vlevo  
 */

.side_menu_frame {
	position: relative;
  width: 155px;
  float:left;  
  text-align: left;
  margin: 0px;
  padding: 0px;
  padding-bottom: 30px;
  border-right: 1px solid silver; 
  z-index: 10;   
}

.side_menu_bottom {
	position: absolute;
	bottom: 10px;
}

.side_menu_bottom a {
	border:none;
	padding:0px;
	margin: 0px;
}
.side_menu_bottom img {
	border:none;
	padding:0px;
	margin: 0px;
}

/* prvni + druha volba - celek */
.side_menu, .side_menu li ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* prvni volba - celek */
.side_menu {
	position: relative;
  	width: 155px;
/*  background-color: white;*/
}

/* druha volba - celek */
.side_menu li ul {
  position: absolute;
  top: 0;
  left: 155px;
  visibility: hidden;
  background-color:  rgb(240, 240, 240);;
  border-top: 1px solid white;
}

/* prvni volba - kontejner */
.side_menu li {
  position: relative;
  width: 155px;
}

/* druha volba - kontejner */
.side_menu li ul li {
  position: relative;
  width: 130px;
}

.side_menu li:hover ul .side_menu_empty, .side_menu li.hover ul .side_menu_empty {
  width: 1px;
}

/* prvni volba - polozka */
.side_menu a {
  color: rgb(69, 63, 63);
  display: block;
  text-decoration: none;
  width: 100%;
  border-right: none;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px; 
  font-weight: bold;
  font-size: 12px; 
}

/* prvni volba - polozka on mouse over */
.side_menu a:hover, .side_menu li:hover a, .side_menu li.hover a {
  background-color: rgb(240, 240, 240);
  color:black;
  border: 1px solid silver;
  border-right: none;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  text-decoration: none;  
}

/* prvni volba bez druhe volby - polozka on mouse over */
.side_menu .side_menu_single a:hover, .side_menu .side_menu_single li:hover a, .side_menu .side_menu_single li.hover a {
  border-right: 1px solid silver;
  width: 148px;  
}

/* prvni volba bez druhe volby - polozka on mouse over - IE only */
.side_menu .side_menu_single a:hover, .side_menu .side_menu_single li:hover a, .side_menu .side_menu_single li.hover a, {
  border-right: none;
  width: 155px; 
}

/* druha volba - polozka */
.side_menu li:hover ul li a, .side_menu li.hover ul li a {  
  color: black;
  position: relative;
  top: -1px;
  border: none;
  border-left: 1px solid silver;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;  
}

/* druha volba - polozka on mouse over */
.side_menu li:hover ul li a:hover, .side_menu li.hover ul li a:hover {
  border:1px solid silver;
  padding-top: 3px;
  padding-bottom: 3px;   
  text-decoration: none;
}

/* prvni volba - polozka on mouse over -> visibility kontejner druha polozka*/
.side_menu li:hover ul, .side_menu li.hover ul {
  visibility:visible;
}

/* korekce hover property i IE */
.side_menu li {
  behavior: url('/include/hover.htc');
}



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

/*
 ********** hlavni TXT obsah
 * 
 *@ sirka 625px (man_frame 800 - side_menu 155 - odsazeni 20)
 *@ ukotveni vpravo 
 *@ leve vnitrni odsazeni 20px
 *@ zarovnani textu vlevo 
 */

.main_txt_frame {
  width: 625px; 
  float:right;
  text-align: left;
  margin: 0px;
  padding: 0px;  
}
/* --------------------------------------------------------------------------------------------------- */


div.cite {
	width: 90%;
	text-align: right;
	font-style: italic;
	color: rgb(69, 63, 63);
}

img.mail { border: 0; vertical-align: middle;}

/* ------------------- GALERIE ----------------------------*/
table.galerie {
	margin: 0px;
	padding: 0px;
/*	border: 1px solid silver;*/
	border-collapse: collapse;	
}

table.galerie td {
	width: 110px;
	margin: 0px;
	padding: 0px;
/*	border: 1px solid silver;*/
}

table.galerie img.nahled {
	width: 99px;
	height: 99px;
}

tr.galerie_nav {
	border: 0px solid red;
}

td.galerie_nav_vpred {
	border: 0px solid red;
	font-size: 11px;
	text-align: right;
}

td.galerie_nav_vzad {
	border: 0px solid red;
	font-size: 11px;
	text-align: left;
}

td.galerie_nav_status {
	border: 0px solid red;
	text-align: center;
	font-size: 11px;
}

table#popis {
	width: 408px;
}

table#popis td{
	text-align: center;
}

select, option {
	font-size:10px;
	font-family: verdana;	
}

span {
	font-size: 8px;
}

table.list td {
	font-size: 8px;
}

.fb-comments {
	margin-top: 20px;	
}

@media screen and (max-width: 1000px) {
	.header {
		height: 17vw;
	}

	.header_frame {
		width: 100%;
		margin: 0px;
		margin-bottom: 20px;
		padding: 0px;  
	}

	.main_logo {
		top: 4vw;
		width: 40vw;
		left: 5%;
	}
	.main_logo img {
		width: 100%;
		-webkit-box-reflect: unset;
	}

	.main_frame {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.side_menu_frame {
		display: none;
	}

	.side_menu_frame_on {
		display: block;
		width: 90vw;
		left: 5vw;
		float: none;
		border: none;	
		position: absolute;
    		background-color: white;	
	}	
	
	.side_menu, .side_menu li, .side_menu_single {
		width: 100%;
	}

	.side_menu a:hover, .side_menu li:hover a, .side_menu li.hover a 	
	{
		border: none;
	}

	.side_menu .side_menu_single a:hover, .side_menu .side_menu_single li:hover a, .side_menu .side_menu_single li.hover a 
	{
		border-right: none;
	}
	
	.side_menu_toggle {
		display: block;
		width: 5vw;
		height: 5vw;
		position: absolute;
		cursor: pointer;
		right: 5vw;
		top: 10vw;	
	}

	.side_menu_toggle .bar1, .side_menu_toggle .bar2, .side_menu_toggle .bar3 {
		width: 5vw;
		height: 0.5vw;
		background-color: #333;
		margin: 1vw 0;
		transition: 0.4s;
	}

	.side_menu_toggle_on .bar1 {
		-webkit-transform: translate(2.01vw, 0vw) rotate(-45deg) translate(-2.01vw, 0vw);
		transform: translate(2.01vw, 0vw) rotate(-45deg) translate(-2.01vw, 0vw);
	}

	.side_menu_toggle_on .bar2 {opacity: 0;}

	.side_menu_toggle_on .bar3 {
  		-webkit-transform: translate(2.01vw, 0vw) rotate(-45deg) translate(-2.01vw, 0vw);
  		transform: translate(2.01vw, 0vw) rotate(45deg) translate(-2.01vw, 0vw);
	}

	.mainmenu_body {
		padding-right: 5%;
	}

	.mainmenu_frame {
		position: absolute;
		top: 0;
		margin: 0;
		width: 100%;
		border-radius: 0;
		-webkit-box-reflection: none;
	}

	.main_txt_frame {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	.side_menu .side_menu_single a:hover, .side_menu .side_menu_single li:hover a, .side_menu .side_menu_single li.hover a {
		width: 100%;
	}

	.side_menu a {
		font-size: 20px;
	}

	.side_menu span {
		font-size: 20px;
	}

	.side_menu li:hover ul, .side_menu li.hover ul {
		visibility:hidden;
	}

	.side_menu_bottom {
		display: none;
	}

	.language_frame {
		display: none;
	}
	.friendlywebs_frame{
		display: none;
	}

	.footer_menu, .footer_bar .content {
		width: auto;
	}

	.footer_menu {
		margin-right: 5vw;
	}

        .footer_bar .content {
		margin-left: 5vw;
	}
}