

/*Vstup - zakladni definice sloupcu */
/* --------------------------------------------- */
body{margin:0;padding:0; font-size:1.0em;   font-family: "Times New Roman", Times, serif;}

A {  text-decoration:none; 	font-size:1.0em;   font-family: "Times New Roman", Times, serif; }
TABLE { 	font-size:1.0em;   font-family: "Times New Roman", Times, serif; }
TD A: hover  { font-style: normal; color: Blue;  text-decoration:none; }

b{font-size: 110%;}
em{color: black;}
i{color: black;}
.stred_nadpis{		COLOR: maroon;		font-size:1.2em; FONT-FAMILY: Arial, Helvetica, sans-serif;
		margin-top: 5px; margin-bottom: 5px;	Font-style: normal;	Font-weight: bold; letter-spacing: 2px;
		text-align: center;	text-decoration: none;		}
.stred_text{		COLOR: Black;		font-size:1.1em;   font-family: "Times New Roman", Times, serif;
		margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px;		text-decoration: none;	}

#maincontainer{width: 1010px; /*Width of main container*/margin: 0 auto; /*Center container on page*/}
#topsection{/*background: #EAEAEA;*//*height: 90px;*/ /*Height of top section*/}
#topsection h1{margin: 0;padding-top: 15px;}
#contentwrapper{float: left;width: 100%;}
#contentcolumn{margin-left: 300px; /*Set left margin to LeftColumnWidth*/
  line-height: 18px;  font-size:16px;   font-family:"Times New Roman", Times, serif,Arial;}
#contentcolumn H3 {	margin-left: 25px;	}  

#leftcolumn{float: left;width: 300px; /*Width of left column*/margin-left: -1010px;
 /*Set left margin to -(MainContainerWidth)*//*background: #C8FC98;*/
  line-height: 18px;  font-size:16px;   font-family:"Times New Roman", Times, serif,Arial;
 }
#leftcolumn i{color: black;}

#footer{clear: left; width: 100%; text-align: center; padding: 4px 0;}
#footer a{text-align: center; color: black; text-decoration:none; }
#footer a:hover {color: red;}

.innertube{line-height: 1.1em;  font-size:1.1em;   font-family:"Times New Roman", Times, serif,Arial;
margin: 18px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;}
/*Vstup - zakladni definice sloupcu - konec*/

/*  TOTO   JE   A K T I V N I    */	
/* text clánku v hlavním poli, po kliknutí  */
.clanek_text {	FONT-SIZE: 21px;	line-height: 1.1em;	font-family: "Times New Roman", Times, serif;
	color: Black;	font-weight: normal;	font-style: normal;	text-decoration: none;	text-align: left;
	margin-top: 10px;	margin-left: 10px;	margin-right: 5px;}
.clanek_text A:hover {	text-decoration: underline;	}
.clanek_text A:link {	text-decoration: none;}
/* text clánku v hlavním poli = ariel-citace , po kliknutí = ukazclanek.php */
.clanek_citace {	FONT-SIZE: 21px;	line-height: 1.1em;	font-family: "Times New Roman", Times, serif;
	font-style: italic;	text-decoration: none;	text-align: left;	margin-top: 5px;	margin-bottom: 5px;
	margin-left: 10px;	margin-right: 5px;}



/* Roletove menu  - start*/
/* --------------------------------------------------------------------------------------------- */ 
 #menu {  margin:0;   padding:0; /*  celkem vyska rolety - delka stranky*/
  height:27em;   overflow:hidden;  
  background:#f0f0f0;  }
#menu li {  list-style-type:none;   float:left;  display:block;   width:100%;  }
#menu li a {  display:block;   text-decoration:none;   color:#00b;   margin:0;   width:100%;  }
#menu li a span {  display:none;   color:#000; line-height: 1.0em;  font-size:1.1em;   font-family:"Times New Roman", Times, serif,Arial;  }
#menu li a.one span {  display:block;   height:8em;   margin:0 10px;  }
#menu li a:hover {  background:#ffffff; line-height: 1.0em;  font-size:1.0em;   font-family:"Times New Roman", Times, serif,Arial; }
#menu li a:hover span {  display:block;   height:8em;   margin:0 10px;   cursor:pointer;   }
/* Velky nadpis nahore  */ 
#menu .h2 { margin:0 5px;   padding:0;  color:maroon;   font-variant:small-caps;   border:0;  }
/* podnadpis */
#menu li a:hover .h3  {font-size:1.1em;   font-family:"Times New Roman", Times, serif,Arial; }
#menu .h3 {  margin:0px 5px;   padding:0px; line-height: 1.4em; 
  font-family: "Times New Roman", Times, serif; font-size:1.0em;   color:#000;  }
/* ikona  anotace */
#menu img {  margin:5px 5px 5px 0;   border:0px solid #000;   float:left;  }

.curved {/* velikost podle potreby ve strance  */  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px;   display:block;     background:#fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.curved .b1, .curved .b2, .curved .b3 {  height:1px;  }
.curved .b2, .curved .b3, .curved .b4 {  background:#ffffff;   border-left:1px solid #88c;   border-right:1px solid #88c;  }
/* kresleni oblouku */
.curved .b1 {  margin:0 4px;   background:#88c;  }
.curved .b2 {  margin:0 2px;   border-width:0 2px;  }
.curved .b3 {  margin:0 1px;  }
.curved .b4 {  height:2px;   margin:0;  }

.curved .c1 {  margin:0 5px;   background:#88c;  }
.curved .c2 {  margin:0 3px;   border-width:0 2px;  }
.curved .c3 {  margin:0 2px;  }
.curved .c4 {  height:2px;   margin: 0 1px;  }
/* text v anotaci - otevrena karta */  
.curved .boxcontent {  display:block;   background:transparent;   border-left:1px solid #88c;   border-right:1px solid #88c; }
/* Roletove menu  - stop*/

/*  <!-- INCLUDE BLOCK : tv_col -->  tv_col.tpl */

.glidecontentwrapper{position: relative; /* Do not change this value */
width: 100%;height: 310px; /* Set height to be able to contain height of largest content shown width: 400px;*/
 /* Set height to be able to contain height of largest content shown*/
/*border: 5px solid #687C98;  border: 2px solid #87ceeb;*/
overflow: hidden;}
/*	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments*/
.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;padding: 10px;visibility: hidden;width: 98%/*width: 390px; */}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 100%; margin-top: 6px; text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/
.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;display: inline-block;border: 1px solid black;color: #2e6ab1;padding: 1px 3px;margin-right: 3px;
font-weight: bold;text-decoration: none;}
.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA; color: black;}
.glidecontenttoggler a:hover{background: #E4EFFA;color: black;}
.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;color: white;}
/*  <!-- INCLUDE BLOCK : tv_col -->  tv_col.tpl  --  konec */


/* <!--  tlacitka pod TV    ovladaci  prvky --> */
.cssbuttonstoggler{ /*style for DIV used to contain toggler links. */
width: 350px;margin-top: 6px;margin-left: 50px;text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/
.cssbuttonstoggler a{ /*style for every navigational link within toggler */
background: transparent url('square-gray-left.gif') no-repeat top left;color: #494949;display: block;float: left;
margin-right: 6px;font: normal 13px Arial; /* Change 12px as desired */
line-height: 15px; 
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */padding-left: 9px; /* Width of left menu image */text-decoration: none;
}
.cssbuttonstoggler a span{
background: transparent url('square-gray-right.gif') no-repeat top right;display: block;padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
.cssbuttonstoggler a.selected, .cssbuttonstoggler a:hover{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom left;
}
.cssbuttonstoggler a.selected span, .cssbuttonstoggler a:hover span{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */background-position: bottom right;color: black;}
.cssbuttonstoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */}
.cssbuttonstoggler a.prev, .glidecontenttoggler-2 a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */}
.cssbuttonstoggler a.prev:hover, .glidecontenttoggler-2 a.next:hover{}
/* <!--  tlacitka pod TV    ovladaci  prvky   konec --> */


/*  tlacitka do fora  - diskuze, ovladaci prvky v oknech   */
a.squarebutton{
background: transparent url('./tab-blue-left.gif') no-repeat top left;display: block;
text-align: center; /*float: center;*/float: right;
font: bold 12px Arial; /* Change 12px as desired */
line-height: 15px; 
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 25px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;/*border-bottom: 1px solid gray;*/  /* Spodni hrana */
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{color: #494949;
/*button text color*/}
a.squarebutton span{background: transparent url('./tab-blue-right.gif') no-repeat top right;
display: block;padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/}
a.squarebutton:hover{ /* Hover state CSS */background-position: bottom left;}
a.squarebutton:hover span{ /* Hover state CSS */background-position: bottom right;color: black;}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%; text-align: center; }
/*  tlacitka do fora  - diskuze, ovladaci prvky v oknech    -  konec */




/* Puvodni psani clanku - muze byt vyuzito v clancich  */  
i {color: black;}
/* položky menu */
.menu A:link {	FONT-SIZE: 16px;	font-family: Arial, Helvetica, sans-serif;	color: Blue;
	font-weight: bold;	font-weight: bold;	font-style: normal;	text-decoration: none;	font-variant: small-caps;	}
.menu A:visited {	FONT-SIZE: 16px;	font-family: Arial, Helvetica, sans-serif;	color: Blue;	font-weight: bold;
	font-weight: bold;	font-style: normal;	text-decoration: none;	font-variant: small-caps;}
.menu A:active {	FONT-SIZE: 16px;	font-family: Arial, Helvetica, sans-serif;	color: #B22222;	font-weight: bold;
	font-weight: bold;	font-style: normal;	text-decoration: none;	font-variant: small-caps;}
.menu A:hover {	FONT-SIZE: 16px;	font-family: Arial, Helvetica, sans-serif;	color: black;	font-weight: bold;

	font-style: normal;	text-decoration: underline;	font-variant: small-caps;}
.baner{	FONT-SIZE: x-large;	font-family: Arial, Helvetica, sans-serif;	color: black;	font-weight: bold;
	font-style: normal;	text-decoration: none;	font-variant: small-caps;	padding-bottom: 5px;	padding-top: 5px;}
/* nadpis pro rubriky v levém sloupci */
.temata A:link {	FONT-SIZE: 16px;	font-family: Arial, Helvetica, sans-serif;	color: Blue;	font-weight: bold;
	font-style: normal;	text-decoration: none;	text-align: center;	font-variant: small-caps;}
.temata A:visited {	FONT-SIZE: 16px;	font-family: Arial, Helvetica, sans-serif;	color: Blue;	font-weight: bold;
	font-style: normal;	text-decoration: none;	font-variant: small-caps;	text-align: center;}
.temata A:active {	FONT-SIZE: 16px;	font-family: Arial, Helvetica, sans-serif;	color: #B22222;	font-weight: bold;
	font-style: normal;	text-decoration: none;	text-align: center;	font-variant: small-caps;}
.temata A:hover {	FONT-SIZE: 16px;	font-family: Arial, Helvetica, sans-serif;	color: black;	font-weight: bold;
	font-style: normal;	text-decoration: underline;	text-align: center;	font-variant: small-caps;}
/* položky v rubrikách - levý */
.polozky {	FONT-SIZE: 15px;	font-family: Arial, Helvetica, sans-serif;	color: Black;	font-weight: normal;
	font-style: normal;	text-decoration: none;	text-align: left;	margin-top: 5px;	margin-left: 10px;}
.polozky A:link {	FONT-SIZE: 15px;	font-family: Arial, Helvetica, sans-serif;	color: Blue;	font-weight: normal;
	font-style: normal;	text-decoration: none;	text-align: left;	margin-top: 5px;	margin-left: 10px;}
.polozky A:visited {	FONT-SIZE: 15px;	font-family: Arial, Helvetica, sans-serif;	color: Blue;
	font-weight: normal;	font-style: normal;	text-decoration: none;	text-align: left;	margin-top: 5px;	margin-left: 10px;}
.polozky A:active {	FONT-SIZE: 15px;	font-family: Arial, Helvetica, sans-serif;	color: #B22222;	font-weight: normal;
	font-style: normal;	text-decoration: none;	text-align: left;	margin-top: 5px;	margin-left: 10px;}
.polozky A:hover {	FONT-SIZE: 15px;	font-family: Arial, Helvetica, sans-serif;	color: black;	font-weight: normal;
	font-style: normal;	text-decoration: underline;	text-align: left;	margin-top: 5px;	margin-left: 10px;}
/* položky = nadpisy clánku v rubrikách - stred */
.polozky_stred_nadpis {	FONT-SIZE: 17px;	font-family: "Times New Roman", Times, serif;	color: Blue;
	font-weight: normal;	font-style: normal;	text-decoration: none;	text-align: left;	margin-left: 10px;}
.polozky_stred_nadpis A:link {	FONT-SIZE: 17px;	font-family: "Times New Roman", Times, serif;	color: Blue;
	font-weight: normal;	font-style: normal;	text-decoration: none;	text-align: left;	margin-left: 10px;}
.polozky_stred_nadpis A:visited {	FONT-SIZE: 17px;	font-family: "Times New Roman", Times, serif;	color: Blue;
	font-weight: normal;	font-style: normal;	text-decoration: none;	text-align: left;	margin-left: 10px;}
.polozky_stred_nadpis A:active {	FONT-SIZE: 17px;	font-family: "Times New Roman", Times, serif;	color: maroon;
	font-weight: normal;	font-style: normal;	text-decoration: none;	text-align: left;	margin-left: 10px;}
.polozky_stred_nadpis A:hover {	FONT-SIZE: 17px;	font-family: "Times New Roman", Times, serif;	color: black;
	font-weight: normal;	font-style: normal;	text-decoration: underline;	text-align: left;	margin-left: 10px;}
/* položky = vložené inforace clánku v rubrikách - stred */
.polozky_stred {	FONT-SIZE: 14px;	font-family: "Times New Roman", Times, serif;	color: Black;	font-weight: normal;
	font-style: normal;	text-decoration: none;	text-align: left;	margin-top: 5px;	margin-left: 10px;}
.polozky_stred A:link {	FONT-SIZE: 14px;	font-family: "Times New Roman", Times, serif;	color: Blue;	font-weight: normal;
	font-style: normal;	text-decoration: none;	text-align: left;	margin-top: 5px;	margin-left: 10px;}
.polozky_stred A:visited {	FONT-SIZE: 14px;	font-family: "Times New Roman", Times, serif;	color: Blue;	font-weight: normal;
	font-style: normal;	text-decoration: none;	text-align: left;	margin-top: 5px;	margin-left: 10px;}
.polozky_stred A:active {	FONT-SIZE: 14px;	font-family: "Times New Roman", Times, serif;	color: #B22222;	font-weight: normal;
	font-style: normal;	text-decoration: none;	text-align: left;	margin-top: 5px;	margin-left: 10px;}
.polozky_stred A:hover {	FONT-SIZE: 14px;	font-family: "Times New Roman", Times, serif;	color: black;	font-weight: normal;	
	font-style: normal;	text-decoration: underline;	text-align: left;	margin-top: 5px;	margin-left: 10px;}
/* nadpis clánku v hlavním poli, po kliknutí = ukazclanek.php */
.clanek_nadpis {	FONT-SIZE: 22px;	font-family: Arial, Helvetica, sans-serif;	color: #480000;	font-weight: bold;	font-style: normal;
	text-decoration: none;	text-align: center;	margin-top: 10px;	font-variant: small-caps;}

/*prevzato asi kvuli kompatibilite na strare clanky */	
.textgreen {/*  - dodatkovy text -  zmena hesla  */
	FONT-SIZE: 13px;	font-family : Verdana CE, Verdana, Arial CE, Arial, Helvetica, sans-serif;	color : #008000;}
.error {/* vypis chyboveho hlaseni */
	FONT-SIZE: 16px;	font-family : Verdana CE, Verdana, Arial CE, Arial, Helvetica, sans-serif;	font-weight : bold;	color: red;	background-color :#F5F5F5 ;}

/* orámování ikon = kde se napíše class u "img" */
.ram {	border: 2px solid Black;}
.ram-mouse_over{	border: 2px solid Maroon;}
/* odkaz na UkazClanek*/
.CelaObrazovka {	FONT-SIZE: 15px;	font-family: Arial, Helvetica, sans-serif;	color: Black;	font-weight: normal;	font-style: normal;
	text-decoration: none;	text-align: right;	margin-top: 15px;	margin-right: 20px;}
.CelaObrazovka A:link {	COLOR: #000099;	TEXT-DECORATION: none;}
.CelaObrazovka A:visited {	COLOR: Blue;	TEXT-DECORATION: none;}
/*href jako navštívené*/
.CelaObrazovka A:active {	COLOR: Blue;	TEXT-DECORATION: none;}
/*href nad myší*/
.CelaObrazovka A:hover {	COLOR: Red;	TEXT-DECORATION: underline;}
/* text pripomínek ctenáru v hlavním poli = pripominky.php */
.pripominky_text {	FONT-SIZE: 15px;	font-family: "Times New Roman", Times, serif;	color: Black;
	font-weight: normal;	font-style: normal;	text-decoration: none;	text-align: left;	margin-top: 5px;	margin-left: 15px;
	margin-right: 15px;}



