@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic|Open+Sans+Condensed:300&subset=latin,latin-ext);
html{
	width: 100%;
    height: 100%;
    overflow-y: scroll;
    background-color: white;
}
html, body{
 


 margin:0; 
 padding:0; 
 font-family: 'Open Sans', sans-serif;
 font-weight: 300;
 font-size: 22px;
 line-height: 180%;
 color: black;
 min-width: 100%;
 -webkit-text-size-adjust:100%;
 min-width: 500px;

background-color: #f1f1f1;
 
}

.page_inner_opacity{
	/*background-color: rgba(255,255,255,0.4);
	padding: 15px;*/
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.respons .page_inner_opacity{
	padding: 0px;
}
.page_inner{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.4);
}
.page{
	position: relative;
}
div.pagewidth.wh.page{
	padding: 40px;
}


img{
	max-width: 100%;
}

.debug{
	position: fixed;
	background-color: silver;
	padding: 10px;
	top:0;
	right: 0;
	z-index: 999;
}
.back_outer{

	position: fixed;
	-webkit-backface-visibility: hidden;
	display: block;
	min-height: 250px; 
	z-index: 0;

}
.back{
	min-height: 250px;
}

/*nahrazení cuffon*/
      .des h3,
      .hlavni_obsah h3,
      .zbozi_nazev_detail,
      .stranka_nadpis h2,
      .hlavni_menu h3,
      .myr,
      .zbozi_nazev h2,
      .hlavni_menu h2,
      .eshop_kat h2{ 
      font-family: 'Open Sans', sans-serif;
      font-weight: normal;
      font-style: normal;
      text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); 
      }

/*nahrazení cuffon END*/



strong{
	font-weight: 700;
}

a:link, a:visited {
color: #f8b40b;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}
.left{
	float: left;
}
.right{
	float: right;
}
.vpravo{
 text-align: right;
}
.pagewidth_outer{
	 min-width: 500px;
	 width: 100%;
	display: block;
 
}
.pagewidth_outer.wh{
	background-color: #ffffff;
}
.wh.page{
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.pagewidth_outer.header_lista{
	position: fixed;
	display: block;
	width: 100%;
	height: 100px;
	overflow: hidden;	

}
.header_lista .pagewidth{
	background-color: white;
	height: 100px;
}

.flags{
	position: fixed;
	float: right;
	top: 110px;
	right: 0px;
	z-index: 51;
	height: 50px;
	background-position:  -1px center;
	width: 50px;
	font-size: 1px;
	padding: 26px 8px 0px 0px;
	

}
.flags.response{
	top: 0px;
	width: auto;
}

.vlajka{
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 38px;
height: 38px;
		background-position: 50% 50%;
background-repeat: no-repeat;
	
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 3px;
	
}
.vlajka.czech{
	background-image: url(../images/flags/icons/ras_Czech_Republic.png);
}
.vlajka.english{
	background-image: url(../images/flags/icons/ras_England.png);
}
.vlajka.deutsch{
	background-image: url(../images/flags/icons/ras_Deutsch.png);
}
.ico_poz{
	background-color: #f8b40b;
	-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
display: inline-block;
padding: 5px;
margin-left: 3px;
}
.ico_poz:hover,.btn-floating:hover{
	background-color: gray;
}
.usermenu{
	padding: 5px;
	color: white;
}
.userblocks{
	display: none;
}

.pagewidth{
 max-width:1200px; 
 min-width: 500px;
 margin-left:auto; 
 margin-right:auto;
 /* position:center; */
 text-align:left;
  
} 
.pagewidth_1200{
 max-width:1200px; 
 min-width: 350px;
 margin-left:auto; 
 margin-right:auto;
 /* position:center; */
 text-align:left;
}


.pagewidth.menu{
	max-width: 1200px;
}
.usermenu{
	display: block;
	position: fixed;
	top: 80px;
	right: 0;
	float: right;
	font-size: 16px;
	max-width: 1200px;
	background-color: #6b6b6b;
	z-index: 51;
-moz-border-radius-bottomleft: 50px;
-webkit-border-bottom-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.usermenu a{
	color: #f8b40b;
}


.testovaci{
	background-image: url(../images/85wh.png);
	padding: 15px;
	width: 600px;
	display: block;
	padding-top: 100px;
	margin: 0px 200px 0px 200px;
}
.top_blok_inside{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;

} 

#header{
	width: 100%;
	display: block;
	height: 480px;
}
.header_blok{
	display: block;
	width: 100%;
	
}
 .header_ins{
 	width: 100%;
 	height: 90%;
 	background-position: center center;
 	background-image: url(../images/header.jpg) 
 }
h2.slog{
 color: #464749;	
 font-size: 2px;
 position: absolute;
 top: 0px;
 margin-left: 400px;
 z-index: 0;
}
.kon{
	position: absolute;
	top: 26px;
	z-index: 10;
	margin-left: 40px;
}

.logo {
position: absolute;
padding: 0px 0px 0px 15px;	
max-width: 30%;
}
.responsview, .responsview_shop{
	display: none;
	position: absolute;
	min-width: 100%;
	z-index: 90;
}
.responsview_outer{
	display: none;
	position: fixed;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	z-index: 55;
}
.responsview_menu{
	float: right;
}


.text_logo{
	width: 48%;
	padding: 0% 1%;
}
.text_logo h3{
	color: gray;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
}
.text_logo h4{
	color: black;
	font-weight: 300;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
.text_logo hr{
	padding: 0px;
	margin: 0px;	
	border: 0; 
	height: 1px; 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

h1.des_logo, h2.des_logo, h3.des_logo{
text-align: center;
	position: absolute;
	color: transparent;
	font-size: 3px;
	font-style: normal;
	top: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 0;
}


.user_menu{
	color: black;
	width: 560px;
	position: absolute;
	top: 30px;
	margin-left: 605px;
}
.usermenu .left{
	padding: 0px 10px;
	width: auto;
}


.footer_pruh{
	width: 100%;
	height: 16px;
	padding-bottom: 5px;
	background-image: url(../images/footer_pruh.png);
	background-repeat: repeat-x;
	background-position: center;
}
.hledat_blok{
	float: right;
	padding: 5px 0px 10px 10px;
	-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,d8d6d6+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,636363+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(99,99,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(99,99,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(99,99,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#636363',GradientType=0 ); /* IE6-9 */

-webkit-box-shadow: -5px 5px 10px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    -5px 5px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow:         -5px 5px 10px 0px rgba(0, 0, 0, 0.1);
}


.form_meny{
	display: block;
	margin-top: 20px;
	margin-right: 15px;
}





#hledat{
	 font-family: 'Open Sans', sans-serif;
	width: 150px;
	font-size: 14px;
	margin: 0px;
	margin-left: 20px;
	max-height: 30px;
	color: white;

}
.navigace{
	position: absolute;
	display: block;
	float: right;
	z-index: 2;
	top: 100px;
	
}
.navigace form{
margin: 0px 0px 0px 3px;
}
.navigace form input {
font-size: 11px;	
}
.button_news{
	background-color: #f8b40b;
	height: 22px;
	border: none;
	color: White;
	padding: 0px 3px 4px 3px;
	cursor: pointer;
}



.pod_header{
	position: absolute;
	display: block;
	ytop: -20px;
	margin-left: 35%;
	z-index: 0;
}
.pod_header h1, .pod_header h2{
	padding: 0px;
	margin: 0px;
	font-size: 5px;
	color: #2d2d2d;
	float: left;
}


.des h3{
	margin: 0px;
	display: block;
	float: right;
	color: #f8b40b;
	font-size: 32px;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.50);
}
.des h4{
	color: black;
	display: block;
	float: left;
	font-size: 16px;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.5);
	text-align: left;
}

#slide_slevy {
	 height: 300px;
}
#slide_slevy div {
margin-top: 5px;
width:100%; 
height:150px; 
margin-bottom:0; 
z-index: 2; 
font-size: 12px;
}
 .nadpis_first_video {
 	width: 261px;
	float: right;
	background-image: url(../images/buttons.jpg);
	background-position: top right;
 }
  .nadpis_first_video h1 {
	padding: 5px;
	margin: 0px;
 }
 .header_clanek {
 	padding-top: 0px;
 }




 ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
p a.obory {
display: block;
	background-color: #f8b40b;
	padding: 3px;
	margin-top: -10px;
	color: white;
	font-size: 13px;
	font-weight: bold;
}
.clanek_vlevo {
	background: #ededed;
	padding: 15px;
	font-size: 13px;
	border-bottom: 1px solid #d2d1d1;
}
.clanek_tit1 h3, .clanek_tit2 h3{
	line-height: 100%;
}
.clanek_tit1 h3 a, .clanek_tit2 h3 a{
	font-size: 26px;
	padding: 0px;
	background-image: none;
}

.clanek_tit1, .clanek_tit2{
	font-size: 18px;
	
	margin-top: 30px;
	width: 46%;
	
}


.respons .clanek_tit1,.respons .clanek_tit2{
	width: 100%;
}

.clanek_tit1 .stranka_nadpis,.clanek_tit2 .stranka_nadpis{
	padding: 0px 15px;
}

.clanek_tit1{
	float: left;
}
.clanek_tit2{
	float: right;
}
.clanek_tit_img{
	width: 90%;
}
.clanek_vlevo hr {
background-color: white;
height: 0px;
border: none;
border-bottom: dotted 1px Black;
}


/* menu dole */

.fot .left{
	margin: 30px 0px;
	padding: 0px 30px 0px 30px;
	background-image: url(../images/footer_link.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.menu_dole {
float: right;
	padding: 10px 25px;
	width: auto;
	text-align: Left;	
}
.fot.respons .right, .respons .menu_dole, .respons .copyright {
	display: block;
	float: none;
}



.fot_blok{
	text-align: center;
	width: 25%;
	float: left;
}


.fot_blok3{
	text-align: left;
	width: 33%;
	float: left;
}

#footer a {
	font-size: 18px;
	color: #3db1ff;
	padding: 0px 5px 0px 5px;
	
	text-decoration: underline;
}
#footer a:hover{
	color: #3db1ff;
	text-decoration: none;
}
/*end menu dole */

.blok_dole{
	font-size: 16px;
	float: left;
	width: 100%;
	min-width: 300px;
	padding: 0px;
	margin: 0px;
}

.response500 .blok_dole,.response800 .blok_dole,.response1000 .blok_dole{
	float: none;
	width: 100%;
	text-align: center;
	clear: both;
}

.blok_dole_header{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 25px;
	padding: 35px 0px 35px 0px;
	text-align: center;
	background-color: #595959;
}
.blok_dole_header span{
	color: white;
}
.wh .blok_dole_header{
	background-color: white;
}
.wh .blok_dole_header span{
	color: #595959;
}
.blok_dole.wh{
	color: #595959;
}

.blok_dole p{
	padding: 0px;
	margin: 0px;
}
.blok_dole img{
	max-width: 100%;
}
.stranka_nadpis_outer{
	text-align: center;
	padding-top: 20px;
}

.stranka_nadpis h2, .stranka_nadpis h2 a  {	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-transform: uppercase;
	font-size: 45px;
	font-weight: 300;
	font-style: normal;
	color: #f8b40b;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	line-height: 150%;
}
.stranka_nadpis_outer h3{
	color: #6b6b6b !important;
	margin: 0px;
	font-weight: 500;
	font-size: 28px;
	padding: 0px 0px 10px 0px;
}
/* end zobrazeni stranky */
#panelContent_narez .stranka_nadpis h2{
	padding: 20px;
	font-size: 18px;
}
.stranka_nadpis h2 a{
	color: #f8b40b;
}
.stranka_nadpis h2 a:hover{
	color: Black;
	text-decoration: none;
}

.newsletters {
	background-image: url(../images/icons/newsletters.png);
	background-repeat: no-repeat;
	padding-left: 55px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.newsletters .tlac{
	margin-left: -50px;
	text-align: center;
}
.newsletters_nadpis {
	font-weight: bold;
	color: #f8b40b;
}
.newsletters input {
	font-size: 12px;
}
.ls {	
	border: 1px solid Gray;
	color: gray;
	margin-bottom: 3px;
	width: 115px;
}
.novinky {
margin-bottom: 10px;
padding: 10px;
line-height: 130%;

}
.novinky_hlavni_nadpis {
	color: #f8b40b;
	font-weight: bold;
	border-bottom: 1px solid #f8b40b;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.novinky_nadpis {
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #f8b40b;
	margin-bottom: 5px;	
}

.novinky_obsah {
	font-size: 18px;
	color: #5c5c5c;
}
.respons .novinky_nadpis, .respons .novinky_obsah{
	font-size: 20px;
}
.novinky_obsah p {
	margin: 0px;
}
.novinky a {
text-decoration: underline;
}
.novinky a:hover {
text-decoration: underline;
color: #f8b40b;
}

#leftcol .novinky_obsah, #leftcol .novinky_nadpis{
	font-size: 15px;
}

/* end zobrazeni stranky */


 
#menu_white {
 padding: 15px 0px 0px 60px;
 float: left;
 }

#outer{ 
width: 1200px;

	
} 

 
#leftcol{
position: relative;
 width:250px; 
 float:right;
 z-index: 15;
 margin: 0px;
 padding: 0px;
} 

#leftcol.inside{
	display: block;
}


.left_blok_border, .holder{
border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	-webkit-border-radius: 0px 0px 2px 2px;	
	margin: 0px 0px 10px 0px;
	padding: 10px;
	
	border-top: none;


}
#rightcol{
 width:180px;
 float:right;
 margin-left: 20px;
} 
.respons #rightcol{
 display: none;
}

.kat_nadpis{
	margin: 0px;
	margin-top: 30px;
	padding: 10px 10px 10px 10px;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	
	color: gray;


}
.jScroll_title .kat_nadpis{
	color: gray;
	margin: 10px 0px 0px 0px;

}
#leftcol h2 {
	font-size: 9px;
	padding: 0px;
}
.center{ text-align: center; }
.middle{
	vertical-align: middle;
}
.ram_dole { border-bottom: 1px solid White; }
.odsazeni10 { 	padding: 10px; }

.footer_outer{
 max-width:1200px; 
 margin-left:auto; 
 margin-right:auto;
 
  
}



#footer {

display: block;
font-size: 16px;
width: 100%;
min-width: 100%;
 color: white;
 
 background-color: white;

} 
.copyright {
padding: 10px;
border-top: 5px solid white;
font-size: 14px;
background-color: #595959;
}
.fot {
	
	background-color: #f8b40b;	
	
	color: white;
	font-size: 20px;
}
.automargin{
	display: flex;
 justify-content: center; /* align horizontal */	
}
.respons .automargin{
	display: block;
 justify-content: none; /* align horizontal */	
}

.menu_dole{
	background-image: url(../images/footer_link.png);
	background-position: top left;
	background-repeat: no-repeat;	
}

.fot .left:first-child, .menu_dole:last-child  {

	background-image: none;
}
.fot .respons .left,.fot .respons .menu_dole{
	background-image: none;
	
}
.fot .respons .left.vycentruj{
	margin-left: auto;
	margin-right: auto;
	
}
.fot .respons .left .textvpravo{
	display: inline-block;
	text-align: left;
}

.fot.respons .left, .fot.respons .menu_dole{
	float: none;
	text-align: center;
}

.fot a{
	color: white;
}
.fot a:hover{
	color: white;
	text-decoration: underline;
} 
.loga_vyrobci{
	background-color: white;
	padding: 0px 10px 10px 10px;
	text-align: center;
}
.loga_vyrobci p{
	margin: 0px;
}
.loga_vyrobci img{
	padding: 5px;
	width: 80px;
	vertical-align: middle;
}




#inner{ 
margin:0px;
width:1200px;
}
 
.hlavni_obsah {
display: inline-block;
width: 100%;
max-width: 900px;
padding: 0px 0px;

}


.hlavni_obsah h1,.hlavni_obsah_prehled h1,
.hlavni_obsah h2,.hlavni_obsah_prehled h2,
.hlavni_obsah h3,.hlavni_obsah_prehled h3,
.hlavni_obsah h4,.hlavni_obsah_prehled h4,
.hlavni_obsah h5,.hlavni_obsah_prehled h5{

	
	color: #f8b40b;
	
	margin-bottom: 5px;
	font-weight: 300;
	line-height: 150%;
	
}

.hlavni_obsah h1,.hlavni_obsah_prehled h1 {
	font-size: 46px;
} 

.hlavni_obsah h2,.hlavni_obsah_prehled h2 {
	font-size: 38px;
}

.hlavni_obsah h3,.hlavni_obsah_prehled h3 {
	font-size: 32px;
}
.hlavni_obsah h4,.hlavni_obsah_prehled h4 {
	font-size: 28px;
}
.hlavni_obsah h5,.hlavni_obsah_prehled h5 {
	font-size: 22px;
}


.hlavni_obsah img {
max-width: 100%;
}

.hlavni_obsah.right{
	float: right;
} 
.hlavni_obsah.left{
	float: left;
} 
.respons .hlavni_obsah {
	float: none;
	width: auto;
max-width: 100%;
padding: 0px 10px;
}
.obrazek_vlevo{
	float: left;
	margin-right: 10px;
	}
.obrazek_vpravo{
	float: right;
	margin-left: 10px;
	}
.lightbox img{
	cursor: pointer;
	border: 4px solid #fb81a1;
} 
.tabulky{
	font-size: 12px;
	width: 100%;
}
.tabulky td{
background: #ececec;
	padding: 3px;
	color: Black;
}
.tabulky p{
 padding: 0px;
 margin: 0px;
 }
#header .content{padding-bottom:0; } 
.hotline{
	position: absolute;
	top: 15px;
	font-weight: bold;
	margin-left: 740px;
	width: 260px;
	float: right;
	text-align: right;
	color: white;
}
.hotline img{
	float: right;
	margin-left: 15px;
}
.hotline span{
	color: #f8b40b;
}
li {
	padding-bottom: 10px;
} 
.clr{clear:both; margin: 0px; padding: 0px; }
.titul_stats {
	background: #dfdfdf;
	padding: 10px;
}
.stats {
	float: left;
	padding-right: 20px;
	width: 190px;
	font-size: 12px;
}
.stats h3 {
	font-size: 13px;
}
.stats ul {
	padding: 0px;
}
.stats li {
	padding: 0px 0px 2px 15px;
	list-style: none;
	background: url(../images/stats_li.jpg) no-repeat left center;
}
.firmy li, .firmy ul   {
list-style: none;
padding: 0px;
}
.firmy a, .firmy a:visited  {
	display: block;
	width: 286px;
	height: 95px;	
	list-style: none;
	font-size: 0px;;	
	text-decoration: none;
	background-image: url(../images/button_firma.jpg);
}
.firmy a:hover  {
	background-image: url(../images/button_firma-d.jpg);
}
.content ul {
	padding: 0px;
}
.content ul li {
	padding: 2px 0px 2px 10px;
	list-style: none;
	background: url(../images/cat_li.png) no-repeat 3px 12px;
}
 .mejl.sir{
 	width: 250px;
 }
 .prislusenstvi {
 	border-top: 1px dotted #5C5C5C;
 }
 #zasilani_novinek{
 	padding-left: 10px;
 }
#zasilani_novinek input{
	font-size: 10px;
}
img {
	border: none;
}
.telo img {
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom:5px;
}
a:link img, a:visited img  {
	border: none;
}

a:hover img {
border: none;

}
.fotogalerie {
	padding: 0px 20px 0px 20px;
}
.odsazeni20 {
	padding: 0px 20px 0px 20px;
}
.kontakt{
	margin-top: 20px;
	padding: 15px;

	background-color: #f9f9f9;
}
.kontakt td{
	padding: 2px;
}
.kotakt_obr{
	background-image: url(../images/email.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
/*sitemap */
.sitemap h1, .sitemap h2, .sitemap h3 {
	margin: 3px; padding: 0px;
}
.sitemap_hl_menu h1 a:link, .sitemap_hl_menu h1 a:visited  {
	font-size: 14px;	
}
.sitemap_vn_menu h2 a:link, .sitemap_vn_menu h2 a:visited  {
	font-size: 11px;
	margin-left: 20px;
	padding-left: 15px;
	background: url(../images/li.gif) no-repeat left 3px;
}
.sitemap_vnp h3 a:link, .sitemap_vnp h3 a:visited,
.sitemap_p h2 a:link, .sitemap_p h2 a:visited
  {
	color: black;
	font-weight: normal;
	font-size: 11px;
	margin-left: 40px;
	padding-left: 15px;
	background: url(../images/li.gif) no-repeat left 3px;
}
.otazka {
	color: #f8b40b;
	margin-top: 5px;
	padding: 0px 0px 3px 40px;
	background-image: url(../images/faq.jpg);
	background-repeat: no-repeat;
}
.odpoved{
	padding-left: 20px;
	border-bottom: 1px dotted #f8b40b;
}

.color_nadpis{
	color: #f8b40b;
}
embed{
	max-width: 520px;
}
object {
	z-index: 0;
}

/*popup*/
#backgroundPopup19 {
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:3;
}
#popupContact19 {
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:400px;
width:650px;
z-index:4;
font-size:13px;
}

#popupContactClose19{
font-size:12px;
color:Black;
font-weight:700;
display:block;
}

.link{
	cursor: pointer;
	text-decoration: underline;
}

.close img {
	float: right;
	padding: 0px;
}
.popup_content{
	background:#FFFFFF;
	padding:20px;
	color: black;
}
.popup_content p {
	margin-bottom: 0px;
}
.facebook a img{
	border: none;
}
.facebook{
	text-align: center;
	padding-bottom: 5px;
}
/* kategorie fotek */
.foto {
	text-align: center;
	float: left;
	width: 130px;
	height: 95px;
}
.pp_details{
	color: black;
}

.fotokat_back{
	cursor: pointer;
				border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-position: center center;
	
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height: 110px;

}
.fotokategory-blok {
	width: 100%;
	min-width: 420px;
	margin: 5px;
			border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	
	
}
.fotokategory-blok:hover{
	opacity: 0.8;
}
.fotokategory-blok .myr {
	font-size: 16px;
	padding: 3px;
	font-style: normal;
	font-weight: bold;
	color: black;
}
.fotokategory-blok a.myr:hover {
 text-decoration: none;
}





/*--------------*/

.prog_blok_outer_gallery{
	padding: 2% 0%;
	max-width: 25%;
	float: left;
}
.prog_blok_gallery{
	width: 100%;
	text-align: center;
	float: left;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
	
	background-size: 100%; 
	background-repeat: no-repeat;
	overflow: hidden;
}

.prog_blok_gallery img{
	width: 100%;
	margin-top: 6%;
}
.prog_blok_gallery .prog_blok_obrazek{
	position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
	
}
.color_block{
	width: 100%;
	height: 100%;
	position:relative;  
    
}

.prog_blok .nazev{
	color: black;
	padding-top: 5px;
	padding-bottom: 20px;
}

.prog_blok .nazev strong{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}



.prog_blok_gallery .nazev, .prog_blok_gallery:hover .nazev{
	font-family: 'Open Sans', sans-serif;
	width: 90%;
	margin: 0% 5%;
	margin-top: 40%;
	padding: 5% 0%;
	color: white !important;
	background-color: rgba(36,36,36,0.9);
	text-align: center; 
	opacity: 1;
	position: absolute;
	z-index: 1;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 300;
}
.prog_blok_gallery:hover .nazev{
	color: white !important;	
}



.response1000 .prog_blok_gallery .nazev,
.response800 .prog_blok_gallery .nazev
{
	font-size: 1.5vw;
}

.prog_blok_gallery .prog_blok_obrazek{
	display: block;
	width: 100%;
		background-position: 50% 50%;
background-repeat: no-repeat;
	
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;

-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.6);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.6);

-moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);

}
.prog_blok_gallery:hover .prog_blok_obrazek{
 -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2); 
}

.prog_blok_gallery:hover .prog_blok_obrazek{
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.6);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.6);
cursor: pointer;
}


.prog_blok_gallery.link:hover{
	opacity: 1 !important;
}


/*----------------------------------*/
/* konec kategorie fotek */

.mceItemFlash, object{
	border: 1px solid gray;
	background-color: silver;
	background-image: url(../images/video.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.odlesky object{
	background-image: none;
	background-color: transparent;
	border: none;
}
.reklama {
	text-align: center;
	color: black;
}
.button_nav{
	z-index: 5;
	position: relative;
	float: right;
	margin-top: 220px;
	margin-right: 480px;
}
.button_nav a img{
	border: none;
}
.button_nav a.button{
	display: block;
	background-image: none;
	background-color: white;
	padding: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-left: 5px;
	float: left;
}

.textfield, .mejl, .input{



border: 1px solid #eeeeee ;
padding: 5px;

}
.mejl:focus{
border: 1px solid #dbdbdb ;
-webkit-box-shadow: 0px 0px 10px 0px rgba(255, 195, 123, 0.5);
-moz-box-shadow:    0px 0px 10px 0px rgba(255, 195, 123, 0.5);
box-shadow:         0px 0px 10px 0px rgba(255, 195, 123, 0.5);
}
.mejl.area{
	max-width: 100%;
	height: 100px;
}


#log_us_top input[type="text"],#log_us_top input[type="password"]{
	width: 350px;
	padding: 8px 8px 7px 8px;
}

a.button, .ui-dialog a.button{
padding: 6px 20px 6px 20px;

color: white;
font-weight: 300;
font-size: 16px;	
 background-color: #f8b40b;
 text-decoration: none;
	
}
.katalog a.button{
	padding: 15px 30px;
	font-size: 28px;
	font-weight: 300;
	box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.5);
	
}
.katalog{
	text-align: center;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    z-index: 10;
	padding-bottom: 50px;
}



.button{
	width: auto;
}
a:hover.button{
	text-decoration: none;
	background-color: #2B2B2B;
}

:root a:hover.button { filter: none \0/IE9; }






/*prechody ---------------------------------------------*/

.gradient_sedy{

color: white;	
	background-color: gray;	
	border: none;
}


.gradient_modry{
background: #f8b40b; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f8b40b 0%, #0059ce 69%, #0543af 70%, #034a90 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8b40b), color-stop(69%,#0059ce), color-stop(70%,#0543af), color-stop(100%,#034a90)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #f8b40b 0%,#0059ce 69%,#0543af 70%,#034a90 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #f8b40b 0%,#0059ce 69%,#0543af 70%,#034a90 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #f8b40b 0%,#0059ce 69%,#0543af 70%,#034a90 100%); /* IE10+ */
background: linear-gradient(135deg,  #f8b40b 0%,#0059ce 69%,#0543af 70%,#034a90 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b40b', endColorstr='#034a90',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
a.buy_p.gradient_modry, .gradient_dark{


background: #349e00; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #349e00 0%, #008000 69%, #00701a 70%, #006b17 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#349e00), color-stop(69%,#008000), color-stop(70%,#00701a), color-stop(100%,#006b17)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #349e00 0%,#008000 69%,#00701a 70%,#006b17 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #349e00 0%,#008000 69%,#00701a 70%,#006b17 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #349e00 0%,#008000 69%,#00701a 70%,#006b17 100%); /* IE10+ */
background: linear-gradient(135deg,  #349e00 0%,#008000 69%,#00701a 70%,#006b17 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349e00', endColorstr='#006b17',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.gradient_cerveny{
background: #59241c; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #59241c 0%, #2d1b19 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#59241c), color-stop(100%,#2d1b19)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #59241c 0%,#2d1b19 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #59241c 0%,#2d1b19 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #59241c 0%,#2d1b19 100%); /* IE10+ */
background: linear-gradient(135deg,  #59241c 0%,#2d1b19 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59241c', endColorstr='#2d1b19',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

:root .gradient_modry, :root .gradient_cerveny, :root .gradient_sedy, :root .pages .p_b a, :root .pages .p_b { filter: none \0/IE9; }

.green{
	color: #349e00;
}

.inline{
	display: inline-block;
}


.social{
	margin-top: 1px;
	vertical-align: top;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 1px;	
}
.social:hover{
	background-color: #f8b40b;
}
.twitter{
	background-color: #32CCFE;
}
.blogger{
	background-color: #FF6600;
}
.social .facebook{
	background-color: #3B5A9A;
}
.instagram{
	background-color: #F3BC13;
}
.google{
	background-color: #D95232;
}
.pinterest{
	background-color: #f8b40b;
}
.youtube{
	background-color: #ff0000;
}
.bocni_blok_obsah{
	padding: 10px;
	background-color: white;
}

.blok_dole{
	font-size: 16px;
	float: left;
	width: 100%;
	min-width: 300px;
	padding: 0px;
	margin: 0px;
}

.response500 .blok_dole,.response800 .blok_dole,.response1000 .blok_dole{
	float: none;
	width: 100%;
	text-align: center;
	clear: both;
}

.blok_dole_header{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 25px;
	padding: 35px 0px 35px 0px;
	text-align: center;
	background-color: #595959;
}
.blok_dole_header span{
	color: white;
}
.wh .blok_dole_header{
	background-color: white;
}
.wh .blok_dole_header span{
	color: #595959;
}
.blok_dole.wh{
	color: #595959;
}

.blok_dole p{
	padding: 0px;
	margin: 0px;
}
.blok_dole img{
	max-width: 100%;
}

.vlevo{
	text-align: left;
}
.ui-dialog-content a{
	text-decoration: underline;
	font-weight: bold;	
}
.ui-dialog-content a:hover{
	text-decoration: none;
}
.prog_blok_obrazek_outer{
	max-width: 250px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#858585+0,000000+100 */
background: rgb(133,133,133); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(133,133,133,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(133,133,133,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(133,133,133,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

	padding: 5%;
	-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-left: auto;
margin-right: auto;

-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);

transition: all 0.6s ease-in-out;	
}
.prog_blok_obrazek{
	display: block;
	width: 100%;
		background-position: 50% 50%;
background-repeat: no-repeat;
	
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;

-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;


}
.prog_blok_obrazek_outer:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fed570+0,f8b40b+100 */
background: rgb(254,213,112); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,213,112,1) 0%, rgba(248,180,11,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,213,112,1) 0%,rgba(248,180,11,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,213,112,1) 0%,rgba(248,180,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed570', endColorstr='#f8b40b',GradientType=0 ); /* IE6-9 */
	
	

transform: scale(1.1);
}
.prog_blok{
	background-image: url(../images/prog_blok.png);
	background-position: bottom center;
	background-size: 100%;
}

.prog_blok.link:hover{
	opacity: 1 !important;
}
.nabidky .prog_blok:hover{
	cursor: pointer;
}
.nabidky .prog_blok:hover .nazev{
	color: #f8b40b;
}
.nabidky{
	
	padding: 0px 0px;
}

.respons .nabidky{
	margin-left: 0px;
	margin-right: 0px;
}

.nabidky .pagewidth{
	text-align: center;
}


.respons .nabidky img{
	width: 50%;
}


.prog_blok{
	text-align: center;
	font-size: 18px;
	line-height: normal;
	
	background-size: 100%; 
	background-repeat: no-repeat;
	margin-top: -20px;

}
.respons .prog_blok{
	margin-top: 10px;
}

.prog_blok img{
	width: 100%;
	margin-top: 6%;
}



.povin{
	color: red;
}
.povin_bl{
	color: #595959;
}


 @media print{ 
#leftcol{display:none;} 
#rightcol{display:none;} 
 
#footer{display:none;}
object{display:none;}
#b_wrapper,
#sidePanel_kosik,
#sidePanel_user,
#sidePanel_narez,
#sidePanel_newsl,
.prod_menu,
.kat_nadpis,
.holder,
.hlavni_menu,
.wh_odsaz,.back_outer,.pod_header,.header_blok_outer,.pages, .fot, #leftcol.inside,
.scrollup,.sorting,.kosik_top,
.noprint,.banner,#header div.right,
.usermenu, .prog_blok, .img_add,
.buy_p, .detail,
.debug,
#header
{
display:none!important;
height: 0px;
width: 0px;
	overflow: hidden;
} 
html,body{
	width: 800px;
}

.pagewidth_outer.header_lista,.back_outer, .header_blok_outer.scroll{
	position: absolute;
	margin-top: 0px!important;
}
}