@import url("reset.css");

body 
  {
    background-color: #050505;
    background-image: url("images/bg.png");
    background-repeat: repeat;
    background-position: center top;
    font-family: Arial, Helvetica,'Pontano Sans', sans-serif;
    font-size: 12px;
    color: black;
    margin: auto;
    text-align: center;
  }
  
a img
  {
    border-width : 0; 
    border : 0;
  }
  
a
  {
    color: #ef5123;
  }
  
a:hover
  {
    color: black;
  }
  
h2
  {
    font-size: 15px;
    font-weight: normal;
    color: #ef5123;
    margin: 0px;
    text-transform: uppercase;

  }
  
h4
  {
    font-size: 15px;
    font-weight: normal;
    color: #ef5123;
    margin: 0px;
    text-transform: uppercase;

  }
  

.vp
  {
    font-size: 10px;
    vertical-align: middle;
    padding-top: 3px;
  }
  
.pole
  {
   
   border: 1px solid;
   background-color: #e0e0e0;
   border-right-color: #e3e3e3;
   border-bottom-color: #e3e3e3;
   border-left-color:#e3e3e3;
   border-top-color:#e2e2e2;
   
   margin-left: 4px;
   margin-right: 4px;
   color: #171717;
   font-size: 10px;
   width: 176px;
   .width: 182px;
   padding: 5px;
  }  
  
#cerna
  {
    background-color: black;
    height: 2px;
  }
  
#celek
  {
    background-image: url("images/bg_d_s_hlavickou.png");
    background-repeat: repeat-x;
    background-position: center top;
    min-height: 1002px;
  }
  
#strana
  {
    margin: auto;   
  } 

  

#strana
  {
    width: 1115px; 
  }
  
#logo
  {
   height: 112px;
   .height: 127px;
   float: left;
   padding-top: 15px;
  }
  

  
.m a
  {
   padding: 10px;
   float:left;
   width: 43px;
   .width: 63px;
  }
  
.m a:hover
  {
   background-image: url("images/m.png");
   background-repeat: no-repeat;
   background-position: center center;
  }
  

.s a
  {
   padding: 10px;
   float:left;
  }
  
.s a:hover
  {
   background-image: url("images/s.png");
   background-repeat: no-repeat;
   background-position: center center;
  }
  
.d a
  {
   padding: 10px;
   float:left;
   width: 82px;
   .width: 98px;
  }
  
.d a:hover
  {
   background-image: url("images/d.png");
   background-repeat: no-repeat;
   background-position: center center;
  }
  
.ed a
  {
   padding: 10px;
   float:left;
   width: 107px;
   .width: 124px;
  }
  
.ed a:hover
  {
   background-image: url("images/ed.png");
   background-repeat: no-repeat;
   background-position: center center;
  }
  
  
#hlavicka
  {
   height: 267px;
  
  }
  
#text
  {
    margin-left: 100px;
    margin-top: 20px;
  }
  

#leva_cast
  {
   margin-top: 15px;
   float: left;
   width: 700px;
   color: #cdcdcd;
   text-align:left;
   line-height: 24px;
   font-size: 13px;
   Letter-spacing: 1px;  
   background-image: url("images/odd_jed.png");
    background-repeat: repeat-y;
    background-position: left top;
  }
  
  
#leva_cast_text
  {
   background-image: url("images/odd_dva.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 17px;
     text-transform: uppercase;
  }

#leva_cast_info
  {
   background-image: url("images/odd_dva.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 17px;
    text-align: justify;
  }
  
.leva_cast_casti
  {
   background-image: url("images/odd_dva.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 17px;
    text-align: justify;
  }

  
#leva_cast h3
  {
   color: #ef5123;
   text-transform: uppercase;
   font-size: 15px;
   Letter-spacing: -0.25px;
   margin: 0px;
   font-weight: normal;
  }
  
#leva_cast h4
  {
   color: white;
   text-transform: none;
   font-size: 10px;
   Letter-spacing: -0.25px;
   margin: 0px;
   font-weight: normal;
  }
  
#leva_cast h1
  {
   color: #ef5123;
   text-transform: uppercase;
   font-size: 15px;
   Letter-spacing: -0.25px;
   margin: 0px;
   font-weight: normal;
  }
  
#key
  {
   margin-top: 15px;
   width: 600px;  
   text-align: center;
   float:left;
  }
  
  
#ucty
  {
   margin-bottom: 20px;
  }
  
#prava_cast
  {
   float: left;
   width: 175px;
   background-image: url("images/prava_cast.png");
    background-repeat: no-repeat;
    min-height: 50px;
    padding-left: 40px;
    text-align: justify;
    padding-top: 22px;
    color: #cdcdcd;
   line-height: 18px;
   font-size: 11px;
   padding-right: 40px;
   
  }
  
#prava_cast h2
  {
   color: #ef5123;
   font-size: 20px;
   border-left: 2px solid #ef5123;
   padding-left: 10px;
   text-transform: none;
  }
  
#prava_cast table
  {
   font-size: 9px;
   width: 180px;  
   margin-top: 25px;
   color: #ef5123;
  }
  
.padd
  {
   padding-left: 10px;
   vertical-align: middle;
  }

.padd_d
  {
   padding-left: 10px;
   color: #cdcdcd; 
  }

#text a
  {
   color: #ef5123;
   text-decoration: none;  
  }

#text a:hover
  {
   color: #8c8c8c;  
  }
  
  
#leva_cast_text a
  {
   color: #cdcdcd;
   text-decoration: none;  
  }

  
#leva_cast a:hover
  {
  color: #cdcdcd;
  text-decoration: underline;
  }
  
#cely_text
  {
   float: left;
   color: #707070;
   font-size: 15px;
   Letter-spacing: -0.25px;
   width: 900px;
   margin-top: 25px;
   text-align: justify;
   
  }
  
#cely_text_op
  {
   float: left;
   color: #707070;
   font-size: 15px;
   Letter-spacing: -0.25px;;
   width: 900px;
   margin-top: 25px;
   text-align: justify;
   text-align: center;
   
  }
#cely_text_op h2
  {
   padding-bottom: 20px;
   
  }
  
#cely_text table
  {
    color: #707070;
   font-size: 14px;
  }
#cely_text2
  {
   float: left;
   color: #707070;
   font-size: 15px;
   Letter-spacing: -0.25px;
   width: 900px;
   margin-top: 25px;
   text-align: justify;
   
  }
  
#cely_text2_op
  {
   float: left;
   color: #707070;
   font-size: 15px;
   Letter-spacing: -0.25px;;
   width: 900px;
   margin-top: 25px;
   text-align: justify;
   text-align: center;
   
  }
#cely_text2_op h2
  {
   padding-bottom: 20px;
   
  }
  
#cely_text2 table
  {
    color: #707070;
   font-size: 14px;
  }
  
#paticka
  {
    background-image: url("images/paticka_bg.png");
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #040404;
    height: 120px; 
    .height: 140px; 
    margin-top: 40px;
    padding-top: 20px;
    width: 100%;
    
  }
  
#paticka_text
  {
    width: 950px;
    text-align: right;
    margin: auto;
  }

.cistic
  {
    clear: both;
    visibility: hidden;
  }
  
.ikonka
  {
    width: 35px;
    height:26px;
    float: left;
    margin-right: 15px;
  }
  
.datum
  {
    background-image: url("images/datum.png");
    background-repeat: no-repeat;
    width: 98px;
    height:26px;
    float: left;
    margin-right: 15px;
    text-shadow:0px 1px 1px #7c4111;
  }
  
.datum_text
  {
    margin: 4px 10px 4px 4px;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
  }
  
.n_text
  {
    float: left;
    text-shadow:0px 1px 1px #000;
  }
  
.ns_text
  {
    float: left;
    text-shadow:0px 1px 1px #000;
    color: #505050;
  }
  
.novinky
  {
    margin-top: 10px;
  }
  

:root .element { top: 15px;\0/IE9; }  /* back to right value in IE9 */		


.vite_ze{ 
margin-bottom: 10px;
min-height: 40px;

 }
 
#pravy_vite{ 
min-height: 270px;
margin-top: 15px;
 }
 
.prod{ 
padding-top: 10px;
color: #cdcdcd;
padding-bottom: 20px;
   line-height: 24px;
   font-size: 11px;

 }
 
#ht i{ 
font-style: italic;
 }
 
#ht b{ 
font-weight: bold;
 }
 
#ht p{ 
margin-bottom: 20px;
 }
 
#ht h2{ 
text-transform: none;
 }
 
.podpis{ 
width: 250px;
float: right;
text-align: center;
margin-top: 10px;
 }
 
.podpis b{ 
color: #ef5123; 
 }
 

/* Přidání základních stylů pro mobilní zařízení */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.container {
    width: 100%;
    padding: 10px;
}

/* Stylování pro obrazovky širší než 600px */
@media (min-width: 600px) {
    .container {
        width: 80%;
        margin: 0 auto;
    }
}

/* Stylování pro obrazovky širší než 768px */
@media (min-width: 768px) {
    .container {
        width: 70%;
    }
}

/* Stylování pro obrazovky širší než 1024px */
@media (min-width: 1024px) {
    .container {
        width: 60%;
    }
}