*{
	margin: 0;
	padding: 0;
}
a img{
	border: 0;
}
.none{
	display: none;
}
.clear{
	clear: both;
}
hr{ display: none;}
a{
  color: #022741;
}
a:hover{
	color: #044e82;
}

html, body {
    height: 100%;
    width: 100%;
    font-family: 'Open Sans', sans-serif;

}

body{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	padding: 0 0;
  	background: #fff;
    margin: 0;

}

#contentbg{
  width: 100%;
  position: relative;
  text-align: center;
  margin: 0 auto;
  background: #fff url(../layout/contentbg.png) 0% 0% repeat-x;
}

#content{
  position: relative;
  margin: 0px auto 0;
  width: 940px;
  text-align: left;
  padding: 0px 0px 0 ;
  padding: 10px;
  min-height: 400px;

}


#roundheader{
  width: 100%;
  text-align: center;
  background: #fff url(../layout/headerbg.png) 50% 0% repeat-x;
  position: relative;
	margin-bottom: -6px;
}



#header{
  /*width: 960px;*/
  position: relative;

  padding: 0px 0 0 0;

  margin: 0 auto;
  z-index: 1000;
}

  #logo{
    float: left;
    margin: 10px 0 5px;
    }


#icoline{
  position: absolute;
  right: 0;
  top: 0px;
  padding: 5px 5px 0px 2px;


}

  .lang{
    width:24px;
    height: 24px;
    display: block;
    float: left;
    margin-left: 5px;
  }
  .lang span{display: none;}

  .lcz{background: url(../layout/flag_cz.png) 0% 0% no-repeat;}
  .len{background: url(../layout/flag_en.png) 0% 0% no-repeat;}
  .lde{background: url(../layout/flag_de.png) 0% 0% no-repeat;}
  .lru{background: url(../layout/flag_ru.png) 0% 0% no-repeat;}
  .lpl{background: url(../layout/flag_pl.png) 0% 0% no-repeat;}


#topmenu{
  margin: 0 auto -6px	;
  padding: 0px 0px;
  text-align: left;
  z-index: 100;
}

#topmenu ul{
	float: right;
  list-style: none;

}
#topmenu ul li{
  display: block;
  float: left;
	padding: 0 10px;
	background: url(../layout/topmenusep.png) 0% 50% no-repeat;
}
#topmenu ul li.first{
  background: none;
  padding-left: 0;
	border-left: none;
}
#topmenu ul li a{
  font-size: 15px;
  color: #7d7c78;
  display: block;
  float: left;
  text-transform: uppercase;
  font-weight: 100;
  text-decoration: none;
	font-family: 'Raleway', sans-serif;
		padding: 25px 10px 25px 10px;

}
#topmenu ul li.first a{
  padding-left: 10px;
}
#topmenu ul li a:hover{
  text-decoration: none;
  color: #b60200;
}
#topmenu ul li a.active{
  text-decoration: none;
  color: #444;
	padding-top: 20px;

	background: url(../layout/topmenubg.png) 50% 100% no-repeat;
	border-top: 5px solid #c53533;
	border-bottom: 6px solid #f1eee4;


}
#topmenu ul li a.active:hover{
  text-decoration: underline;
}

.roundcontent{
  width: 100%;
  background: #fff url(../layout/contentbg.png) 0% 0% repeat-x;
  padding-bottom: 5px;
}



h1{
  font-size: 38px;
  color: #c50200;
  font-weight: 100;
  line-height: 35px;
  padding: 15px 0 7px 0;
}
h2{
  font-size: 26px;
  font-weight: bold;
  padding: 0px 0 7px 0px;
  margin: 10px 0 0;
  font-weight: 100;
  color: #232323;
}
h3{
  font-size: 20px;
  font-weight: normal;
  color: #666;
  padding: 6px 0 2px 0;
}
p{
  line-height: 140%;
  padding: 0 0 8px 0;

}
p.zarovnatStred{
  text-align: center;
}
#centerpanel ol, #centerpanel ul{
  padding: 4px 0 8px 25px;
}
#centerpanel ol li, #centerpanel ul li{
  padding: 1px 0;
}

#centerpanel ul{
  list-style: square;
}


.gallery{
margin: 0 -10px;
}

.photo{
  width: 140px;
  height: 105px;
  margin: 5px;
  padding: 5px;
  text-align: center;
  float: left;

}
#roundfooter{
  width: 100%;

}

#footer{

  padding:  0px 0px;
  margin: 0 auto 0px;
  color: #aaadb1;
  font-size: 15px;
  line-height: 130%;

}


#footer .left{
  float: left;

  text-align: left;

}
#footer .right{
  float: right;
  text-align: right;

}
.footer{
	padding: 15px 10px;
}

.footer .img{
	float: left;
}
.footer .img img{
	display: inline;
}

.copyinfo{
	float: left;
	line-height: 39px;
	margin-left: 30px;
	padding-left: 30px;
	border-left: 1px solid #ccc;
	color: #666;
}
#flinks{
  padding: 0 0 65px 0;
  width: 100%;
}

#copyinfo a{
  color: #808488;
  text-decoration: none;
}

form.kontakt .block{
	float: left;
	display: block;
}
form.kontakt label{
	padding: 4px 0 0;
	margin: 2px 0;
}
form.kontakt input.text{
	margin: 2px 0;
	padding: 6px 5px;
	font-size: 13px;
	width: 100%;
	border: 1px solid #d3cbc3;
  background: #ede8e8;

  font-family: 'Raleway', sans-serif;
}
form.kontakt textarea{
	width: 100%;
	padding: 5px;
	margin: 2px 0;
	height: 90px;
	border: 1px solid #d3cbc3;
  background: #ede8e8;
	font-size: 13px;
	font-family: 'Raleway', sans-serif;
}
form.kontakt2 textarea{
  height: 150px;
}
form.kontakt .req, form.kontakt strong{
	  color: #896b3e;
}
form.kontakt input.submit{
	margin: 3px 0 0 100px;
	padding: 5px 10px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
  border: none;
  font-size: 15px;
	background: #e23311;
	cursor:pointer;
  font-family: 'Raleway', sans-serif;
  float: right;
	border-radius: 5px;
}
form.kontakt .l{

}

blockquote{
  padding: 7px 10px;
  margin: 5px 0;
}

blockquote.err{
  border: 1px solid #b70000;
  background: #b70000;
  color: #fff;
  font-weight: bold;
}
blockquote.ok{
  border: 1px solid #cde1cb;
  background: #cde1cb;
  color: #fff;
  font-weight: bold;
}
.rmenu{
  padding: 0 0 15px 0;
  width: 100%;
}
.rmenu ul{
  list-style: none;
  color: #25adce;
}
.rmenu ul li{
  border-bottom: 1px solid #ddd;
}
.rmenu ul li a{
  display: block;
  padding: 5px 0 5px 35px;
  font-weight: normal;
  text-decoration: none;
  color: #999;
}

.rmenu ul li a.active{
  color: #000;
  text-decoration: none;
}
.rmenu ul li a:hover{
  text-decoration: underline;
}

.rmenu ul li ul{
  list-style: none;
}
.rmenu ul li ul li{
  border-top: 1px solid #fff;
  border-bottom: none;
}
.rmenu ul li ul li a{
  padding: 4px 0 4px 15px;
  font-weight: normal;
}
.rmenu ul li ul li a:hover{

}

.admlink{
  position: absolute;
  left: 0;
  top: -185px;
  color: #fff;
  font-size: 10px;
}

.right{
  float: right;
}

.centered{
  text-align: center;
}

.spec{
  visibility: hidden;
  height: 1px;
  overflow: hidden;
}


.zarovnatVpravo{
  float: right;
  margin: 0 0 0 5px;
}
.zarovnatVlevo{
  float: left;
  margin: 0 5px 0 0;
}

.map{
  float: right;
}
/* ADDED STYLES */
.roundufooter{
  background: #eeecea;
  padding: 30px 0;
  color: #222;
	font-family: 'Raleway';
}
.roundufooter .hl{
	text-transform: uppercase;
	font-size: 130%;
}
.fcbox{
	padding-top: 20px;
}
.fcbox .more{
	background: url(../layout/rmorearr.png) 100% 50% no-repeat;
	padding: 0 15px 0 0;
	color: #222;
	font-weight: bold;
	text-decoration: none;
}
.fcbox .more:hover{
	text-decoration: underline;
}



.topilurow{
  height: 570px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
	background-size: cover;
  margin-bottom: 1px;
}
.ilu1{
  background-image: url(../layout/oblek-na-miru-studiospringer.jpg);
}
.topilurow .text{
	position: absolute;
	right: 0;
	top: 80px;
	width: 400px;
}

.topilurow .text .mainhl{
	font-size: 51px;
	font-weight: 100;
	font-family: 'Raleway';
	line-height: 56px;
	text-transform: uppercase;

}
.topilurow .text .subhl{
	font-style: normal;
	font-weight: 100;
	font-family: 'Raleway';
	font-size: 21px;
}
.topilurow .text p{
	margin-top: 20px;
	padding: 20px;
	border-top: 1px solid #cfcccb;

}
.topilurow a.morebut{
	background: #e23311;
	color: #fff !important;
	font-weight: 100;
	font-family: 'Raleway';
	font-size: 13px;
	padding: 10px 13px;
	display: block;
	margin: 0 auto;
	width: 150px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 5px;
}
.topilurow a.morebut:hover{
	background: #9b0308;
}

.ben{
	text-align: center;
	padding: 20px 0 40px;
}
.ben strong.hl{
	font-size: 110%;
}
.ben p{
	padding-top: 4px;
}
.ben img{
	margin: 20px auto;
}

.rozcbox{
	background: url(../layout/boxbg.png) 0% 0% no-repeat;
	display: block;
	margin-left: -20px;
	text-decoration: none;
	color: #222;
	font-family: 'Raleway';
	margin-bottom: 30px;
}

	.rozcbox span.cover{
		display: block;
		width: 100%;
		height: 100%;
			height: 174px;
			padding: 40px 120px 30px 20px;
	}
	.r1 span.cover{
		background: url(../layout/b1bg.png) 100% 0% no-repeat;
	}
	.r2 span.cover{
		background: url(../layout/b2bg.png) 100% 0% no-repeat;
	}
	.r3 span.cover{
		background: url(../layout/b3bg.png) 100% 0% no-repeat;
	}

.rozcbox:hover{
	color: #222;
}
.r1{
	margin-left: 0;
}
.rozcbox strong.hl{
	font-size: 30px;
	font-weight: 100;
	text-transform: uppercase;
	line-height: 36px;
	display: block;
}
.rozcbox span.more{
	text-transform: uppercase;
	background: url(../layout/rmorearr.png) 100% 50% no-repeat;
	padding: 0 15px 0 0;
}

.voucherlink{
	padding: 0;
	margin: 0;
	font-size: 21px;
	font-weight: 500;
}
.voucherlink a{
	color: #222;
	text-decoration: none;
	background: url(../layout/rmorearr.png) 100% 50% no-repeat;
	padding: 0 15px 0 0;

}

.referencebox{
	background: url(../layout/refbg.png) 0% 0% repeat-x;
	margin: 30px 0 0px;
}
.referenceboxinner{
	background: url(../layout/refbg2.jpg) 0% 100% no-repeat;
	height: 440px;
	width: 100%;
	text-align: center;
}
.referenceboxinner strong.hl{
	font-size: 61px;
	font-weight: 100;
	color: #222;
	display: block;
	padding: 50px 0 10px 0px;
	font-family: 'Raleway';
	text-transform: uppercase;
	line-height: 90px;
	margin-left: -60px;
}
.referenceboxinner em.subhl{
	font-style: normal;
	font-family: 'Raleway';
	font-size: 17px;
	padding-left: 0px;
	margin-left: -60px;
}

.refbox{
	margin-top: 50px;
	background: url(../layout/stars.png) 50% 0% no-repeat;
	padding: 30px;
	font-family: 'Raleway';
}
.refbox .rhl{
	font-size: 110%;
}
.refbox p{
	font-style: italic;
	font-weight: 100;
}
.refbox .sign{
	font-weight: bold;
}

.fcform{
	padding-top: 20px;
}
.fcform input.text{
	padding: 4px;
	width: 100%;
	font-family: 'Raleway';
	margin-bottom: 5px;
	border: 1px solid #d8d2cb;
	background: #e0d9d8;
}
.fcform textarea{
	text-align: left;
	font-family: 'Raleway';
	margin-bottom: 5px;
	border: 1px solid #d8d2cb;
	background: #e0d9d8;
	width: 100%;
	height: 6em;
	padding: 4px;
}
.fcform input.submit{
	cursor: pointer;
	font-family: 'Raleway';
	background: #e23311;
	text-transform: uppercase;
	color: #fff;
	padding: 7px 15px;
	border: none;
	border-radius: 5px;
}

.topilu{
	position: relative;
	width: 100%;
	height: 275px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	margin-top: -6px;
	margin-bottom: 20px;
}

	.t_onas{background-image: url(../layout/t_about.jpg);}
	.t_cenik{background-image: url(../layout/t_cenik.jpg);}
	.t_reference{background-image: url(../layout/t_reference.jpg);}
	.t_latky{background-image: url(../layout/t_latky.jpg);}
	.t_faq{background-image: url(../layout/t_faq.jpg);}
	.t_kontakt{background-image: url(../layout/t_kontakt.jpg);}

.topilu .nadpisy{
	line-height: 100%;
	padding: 100px 0 0;
	text-align: center;
}
	.t_cenik .nadpisy{
		text-align: left;
	}
.topilu h1{
	color: #222;
	line-height: 150%;
	text-transform: uppercase;
	font-weight: 100;
	font-family: 'Raleway';
	padding: 0;
	margin: 0;
}
.topilu .nadpisy strong.subhl{
	font-family: 'Raleway';
	font-weight: 400;
	font-size: 18px;
}

.biggerp{
	font-size: 20px;
	font-weight: 100;
}
h2.smaller{
	font-size: 20px;
	color: #222;
	margin: 0;
	padding: 0;
}

.pricelist{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}
.pricelist th, .pricelist td{
	padding: 8px 10px;
}
.pricelist th{
	background: #e23311;
	color: #fff;
}
.pricelist tr.dark td{
	background: #f6f3f2;
}
.pricelist tr.light td{
	background: #e0d8d5;
}
.pricelist .price{
	text-align: right;
	width: 25%;
}
.lsign{
	display: block;
	font-size: 110%;
	line-height: 130%;
	margin-top: 10px;
}

ul.stdul{
	list-style: none;
	padding: 5px 0px 5px;
}
ul.stdul li{
	background: url(../layout/li.png) 0% 50% no-repeat;
	padding: 1px 15px;
}

.underlined{
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.underline .hl{
	font-size: 130%;
}
.ctel, .cmail{
	font-size: 16px;
}
.ctel span, .cmail span{
	font-weight: bold;
}
.ctel strong{
	color: #e23311;
}
.cmail a{
	color: #222;
}

.mnuopener{
	display: none;
}

/* mobile devices */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

.mnuopener{
	display: block;
	position: absolute;
	right: 10px;
	top: 0px;
	text-decoration: none;
	font-size: 30px;
}


	#topmenu{
		margin: 0 auto 20px	;
		padding: 0px 0px;
		text-align: left;
		z-index: 100;
		width: 100%;
		display: none;
	}

  #topmenu ul li{

    background: none;
		display: block;
		width: 100%;
		text-align: left;
		border-bottom: 1px solid #ccc;
  }
  #topmenu ul li a{
		float: none;
		width: 100%;
		display: block;
		height: auto;
		padding: 4px 0;
		margin: 0;
		font-weight: bold;
  }
	#topmenu ul li a.active{
		border: none;
		background: none;
		padding: 4px 0;
		margin: 0;
	}
	#topmenu ul li.first a{
	  padding-left: 10px;
	}

	#roundheader{
		margin-bottom: 20px;
	}
	.r1, .r2, .r3{
		margin-left: 0;
	}


	.topilurow{
	  height: auto;
	  background-position: 50% 0%;
	  background-repeat: no-repeat;
		background-size:contain;
		text-align: center;
		width: 100%;

	}
	.ilu1{
	  background-image: url(../layout/story2.jpg);
	}
	.topilurow .text{
		position: relative;
		text-align: center;
		margin-top: 100px;
		width: 100%;
	}

	.topilurow .text .mainhl{
		font-size: 45px;
		font-weight: 100;
		font-family: 'Raleway';
		line-height: 56px;
		text-transform: uppercase;
		text-align: center;

	}
	.topilurow .text .subhl{
		font-style: normal;
		font-weight: 100;
		font-family: 'Raleway';
		font-size: 21px;
	}
	.topilurow .text p{
		margin-top: 20px;
		padding: 20px;
		border-top: 1px solid #cfcccb;

	}

	#slides{
	text-align: center;
	background: #fff;
	  width: 100%;
	  margin: 0 0px 90px;
	  height: auto;
	}



	.referencebox{
		background: #ebe6e2 url(../layout/refbg.png) 0% 0% repeat-x ;
		margin: 30px 0 0px;
		text-align: center;
	}
	.referenceboxinner{
		background: none;
		height: auto;
		width: 100%;
		text-align: center;
	}
	.referenceboxinner strong.hl{
		font-size: 61px;
		font-weight: 100;
		color: #222;
		display: block;
		padding: 30px 0 10px 0px;
		font-family: 'Raleway';
		text-transform: uppercase;
		line-height: 90px;
		margin-left: 0px;
	}
	.referenceboxinner em.subhl{
		font-style: normal;
		font-family: 'Raleway';
		font-size: 17px;
		padding-left: 0px;
		margin-left: 0px;
	}

	.refbox{
		margin-top: 0px;
		background: url(../layout/stars.png) 50% 0% no-repeat;
		padding: 30px;
		font-family: 'Raleway';
	}

	.footer{
		text-align: center;
	}
	.footer .img{
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	.footer .img img{
		text-align: center;
	}
	.copyinfo{
		float: none;
		line-height: auto;
		margin-left: 0px;
		padding-left: 0px;
		border-left: none;
		color: #666;
	}
	.fcbox{
		text-align: center;
	}

}

.speng {
	background: url(../layout/british_flag.png) 0% 50% no-repeat;
	background-size: 30px auto;
	padding: 10px 0 10px 40px;
	margin: auto;
	display: inline-block;

}
.inforow {
	background: #eeecea;
	text-align: center;
}