/* text.css */
/*slouží pro definici stylů textu a html tagů jako např. <h1>,<p>,<a> 
Regular
"skolar-latin-n4", "skolar-latin"
400
normal

Italic
"skolar-latin-i4", "skolar-latin"
400
italic

Bold
"skolar-latin-n7", "skolar-latin"
700
normal

Bold Italic
"skolar-latin-i7", "skolar-latin"
700
italic
	17:55:36 tomas: Semibold
"atrament-web-n6", "atrament-web"
600
normal


*/
*{

/*  font-family: "skolar",sans-serif;*/
font-weight: 300;
color: black;
color: #2d2a2c;
	
}
a{ 
	color: #dc5437;
	text-decoration: none;  
 /*  font-family: "skolar",sans-serif;*/
	 font-weight: 300;
}
p
{
font-family:"skolar-latin-n4", "skolar-latin";
font-weight:400;
font-size:16px;
 color:#2d2a2c;
 
}
strong,b {
font-weight:600;
}
a:hover{ 
	color: #0436b7;  
	text-decoration: underline;
		/* úpravy 2019 */
	color: #dc5437;
}
img{
 border: 0;
}
#formular-registrace-tabulka h2,h2 {
margin: 0;
	padding: 25px 0 20px 0;
	height: auto;
	text-transform: none;
	font-weight: normal;
	font-size: 37px;
	color: #6f492c;
	font-family: "atrament-web-n6", "atrament-web";
	font-weight:600;
	border-bottom: 0;
	text-align: center;
}
h1 {
	margin: 0;
	padding: 25px 0 20px 0;
	height: auto;
	text-transform: none;
	font-weight: normal;
	font-size: 37px;
	color: #6f492c;
	font-family: "atrament-web-n6", "atrament-web";
	font-weight:600;
	border-bottom: 0;
	text-align: center;;

}
h1 span{

	color: #6f492c;

}
#show-produkt h1 {
	margin: 0;
	padding: 6px 0 20px 0;
	height: auto;
	text-transform: none;
	font-weight: normal;
	font-size: 37px;
	color: #6f492c;
	 font-family: "atrament-web-n6", "atrament-web";
	font-weight:600;
	border-bottom: 0;
	text-align: center;
}
#show-produkt h2 {

/*margin-left: 505px;*/
/*max-width: 110px;*/
border-bottom:0;
	padding:15px 0 0 0;
}
#show-produkt h2 span {

font-size: 18px;
	 font-family: "atrament-web-n6", "atrament-web";
	font-weight:600;
	color:#474747;


}
.show-produkt h2 {
font-weight:normal;
	border-bottom:1px dotted #4F4F4F;
	margin:0;
	padding:0;
	font-size:20px;
	color:#70430D;
}


.text_obsah {
	margin: 50px 0;
		width: 100%;
		padding: 5%;
		background: #fff;
		box-sizing: border-box;
}
.text_obsah p {
		margin: 10px 0;
}
.text_obsah p a {
	transition: .5s;
}
.text_obsah p a:hover {
	color: #adcc6e;
	transition: .5s;
}

	/* KONTAKT ČERVENEC 2018 */
.kontakt_text {
	width: 80%;
	float: none;
	margin: 0 auto;
	overflow: hidden;
}
.kontakt_levy, .kontakt_pravy {
	width: 50%;
	float: left;
	display: inline-block;
}
@media (max-width: 720px) {
	.kontakt_levy, .kontakt_pravy {
		width: 100%;
		display: block;
		text-align: center;
	}
}

	/* STRÁNKY S PŘÍBĚHEM SRPEN 2018 */
#s_pribehem {
	overflow: hidden;
}
#s_pribehem h1 {
	color: #df5a3b;
	font-size: 49px;
	line-height: 42px;
	text-align: center;
	font-weight: normal;
	border-bottom: none;
	font-family: "atrament-web-n6", "atrament-web";
}
#s_pribehem h3 {
	margin: 0;
    color: #6f492c;
    font-size: 37px;
    font-weight: 600;
    margin: 30px 0 15px 0;
    font-family: "atrament-web-n6", "atrament-web";
}
#s_pribehem ul {
	padding-left: 100px;
}
#s_pribehem ul li {
	font-size: 18px;
}
#s_pribehem p.img-center {
	clear: both;
	overflow: hidden;
}
#s_pribehem p.img-center img {
	width: 90%;
	display: block;
	margin: 0 auto;
}
#s_pribehem .pribeh_text,
#s_pribehem .pribeh_foto {
	width: 90%;
	margin: 2% 5%;
}
#s_pribehem .pribeh_text,
#s_pribehem .pribeh_foto,
#s_pribehem .pribeh_foto img {
	float: left;
}
#s_pribehem .pribeh_text p {
	margin: 25px;
	font-size: 18px;
	line-height: 1.75;
}
#s_pribehem .pribeh_text h3 {
	margin-left: 25px;
}
#s_pribehem .pribeh_text img {
	width: 30%;
	margin: 25px;
}
#s_pribehem .pribeh_foto img {
	height: auto;
	width: calc(100%/3);
}
#s_pribehem .dilna_box {
	margin: 2px;
	float: left;
	height: 360px;
	width: calc((100%/3) - 4px);
}
#s_pribehem .dilna_box a {
	color: #fff;
	display: block;
	transition: .5s;
	background: rgba(173,204,110,.8);
	/*background: rgba(223,90,59,.8);*/
}
#s_pribehem .dilna_box a:hover {
	color: #df5a3b;
	transition: .5s;
	background: rgba(255,255,255,.8);
}
#s_pribehem .dilna_box h3 {
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: 35px;
	line-height: 360px;
	text-align: center;
}
#s_pribehem .dilna_box.chranena_dilna h3 {
	background: url(/grafika/chranena-dilna-5.jpg);
}
#s_pribehem .dilna_box.lakovani h3 {
	background: url(/grafika/lakovani-2.jpg);
}
#s_pribehem .dilna_box.kompletace h3 {
	background: url(/grafika/tampon-4.jpg);
}
#s_pribehem .dilna_box.chranena_dilna h3,
#s_pribehem .dilna_box.lakovani h3, #s_pribehem .dilna_box.kompletace h3 {
	transition: .5s;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
#s_pribehem .dilna_box.chranena_dilna h3:hover,
#s_pribehem .dilna_box.lakovani h3:hover, #s_pribehem .dilna_box.kompletace h3:hover {
	transition: .5s;
	background-size: auto 110%;
}
#s_pribehem.divadla-rostou img.img-order-left,
#s_pribehem.divadla-rostou img.img-order-right {
	width: 100%;
	height: auto;
	max-width: 400px;
}
#s_pribehem.divadla-rostou img.img-order-left {
	float: left;
	margin-left: 0;
}
#s_pribehem.divadla-rostou img.img-order-right {
	float: right;
	margin-right: 0;
}
#s_pribehem .dlazdice-triptich {
	margin: 0 auto;
	overflow: hidden;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width: fit-content;
}
#s_pribehem .dlazdice-triptich div {
	margin: 1%;
	float: left;
	display: inline-block;
	box-shadow: 0px 1px 3px #A7A7A7;
}
#s_pribehem .dlazdice-triptich div img {
	margin: 0;
	width: 100%;
}
#s_pribehem .dlazdice-triptich .triptich-1 {
	width: 50%;
	margin-left: 2.9%;
}
#s_pribehem .dlazdice-triptich .triptich-2,
#s_pribehem .dlazdice-triptich .triptich-3 {
	width: 42.2%;
	margin-right: 2.9%;
}

	/* banner rostoucí divadlo */
#divadlo-roste-banner {
	width: 100%;
	height: 250px;
	margin: 20px 0;
	transition: .5s;
	position: relative;
	box-sizing: border-box;
	border: 2px solid #adcc6e;
	background: url(/grafika/divadlo-roste-banner.jpg) bottom center no-repeat;
	background-size: 100% auto;
}
#divadlo-roste-banner a {
	width: 100%;
	height: 100%;
	display: inline-block;
}
#divadlo-roste-banner a:hover {
	text-decoration: none;
}
#divadlo-roste-banner h2 {
	bottom: 0;
	width: 100%;
	padding: 10px;
	color: #accc6e;
	transition: .5s;
	line-height: 50px;
	position: absolute;
	box-sizing: border-box;
	background: rgba(255,255,255,.8);
}
#divadlo-roste-banner:hover {
	transition: .5s;
	border-color: #dc5437;
}
#divadlo-roste-banner:hover h2 {
	color: #dc5437;
	transition: .5s;
}