@import"reset.css";
@import"grid.css";
@import"demo.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Alex+Brush);


   html {
   
   }

body{
	
background: url(../images/grace1.jpg) repeat fixed;
	font-family: 'Tahoma', sans-serif;
	font-size:14px;
	line-height:25px;
	color:black;
	position:relative;
	min-width:960px;
}
PRE {

DISPLAY: none

}
.ic {
	background:#fff;
	border:0;
	float:right;
	color:#f00;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	padding:0;
	overflow:hidden;
}
html,body{height:100%;}
html {min-width:960px;}




/* Global Structure---------------------------------------- */



.main{
	margin:0 auto;
	position:relative;
	width:960px;
	background:url(../images/main-bg.png);
	border-radius:4px;
	padding:10px 0 10px 0;
}
.main-indents {
	padding:10px 0;
}
/*----- alignment & clearing -----*/
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}

.clear{
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper{
	overflow:hidden;
	position:relative;
}
.wrapper-1{
	overflow:hidden;
	position:relative;
margin: 0 0 0 30px;
}
.extra-wrap{
	overflow:hidden;
	display:block;
}
.extra-wrap1{
overflow:hidden;
	display:block;
margin: 0 30px 0 0;
}
/*  Header styles */
h1,h2,h3,h4,h5,h6{
	color:#333;
	padding:0 0 12px 0;
	font-weight:normal;
	font-family: 'Oswald', sans-serif;
	letter-spacing:-1px;
	text-transform:uppercase;
}
h1{font-size:36px; line-height:42px;}
h2{font-size:30px; line-height:36px; font-family: 'Comic Sans MS'; color:#02a5e6;}
h3{font-size:24px; line-height:30px;} 
h4{font-size:20px; line-height:24px;}  
h5{font-size:18px; line-height:22px;font-family: 'Comic Sans MS';} 
h6{font-size:16px; line-height:20px;}
h7{font-size:26px; line-height:30px; font-family: 'Comic Sans MS';} 
h8{font-size:30px; line-height:36px; font-family: 'Comic Sans MS', sans-serif; 
	color:#02a5e6; padding:0 0 12px 0;font-weight:normal; 
	letter-spacing:-1px; text-transform:uppercase;} 
	h9{font-size:20px; line-height:22px; font-family: 'Comic Sans MS', sans-serif; color:#02a5e6;}
	h10{font-size:16px; line-height:20px;  font-family: 'Tahoma'}

	
.welcome {
	display:block;
	color:#02a5e6;
	font-size:60px;
	line-height:72px;
	letter-spacing:-1px;
	margin:0 0 -5px 0;
	font-family: 'Comic Sans MS';
	text-transform:capitalize;
}
.welcome1 {
	display:block;
	color:#0043e4;
	font-size:40px;
	line-height:72px;
	letter-spacing:-1px;
	margin:0 0 -20px 0;
	font-family: 'Comic Sans MS';
	text-transform:capitalize;
}
.welcome2 {
	display:block;
	color:#02a5e6;
	font-size:26px;
	line-height:50px;
	letter-spacing:-1px;
	margin:0 0 -5px 0;
	font-family: 'Comic Sans MS';
	text-transform:capitalize;
	}
.hp-1 {
	padding:0 0 10px 0;

}
h5 span {
	color:#0043e4;
}





#fade { /*--Прозрачный слой фона--*/
	display: none; /*--по умолчанию скрыты--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--по умолчанию скрыты--*/
	background: #333333;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Тени для Блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Закругленные углы--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
        border: 0;
}
/*--Фиксированное позиционирование для тупого IE6--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}






/*----- text & typography -----*/
.quote-1 {
	padding:0 0 20px 40px;
	background:url(../images/quotes.png) no-repeat 0 8px;
}
/*----- borders & lines -----*/

/*----- boxes -----*/
.content_full {
	width: 900px;
}

.content-box {
	background: url(../images/bg.png);
	padding:40px 36px 25px 36px;
	margin:0px 12px;
	background-color: #123;
	
}	
.img-box {
	display:inline-block;
	padding:3px;
	background:#fff;
	border:1px solid #d9d9d9;
	border-radius:3px;
	margin-bottom:12px;
}
/* Lightbox image */

.lightbox-image{display:inline-block;position:relative;}
a.border{padding:6px;background:#dededa;display:inline-block;}
.lightbox-image img{position:relative;z-index:2;}
.lightbox-image span{position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/magnify.png) 50% 50% #fff no-repeat;}

/*----- indents -----*/
.img-indent {
	float:left;
	margin:5px 20px 0 0;
}
.img-indent-1 {
	float:left;
	margin:0 20px 0 36px;
}
.img-indent-bot {margin:5px 0 16px 0;}

p {padding-bottom:0px;}
.p {padding-bottom:25px;}
.p0 {padding-bottom:0 !important;}
.p1 {padding-bottom:20px !important;}
.p2 {padding-bottom:14px !important;}
.p3 {padding-bottom:20px !important;}

.a1 {margin:0 10px;}
.a2 {margin:0 46px;}

/*----- lists -----*/
.list-1 {padding:0 0 20px 0;}
.list-1 li {
	display:block;
	padding:0 0 0 20px;
	background:url(../images/list-1-marker.gif) no-repeat 0 10px;
	line-height:25px;
}
	.list-1 li a {
		color:#333;
		font-size:14px;
	}
		.list-1 li a:hover {
			color:#0043e4;
			text-decoration:none;
		}
.list-2 {
	padding:5px 0 20px 0;
}
.list-2 li {
	line-height:22px;
	padding:0 0 18px 0;
}
.list-2 li a {
	display:inline-block;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	line-height:22px;
	color:#0043e4;
	text-transform:uppercase;
	letter-spacing:-1px;
}
	.list-2 li a:hover {
		color:#000;
		text-decoration:none;
	}
/*----- buttons & links -----*/

	a:hover {text-decoration: underline;}
a {
	color:#0043e4;
	text-decoration: none;
	cursor:pointer;
}

.button {
	display:inline-block;
	font-size:18px;
	line-height:22px;
	color:#fff;
	text-decoration:none;
	background:#0043e4;
	padding:7px 20px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
}
	.button:hover {
		text-decoration:none;
		background:#000;
	}


.link {
	text-decoration: underline;
	color:#ee623a;
	font-weight:bold;
}
	.link:hover {text-decoration: none;}


a:visited { color:blue }



.buttons{
        width: 250px;
        margin: 0 auto;
     }
     
    .goodbutton, .goodbutton:visited{
        background: #222 url(images/b_m.png) repeat-x;
	
display: inline-block;

	padding: 2px 10px 2px; 
	color: #433e3e; 
	text-decoration: none;
        border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -moz-border-radius:15px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position:relative;
	cursor: pointer;
    }
    
    .goodbutton:hover							{ background-color: #111; color: #574f4f; }
	.goodbutton:active							{ top: 1px; }
    
    .green.goodbutton, .green.goodbutton:visited		{ background-color: #02a5e6; }
	.green.goodbutton:hover						{ background-color: #039bd7; }






/*********************************header*************************************/
header{
	position:relative;
	z-index:2;
	width:940px;
	margin:0 auto;
	padding-top: 25px;
}

.logo {
	float:left;
	padding:0 !important;
	margin:0 0 0 40px;
}
.logo a {
	position:relative;
	background: url(../images/logo.png) no-repeat 0 0;
	height:49px;
	width:203px;
	overflow:hidden;
	text-indent:-99em;
	display:block;
}


/********************** Navigation ************************/


	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#nav {
		width: 960px;
		margin: 1px -10px ;
		border: 1px solid #222;
		background-color: #111;
		background-image: -moz-linear-gradient(#444, #111); 
		background-image: -webkit-gradient(linear, left top, left 		bottom, from(#444), to(#111));	
		background-image: -webkit-linear-gradient(#444, #111);	
		background-image: -o-linear-gradient(#444, #111);
		background-image: -ms-linear-gradient(#444, #111);
		background-image: linear-gradient(#444, #111);
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	}
	
	#nav:before,
	#nav:after {
		content: "";
		display: table;
	}
	
	#nav:after {
		clear: both;
	}
	
	#nav {
		zoom:1;
	}
	
	#nav li {
		float: left;
		width: 158px;
		border-right: 1px solid #222;
		-moz-box-shadow: 1px 0 0 #444;
		-webkit-box-shadow: 1px 0 0 #444;
		box-shadow: 1px 0 0 #444;
		position: relative;
	}
	
	#nav a {
		float: left;
		padding: 12px 30px;
		color: #ffef42;
		text-transform: uppercase;
		font: bold 12px Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0 1px 0 #000;
	}
	
	#nav li:hover > a {
		color: white;
	}
	
	*html #nav li a:hover { /* Только для IE6 */
		color: #fafafa;
	}
	
	#nav ul {
		margin: 20px 0 0 0;
		_margin: 0; /*Только для IE6*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 38px;
		left: 0;
		z-index: 9999;    
		background: #444;
		background: -moz-linear-gradient(#444, #111);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
		background: -webkit-linear-gradient(#444, #111);    
		background: -o-linear-gradient(#444, #111);	
		background: -ms-linear-gradient(#444, #111);	
		background: linear-gradient(#444, #111);
		-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
		-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	#nav li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#nav ul ul {
		top: 0;
		left: 147px;
		margin: 0 0 0 20px;
		_margin: 0; /*Только для IE6*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#nav ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*Только для IE6*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	
	#nav ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#nav ul a {    
		padding: 10px;
		width: 138px;
		_height: 10px; /*Только для IE6*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	
	#nav ul a:hover {
		background-color: #0186ba;
		background-image: -moz-linear-gradient(#04acec,  #0186ba);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
		background-image: -webkit-linear-gradient(#04acec, #0186ba);
		background-image: -o-linear-gradient(#04acec, #0186ba);
		background-image: -ms-linear-gradient(#04acec, #0186ba);
		background-image: linear-gradient(#04acec, #0186ba);
	}
	
	#nav ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#nav ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;
	}
	
	#nav ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#nav ul li:first-child a:hover:after {
		border-bottom-color: #04acec; 
	}
	
	#nav ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#nav ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}




/********************** Content ************************/

.thumb img  {
    border: 2px solid #55c5e9; /* Рамка вокруг фотографии */
    padding: 15px; /* Расстояние от картинки до рамки */
    background: #013220; /* Цвет фона */
    margin-right: 10px; /* Отступ справа */
    margin-bottom: 10px; /* Отступ снизу */
   }



   .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   }



section#content {
	position:relative; 
	z-index:1;
	padding: 30px 0 0 0;
margin:0 0px 0 0;
}
.col-1 {
	float:left;
	width:250px;
	margin-right: 5px;
	text-align: center;

}

.col-1 img {
	  transition: 0.3s;
	  padding-top: 10px;
	  padding-bottom: 0px;
	  opacity: 1;

}
.col-1 img:hover {
	  padding-top: 0px;
	  padding-bottom: 10px;
	  opacity: 0.85;
}



.col-click {
	float:left;
	width:200px;
	margin:0px 28px 0 0;
	font-size: 14px;
	border-right: solid 2px #000;
	margin-top: 100px;
	padding-top: 40px;
	padding-bottom: 40px;
}

 

.col-news {
	float:left;
	color:#0043e4;
	width:268px;
	margin:0px 28px 0 0;
}
.col-banner {
	float:left;
	width:260px;
	margin:0px 28px 0 0;
}
.col-friends {
	float:left;
	width:400px;
	margin:0 15px 0 0;
}
.col-2 {
	float:left;
	width:268px;
	margin:0px;
}
.col-3 {
	float:left;
	width:260px;
	margin:0 36px 0 0;
	
}
.col-4 {
	float:left;
	width:568px;
}
.col-55 {
	float:left;
	width:148px;
	margin:0 32px 0 0;
	}
.col-5 {
	float:left;
	width:150px;
	margin:0 15px 0 0;
}
.col-555 {
	float:left;
	width:190px;
	margin:0 50px 0 0;
}
.col-6 {
	float:left;
	width:148px;
}
.col-6 {
	float:left;
	width:680px;
	margin:0 0 0 20px;
}
.col-7 {
	float:left;
	width:260px;
	margin:0 40px 20px 0;
}
.col-8 {
	float:left;
	width:562px;
	margin:0 0 60px 0;
}
.col-9 {
	float:left;
	width:580px;
	margin:0 20px 20px 0;
}
.col-10 {
	float:left;
	width:261px;
}
.col-11 {
	float:left;
	width:410px;
	margin:0 40px 0 0;
}
.col-12 {
	float:left;
	width:410px;


}
.col-13 {
	float:left;
	width:550px;
	margin:0 0 0 20px;
}
.col-133 {
	float:left;
	width:560px;
	margin:0 0 0 20px;
}
.col-content {
	float:left;
	width:570px;
	margin:0 0 0 20px;
}
.contnt-slider section {
	background:#fff !important;
}
.relative {
	position:relative;
}
.cs-prev, .cs-next {
	display:block;
	position:absolute;
	bottom:20px;
	width:17px;
	height:25px;
	z-index:99;
}
	.cs-prev {
		background:url(../images/cs-controls.png) no-repeat 0 0;
		right:24px;
	}
	.cs-next {
		background:url(../images/cs-controls.png) no-repeat right 0;
		right:0;
	}
	.cs-prev:hover, .cs-next:hover {
		opacity:0.7;
	}

.gallery-meta {
	overflow:hidden;
	padding:0 0 20px 0;
}
.gallery-name {
	float:left;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	color:#333;
	max-width:70%;
}
	.gallery-name:hover {
		text-decoration:none;
		color:#0043e4;
	}
.capacity {
	float:right;
	max-width:30%;
}
.map_container {
	padding:0 0 20px 0;
}
.map_container iframe {
	width:410px;
	height:376px;
	border:none;
	margin:0;
}
.adress {padding:0 0 40px 0;}
.adress .dt {
	display:block;
	font-weight:normal;
	float:left;
	color:#333;
	letter-spacing:-1px;
	font-size:12px;
	line-height:18px;
	width:180px;
	margin:0 40px 0 0;
	font-size:18px;
	line-height:30px;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
}
.adress .dd {
	font-size:14px;
	line-height:25px;
	color:black;
	overflow:hidden;
}
.adress .dd a {
	color:#fff;
}

/******************** Footer ******************/
footer {
	color:#02a5e6;
	font-size:14px;
	overflow:hidden;
	padding:15px 20px;

		margin:-10px auto;

}
	footer a {
		color:#fff;
	}
	.copyright {
		float:left;
	}


.friends {
		float:left;
	}
		.social-list li {
			float:left;
			margin:0 0 0 10px;
		}
		.social-list li a:hover img {
			opacity:0.8;
		}
		
			.soc-list {
		float:left;
	}
		.soc-list li {
			float:left;
			margin:0 0 0 0px;
		}
		.soc-list li a:hover img {
			opacity:0.8;
		}


	.social-list {
		float:right;
	}
		.social-list li {
			float:left;
			margin:0 0 0 10px;
		}
		.social-list li a:hover img {
			opacity:0.8;
		}
		
			.soc-list {
		float:left;
	}
		.soc-list li {
			float:left;
			margin:0 0 0 0px;
		}
		.soc-list li a:hover img {
			opacity:0.8;
		}
		
.asd{

border:none;
width:100%; /*ширина кнопки*/
height:100%; /*высота кнопки*/
cursor:pointer;
background:transparent url(images/friends.png) no-repeat center ;
}
.asd:hover{
opacity:0.8;

}


a.buttons {
  width: 200px;
  height: 30px;
  text-decoration: none;
  padding-top: 9px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  display: block;
  margin: 20px auto;
  font: normal 17px arial;
  border-radius: 3px;
  opacity: 1;
}

a.buttons:not(.active) {
  box-shadow: inset 0 1px 1px rgba(111, 55, 125, 0.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #25782b;
  background-image: linear-gradient(#9dd34e, #74b418); 
}

a.buttons:not(.active):hover,
a.buttons:not(.active):focus {
  transition: color 200ms linear, text-shadow 500ms linear;
  background-image: linear-gradient(#74b418, #9dd34e); 
  color: #fff; 
  opacity: 0.95;
}
a.buttons:not(:hover) {
    transition: 0.6s;
}