/*@import url("styles_povodne.css");*/

/* --------- RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* --------- RESET*/

b,strong{
	font-weight:bold;
}
em{
	font-style:italic;
}


/*-------------CLEARFIX------------------*/
.cf:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.cf { display: inline-block; }
/* start commented backslash hack \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* close commented backslash hack */



body{
	height:100%;
	color:#111;
	font-family: 'Open Sans', sans-serif,verdana, arial;
	line-height:25px;
	text-align:left;
	background-image:url(bg1.png);
	background-position:top left;
	background-repeat:repeat;
}

sup{ 
    vertical-align: super;
    font-size: smaller;
}

header{
	border-bottom:3px solid #E0DFDB;
	display: flex;
	position: fixed;
	justify-content: space-between;
	z-index:10;
}

.back_uctovnictvo{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	background-image:url(vedenie_uctovnictva.jpg);
}

.back_reality{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	background-image:url(reality.jpg);
}
.rel{
	display:none;
}
@media screen and (max-width: 1024px) {
	.rel{
		display:block;
	}
	.back_reality{
		background:none;
	}
}

.c1{
	background-color:#1a8c1f;/*#dc4a08;/*#bf9286;*/
	transition:all 0.5s ease-in-out;
	width:45%;
	min-width:300px;
	margin-top:30px;
}

.c1 figure div div.img{
	background-image:url(vedenie_uctovnictva_sered_s2.jpg);background-position:center center;background-size:cover;
	transition:all 0.2s ease-in-out;
}
.c1:hover{
	background-color:#249e29;/*#e45b1d;/*#e2bfb6;*/
	transition:all 0.5s ease-in-out;
}
.c1:hover figure div div.img{
	transform:scale(1.05);
	transition:all 0.5s ease-in-out;
}
.c1:hover .sipka{
	right:10px;
	transition:all 0.4s ease-in-out;
}

.c2{
	background-color:#921f1f;/*#921f1f;*/
	transition:all 0.5s ease-in-out;	
	width:40%;
	min-width:300px;
	margin-top:30px;	
}
.c2 figure div div.img{
	background-image:url(realitna_kacelaria_s.jpg);background-position:center center;background-size:cover;
	transition:all 0.2s ease-in-out;
}
.c2:hover{
	background-color:#ab0c0c;
	transition:all 0.5s ease-in-out;
}
.c2:hover figure div div.img{
	transform:scale(1.05);
	transition:all 0.5s ease-in-out;
}
.c2:hover .sipka{
	right:10px;
	transition:all 0.4s ease-in-out;
}
.c3{
	background-color:#443266;/*#d0bbaf;*/
	transition:all 0.5s ease-in-out;	
	width:45%;
	min-width:300px;
	margin-top:30px;	
}
.c3 figure div div.img{
	background-image:url(kontakt_praeda.jpg);background-position:center center;background-size:cover;
	transition:all 0.2s ease-in-out;
}
.c3:hover{
	background-color:#654e90;/*#c7bfba;*/
	transition:all 0.5s ease-in-out;
}
.c3:hover figure div div.img{
	transform:scale(1.05);
	transition:all 0.5s ease-in-out;
}
.c3:hover .sipka{
	right:10px;
	transition:all 0.4s ease-in-out;
}

@media screen and (max-width: 500px) {
	.c1,.c2,.c3{
		width:100%;
	}
}


.sipka{
	bottom:10px;
	right:30px;
	transition:all 0.4s ease-in-out;
}


.uctovnictvo{
	margin:0px auto 60px auto;
	background-color: #1a8c1f;/*#dc4a08;/*#e9e0d9;*/
}
.ucto{
	float:left;
	width:50%;
	text-align:right;
	padding-right:20px;
}
.dane{
	float:right;
	width:50%;
	padding-left:20px;
}
@media screen and (max-width: 800px) {
	.ucto,.dane{
		float:none;
		width:100%;
		padding:20px 0px;
		text-align:left;
	}
}
.but_ponuka{
	width:50%;
}
@media screen and (max-width: 650px) {
	.but_ponuka{
		width:100%;
	}
}

.foto_henrieta_blahova{
	top: -136px;
	left: calc(50% - 132px);	
}
.contact_border{
	padding-top:150px;
}
@media screen and (max-width: 700px) {
	.contact_border{
		padding-top:60px;
	}
}

.top_nadpis{
	 align-self: center;
}
@media screen and (max-width: 960px) {
	.top_nadpis{
		display:none;
	}
}

.kontakt1{
	background-color:#443266;/*#d0bbaf;*/
	order:1;
	padding: 130px 30px;
	width:50%;
}
.kontakt2{
	background-color:#544079;/*#e6dbd5;*/
	order:0;
	padding: 130px 30px;
	width:50%;
}

@media screen and (max-width: 700px) {
	.kontakt{
		flex-wrap:wrap;
	}
	.kontakt1{
		/*background-color: #d0bbaf;*/
		order: 1;
		padding: 170px 30px 30px 30px;
		width: 100%;
	}
	.kontakt2{
		/*background-color: #F7F5F2;*/
		order: 0;
		padding: 30px 30px 120px 30px;
		width: 100%;
	}
	.foto_henrieta_blahova{
		top: 200px;
		left: 40px;
	}
	.top_img img{
		width:150px;
		height:auto;
	}
}


.google-maps {
	position: relative;
	padding-bottom: 28.5%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
@media screen and (max-width: 800px) {
	.google-maps {
		padding-bottom: 50%; // This is the aspect ratio
	}
}
@media screen and (max-width: 400px) {
	.google-maps {
		padding-bottom: 100%; // This is the aspect ratio
	}
}



.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}




.page_width{
	max-width:1140px;
}



.nav_top{
	display:flex;
	position: fixed;
	justify-content: space-between;
}
.top_img{
	align-self: center;
}

.input{
	border:1px solid #CCC;
	text-indent:5px;
	width:50%;
}
@media screen and (max-width: 400px) {
	.input{
		border:1px solid #CCC;
		text-indent:5px;
		width:100%;
	}	
}

.nehnutelnost{
	width:49%;
}
@media screen and (max-width: 900px) {
	.nehnutelnost{
		width:100%;
	}
}
.nehnutelnost_figure{
	width: 100%;
    height: 250px;
    background-position: center center;
    background-size: cover;
}
@media screen and (max-width: 400px) {
	.nehnutelnost_figure{
		height: 200px;
	}
}
.nehnutelnost_table{
	width:100%;
}
.nehnutelnost_table tr{
	border-bottom:1px dotted #CCC;
}
.nehnutelnost_table tr td{
	padding:3px;
}
.nehnutelnost_table tr td:first-of-type{
	width:180px;
}

.g, a.g{color:#4CA100;}
.r, a.r{color:#920a0a;}
.r1, a.r1{color:#8C0000;}
.b, a.b{color:#0216D9;}
.b1, a.b1{color:#024da1;}
.bb, a.bb{color:#000000;}
.bb1, a.bb1{color:#202020;}
.w, a.w{color:#FFFFFF;}
.gray, a.gray{color:#CCCCCC;}
.yellow, a.yellox{color:#FFFF00;}

.back_brown{
	background-color:#C1AB7D;
}
.back_gray{
	background-color:#3D3D3D;
}
.back_gray_light{
	background-color:#F2F2F2;
}
.back_orange{
	background-color:#FFA500;
}
.back_red{
	background-color:#921f1f; /*#c50e0e;*/
}
.back_white{
	background-color:#FFF;
}
.back_white_trans{
	background-color:rgba(255,255,255,0.8);
}
.back_blue{
	background-color:#0216D9;
}
.back_blue1{
	background-color:#005B9A;
}
.back_green{
	background-color:#66CC33;
}
.back_ok{
	background-color:#66CC33;
}
.back_fail{
	background-color:#FF0000;
}
.back_warning{
	background-color:#FFC0B;
}

.square{
	list-style-type: square;
}


.to_red:hover{
	color:#CC0000;
	transition:all 0.2s ease-in-out;
}
.to_light_red:hover{
	color:#FF0000;
	transition:all 0.2s ease-in-out;
}
.back_to_light_green:hover{
	color:#00CC00;
	transition:all 0.2s ease-in-out;
}
.to_green:hover{
	color:#4CA100;
	transition:all 0.2s ease-in-out;
}
.back_to_light_red:hover{
	background-color:#FF0000;
	transition:all 0.2s ease-in-out;
}

.f_size40{
	font-size:2.5rem;
}
.f_size24{
	font-size:1.5rem;
}
.f_size22{
	font-size:1.375rem;
}
.f_size20{
	font-size:1.25rem;
}
.f_size18{
	font-size:1.125rem;
}
.f_size17{
	font-size:1.0625rem;
}
.f_size16{
	font-size:1rem;
}
.f_size15{
	font-size: 0.9375rem;
}
.f_size14{
	font-size: 0.875rem;
}
.f_size13{
	font-size: 0.8125rem;
}
.f_size12{
	font-size: 0.75rem;
}

.f_size20{
	font-size: 1.25rem;
}

.f_bold{
	font-weight:700;
}
.f_normal{
	font-weight:400;
}

.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.text-center{
	text-align:center;
}
.text-justify{
	text-align:justify;
}
.text-dec-none, a.text-dec-none{
	text-decoration:none;
}

.disp-block{
	display:block;
}
.disp-inline{
	display:inline;
}
.disp-inline-block{
	display:inline-block;
}
.disp-table{
	display:table;
}
.disp-flex{
	display:flex;
}
.disp-none{
	display:none;
}

.width100{
	width:100%;
}
.width70{
	width:70%;
}
.width50{
	width:50%;
}
.width75{
	width:75%;
}
.width150px{
	width:150px;
}
.width40px{
	width:40px;
}
.width400px{
	width:400px;
}
.width450px{
	width:450px;
}
.width200px{
	width:200px;
}
.width100px{
	width:100px;
}
.width120px{
	width:120px;
}
.width600px{
	width:600px;
}
.mwidth700px{
	max-width:700px;
}
.mwidth800px{
	max-width:800px;
}


.height100{
	height:100%;
}
.l_spacing05{
	letter-spacing: 0.5rem;
}

.pos-abs{
	position:absolute;
}
.pos-rel{
	position:relative;
}

.border1_ccc{
	border:1px solid #CCC;
}
.border1_cc0000{
	border:1px solid #CC0000;
}
.border1_cc0000_err{
	border:1px solid #CC0000 !important;
}
.border0{
	border:0;
}
.border1_dash_fff{
	border:1px dashed #FFF;
}
.border1_dash_blue{
	border:1px dashed #005B9A;
}

.top0{
	top:0px;
}
.left0{
	left:0px;
}
.right0{
	right:0px;
}
.bottom0{
	bottom:0px;
}


.box-size-border{
	box-sizing:border-box;
}
.box-size-content{
	box-sizing:content-box;
}



.fl{float:left;}
.fr{float:right;}
.clr{clear:both;margin:0;padding:0;}


.corner4, a.corner4{
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
}
.corner3, a.corner3{
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
}
.corner1, a.corner1{
	-webkit-border-radius:1px 1px 1px 1px;
	-moz-border-radius:1px 1px 1px 1px;
	border-radius:1px 1px 1px 1px;
}

.pad10{
	padding:10px;
}
.pad15{
	padding:15px;
}
.pad5{
	padding:5px;
}
.pad50-0{
	padding:50px 0px;
}
.pad100-10-40-30{
	padding:100px 10px 40px 30px;
}
.pad100-30-40-10{
	padding:100px 30px 40px 10px;
}
.pad6{
	padding:6px;
}
.pad8{
	padding:8px;
}
.pad8-15{
	padding:8px 15px;
}
.pad8-40-8-8{
	padding:8px 40px 8px 8px;
}
.pad5-1{
	padding:5px 1px;
}
.pad0-10{
	padding:0px 10px;
}
.pad20{
	padding:20px;
}
.pad60-10{
	padding:60px 10px;
}
.pad0-5{
	padding:0px 5px;
}
.pad7-10{
	padding:7px 10px;
}
.pad7-0{
	padding:7px 0px;
}
.pad20-25{
	padding:20px 25px;
}
.pad20-15{
	padding: 20px 15px;
}
.pad20-10{
	padding:20px 10px;
}
.pad10-0-5-5{
	padding:10px 0px 5px 5px;
}
.pad10-30{
	padding:10px 30px;
}
.pad3-0{
	padding:3px 0px;
}
.pad2-10{
	padding:2px 10px;
}
.pad5-0{
	padding:5px 0px;
}
.pad0-10-10-10{
	padding:0px 10px 10px 10px;
}
.pad0-0-0-10{
	padding:0px 0px 0px 10px;
}
.pad20-0{
	padding:20px 0px;
}
.padl20{
	padding-left:20px;
}
.padt10{
	padding-top:10px;
}
.padr20{
	padding-right:20px;
}
.pad30-0{
	padding:30px 0px;
}
.pad30-10{
	padding:30px 10px;
}
.pad50-10{
	padding:50px 10px;
}
.padb20{
	padding-bottom:20px;
}

.marg70-0{
	margin:70px 0px 0px 0px;
}
.marg10-0{
	margin:10px 0px;
}
.marg30-10-10-10{
	margin:30px 10px 10px 10px;
}
.marg30-0-30-150{
	margin:30px 0px 30px 150px;
}
.marg0-20{
	margin:0px 20px;
}
.marg5-0{
	margin:5px 0px;
}
.marg0-10{
	margin:0px 10px;
}
.marg50-0{
	margin:50px 0px;
}
.marg30-0{
	margin:30px 0px;
}
.marg50-5{
	margin:50px 5px;
}
.marg5{
	margin:5px;
}
.marg4{
	margin:4px;
}
.marg10{
	margin:10px;
}
.margr15{
	margin-right:15px;
}
.margr10{
	margin-right:10px;
}
.margr5{
	margin-right:5px;
}
.margl20{
	margin-left:20px;
}
.margl40px{
	margin-left:40px;
}
.margl30{
	margin-left:30px;
}
.margl150px{
	margin-left:150px;
}
.margl5{
	margin-left:5px;
}
.margl10{
	margin-left:10px;
}
.marg10-auto{
	margin:10px auto;
}
.marg50-auto{
	margin:50px auto;
}
.marg0-auto{
	margin:0px auto;
}
.marg-6-0-0-150{
	margin:-6px 0px 0px 150px;
}
.marg10-0-20-10{
	margin:10px 0px 20px 10px;
}
.margb20{
	margin-bottom:20px;
}
.margb10{
	margin-bottom:10px;
}
.marg110-auto-0-auto{
	margin:110px auto 0px auto;
}
.margt10{
	margin-top:10px;
}
.margt20{
	margin-top:20px;
}
.margt30{
	margin-top:30px;
}
.margt32{
	margin-top:32px;
}

.line-h20{
	line-height:20px;
}
.line-h16{
	line-height:16px;
}
.line-h23{
	line-height:23px;
}
.line-h25{
	line-height:25px;
}
.line-h26{
	line-height:26px;
}
.line-h32{
	line-height:32px;
}
.line-h30{
	line-height:30px;
}
.line-h38{
	line-height:38px;
}
.line-h40{
	line-height:40px;
}
.shadow{
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);
}
.cur_pointer:hover{
	cursor:pointer;
}


/* MEDIA WIDTH */