/* <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lora" /> */
/* mozna jede pro CZ? //fonts.googleapis.com/css?family=Lora:600&subset=latin,latin-ext*/

/* ---------------- IMPORT FONT -------------------------*/

@import url(http:////fonts.googleapis.com/css?family=Lora);

/* ---------------- FORMAT ARTICLE TEXT ----------------*/

.article p {
  font-family: Lora; 
  font-size: 20px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 400; 
  line-height: 33px; 
  color: #333333;
  text-align: justify;
}

.article li {
  font-family: Lora; 
  font-size: 20px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 400; 
  line-height: 33px; 
  color: #333333;
  text-align: justify;
}

.article h1 {
  font-family: Arial; 
  font-size: 40px; 
  font-weight: bold; 
  color: #222222;
}

.article h2 {
  font-family: Arial; 
  font-size: 28px; 
  font-weight: bold; 
  color: #222222;
}

.article h3 {
  font-family: Arial; 
  font-size: 24px; 
  font-weight: bold; 
  color: #222222;
}

.article a {color: #3399FF; text-decoration: underline;}
.article a:hover {color: #3399FF; text-decoration: none;}
.article a:visited {color: #3399FF; text-decoration: underline;}

.article table {
  table-layout: auto;
  background-color: #FFF;
  margin-top: 20px;
  margin-bottom: 20px;
}

.article td {
  font-family: Lora; 
  font-size: 20px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 400; 
  line-height: 33px; 
  color: #333333;
  text-align: left;
  vertical-align: middle;
  border-spacing: 0px;
  padding: 5px;
  border-width: thin;
  border-style: solid;
  border-color: #000;
}

.article td a {color: #3399FF; text-decoration: underline;}
.article td a:visited {color: #3399FF; text-decoration: underline;}

.article th {
  font-family: Lora; 
  font-size: 20px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: bold; 
  line-height: 33px; 
  color: #333333;
  text-align: left;
  vertical-align: middle;
  border-spacing: 0px;
  padding: 5px;
  border-width: thin;
  border-style: solid;
  border-color: #000;
  background-color: #CCC;
}

/* -------------- FORMAT IMAGE LABEL ------------------*/


.popisek {
  font-family: Arial; 
  font-weight: normal;
  font-style: italic;
  color: gray;
  font-size: 18px;
  line-height: 29px; 
  padding-bottom: 20px; 
}

.popisek a {color: gray; text-decoration: underline;}
.popisek a:hover {color: gray; text-decoration: none;}
.popisek a:visited {color: gray; text-decoration: underline;}


/* --------------- LEFTOVERS ------------------------*/

.article-left {
  float: left;
}

.article-right {
  float: right;
  padding-right: 5px;
}
    
/*-------------- COMMENTS -----------------------------*/

.comment {
  font-family: Lora; 
  font-size: 18px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 400; 
  line-height: 33px; 
  color: #333333;
  text-align: left;
}