/* KONECNI.CZ - styly */

/* Standartní odkazy */
A:link {
	COLOR: #71B212; /*71B212  -> CC0000,  D5C83C*/
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
}
A:visited {
	COLOR: #d5c83c; /*9ab834 -> gray*/
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
}

A:active {
	COLOR: #d5c83c; 
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
}
A:hover {
	COLOR: #9ab834; 
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
}
/* Odkazy nabídky jazyk*/
A.jazyk:link {
	COLOR: black;
	TEXT-DECORATION: none;
	font-weight: normal;
}
A.jazyk:visited {
	COLOR: #d5c83c;
	TEXT-DECORATION: none;
	font-weight: normal;
}
A.jazyk:active {
	COLOR: #d5c83c;
	TEXT-DECORATION: none;
	font-weight: normal;
}
A.jazyk:hover {
	COLOR: #9ab834; 
	TEXT-DECORATION: none;
	font-weight: normal;
}

/* Odkazy nabídky zápatí*/
A.zapati:link {
	COLOR: gray;
	TEXT-DECORATION: none;
}
A.zapati:visited {
	COLOR: gray;
	TEXT-DECORATION: none;
}
A.zapati:active {
	COLOR: gray;
	TEXT-DECORATION: none;
}
A.zapati:hover {
	COLOR: #71B212;
	TEXT-DECORATION: none;
}

A.i {
	TEXT-DECORATION: none;
}

A.copyright {
	font-size: 60%; text-decoration: none; text-align: center; margin-top: 0em; 	COLOR: #c0c0c0;}

A.copyright:hover {
	COLOR: gray;
}	

BODY {
	color: black ;
	font-family: Tahoma, Arial, sans-serif;
        background: #f3f3f3;
	font-size: 90%;	
	padding:0;
	border-spacing:0;
	margin:0;	
	text-align:center;
}

.materska {
	background: white;
	/* 
	background-color: transparent;
	background-image: url("./pictures/Niki&Petr_Kitzsteinhorn_1902_H-S798x600.jpg");
	*/
	text-align:justify; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top: 10px;
	margin-bottom: 10px; 
	/* width:770px;*/
	width:960px;
	
}

DIV.fb-like {
	text-align:left; 
	margin-left:1em;
	margin-bottom: 1em; 
	padding-bottom: 1em;
}

DIV.ram {
	text-align:center; 
	margin-bottom: 0em; 
	padding-bottom: 0em;
}

DIV.materska {
	margin-bottom: 0em; 
	padding-bottom: 0em
}



DIV.zahlavi {
	font-size: 100%;
	padding:0;
	margin:0;
	width:
}

DIV.logo {
    float: left;
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: white;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:1EM;
}

DIV.hl_nabidka {
	min-height: 50px;
	TEXT-ALIGN: bottom;
	/* Vertical align of the text does not work */
    /* COLOR: white; */
	BACKGROUND-COLOR: white;
	/*	TEXT-ALIGN: center;
	FONT-WEIGHT: bold;*/
	padding:0;
	margin-top:0;
	margin-bottom:0;

}

/* display: menu inline; */

#menu ul, li {
  margin: 0;
  margin-left: 1EM;  
  padding: 0;
}

div#menubackground{
  height: 25px;
  width: 100%;
 /* background-color: #71B212; */ /*  #B3B3B3;barva vysuvneho menu*/
}

.Makemenu {}
ul.makeMenu {text-align:left; font-weight: bold; }
ul.makeMenu ul {width: 160px; color: white;}
ul.makeMenu li.first { 
	display: inline;
	margin: 0px;
	}

DIV.hlavni {
  COLOR: black;
  FONT-FAMILY: Verdana;
  BACKGROUND-COLOR: white;
  TEXT-ALIGN: justify;
	padding: 10px;
	font-size: 85%;
  margin-top: 0;
  position:relative;  
  vertical-align: top;
}

DIV.zapati {
/*position: relative;
        bottom: 0;*/
	border-top: solid #71B212 5px; /*Barva cary*/
	COLOR: gray;
       	FONT-SIZE: 80%;
	FONT-FAMILY: Verdana;
       	BACKGROUND-COLOR: white;
       	TEXT-ALIGN: center;
	PADDING-bottom:10px;
	PADDING-top:10px;
}

DIV.pristupy {
	COLOR: gray;
  FONT-SIZE: 80%;
	FONT-FAMILY: Verdana;
       	BACKGROUND-COLOR: white;
  TEXT-ALIGN: right;
	PADDING-bottom:0px;
	PADDING-top:10px;
  margin-top: 1EM;
}

P {
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 0;
	margin-top: 0;
	COLOR: #000000; 
	FONT-FAMILY: Tahoma, Arial, sans-serif; 
	TEXT-ALIGN: justify; 
	TEXT-DECORATION: none;
	/* font-size: 85%*/
}


P.hlavni {
	margin-top: 10px;
}

P.index {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

P.pozadi {
	COLOR: #f3f3f3;
  font-size: 5% 
}

EM {
	text-decoration: underline;
	font-style: italic;
}
#tabulka DIV {
	TEXT-ALIGN: center; 
	font-size: 70%;
}

H1, H2 {
	margin: 1em;
	COLOR: black;
	TEXT-ALIGN: center;
	font-size: 115%;
}

H3,H4 {
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 0;
	COLOR: black;
	FONT-FAMILY: Verdana, sans-serif;
	TEXT-ALIGN: left;
	FONT-WEIGHT: bold;
	FONT-SIZE: 110%;
}

H4 {
	margin-bottom: 0;
	margin-top: 1em;
	FONT-SIZE: 105%;
}

H3.blog {
	margin-bottom: 1em;
	margin-top: 1em;	
}
H4.blog {
	margin-bottom: 0;
	margin-top: 0.5em;
	FONT-SIZE: 105%;
	FONT-WEIGHT: bold;	
}

UL,OL {
 /* margin-top: 0; */
}

LI {
  font-size: 100%;
  FONT-FAMILY: Verdana, sans-serif;
}

LI.blokova_nabidka {
  display: block; 
  padding: 3px 0px 3px 0px;
  width: 300px;
  height: 450px;
  background-color: #71B212; /*  #B3B3B3;barva vysuvneho menu*/
}

H3.blokova_nabidka {
  TEXT-ALIGN: center; 
  margin-top: 0EM;
}

/* Zatim nefunguje
IMG.blokova_nabidka {
  padding-bottom: 0EM;
}

li.first#niki{ margin-left:0px; position: absolute; z-index: 2;}
li.first#petr{ margin-left:300x; position: absolute; z-index: 2;}

*/

.i {
	TEXT-ALIGN: center; margin-top:0; margin-bottom:0; border-width:0; COLOR: black;
}


IMG {
	margin: 1em;	
	border-width:0;
}

IMG.blog {
	margin: 1em;	
	margin-left: 0em;	
	padding-left: 0em;
	border-width:0;
}

IMG.email {
	margin: 0em;
  border-width:0;
  padding: 0em;	
}

IMG.logo {
	margin: 0em;
	border-width:0;
}
TABLE {
       	TEXT-ALIGN: justify;
	padding:0;
	border-spacing:0;	
	border-collapse:collapse;
}

.tabulka {
	TEXT-ALIGN: center;
	font-size: 93%;
}

TABLE.tabulka {
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0px; 
	margin-bottom: 10px;
	padding: 30px;
	
}

TR.tabulka {
	height: 140px;
	margin:auto;
}

TABLE.katalog_i {
margin-left: auto;
margin-right: auto;
}

TABLE.katalog {
margin-left: 15%;
text-align: left;
}
	
TR.katalog_1 {
color: #71B212; 
font-size:90%;
}

TR.katalog_2 {
color: #000000; 
font-size:90%;
}

TABLE.katalog_m {
font-size:90%;
margin-left: 15%;
text-align: left;
}
	
TR.katalog_m_1 {
color: #71B212; 
font-size:85%;
}

TR.katalog_m_2 {
color: #000000; 
font-size:85%;
}

.pop_tab {
	padding: 0px;
	margin: 0px;	
}

IFRAME {
	margin-top: 1EM;
	margin-bottom:1EM; 
/*	width:100%; */
/*	height:335px; */
/*      border:none; */
}

DIV.jazyk {
	float: right;
}

TD.jazyk {
	text-align:right;
	vertical-align:top;
}

IMG.jazyk {
	border: 0; 
	margin: 1px;
	margin-top: 5px	;
	margin-bottom: auto;
}
/* Picture on the right side */
#sidebar_fig {float: right; margin: 1EM;}
#sidebar_left_fig {float: left; margin: 1EM;}
#content_fig {overflow: hidden; zoom:1;}
#cleared {clear: both;}

/* Text block on the right side */
/*https://www.w3schools.com/css/css_inline-block.asp*/
div.b {
  display: inline-block;
  width: 100px;
  height: 100px;
  padding: 5px;
  border: 1px solid blue;    
  background-color: yellow; 
}


DIV.sidebar {
	/*display: inline-block;*/
	float: right;
	width: 190px;
	margin: 10px;}

DIV.sidebar2 {
	display: inline-block;
	/*float: right;*/
	width: 700px;
	margin: 10px;}

DIV.sidebar_left {float: left; margin: 1EM;}
DIV.content {
	/*display: inline-block;
    BACKGROUND-COLOR: white;	*/
	overflow: hidden; 
	zoom:1;
	width: 700px;
    }
DIV.cleared {clear: both;}

.Block
{
 /*  position:relative;
    z-index:0;       */
    margin:0 auto;
    min-width:15px;
    min-height:15px;
	margin-bottom:0.5 EM;
    /*height:100%;*/
}

.Block-body
{
 /*     position: relative;
    z-index:1;   */
    padding: 0.5EM;
/*   line-height: 30px; */
    BACKGROUND-COLOR: #f3f3f3;
}

.BlockHeader
{
 /*    position:relative;
    z-index:0;  */
    height: auto;
    padding: 0px;
	margin: 0px;
    margin-bottom: 0.5em;
    font-size: 110%;
    font-weight: bold;
    white-space : nowrap;
}

.BlockContent
{
 /*    position:relative;
    z-index:0;  */
    margin:0 auto;
    padding: 0px 0px;    
    min-width:1px;
    min-height:1px;
    font-size: 100%;
    font-weight: normal;
    list-style-type: none;
}

li.BlockContent
{
 /*    position:relative;
    z-index:0;  */
	margin-left: 1EM;
	padding-bottom: 0.5EM;  
  /*  margin-bottom: 7px;  	*/
}

img.BlockContent
{
	align: left; 
	margin: 7 0 0 0; 
	padding: 0 0 0 0;
	width: 150px;
	height: 100px;
}

img.BlockContentFig
{
	align: left; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	width: auto;
	height: 100px;
}

/* Personal image and heading */
div.PersonalCont {
    /*background-color: transparent;*/
	background-image: url(./pictures/Niki&Petr_Kitzsteinhorn_1902_H-XL960x721.jpg); 
    padding: 0px;
    margin: 0px;
    width: 960px;
    white-space:normal;
 
}

/* description column */
div.PersonalFigContQuestion {
    float: left;
    width: 960px;
    margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

/* Main entry Figure container*/
div.PersonalHeadCont {

	background-color: #f3f3f3;
	opacity: 1; /* 0.9 would be better, do not work with text */
    position:relative;
    top: 70px;/*140px;*/
	left: 410px;
	height: 581px;
	width: 480px;
	margin: 0% 0 0 0%;
	border-radius: 8px;
	border: 2px solid black;
	
}

/* Main entry Figure */
img.PersonalHeadCont{
width: 960px;
height: 721px;
margin: 0px;
padding: 5%;
}

H2.PersonalHead#PersonalHead2 {
    vertical-align: middle;
	position: relative;
    color:black;
    text-shadow: 4px 4px #cccccc;
    font-size: 300%;
    font-weight: bold;
    top: 25%;
	left: 50%;
	height: 30%;
	width: 50%;
	margin: -15% 0 0 -25%;
    text-align: left;
}

H3.PersonalHead3#PersonalHead3 {
    vertical-align: middle;
	position: relative;
    color:black;
    text-shadow: 4px 4px #cccccc;
    font-size: 200%;
    font-weight: bold;
    top: 25%;
	left: 50%;
	height: 30%;
	width: 50%;
	margin: -15% 0 0 -25%;
    text-align: left;
}