/*CSS Document/*
/* OBECNE DEFINICE #########################################################*/
BODY{
    background-color:#FAFAFA;
    background-image:url("../img/bg.gif");
    color:#222;
    font-size:12px;
    font-family:"Arial";
    text-align:center;
    }
IMG{
    border:0;
    vertical-align: middle;
    }
A IMG{
    border:0;
    padding:0;
    margin:0;
    }
HR {
    height:1px;
    margin-right:40%;
    border:0;
    border-top:1px dotted #333;
}
/* HLAVNI STRUKTURA ########################################################*/
#ram{
    width:928px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
    }
#telo{
    width:908px;
    margin-left:10px;
    margin-right:10px;
    overflow:hidden;
    background-color:#e5e6ff;
    background-image:url("../img/bg_zahlavi.gif");
    background-position: top;
    background-repeat: repeat-x;
    }
#zahlavi{
    background-color:#FFF;
    background-image:url("../img/header.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    width:960px;
    height:300px;
    margin-bottom:8px;
    overflow:hidden;
    }
#levysloupec{
    float:left;
    width:154px;
    overflow: hidden;
    margin-bottom:20px;
    }
#stred{
    float:left;
    width:584px;
    margin-left:8px;
    margin-right:8px;
    margin-bottom:20px;
    overflow: hidden;
    }
#pravysloupec{
    float:right;
    width:154px;
    overflow: hidden;
    margin-bottom:20px;
    }
#zapati{
    clear:both;
    height:46px;
    width:960px;
    background-image:url("../img/footer.gif");
    background-repeat: no-repeat;
    }
/*############################################################################*/
#menu{
    margin-bottom:14px;
    }
#menu A{
    background-color:#d47800;
    margin-top:3px;
    display:block;
    font-family:"Arial";
    font-weight:bold;
    font-style:italic;
    letter-spacing: -1px;
    color:white;
    font-size:14px;
    text-decoration:none;
    padding:2px 2px 3px 18px;
    }
#menu A.aktivni{
    color:#d47800;
    background-color:#ffec00;
    }
#menu A:HOVER{
    color:#d47800;
    background-color:#ffec00;
    }
#menu .podmenu A{
    background-color:#E48810;
    margin-top:0;
    font-size:12px;
    font-style:normal;
    letter-spacing:0;
    font-weight: normal;
    }
#menu .podmenu A.aktivni{
    color:#d47800;
    background-color:#ffec00;
    }
#menu .podmenu A:HOVER{
    color:#d47800;
    background-color:#ffec00;
    }
#menu A.spacer{
    background-color:#72a536;
    background-image:url("../img/sipka.gif");
    background-repeat:no-repeat;
    background-position: left center;
    color:white;
    font-family: "Arial";
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    padding:8px 2px 8px 32px;
    }
#levysloupec .nazevskoly{
    color:#d47800;
    font-family:"Arial";
    font-weight:bold;
    font-style:italic;
    font-size:14px;
    }
#pravysloupec A{
    margin-bottom:3px;
    display:block;
    font-family:"Arial";
    font-weight:bold;
    font-style:italic;
    color:#222;
    font-size:16px;
    text-decoration:none;
    letter-spacing: -1px;
    padding:3px 2px 3px 4px;
    }
#pravysloupec A.aktivni{
    color:#d47800;
    }
#pravysloupec A:HOVER{
    color:#d47800;
    }
#pravysloupec .podmenu A{
    font-weight:normal;
    font-size:12px;
    font-style:normal;
    letter-spacing: 0;
    }
#pravysloupec .podmenu A.aktivni{
    color:#d47800;
    }
#jazyky{
    height:58px;
    width:154px;
    margin-top:0px;
    }
#jazyky A{
    background-color:#72a536;
    padding-top:4px;
    height:54px;
    width:51px;
    display:block;
    text-align:center;
    float:left;
    font-family:"Arial";
    font-weight:bold;
    font-style:italic;
    color:white;
    font-size:11px;
    text-decoration:none;
    }
#jazyky A:HOVER{
    background-color:#d47800;
    }
#rozcestnik{
    margin-top:8px;
    margin-bottom:15px;
    }
#rozcestnik A IMG{
    margin:0 0 0 8px;
    }
    
/*CLANEK  ###################################################################*/
#clanek H1.sekce{
    background-color:#72a536;
    color:white;
    font-family: "Arial Narrow";
    font-weight: bold;
    font-style: italic;
    font-size: 24px;
    letter-spacing: -1px;
    padding:6px 0 6px 14px;
    margin:0 0 5px 0;
    }
#clanek H1{
    color:#222;
    font-family: "Arial";
    font-size: 16px;
    padding:6px 0 6px 0px;
    margin:26px 0 5px 0;
    text-transform: uppercase;
    }
#clanek A{
    font-weight:bold;
    color:#390;
    text-decoration:none;
    }
#clanek A:HOVER{
    text-decoration:underline;
    }
#clanek P{
    margin-top:2px;
    margin-bottom:20px;
    text-align: justify;
    }
#clanek IMG{
    background-color:#FAFAFA;
    border:1px solid #CCC;
    }
#clanek IMG.vlevo{
    float:left;
    margin:4px 10px 4px 0;
    }
#clanek IMG.vpravo{
    float:right;
    margin:4px 0 4px 10px;
    }
#clanek UL, #clanek OL{
    padding-top:10px;
    padding-bottom:10px;
    font-size:11px;
    }
#clanek .blok{
    margin:5px 0 5px 0;
    padding:4px 20px 20px 20px;
    background-color:#f1d8b5;
    clear:both;
    word-spacing: 1px;
    line-height:160%;
    }
.konecbloku{
    width:100%;
    clear:both;
    }
/*OSTATNI ###################################################################*/
.error{
      font-size:14px;
      font-weight:bold;
      padding:4px;
      color:white;
      background-color:#E33;
      }
/*TABULKY ###################################################################*/
TABLE.odkazy
      {
      width:100%;
      background:none;
      margin-top:0;
      }
TABLE.odkazy TR
      {
      border:0;
      }
TABLE.odkazy TD
      {
      background-color:#DDE8CC;
      width:25%;
      text-align:center;
      }
TABLE.odkazy TD.oranzova
      {
      background-color:#F1D8B5;
      }
TABLE{
      background-color: #FBFBFB;
      font-size:12px;
      width:540px;
      border-collapse:collapse;
      margin-top:20px;
      padding:0;
      }
H1 + TABLE,H2 + TABLE,H3 + TABLE{
      margin-top:0;
      }
TABLE CAPTION{
      text-align:left;
      margin-bottom:6px;
      }
TABLE TD{
      padding:4px;
      }
TABLE TR{
      border-bottom:1px solid #72a536;
      }
TD.sloupce{
      background-color:#72a536;
      font-weight:bold;
      color:white;
      font-size:12px;
      }
TD.hlavicka{
      background-color:#d47800;
      color:white;
      font-family: "Arial Narrow";
      font-style: italic;
      font-size: 18px;
      }
TD.popis{
      background-color:#72a536;
      font-size:11px;
      color:#FAFAFA;
      }
TR.kurz TD{
      border-bottom:1px solid #72a536;
      }
SPAN.tableNote{
      color:red;
      font-weight:bold;
      text-decoration:blink;
      }      
/* #####################################*/
*.rozbalene{
      cursor: pointer;
      padding-left:50px;
      text-decoration: underline;
      }
*.skryte{
      padding-left:50px;
      cursor: pointer;
      text-decoration: underline;
      }                       
		
/* MAGAZIN #################################*/
.clanek-nahled {
		position:relative;
		padding:10px 0;
		border-bottom:1px solid #72A536;
}

.clanek-nahled a h2 {
		text-decoration:none;
}

.clanek-nahled h2 {
		margin: 0 0 8px 0;
		font-size:18px;
}

.clanek-nahled .datum {
		color:#999;
		font-size:11px;
		margin:10px 0;                     
}

.clanek-nahled table {
		background:none; 
		margin:0;        
		border:0;                                	
}

.clanek-nahled table tr {
		border:none;                       	
                        }

.clanek-nahled table td {
		vertical-align:middle;                        
}

.obrazek{
		background:#fff;
		float:left;
		margin:0 7px 10px 0;
		padding:6px;
		box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

.right {
		float:right;
		margin:0 0 10px 20px;
		clear:both;
}

.left {
		float:left;
		margin:0 20px 10px 0;
		clear:both;
}

.clanek-nahled .obrazek {
		margin:0 15px 10px 0;                        
}               
		   
.obrazek img {
		display:block;
		border:0 !important;
}

.clanek-nahled p {
		padding:0;	
		line-height:1.5em;	
}		  

.clear {	
		clear:both;
}
