html, button, input, select, textarea {
	color: #222;
}
body {
	font-size: 1em;
	line-height: 1.4;
	background-color: #fff;


}


hr {
	border: none;
	height: 43px;
  	background: url("../img/hr.png") 50% 0 no-repeat;
  	text-align: center;

}



textarea {
	resize: vertical;
}


html, body {
	height: 100%;

}
body {
	font-family: "Lora";
	font-weight: 400;
	font-size: 14px;
	color: #555;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;

}
.col-md-4 {
}
.row {
	margin: 0 auto;
}
.modal-header {
	background: #ffbf00;
}
.modal-header h4 {
	color: white;
	font-weight: 700;
	letter-spacing: 1px;
}
.modal-footer {
	background: #2b2b2b;
}
.navbar-default {
	border-color: transparent;
	background-color: #dadada;
}
.navbar-inverse .navbar-brand {
	font-weight: 400;
	font-size: 20px;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 35px;
  background-color: transparent;
  border: 1px solid #338090;
  color: #338090;

 }

.navbar-inverse .navbar-toggle {
	background-color: #338090;
	color: #338090;
	border: solid 1px #338090;
}

.navbar-inverse .navbar-toggle:hover {
	background-color: #338090;
	color: #338090;
	border: solid 1px #338090;
}

.navbar-inverse .navbar-toggle:active {
	background-color: #338090;
	color: #338090;
	border: solid 1px #338090;
}

.navbar-inverse .navbar-nav > li > a {
	margin-top: 25px;
	line-height: 20px;
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color: #16a085;
	color: #338090;
}
a img {
	background: white;
}
.odd a img {
	background: #f5f5f5;
}
/* Titles */
h1, h2, h3, h4, h5, h6, {
	font-family: "Lora";
	font-weight: 100;
	color: #777;
	font-size: 36px;
}
h2 {
	font-size: 20px;
	color: #555555;
	font-weight:300;
}

h3 {
	font-size: 22px;
	font-weight: 400;
}

h4 {
	line-height: 28px;
	font-size: 16px;
	color: #777;
	font-weight:300;
}

p {
	line-height: 28px;
	margin-bottom: 20px;
}
p.large {
	font-size: 20px;
	margin-bottom: 50px;
}
.centered {
	text-align: center;
}
strong {
	font-weight: 100;
}
em {
	font-weight: 400;
}
pre {
	background: #ebebeb;
	border: none;
	font-family: "Lora";
	font-size: 16px;
	color: #666;
	padding: 20px;
	line-height: 28px;
}
small {
	font-size: 12px;
}


/* link */
a {
	color: #4abcc5;
	word-wrap: break-word;
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}
a:hover, a:focus {
	color: #c0392b;
	text-decoration: none;
	outline: 0;
}
a:before, a:after {
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}

img {
	background-color: transparent;

}

img:hover {
	opacity: 

}



/* header */

#headerwrap {
	background: url(../img/bg.jpg) center center no-repeat;
	margin-top: 0px;
	padding-top: 215px;
	text-align: center;
	background-position: center center;
	height: 550px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

#headerwrap h1 {
	color: #ffffff;
	font-size: 45px;
	font-weight: 100;
	text-align: center;
	letter-spacing: 0px;

}
#headerwrap p {
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0px;
}

#headerwrap h2 {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0px;
	line-height: 30px;
}


#headerwrap .nabidka{
	width: 100%;
	height: 200px;
	background-color: white;
	border: solid 1px black;
	padding-top: 10px;
	padding-left: 35px;
	padding-right: 35px;
	border-top: solid 2px #FF4B81;
}

#button-mail {
	margin: 10px;
	width: 210px;
	height: 50px;
	border: thin solid #fff;  
	border-radius: 0px;
	background-color:;
	display: inline-block;
	padding: 11px;
	color: white;
	font-size: 18px;
	transition: all 0.2s ease 0s;

}

#button-mail:hover {
	margin: 10px;
	width: 210px;
	height: 50px;
	border: thin solid #fff;  
	border-radius: 0px;
	background-color: rgb(255, 255, 255);
	transition: linear 0.2s;
	cursor: pointer;
	display: inline-block;
	padding: 11px;
	color: #226D96;
}



#sluzby {
	width: 100%;
	background: #fff;
	padding-top: 60px;
	padding-bottom: 65px;
	text-align: center;
}

#sluzby h1 {
	font-size: 20px;
	color: black;
	padding-bottom: 30px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#sluzby h2 {
	font-size: 16px;
	color: white;
}


#o-me {
	width: 100%;
	background: #fff;
	padding-top: 60px;
	padding-bottom: 65px;
	text-align: center;
}

#o-me h1 {
	font-size: 20px;
	color: black;
	padding-bottom: 30px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#o-me h3 {
	font-size: 20px;
	color: black;
	text-align: left;
}

#o-me p {
	padding-top: 10px;
	font-size: 13px;
	color: #353535;
	text-align: left;
	line-height: 30px;
}

#sluzby .nabidka{
	width: 100%;
	background-color: ;
	margin-top: 5px;
	margin-bottom: 20px; 
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 35px;
	padding-bottom: 30px;

}

#sluzby .nabidka:hover{

	margin-top: 0px;
	transition: linear 0.15s;
}


#sluzby .nabidka h2 {
	font-size: 16px;
	color: black;
	text-align: left;
	font-weight: 400;
}

#sluzby .nabidka p {
	font-size: 13px;
	color: #353535;
	text-align: left;
}

#sluzby .button {
	height: 30px; 
	padding-right: 20px;
	border-bottom: solid 1px #226D96;
	color: #226D96;
	transition: all 0.2s ease 0s;
	float: left;
}

#sluzby .button:hover {
	color: black;
		border-bottom: solid 1px black;
}


#o-mne {
	background: #F9F9F9;
	padding: 55px 0;
	text-align: center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

#o-mne h1 {
	font-size: 45px;
	color: black;
}

#o-mne h2 {
	font-size: 20px;
	color: black;
	padding-bottom: 30px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#o-mne h3 {
	font-size: 18px;
	color: #226D96;
	text-align: left;
	line-height: 28px;
	font-weight: 300;
}

#o-mne p {
	font-size: 13px;
	color: #353535;
	text-align: center;
}

#o-mne img {
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
}



#kontakt {
	background: #f9f9f9;
	color: black;
	padding: 50px 0;
	text-align: left;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#kontakt h2 {
	font-size: 20px;
	color: black;
	padding-bottom: 30px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;

}

#kontakt h3 {
	font-size: 22px;
	color: black;

}

#kontakt a {
	font-size: 13px;
	padding-left: 10px;
	color: black;
	text-align: center;
	font-weight: 500;
}

#kontakt a:hover {
	font-size: 13px;
	color: #4a97a8;
	text-align: center;
	font-weight: 500;
}

#loga {
	background: #4a97a8;
	padding: 60px 0;
	text-align: center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

#payot {
	background: url("../img/2.jpg");
	padding: 60px 0;
	text-align: center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

#payot h3 {
	text-align: center;
	font-size: 24px;
	color: black;

}


#footer {
	background: #fff;
	color: #ebebeb;
	padding-top: 45px;
	padding-bottom: 15px;
	font-size: 14px;
	font-weight: 400;
	border-top: solid 1px #dedede;
	text-align: center;
}



#footer p {
	font-size: 13px;
	color: #8d8d8d;
	text-align: center;
	font-weight: 500;
}


#footer a {
	font-size: 13px;
	color: #8d8d8d;
	text-align: center;
	font-weight: 500;
}


#podstranka {
	background: #fff;
	padding: 120px 0;
	text-align: center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#podstranka h1 {
	font-size: 20px;
	color: black;
	padding-bottom: 30px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#podstranka h2 {
	font-size: 16px;
	color: #226D96;
	text-align: left;
	font-weight: 600;
}

#podstranka h3 {
	font-size: 18px;
	color: #072874;
	text-align: left;
	line-height: 28px;
}

#podstranka p {
	font-size: 14px;
	color: #353535;
	text-align: justify;
}	

#podstranka img {
	padding-left: 40px;
	padding-bottom: 15px;
}	




table {
    font-family: "Lora";
    width: 100%;
}

td{

    text-align: left;
    padding: 0px;
    padding-top: 10px;


}

th{
    
    text-align: left;
    padding-top: 40px;
    background: #fff;
    padding-bottom: 10px;
    width: 80%;
    border-bottom: solid 1px #71b2c6;


}

tr {
    background-color: #fff;
    width: 100%;

}

/* srdce */

#galerie {
	width: 100%;
	margin-top: 150px;
	margin-bottom: 50px;

}

#galerie h1 {
	font-size: 20px;
	color: black;
	padding-bottom: 30px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}

#galerie .images {
	width: 100%;
	margin: 0 auto;
	margin-left: 10px;
}

#galerie .images a {
	width: 100%;
	margin: 0 auto;
  text-align: center;
	padding-left: 1px;
	padding-right: 1px;
}

#galerie .images img:hover {
	background: black;
}


#galerie .example-image {

	margin-top: 4px;
	padding-left: 0px;

}

#galerie .example-image img {

	border: solid 1px black;

}

#galerie .example-image img:hover {

	border: solid 1px black;

}

#galerie .example-image-link a {
	background-color: white;
}

#galerie .example-image-link a:hover {
	border: solid 1px black;
}

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */


@media screen and (max-width:1050px), screen and (max-device-width:1050px) {
body .header {
	background-attachment: scroll;
}
}

/*ipad portrait*/
@media only screen and (min-device-width:768px) and (max-device-width : 1024px) and (orientation : portrait) {
.header {
	background-attachment: scroll;
}
}

@media screen and (max-width:769px) {
#headerwrap h1 {
	font-size: 45px;
}
#headerwrap p {
	font-size: 30px;
	line-height: 38px;
}
}