@font-face {
    font-family: 'Ubuntu-B'; /*a name to be used later*/
    src: url('http://mipracz.cz/font/Ubuntu-B.ttf'), url('http://mipracz.cz/font/Ubuntu-B.eot'); /*URL to font*/ 
}

@font-face {
    font-family: 'Ubuntu-BI'; /*a name to be used later*/
    src: url('http://mipracz.cz/font/Ubuntu-BI.ttf'), url('http://mipracz.cz/font/Ubuntu-BI.eot'); /*URL to font*/ 
}

@font-face {
    font-family: 'Ubuntu-I'; /*a name to be used later*/
    src: url('http://mipracz.cz/font/Ubuntu-I.ttf'), url('http://mipracz.cz/font/Ubuntu-I.eot'); /*URL to font*/ 
}

@font-face {
    font-family: 'Ubuntu-R'; /*a name to be used later*/
    src: url('http://mipracz.cz/font/Ubuntu-R.ttf'), url('http://mipracz.cz/font/Ubuntu-R.eot'); /*URL to font*/ 
}

@font-face {
    font-family: 'Ubuntu-Light'; /*a name to be used later*/
    src: url('http://mipracz.cz/font/Ubuntu-Light.ttf'), url('http://mipracz.cz/font/Ubuntu-Light.eot'); /*URL to font*/ 
}
@font-face {
    font-family: 'Landri'; /*a name to be used later*/
    src: url('http://mipracz.cz/font/Landri.ttf'), url('http://mipracz.cz/font/Landri.eot'); /*URL to font*/ 
}

.ubold {
    font-family: "Ubuntu-B";   
       }
       
.ubold_red {
    font-family: "Ubuntu-B";   
    color: #ed1c24;
       }       

html{
  background-image: url("http://mipracz.cz/template/mipra/image/header.jpg");
  background-position: top center; 
  background-repeat: no-repeat; 
  background-color: #fff;
}

body {
	top: 0px;
  left: 0px;
  width: 100%;  
  font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
  margin: 0px; 
}

.redborder { border: 1px solid red; } 
.greenborder { border: 2px solid green; } 
.register_error {
  font-size: 11px;
}

.close {
  text-align: right;
  right: 0px;
  top: 0px;
	width: 28px;
  height: 28px;
	position: absolute;
}

h1, h3, h4, h5, h6 {
	font: Verdana, Geneva, sans-serif;
	font-size:15px;
	color: #000;
}

h2 {
	font: Verdana, Geneva, sans-serif;
	font-size: 12px; 
}

a img {
	border: none;
}

a:link {
  color: 000;
	text-decoration: none; 
}

a:visited {
	color: 000;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

.container {
  position: relative;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  
  
}

#container_top {
   position: relative;
  width: 1150px;
  margin: 0 auto;
  text-align: center;
  margin-top: 15px;        
           }

.top_banner {
  top: 0px;
	text-align: right;
  width: 100%;
  height: 130px;
	position: relative;
 background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.67) 49%, rgba(255,255,255,0.53) 71%, rgba(255,255,255,0.4) 90%, rgba(255,255,255,0.4) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(49%, rgba(255,255,255,0.67)), color-stop(71%, rgba(255,255,255,0.53)), color-stop(90%, rgba(255,255,255,0.4)), color-stop(100%, rgba(255,255,255,0.4)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.67) 49%, rgba(255,255,255,0.53) 71%, rgba(255,255,255,0.4) 90%, rgba(255,255,255,0.4) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.67) 49%, rgba(255,255,255,0.53) 71%, rgba(255,255,255,0.4) 90%, rgba(255,255,255,0.4) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.67) 49%, rgba(255,255,255,0.53) 71%, rgba(255,255,255,0.4) 90%, rgba(255,255,255,0.4) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.67) 49%, rgba(255,255,255,0.53) 71%, rgba(255,255,255,0.4) 90%, rgba(255,255,255,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

#top_banner_inner {
  top: 0px;
	text-align: left;
  width: 90%;
  text-align: left;
  padding: 0% 5% 0% 5%;
  position: absolute;
  top: 0px;
}

.top_logo {
  position: absolute;
  margin: left;
  font-family: "Landri";
  color: #fff;
	text-align: left;
  left: 6%;
  top: 0px;
  font-size: 50px;
	
  padding: 10px 7px 10px 7px;
  background-color: rgba(129,100,96,0.8);
  -webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}

.top_logo a:link{
	color: #fff;
	text-decoration: none; 
  cursor: pointer;
}

.top_logo a:visited{
	color: #fff;
	text-decoration: none;
  cursor: pointer;
}

.top_logo a:hover, a:active, a:focus{
	text-decoration: none;
  cursor: pointer;
}

.pages_text {	
  /*background-color: #fff; */
  top: 0px;
	text-align: left;
  padding: 50px 50px 50px 50px;
  left: 0px;
	position: relative;	 
	font-size: 17px;
	width: 92%;
  color: #000;
  border: 0px solid;
	font-family: "Ubuntu-Light";
}

H1{
  font-family: "Ubuntu-B";
  left: 40px;
	font-size:30px;
	font-weight: 650;
	color: #000;
  position: absolute;
  text-align: left;
  z-index: 2;   
}


H2{
  font-family: "Ubuntu-Light"; 
	font-size:20px;
	font-weight: normal;
	color: #ff0000;
  text-align: left;
  position: relative;
  top: -20px;
}



#vertical_menu{
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  text-align: left;
  top: 100px;
  width: 150px;
  position:relative;
  left: 28px;
  padding: 5px 5px 5px 5px;
  background-color: #cff39a;
  border: 0px dashed #333;
  /*background-color: #dedede;*/ 
  float: left;      
}

#login_right{
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  text-align: left;
  top: 100px;
  width: 172px;
  position:relative;
  left: 635px;
  padding: 5px 5px 5px 5px;
  background-color: #cff39a;
  border: 0px dashed #333;
  /*background-color: #dedede;*/ 
  float: right;      
}

#topMenu{
  
  top: 5px;
  left: 35%;
  text-transform: uppercase;
  height: 30px;
	position: absolute;
  z-index: 1;
  
}

#menuContent{
  position:relative;

  
  font-size: 14px;
  top: 30px;
  left:0px;
	border:0px dashed #333;            
}

#soc_site {
   position: absolute;
   right: 0px;
   top: 10px;       
          
          }

.register_back {
	top: 100px;
  background: url ("image/aktual_back.jpg") repeat-y;
  margin: center;
  left: 400px;
  width: 849px;
  text-align: left;
	position: absolute;
} 

.login {
	top: 5px;
  right: 0px;
	position: absolute;
}  
  
.topbar {
	top: 0px;
  left: 0px;
  background: url("image/topbar.jpg") repeat-x; 
  width: 100%;
  height: 30px;
  text-align: right;
	position: relative;
  color: #fff;
} 



.share {
	top: 5px;
  left: 210px;
  margin: left;
  text-align: left;
  width: 100px;
  position: absolute;
}  
 
.datum {
	top: 3px;
  margin: left;
  text-align: left;
  width: 220px;
  position: absolute;
}  

#aktual_left {
	position: relative;
  height: 700px;
  color: #fff;
  float: left;
  width: 282px;
  /*padding: 15px 15px 15px 15px;*/
  text-align: left; 
}  

#aktual_vnitrek {
	 position: relative;
} 

#reference {
	top: 5px;
  position: relative;
  height: 300px;
  background-color: #f0f0f0;
  color: #fff;
  padding: 15px 15px 15px 15px;
  width: 245px;
  text-align: center;
  border:6px solid #20D2D2;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
} 


#h_content{
  
  position:relative;
	width: 90%;
  margin-top:610px;
   
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#spodek{
  position: relative;
  background-color: #dedede;
}

#a_content{
  position:relative;
	width:100%;
	/*overflow: auto;*/
	border:0px dashed #333;
  /* z-index: -500;*/
}

#hlavni{
  position:relative;
 
  
        
} 

#hlavni_right{
  position:relative;
  text-align: left;
  top: 0px;
  float: right;
  right: 220px;
  padding: 5px 5px 5px 5px;
  overflow: visible;
  border: 0px dashed #333; 
  background-color: rgba(155,253,83, 0.6);  
}




.obsah {
  padding: 15px 15px 15px 15px;
  width: 100%; 
	position: relative;
  min-height:400px;
  height: expression(this.scrollHeight < 400? "400px" : "auto" );
  z-index: 1; 
}

.obsah a:link {
	color: #3d2c03;
	text-decoration: none; 
}

 .obsah a:visited {
	color: #3d2c03;
	text-decoration: underline;
}

 .obsah a:hover, a:active, a:focus {
	text-decoration: none;
}



.registr {
	top: 120px;
  left: 50%; 
  margin-left: -300px;
  width: 600px;
  height: 800px;
  background: #fff;
	position: relative;
  opacity: 0.7;
}


.inawebu {
  top: -50px;
  float: right;
  right: 10px;
  height: 25x;
  width: 100px;
  position: relative;
} 
  
  
#udrzba{
  position:relative;
  padding:15px;
  left: 80px;
  width:750px;
  height: 300px;
  font-size: 20px;
  text-align: center;
  border: 0px dashed #333;
  color: #fff;       
}

#content_udrzba{
  position:relative;
	width:1000px;
	left: 50%;
  margin-left: -500px;
	text-align:center;
	border:0px dashed #333;
	background-color:#000;
  -moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
  behavior: url(/script/PIE.php);
}  
       
/*p {
	text-align: left;
	margin: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}  */

.image_left{
	border: 1px solid #999999;
	position: static;
	float: left;
	margin-top: 6px;
	margin-right: 6px;
}




.profil {
  top: 20px;
  position: relative;
  color: #000;
	text-align: left;
  width: 780px;
  left: 20px;
	position: relative;
	opacity: 0.9;
	font-size: 12px; 
}

.forgotpw{
  text-align: center;
 
  padding: 10px;
 
            
}

.registrace{
  text-align: center;
  width: 800px; 
  z-index: 40; 
  /*height: 750px;*/
  
  left: 50%;
  font-size: 12px;
  margin-left: -400px;
  
  position:relative; 

  padding: 10px;
  -moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
  opacity: 0.85;
	filter:alpha (opacity=85);
  /*display: none;*/           
}             


.separator{
  position: relative;
  top: -3px;
  color: #fff;
  float: left;
}  

#cara{
  position: relative;
}  
        
#odkaz{
  position: relative;
}
          

      
#slider{
  position: relative;
  left: 0px;
  float: left;
  top: 0px;
  height: 396px;
  border-color: #fff;
  border-width: 6px;
  border-style: solid;
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#sortiment{
  position: relative;
  right: 0px;
  background:  url("http://lyze-pribram.cz/template/lyzepb/image/vedle_slide.png") bottom no-repeat ,url("http://lyze-pribram.cz/template/lyzepb/image/white.jpg") bottom repeat;  
  width: 460px;
  padding: 30px 30px 30px 30px;
  float: right;
  top: 0px;
  height: 346px;
  font-family: "Ubuntu-R";
  font-size: 13px;
  font-weight: bold;
  text-align: left;

  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
  
}

#sortiment_text {
     position: absolute;
     left: -10px;
     top: 50px; 
     width: 500px;          
                }


#sortiment_text ul {

 
   list-style-type: none;
  line-height: 1em;
  
 }
 
  #sortiment_text li {
  padding: 15px 0px 0px 0px;
  
 }           
 
  #sortiment_text li:before {
 content: "";
    line-height: 1em;
    width: .6em;
    height: .6em;
    background-color: #ff0000;
    float: left;
    margin: .25em .25em .16em;
    border-radius: 50%;
   
 }
 
  #sortiment_links {
    
    position: absolute;
    bottom: 25px;
    font-family: "Ubuntu-Light";
    color: #fff;
    
    
}

  #sortiment_links a{
    margin-left: 10px;
    background-color: #ff0000;
    color: #fff;
    padding: 7px 20px 7px 20px;
   text-transform: uppercase;
   font-weight: normal;
   font-size: 16px; 
   -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

 #sortiment_links a:hover{
    margin-left: 10px;
    background-color: #00ffff;
    color: #000;
  
}

#oteviraci_doba {
    position: absolute;
    bottom: 40px;
    left: 40px;
    font-family: "Ubuntu-B";
    font-size: 20px; 
    padding: 10px 15px 10px 15px;
    background-color: #fff;           
     -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 45%;            
                
                }





#paticka{

  top: 20px;
  position: absolute;
  /*width: 1150px;*/
  
  font-family: "Ubuntu-R";
}

#paticka_menu {
   position: absolute;
   width: 22%;
   left: 0px;           
   top:0px;
   /*padding: 50px 0px 0px 0px;*/  
   font-size: 15px; 
   font-family: "Ubuntu-Light";   
              }
              
#paticka_menu a:link{
	color: #fff;
	text-decoration: underline; 
}

#paticka_menu a:visited{
	color: #fff;
	text-decoration: underline;
}

#paticka_menu a:hover, a:active, a:focus{
	text-decoration: underline;
}                
              
#paticka_formular {
  position: relative;
   width: 50%;           
   float: left;
   left: 9%;        
              } 
              
#paticka_info {
     position: absolute;
  width: 30%;
  /*left: 51%;*/ 
  padding: 45px 0px 0px 0px;
  color: #fff;
  font-size: 14px;         
              }  
              
#paticka_mapa {
     position: relative;
  width: 40%;
 
  padding: 45px 0px 0px 0px;
  color: #fff;
  font-size: 14px; 
  text-align: left;
  float: right;        
              }  
              
#paticka_mapa a:link{
	color: #fff;
	text-decoration: underline; 
}

#paticka_mapa a:visited{
	color: #fff;
	text-decoration: underline;
}

#paticka_mapa a:hover, a:active, a:focus{
	text-decoration: underline;
}                                                                    


.paticka_nadpis {
     top: 0px;
     position: absolute;
     font-family: "Ubuntu-B";
     font-size: 22px;
     color: #fff;
     text-transform: uppercase;           
                }
                
.kontakt {
    top: 0px;
    
    
    padding: 50px 30px 20px 0px;

    color: #D3D3D3;
    
    border: none;
   
}

.kontakt input[type="text"], .kontakt input[type="mail"], .kontakt textarea, .kontakt select {
    border: none;
    color: #525252;
    height: 20px;
    line-height:15px;
    margin-bottom: 7px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0px 5px 10px;
    width: 65%;
    font-family: "Ubuntu-R";
    font-weight: 100;

    
    
}

.kontakt textarea{
    height:80px;
    padding: 10px 0px 0px 10px;
    width: 65%;
    font-family: "Ubuntu-R";
    font-weight: 100;
   
  background: #fff;
}
.kontakt .button {
    background-color: transparent;
    border-color: #ada5a6;
    border-style: solid;
    border-width: 2px;
    padding: 8px 30px 9px 30px;
    color: #fff;
     text-transform: uppercase;
    width: 130px;
    
    height: 40px;
    font-size: 14px;
   
    
}

.kontakt .button:hover {
    color: #000;
    background-color: #ada5a6;
}                   

#logo_bottom {
   
  position: relative;
  float: left;
  font-family: "Landri";
  color: #fff;
	text-align: left;
  padding: 0px 0px 0px 9%;
  top: 0px;
  font-size: 30px;
	
             }
             
#logo_bottom a:link{
	color: #fff;
	text-decoration: none; 
  cursor: pointer;
}

#logo_bottom a:visited{
	color: #fff;
	text-decoration: none;
  cursor: pointer;
}

#logo_bottom a:hover, a:active, a:focus{
	text-decoration: none;
  cursor: pointer;
}             

#copyright {
   position: relative;
   float: left;
   font-family: "Ubuntu-Light";
   padding: 20px 0px 0px 9%;
   font-size: 13px;
   color: #fff;       
  
   /*left: 190px;*/        
           }
           
#copyright a{
   text-decoration: none;
   color: #fff;     
           }           
             
   
                 
#bottom_down_text {
     position: absolute;
     top: 465px;
     /*left: 570px;*/
     right: 0px;
     font-family: "Ubuntu-R";
     color: #fff;
     font-size: 12px;             
                  
                  } 
                  
#bottom_menu {
   position: relative;
   float: right;
   font-family: "Ubuntu-Light";
   padding: 20px 9% 0px 0px;
   font-size: 13px;
   color: #fff;       
   /*left: 190px;*/        
           }
           
#bottom_menu a{
   text-decoration: underline;
   color: #fff;     
   
           } 
                  
                  
#sipka {
    position: absolute;
    /*right: 100px;*/
    width: 200px;
    left: 50%;
    margin-left: -100px;
    top: 240px;
    
      } 
      
#sipka_top {
    position: relative;
    /*right: 100px;*/
    float: right;
    padding: 0px 9% 0px 0px;
    
      }      
      
#footer {
  
 
  background-color: #76696b;
  width: 100%;
  height: 435px;
	position: relative;
  margin-top: 50px;
  padding: 20px 0px 0px 0px;
  -webkit-box-shadow: 0px -14px 21px 0px rgba(50, 50, 50, 0.38);
-moz-box-shadow:    0px -14px 21px 0px rgba(50, 50, 50, 0.38);
box-shadow:         0px -14px 21px 0px rgba(50, 50, 50, 0.38);
} 

#paticka_logo {
  position: relative;
  float: right;
  padding: 0px 40% 0px 0px;           
              
    }   
              
#galerie {
   position: relative;
   margin-top: 30px;      
         }    
         
         
.error{
	margin-top: 8px;
  margin: center;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: red;
} 


.alert_bg{
  background-color: rgba(117,117,117, 0.6);
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%; 
  z-index: 999999999;       
}

.report{
  text-align: center;
  width: 300px; 
  z-index: 50; 
  top: 42%;
  left: 50%;
  margin-left: -150px;
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  position:fixed; 
  background-color: #d1dfff; 
  padding: 10px;
  -moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
  opacity: 0.85;
	filter:alpha (opacity=85);      
} 

.msg {
	margin-top: 8px;
  margin: center;
  text-align: center;
}         

#sro {
   font-family: "Landri";
   font-size: 22px;
   color: #fff;  
     } 
     
.menu_back {
   position: relative;
   top: 20px;        
           
           }  
           
.clear {
   clear: both;    
       
       }                 
     
     
     
     
 
 @media (max-width: 1300px) {
 
   #paticka_info {
    display: none;
  }
   #slider {
    display: none;
  }
  #paticka_formular {
  position: absolute;
   /*width: 50%;*/           
   left: 0px;
   top: 0px;        
              } 
}  


@media (max-width: 1050px) {
.top_banner {
 
  height: 120px;

}

}


@media (max-width: 900px) {
.top_banner {
 
  height: 150px;

}
#topMenu{
  
  top: 75px;
  left: 0%;
  }

}
@media (max-width: 1150px) {
#paticka_logo {
 
  display: none;

}
#paticka_mapa {
 
  display: none;

}

#logo_bottom {
 
  top: 300px;

}
#copyright {
 
  top: 300px;

}
}




@media (max-width: 450px) {
.top_banner {
 
  height: 220px;

}
#paticka_formular {
 
  width: 100%;
  
}

#bottom_menu {
   top: 300px;          
             
             }

#sro {
 
  display: none;

}
}