* {margin:0 ;padding:0;}
body{background: #f8efea url('../gfx/tlo.jpg') top center repeat-x;padding: 0;font-family: Noto+Serif;font-size:10px; z-index: 101; color: #30394c; text-align:center; height: 100% }
a:hover, a:active, a:focus {outline: none;border: none;}
a:active, a:focus {outline:  none;ie-dummy: expression(this.hideFocus=true);}
li{list-style:none;}
h1,h2,h3,h4{padding:0;margin:0;	font-weight: normal;font-style: normal;}
.clear{clear: both;}
html, body{height: 100%; text-align:center;}
img{border:0;}
form{display:inline;}


#content{
max-width: 1170px;
display:block;
position:relative;
margin: 0 auto;
background-color: #ffffff;
text-align: center;
padding:30px;
}

#topimage{
	position: relative;
	margin-bottom: 65px;
}
#myselfstate{
	display: block;
	position: absolute;
	font-size: 60px;
	width: 320px;
	color: #ffffff;
	padding: 125px 0 0 15px;
	text-align: left;
}
@media (max-width: 300px) {
    #myselfstate { font-size: 20px; }#texta{ width:80px }
}

@media (min-width: 500px) {
   #myselfstate{ font-size: 30px; }#texta{ width:150px }
}

@media (min-width: 700px) {
    #myselfstate{ font-size: 50px; } #texta{ width:280px }
}

@media (min-width: 1200px) {
    #myselfstate{ font-size: 60px; }#texta{ width:380px }
}


#topline{
	display: block;
	margin: 0 auto;
	text-align: center;
	min-height: 80px;
	position: relative;
	border-bottom: 1px solid #ffffff;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 12px 15px -7px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 12px 15px -7px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 12px 15px -7px rgba(50, 50, 50, 0.5);
}

#topmenu{
	display:block;
	text-align: center;
}


#topmenu li{
	display: inline-block;
	color: #ffffff;
	padding: 28px 0;
}
#topmenu li a{	
	font-family: oswald;
	font-weight: 300;
	padding: 23px 20px;
	font-size: 18px;
	color: #452b2b;
	text-decoration: none;
}
#topmenu li a:hover{	
	color: #ba7f5f;
	text-decoration: none;
}
#topmenu li a.sel{	
	color: #ba7f5f;
	text-decoration: none;
}


#logo{
	padding: 40px 0 30px 0;
}

#welcome_note{
	text-align: center;
	
}
hr#break{
	border: 0;
    border-bottom: 3px solid #e0ac72;
    background: #ffffff;
	width: 173px;
	margin: 0 auto;
	margin-top: 20px;
}

#welcome_note h1{
	font-family: oswald;
	font-weight: 300;
	font-size: 36px;
	padding-top: 35px;
	padding-bottom: 55px;
}

#welcome_text{
	max-width: 780px;
	margin: 0 auto;
}

#welcome_note span{
	display: block;
	float: left;
	width: 360px;
	text-align: left;
	font-size: 16px;
	line-height: 180%;
	padding-bottom: 50px;
}

hr#break2{
	border: 0;
    border-bottom: 3px solid #f8f1ea;
    background: #ffffff;
	margin-top: 45px;
}


#window_offer{
	max-width: 980px;
	margin: 0 auto;
	margin-top: 50px;
}

#window_describe{
	display: block;
	float: left;
	width: 360px;
	text-align: left;
	font-size: 16px;
	line-height: 180%;
	margin-right: 80px;
}
#window_image{
	display: block;
	float: left;
}

#window_offer h1{
	font-family: oswald;
	font-weight: 300;
	font-size: 36px;
	padding-top: 35px;
	padding-bottom: 55px;
}

#made_by_coachjoinery{
	margin-top: 120px;
}

#footer{
max-width: 1170px;
height: 60px;
display:block;
position:relative;
margin: 0 auto;
text-align: center;
padding: 20px 30px 50px 30px;
margin-bottom:  40px;
line-height: 160%;
font-size: 14px;
font-family: oswald;
font-weight: 300;
color: #ba7f5f;
}


#contact{
	width:460px;
	display: block;
	float: left;
	text-align: left;
}
#contact a{
	color:#e5b69c;
	text-decoration: none;
}
#contact a:hover{
	color:#e5b69c;
	text-decoration: underline;
}

#mid{
	width:260px;
	display: block;
	float: left;
}
#mid li{
	display: block;
	float: left;
	padding-right: 20px;
}
#mid li a{
	display: block;
	color:#e5b69c;
	text-decoration: none;
}
#mid li a:hover{
	color:#e5b69c;
	text-decoration: underline;
}

#rights{
	width:360px;
	display: block;
	float: right;
	text-align: right;
}

a#fio{
	color:#e5b69c;
	text-decoration: none;
}
a#fio:hover{
	color:#e5b69c;
	text-decoration: underline;
}

.klocek{
	display: block;
	margin-bottom: 4px;
	margin-right: 4px;
	float: left;
}
.nm{
	margin-right: none;
}




/* SUBPAGE */

#hor{
	width: 100%;
	text-align: left;
	font-size: 14px;
}
#hor a{
	text-decoration: none;
	color: #452a2a;
}
#hor a:hover{
	text-decoration: underline;
}


hr#break3{
	border: 0;
    border-bottom: 3px solid #e0ac72;
    background: #ffffff;
	margin-top: 25px;
}

#sub_descr{
	display: block;
	margin-top: 40px;
	max-width: 1170px;
	text-align: left;

}

#sub_descr_left{
	display: block;
	width:48%;
	float: left;
	font-size: 14px;
	line-height: 180%;
}
#sub_descr_left h1{
text-transform: uppercase;
font-family: oswald;
font-weight: 300;
font-size: 42px;
margin-bottom: 30px;
	line-height: normal;
}
#sub_descr_left ul{
	padding-left: 60px;
}
#sub_descr_left li{
	display: block;
	background: url('../gfx/pik.png') no-repeat;
	background-position:3px 8px;
	padding-left: 20px;
	margin-bottom: 12px;
}
#sub_descr_left a{
	color:#e5b69c;
	text-decoration: none;
}
#sub_descr_left a:hover{
	color:#e5b69c;
	text-decoration: underline;
}




#sub_descr_right{
	display: block;
	width:48%;
	float: right;
}




#sub_det{
	display: block;
	margin-top: 40px;
	max-width: 1170px;
}

#sub_det_left{
	display: block;
	width:48%;
	float: left;
	font-size: 14px;
	line-height: 180%;
}
#sub_det h1{
text-transform: uppercase;
font-family: oswald;
font-weight: 300;
font-size: 42px;
margin-bottom: 30px;
}

#sub_det_right{
	display: block;
	width:48%;
	min-width:400px;
	float: left;
	font-size: 14px;
	line-height: 180%;
	text-align: left;
	background-color: white;
	padding-left: 30px;
}
#sub_det_right h2{
	display: block;
	font-size: 18px;
	line-height: 150%;
	text-align: left;
	font-weight: bold;
	color:#452a2a;
	margin-bottom: 15px;
}
#sub_det_right li{
	display: block;
	background: url('../gfx/pik.png') no-repeat;
	background-position:3px 8px;
	padding-left: 20px;
	margin-bottom: 12px;
}




#sub_descrm{
	display: block;
	margin-top: 40px;
	max-width: 1170px;


}

#sub_descrm_left{
	display: block;
	width:48%;
	float: left;
	font-size: 14px;
	line-height: 180%;	text-align: left;
}
#sub_descrm h1{
text-transform: uppercase;
font-family: oswald;
font-weight: 300;
font-size: 42px;
margin-bottom: 30px;
}

#sub_descrm_right{
	display: block;
	width:48%;
	float: right;
	font-size: 14px;
	line-height: 180%;	text-align: left;
}


#gallery{
	display: block;
		margin-top: 40px;
		font-size: 14px;
}
#gallery h1{
	text-transform: uppercase;
font-family: oswald;
font-weight: 300;
font-size: 42px;
margin-bottom: 30px;
}

#gallery_cont{
	display:block;
	margin: 0 auto;
	text-align: center;
}
#gallery_i{
	display: block;
	float: left;
	width: 267px;
	height: 259px;
	padding-top: 8px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #e5d9ce;
	margin-bottom: 20px;
}




#ko-inf{
	font-size:18px;
}

#ko-inf2{
	font-size:18px;
	color: #ce2529;
	font-weight: bold;
}

#ko-form input{
	border: 2px solid #e0ac72;
	padding:4px;
	line-height: 160%;
}
#ko-form textarea{
	border: 2px solid #e0ac72;
	padding:4px;
	line-height: 160%;
}

#ko-form input.sub{
	border: none;
	padding: none;
}