a.vop{
  font-weight:800;

  color:rgb(84,84,84);
  margin:0;
  padding:0;
  display:inline-block ;
  transition:0.3s;
  }

   a.vop:hover{
    color:red;
   }


table {
table-layout: fixed;
width: 100%
}

td{
word-wrap: nowrap;
}

th{
white-space:nowrap
}

.alert {
    font-weight: bold;
    margin: 0px auto 10px auto;
    padding: 10px 0;
}

.alert.alert-success {
    color: #8BC34A;
}

.alert.alert-failure {
    color: #F44336;
}

.alert.alert-default {
    color: #757575;
}

label {
    display: block;
    color: #424242;
    text-align: left;
    font-weight: bold;
    padding: 8px 0px;
}

label i {
    font-weight: normal;
    float: right;
}

.vyber_vstupenek_nadpis_gold{

height:auto;
width:94%;
margin:25px auto 10px;
text-align:left;
padding:15px 2% 15px 2%;
             -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
background:rgb(42,42,42);
font-size:16px;
font-weight:600;
color:white;



}



 table.vstupenky_active_gold{

height:auto;
width:98%;
margin:0 auto 0;
padding:0;
  -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
background:rgba(255,204,51,0.6);
}



.gold_box_info{
 height:auto;
width:96%;
margin:0 auto 0;
padding:10px 1% 10px 1%;
  -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
display:inline-block;
background:rgba(255,204,51,0.4);
color:rgb(84,84,84);
font-size:14px;
text-align:left;
line-height:22px
}

















     /**********************created***************************/







    body{
     margin: 0;
     padding: 0;
     font-family: roboto, verdana, arial;

     overflow-x:hidden;
     background:  url('/img/drevo_2.jpg') repeat ;


    }


    .tucne{
    font-weight:400;

    }



    a{
text-decoration:none;
list-style-type:none;
margin:0;
padding:0;
}


img{
border:none;
}



.main_content{
height:auto;
background:;
width:100%;
float:left;
margin:0 auto 0;
padding:0 0 0 0;
text-align:center;
position:relative;
z-index:1;


}





.box_middle{

width:48%;
height:auto;
 display:inline-block;
margin:0 1% 0% 1%;
padding:0 0% 0% 0%;
float:left;
background:;



}

.box{
 height:auto;
 width:100%;
 margin:0 auto 0;
 padding:0 0% 0 0%;
 float:left;
 background:;


}




.center{
 text-align:center;

}



.body_hl{
width:100%;
max-width:1170px;
height:auto;
display:inline-block;
background:;
margin:0 auto 0;
padding:1% 0 1% 0;




}




/*****************************************************************/

.logo_box{
height:auto;
width:96%;
margin:0 auto 0;
text-align:center;
padding:0% 2% 2% 2%;


}

img.logo{
height:auto;
width:20%;
margin:0 auto 0;
padding:0;
text-align:center;
}


.nadpis_box{
height:auto;
width:96%;
margin:0 auto 0;
text-align:center;
padding:2% 2% 2% 2%;
             -webkit-box-shadow: 0px 0px 1px 0px rgb(132,132,132);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132);
box-shadow: 0px 0px 1px 0px rgb(132,132,132);
background:rgb(251,251,251)

}


p.odstavec{
color:rgb(103,103,103);
font-weight:300;
line-height:22px;
font-size:14px;
text-align:left;

}

h1.nadpis{
font-size:20px;
margin:2% 0 2% 0 ;
padding:0;
text-align:center;
color:red;
font-weight:600;
}


hr.up{
height:1px;
background:red;
width:50%;
margin:0 auto 3%;
padding:0;
text-align:center;
}


.napis_lista_box{
height:auto;
width:96%;
margin:10px auto 0;
text-align:left;
padding:15px 2% 15px 2%;
             -webkit-box-shadow: 0px 0px 1px 0px rgb(132,132,132);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132);
box-shadow: 0px 0px 1px 0px rgb(132,132,132);
background:red;
color:white;
font-size:16px;
font-weight:300;

}

 .napis_lista_box2{
height:auto;
width:96%;
margin:10px auto 0;
text-align:left;
padding:15px 2% 15px 2%;
             -webkit-box-shadow: 0px 0px 1px 0px rgb(132,132,132);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132);
box-shadow: 0px 0px 1px 0px rgb(132,132,132);
background:red;
color:white;
font-size:16px;
font-weight:300;
float:left;

}



.obsah_box{
height:auto;
width:96%;
margin:3px auto 0;
text-align:center;
padding:4% 2% 4% 2%;
             -webkit-box-shadow: 0px 0px 1px 0px rgb(132,132,132);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132);
box-shadow: 0px 0px 1px 0px rgb(132,132,132);
background:rgb(251,251,251);
float:left;

}

.login_down_box{
height:auto;
width:96%;
margin:3px auto 0;
text-align:center;
padding:2% 2% 2% 2%;
             -webkit-box-shadow: 0px 0px 1px 0px rgb(132,132,132);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132);
box-shadow: 0px 0px 1px 0px rgb(132,132,132);
background:rgb(67,67,67);
float:left;

}

a.login_down_box2{
color:white;

}



.vyber_vstupenek_nadpis{

height:auto;
width:96%;
text-align:left;
padding:15px 2% 15px 2%;
             -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
background:rgb(42,42,42);
font-size:16px;
font-weight:600;
color:white;



}


table.vstupenky_active{

height:auto;
width:100%;
margin-bottom: 10px;
padding:0;
  -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
background:rgba(160,208,0,0.6);
}

table.vstupenky_active2{

height:auto;
width:98%;
margin:0 auto 0;
padding:0;
  -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
background:rgba(160,208,0,0.6);
}

table.vstupenky{

height:auto;
width:100%;
margin:0 auto 0;
padding:0;
  -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
background:rgba(255,228,181,0.3);
}



  td.vstupenky_nazev{
  height:auto;
  padding:20px 2% 20px 2%;
  margin:0;
  text-align:left;
  width:66%;

  }


   td.vstupenky_pocet{
  height:auto;
  padding:5px 1% 5px 1%;
  margin:0;
  text-align:center;
  width:13%;
  font-size:14px;
  color:rgb(84,84,84);

  }

  input.pocet{
      text-align: center;
  height:auto;
  width:90%;
  margin:0 auto 0;
  padding:10px 0 10px 2%;
  border:none;
             -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);

  }


   td.vstupenky_cena{
  height:auto;
  padding:10px 1% 10px 1%;
  margin:0;
  text-align:center;
  width:21%;
    font-size:14px;
  color:rgb(84,84,84);
  font-weight:bolder
  }


  .potvrdit{
      border: 0px;
      cursor: pointer;
  height:auto;
  width:150px;
  background:rgb(144,176,0);
  color:white;
  font-weight:bolder;
  font-size:16px;
  text-align:center;
  margin:4% auto 0;
  padding:10px 0 10px 0;
 display:inline-block;
 transition:0.3s;
  }

  .potvrdit:hover{
    background:rgb(160,192,0);
  }

.zpet{
      border: 0px;
    cursor: pointer;
  height:auto;
  width:150px;
  background:#9E9E9E;
  color:white;
  font-weight:bolder;
  font-size:16px;
  text-align:center;
  margin:4% auto 0;
  padding:10px 0 10px 0;
 display:inline-block;
 transition:0.3s;
  }

  .zpet:hover{
    background:#BDBDBD;
  }




/**************rekapitulace************************/


table.rekapitulace{

height:auto;
width:100%;
margin:0 auto 0;
padding:0;

background:rgba(255,228,181,0.2);
}




td.rekapitulace_tip_vstupenky{
 height:auto;
  padding:15px 2% 15px 2%;
  margin:0;
  text-align:left;
  width:60%;
    -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
font-weight:600;
color:rgb(70,70,70);
}



.green{
color:rgb(128,160,0);
margin:0 3px 0 0 ;
padding:0;
display:inline-block;
}









td.rekapitulace_ks{
 height:auto;
  padding:15px 1% 15px 1%;
  margin:0;
  text-align:center;
  width:10%;
    -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
}


td.rekapitulace_cena{
 height:auto;
  padding:15px 1% 15px 1%;
  margin:0;
  text-align:center;
  width:10%;
    -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
}



td.rekapitulace_no{
 height:auto;
  padding:15px 1% 15px 1%;
  margin:0;
  text-align:center;
  width:10%;
    -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
}



img.delete_symbol{
height:25px;
width:25px;
margin:5px auto 0;
padding:0;
text-align:center;
}









table.rekapitulace_nadpis{

height:auto;
width:100%;
margin:0 auto 0;
padding:0;

background:rgba(255,228,181,0.9);
}




td.nadpis_1{
 height:auto;
  padding:10px 2% 10px 2%;
  margin:0;
  text-align:left;
  width:60%;
    -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
color:rgb(70,70,70);
font-size:12px;
}







td.nadpis_2{
 height:auto;
  padding:10px 1% 10px 1%;
  margin:0;
  text-align:center;
  width:10%;
    -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
font-size:12px;
}


td.nadpis_3{
 height:auto;
  padding:10px 1% 10px 1%;
  margin:0;
  text-align:center;
  width:10%;
    -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
font-size:12px;
}



td.nadpis_4{
 height:auto;
  padding:10px 1% 10px 1%;
  margin:0;
  text-align:center;
  width:10%;
    -webkit-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
-moz-box-shadow: 0px 0px 1px 0px rgb(133,133,133);
box-shadow: 0px 0px 1px 0px rgb(133,133,133);
font-size:12px;
}





table.rekapitulace_nadpis2{

height:auto;
width:100%;
margin:0 auto 0;
padding:0;

background:rgba(176,208,0,0.2);
}




input.kontakt{
height:auto;
width:96%;
margin:0 auto 0;
padding:15px 0 15px 4%;

}




.pominky_box{
 height:auto;
 width:100%;
 margin:2% auto 0;
 padding:0 0% 0 0%;
 float:left;
 background:;
 color:rgb(55,55,55);


}


  table.dokonceni{

height:auto;
width:40%;
margin:0 auto 10px;
padding:0;

background:rgba(255,228,181,0.2);
}


 .nadpis_box3{
height:auto;
width:96%;
margin:10px auto 0;
text-align:center;
padding:2% 2% 2% 2%;
             -webkit-box-shadow: 0px 0px 1px 0px rgb(132,132,132);
-moz-box-shadow: 0px 0px 1px 0px rgb(132,132,132);
box-shadow: 0px 0px 1px 0px rgb(132,132,132);
background:rgb(251,251,251)   ;
float:left;

}




    @media screen and (max-width: 1200px){


}












  @media screen and (max-width: 900px){


.box_middle{

width:96%;
height:auto;
 display:inline-block;
margin:0 2% 2% 2%;
padding:0 0% 0% 0%;
float:left;
background:;



}



  }

       @media screen and (max-width: 840px){




     }

    @media screen and (max-width: 740px){




  }

  @media screen and (max-width: 640px){


}








    @media screen and (max-width: 500px){



  }




    @media screen and (max-width: 360px){



 }








@media screen and (max-width:740px){





}