/* CSS Document */
* { 
  margin: 0;
	padding: 0; 
}

body		{ background-color: RGB(255,255,255); 
		      font-family: "Arial CE", Arial, sans-serif;
		      color: RGB(0,0,0);
          margin: 10px; padding: 0; }
          
#body   {
          text-align: center; width:100%;
        }

#content {
    width: 820px; 
    margin: auto;
    text-align: left;
    background-color: RGB(255,255,255);
    font-size: 10pt; }

#content h1 { margin-top: 1em; 
              color: RGB(242,157,19);
              font-size: 12pt;
              text-align: center;
		          font-weight: bold; } 

#content h2 { margin-top: 0.9em; 
              color: RGB(242,157,19);
              font-size: 11pt;
		          font-weight: bold; }

#content p { color: RGB(0,0,0);
             font-family: "Arial CE", Arial, sans-serif;
             font-size: 10pt;
             text-indent: 0pt;
	     	     text-align: justify;
             margin: 12px 0px 12px 0px; }
             
#content ul { margin: 15px;}
#content ul li { list-style: square; margin: 4px;}             

#content a  { color: RGB(12,77,159);
              text-decoration: none }            

#content a:hover { color: RGB(242,157,19);
                   text-decoration: underline }

#content img       { border: 0px }

#content hr        { border: none;
                     height: 1px; 
                     border-top: 1px solid RGB(12,77,159);
                     text-align: center; }   
  
#head { width: 820px; 
        height: 110px; 
        background: url('./img/logo_bg.png') top left ;
        line-height: 25px;
        font-size: 10pt;
        font-weight: bold;
        font-family: "Arial CE", Arial, sans-serif; }
        
#head2 { width: 820px; 
        height: 22px; 
        background: url('./img/pruh.png') top left ;
        color: RGB(255,255,255);
        line-height: 21px;
        font-size: 10pt;
        text-align: right;
        font-weight: bold;
        font-family: "Arial CE", Arial, sans-serif; }        

#head h1 { 
  margin-top: 2em;
  text-align: right; float: right;
  color: RGB(12,77,159);
  font-size: 11pt;
  font-weight: bold;
  position: relative; top: 27px; right: 20px; 
}

#menu ul { margin: 12px;}
#menu ul li { list-style: none; font-weight: bold; font-size: 10pt; margin: 4px;}
#menu ul li a { color: RGB(12,77,159);}
#menu ul li a:hover { color: RGB(242,157,19); text-decoration: none }

/* Bocni sloupce */

.lblok    { width: 158px; } 
.rblok    { width: 198px; } 

.lblok h2 { text-align: left; } 
.rblok h2 { text-align: right; }

.blok      { width: 100%; 
            margin: auto;
            text-align: left;
            background-color: RGB(242,242,242);
            border: 1px solid RGB(12,77,159);
            font-size: 10pt;}
						
.inblok		{ margin: 6px;
            text-align: justify; }
						
.inblok .datum	{ 
  margin-top: 5px;
	font-weight: bold; 
}												 

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

#clanek { margin:0; padding: 1px 1em; }

#news { margin:0; padding: 1px 1em; }

#news p { 
  text-indent: 0pt;
	text-align: left;
  margin: 5px 0px; 
}

#news h2 { 
  margin-top: 0; 
}

#footer { width: 820px; 
        height: 25px;
				color: RGB(12,77,159); 
        background-color: RGB(255,255,255);
        line-height: 22px;
        font-size: 8pt;
        border-top: 1px solid RGB(12,77,159);
        font-family: "Arial CE", Arial, sans-serif; }


            
.fototab  { margin: auto; }            

.tabulka  { border-collapse: collapse; 
            border: 1px solid RGB(12,77,159); }            
      

table		  { font-size: 10pt;
		      text-align: justify }

th        { text-align: center;
            font-weight: bold;
            color: RGB(100,48,10);
            border-color: RGB(51,0,0) }

.center { 
  width: 100%;
  padding: 0 auto;
	text-align: center; 
}
           
.acthead {
  margin-top: 12px; 
  border-bottom: 1px solid RGB(12,77,159); 
}

.actdate {
  margin-top: 3px;
  text-align: right; 
	float: right; 
	font-size: 8pt;
}

/* Tri sloupce */

  #main {
		margin:0; padding:0;
		background:yellow url("red.gif") top left repeat-y;
		}
	#left {
		float:left;
		width:160px;
		margin:0; padding:0;
		}
	#right {
		float:right;
		width:200px;
		margin:0; padding:0;
		}
	#middle {
		margin:0px 200px 0px 160px;
		}
	#middleright {
		margin:0px 0px 0px 160px;
		}		
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}