.teaser_slide1 {
  height: 585px;
  position: absolute;
  width: 100%;
  background: url(./images/teaser/teaser.jpg) no-repeat center;
}

.teaser_slide2 {
  height: 585px;
  width: 100%;
  position: absolute;
  background: url(./images/teaser/teaser2.jpg) center;
}

.teaser_slide3 {
  height: 585px;
  width: 100%;
  position: absolute;
  background: url(./images/teaser/foto_orez1.jpg) center;
}

.teaser_slide4 {
  height: 585px;
  width: 100%;
  position: absolute;
  background: url(./images/teaser/foto_orez2.jpg) center;
}

.teaser_slide5 {
  height: 585px;
  width: 100%;
  position: absolute;
  background: url(./images/teaser/foto_orez3.jpg) center;
}

.teaser_slide6 {
  height: 585px;
  width: 100%;
  position: absolute;
  background: url(./images/teaser/foto_orez4.jpg) center;
}

.teaser_slide7 {
  height: 585px;
  width: 100%;
  position: absolute;
  background: url(./images/teaser/foto_orez5.jpg) center;
}

.teaser_slide8 {
  height: 585px;
  width: 100%;
  position: absolute;
  background: url(./images/teaser/foto_orez6.jpg) center;
}

.teaser_slide9 {
  height: 585px;
  width: 100%;
  position: absolute;
  background: url(./images/teaser/foto_orez7.jpg) center;
}

.teaser_slide10 {
  height: 585px;
  width: 100%;
  position: absolute;
  background: url(./images/teaser/foto_orez8.jpg) center;
}

.teaser_slide11 {
  height: 585px;
  width: 100%;
  position: absolute;
  background: url(./images/teaser/foto_orez9.jpg) no-repeat center;
}


#flags {
	float: right;
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	background: transparent;
	vertical-align: baseline;
}

#flags img {
	margin: 0px;
}

.x {
	width: 30px;
	height: 30px;
	background: red;
	position: absolute;
	right: 40px;
	top: 40px;
	background: url(./images/x.jpg)
}


.innerPopup {
	padding:30px;
	position:absolute;
	left:50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	width:70%;
	max-width: 740px;
	height:auto;
	background: #fff;
	z-index:995;
	top: 30px;
	-webkit-box-shadow: 0px 5px 59px 5px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:    0px 5px 59px 5px rgba(0, 0, 0, 0.8);
	box-shadow:         0px 5px 59px 5px rgba(0, 0, 0, 0.8);
  display:none;
	border-radius: 4px;
}

.span_kontakt {
	display: none;
	color: blue;
	text-decoration: underline;
}

.innerPopup h1 {
	margin-top: 0;
}

.innerPopup h2 {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 30px;
}

.kontakt_blok {
	width: 100%;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 40px;
	line-height: 1.3;
	border: 0px solid red;
}

.kontakt_blok2 {
	width: 100%;
	float: left;
	padding-left: 20px;
	padding-right: 10px;
	margin-bottom: 40px;
	line-height: 1.3;
	border: 0px solid red;
	box-sizing: border-box;
}

.kontakt_blok2 textarea {
	float: right;
	position: relative;
	width: 40%;
	height: 100px;
	padding: 20px;
	margin-top: -40px;
	resize: none;
	font-family: 'Titillium Web', sans-serif;
	font-size: 12px;
	border: 1px solid silver;
}

.form_button {
	width: 108px;
	height: 40px;
	border-radius: 5px;
	background: #2a82d4;
	color:#fff16b;
	font-weight: 700;
	padding: 0px ;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;
	border: 1px solid #186090;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 2px 5px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	position: absolute;
	right: 40px;
	bottom: 20px;
	margin-bottom: 
}

.form_button_disabled {
	width: 108px;
	height: 40px;
	border-radius: 5px;
	background: #ffffff;
	color:#eeeeee;
	font-weight: 700;
	padding: 0px ;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;
	border: 1px solid #aaaaaa;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 2px 5px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	position: absolute;
	right: 40px;
	bottom: 20px;
	margin-bottom: 
}

.input_normal {
	margin-bottom: 10px;
	height: 16px;
	padding: 6px;
	float: left;
	clear: both;
	position: relative;
	border: 1px solid silver;
	width: 40%;
}


body {
	margin: 0;
	position: relative;
	font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
    background: #fff;
    font-weight: 300;

}

/* text styles*/
h1 {
	font-size: 50px;
	color: #0e76bc;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 30px;
}

h2 {
	font-size: 30px;
	color: #0e76bc;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 30px;
}

.box h2 {
	font-size: 30px;
}

h3 {
	font-size: 18px;
	color: #08233f;
	font-weight: 400;
	margin-bottom: 13px;
}

li {
	margin-left: -20px;
	list-style-image: url("./images/li.png");
}

.text {
	font-size: 17px;
	color: #08233f;
	font-weight: 30;
	line-height: 1;
}

.textWrapper {
	position:absolute; 
	width: 330px;
	padding-left: 20px; 
}

a.pdf {
	text-decoration: none;
	display: block;
	padding-top: 2px;
	margin-left: 10px;
	color: #08233f;
	position: relative;
	float: left;
	font-size: 17px;
}

.short_menu {
	display: none;
}

a.pdf:hover {
	color: red;
}

.teasercaption {
	font-size: 72px;
	font-weight: 300;
	color: #ffef66;
	text-align: center;
	padding-top: 250px;
	line-height: 0.8;
	text-shadow: 0 5px 50px  #000000;
}

.teasersubcaption {
	font-size: 32px;
	font-weight: 300;
	color: #ffef66;
	text-align: center;
	padding-top: 15px;
	line-height: 1;
}

.teaserspan {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	font-size: 15px;
	font-weight: 300;
	color: #82ecff;
	text-align: center;
	margin-top: 40px;
	line-height: 1.2;
}

.menubtn {
	float: left;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	font-weight: 600;
	color: #08233f;
	text-decoration: none;
	height: 35px;
	font-size: 15px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.learnmore {
	width: 94px;
	height: 74px;
	background: url('./images/learnmore.png') no-repeat;
	position: absolute;
	display: block;
  bottom: -60px;
	left: 50%;
	padding-top: 30px;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0); 
	font-weight: 600;
	font-size: 15px;
	line-height: 1;
	text-align: center;
	color: #2b6daf;
	z-index: 999;

}

.box {
	width: 26%;
	height: 210px;
	border-radius: 5px;
	background: #fff;
	padding: 25px ;
	float: left;
	margin-top: 45px;
	margin-left: 10px;
	margin-right: 10px;
	-webkit-box-shadow: 0px 5px 21px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 5px 21px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 5px 21px rgba(0, 0, 0, 0.15);
	overflow: hidden;
}

.box_crv {
	width: 100%;
	height: auto;
	border-radius: 5px;
	background: rgbA(255,255,255,0.9);
	padding: 5px;
	float: left;
	margin-top: auto;
	margin-left: 8px;
	margin-right: 8px;
	-webkit-box-shadow: 0px 5px 21px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 5px 21px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 21px rgba(0, 0, 0, 0.15);
	overflow: hidden;
}

.actionbtn {
	width: 108px;
	height: 20px;
	border-radius: 5px;
	background: #2a82d4;
	color:#fff16b;
	font-weight: 700;
	padding: 5px ;
	float: right;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;
	border: 1px solid #186090;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 2px 5px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.actionbtn:hover {
	color: #2a82d4;
	background: #f7e322;
	border:1px solid #c3b425;
}

.menubtn:hover {
	color:#0e76bc;
	
}

#top_menu_container {
	width: 100%;
	height: 100px;
	background: #fff;
	position: fixed;
	top: 0;
	margin: 0;
	-webkit-box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 30px 10px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 30px 10px rgba(0, 0, 0, 0.2);
	float: left;
	z-index: 900;
}

.top_menu_content {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	padding-left: 20px;
	padding-right: 20px;
	background: #fff;
	z-index: 998;
}

#teaser_container {

	position: relative;
	z-index: 200;
	width: 100%;
	height: 585px;
	background:#07213d;
	margin: 0;
	margin-top: 0px;
	float: left;
	overflow: hidden;
}

.teaser_content {
	width: 1000px;
	height: 585px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: absolute;
	z-index: 888;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0); 
	left: 50%;
	top: 0px;
}

img .teaser_content  {
	width: 500px;

	}

#content_container {
	border: 0px solid red;
	width: 100%;
	position: relative;
	height: auto;
	background:#fff;
	margin: 0;
	float: left;
	overflow: hidden;
}

.obsah_content {
	width: 1000px;
	height: 540px;
	background:url('./images/app_store.jpg') #f7f7f7 right bottom  no-repeat;
	margin-left: auto;
	margin-right: auto;	
}

.obsah_content2 {
	width: 1000px;
	height: 670px;
	margin-left: auto;
	margin-right: auto;	
	background:url('./images/graph.png') #fff right no-repeat;
}

.obsah_content2sk {
	width: 1000px;
	height: 670px;
	margin-left: auto;
	margin-right: auto;	
	background:url('./images/graph_sk.png') #fff right no-repeat;
}

.obsah_content2en {
	width: 1000px;
	height: 670px;
	margin-left: auto;
	margin-right: auto;	
	background:url('./images/graph_en.png') #fff right no-repeat;
}

.obsah_content2de {
	width: 1000px;
	height: 670px;
	margin-left: auto;
	margin-right: auto;	
	background:url('./images/graph_de.png') #fff right no-repeat;
}

.obsah_content2ru {
	width: 1000px;
	height: 670px;
	margin-left: auto;
	margin-right: auto;	
	background:url('./images/graph_ru.png') #fff right no-repeat;
}

.obsah_content3 {
	width: 1000px;
	height: 460px;
	margin-left: auto;
	margin-right: auto;
	background: url("./images/boxes.png") #f7f7f7 bottom center no-repeat ;
	background-size: 100%;
}

.obsah_content4 {
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	background-size: 100%;


}

.obsah_content5 {
	width: 1000px;
	height: 155px;
	background: url("./images/schaum.jpg") no-repeat;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.obsah_content5_sk {
	width: 1000px;
	height: 155px;
	background: url("./images/schaum_sk.jpg") no-repeat;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.obsah_content6 {
	width: 1000px;
	height: 600px;
	background:url('./images/Logo-crv-pruhledne.png') #f7f7f7 center  no-repeat;
	margin-left: auto;
	margin-right: auto;	
}


.obsah_content7 {
	width: 1000px;
	height: 650px;
	background: url('./images/afifarm.jpg') right top  no-repeat;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
}
.footer-text-allrights {
	position: absolute;
	padding-top: 15px;
	left: 200px;
}

.footer-text-podminky {
	position: absolute;
	height: 50px;
	padding-top: 15px;
	right: 40px;

}

.time_box {
	width: 27%;
	height: 300px;
	border-radius: 5px;
	background: url("./images/clock.jpg") #fff bottom no-repeat;
	padding: 25px ;
	float: left;
	position: relative;
	margin-top: 45px;
	text-align: center;
	margin-right: 10px;
	-webkit-box-shadow: 0px 5px 21px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 5px 21px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 5px 21px rgba(0, 0, 0, 0.15);
	overflow: hidden;
			margin-bottom: 20px;
}


.form_box {
	width: 59%;
	height: 300px;
	border-radius: 5px;
	background: #fff;
	padding: 25px ;
	float: left;
	position: relative;
	margin-top: 45px;
	margin-left: 10px;
	margin-right: 10px;
	-webkit-box-shadow: 0px 5px 21px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 5px 21px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 5px 21px rgba(0, 0, 0, 0.15);
	overflow: hidden;
}

.form_text {
	position: relative; 
	width: 55%; 
	float: left; 
	margin-left : 25px; 
	height: 90%; 

}


.logo_mobile {
	width: 215px;
	height: 210px;
	position: absolute;
	left:50%;
	top: 5px;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0); 
	display: none;
}

.phone {
	display: block;
	position: absolute;
  bottom: 1px;
  left:50%;
  -webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0); 
}

img.phone {
	max-width: 100%;
	height: auto;
}







@media only screen and (max-width: 1000px) {
	
	.box {
	width: 24%;
	margin-left: 7px;
	margin-right: 7px;
	height: 250px;
}
	
	.box h2 {
	font-size: 170%;

}
	.box_crv {
	width: 100%;
	margin-left: 7px;
	margin-right: 7px;
	height: 300px;
}	
	.inner { 
		width: 100% ;
		padding: 0;
	}

	.act {
		margin-right: 5px;
	}
	
	img.phone {
		width: 280px;
	}
	
	.phone {
		left:60%;
	}
	
	.textWrapper {
		width: 35%;
	}
	
	.obsah_content2 {
		height: 620px;
		background-position: right;
		background-size: 60%;
	}
	
	.obsah_content3 {
		height: auto;
		margin-left; auto;
		margin-right: auto;
		float: left;
		position: relative;
	}
	
	.time_box h2 {
		font-size: 26px;
	}
	
	.form_box {
		width: 56%;
	}
	
	.form_text {
		width: 45%;
		margin-left: 10px;
	}
	
	
	.time_box {
		width:25%;
	
}
	


@media only screen and (max-width: 720px) {
	
	.form_button {
	width: 50%;
	height: 40px;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0); 
	border-radius: 5px;
	background: #2a82d4;
	color:#fff16b;
	font-weight: 700;
	padding: 5px ;
	text-decoration: none;
	text-align: center;
	margin-top: 20px;
	border: 1px solid #186090;
	right: 124px;
	bottom: 20px;
}

.form_button_disabled {
	width: 50%;
	height: 40px;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0); 
	border-radius: 5px;
	background: #FFFFFF;
	color:#eeeeee;
	font-weight: 700;
	padding: 5px ;
	text-decoration: none;
	text-align: center;
	margin-top: 20px;
	border: 1px solid #aaaaaa;
	right: 124px;
	bottom: 20px;
}
	
	.input_normal {
	width: 100%;
	margin-bottom: 10px;
	height: 23px;
	padding: 6px;
	float: left;
	clear: both;
	position: relative;
	border: 1px solid silver;
}
	
  .kontakt_blok2 textarea {
	float: left;
	position: relative;
	width: 100%;
	height: 100px;
	padding: 5px;
	margin-top: 0px;
	resize: none;
	font-family: 'Titillium Web', sans-serif;
	font-size: 12px;
	border: 1px solid silver;
}
	
	
	.form_box {
		width: 86%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		float: none;
	}
	
	.time_box {
		width: 86%;
		height: 150px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		position: relative;
		float: none;
		background-position: right bottom;
		text-align: left;
	}
	
	
	
	
	.phone {
		left:30%;
	}
	
	img.phone {
		width: 350px;
	}
	
	.mpad {
		padding-left: 3px;
		padding-right: 3px;
	}

	.teasercaption {
		padding-top: 200px;
	}
	
	.textWrapper {
		width: 95%;
		padding-top: 20px
	}
	
	.obsah_content {
		height: 900px;
	}
	
	.obsah_content2 {
		height: 920px;
		background-position: bottom center;
		background-size: 70%;
	}
	
	.obsah_content3 {
		background:#f7f7f7;
	}
	
	.box {
	width: 87%;
	margin-left: auto;
	margin-right: auto;
	float:none;
	margin-top: 10px;
	height: auto;
}
	
	.box_crv {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float:none;
	margin-top: 0px;
	height: auto;
}		
	
		

}
@media only screen and (max-width: 650px) {
 .menubtn {
	 display:none;
 }

	.short_menu {
	display: block;
}
	
	.innerPopup {
	width: 80%;
	}
	
}
	
	
@media only screen and (max-width: 480px) {
	.span_kontakt {
	display: block;
		margin-top: -10px;
		left: 50%;
		position: absolute;
		-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0); 
		
}
	
	.kontakt_blok {
	width: 90%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 40px;
	line-height: 1.3;
	border: 0px solid red;
}
	
	
	.innerPopup {
	width: 90%;
	}
	
	.box {
	width: 80%;
}
	.box_crv {
	width: 100%;
}	
	.mpad {
		display:none;
	}

	.act {
		display: none;
	}
	
	.bigLogo {
		display:block;

	}
	
	.teaser_content {
		top: 0px;
	}

	#top_menu_container { 
		display: none;
	}
	
	#teaser_container {
				margin-top: 0px;;
	}
	
	.top_menu_content { 
		display: none;
	}

	.teasercaption {
		padding-top: 250px;
		font-size: 72px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.teaserspan {
		display: none;
	}
	
	.obsah_content {
		height: 940px;
	}
	
	.obsah_content2 {
		height: 920px;
		background-position: bottom center;
		background-size: 90%;
	}
	
	.textWrapper {
		width: 90%;
		padding-top: 20px
	}
	
	.phone {
		left:30%;
	}
	
	img.phone {
		width: 230px;
	}
	
	.form_box {
		width: 86%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		float: none;
	}
	
	.form_text {
		width: 80%;
	}
	
	.time_box {
		width: 86%;
		height: 280px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		float: none;
		background-position: center bottom;
		text-align: center;
	}
	
		.time_box h2 {
		font-size: 30px;	
	
	}
	

	
	.obsah_content4 {
		height: auto;;
		background-position: bottom center;
		background-size: 90%;
	}
	
	.footer-text-allrights {
	position: absolute;

	top: 60px;
	left: 50%;
		-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0); 
		font-size: 11px;
}

.footer-text-podminky {
	font-size: 11px;
	position: absolute;
	height: 50px;
	width: 95px;
	top: 80px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0); 


}
	
.obsah_content5 {

	background: url("./images/schaum.jpg") center top no-repeat;

}

.obsah_content5_sk {

	background: url("./images/schaum_sk.jpg") center top no-repeat;

}
	
	
}

	@media only screen and (max-width: 320px) {
	
		.obsah_content {
		height: 1000px;
		
	}
}