body,img,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,td,th {margin:0;padding:0;}

/*******************************LAYOUT****************************************/
body{

    background-color: #e2e2e2; 
     
    font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    

}

#wrap{
    
    background-color: white;
    text-align: left;
  	
    margin: 8px auto;
    
    width: 794px;    
}

#top{
    position: relative;
    background: url("../img/topMenu.png");
    width: 794px; 
    height: 66px;
}

#top_en{
    position: relative;
    background: url("../img/topMenu_en.png");
    width: 794px; 
    height: 66px;
}

#top a, #top_en a{
    
    display: block;
    width: 170px;
    height: 70px;
}

#top a span, #top_en a span {
    display: none;
}

#top_en a span {
    display: none;
}

#top_banner{
    background: url("../img/topImg.jpg");
    width: 794px;
    height: 142px;
}



#left{
    float: left;
    width: 172px;
}

     #nadmenem{
          background: url("../img/nadmenem.png") top left no-repeat;
          width: 172px;
          font-size: 0px;
          height: 12px;       
    
    }
    
    
    
    ul#menu_left{
        padding: 3px 10px 5px 28px;
        
        list-style: none;
        background: url("../img/vzor.gif") repeat-x;
        
    }

    ul#menu_left li{
        
        position: relative;
        padding-bottom: 3px;
        
        
    }

    #evropa{
          background: url("../img/evropa.png") top left no-repeat;
          width: 172px;
          
          height: 92px; 
    
    
    }
    
    #evropa a{
     display: block;
     width: 172px;
          
     height: 92px; 
         
     
    }
    
    #newsletter{
        background: url("../img/leftNewsletter.png") top left no-repeat;
        color: #051e70;
        text-align: right;
        padding: 45px 5px 0px 10px;
        margin-top: 20px;
    }
    
    #vyhledavani{
        background: url("../img/leftHledej.png") top left no-repeat;
        color: #051e70;
        text-align: right;
        padding: 45px 5px 0px 10px;
        margin-top: 20px;
    }
    
    #bulletin{
        background: url("../img/leftBulletin.png") top left no-repeat;
        color: #051e70;
        text-align: right;
        padding: 45px 5px 0px 0px;
        margin-top: 20px;
    }

    #doporucujeme{
        background: url("../img/leftDoporucujeme.png") top left no-repeat;
        color: #051e70;
        text-align: right;
        padding: 45px 5px 0px 0px;
        margin-top: 20px;
    }

    #bannery{
        
        color: #051e70;
        text-align: right;
        padding: 45px 0px 0px 0px;
        
    }
    
   #bannery img {margin-bottom: 10px;}
    
    #flashbanner{
        background: url("../img/leftLink.png") top left no-repeat;
        color: #051e70;
        text-align: right;
        padding: 45px 5px 0px 0px;
        margin-top: 20px;
    }
    
    #zakladna{
        background: url("../img/prozakladnu.png") top left no-repeat;
        color: #051e70;
        text-align: right;
        padding: 45px 5px 0px 0px;
        margin-top: 20px;
    }

    #navstevnost{
        background: url("../img/leftNavstevnost.png") top left no-repeat;
        color: #051e70;
        text-align: right;
        padding: 45px 5px 0px 0px;
        margin-top: 20px;
    }


#right{
    float: left;
    background: white;
    width: 622px;
}

    #top_story{
        margin-top: 0px;
        margin-left: 9px;
        padding: 20px 28px 8px 18px;
        font-size: 14px;
        text-align: justify;
        line-height: 1.2;
    }

    #akce{
        background-color: #ebf1f8; 
        padding: 31px 28px 30px 27px;
        font-size: 14px;
        color: #bf0120;
    }
    
    #dalsi_clanky{
        float:left;
        display: inline;
        margin-top: 4px;
        margin-left: 27px;
        margin-right: 27px;
        width: 381px; 
    }

        #starsi_clanky{
            margin-top: 10px;
        }
    
        #box {
            padding: 10px;
            background-color: #edf1f7;
            border: 1px solid #d1d8e6;
        
        }
    
            .polozka {padding-left:40px; background: url("../img/ostatni.gif") center left no-repeat; margin-bottom: 30px;}
            .polozka_posledni {padding-left:40px; background: url("../img/ostatni.gif") center left no-repeat; margin-bottom: 0px;}
    
    #novinky{
        float: left;
        width: 187px;
       
        
    }
        #novinky_vnitrek {
            background: url("../img/kratkeZpravy.png") top left no-repeat #e8ecf3;
            width: auto;
             padding-top: 45px;
            padding-left: 10px;
            padding-right: 10px;
        }
        
    #topVideo {
        
        
        background-image: url('../img/title.topVideo.jpg');
        background-repeat: no-repeat;
        background-position: right 0px;
        padding: 20px 10px 20px 10px;
        text-align: justify; 
    }
        #topVideo div {
            
        }
        #topVideo h4 {
            color: #bf0120;
        }
        
    
#patka{
    clear: both;
    width: 794px;
    background-color: #8596b1;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 11px;
    padding: 6px 0px;
}


#hlavni_obsah {margin:20px 16px;text-align:justify;font-size:13px; width: 590px;}
#jen_nadpis {border-top: 2px dotted #aaaaaa; border-bottom: 2px dotted #aaaaaa; margin-top: 20px; padding-top: 14px; padding-bottom: 14px;}
#obsah_clanku {width: auto;}

/***********detail***************************/
.anotace {background-color: #edf1f7; font-size: 14px; border: 1px solid #d1d8e6; padding: 7px; margin-bottom: 10px;}

#hlavni_obsah p {line-height: 1.2; padding-bottom: 10px;}

#hlavni_obsah ul {margin-left: 50px; margin-bottom: 10px;}
#hlavni_obsah ul li {padding-bottom: 10px;}

/*********************forum*********************/
#nedekujeme {background-color: #e5e5e5; border: 1px solid black; text-align: center; padding: 4px; font-size: 11px; margin-bottom: 15px;}
.posuvnik {
    border: 1px dotted rgb(83, 124, 180); 
    padding: 5px; 
    text-align: center;
    background-color: rgb(237, 241, 247);
    margin-bottom: 35px;}

.posuvnik_vlevo {
    float: left;
    width: 300px;
    border: 1px dotted rgb(83, 124, 180); 
    padding: 5px; 
    text-align: center;
    background-color: rgb(237, 241, 247);
    margin-right: 20px;
    margin-bottom: 35px;
    
    }


/*nabidka*****************************************/
.nabidka_hlavicka{background-color: #edf1f7; border-top: 1px solid #3b5f9f; font-weight: bold; margin-top: 12px; padding: 4px 0px; width: 460px;}
.autor_cena{position: relative; text-align: right; font-size: 12px;padding: 3px 0px; width: 460px;}
.autor_knihy{position: absolute; top: 4px; left: 0px;}
.podrobnosti{padding: 3px 0px; width: 460px;}
.veta {border-top: 1px solid black; padding-top: 5px; margin-top: 15px;}
.obsah_publikace {padding-top: 15px; text-align: left; width: 460px; font-size: 12px; border-top:1px solid #aaaaaa;}
div.obsah_publikace img {float: right; margin-left: 5px; margin-bottom: 5px;}

/***************************CLASSES*******************************************/
.vpravo {float: right;}
.vpravo_text{text-align: right; font-weight: bold; font-size: 12px;}
.img_centervertical {vertical-align: middle;}

.autor_starsiclanky {font-style:italic; font-size: 10px;}
.autor{color: #545454; font-style: italic; margin-bottom:15px; background: url("../img/autor.gif") top left no-repeat; padding-left: 20px; font-size: 12px;}
.datum_novinky {font-size: 10px; color: color: #051e70; }

.autor_datum {font-size: 11px; font-style: italic; position: relative; top: -10px;}
.datum_autor {font-size: 11px; color: #777777}
.cely_dizkuse {margin-right: 15px; font-weight: bold; font-size: 11px; }
.nadpis {color: #051e70; font-weight: bold;}

.spodni_lista_vlevo { background-color: #edf1f7; padding: 4px 0px 4px 0px; margin-bottom: 30px; float: left; width: 180px; clear: both;}
.spodni_lista_vpravo { background-color: #edf1f7; padding: 4px 0px 4px 0px;  margin-bottom: 30px; float: left; width: 200px; text-align: right; position: relative;}

.cely_dizkuse a{color: #051e70;}

.cely_clanek {margin-right: 5px;}
.cely_clanek2 {font-weight: bold; text-align: right; clear: both;}

.img_vypis {float: left; margin-right: 5px; margin-bottom: 3px;}
.loc_kos  {position: absolute; top: 13px; left: 61px; _left: 58px; }
.loc_kos2 {position: absolute; top: 13px; left: 132px;}
.loc_kos3  {position: absolute; top: 13px; left: 187px;}

.carky {position: absolute; left: -18px; top: 5px;}
.patka_boxu {background-color: #8596b1; padding: 3px 0px; text-align: center;}
.patka_boxu a{color: white; font-weight: bold;}

.margin_datum {margin-bottom: 5px;}
.modra {color: #051e70;}
.red {color: #bf0120;}

.polozka a {color: #051e70;}
.polozka_posledni a {color: #051e70;}
.box-detail{
     border: 1px dotted rgb(83, 124, 180); 
    padding: 15px; 
    background-color: rgb(237, 241, 247);
     margin-top: 10px;
     margin-bottom: 20px;
}
.box-detail a {color: #051e70;}
.modry {color: #a6a6a6; display: block; margin-bottom: 20px;}
.dizkuze {background: url("../img/diskuse.gif") top left no-repeat; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; position: relative; left: 60px;}
.archiv {background: url("../img/ostatni.gif") top left no-repeat; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; }
.kategorie {background: url("../img/cely.gif") top left no-repeat; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; position: relative; left: 10px; }
/**************************NADPISY******************************************/

h1 {color:#bf0120;font-size:18px;margin-top:0px; margin-bottom:5px;}
h2 {color:#bf0120; font-size:14px; margin-bottom: 10px;  margin-left: 2px; clear: both; margin-top: 30px;}
h3 {color: #051e70; font-size: 13px;}
h4 {color: #051e70; font-size: 12px; margin-top: 15px; }

#prispevek h3{font-size: 13px; color: black; font-weight: bold; margin-bottom: 10px;}
#prispevek {margin-bottom: 15px;}

#hlavni_obsah h1 {margin-bottom: 14px; text-align: left;}
#hlavni_obsah h2 {font-size:14px;margin-top:20px;margin-bottom:8px;border-top: 2px dotted #aaaaaa; padding:0; padding-top:6px;  background: none; margin-left: -1px;}

/*******************************************SEZNAMY**************************************/
ul#topmenu {position: absolute; top: 44px; left: 180px; list-style: none;}
ul#topmenu li{float: left;}

ul#topmenu li.pol1 a{display: block; background: url("../img/buttony/button_01.gif"); width: 136px; height: 14px;}
ul#topmenu li.pol2 a{display: block; background: url("../img/buttony/button_02.gif"); width: 64px; height: 14px;}
ul#topmenu li.pol3 a{display: block; background: url("../img/buttony/button_03.gif"); width: 66px; height: 14px;}
ul#topmenu li.pol4 a{display: block; background: url("../img/buttony/button_04.gif"); width: 82px; height: 14px;}
ul#topmenu li.pol5 a{display: block; background: url("../img/buttony/button_05.gif"); width: 63px; height: 14px;}
ul#topmenu li.pol6 a{display: block; background: url("../img/buttony/button_06.gif"); width: 117px; height: 14px;}


ul#topmenu_en {position: absolute; top: 64px; left: 590px; list-style: none;}
ul#topmenu_en li{float: left;}


ul#topmenu_en li.pol1 a{display: block; background: url("../img/buttony/button_06.gif"); width: 117px; height: 14px;}

ul#language {position: absolute; top: 14px; left: 685px; list-style: none;}
ul#language li{float: left;}
ul#language li.pol1 a{display: block; background: url("../img/czech.gif"); width: 32px; height: 17px;}
ul#language li.pol2 a{margin-left: 17px; display: block; background: url("../img/english.gif"); width: 38px; height: 17px;}
/**************************LINKS***********************************************/
a {color: #bf0120; text-decoration: none;}
a:hover {text-decoration: underline;}

ul#menu_left a {color: white;}
a.kosik {display: block; width: 165px; height: 29px; background: url("../img/kosik.gif") top right no-repeat;}
.spodni_lista a {color: #051e70;} 
#akce a {font-weight: bold;}
img {border: none;}
p.cely_clanek2 a {color:#051e70}

#starsi_clanky strong{color: #051e70;}
/****************************FORMS********************************************/
form{
    border: 1px dotted rgb(83, 124, 180); 
    padding: 5px; 
    text-align: left;
    background-color: rgb(237, 241, 247);
    }

textarea {
    font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; 
    font-size: 12px;
   
}
.sipky {height: 22px; float: right; background-color: white; font-size: 12px;}


label {font-size: 12px;}

form.bulletin {width: 450px;}
form.bulletin div {margin-bottom: 3px;}
form.bulletin input {width: 250px;}
form.bulletin textarea {width: 445px; height: 150px;}


form.dizkuse {margin-bottom: 20px; position:relative; height: 170px;}
form.dizkuse label {font-weight: normal;}
form.dizkuse div {margin-bottom: 5px;}
form.dizkuse input.big {width: 250px;}
form.dizkuse input.small {width: 100px;}
form.dizkuse textarea {width: 99%; height: 70px;}

form.knihovna {float: left;}
form.archivform {float: right;}

.option {width:234px;background-color:#edf1f7;border:1px dotted #537cb4;padding:5px}

#loc1 {position:absolute; top: 130px; left:5px;}
#loc2 {position:absolute; top: 130px; left:135px;}
#loc3 {position:absolute; top: 150px; left:270px;}
#loc4 {position:absolute; top: 150px; left:440px;}
/*******************************ODSTAVCE*******************************************/
#left p {padding-bottom: 5px; padding-left: 10px;}
#novinky_vnitrek p {text-align: justify; padding-bottom: 7px;}
p#archiv_novinek {color: white; text-align: center; padding: 5px 0px;}
#dalsi_clanky p.text {padding-bottom: 10px; text-align: justify;}
div#jen_nadpis p {padding-bottom: 7px;}


table.hlavicka_prispevku {margin-bottom: 7px; background-color: #e3ecf7; width: 100%;}

td{padding:1px 4px;}
td.autor_prispevku {width: 25%; font-weight: bold;}
td.datum {font-size: 11px; width: 25%;text-align: right;}
td.mail {width: 50%;}
td.reagovat {text-align: right; font-size: 11px}


.modryNadpis {
    display: block;
    background-color: #edf1f7;
    border-bottom: 1px solid #3b5f9f;
    font-weight: bold;
    margin: 5px 0px 3px 0px;
}

.cervenyNadpis {
    display: block;
    background-color: #edc3ca;
    border-bottom: 1px solid #3b5f9f;
    font-weight: bold;
    margin: 5px 0px 3px 0px;
}


/***************************NASI LIDE******************************/

.jmeno {background-color: #edf1f7; padding: 3px; margin-bottom: 8px; clear: both;}
.fotka {float: left; text-align: center; margin-right: 10px;}
.fotka img {border: 3px solid #edf1f7;}
.mail {background: url("../img/mail.png") center left no-repeat; padding-left: 20px; color: #051e70;}

.kurziva {font-style: italic;}


.banner{margin-top: 20px; margin-left: 20px;}


.evropa_img {float: left; margin-right: 8px; width: 180px; margin-top: 6px; margin-bottom: 10px;}
.dalsi_clanek_img {float: left; margin-right: 8px; margin-top: 6px; width: 100px; margin-bottom: 5px;}