*, ::before, ::after {
    box-sizing: border-box;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-weight: 100;

}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-weight: 550;

}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-weight: 700;

}


@font-face {
 font-family:'FontAwesome';
 src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
 src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
 url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
 font-weight:normal;
 font-style:normal
}

body {
    margin: 0;
	padding:0;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333333;
    text-align: left;
    background-color: #ffffff;
	/* overflow-x:hidden; */
}

body, html, main {
height: 100%;
width: 100%;
}


/* custom scrollbar */
:root{
  scrollbar-color: rgb(127,127,127) rgb(255,255,255) !important;
  scrollbar-width: thin !important;
  border-radius: 4px;
}

.custom_scrollbar{
  scrollbar-color: rgb(127,127,127) rgb(255,255,255) !important;
  scrollbar-width: thin !important;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track-piece  {
    background-color: rgb(255,255,255);
}

::-webkit-scrollbar-thumb:vertical {
    height: 4px;
    background-color:  rgb(127,127,127);
	border-radius: 4px;
}


.container {
max-width:1400px;	
}

/* menu */

.header_top {
background-color:#e3e3e3;
min-height:36px;
width:100%;
border-bottom:1px solid #d3d3d3;
font-size:14px;
color:#000000;
position:fixed;
z-index:10;
top: 0px;
}	

.header_top_contact {
height:100%;
justify-content: center;
flex-direction: column;	
display:flex;
flex-basis: 100%;
}


.contact_left {
text-indent:30px;
background:url(../images/email.png) no-repeat;	
min-height: 35px;
line-height: 35px;
}

.contact_right {
text-indent:30px;
background:url(../images/phone.png) no-repeat;
min-height: 35px;
line-height: 35px;
}

.header_top_left i {
padding:0 8px 0 0px;	
}

.header_top_inner {
min-height:100%;	
}

.header_icon {
padding:0 50px 0 0;
}


.header_bottom {
display: flex;
min-height:90px;
position:fixed;
top:0px;
width: 100%;
z-index:10;
font-size:16px;
font-weight:bold;
}

.header_bottom .container {
padding:0px;	
}

.menu1 {
display: flex;
flex-basis: 100%;
justify-content: space-between;

z-index:1;
}

.menu1 a{
font-weight:bold;
font-size:16px;
}

.addBackgroundWhite {
background:#fbfbfb;	
}



/* other */

#back-top {
	position: fixed;
	bottom: 20px;
	right:10px;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
     filter: alpha(opacity=20);
     opacity: .2;
     z-index:35;
}

#back-top a {
	width: 68px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #0075bf;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	/*background: #ddd url(../img/up-arrow.png) no-repeat center center;*/
	background: #000000 url(../images/cd-top-arrow.svg) no-repeat center center;
	border-radius:5px;
}

#back-top a:hover span {
	background-color: #0075bf;
}

h1 {
font-weight:bold;
color:#a30031;
padding:-40px 0 0 0;	
width: 100%;
line-height:1.5em;
font-style:italic;
text-shadow:1px 1px 1px #ffffff;
}


.main_content .container {
padding:0px;
}

.main_content [class^="col-"] {
padding:0px;
}

.main_content h2 {
font-size:24px;
font-style:italic;	
font-weight:bold;
padding:15px 0 55px 0;
max-width:800px;
text-transform: uppercase;
text-shadow:1px 1px 1px #ffffff;
}

h2 {
font-size:24px;
font-style:italic;	
font-weight:bold;
}

h3 {
font-size:36px;
font-weight:bold;
text-align:left;
margin:0px;
padding:25px 0 15px 0;	
color:#333333;
}

h4 {
font-size:30px;
padding: 0px 0 10px 0;
margin:0px;	
}

.sluzba_velka {
background:url(../images/sluzba_velka.jpg);	
min-height:800px;
display: flex;
justify-content: end;
flex-direction: column;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
width: 49%;
float: left;
}

.sluzba_mala {
background:url(../images/malovani.jpg);	
height:390px;
display: flex;
justify-content: end;
flex-direction: column;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
width: 49%;
float: right;
}

.sluzba_mala2 {
background:url(../images/ostatni.jpg);	
height:390px;
display: flex;
justify-content: end;
flex-direction: column;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
width: 49%;
float: right;
margin:20px 0 0 0;
}

.sluzby_wrapper {
padding:20px 0 0 0;	
}

.sluzby_wrapper .underline {
border-bottom:1px solid #a30031;
width:60px;
font-size:0px;
text-align:left;
margin: 0 0 6px 0;
}

.sluzby_text {
padding:20px;
background: rgba(0,0,0,0.5);
color:#ffffff;
}

.sluzby_text p {
color:#ffffff;
}

.phone_number {
font-weight:bold;
color:#bf0047;	
}



.menu1 a {
color:#333333;	
}

.menu1 a:hover {
text-decoration:underline;
color:#000000;
}

.main_content {
min-height:820px;
background:#f1f1f1 url(../images/uvod1.jpg) no-repeat;	
background-size:cover;
margin:0px 0 0 0;
background-position: right;
background-color: #f9f9f9;
background-size: auto;
display: flex;
justify-content: center;
flex-direction: column;
}


.cenik1 {
background:#a30031;	
color:#ffffff;
padding:10px 10px 10px 15px;
font-size:20px;
}

.cenik2_row {
padding:10px 10px 10px 15px;
font-size:16px;	
background:#c9c9c9;
border-top:1px solid white;
border-bottom:1px solid #c9c9c9;
float: left;
width: 100%;
}

.cenik2_row:nth-child(2n) {
background:#dad8d8;
}	
	

.cenik_col_left {
float:left;	
}

.cenik_col_right {
float:right;
padding-left:5px;	
}


.button {
font-size:20px;
}

.button a {
background-color:#a30031;
color:#ffffff;
padding:20px 45px 20px 45px;
}

.button a:hover {
background-color:#e00748;
text-decoration:none;
transition:0.35s;
}

input .button {
font-size:20px;	
background-color:#a30031;
color:#ffffff;
padding:20px 45px 20px 45px;
}


.ctverec {
color:#ffffff;
}

.ctverec:hover {
background-color:#02609b;
transition:0.35s;
color:#ffffff;
text-decoration:none;
}

.ctverec {
background-color:#0075bf;
min-height:340px;
padding:30px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.col1 {
display:flex;
}

.col2 {
padding:0px 0 0 0;	
}

.col3 {
min-height:35px;
font-size:2.7em;
display: flex;
justify-content: end;
}

.col1_left {
flex-basis: 30%;
min-height: 100px;
padding:0 10px 0 0px;
}

.col1_right {
flex-basis: 67%;
}

.ico_realizace {
background:url(../images/realizace.png) no-repeat;
}

.ico_doporuceni {
background:url(../images/doporuceni.png) no-repeat;	
}

.ico_konzultace {
background:url(../images/konzultace.png) no-repeat;	
}


#o_nas {
padding:70px 0 50px 0;	
display: flex;	
}

#nase_sluzby {
padding:70px 0 50px 0;
display: flex;	
}

#cenik {
display: flex;
padding:70px 0 50px 0;	
display: flex;	
}

#reference {
padding:70px 0 50px 0;	
display: flex;	
}

#kontakt {
padding:70px 0 50px 0;	
}

#footer {
margin:45px 0 0 0;
padding:40px 0 40px 0;
background-color:#3c3638;	
line-height:1.75em;
color:#ffffff;
}

#footer a {
color:#fc3470;	
}

.fb {
width:41px;
height:41px;
background:url(../images/fb.png) no-repeat;
float:left;
}

.fb-wrapper a{
padding: 5px 0 0 10px;
float: left;	
}

#realizace,
#konzultace,
#doporuceni {
padding:120px 15px 90px 15px;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:80.25%;
    position:relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.proc_list {
padding:10px 0 10px 0;	
}

.proc_list li {
padding:7px 0 7px 0;
margin:0px 0 0 15px;	
}

.proc_modra {
color:#0075bf;	
font-size:24px;
font-weight:bold;
line-height:1.3em;
padding:50px 0 5px 0;
}

.number {
font-size:90px;	
}

.underline {
border-bottom:1px solid #a30031;
width:60px;
font-size:0px;
text-align:left;
margin: 0 0 20px 0;
}

.gallery {
display:flex;
flex-wrap:wrap;
}

.gallery_image {
margin:10px;
height:240px;
}

.gallery_image img{
height:240px;
width:auto;
max-width:unset;
}

p {
padding:10px 0 10px 0;
margin:0px;
line-height:1.75em;
color:#333333;
}

.text-normal p{
line-height:1.75em;
font-size:16px;
}

.onas-grid {
display: flex;
flex-direction: row;
padding: 0 0 0 25px;
flex-wrap:wrap;
}

.onas {
text-align:center;
font-weight:bold;	
font-size:24px;
flex-basis:50%;
line-height:1.2;
}

.onas span {
font-size:90px;
color:#a30031;
font-weight:bold;
line-height:1.2;
}

img {
max-width:100%;	
}

.custom-toggler {
position: fixed;
right: 12px;
background-color:#ffffff;	
}

.nase_sluby_left {
width:50%;
background-color:#e3e3e3;	
}

.nase_sluby_left .text{
max-width:630px;
padding:25px 15px 25px 15px;
margin:0 auto;
}

.nase_sluby_right {
width:50%;
}

.img1 {
background:url(../images/1.jpg) no-repeat;
background-size:cover;
}

.img2 {
background:url(../images/2.jpg) no-repeat;
background-size:cover;	
}

.img3 {
background:url(../images/3.jpg) no-repeat;
background-size:cover;	
}

.vzorek_list {
display:flex;
flex-basis:100%;
flex-wrap:wrap;
justify-content: center;
}

.vzorek {
margin:12px 12px 20px 12px;
}

.vzorek_image {
width:240px;
height:240px;	
}

.vzorek img {
border-radius:50%;	
height:100%;
}

.vzorek span {
padding: 8px 0 8px 0;
display: flex;
justify-content: center;	
}

input[type=text], input[type=email], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

textarea {
height:200px;
}

input[type=submit] {
  background-color: #a30031;
  color: white;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  transition:0.35s;
  font-size:20px;
  padding:20px 45px 20px 45px;
}

input[type=submit]:hover {
  background-color:#e00748;
}

#formControlRange {
accent-color: #a30031;
}

form {
padding:15px 0 15px 0;	
}


@media only screen and (max-width: 449px) { 

	nav {
	max-width:fit-content;
	}

	.sluzba_velka {
	min-height:600px;
	width: 100%;
	}

	.sluzba_mala {
	min-height:300px;
	width: 100%;
	margin-top:20px;
	}

	.sluzba_mala2 {
	min-height:300px;
	width: 100%;
	}

	.onas-grid {
	padding: 0 0 0 0px;
	}

	.contact_left {
	margin-left:15px;
	padding-bottom:5px;
	}
	
	.contact_right {
	margin-left:15px;
	}

	.header_bottom {
	top:0px;
	}

	.header_icon {
		padding: 0 20px 0 0;
	}
	
	.navbar {
	justify-content: end;
	}
	
	.menu1 {
	position: fixed;
	width: 100vw;
	right: 0px;
	transition:0.2s;
	padding: 10px 0 0px 10px;
	top: 84px;
    box-shadow: 0px 10px 10px -3px #c6c6c6;
    background: #fff;
	}
	
	.menu1 a{
	display: flex;
	padding: 8px 20px 8px 20px;
	font-size:20px;
	}
	
	h1 {
	font-size:28px;
	width: 100%;
	}

	.ctverec {
	width:100%;
	}
	
	.sluzby_prehled {
	margin: -350px 0 0 0;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	}
	
	.col1 {
	flex-direction: row;	
	}

	#o_nas p {
	max-width:100%;
	padding-bottom:20px;	
	}

	.nase_sluby_left {
	width:100%;
	}

	.nase_sluby_right {
	display:none;
	}
	
	#kontakt label {
	display:none;	
	}
	
	.footer_ico {
	text-align:left;
	margin:15px 0 0 0px;
	}
	
	.main_content [class^="col-"] {
	padding-left:15px;
	padding-right:15px;
	}
	
	.main_content h2 {
	font-size:1.4em;
	}

	.image_nahled {
	display:none;
	}
	
}


@media only screen and (min-width: 450px) { 

	.sluzba_velka {
	min-height:600px;
	width: 100%;
	}

	.sluzba_mala {
	margin-top:20px;
	min-height:300px;
	width: 100%;
	}

	.sluzba_mala2 {
	min-height:300px;
	width: 100%;
	}

	.onas-grid {
	padding: 0 0 0 0px;
	}

	.main_content h2 {
	font-size:1.4em;
	}

	.contact_left {
	margin-left:15px;
	padding-bottom:5px;
	}
	
	.contact_right {
	margin-left:15px;
	}
	
	.main_content [class^="col-"] {
	padding-left:15px;
	padding-right:15px;
	}

	nav {
	max-width:fit-content;
	}

	.header_bottom {
	top:0px;
	}


	.header_icon {
		padding: 0 20px 0 0;
	}
	
	.navbar {
	justify-content: end;
	}
	
	.menu1 {
	position: fixed;
	width: 100vw;
	right: 0px;
	transition:0.2s;
	padding: 0px 0 0px 10px;
	padding: 0px 0 0px 10px;
    top: 84px;
    box-shadow: 0px 10px 10px -3px #c6c6c6;
    background: #fff;
	}
	
	.menu1 a{
	display: flex;
	padding: 8px 20px 8px 20px;
	font-size:20px;
	}
	
	h1 {
	font-size:30px;
	width: 100%;
	}

	.ctverec {
	width:100%;
	}	

	.sluzby_prehled {
	margin: -350px 0 0 0;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	}
	
	.col1 {
	flex-direction: row;	
	}

	#o_nas p {
	max-width:100%;
	padding-bottom:20px;	
	}

	.nase_sluby_left {
	width:100%;
	}

	.nase_sluby_right {
	display:none;
	}

	#kontakt label {
	display:none;	
	}	
	
	.footer_ico {
	text-align:left;	
	margin:15px 0 0 0px;
	}

	.image_nahled {
	display:none;
	}
		
}

@media only screen and (min-width: 556px) { 

	.sluzba_velka {
	min-height:600px;
	width: 100%;
	}

	.sluzba_mala {
	margin-top:20px;
	min-height:300px;
	width: 100%;
	}

	.sluzba_mala2 {
	min-height:300px;
	width: 100%;
	}

	.onas-grid {
	padding: 0 0 0 0px;
	}

	.main_content h2 {
	font-size:20px;
	}

	.header_bottom {
	top:0px;
	}


	.navbar {
	justify-content: end;
	}
	
	.menu1 {
	position: fixed;
	width: 100vw;
	right: 0px;
	transition:0.2s;
	padding: 0px 0 0px 10px;
	top: 84px;
	box-shadow: 0px 10px 10px -3px #606e77;
	}
	
	.menu1 a{
	display: flex;
	padding: 8px 20px 8px 20px;
	font-size:20px;
	}	
	
	h1 {
	font-size:34px;
	width: 100%;
	}
	
	.ctverec {
	width:100%;
	}
	
	.sluzby_prehled {
	margin: -350px 0 0 0;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	}
	
	.col1 {
	flex-direction: row;	
	}
	
	#o_nas p {
	max-width:100%;
	padding-bottom:20px;	
	}
	
	.nase_sluby_left {
	width:100%;
	}

	.nase_sluby_right {
	display:none;
	}

	#kontakt label {
	display:none;	
	}
	
	.footer_ico {
	text-align:left;
	margin:15px 0 0 0;	
	}
			
}


@media only screen and (min-width: 768px) {

	.sluzba_velka {
	min-height:600px;
	width: 100%;
	}

	.sluzba_mala {
	margin-top:20px;
	min-height:300px;
	width: 100%;
	}

	.sluzba_mala2 {
	min-height:300px;
	width: 100%;
	}

	.onas-grid {
	padding: 0 0 0 0px;
	}

	.main_content h2 {
	font-size:22px;
	}	
	
	.contact_left {
	margin-left:15px;
	padding-bottom:5px;
	}
	
	.contact_right {
	margin-left:15px;
	}
	

	.header_bottom {
	top:0px;
	}

	
	.menu1 {
	position: fixed;
	width: 100vw;
	right: 0px;
	transition:0.2s;
	padding: 0px 0 0px 10px;
	top: 84px;
	box-shadow: 0px 10px 10px -3px #606e77;
	}
	
	.menu1 a{
	display: flex;
	padding: 8px 20px 8px 20px;
	font-size:20px;
	}	
	
	h1 {
	font-weight:34px;
	width: 100%;
	}
	
	.sluzby_prehled {
	margin: -350px 0 0 0;
	display:flex;
	justify-content:space-between;
	flex-direction:row;
	}
	
	.col1 {
	flex-direction: column;	
	}
	
	#o_nas {
	text-align:center;
	}
	
	#o_nas p {
	max-width:100%;
	padding-bottom:20px;	
	}

	.nase_sluby_left {
	width:50%;
	}

	.nase_sluby_right {
	display:block;
	width:50%;
	}
	
	#kontakt label {
	display:none;	
	}

	.footer_ico {
	text-align:left;
	margin:15px 0 0 0;
	}
	
	.image_nahled {
	display:none;
	}	
	
}


@media only screen and (min-width: 992px) {

	.sluzba_velka {
	min-height:800px;
	width: 49%;
	}
	
	.sluzba_mala {
	min-height:300px;
	width: 49%;
	margin-top:0px;
	}

	.sluzba_mala2 {
	min-height:300px;
	width: 49%;
	}

	.onas-grid {
	padding: 0 0 0 0px;
	}
	
	.main_content h2 {
	font-size:24px;
	}
	
	.menu1 {
	position: fixed;
	width: 100vw;
	right: 0px;
	transition:0.2s;
	padding: 0px 0 0px 10px;
	top: 84px;
	box-shadow: 0px 10px 10px -3px #606e77;
	}
	
	.menu1 a{
	display: flex;
	padding: 8px 20px 8px 20px;
	font-size:20px;
	}	
	
	h1 {
	font-size:48px;
	padding:-40px 0 0 0;	
	width: 100%;
	}
	
	.ctverec {
	width:30%;
	}
	
	.col1 {
	flex-direction: row;	
	}
	
	.sluzby_prehled {
	margin: -250px 0 0 0;
	display:flex;
	}
	
	#o_nas {
	text-align:left;
	}
	
	#o_nas p {
	max-width:90%;
	padding-bottom:20px;	
	}
	
	#kontakt label {
	display:none;	
	}
	
	.footer_ico {
	text-align:right;	
	}
	
	
	.contact_left {
	margin-left:15px;
	padding-bottom:5px;
	}
	
	.contact_right {
	margin-left:15px;
	}

	.image_nahled {
	display:none;
	}	

}


@media only screen and (min-width: 1200px) {

	.onas-grid {
	padding: 0 0 0 25px;
	}	
	
	.contact_left {
	margin-left:15px;
	padding-bottom:0px;
	}
	
	.contact_right {
	margin-left:15px;
	}
	
	.menu1 {
	position: static;
	width: auto;
	padding:0px;
	box-shadow: none;
	background: none;
	}
	
	.menu1 a{
	display: flex;
	padding: 0px 5px 0px 5px;
	font-size:18px;
	}
	
	h1 {
	font-size:60px;
	width: 100%;
	line-height:1.5em;
	}
	
	#kontakt label {
	display:block;	
	}
	
	.contact_left {
	margin-left:0px;
	}
	
	.contact_right {
	margin-left:0px;
	}
	
	.image_nahled {
	display:block;
	}	

}

@media only screen and (min-width: 1600px) {
	
	.main_content [class^="col-"] {
	padding-left:0px;
	padding-right:0px;
	}
		
	h1 {
	width: 100%;
	}
	
	.contact_left {
	margin-left: 0px;
	}
	
	.contact_right {
	margin-left:0px;
	}


	.clanek-wrapper.container {
	padding-left:0px;
	padding-right:0px;
	}
	
}


.form-group.required label:after {
  content:"*";
  color:red;
}

.gallery-wrapper {
padding-left:5px;	
}

#form_poptavka {
z-index:10;
background:#ffffff;
margin:35px 0 0 0;
}

#form_poptavka [class^="col-"] {
padding-left:0px;
}

#form_poptavka input,
#form_poptavka select {
max-width:600px;
}

#form_poptavka label {
font-weight:600;
}

#form_poptavka .form-check-label {
font-weight:400;	
}

#odeslani-poptavky {
padding-top:10px;
}

.poptavka_link {
line-height:35px;
background-color:#0075bf;
color:#ffffff;
padding-left:10px;
padding-right:10px;
margin:0 0 0 10px;
}

.poptavka_link:hover {
background-color:#02609b;
color:#ffffff;
text-decoration:none;
}

.clanek-wrapper {
padding-top:120px;
min-height:75vh;
}

.clanek-wrapper h2 {
width:100%;
}

.clanek-wrapper h1 {
font-weight:bold;
color:#a30031;
padding:10px 0 10px 0;	
width: 100%;
font-size:1.8em;
font-style:normal;
}

.clanek-wrapper h2 {
font-weight:bold;
color:#a30031;
padding:10px 0 10px 0;	
width: 100%;
font-size:1.6em;
font-style:normal;
}

.clanek_obsah {
line-height:1.75;	
}

.image_nahled {
width:240px;
padding:20px 20px 0 10px;	
}

.card-text {
font-size:1em;	
}


/* wordpress class? */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }