/**
 * Redakční systém JSR
 * styly.css
 * Soubor s CSS styly pro zobrazení v prohlížeči.
 *
 * @author Josef Šmíd <josef@skit.cz>
 * @copyright (c) 2007-2019 Josef Šmíd
 * @version 1.9.6
 *
 * colors:
 * text: #5a5a5a
 * green: #7daf39
 * grey background: #e9e9e9
 * table background: #f5f5f5
 */

/* základní nastavení *********************************************************/

@import url('https://fonts.googleapis.com/css?family=Rajdhani:400,700|Roboto:300,400,700');

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

body, td, th, li, textarea
{
  font-family: 'Roboto',sans-serif;
  color: #5a5a5a;
  font-size: 100%;
  font-weight: 300;
}

h1,h2,h3,h4,h5,h6,p.nadpis_h2,p.nadpis_h3 { font-family: 'Rajdhani',sans-serif; font-weight: 700; }

h2 { font-size: 170%; padding-bottom: 40px; }

strong { font-weight: 700; }

ul,ol { margin: 10px 20px; }
ul.mapa-webu span { font-size: 90%; }

a { color: #5a5a5a; text-decoration: underline; }
a:hover { color: #000; }

input[type=submit], input[type=button], a.button
{
  display: inline-block;
  padding: 20px 45px;
  border: 1px solid #7daf39;
  background-color: #7daf39;
  border-radius: 40px;
  color: #fff;
  text-decoration: none;
  font-size: 110%;
  text-align: center;
}
a.button.lightgreen { background-color: #fff; color: #7daf39; }
a.button.white { border-color: #fff; background-color: #fff; color: #5a5a5a; }
a.button.grey { border-color: #8e8e8e; background-color: #8e8e8e; color: #fff; }
input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, input[type=button]:focus, a.button:hover, a.button:focus { cursor: pointer; border-color: #5a5a5a; background-color: #5a5a5a; }
a.button.lightgreen:hover, a.button.lightgreen:focus { cursor: pointer; border-color: #000; background-color: #fff; color: #000; }
a.button.white:hover, a.button.white:focus { cursor: pointer; border-color: #7daf39; background-color: #7daf39; color: #fff; }

img { border: none; }
img#loading { vertical-align: middle; height: 25px; width: auto; margin-left: 3px; display: none; }

.loading { background: #fff url( './../libs/jquery/images/loading.gif' ) 90% center no-repeat; }
.chybna { box-shadow: 0px 0px 3px rgb(255, 0, 0); }
.spanstav { padding-left: 10px; font-weight: 300; font-size: 90%; max-width: 200px; vertical-align: middle; }
.spanstav.ok { color: #7daf39; }
.spanstav.chyba { color: red; }

input, select, textarea { padding: 12px 30px; font-size: 110%; }
input:disabled, select:disabled, textarea:disabled, input:read-only, select:read-only, textarea:read-only { background-color: #efefef; }
textarea { font-size: 90%; }
input[type=radio]:checked, input[type=checkbox]:checked, input[type=text]:not(.chybna):focus, select:focus, textarea:focus, input[type=password]:not(.chybna):focus { box-shadow: 0px 0px 3px rgb(125, 175, 57); }

input[type=text], input[type=password], select, textarea { border: 1px solid #e9e9e9; border-radius: 4px; }

label:hover { cursor: pointer; }


/* speciální společné prvky ***************************************************/

.full { width: 100%; }
.basic { width: 1200px; margin: 0 auto; }

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

.vlevo { float: left; }
.vpravo { float: right; }

.biggerfont { font-size: 130%; }
.biggerfont p { line-height: 140%; }

.generic { padding: 60px 0; }

div.mezera { width: 100%; clear: both; }
.clear:after
{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

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

/* základní layout webu *******************************************************/

#titulek_whole { border-bottom: 1px solid #f0f5f1; background-color: #fff; min-width: 360px; }

#titulek {  }

  #titulek_rest { display: block; }

  #logo { width: 300px; padding-top: 15px; }
  #logo_left { display: inline-block; width: 95px; margin-right: 25px; vertical-align: middle; }
  #logo_right { display: inline-block; width: 180px; vertical-align: middle; margin-top: 13px; }
  #logo img { width: 95px; height: 65px; }
  #logo p.nadpis_h2 { font-size: 220%; line-height: 100%; }
  #logo h1 { font-family: 'Roboto',sans-serif; font-weight: 300; font-size: 80%; line-height: 100%;  }

  #menu { width: 590px; padding-top: 25px; padding-bottom: 20px; margin-left: 50px; }
  #menu a { display: block; border-bottom: 4px solid #fff; text-decoration: none; padding: 15px 5px; margin: 0 15px; }
  #menu a:hover { border-bottom: 4px solid #5a5a5a; }
  #menu a.aktivni { border-bottom: 4px solid #7daf39; }

  /* dropdown menu */
  .dropdown, .dropdown ul { list-style: none; margin: 0; }
  .dropdown li.head { float: left; position: relative; font-weight: 400; }
  .dropdown li.head ul { display: none; }

  #titulek_login { width: 250px; font-size: 90%; font-weight: 400; padding-top: 10px; }
  #titulek_login a.button { padding: 12px 40px; text-transform: uppercase; margin-bottom: 5px; }

/* zafixovaná hlavička */
.fixedheader { position: fixed; top: 0; left: 0; }
.fixedheader #logo { padding-top: 0; }
.fixedheader #logo_left { width: 75px; }
.fixedheader #logo img { height: auto; width: 75px; }
.fixedheader #logo p.nadpis_h2 { font-size: 160%; }
.fixedheader #logo_right { margin-right: 20px; margin-top: 7px; }
.fixedheader #menu { padding-top: 5px; padding-bottom: 0; }
.fixedheader #titulek_login a { display: none; }
.fixedheader #titulek_login a.button { display: inline-block; padding: 6px 40px; }

#uvod_whole { padding: 70px 0; }

  #uvod_levy { width: 50%; }
  #uvod_pravy { width: 50%; }
  #uvod_levy_links { padding-top: 50px; }
  #uvod_levy_links p { display: inline-block; vertical-align: middle; margin-right: 10px; }

  #uvod_levy_links a { margin-bottom: 20px; }
  #uvod_levy_links a.button.green { padding: 10px 45px; }
  #uvod_levy_links a.button em { font-style: normal; font-size: 80%; }

  #uvod_levy_base p:first-of-type { width: 67%; }

#vyhody_whole { background-color: #e9e9e9; padding: 50px 0 70px 0; }

  #vyhody_divs h3 { font-size: 120%; padding: 20px 0 30px 0; }
  #vyhody_divs p { font-size: 90%; line-height: 150%; font-weight: 400; }
  #vyhody_divs div { display: inline-block; width: 26%; padding: 4% 2%; vertical-align: top; }
  #vyhody_link { padding-top: 30px; }

#funkce { padding: 50px 0; }
  #funkce h3 { float: left; width: 30%; padding-right: 5%; text-align: right; }
  #funkce p { float: left; width: 65%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc; line-height: 150%; }

#cenik { padding: 70px 0; }
  #cenik h2 { padding-bottom: 10px; }

  #cenik_top { padding-bottom: 50px; }
  #cenik_middle { padding: 50px 0; border: 1px solid #ebebeb; border-width: 1px 0; }
  #cenik_bottom { padding-top: 50px; }

  #cenik_bottom p.nadpis_h2 { color: #7daf39; font-size: 200%; padding-bottom: 40px; }
  #cenik_bottom a.button { font-weight: 700; padding-left: 80px; padding-right: 80px; }

  #cenik_middle table { margin: 0 auto 40px auto; border-spacing: 0; }
  #cenik_middle table td { padding: 20px; width: 180px; line-height: 140%; font-size: 120%; }
  #cenik_middle table tr td:nth-child(1) em { font-style: normal; font-size: 90%; }
  #cenik_middle table tr td:nth-child(2) em { font-style: normal; color: #7daf39; }
  #cenik_middle table tr td:nth-child(1) { border-bottom: 2px solid #ebebeb; font-size: 100%; }
  #cenik_middle table tr td:nth-child(2) { border: 1px solid #ebebeb; border-width: 0 1px 2px 1px; box-shadow: #ebebeb -2px -1px 3px; }
  #cenik_middle table tr td:nth-child(3) { border-bottom: 2px solid #ebebeb; background-color: #f5f5f5; }

#objednavka_whole { background-color: #e9e9e9; padding: 70px 0; }

  #objednavka { border-bottom: 1px solid #ccc; }

  #objednavka input[type=text], #objednavka input[type=password] { width: 400px; margin-bottom: 15px; }
  #objednavka input[type=button] { width: 350px; margin-top: 40px; font-size: 90%; }
  #objednavka input[type=button]:disabled { border-color: #8e8e8e; background-color: #8e8e8e; color: #fff; }
  #objednavka label { display: inline-block; width: 350px; text-align: right; margin-bottom: 15px; font-weight: 400; padding-right: 20px; }
  #objednavka_bottom { padding: 50px 0; }
  #objednavka_result { padding: 10px 30px; margin-bottom: 30px; border-radius: 4px; }
  .errorbox { background-color: #ffc6c6; border: 1px solid #eea9a9; }
  .okbox { background-color: #e4edcf; border: 1px solid #ced7ba; }

#kontakt_whole { background-color: #e9e9e9; padding: 20px 0 100px 0; }

  #kontakt_top { padding-bottom: 50px; }
  #kontakt_levy, #kontakt_pravy { display: inline-block; width: 500px; padding: 20px 0; font-weight: 700; font-size: 110%; }
  #kontakt_levy { border-right: 1px solid #ccc; }
  #kontakt_levy a { color: #7daf39; }
  #kontakt_levy a:hover, #kontakt_levy a:focus { color: #000; }

#zapati_whole { border-top: 1px solid #f0f5f1; background-color: #fff; }

#zapati {}

  #zapati_top { padding: 40px 0 70px 0; }

  #logobottom_left { margin-right: 30px; }
  #logobottom_right p.nadpis_h2 { font-size: 200%; }
  #logobottom_right h3 { font-weight: 300; font-size: 130%; }

  #zapati_middle { border: 1px solid #ebebeb; border-width: 1px 0; padding: 50px 0; font-size: 90%; }

  #zapati_middle a { color: #7daf39; }
  #zapati_middle a:hover, #zapati_middle a:focus { color: #000; }

  #zapati_middle_left { width: 22%; padding-right: 3%; line-height: 230%; }
  #zapati_middle_middle { width: 25%; line-height: 230%; }
  #zapati_middle_right { width: 40%; line-height: 170%; }

  #zapati_bottom { padding: 30px 0; font-size: 90%; }

#obsah_inner { padding: 50px 0 70px 0; }

  #obsah_inner h2 { font-size: 200%; }
  #obsah_inner h3 { font-size: 120%; padding-bottom: 20px; }
  #obsah_inner h4 { font-size: 110%; padding-bottom: 10px; }

  #obsah_inner p, #obsah_inner li { padding-bottom: 20px; line-height: 150%; }


/* 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; }




/* jQuery UI styly ********************************************************** */

.ui-autocomplete { width: 280px; padding: 1px !important; border-radius: 0 !important; border: 1px solid #c0c0c0 !important; }
.ui-autocomplete li { font-size: 80%; padding: 0; margin: 0; border-radius: 0 !important; }
.ui-autocomplete li a { padding: 0; margin: 0; border-radius: 0 !important; cursor: pointer; }
.ui-autocomplete li a.ui-state-focus { border: solid 1px #e0e0e0 !important; background-color: #e0e0e0 !important; }
.ui-autocomplete-loading { background: transparent url( './../libs/jquery/images/loading.gif' ) center right no-repeat !important; background-size: contain !important; }

.ui-autocomplete-obrazek { float: left; text-align: center; width: 60px; padding: 5px 0 0 0; }
.ui-autocomplete-obrazek img { max-width: 60px; max-height: 60px; margin: 0; }
.ui-autocomplete-text { float: right; width: 205px; line-height: 110%; font-weight: bold; padding: 5px 0; max-height: 60px; overflow: hidden; }
.ui-autocomplete-text span { color: #909090; font-weight: normal; font-size: 80%; }
.ui-autocomplete-text span span { font-size: 100%; }
.ui-autocomplete-extra { font-weight: bold; text-align: center; padding: 10px 0; }
.ui-autocomplete-extra span { color: #909090; font-weight: normal; font-size: 80%; }

#map_canvas { width: 100%; height: 465px; background: #3b3b3b; /*url(/images/clanek_2.jpg) center center no-repeat*/; margin-top: 45px; /*filter: grayscale(100%);*/ }
#map_canvas h6 { color: #000; font-weight: bold; padding-bottom: 5px; margin: 0; font-size: 110%; }


@media (max-width: 1250px)
{
  .basic { width: 96%; margin: 0 2%; }

  #logo { width: 240px; }
  #logo_left { width: 75px; }
  #logo img { height: auto; width: 75px; }
  #logo p.nadpis_h2 { font-size: 160%; }
  #logo_right { width: 140px; margin-top: 5px; }
  .fixedheader #logo_right { margin-right: 0; }
  #menu { width: 380px; margin-left: 10px; }
  #menu a { padding: 5px; margin: 0 5px; }
  #titulek_login { width: 170px; }
  #titulek_login a.button { display: inline-block; padding: 6px 40px; }
  #titulek_login a:not(.button) { font-size: 90%; }

  #uvod_pravy p { text-align: center; }
  #uvod_pravy img { width: auto; height: auto; max-width: 90%; }

  #uvod_levy_base p:first-of-type { width: auto; }

  #kontakt_levy, #kontakt_pravy { width: 100%; border: none; }

  #objednavka input[type=text], #objednavka input[type=password] { width: 250px; }
  #objednavka label { width: 200px; }
}


@media (max-width: 880px)
{
  #uvod_whole { padding-top: 40px; }

  #menu_mobile { display: block; float: right; padding-top: 17px; }
  .fixedheader #menu_mobile { padding-top: 5px; }
  #logo { width: 80%; padding-bottom: 15px; }
  #logo_right { float: left; }
  .fixedheader #logo { padding-bottom: 0; }
  #menu { width: 100%; text-align: center; margin: 0; border-top: 1px solid #f0f5f1; }
  #menu a { display: inline-block; }
  .dropdown li.head { width: 100%; text-align: center; padding: 5px 0; }
  #titulek_login { width: 100%; padding-bottom: 30px;  }
  #titulek_rest { display: none; }

  #uvod_levy { width: 100%; text-align: center; }
  #uvod_pravy { width: 100%; padding: 30px 0; }

  #vyhody_divs div { width: 45%; }

  #objednavka input[type=text], #objednavka input[type=password] { width: 85%; }
  #objednavka label { width: 100%; text-align: left; padding-right: 0; margin-top: 15px; }

  #logobottom_left { width: 27%; margin-right: 3%; text-align: right; }
  #logobottom_right { float: left; width: 70%; }
  #zapati_top_left { width: 100%; text-align: left; }
  #zapati_top_right { width: 100%; text-align: center; padding-top: 50px; }

  #zapati_middle_left { width: 45%; padding-right: 5%; }
  #zapati_middle_middle { width: 50%; }
  #zapati_middle_right { width: 100%; padding-top: 40px; }

  .spanstav { max-width: 90%}
}

@media (max-width: 500px)
{
  body { min-width: 360px; }

  #vyhody_divs div { width: 100%; padding: 4% 0; }
  #objednavka input[type=button] { width: 80%; }

  #funkce { padding-bottom: 0; }
  #funkce h3 { float: none; width: 100%; padding-right: 0%; text-align: left; }
  #funkce p { float: none; width: 100%; }
}