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

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

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

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

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

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

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

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

.red {
  color: red;   
     }
.redborder { border: 1px solid red; } 
.greenborder { border: 2px solid green; } 
.register_error {
  font-size: 11px;
}
.bold_top{
  position: relative;
  font-family: "Ubuntu-B";
 }
 
.bold {
  position: relative;
  font-weight: bold;    
      
      } 

.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: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
      background: #fff; /* Old browsers */

}

#inner_container {
    position: relative;
    background: #ffffff; /* Old browsers */
    top: 0px;         
/*width: 1366px;
left: 50%;
margin-left: -683px;  */
width: 100%;
-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
     /*padding: 0px 70px 70px 70px;*/                
    max-width: 1366px;             
                 }


#top_banner {
  position: relative;
  top: 0px;
  width: 100%;
  
	
}

#top_logo {
  position: relative;
  
 margin-top: 30px;
 /* width: 229px;*/
  padding: 0px 0px 0px 20px;
  z-index: 1;
  float: left;
}


#evge {
    position: relative;
 
  padding: 0px 20px 0px 0px;
  z-index: 1;
  float: right;
      
      }

.pages_text {	
  position: relative;	
  font-family: "Ubuntu-M";
  top: 0px;
	text-align: left;
  padding: 60px 40px 130px 35px;
  left: 0px;
	 
	font-size: 12px;
	
  color: #454545;
  z-index: 2;
   -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box;
   
}



H1{
  font-family: "Ubuntu-R";
  margin-top: 0px;
  padding: 0px 0px 2px 5px;
  left: 30px;
	font-size:30px;
	font-weight: 650;
	color: #81a140;
  position: absolute;
  text-align: left;
  z-index: 2;   
}


H3{
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; 
	font-size:20px;
	font-weight: normal;
	color: #8e0512;
  text-align: left;
  position: relative;
}



#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{
  	position: relative;
  margin-top: 0px;
    
  min-height: 46px;
  
  z-index: 1;
   background: #029643; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjYWRiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTY2NmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #029643 0%, #017b3a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#029643), color-stop(100%,#017b3a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #029643 0%,#017b3a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #029643 0%,#017b3a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #029643 0%,#017b3a 100%); /* IE10+ */
background: linear-gradient(to bottom, #029643 0%,#017b3a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#029643', endColorstr='#017b3a',GradientType=0 ); /* IE6-8 */
  
}

#menuContent{
  position:relative;
  width:840px;
  color: black;
  font-size: 14px;
  top: 30px;
  left:0px;
	border:0px dashed #333;            
}

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

#login {
	font-family: "Ubuntu-Light";
  color: #125871;
  top: 5px;
  margin: 0px auto;
	position: relative;
}  
  
#login a:link{
	color: #125871;
	text-decoration: underline; 
}

#login a:visited{
	color: #125871;
	text-decoration: none;
}

#login, a:active, a:focus{
	text-decoration: none;
}    
  
.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;
 text-align: left;
 clear: both; 
 top: 40px;
 -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box;
}

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

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

#hlavni{
  position:relative;
  top: 100px;
  left: 0px;
  width: 100%;      
} 

#hlavni_right{
  position:relative;
  text-align: left;
  top: 100px;
  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: 20; 
}

.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;
}

.error{
	margin-top: 8px;
  margin: center;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: red;
} 

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

.profil {
  margin-top: 20px;
  position: relative;
  
	text-align: left;
  width: 100%;
  left: 20px;
  
}

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

.registrace{
  
 
  font-size: 12px;
  
  position:relative; 

  padding: 10px;
 
  /*display: none;*/           
}             

#registrace_uzivatele {
        position: relative;
        
        color: #098e92;
        left: 3px;
        font-family: "Ubuntu-Light";
        background-color: #e5e5e5;
        padding: 10px 20px 10px 20px;              
        text-align: center; 
              
                      } 
                      
#registrace_uzivatele a:link, #registrace_uzivatele a:visited, #registrace_uzivatele a:hover, #registrace_uzivatele a:active, #registrace_uzivatele a:focus {
	color: #098e92;
	text-decoration: none; 
}


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

#cara{
  position: relative;
}  
        
#odkaz{
  position: relative;
}
          
#paticka{
 position: relative;
 width: 100%;
 background-color: #434343; 
 height: 150px;
 max-width: 1366px;
}
            

                
.patickaContent{
  position: relative;
  width: 22%;
    padding: 20px 0px 0px 3%;
  float: left;
 min-width: 250px; 
} 
                
.patickaContent a:link{
	color: #fff;
	text-decoration: none; 
}

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

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

.patickaContent .paticka_head{
  position: relative;
  font-size: 17px;
  float: left;
  font-family: "Ubuntu-M";
  color: #6a6a6a;
}

.patickaContent .paticka_head img{
  width: 15px;
}                               
                

#newsletter {
    margin-top: 40px;        
   position: absolute;         
            }
            
#newsletter input[type="text"]{
    border: none;
    color: #6b716c;
    height: 20px;
    line-height:15px;
    margin-bottom: 7px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 8px 0px 8px 10px;
    background-color: #575757;
    font-family: "Ubuntu-R";
    font-weight: 100;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    
    
}   

#newsletter #vlastovka{
  position: absolute;
  
  left: 240px;
  margin-top: 2px;
  z-index: 2;
  color: #4f5b66;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
} 

#newsletter #vlastovka img{
  width: 153%;
}         
                    

#bottom {
    
    position: relative;
 width: 100%;
 background-color: #4e4e4e;    
  /*height: 50px;*/   
  max-width: 1366px;   
        }         

      
#slider{
  position: relative;
 
  width: 100%;
  
-webkit-box-shadow: 0px 7px 14px 0px rgba(50, 50, 50, 0.39);
-moz-box-shadow:    0px 7px 14px 0px rgba(50, 50, 50, 0.39);
box-shadow:         0px 7px 14px 0px rgba(50, 50, 50, 0.39);
}  

   #slider img{
 
  width: 100%; 
  
} 


  
    
#paticka_obsah {
   position: relative;
    width: 28%;
   font-size: 15px; 
   font-family: "Ubuntu-R"; 
   float: left;
  color: #fff; 
  padding: 0px 0px 0px 4%; 
  min-width: 250px;
              }
              
#paticka_obsah a:link{
	color: #fff;
	text-decoration: underline; 
}

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

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

#paticka_obsah .odkazy{
   
  text-decoration: underline;  
  
  color: #fff; 
  
              }
              
.paticka_nadpis {
     margin-top: 50px;
     position: relative;
     font-family: "Ubuntu-B";
     font-size: 22px;
     color: #fff;
     padding: 0px 0px 10px 0px; 
     text-transform: uppercase;          
                }
              
.white {
   color: #fff;    
       }               
              



                
.kontakt {
    top: 0px;
    
    
    

    color: #D3D3D3;
    
    border: none;
    overflow: hidden;
}

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

.kontakt textarea{
    height:80px;
    padding: 10px 0px 0px 10px;
   
    font-family: "Ubuntu-R";
    font-weight: 100;
    background-color: #fff;
    color: #c5c5c5;
   
}
.kontakt .button {
    border: none;
    padding: 10px 30px 13px 30px;
    color: #fff;

    width: 140px;
     font-family: "Ubuntu-R";
    height: 45px;
    font-size: 14px;
    background-color: #4e4e4e; /* Old browsers */
    border: 2px solid #81a140;
   -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
    
}

.kontakt .button:hover {
    color: #fff;
   background-color: #81a140;

}                   



#copyright {
   position: relative;
  font-family: "Ubuntu-Light";
   font-size: 13px;
   color: #fff;       
  top: 0px;
  float: left;
  left: 20px;
       
           }
           
#copyright .logo{
  vertical-align: middle;
       
           }           
           
#copyright a{
   text-decoration: none;
   color: #fff; 

           }   
           
                 
       
       
#paticka_logo {
  position: relative;
  float: right;
  bottom: 10px;          
              
    }              
   
                 
#bottom_down_text {
     position: absolute;
     top: 465px;
     /*left: 570px;*/
     right: 0px;
     font-family: "Ubuntu-R";
     color: #fff;
     font-size: 12px;             
                  
                  }  
                  
#down {
    position: relative;
    clear:both;
      
      
      }
                  
#sipka {
    position: absolute;
    /*right: 100px;*/
    
    top: 280px;
    right: 20px;
      } 
      
#footer {
  margin-top: 10px;
  position: relative;
  background-color: #4e4e4e;
  width: 100%;
  padding: 0px 0px 20px 0px;
  max-width: 1366px;
  
} 

  
              
#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;
  left: 0px;
  width: 100%;
  height: 100%; 
  z-index: 99;       
}

.report{
  text-align: center;
  width: 300px; 
  z-index: 50; 
  top: 300px;
  left: 50%;
  margin-left: -150px;
  border-color: #1081a9;
  border-width: 2px;
  border-style: solid;
  position:fixed; 
  background-color: #dedede; 
  padding: 10px;
  -moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
  opacity: 0.85;
	filter:alpha (opacity=85); 
  font-family: "Ubuntu-Light";
            
} 

.msg {
		margin-top: 8px;
  margin: center;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: green;
}     



     
#reklama_bottom {
   position: relative;
   padding: 20px 0px 0px 0px;
                
                
                }
                
#login_lock_bg{
  background-color: rgba(117,117,117, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 99; 
   
}

a.login_lock_bg_a {
    width: 100%;
    height: 100%;
    display: block;
    cursor: initial;
}


#login_form {
    /*opacity: 0;*/
    display: none;
    
} 

#close_login_btn {
    position: absolute;
    right: 0px;
    top: 0px;
    margin-right: -10px;
    margin-top: -10px;             
    /*opacity: 0;*/
    display: none;             
                 } 

#close_login_btn href{

	text-decoration: none; 
  
}
                 
#close_login_btn a:link{

	text-decoration: none; 
  
}

#close_login_btn a:visited{

	text-decoration: none;
  
}

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

}           

#login_popup {
     position: fixed;
     top: 40%;
     width: 5px;
     height: 25px;
     /*padding: 20px 40px 20px 40px;*/
     left: 50%;
     margin-left: -340px;
     background-color: #dedede;
     z-index: 1000;
    /*opacity: 0;*/ 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid ;
    border-color: #1081a9;
    font-family: "Ubuntu-Light";
    display: none;
    /*pointer-events: none;*/
         
             } 
             
#login_popup input#odeslat_button {
    background: #d31902;
    border-color: #1081a9;
    border-style: solid;
    border-width: 1px;
    padding: 5px 30px 9px 30px;
    margin-left: 10px;
    color: #fff;
    text-transform: uppercase;
    width: 130px;  
    height: 30px;
    font-size: 14px;
    -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;   
}

#login_popup input#odeslat_button:hover {
    color: #333;
    background-color: #1081a9;
    
} 

#login_popup a:link{
	color: #383737;
	text-decoration: none; 
  font-weight: bold;
}

#login_popup a:visited{
	color: #383737;
	text-decoration: none;
  font-weight: bold;
}

#login_popup a:hover, #login_popup a:active, #login_popup a:focus{
  text-decoration: none;
  border-bottom: 2px solid #1081a9;
  font-weight: bold;
}         

#zapomenute-heslo {
     position: relative;
     text-decoration: none;             
                  
                  }  
                  
#zapomenute-heslo a:link{
	color: #000;
	text-decoration: none; 
 
}

#zapomenute-heslo a:visited{
	color: #000;
	text-decoration: none;
  
}

#zapomenute-heslo a:hover, #zapomenute-heslo a:active, #zapomenute-heslo a:focus{

  color: #000;
	text-decoration: none;
  
} 


#prihlaseni {
        position: relative;
        font-family: "Ubuntu-Light";
        color: #098e92;
        
        background-color: #e5e5e5;
        padding: 10px 20px 10px 20px;              
        text-align: center;
                   
                      } 
                      
#prihlaseni a:link, #prihlaseni a:visited, #prihlaseni a:hover, #prihlaseni a:active, #prihlaseni a:focus {
	top: 10px;
  color: #098e92;
	text-decoration: none; 
} 




/*formulaře profil atp*/

.form-style-1 {
    margin:10px auto;
    max-width: 600px;
    padding: 20px 12px 10px 20px;
    font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}
.form-style-1 label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
    font-weight: bold;
}
.form-style-1 input[type=text],
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
.form-style-1 input[type=password],
textarea,
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none; 
}
.form-style-1 input[type=text]:focus,
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 input[type=password]:focus,
.form-style-1 textarea:focus,
.form-style-1 select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}


.form-style-1 .error{
    -moz-box-shadow: 0 0 5px #e30e0e;
    -webkit-box-shadow: 0 0 5px #e30e0e;
    box-shadow: 0 0 5px #e30e0e;
    border: 1px solid #e30e0e;
    text-align: left;
}

.form-style-1 .field-divided{
    width: 49%;
}

.form-style-1 .konec{
   position: relative;
   left: 1%;
}



.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-textarea{
    height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
    background: #81a140;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}

.form-style-1 button{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}

.form-style-1 button:disabled{
    background: #9f9b9b;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}

.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    background: #657e32;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.form-style-1 .required{
    color:red;
}

.button_reg{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}

<!-- This goes in the document HEAD so IE7 and IE8 don't cry -->
	[if lte IE 9]
 
		table.gradienttable th {
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e3e4', endColorstr='#b3c8cc',GradientType=0 );
			position: relative;
			z-index: -1;
		}
	
  [if lte IE 9]
  	table.gradienttable td {
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebecda', endColorstr='#ceceb7',GradientType=0 );
			position: relative;
			z-index: -1;
		}

	
 .tlacitko_edit input{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}

 /*styl k tabulkám v profilu vrakoviště*/


table.gradienttable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
 
}
table.gradienttable th {
	padding: 0px;
	background: #d5e3e4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZTNlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2NjZGVlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2M4Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d5e3e4 0%, #ccdee0 40%, #b3c8cc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5e3e4), color-stop(40%,#ccdee0), color-stop(100%,#b3c8cc));
	background: -webkit-linear-gradient(top,  #d5e3e4 0%,#ccdee0 40%,#b3c8cc 100%);
	background: -o-linear-gradient(top,  #d5e3e4 0%,#ccdee0 40%,#b3c8cc 100%);
	background: -ms-linear-gradient(top,  #d5e3e4 0%,#ccdee0 40%,#b3c8cc 100%);
	background: linear-gradient(to bottom,  #d5e3e4 0%,#ccdee0 40%,#b3c8cc 100%);
	border: 1px solid #999999;
  width: 600px;
}
table.gradienttable td {
	padding: 0px;
	background: #ebecda;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWNkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2UwZTBjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ebecda 0%, #e0e0c6 40%, #ceceb7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebecda), color-stop(40%,#e0e0c6), color-stop(100%,#ceceb7));
	background: -webkit-linear-gradient(top,  #ebecda 0%,#e0e0c6 40%,#ceceb7 100%);
	background: -o-linear-gradient(top,  #ebecda 0%,#e0e0c6 40%,#ceceb7 100%);
	background: -ms-linear-gradient(top,  #ebecda 0%,#e0e0c6 40%,#ceceb7 100%);
	background: linear-gradient(to bottom,  #ebecda 0%,#e0e0c6 40%,#ceceb7 100%);
	border: 1px solid #999999;
  
}
table.gradienttable th p{
	margin:0px;
	padding:8px;
	border-top: 1px solid #eefafc;
	border-bottom:0px;
	border-left: 1px solid #eefafc;
	border-right:0px;
  width: 170px;
}
table.gradienttable td p{
	margin:0px;
	padding:8px;
	border-top: 1px solid #fcfdec;
	border-bottom:0px;
	border-left: 1px solid #fcfdec;;
	border-right:0px;
  width: 170px;
  
}   


/*menu profilu*/

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  line-height: 1;
  /*border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;   */
  background: #141414;
  background: -moz-linear-gradient(top, #333333 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);
  background: -o-linear-gradient(top, #333333 0%, #141414 100%);
  background: -ms-linear-gradient(top, #333333 0%, #141414 100%);
  background: linear-gradient(to bottom, #333333 0%, #141414 100%);
  border-bottom: 2px solid #0fa1e0;
  width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  background: -moz-linear-gradient(top, #333333 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);
  background: -o-linear-gradient(top, #333333 0%, #141414 100%);
  background: -ms-linear-gradient(top, #333333 0%, #141414 100%);
  background: linear-gradient(to bottom, #333333 0%, #141414 100%);
  color: #ffffff;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  padding: 19px 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  display: inline-block;
  float: left;
  margin: 0;
}
#cssmenu.align-center {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  color: #ffffff;
  font-size: 12px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu.align-right > ul > li:first-child > a,
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#cssmenu.align-right > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #ffffff;
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background: -moz-linear-gradient(top, #262626 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #262626 0%, #070707 100%);
  background: -o-linear-gradient(top, #262626 0%, #070707 100%);
  background: -ms-linear-gradient(top, #262626 0%, #070707 100%);
  background: linear-gradient(to bottom, #262626 0%, #070707 100%);
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #0fa1e0;
  border-bottom: 1px dotted #31b7f1;
  font-size: 11px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
  background: #0c7fb0;
}
#cssmenu ul ul li:hover > a {
  color: #ffffff;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #31b7f1;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #0a6d98;
}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}



                      

.clear {
   clear: both;    
       
       } 
       


.flat-table {
		margin-bottom: 20px;
		border-collapse:collapse;
		font-family: 'Lato', Calibri, Arial, sans-serif;
		border: none;
                border-radius: 3px;
               -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
	}
	.flat-table th, .flat-table td {
		box-shadow: inset 0 -1px rgba(0,0,0,0.25), 
			inset 0 1px rgba(0,0,0,0.25);
	}
	.flat-table th {
		font-weight: 700;
		-webkit-font-smoothing: antialiased;
		padding: 1em;
		color: rgba(242,242,242,0.45);
		text-shadow: 0 0 1px rgba(0,0,0,0.1);
		font-size: 1.8em;
   
	}
	.flat-table td {
		color: #f7f7f7;
		padding: 0.7em 1em 0.7em 1.15em;
		text-shadow: 0 0 1px rgba(255,255,255,0.1);
		font-size: 1.4em;
	}
	.flat-table tr {
		-webkit-transition: background 0.3s, box-shadow 0.3s;
		-moz-transition: background 0.3s, box-shadow 0.3s;
		transition: background 0.3s, box-shadow 0.3s;
	}
	.flat-table-1 {
		background: #4B99AD;
	}
	.flat-table-1 tr:hover {
		/*background: rgba(0,0,0,0.19);*/
	}
  .flat-table-1 th:hover {
		background: rgba(0,0,0,0.19);
    cursor: pointer;
	}
	.flat-table-2 tr:hover {
		background: rgba(0,0,0,0.1);
	}
	.flat-table-2 {
		background: #f06060;
	}
	.flat-table-3 {
		background: #52be7f;
	}
	.flat-table-3 tr:hover {
		background: rgba(0,0,0,0.1);
	}      


/* vyhledávání */
  
#hledat{
  margin-top: 60px;
  float: left;
  
  padding: 0px 0px 0px 90px;
  position: relative;
}

        
#hledat input#hledej{
  width: 250px;
  height: 30px;
  background: #e5e5e5;
  font-family: "Ubuntu-Light";
  font-size: 10pt;
  float: left;
  color: #989898;
  padding-left: 15px;
  border: none;
}  

#hledat #icon{
  position: absolute;
  
  left: 320px;
  margin-top: 6px;
  z-index: 2;
  color: #4f5b66;
} 


#menicko {
        position: relative;
        float: right;
        margin: right;
        margin-top: 8px;
        padding: 0px 40px 0px 0px;
         }                                                                                             

#kosik {
      position: relative;
      top: 20px;
      margin-left: -150px;
      
      }
      
#cena {
      font-family: "Ubuntu-Light";
      font-size: 40px;
      color: #989898;
      
      }  
      
#kosik_text {
       position: relative;
       text-transform: uppercase;
       float: right;
       top: -43px;
       left: -70px;
       font-family: "Ubuntu";
       color: #098e92; 
       font-size: 20px;    
            
            }     
            
#kosik_produktu {
      position: relative;
      text-transform: uppercase;
      color: #5f5f5f;
      font-family: "Ubuntu-Light";          
      float: right;
       top: -23px;
       left: 25px;         
                }   
                
#katalog_hlavicka {
      position: relative;
      width: 100%;
      background-color: #202020;
      height: 27px;
      color: #fff;
      font-family: "Ubuntu-Light";
      margin-top: 20px;
      text-transform: uppercase;
      padding: 7px 0px 2% 2%;
      -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
            
                  
                  }     
#katalog {
    position: relative;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 2px;
    width: 100%; 
    left: 0px;
    /*height: 200px;*/
    padding: 20px 0px 0px 0px; 
    box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;   
         }   
         
.katalog_polozka {
     position: relative;
     width: 20%;
     margin: 0px auto;
     float: left;            
     text-align: center;            
     min-width: 180px;            
                 }
                 
.katalog_polozka .img_produkt{
     position: relative;
     margin: 0px auto;
    /* padding: 0px 0px 0px 18%;*/           
    /* height: 150px;*/  
    min-height: 150px;
    max-height: 150px;       
                 
                 }    
                 
.katalog_polozka .img_produkt img{
     width: 180px;       
                 
                 }                  
                 
.katalog_polozka .nazev {
      position: relative;
      height: 65px; 
      bottom: 0px;
      /*left: 15%;*/
      font-family: "Ubuntu-Light";
      color: #060606;
                        
                        
                        } 
                        
.katalog_polozka .cena {
      position: relative;
      color: #098e92;
      font-family: "Ubuntu-M";
      font-size: 17px;
                       }
                       
.katalog_polozka .do_kosiku img {
      height: inherit;
                       }                       
                       
                     
                       
#prihlasit_button {
    color: #9e9e9e;              
    text-decoration: underline;               
    position: relative;
    top: 10px;
    font-size: 14px;
    text-align: center;
    float: right;
    right: 10px;
                  }
                  
.center_reg {
    text-align: center;
    font-size: 15px;
    font-weight: bold;

}                  
                  
                  
#prihlasit_button a:link, #prihlasit_button a:visited, #prihlasit_button a:hover, #prihlasit_button a:active, #prihlasit_button a:focus {

  color: #9e9e9e;
	text-decoration: underline; 
}                   
                                                                                                                            


         
@media (max-width: 1335px) {
  #bannery #pravy { 
    float: left;
  }
  
   
}

@media (max-width: 1240px) {
  
  
  .katalog_polozka .nazev {
   height: 85px;
  }
   
   
   
  #kosik{
   margin-left: 0px;
  }
  
  #kosik_text {
      
       top: 0px;
       left: -95px;
       
            
            }     
            
#kosik_produktu {
      
       margin-top: 45px;
       left: 0px;         
                }   
    
}

@media (min-width: 1366px) {
  #inner_container { 
    margin: 0px auto;
  }
  
  #footer { 
    margin: 0px auto;
  }
  
  #paticka { 
    margin: 0px auto;
  }
  #bottom { 
    margin: 0px auto;
  }
   
}

@media (max-width: 800px) {
#hledat{
 
  
  height: 100px;
  padding: 0px 0px 0px 10px;
}