body {
font-family : "Arial CE", Arial,  sans-serif;
font-size: 12px;
}
hr.cleaner {
   clear:both;
   height:1px;
   margin: -1px 0 0 0; padding:0;
   border:none;
   visibility: hidden;
   }

/* --- CLANKY --------------------------------------------------------------- */
div.cl_box {
height: auto;
background-color: transparent;
padding-top: 3px;
padding-bottom: 3px;
text-align: justify;
clear:both;
}
div.cl_margin {
margin-left: 3px;
margin-right: 3px;
/* position: relative; */
background-color: transparent;
}
div.cl_margin_tema {
margin-left: 3px;
margin-right: 3px;
position: relative;
}
div.cl_kateg {
background-color: transparent;
float: right;
clear: right; 
/* position: absolute;
top: 1px;
right: 1px; */
padding-top: 1px;
padding-bottom: 3px;
margin-left: 8px;
font-size: 13px;
}
div.cl_text {
font-size: 13px;
}
div.cl_info {
    margin-top: 10px;
    margin-bottom: 2px;
    text-align: right;
    font-size: 12px;
    font-style: italic;
    /* Zajistí, že info/ikony se zobrazí až pod textem a nebudou "zabíhat" do odstavců s plovoucími prvky */
    clear: both;
}
div.cl_border {
padding: 0px;
padding-bottom: 4px;
margin: 0px;
margin-bottom: 5px;
border-bottom: 1px dotted black;
}
div.cl_strany, div.cl_strany2 {
text-align: left;
padding: 3px;
background-color: #eee;
border: 1px solid #aaa;
margin-top: 5px;
margin-bottom: 5px;
}

div.cl_podobne {
float: left; 
width: 22%; 
height: auto; 
text-align: left;  
background-color: #eee; 
border: 1px solid #aaa; 
}

div.cl_text_v_all{
float: right; 
width: 76%; 
_width: 74%; 
height: auto; 
padding-bottom: 5px;
margin-right: 5px;
}
div.cl_text_v{
text-align: justify;
font-size: 13px;
}
a.archiv, a.archiv:hover{
padding: 1px;
font-weight: bold;
text-decoration: none;
}  
a.archiv:hover{
text-decoration: underline;
}
a.zvarch, a.zvarch:hover {
text-decoration: none;
color: black;
}
h1, h2, h3, h4, h5,p {
margin: 0px;
}

h1 {
font-size: 18px;
margin-top: 2px;
margin-bottom: 4px;
}
h2 {
font-size: 16px;
margin-top: 2px;
margin-bottom: 4px;
}
h2 a {
color: #017;
text-decoration: none;
}

div.blesk_text
{
padding: 3px; 
background-color: #ddd;
}
div.blesk_text2{
padding: 3px; 
background-color: #eee;

}

/* ---------------- ANKETY ------------------------------------ */

div.ank1{
text-align: left; 
margin-top: 10px;
}
div.anknadp{
text-align: center; 
padding: 2px; 
background-color: #eee; 
border: 1px solid #aaa; 
border-left: none; 
border-right: none;
}
/* ---------------- TABULKY ----------------------------------- */

div.f1 {       
width: 96%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
}

table.d1{
width: 100%;
border: 2px solid #aaa;
border-bottom: 1px solid #aaa;
padding: 0px;
margin: auto;
margin-top: 8px;
font-size : 15px;
border-spacing: 0px;
text-align: left;
}

div.f1 tr.d1a, div.f1 tr.d1b {
background-color: #ddd;
margin: 0px;
padding: 0px;
margin-bottom: 1px;
background-image: url("000/obr/td1.jpg");
background-repeat: repeat-x;
}

div.f1 tr.d1b {
background-color: #eee;
background-image: url("000/obr/td2.jpg");
background-repeat: repeat-x;
}

div.f1 td {
margin: 0px;
padding: 2px;
padding-left: 5px;
padding-right: 5px;
border-bottom: 1px solid #aaa;
}
div.f1 td.tend {
border-bottom: 0px;
}

td {
font-size: 12px
}

div.kniha_v {
position: relative; 
padding: 4px; 
margin: auto; 
border: 1px #eee solid; 
text-align: left;
}
img.smajlik  {
margin: 0px;
margin-left: 2px;
margin-right: 2px; 
padding: 0px; 
position: relative; 
top: 3px;
}

img.smajlikvloz  {
margin: 0px;
margin-left: 6px;
margin-right: 6px; 
padding: 0px;
cursor: Pointer;
}
/* ---------------- FOTKY ----------------------------------- */

div.foto, div.fotoakt, div.foto-nahl, div.foto-nahl-akt {
width: 116px;
height: 142px;
background-color: transparent;
border: 1px solid #999;
margin: 5px;
float:left;
position:relative;
}

div.foto-nahl, div.foto-nahl-akt {
width: 106px;
height: 120px;
margin: 3px;
margin-right: 0px;
}
div.foto-nahl-akt {
border: 1px solid #555;
}

div.foto:hover {
background-image: none;
background-color: #eee;
border: 1px solid #666;
}

div.fotoakt {
background-image: none;
background-color: #bdf;
border: 1px solid #333;
}

div.fotoimg {
width: 116px;
height: 120px;
display: table-cell;
vertical-align: middle;
margin: auto;
text-align: center;
}

div.fototxt {
background-color: #eee;
position: absolute;
bottom: 5px;
left: 0px;
width: 100%;
height: 13px;
font-size: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
}
img.foto {
border: 1px solid #777;
margin-top: 8px;
}

/* ---------------- FOTKY ----------------------------------- */

div.cal_nahled_dny, div.cal_nahled_dny_nadpis, div.cal_nahled_dny_na{
float: left;
width: 83px;
height: 110px;
margin: 1px;
border: 1px solid #aaa;
font-size: 11px;
}
div.cal_nahled_dny_nadpis{
height: 20px;
font-weight: bold;
letter-spacing: 0.1em;
font-size: 12px;
}
div.cal_nahled_dny, div.cal_nahled_dny_na{
background-color: #fff;
background-repeat: no-repeat;
font-weight: bold;
overflow: auto;
}
div.cal_nahled_dny_na {
border: 1px solid #ccc;
background-color: inherit;
}

/* --- TEPLOMER ----------------------------------------- */
div.teplbord {
   float: right;
   width: 157px;
   height: 109px;
   font-family : "Arial CE", Arial,  sans-serif;
   margin-right: 4px;
   margin-bottom: 10px;
   background-image: url("/obr/teplomerbila.gif");
   background-repeat: no-repeat;
}
div.teplo1 {
   width: 39px;
   height: 104px;
   position: relative;
   background-image: url("/obr/teplomer.gif");
   background-repeat: repeat;
   top: 3px;
   left: 6px;
}
div.teplo3 {
   width: 9px;
   position: absolute;
   bottom: 26px;
   left: 21px;
   background-image: url("obr/teplomercara.gif");
   background-repeat: repeat;
   background-color: #943;
}

/* --- TEPLOMER ----------------------------------------- */



/* ----------------   Další užitečné věci :-) ---------------------- */
div.c{
text-align: center;
}
div.p3 {
padding: 3px;
}
.cb {
clear: both;
}