@charset "utf-8";
/* CSS Document */

body {
	background-color: #A09394;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Cormorant Unicase', serif;
	margin:0.4em 0 0.8em 0;
}

h1 {font-size: 36px;
}
h2 {font-size: 28px;
}
h3 {font-size: 24px;
}
h4 {font-size: 20px;
}
h5 {font-size: 18px;
}
h6 {font-size: 16px;
}
 
 p {
	 margin: 0 0 1em 0;
 }

a:link, 
a:visited {color:#C50206;
text-decoration:none;
transition:600ms all ease; }
a:hover  {color: #9B0003; 
text-decoration:underline; }
a:active {color:#C50206;}

img, iframe {
	max-width:100%;
}

#wrapper {
	width: 1200px;
	padding: 15px;
	margin: 30px auto;
	background-color: #F5EAEA;
}
#header {
	height: 100px;
	padding: 10px;
	background-color: #EDBCBD;
	margin-bottom: 10px;
 }
#header h1 {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 4em;
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-family: 'Cormorant Unicase', serif;
	text-align: center;
}

#nav {
	background-color: #002D37;
	height: 40px;
	margin-bottom: 10px;
	padding:0 15px;
}

#nav ul {
	margin:0;
    padding:0;
    list-style:none;
}

#nav ul li  {float:left;
}

#nav ul li a {padding:10px 15px;
height:20px;
display:block;
}

#nav ul li a:link,
#nav ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#nav ul li a:hover {background-color:#EDBCBD;
color:#FFFFFF;
text-decoration:none;}
#nav ul li a:active {background:#A09394;}

.social {float:right;
height:30px;
padding:5px 0;
font-size:20px;
}

.social a:link, 
a:visited {color:#FFFFFF;
text-decoration:none; }
.social a:hover  {color: #9B0003; 
text-decoration:underline; }
.social a:active {color:#A09394;}


#main {
	width: 900px;
	float: left;
}

#main h6 {
	background-color: #A09394;
	padding:5px;}

#main a:link, 
#main a:visited {
	color: #9B0003;
	text-decoration: none;
 }
#main a:hover  {
	color: #1161ED;
	text-decoration: underline;
}
#main a:active {
	color: #CC22CB;
}
	
#sidebar {
	width: 280px;
	float: right;
}

#sidebar h4 {
	color: #FFFFFF;
	background-color: #A09394;
	padding:7px;	
}

#footer  {
	background-color:  #002D37;
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: center;
	color: #EDBCBD;
}

#footer p {margin:0;
}

.block {margin-bottom:25px
}
#vrh {color-background:#A09394;}

#slova p {
	padding: 10px;
	background-color: #EDBCBD;
	margin-bottom: 10px;
}
.imageLeft {
	float: left;
	margin-right: 30px;
	margin-bottom: 3px;
	margin-top: 10px;
	border: 5px solid #7F7979;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


input[type="text"], textarea {
    width:50%;
	border:1px solid #646262;
	padding:10px;    
	box-sizing:border-box;
}
input[type="submit"] {
	background-color: #EDBCBD;
	color: #002D37;
	padding: 10px;
	border: 1px solid #E89C9E;	
	border-radius:10px;
}

@media screen and (min-width:1024px) and (max-width:1260px) {
	#wrapper {
		width:960px; 
}
	
	#main {
		width: 700px;
}

	#sidebar {
		width: 240px;
}
	}

@media screen and (min-width:768px) and (max-width:1023px) {
	#wrapper {
		width:700px; 
}
	
	#main {
		width: 500px;
}

	#sidebar {
		width: 180px;
}
.imageLeft {
	float:none;
}
	}

@media screen and (max-width:767px) {
	#wrapper {
		width:80%; 
}
	
	#main, #sidebar {
		width:auto;
		float:none;
}
 	#header h1 {
	font-size:3em;	
}
.imageLeft {
	float:none;
}
img[alt="кип"]  {
	float:none;
	margin-left: 30px;
}

}