/**
 * JSR - skit.cz
 * styly.css
 * Soubor s CSS styly pro zobrazení v prohlížeči.
 *
 * @author Josef Šmíd <josef@skit.cz>
 * @copyright (c) 2007-2022 Josef Šmíd
 * @version 1.9.1
 */

/* barvy

běžný text: 231f20
světle modrá pozadí: f5f9ff
tmavě modrá nadpisy: 2f4260
zelená odkazy: 77b03e
šedá text: 939597

oranžová: e4a100
červená: e44000

*/

* { outline: none; margin: 0; padding: 0; }

.full { width: 100%; }
.basic { width: 1200px; margin: 0 auto; }
.narrow { width: 800px; margin: 0 auto; }
.half { width: 47%; }
  .half:nth-child(odd) { padding-right: 6%; }

.fleft { float: left; }
.fright { float: right; }

.left { text-align: left; }
.center, .stred { text-align: center; }
.right, .pravy { text-align: right; }

.noprint { }
.noprintall, .nodisplay { display: none; }
.hidden { display: none; }

.mezera { width: 100%; clear: both; }

body
{
  background: #fff;
  color: #231f20;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans',sans-serif;
  font-weight: 400;
  font-size: 100%;
  min-width: 300px;
}

img { border: none; }

p,li { line-height: 160%; }

ol,ul { padding: 0 35px; }
ul { list-style: none; }

ul:not(.dropdown) li::before
{
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #77b03e; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  font-size: 150%;
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 20px; /* Also needed for space (tweak if needed) */
  margin-left: -20px; /* Also needed for space (tweak if needed) */
}

h1, p.nadpis_h1
{
  font-family: 'Ubuntu',sans-serif;
  font-weight: 400;
  color: #2f4260;
  font-size: 300%;
  padding-bottom: 40px;
  line-height: 100%;
}
p.nadpis_h1.green { color: #77b03e; }

h2, p.nadpis_h2
{
  font-family: 'Ubuntu',sans-serif;
  font-weight: 400;
  color: #2f4260;
  font-size: 160%;
  padding: 30px 0;
  line-height: 100%;
}

h3, p.nadpis_h3
{
  font-family: 'Ubuntu',sans-serif;
  font-weight: 400;
  color: #231f20;
  font-size: 120%;
  padding-top: 20px;
  padding-bottom: 30px;
  line-height: 100%;
}

a { color: #77b03e; text-decoration: underline; }
a:focus,a:hover { color: #231f20; }

table { width: 100%; border: none; border-spacing: 0; }
td,th { padding: 10px; border: none; border-spacing: 0; }

input, select, textarea
{
  padding: 10px 20px;
  border: 1px solid #c0ccdf;
  border-radius: 4px;
  font-family: 'Open Sans',sans-serif;
  font-size: 100%;
}
input:focus, select:focus, textarea:focus { border-color: #231f20; }

input[type="submit"]
{
  display: block;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  background-color: #77b03e;
  border: none;
  padding: 20px 40px;
  font-weight: 400;
  cursor: pointer;
}
input[type="submit"]:focus, input[type="submit"]:hover { background-color: #5d9129; }

label { cursor: pointer; }












#horni_zprava
{
  padding: 10px 0;
  background-color: #fffe9a;
}

#hornicely { background-color: #f5f9ff; }
#horni { padding: 30px 0; }

#titulek { width: 250px; }

#menu
{
  width: 720px;
  padding-top: 20px;
}
  #menu li
  {
    display: inline-block;
    padding: 0 20px;
    background-color: transparent;
    text-transform: uppercase;
  }
  #menu li.aktivni { font-weight: 700; }
  #menu a { color: #231f20; text-decoration: none; }
  #menu a:focus, #menu a:hover { text-decoration: underline; }

#teamviewer { width: 230px;}
  #teamviewer p { margin: 0; padding: 0; }
  #teamviewer a
  {
    display: block;
    width: calc( 100% - 80px );
    text-transform: uppercase;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    background: #005dcf url('./../data/img/tv.png') 15px center no-repeat;
    padding: 20px 10px 20px 70px;
  }
  #teamviewer a:focus, #teamviewer a:hover { background-color: #034ba3; }

  .fixedheader { position: fixed; top: 0; left: 0; box-shadow: 0 3px 10px #e0e0e0; }
  .fixedheader #horni { padding: 5px 0; }
  .fixedheader #logo { height: 45px; width: auto; }
  .fixedheader #menu { padding-top: 10px; }
  .fixedheader #teamviewer a { padding: 10px 10px 10px 70px; }

#hlavni { }
#obsah { padding: 30px 0; }
  #obsah.bigpadding { padding: 60px 0; }

#detailcely { background-color: #f5f9ff; padding: 40px 0; }
#clanek_perex { font-size: 110%; width: 75%; }
#kontaktcely { background-color: #f5f9ff; padding: 100px 0 60px 0; }

#zapaticele { background-color: #f5f9ff; padding: 70px 0 120px 0; }
#zapati {}
  #zapati_logo { width: 500px; }
  #zapati_menu { width: 700px; }

  .zapati_sloupec { width: 300px; line-height: 220%; }
  .zapati_sloupec:first-child { width: 400px;}
  .zapati_sloupec p { font-weight: 700; }

#copyrightcely { background-color: #2f4260; color: #fff; padding: 20px 0; }






.clanek { padding-bottom: 80px; background-position: top right; background-repeat: no-repeat; }
  .clanek p:not(.nadpis_h1) { padding-bottom: 15px; }
  .clanek ul, .clanek ol { padding-bottom: 15px; }
  .clanek img { max-width: 100%; height: auto; }

  .clanek.half:nth-child(odd) { background-position: right 80px top; }
  .clanek.half h1 { padding-right: 120px;}
  .clanek.half:nth-child(odd) h1 { padding-right: 200px; }
  .clanek.half h1 a { color: #2f4260; text-decoration: none; }
  .clanek.half h1 a:focus, .clanek.half h1 a:hover { text-decoration: underline; }
  .clanek.half div { float: left; width: 65%; padding-bottom: 30px; }
  .clanek.half div:nth-child(even) { width: 35%; }
  .clanek.half em { font-style: normal; display: inline-block; width: 150px; }
  .clanek.half cite { color: #2f4260; font-weight: 700; font-style: normal; }

  .clanek.half div.stav { width: 100%; padding: 40px 0 20px 0; color: #77b03e; font-weight: 700; }
  .clanek.half div.stav span { font-size: 90%; color: #939597; text-decoration: none; font-weight: 400; }
  .clanek.half div.stav a
  {
    display: block;
    float: left;
    width: calc( 50% - 70px );
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    background-color: #77b03e;
    padding: 20px;
    margin-top: -8px;
    margin-right: 30px;
    font-weight: 400;
  }

  .clanek.half div.stav.stav_volno {}
  .clanek.half div.stav.stav_volno a {}

  .clanek.half div.stav.stav_limit { color: #e4a100; }
  .clanek.half div.stav.stav_limit a {}

  .clanek.half div.stav a:focus, .clanek.half div.stav a:hover { background-color: #5d9129; }

  .clanek.half div.stav.stav_stop { color: #e44000; }
  .clanek.half div.stav.stav_stop a { background-color: #939597; }





table.plugin_emailAntispam, table.plugin_emailAntispamEng { text-align: left; margin-top: 40px; }

table.plugin_emailAntispam input[type="text"]:not(.maly), table.plugin_emailAntispamEng input[type="text"]:not(.maly),
table.plugin_emailAntispam textarea, table.plugin_emailAntispamEng textarea
{
  width: calc( 100% - 42px );
}







/*
:target *
{
  animation: highlight 2s;
  animation-delay: 1s;
}

@keyframes highlight
{
  from
  {
    color: transparent;
    background-color: #fff;
  }
}
*/













div#cookies
{
  width: 100%;
  text-align: center;
  padding: 8px 0;
  background-color: #AFAFAF;
  font-size: 80%;
}
a#cookies_accept { padding-left: 40px; text-decoration: none; font-weight: bold; font-size: 120%; }


/* styly pro javascriptovou chybovou hlasku ********************************* */

div.bootstrap-growl {  }
div.bootstrap-growl a.close { float: right; text-decoration: none; color: #909090; display: block; width: 20px; height: 20px; font-size: 120%; }
div.bootstrap-growl.alert { padding: 15px 10px 15px 50px; font-size: 90%; border-radius: 5px; line-height: 140%; text-align: left; }
div.bootstrap-growl.alert.alert-danger {  background: #ffc6c6 url('./../images/admin/ebox.png') no-repeat center left; border: 1px solid #eea9a9; }
div.bootstrap-growl.alert.alert-success {  background: #e4edcf url('./../images/admin/obox.png') no-repeat center left; border: 1px solid #ced7ba; }













@media (max-width: 1220px)
{
  .basic { width: 92%; margin: 0 4%; }

  #horni { padding: 15px 0; }

  #menu_mobile { display: block; float: right; padding-top: 17px; }
  .fixedheader #menu_mobile { padding-top: 5px; }
  #titulek_rest { display: none; width: 100%; padding-top: 15px; position: relative; left: -4%; width: 108%; }

  #menu { width: 100%; text-align: left; background-color: #d9e3ee; padding-top: 0; }
  #menu ul.dropdown { padding: 0; }
  #menu li { width: 100%; border-bottom: 1px solid #cbd2dd; padding: 0; }
  #menu li a { display: block; width: calc( 100% - 8% ); padding: 20px 4%; }

  #teamviewer { width: calc( 100% - 20px ); background-color: #d9e3ee; border-bottom: 1px solid #cbd2dd; padding: 15px 10px; }

  #zapati_logo { width: 100%; padding-bottom: 30px; }
  #zapati_menu { width: 100%; }
  .zapati_sloupec, .zapati_sloupec:first-child { width: 50%; }
}


@media (max-width: 1000px)
{
  .half, .half:nth-child(odd), .clanek.half:nth-child(odd) { width: 100%; padding-right: 0; background-position: top right;  }
  .clanek.half p:not(.nadpis_h1) { padding-right: 200px; }

  #clanek_perex { width: 100%; }

}

@media (max-width: 820px)
{
  .narrow { width: 96%; margin: 0 2%; }
  .clanek.half { background-image: none !important; }
  .clanek.half p:not(.nadpis_h1) { padding-right: 0; }
  .clanek.half h1, .clanek.half:nth-child(odd) h1 { padding-right: 0; }

  h1, p.nadpis_h1
  {
    font-size: 250%;
  }
}


@media (max-width: 620px)
{

  input[type="submit"]
  {
    width: calc( 100% - 0px );
  }

  .zapati_sloupec, .zapati_sloupec:first-child { width: 100%; }
  .zapati_sloupec:first-child { padding-bottom: 30px; }

  .clanek.half em { width: auto; }
  .clanek.half div { float: left; width: 100%; padding-bottom: 30px; }
  .clanek.half div:nth-child(even) { width: 100%; }
  .clanek.half div.stav { text-align: center; }
  .clanek.half div.stav a { width: calc( 100% - 40px ); margin-bottom: 20px; margin-right: 0; }

  table, thead, tbody, th, td, tr {
		display: block;
	}

}