.content {margin-top: 0px !important; padding-top: 10px !important;}
.recenze {}
.recenze h1 {}

.recenze .clear { clear: both; font-size: 1px; height: 1px;}
.recenze h2 {border-bottom: 0px !important; font-weight: bold !important;}

.recenze a.napsat
   {
      display: block;
      width: 170px;
      height: 32px;
      background: #e9654c;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      color: #ffffff !important;
      text-decoration: none !important;
      font-size: 18px;
      text-align: center;
      
      position: absolute;
      right: 0;
      top: 0;
      margin-top: 15px;
   }
   
.recenze a.det
   {      
      margin-top: 330px;
      margin-right: 10px;
   }
      
.recenze a.napsat2
   {
      display: block;
      width: 170px;
      height: 32px;
      background: #e9654c;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      color: #ffffff !important;
      text-decoration: none !important;
      font-size: 18px;
      text-align: center;

   }
   
.recenze a.napsat:hover
   {
      background: #000000;
   }
   
.recenze a.napsat em
   {
      font-style: normal;
      font-weight: bold;
      font-size: 22px;
      color: #f4b2a6;
   }
   
.recenze a.napsat:hover em
   {
      color: #808080;
   }

.recenze ul.vypis
   {
      margin: 0px !important;
      padding: 0px !important;
   }
   
.recenze ul.vypis li
   {
      margin: 0px !important;
      padding: 0px !important;
      list-style-type: none;
      background: none !important;      
   }  
   
.recenze ul.vypis
   {
      padding: 0px;
      margin: 0px;
  
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing:border-box;
      
      width: 100% !important;   
  
   }
   
.recenze ul.vypis li
   {
      padding: 0px;
      margin: 0px;
      list-style-type: none;
      padding-left: 10px !important;
      padding-right: 10px !important;
      padding-bottom: 10px !important;            
      float:left;
      position:relative;
      width:33.33%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;

   }

.recenze .segment .foto img {width: 100%; display: block;}
.recenze .segment .info {margin-top: 10px;}
.recenze .segment .info .restaurace {width: 250px; float: left; display: block;}
.recenze .segment .info .restaurace a.nazev { font-size: 14px; font-weight: bold; color: #000000 !important; text-decoration: none !important; display: block; padding-bottom: 3px; text-align: left;}
.recenze .segment .info .restaurace a.nazev:hover { text-decoration: underline !important; }
.recenze .segment .info .restaurace a.nazev em { font-style: normal; font-size: 10px; font-weight: normal; color: #E9654C; }
.recenze .segment .info .restaurace a.mesto { background: url('../recenze/images/mapsmarker.svg') left top no-repeat; background-size: 12px; font-size: 14px; color: #000000 !important; text-decoration: none !important; display: block; height: 18px; padding-left: 18px;}
.recenze .segment .info .hodnoceni {width: 40px; float: right; display: block; }

.recenze ul.vypis.mesto li
   {
      width: 25%;
   }
   
.recenze ul.vypis.mesto li a
   {
      border: 1px solid #c7c8ca;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
      display: block;
      text-align: center;
      font-size: 15px;
      font-weight: bold;
      color: #e9654c;
      text-decoration: none !important;      
   }
   
.recenze ul.vypis.mesto li a:hover
   {
      border: 1px solid #c7c8ca;
      background: #F4F4F4;   
   }
   
.recenze ul.vypis.nejaktivnejsi
   {
      border: 1px solid #c7c8ca;
      margin-left: 10px !important;
      margin-right: 10px !important;
      padding-top: 12px !important;
      width: calc(100% - 20px) !important;
   }
   
.recenze ul.vypis.nejaktivnejsi li
   {
      width: 33.33%;      
   }
   
.recenze ul.vypis.nejaktivnejsi li .uzivatel
   {
   }
   
.recenze ul.vypis.nejaktivnejsi li .uzivatel .foto
   {
      display: none;
   }
   
.recenze ul.vypis.nejaktivnejsi li .uzivatel img.foto
   {
      float: left;
      width: 90px;
      margin-right: 20px;
      border: 1px solid #d1d3d4;
      -webkit-border-radius: 90px;
      -moz-border-radius: 90px;
      border-radius: 90px;
   }
   
.recenze ul.vypis.nejaktivnejsi li .uzivatel .info a.jmeno
   {
      font-size: 15px;
      color: #e9654c;
      font-weight: bold;
      text-decoration: none !important;
      display: block;
      padding-top: 0px;
      padding-bottom: 3px;
   }
   
.recenze ul.vypis.nejaktivnejsi li .uzivatel .info a.pocet
   {
      font-size: 12px;
      color: #000000 !important;
      font-weight: normal;
      text-decoration: none !important;
      display: inline-block;
   }
   
.recenze ul.vypis.nejaktivnejsi li .uzivatel .info a:hover
   {
      text-decoration: underline !important;
   }

.recenze .detail
   {
      padding-top: 8px;
   }
   
.recenze .detail ul.all
   {
      margin: 0px !important;
      padding: 0px !important;
      width: 100% !important;
      display: block;
      margin-top: 30px !important;
   }
   
.recenze .detail ul.all li
   {
      margin: 0px !important;
      padding: 0px !important;
      width: 100% !important;
      height: auto !important;
      display: block;
      border: 1px solid #cccccc;
      margin-bottom: 10px !important;
      background: none !important;
   }
   
.recenze .detail ul.all li .uzivatel
   {
      width: 300px;
      display: block;
      float: left;
      padding-top: 10px;
      padding-left: 10px;
   }
      
.recenze .detail ul.all li .uzivatel .foto
   {
      display: none;
   }     
   
.recenze .detail ul.all li .uzivatel img.foto
   {
      float: left;
      width: 90px;
      margin-right: 20px;
      border: 1px solid #c7c8ca;
      -webkit-border-radius: 90px;
      -moz-border-radius: 90px;
      border-radius: 90px;
   }
   
.recenze .detail ul.all li .uzivatel .info a.jmeno
   {
      font-size: 15px;
      color: #e9654c;
      font-weight: bold;
      text-decoration: none !important;
      display: block;
      padding-top: 17px;
      padding-bottom: 3px;
   }
   
.recenze .detail ul.all li .uzivatel .info a.pocet
   {
      font-size: 12px;
      font-weight: normal;
      text-decoration: none !important;
      display: inline-block;
      color: #c0c0c0 !important;
      padding-top: 2px;
   }
   
.recenze .detail ul.all li .uzivatel .info .datum
   {
      padding-top: 0px;
   }
   
.recenze .detail ul.all li .uzivatel .info a:hover
   {
      text-decoration: underline !important;
   }
      
.recenze .detail ul.all li ul.foto
   {
      width: 100%;
      height: 77px !important;
      max-width: 370px;
      display: block;
      float: left;
      padding: 0px !important;
      margin: 0px !important;
      margin-top: 15px !important;
      margin-bottom: 15px !important;
   }
   
.recenze .detail ul.all li ul.foto li
   {
      padding: 0px !important;
      margin: 0px !important;
      background: none !important;
      width: 33.33% !important;        
      height: 100% !important;
      float: left; 
      box-sizing: border-box;
      background: url('../foto/recenze/nenikdispozici.jpg') no-repeat !important;
      background-size: 100% !important;
      border: 0px !important;
      
   }
   
.recenze .detail ul.all li ul.foto li img
   {
      width: 100%;
      display: block;
      border: 0px !important;
   }
   
   
.recenze .detail ul.all li .hodnoceni
   {
      width: 60px;
      display: block;
      float: left;
      padding-top: 35px;
      margin-left: 60px;
      margin-right: 10px;
   }
   
.recenze .detail ul.all li a.zobrazit
   { 
      border: 2px solid #E9654C;
      padding: 5px;
      float: left;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      font-weight: bold;
      text-decoration: none;
      margin-left: 18px;
      margin-top: 40px;
      text-decoration: none !important;
   }
   
.recenze .detail ul.all li a.zobrazit:hover
   { 
      border: 2px solid #E9654C;
      background: #E9654C;
      color: #ffffff !important;
   }
   
.recenze .detail .hlavicka .restaurace
   {
      display: block;
      float: left;
      width: calc(100% - 600px);
   }
   
.recenze .detail .hlavicka .restaurace .foto
   { 
      display: block;
      float: left;
      margin-right: 15px;      
      position: relative;
      width: 90px;
      height: 90px;
      overflow: hidden;         
      -webkit-border-radius: 90px;
      -moz-border-radius: 90px;
      border-radius: 90px;
   }
   
.recenze .detail .hlavicka .restaurace .foto img
   {
      height: 90px;
      margin-left: -7px
   } 
   
.recenze .detail .hlavicka .restaurace .info
   { 
      float: left; 
      width: calc(100% - 105px);
   }
   
.recenze .detail .hlavicka .restaurace .info .nazev
   {    
      padding-top: 7px;      
      padding-bottom: 0px;
   }
                   
.recenze .detail .hlavicka .restaurace .info .nazev a
   { 
      font-size: 24px;
      font-weight: bold;
      color: #000000 !important;
      text-decoration: none !important;
   }
   
.recenze .detail .hlavicka .restaurace .info .adresa
   { 
      background: url('../recenze/images/mapsmarker.svg') left top no-repeat;
      background-size: 12px; 
      display: block;
      padding-left: 15px;
      height: 18px;
      padding-top: 2px; 
   }
   
.recenze .detail .hlavicka .restaurace .info .dalsi
   { 
      font-style: none;
      font-size: 11px;
      text-decoration: none;
      color: #000000 !important;
      padding-top: 3px;      
   }
   
.recenze .detail .hlavicka .restaurace .info .dalsi em
   { 
      background: #E9654C;  
      font-size: 11px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      padding-top: 3px;
      width: 20px;
      height: 17px;
      font-weight: bold;
      display: inline-block;
      text-align: center;
      color: #ffffff;
      font-style: normal;
     
   }
         
.recenze .detail .hlavicka .restaurace .info .dalsi a
   { 
      color: #000000 !important;      
      text-decoration: none !important;
   }
   
.recenze .detail .hlavicka .restaurace .info .dalsi a:hover
   { 
      color: #E9654C !important;
   }
   
.recenze .detail .hlavicka .other
   {
      display: block;
      float: left;
      font-size: 18px;
      padding-top: 30px;
      text-align: left;
      padding-right: 15px;
   }
   
.recenze .detail .hlavicka .celkove
   {
      font-size: 11px;
      background: #e5644e;
      color: #ffffff;
      display: inline-block;
      padding-top: 3px;
      height: 17px;
      padding-left: 5px;
      padding-right: 5px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
   }
   
.recenze .detail .hlavicka .celkove.rest
   {
      float: right;
      margin-top: 60px;
   }
   
.recenze .detail .hlavicka .other .share
   {

      display: inline-block;
   }
   
.recenze .detail .hlavicka .hodnoceni
   {
      width: 300px;
      display: block;
      float: right;
   }
   
.recenze .detail .hlavicka .hodnoceni .value
   {
      width: 190px;
      display: block;
      float: left;
      font-size: 13px;
      padding-top: 37px;
      text-align: right;
   }
      
.recenze .detail .hlavicka .hodnoceni .other .share
   {
   }
   
.recenze .detail .hlavicka .hodnoceni .c100
   {
      float: right;
   }
   
.recenze .detail ul.prumernacena
   {
      width: 100%;
      height: auto !important;
      border: 1px solid #c7c8ca; 
      box-sizing: border-box;
      padding: 0px !important;
      margin: 0px !important;
      margin-bottom: 20px !important;
   }
   
.recenze .detail ul.prumernacena li
   {
      padding: 0px !important;
      margin: 0px !important;
      background: none !important;
      width: 50%;
      height: 100%;
      float: left;
      box-sizing: border-box;
   }
   
.recenze .detail ul.prumernacena li:first-child
   {
      border-right: 1px solid #c7c8ca;
   }
   
.recenze .detail ul.okoli
   {
      width: 100%; 
      height: 90px !important;
      box-sizing: border-box;
      padding: 0px !important;
      margin: 0px !important;
      margin-bottom: 0px !important
   }
   
.recenze .detail ul.okoli li
   {
      padding: 0px !important;
      margin: 0px !important;
      background: none !important;
      width: 25%;        
      height: 100%;
      float: left;
      box-sizing: border-box;
   }
   
.recenze .detail ul.okoli li .foto
   { 
      margin-right: 10px;
      display: block;
      float: left;
      
      position: relative;
      width: 51px;
      height: 51px;
      overflow: hidden;         
      -webkit-border-radius: 51px;
      -moz-border-radius: 51px;
      border-radius: 51px;
   }
   
.recenze .detail ul.okoli li .foto img
   {
      margin-left: -13px
   }

.recenze .detail ul.okoli li .info
   {
      float: left;
      display: block;
   }
   
.recenze .detail ul.okoli li .info .nazev
   {
      font-weight: bold;
      font-size: 12px;
   }
   
.recenze .detail ul.okoli li .info .nazev a
   {
      color: #000000 !important;
      text-decoration: none !important;
   }
   
.recenze .detail ul.okoli li .info .nazev a:hover
   {
      text-decoration: underline !important;
   }
   
.recenze .detail ul.okoli li .info .adresa
   {
      font-weight: normal;
      font-size: 12px;
   }
   
.recenze .detail ul.okoli li .info .vzdalenost
   {
      background: url('../recenze/images/mapsmarker.svg') left top no-repeat;
      background-size: 12px; 
      display: block;
      padding-left: 18px;
      height: 18px;
      padding-top: 2px; 
      color: #e9654c;
      font-weight: bold;
   }
   
.recenze .detail ul.prumernacena.dalsi li
   {
      padding: 30px !important;
      padding-bottom: 15px !important;
   }
   
.recenze .detail ul.prumernacena.dalsi li .line1
   {
      font-size: 14px;
      color: #939598;
   }
   
.recenze .detail ul.prumernacena.dalsi li .line1 a
   {
      font-size: 14px;
      color: #939598 !important;
      text-decoration: none !important;
   }
   
.recenze .detail ul.prumernacena.dalsi li .line1 a:hover
   {
      text-decoration: underline !important;
   }
   
.recenze .detail ul.prumernacena.dalsi li .line2
   {
      font-size: 18px;
      font-weight: bold;
      color: #e9654c;
   }
   
.recenze .detail ul.prumernacena.dalsi li .line2 a
   {
      font-size: 18px;
      font-weight: bold;
      color: #e9654c !important;
      text-decoration: none !important;
   }
   
.recenze .detail ul.prumernacena.dalsi li .line2 a:hover
   {
      text-decoration: underline !important;
   }
   
.recenze .detail ul.prumernacena.dalsi ul.vypis
   {
      margin: 0px !important;
      padding: 0px !important;
      width: 100% !important;
      margin-top: 10px !important;
   }
   
.recenze .detail ul.prumernacena.dalsi ul.vypis li
   {
      margin: 0px !important;
      padding: 0px !important;
      border-right: 0px !important;
      border-bottom: 1px solid #c7c8ca;
      width: 100% !important;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
   }
   
.recenze .detail ul.prumernacena.dalsi ul.vypis li:last-child
   {
      border-bottom: 0px solid #c7c8ca;
   }
   
.recenze .detail ul.prumernacena.dalsi ul.vypis li .foto
   { 
      margin-right: 10px;
      display: block;
      float: left;
      
      position: relative;
      width: 51px;
      height: 51px;
      overflow: hidden;         
      -webkit-border-radius: 51px;
      -moz-border-radius: 51px;
      border-radius: 51px;
   }
   
.recenze .detail ul.prumernacena.dalsi ul.vypis li .foto img
   {
      margin-left: -13px
   } 
   
.recenze .detail ul.prumernacena.dalsi ul.vypis li .foto_uzivatel
   { 
      margin-right: 10px;
      display: block;
      float: left;
      
      position: relative;
      width: 51px;
      height: 51px;
      overflow: hidden;         
      -webkit-border-radius: 51px;
      -moz-border-radius: 51px;
      border-radius: 51px;
   }
   
.recenze .detail ul.prumernacena.dalsi ul.vypis li .foto_uzivatel img
   {
      width: 100%;
   }

.recenze .detail ul.prumernacena.dalsi ul.vypis li .info
   {
      float: left;
      display: block;
   }
   
.recenze .detail ul.prumernacena.dalsi ul.vypis li .info .nazev
   {
      font-weight: bold;
      font-size: 14px;
   }
   
.recenze .detail ul.prumernacena.dalsi ul.vypis li .info .nazev a
   {
      color: #000000 !important;
      text-decoration: none !important;
   }
   
.recenze .detail ul.prumernacena.dalsi ul.vypis li .info .nazev a:hover
   {
      text-decoration: underline !important;
   }
   
.recenze .detail ul.prumernacena.dalsi ul.vypis li .info .adresa
   {
      font-weight: normal;
      font-size: 12px;
   }
   
.recenze .detail ul.prumernacena.dalsi ul.vypis li .info .procent
   { 
      display: block;
      height: 18px; 
      color: #e9654c;
   }
   
.recenze .detail ul.prumernacena.dalsi ul.vypis li .hodnoceni
   { 
      display: block;
      width: 40px;
      float: right;
      margin-top: 8px;
   }

.recenze .detail ul.prumernacena.infopanel 
   { 
      height: auto;
      margin-top: 20px !important;
   }
  
.recenze .detail ul.prumernacena.infopanel li 
   { 
      height: auto;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
   }
  
.recenze .detail ul.prumernacena.infopanel li .line 
   { 
      width: 100%;   
   }
   
.recenze .detail ul.prumernacena.infopanel li .line .cena 
   { 
      width: 250px;
      font-size: 40px !important;
      font-weight: bold;
      color: #e9654c;
      float: left;
      text-align: right;
      padding-right: 10px;
      box-sizing: border-box;
   }

.recenze .detail ul.prumernacena.infopanel li .line .cena.coins.down 
   { 
      background: url('../recenze/images/coins2.svg') 20px top no-repeat; background-size: 60px;
   }
   
.recenze .detail ul.prumernacena.infopanel li .line .cena.coins.up 
   { 
      background: url('../recenze/images/coins4.svg') 20px top no-repeat; background-size: 60px;
   }
   
.recenze .detail ul.prumernacena.infopanel li .line .cena.coins.none 
   { 
      background: url('../recenze/images/coins4.svg') 20px top no-repeat; background-size: 60px;
   }
   
.recenze .detail ul.prumernacena.infopanel li .line .mesto 
   { 
      font-size: 14px;
      color: #939598;
      float: left;
      display: block;
      width: calc(100% - 250px);
      padding-top: 8px;
   }
   
.recenze .detail ul.prumernacena.infopanel li .line .mesto em 
   { 
      font-weight: bold;
      display: block;
      font-style: normal;
   }
   
.recenze .detail ul.prumernacena.infopanel li .rozdil
   { 
      font-size: 12px;
      padding-left: 20px;
      margin-left: 90px;   
   }
   
.recenze .detail ul.prumernacena.infopanel li .rozdil.up
   { 
      color: #3d813f;   
      background: url('../recenze/images/arrow-up.svg') left top no-repeat; background-size: 16px;      
   }
   
.recenze .detail ul.prumernacena.infopanel li .rozdil.down
   { 
      color: #e9654c;
      background: url('../recenze/images/arrow-down.svg') left top no-repeat; background-size: 16px;   
   }
   
.recenze .detail ul.prumernacena.infopanel li .rozdil.none
   {    
      padding-left: 0px !important;    
   }
  
  
.recenze .detail .box
   {
      width: 100%;
      height: auto;
      border: 1px solid #c7c8ca;
      box-sizing: border-box;
   }
   
.recenze .detail .box ul.foto
   {
      width: 100%; 
      height: 156px !important;
      box-sizing: border-box;
      padding: 0px !important;
      margin: 0px !important;
      margin-bottom: 0px !important
   }
   
.recenze .detail .box ul.foto li
   {
      padding: 0px !important;
      margin: 0px !important;
      background: none !important;
      width: 25%;        
      height: 100% !important;
      float: left; 
      box-sizing: border-box;
      background: url('../foto/recenze/nenikdispozici.jpg') no-repeat !important;
      background-size: 100% !important;
   }
   
.recenze .detail .box ul.foto li img
   {
      width: 100%;
      display: block;
   }
   
.recenze .detail .box ul.foto li .layer
   {
      background: url('../recenze/images/galerie-shadow.png') repeat-x;
      width: calc(100% - 25% - 1px);
      height: 53px;
      display: block;
      position: absolute;
      margin-top: 103px;
   }
   
.recenze .detail .box ul.foto li .layer a
   {
      color: #ffffff !important;
      text-decoration: none !important;
      font-weight: bold !important;
      height: 16px;
      background: url('../recenze/images/photo.svg') left top no-repeat; background-size: 16px;
      padding-left: 20px;
      margin-left: 10px;
      display: block;
      margin-top: 25px;
      width: 100px;   
   }
   
.recenze .detail .box .left
   {
      width: 50%;
      box-sizing: border-box;
      display: block;
      float: left;
      padding: 10px;   
   }
   
.recenze .detail .box .left h2
   {
      font-size: 18px;   
   }
   
.recenze .detail .box .left h2 span
   {
      color: #000000;
      font-weight: normal;
      font-size: 12px;   
   }
   
.recenze .detail .box .left ul
   {
      margin: 0px !important;;
      padding: 0px !important;;   
   }
   
.recenze .detail .box .left ul li
   {
      margin: 0px !important;
      padding: 0px !important;
      padding-left: 5px !important;
      padding-top: 2px !important;
      padding-bottom: 2px !important;
      background: none !important;  
      margin-bottom: 2px !important; 
   }
   
.recenze .detail .box .left ul li.polevka
   {
      font-style: italic;   
   }
   
.recenze .detail .box .left ul li.jidlo
   {
      font-style: normal;  
   }
   
.recenze .detail .box .left ul li.aktivni
   {
      font-weight: bold;
      color: #ffffff;
      background: #e9654c !important;
      
      color: #000000 !important;
      text-decoration: underline !important;
      border-bottom: 0px solid #cccccc;   
      background:#e9f2e9 url('../recenze/images/true.svg') 5px 5px no-repeat !important; background-size: 20px !important;
      padding-top: 5px !important;
      padding-left: 30px !important;
   }
   
   
.recenze .detail .box .left ul li .nazev
   {
      width: calc(100% - 70px);  
      float: left;
   }
   
.recenze .detail .box .left ul li.aktivni .nazev:before
   {
      content: '';
   }
   
.recenze .detail .box .left ul li .cena
   {
      width: 50px;
      float: right;  
   }
   
.recenze .detail .box .right
   {
      width: 50%;
      box-sizing: border-box;
      display: block;
      float: right; 
      padding: 10px;
      padding-left: 20px;
      padding-right: 20px;   
   }
   
.recenze .detail .box .right .t
   {
      width: 100%;
      text-align: center;
      font-size: 30px !important;
      font-weight: bold;
      font-style: italic;
      padding-top: 70px;
      background: url('../recenze/images/citace-up.svg') 0px top no-repeat; background-size: 70px;
      padding-bottom: 15px;              
   }
   
.recenze .detail .box .right .t.f30
   {
      font-size: 30px !important;             
   }
   
.recenze .detail .box .right .t.f24
   {
      font-size: 24px !important;             
   }
   
.recenze .detail .box .right .t.f20
   {
      font-size: 20px !important;             
   }
   
.recenze .detail .box .right .t.f18
   {
      font-size: 18px !important;             
   }
   
.recenze .detail .box .right .f
   {
      width: 100%;
      height: 40px;
      display: block;
      text-align: center;
      font-size: 14px;
      font-style: italic;
      color: #a7a9ac;
      padding-top: 20px;
      background: url('../recenze/images/citace-down.svg') right top no-repeat; background-size: 70px; 
   }

.recenze .add ul.step
   {
      margin: 0px !important;
      padding: 0px !important;
      border-left: 0px solid #c7c8ca;
      border-top: 0px solid #c7c8ca;
      border-bottom: 0px solid #c7c8ca;
      width: 100%;
      height: 30px;
   }
   
.recenze .add ul.step li
   {
      margin: 0px !important;
      padding: 0px !important;
      background: none !important;
      display: inline-block !important;
      float: left;
      border-right: 0px solid #c7c8ca;
      box-sizing: border-box;
      width: 20% !important;
      height: 100%;
      font-size: 14px;
      color: #000000 !important;
   }
   
.recenze .add ul.step li a
   {
      width: 100%;
      height: 100%;
      display: block;
      padding-top: 6px;
      text-decoration: none !important;
      color: #000000 !important;
   }
   
.recenze .add ul.step li a span
   {
      display: block;
      color: #c7c8ca;
      color: #E9654C;
      font-size: 10px;
   }
   
body { counter-reset: section; }

.recenze .add ul.step li:before
   {
      counter-increment: section;
      content: counter(section);
      border: 1px solid #c7c8ca;
      width: 30px;
      height: 24px;
      padding-top: 6px;
      display: inline-block;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      text-align: center;
      font-weight: bold;
      float: left;
      margin-right: 7px;
   }
   
.recenze .add ul.step li.hotovo a
   {
      color: #000000 !important;
      font-weight: bold;
   }
   
.recenze .add ul.step li.hotovo:before
   {
      background: #E9654C !important;
      border: 1px solid #E9654C !important;
      color: #ffffff;
   }
   
.recenze .add ul.step li.aktivni a
   {
      color: #E9654C !important;
      font-weight: bold;
   }
   
.recenze .add ul.step li.aktivni:before
   {
      border: 1px solid #E9654C !important;
      color: #E9654C;

   }
   
.recenze .add .tip
   {
      width: 100%;
      display: block;
      box-sizing: border-box;
      border: 0px solid #c7c8ca;
      margin-top: 30px;
      padding: 10px;
      text-align: center;
      background: #fdf0ed;
      font-size: 16px;
      color: #E9654C;
      font-style: italic; 
      
      background: #e9f2e9;
      color: #1b7821;
   }
   
.recenze .add .tip.true
   {
      background:#e9f2e9 url('../recenze/images/true.svg') 15px 12px no-repeat; background-size: 24px;
      text-align: left;
      padding-left: 50px;         
   }
      
.recenze .add .tip:before
   {
      content: ''; 
   }   
   
.recenze .add h2
   {
      margin-top: 20px;
      color: #000000 !important;
      font-size: 14px !important;
   }
      
   
.recenze .add ul.list
   {
      margin: 0px !important;
      padding: 0px !important;
  
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing:border-box;
      
      width: 100% !important;   
  
   }
   
.recenze .add ul.list li
   {
      padding: 0px !important;
      margin: 0px !important;
      list-style-type: none;
      padding-left: 10px !important;
      padding-right: 10px !important;
      padding-bottom: 10px !important;            
      float:left;
      position:relative;
      width: 25%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background: none !important;
      border: 0px solid #c7c8ca;
   }
   
.recenze .add ul.list.main li a
   {
      border: 1px solid #e9654c;
   }
   
.recenze .add ul.list.main li a span
   {
      font-size: 10px;
      display: block;
      color: #000000;      
   }
   
.recenze .add ul.list.main li a:hover span
   {
      color: #ffffff;      
   }
   
.recenze .add ul.list.main li a:hover
   {
      border: 1px solid #e9654c;
      background: #e9654c;
      color: #ffffff !important;
   }
   
.recenze .add ul.list li a
   {
      border: 1px solid #c7c8ca;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
      display: block;
      text-align: center;
      font-size: 15px;
      font-weight: bold;
      color: #e9654c;
      text-decoration: none !important;      
   }
   
.recenze .add ul.list li a:hover
   {
      border: 1px solid #c7c8ca;
      background: #F4F4F4;   
   }
   
.recenze .add ul.list li a span
   {
      font-size: 10px;
      display: block;
      color: #000000;      
   }
   
.recenze .add ul.list li a:hover span
   {
      color: #000000;      
   }

.recenze .add .selectfood
   {
      width: 100%;
      margin-top: 20px;
   }
   
.recenze .add .selectfood .item
   {
      width: 100%;
      border: 1px solid #c7c8ca;
      padding-top: 8px;
      padding-bottom: 4px;
      margin-bottom: 10px;
      cursor: pointer;
      background: #ffffff;
   }
   
.recenze .add .selectfood .item.normal
   {
      background: #ffffff !important;
   }

.recenze .add .selectfood .item.aktivni
   {
      background: #F4F4F4;   
   }
   
.recenze .add .selectfood .item.aktivni .food
   {
      padding-left: 50px;
      background: url('../recenze/images/true.svg') 15px top no-repeat; background-size: 24px;
      font-weight: bold;
   }
      
.recenze .add .selectfood .item:hover
   {
      background: #F4F4F4;
   }
   
.recenze .add .selectfood .item .check
   {
      width: 50px;
      display: block;
      float: left;
      display: none;      
   }
      
.recenze .add .selectfood .item .check input[type=checkbox] 
   {
      width: 40px;
   }
   
.recenze .add .selectfood .item .food 
   {
      width: calc(100% - 100px);
      font-size: 14px;
      float: left;
      display: block;
      padding-left: 15px;
      box-sizing: border-box;
   }
   
.recenze .add .selectfood .item .price 
   {
      width: 50px;
      font-size: 14px;
      float: right;
      display: block;
   }
   
.recenze .add .selectfood .item .food.polevka 
   {
      font-style: italic;
   }
   
.recenze .add a.button
   {
      background: #E9654C;
      width: 200px;
      height: 32px;
      padding-top: 10px;
      display: inline-block;
      font-size: 16px !important;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      font-weight: bold;
      color: #ffffff !important;
      float: left;
      margin-top: 8px;
      margin-right: 5px;
      text-decoration: none !important;
      text-align: center;
   }
   
.recenze .add a.button:hover
   {
      background: #000000;
   }
   
.recenze .add textarea
   {
      font-family: 'Open Sans';
      width: 100%;
      height: 100px;
      border: 1px solid #c7c8ca;
      box-sizing: border-box;
      padding: 5px;
   }
   
.recenze .add ul.upload_foto
   {
      margin: 0px !important;
      padding: 0px !important;
        
      width: 100% !important;        
      margin-top: 10px !important;
   }   
  
.recenze .add ul.upload_foto li
   {
      padding: 0px !important;
      margin: 0px !important;
      list-style-type: none;
      padding-left: 10px !important;
      padding-right: 10px !important;           
      float:left;
      position:relative;
      width: 33.33%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background: none !important;
   }

.recenze .add ul.upload_foto li .info 
   {
      padding-bottom: 10px;
      font-weight: bold;
   }

.recenze .add ul.upload_foto li .thumbnail 
   {
      margin-top: 10px;
      margin-bottom: 10px;
   }
      
.recenze .add ul.upload_foto li .thumbnail img 
   {
      width: 100%;
   }
   
   
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.range-slider {
  margin: 0px 0 0 0%;
}

.range-slider {
  width: 100%;
}

.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e9654c;
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #000000;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #000000;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #e9654c;
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #000000;
}
.range-slider__range:active::-moz-range-thumb {
  background: #1abc9c;
}

.range-slider__value {
  display: inline-block;
  position: relative;
  width: 40px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #e9654c;
  padding: 5px 10px;
  margin-left: 8px;
  float: right;
  margin-top: -8px;
}
.range-slider__value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #e9654c;
  border-bottom: 7px solid transparent;
  content: '';
}

::-moz-range-track {
  background: #c7c8ca;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}

.navigace
   {
      font-size: 12px;
      text-align: right;      
      color: #C7C8CA; 
   }
   
.navigace a
   {
      padding-top: 2px;
      color: #C7C8CA !important;
      text-decoration: none !important;
   }
   
.navigace a:hover
   {
      text-decoration: underline !important;  
   }
      
.navigace a.home
   {
      width: 12px;
      height: 12px;
      display: block;
      float: left;
      background: url('../images/home.png') no-repeat;
      margin-right: 5px;
   }