* {
	margin:0px;
	padding: 0px;
}
body{
	font-family: 'Slabo 27px', serif;
	color: #262626;
	text-align: left;
	line-height: 1.5;
	background: silver url("../img/bg.jpg") fixed;
  background-size: cover;
}
html, body {
	height: 100%;
	max-width: 100%;
	}
a img {border:none !important;}
html>body {
font-size: small;
_font-size: x-small;
}

hr {display:none;}
a {
  color:#262626;
	text-decoration : none;
	padding: 0px;
}
a:active {
  color: #262626;
	text-decoration: none;
	padding: 0px;
}
a:visited {
color:#262626;
 text-decoration: none;
 padding: 0px;
 }
a:hover { 
	color: #262626;
	text-decoration: underline;
	padding: 0px;
}
form{
margin: 0px;
padding: 0px;
}
input{
margin-bottom: 0px;
}
p {
margin-top: 3px;
margin-bottom: 10px;
}
ul {
	list-style-type: none;
	margin-left: 0px;
}

ul li, ol li {
margin-bottom:3px;
}	

h1, h2, h3, h4, h5, h6 	{
	font-family: 'Lobster', cursive;
	color: #DD6F00;
	margin-top: 0px;
	margin-bottom: 1px;
}
h1 {font-size:100%; margin-bottom: 5px; color: White; font-weight:normal;}

h4 {
margin-bottom: 5px;
max-width: 1090px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #b4b4b4;
font-style: normal;
font-weight:normal;
color: #b4b4b4;

font-size:13px;
text-align:left;
text-transform: lowercase;
}
h4 a{
color: #b4b4b4!important;
}
h4 a:visited{
color: #b4b4b4!important;
}
h4 a:hover{
	color: #262626!important;
}

.text-cerveny{
	color: #B52E45;
}


.clear{
clear: both;
}
/******************************************************************/

/*text-zarovnani-atd */

.mezera	{
	padding: 2px;
	}
.mezera1{
	padding: 0 0 30px  0;
}

.cara{
	border-bottom: 1px dotted silver;
	margin-left:15px;
   margin-top:15px;
	width:100%;
	
	}


/*konec text-zarovnani-atd */
#telo{
	position:relative;
	width:100%;
	border-style: solid;
border-color : #ff6600;
border-width : 0px;
margin:auto;
/*margin-top:200px;*/

}

#pozadi{
   position:relative;
	width:1000px;
  	margin:auto;
	z-index:1;
	
}
#pozadi1{
	position:relative;
	width:1000px;
	margin:auto;
	z-index:2;
}
#pozadi2{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
   height:100%;
	z-index:100;
	text-align: center!important;
}

/*VRSEK*/
#vrsek{
	position:relative;
	height:170px;
	width:1000px;
	/*margin-top:200px;*/
	}

#banner{
	margin-top:260px;
	width:1000px;
	width:100%;
	padding:0px;
	vertical-align:middle;
	text-align: left;
	float:left;
	}
#banner1{
	width:100%;
	padding:0px;
	height:150px;
	}

.logo0{
   position: fixed;
	top:30px;
	margin-left:10px;
   z-index:99999;
   font-size: 16px;
	/*margin-top:200px;*/
   }
	
.logo{
   position: fixed;
	top:13px;
	margin-left:550px;
   z-index:99999;
   font-size: 16px!important;
   padding:10px 15px 10px 15px;
   background-color: rgba(255,255,255,0.8);
   -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*margin-top:200px;*/
	}
	
.logo1{
   position: fixed;
	top:0px;
	margin-left:1005px;
   z-index:99999;
	height:400px!important;
	overflow:hidden;
	/*margin-top:200px;*/
	}	

.jazyky{
   position: fixed;
	top:7px;
	margin-left:15px;
   z-index:99999;
   }	
	
#vrsek1{
   position: fixed;
	top:0px;
	height:240px;
	width:1000px;
	/*background: url("../img/top.png") top left no-repeat;*/
   z-index:10000;
   -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*margin-top:200px;*/
}

#top{
   position: fixed;
	top:0px;
	height:180px;
	width:1000px;
	/*background: url("../img/top.jpg") top left no-repeat;*/
	background-color: rgba(255,255,255,0.0);
   z-index:10000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/* top navigation */
#menu {
font-family: 'Lobster', cursive;
position: absolute;
padding: 10px 0px 5px 0px;
float:left;
top: 195px;
left:0px;
font-style: normal;
font-weight:normal;
color: #262626;

font-size: 21px;
width: 1000px;
overflov:hidden;
text-align:center;
background-color: rgba(255,255,255,0.9);
background: url("../img/top.jpg") top left no-repeat;
-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
line-height: 1.0!important;
}

.email {
padding:0px 0px 0px 0px
}

.email:hover {
padding:0px 0px 0px 0px;
color: #DD6F00!important;
color: #fff!important;
cursor: pointer;	
}


#menu a {
padding-right:10px;
color: #262626 !important;	
}
#menu a:hover {
padding-right:10px;
color: #DD6F00!important;
color: #fff!important;
text-decoration: none;	
}

#menu .aktivni {
padding-right:10px;
color: #DD6F00!important;	
color: #fff!important;	
}

/*konec top-navigation*/
/*konec VRSEK*/
/*CENTER*/
#stred, #stred1{
	position:relative;
	width:100%;
	width:100%;
	min-height:200px;
	float:left;
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	font-size: 100%;

	}

/* CENTER -  stred*/
#stred-center-ram, #stred1-center-ram{
	width: 100%;
	min-height: 200px;
	border-left-width: 0px;
	border-left-style: dotted;
	border-left-color : red;
	float:left;
	margin-top:0px;
	margin:auto;
	text-align: center;
}

#stred-center-ram .in, #stred1-center-ram .in{
	padding: 0px 0px 60px 0px;
	margin:auto;
	margin:0px auto 20px auto!important;
	text-align: left;
	background-color: rgba(255,255,255,0.9);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}	
/*konec  CENTER -  stred*/	

/*konec CENTER*/



/*rozkilkavaci menu*/
.eshopr{
	padding:0px;
	margin: 0px !important;
	list-style-type: none;
	}
	



.onas{
	width:100%;
	margin-left:auto;
	margin-right:auto; 
	text-align:justify;
	padding:0px 0px 0px 0px!important;
	max-width:900px;
	min-height:277px;
	font-style: normal;
   color: #262626;
   
   font-size: 18px;
		}	

.onas h3{
 width:100%;
 margin-left:auto;
 margin-right:auto; 
 text-align:center!important;
 font-size: 50px;
 font-style: normal;
 font-weight:normal;
 padding: 40px 0px 20px 0px;
 
	}	
.onas h5{
 width:100%;
 margin-left:auto;
 margin-right:auto; 
 text-align:center!important;
 font-size: 35px;
 padding: 30px 0px 40px 0px!important;
 font-style: normal;
 font-weight:normal;
  padding: 60px 0px 40px 0px;
 width:500px!important;
	}	
	
	.onas .in{
	max-width: 1090px;
	padding:0px 30px 0px 30px!important;
	overflow:hidden;
	text-align: center!important;
	}		
	.onas .in1{
	max-width: 1090px;
	padding:0px 30px 0px 30px!important;
	overflow:hidden;
	text-align: center!important;
	}
	.onas table{
	overflow:hidden;
	text-align: left!important;
	margin-left:100px;
	}
	
.obsah{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px; 
	text-align:center;
	padding:0px 0px 0px 0px!important;
	min-height:400px;
	background-color: rgba(255,255,255,0.9);
	overflow:hidden;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
		}	
.obsah .in{
   margin-left:auto;
   margin-right:auto;
   
		}
		
.obsah h3{
 width:100%;
 text-align: center;
 font-size: 50px;
 padding: 40px 0px 20px 0px;
 font-style: normal;
 font-weight: normal;
	}			
				
.kontakt{
	width:100%;
	margin-left:auto;
	margin-right:auto; 
	text-align:center;
	padding:0px 0px 70px 0px!important;
	height:880px;
	background-color: rgba(51,51,51,0.9);
	font-style: normal;
   font-weight:normal;
   color: #b4b4b4;
   font-size: 18px;
   z-index:1000;
   -webkit-border-top-left-radius: 25px;
	-moz-border-top-left-radius: 25px;
	border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-top-right-radius: 25px;
	border-top-right-radius: 25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.kontakt h3{
 width:100%;
 margin-left:auto;
 margin-right:auto; 
 text-align:center!important;
 font-size: 50px;
 font-style: normal;
 font-weight:normal;
 padding: 40px 0px 20px 0px;
 width:700px!important;
	}				
.kontakt .in{
   margin-left:auto;
   margin-right:auto;
	max-width:900px;
	} 	

.kontakt img, .form-right img{
	margin-top:15px;
  	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}	
	
.kontakty{
	width:100%;
	margin-left:auto;
	margin-right:auto; 
	text-align:left;
	height:40px;
	padding: 0px 0px 90px 0px!important;
	background-color: rgba(0,0,0,0.8);
	font-style: normal;
   font-weight:normal;
   color: #262626;
   
   font-size: 14px;
   z-index:1000;
   -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top:20px;
	margin-bottom:80px;
	color: #FFF;
		}
			
.kontakty .in{
   margin-left:auto;
   margin-right:auto;
	max-width:900px;
	padding:20px 0px 20px 0px!important;
	} 	
.obsah .in{
   margin-left:auto;
   margin-right:auto;
	max-width:1090px;
	}			
	
.bunka-email	{
	border-color: gray;
	width: 430px;
	height: 47px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #FFF;
	background-color: #e7e7e7;
	margin-bottom: 10px;
	font-style: normal;
  font-weight:normal;
  color: #373737;
  
  font-size: 18px;
  	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  
}	
.bunka-kod	{
	border-color: gray;
	width: 160px;
	height: 47px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #FFF;
	background-color: #e7e7e7;
	margin-bottom: 10px;
	font-style: normal;
  font-weight:normal;
  color: #373737;
  font-size: 18px;
  text-align: center;
  	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  
}	
.popform {
   
	border: 0px solid #E0E8D9;
	text-align: center!important;
	padding: 5px 5px 5px 5px;
	}
textarea
{
width:430px;
height:215px;
padding: 10px;
border: 1px solid #FFF;
background-color: #e7e7e7;
font-style: normal;
font-weight:normal;
color: #373737;

font-size: 18px;
line-height:22px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}	
.odeslat{
	font-family: 'Slabo 27px', serif;
	margin-top: 15px;
	width: 450px;
	height: 57px;
	border: 0px solid #d0a004;
	background-color: #DD6F00;
	padding: 0px;
	color: #e7e7e7;
   
   font-size: 18px;
   cursor: pointer;
   -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.odeslat:hover{
	font-family: 'Slabo 27px', serif;
	margin-top: 15px;
	width: 450px;
	height: 57px;
	border: 0px solid #e5cb7d;
	background-color: #FFB162;
	color: #FFFFFF;
	padding: 5px;
	color: #e7e7e7;
	
	font-size: 18px;
	cursor: pointer;
}	


.obsah1{
	margin-left:auto;
	margin-right:auto; 
	text-align:center;
	margin-left:0px;
	margin-top: 260px;
	padding:10px 0px 0px 0px!important;
	min-height:200px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: transparent;
	}	
	
	.obsah1 .in{
	max-width: 1090px;
	padding:0px 70px 0px 70px!important;
	overflow:hidden;
	}	
	.obsah1 .in1{
	max-width: 1090px;
	padding:0px 70px 0px 70px!important;
	overflow:hidden;
	}	
	
.obsah1 h3{
 width:100%;
 margin-left:auto;
 margin-right:auto; 
 text-align:left;
 font-size: 50px;
 font-style: normal;
 font-weight:normal;
 padding: 40px 0px 20px 0px;
	}	
.obsah1 h5{
 width:100%;
 margin-left:auto;
 margin-right:auto; 
 text-align:center;
 font-size: 50px;
 font-style: normal;
 font-weight:normal;
 padding: 40px 0px 20px 0px;
	}	
	
.obsah1 .hlaska{
 width: 1090px;
 margin-left:auto;
 margin-right:auto; 
 text-align:center;
 font-size: 30px;
 padding: 60px 0px 40px 0px;
 font-style: normal;
 font-weight:normal;
 color: #262626;
 
 line-height:1.5;
	}	

.corona h5{
 width:100%;
 margin-left:auto;
 margin-right:auto; 
 text-align:center;
 font-size: 25px;
 font-style: normal;
 font-weight:normal;
 padding: 0px 0px 20px 0px!important;
 color: rgba(0,0,0,1.0)!important;
 width:100%!important;
	}
	
	
.vypis1{
 float:left;
 margin-right: 0px;
 margin-left: 40px;
 visible: block;
 text-align: center;
  margin-bottom: 28px;
  width: 250px;
  min-height:300px;
  }		
 
 


.horniy{
	position: absolute;
	border-width: 0px;
	border-style: solid;
	border-color: #262626;
	text-align: center ;
	padding: 0px;
	width: 240px;
	height:260px;
	float:left;background-color: transparent;
	z-index: 999;
	overflow:hidden;
}	

.horniy:hover{
	position: absolute;
	border-width: 0px;
	border-style: solid;
	border-color: #262626;
	text-align: center ;
	padding: 0px;
	width: 240px;
	height:260px;
	overflow:hidden;
	background:  url("../img/kolecko.png") no-repeat;
	opacity: 0.8;
	z-index: 999;
}		

.horniy a{
	display:block;
	padding: 0px;
	width: 240px;
	height:260px;
	overflow:hidden;
	z-index: 999;
	}

.horniy a:hover{
	display:block;
	padding: 0px;
	width: 240px;
	height:260px;
	overflow:hidden;
  color:#262626;
  z-index: 999;
  }    
  
.vypis2{
 float:left;
 margin-right: 20px;
 visible: block;
 text-align: center;
  margin-bottom: 28px;
 width: 250px;
  height:470px;
  font-style: normal;
  font-weight:normal;
  color: #262626;
  
  line-height:1.5;
 }	
 
.vypis3{
 float:left;
 margin-right: 0px;
 margin-left: 40px;
 visible: block;
 text-align: center!important;
  margin-bottom: 28px;
  width: 250px;
  min-height:300px;
  }	
  
.vypis3 img{
 	height:240px;
	overflow:hidden;
  }  

.onas-obr {
	height:240px;
	/* rounded corners */
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	border-radius: 120px;
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	border-radius: 120px;
	overflow:hidden;
}

.nabidka {
padding:0px 0px 0px 40px;
} 
 
.vypis1 .nazev{
font-style: normal;
font-weight:normal;
color: #262626;

font-size: 18px;
text-align: center;
padding:10px 0px 20px 0px;
	}
	 
.vypis3 .nazev{
font-style: normal;
font-weight:normal;
color: #262626;

font-size: 18px;
text-align: center!important;
padding:10px 0px 20px 0px;
line-height:1.5;
	}

.vypis2 .nazev{
text-align: left;
padding:0px 0px 0px 0px;
font-style: normal;
font-weight:normal;
color: #262626;

font-size: 18px;
font-size: 18px;
line-height:1.5;
	}
.vypis3 .popis{

 text-align: center;
font-style: normal;
font-weight:normal;
color: #262626;

font-size: 18px;
line-height:1.5;
	}	
.vypis1 .popis{

 text-align: center;
font-style: normal;
font-weight:normal;
color: #262626;

font-size: 18px;
line-height:1.5;
	}	 
.vypis2 .popis{

 text-align: center;
font-style: normal;
font-weight:normal;
color: #262626;

font-size: 18px;
line-height:1.5;
	}	
   
.vypis1 .nazev a{
	 color:#262626!important;
	} 	

.vypis1 .popis a{
	 color:#262626!important;
	} 	
.vypis3 .nazev a{
	 color:#262626!important;
	} 	

.vypis3 .popis a{
	 color:#262626!important;
	} 	
			
.vypis1 .nazev a:hover{
	 color:#fa8072!important;
	} 	
.vypis2 .nazev a:hover{
	 color:#fa8072!important;
	} 	
.vypis3 .nazev a:hover{
	 color:#fa8072!important;
	}
.vypis3 .popis a:hover{
	 color:#fa8072!important;
	}	
 
.foto{
	
	border-width: 0px;
	border-style: solid;
	border-color: #E9E5E1;
	text-align: left ;
	padding: 0px;
	width: 250px;
	height:35px;
	float:left;
	background:  url("../img/foto0.png") no-repeat left top;
	z-index: 100;
}	
.foto:hover{
	
	border-width: 0px;
	border-style: solid;
	border-color: #E9E5E1;
	text-align: left ;
	padding: 0px;
	width: 250px;
	height:35px;
	float:left;
	overflow:hidden;
	background:  url("../img/foto1.png") no-repeat left top;
	z-index: 100;
} 

.mail{
	
	border-width: 0px;
	border-style: solid;
	border-color: #E9E5E1;
	text-align: left ;
	padding: 0px;
	width: 250px;
	height:35px;
	float:left;
	background:  url("../img/mail1.png") no-repeat left top;
	z-index: 100;
	cursor: pointer;
}	
.mail:hover{
	
	border-width: 0px;
	border-style: solid;
	border-color: #E9E5E1;
	text-align: left ;
	padding: 0px;
	width: 250px;
	height:35px;
	float:left;
	overflow:hidden;
	background:  url("../img/mail2.png") no-repeat left top;
	z-index: 100;
	cursor: pointer;
} 
	
.shop-detail{
width:1000px;
	}	


.shop-detail .nazev{
font-style: normal;
font-weight:normal;
color: #262626;

font-size:35px;
line-height:1.5;
	}
			
.shop-detail .levy{
width:30%;
padding: 5px 0px 0px 0px;
float:left;
text-align:left;
	}		
.shop-detail .levy img{
width:280px;
	}		
.shop-detail #m img{
width:auto;
	}
	
.shop-detail .pravy{
float:left;
width:60%;
font-style: normal;
font-weight: normal;
color: #262626;
font-size: 18px;
text-align:left;
line-height:24px;
padding: 0px 0px 0px 15px;
width:550px!important;
	}

.shop-detail .pravy h3{ 
color: #262626!important;
	}	

.shop-detail .bez{
float:left;
width:85%;
font-style: normal;
font-weight: normal;

font-size: 18px;
text-align:left;
line-height:24px;
}
	
.shop-detail .bez table{
margin-left:50px;
}
	
.shop-detail .pravy strong{
font-style: normal;
font-weight: bold;
color: #262626;
	}		


.shop-detail .pravy a{
color: #262626;	
	}
.shop-detail .pravy a:active{
color: #262626;	
	}
.shop-detail .pravy a:visible{
color: #262626;	
	}	
.shop-detail .pravy a:hover{
color: #fa8072;	
text-decoration: underline;
	}	
	
.zarovnat_levo{
text-align: left;
	}
	

/*
Back to top button 
*/
#back-top {
	position: fixed;
	left:0px;
	width:100%;
	bottom: 0px;
	width: 100%;
	height: 60px;
	background: #000;
	text-align: center;
	opacity: 0.9;
	margin-bottom:0px!important;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #aaa ;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: silver;
}
/* arrow icon (span tag) */
#back-top span {
   margin-left: 50px;
	height: 18px;
	width: 60px;
	display: block;
   margin-top: 17px;
	margin-bottom: 7px;
	color: #FFFFFF;
	text-transform: uppercase;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	padding-top: 7px;
}
#back-top a:hover span {
	background-color: #777;
}

.lodniservis{
  position: fixed;
	bottom:0px;
	right:50px;
	z-index:99999;
	line-height:1.5!important;
	text-transform: uppercase;
	}

.banner-popisek{
	position: absolute;
	left:0px;
   bottom: 30px;
	
	min-height:20px;
	background-color: rgba(255,255,255,0.8);
	text-align: left;
	padding: 15px 19px 15px 19px;
	font-style: normal;
  font-weight:normal;
  color: #262626;
  font-size:25px!important;
  line-height:30px;
  -webkit-border-top-right-radius: 15px;
	-moz-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
.banner-popisek span{
	font-style: normal;
   font-weight:normal;
   color: #262626;
   line-height:30px;
   font-size:25px!important;
}

.popis-m {
width:280px;
height:28px;
background: #212121;
	font-style: normal;
   font-weight:bold;
   color: #b4b4b4;
   
   font-size: 18px;
   padding: 5px 0px 0px 10px;
}
.popisek {
height:180px;
}

.fotografie{	
	position: relative;
}
.fotogalerie{	
	position: absolute;
   top:0px;
   left:0px;
	width:270px;
	height:250px;
	z-index:150;
}

.fotogalerie:hover{	
	position: absolute;
   top:0px;
   left:0px;
	width:270px;
	height:250px;
	background:  url("../img/kolecko.png") no-repeat left top;
	opacity: 0.8;
	z-index:150;
}


#pop-up-box{
	position: absolute;
	top:20px;
	left:500px;
	width:500px;
	height:250px;
	background: silver;
		opacity: 0.8;
	z-index:1000;
	display:none;
	}