/*Vstup - zakladni definice sloupcu - start*/
/* --------------------------------------------- */
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; }
b{font-size: 110%;}
em{color: red;}
.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  960*/
margin: 0 auto; /*Center container on page*/
border:0px solid #87ceeb
/*line-height: 1.1em;  font-size:1.0em;   font-family:"Times New Roman", Times, serif,Arial;*/}

#topsection{ position: absolute;	/* height: 90px; Height of top section*/}

#topsection h1{margin: 0;padding-top: 15px;}

/* vnitrni obsah sloupcu  */
#contentwrapper{float: left;width: 100%;}

#contentcolumn{margin: 0 340px 0 300px; 
/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#leftcolumn{
float: left; width: 300px; /*Width of left column in pixel*/
margin-left: -1010px; /* 960 Set margin to that of -(MainContainerWidth)*/
/* line-height: 1.1em;  font-size:1.1em;   font-family:"Times New Roman", Times, serif,Arial;*/
 line-height: 18px;  font-size:16px;   font-family:"Times New Roman", Times, serif,Arial;
}
#rightcolumn{float: left; width: 350px; /*Width of right column*/
margin-left: -350px; /*Set left margin to -(RightColumnWidth)*/
/*line-height: 1.1em;  font-size:1.1em;   font-family:"Times New Roman", Times, serif,Arial;*/
}

#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: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;}

/* Roletove menu  - start*/
/* --------------------------------------------------------------------------------------------- */ 
 #menu {  margin:0;   padding:0; /*  celkem vyska rolety - delka stranky*/
  height:52em;   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;  }
#menu li a.one span {  display:block;   height:6em;   margin:0 10px;  }
#menu li a:hover {  background:#ffffff; line-height: 20px;  font-size:18px;   font-family:"Times New Roman", Times, serif,Arial; }
#menu li a:hover span {  display:block;   height:6em;   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 .h3 {  margin:0px 5px;   padding:0px; line-height: 1.5em;  
/*font-size:0.9em;*/  font-size:17px; 
  color:#000;  }
#menu a:hover .h3  {color:maroon; }
  
/* 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*/
  
/*  bublinove okno pro odkazy na mse z liturgickeho roku a tlacitka na dny  */  
/* --------------------------------------------------------------------------------------- */
/* bublinove okno */
  #dhtmlfloatie{/*position: top;*/
left: 100px; left: -100px;
filter: alpha(opacity=0);
-moz-opacity:0; /*border: 2px solid black;*/
padding: 5px; z-index: 100;
/**/
overflow:hidden;   list-style-type:none; text-decoration:none;}

#dhtmlfloatie a { display:block;   text-decoration:none;   color:#00b;   margin:0;   width:100%;  }
#dhtmlfloatie a:hover  { cursor:pointer;    text-decoration: none; color:#000080; 
/* line-height: 1.0em;  font-size:0.96em;  */
/* line-height: 16px;  font-size:14px;  */
  font-family:"Times New Roman", Times, serif,Arial; /* font-variant:small-caps;*/ font-weight: bold;
 }

/* tlacitka na dny - vyska  a okraje  */
a.squarebutton{background: transparent url('./square-gray-left.gif') no-repeat top left;
display: block; text-align: center; float: left; 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: 0px solid gray;  /* Spodni hrana */
}
/*button text color*/
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{color: #494949; }
a.squarebutton 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*/
}
/* akce po prejeti mysi */
a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;}
a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right; color: black;}
/*See: http://www.quirksmode.org/css/clearing.html */

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; width: 100%; text-align: center; }
/*  bublinove okno  - STOP  */  

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

/*  Pravy  sloupec  HUMOR, VTIPY  - tlacitka na strankovani -*/
.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px; text-align: justify;padding: 2px 0;margin: 10px 0;}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;margin: 0 15px;}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;text-decoration: none; border: 1px solid black; color: navy; background-color: white;}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000; background-color: #dcdcdc;}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0; padding: 0;}

.paginationstyle a.imglinks img{vertical-align: bottom; border: 0;}

.paginationstyle a.imglinks a:hover{background: none;}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;background-color: #dcdcdc;

}