/* Reset & Basics -------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/* Basic Styles ---------------------------------------------------------------------- */
html{height:100%}
body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}

/* Typography ------------------------------------------------------------------------ */
h1,h2,h3,h4,h5,h6{margin-bottom:15px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none}
p{margin:0 0 15px}
em,i{font-style:italic}
b,strong,dt{font-weight:700}
big,.big{font-size:110%;line-height:180%}

/* Styles */

body {

	background: url(/images/auda_back.jpg) no-repeat;
	background-size: 100%;

	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif ;
}


a, a:visited, a:focus { text-decoration: none; outline: 0; }
a:hover { text-decoration: none ; }

.main {

	width: 1024px ;
	height: 100% ;
	margin: 0 auto ;
	padding: 0 0 30px ;

}

.logo {
	background:url(/images/altay-logo-ru.png) no-repeat;
	background-size: 100% ;
	width: 200px ;
	height: 150px ;
	margin: 0px auto 25px ;
	position: relative ;
	top: 25px ;
}


.description {
	
}

.descr1 {
	text-align: center ;
	font-size: 20px ;
	font-weight: 400 ;
	margin: 15px ;
	text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px, black 0 0 13px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px ;
	color: white ;
}

.big-title {
	text-align: center ;
	font-size: 50px ;
	font-weight: bold ;
	margin: 0 ;	
	text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px, black 0 0 13px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px ;
	color: yellow ;
}

.descr2 {
	text-align: center ;
	font-size: 20px ;
	font-weight: 400 ;
	margin: 15px ;
	text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px, black 0 0 13px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px ;
	color: white ;
}

.site-list {
	width: 100% ;
	margin: 0 auto ;
	padding: 0 ;
}

.site-list-item1 {
	display: block ;
	float: left ;
	width: 33% ;
}

.site-list-item {
	display: inline-block ;
	float: left ;
	width: 33% ;
}

.circle {
	width: 200px ;
	height: 200px ;
	margin: 30px auto ;
	border-radius: 100px ;
	border: solid 3px #e5f0ec ;
	box-shadow: 0px 0px 20px #000 ;
}

.title{
	background: rgba(255, 255, 255, 0.5);
	padding: 10px ;
	margin: 0 auto ;
	border-radius: 5px ;
	box-shadow: 0px 0px 20px #000 ;
	color: black ;
	text-align: center ;
	width: 75% ;
	font-weight: bold ;
	text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px, black 0 0 13px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px ;
	color: white ;
}

.alpy{
	background: url(/images/aa.jpg) no-repeat ;
	background-size: 100% ;
}

.auda {
	background: url(/images/auda.jpg) no-repeat ;
	background-size: 100% ;
}

.izum {
	background: url(/images/izum.jpg) no-repeat ;
	background-size: 100% ;
}

@media screen and (max-width: 640px) {
	body {
		background: none ;
	}
	.main {
		width: 100% ;
		background: url(/images/auda_back.jpg) ;
		background-size: cover ;
	}
	.site-list-item1 {
		width: 100% ;
	}
	
	.site-list-item {
		width: 100% ;
	}
}

@media screen and (max-width: 360px) {
	body {
		background: none ;
	}
	.main {
		width: 100% ;
		background: url(/images/auda_back.jpg) ;
		background-size: cover ;
	}
	.site-list-item1 {
		width: 100% ;
	}
	
	.site-list-item {
		width: 100% ;
	}
}

@media screen and (max-width: 321px) {
	body {
		background: none ;
	}
	.main {
		width: 100% ;
		background: url(/images/auda_back.jpg) ;
		background-size: cover ;
	}
	.site-list-item1 {
		width: 100% ;
	}
	
	.site-list-item {
		width: 100% ;
	}
}

@media screen and (max-width: 315px) {
	body {
		background: none ;
	}
	.main {
		width: 100% ;
		background: url(/images/auda_back.jpg) ;
		background-size: cover ;
	}
	.main {
		width: 100% ;
	}
	.site-list-item1 {
		width: 100% ;
	}
	
	.site-list-item {
		width: 100% ;
	}
	
	.descr1 {
		font-size: 15px ;
	}
	.big-title {
		font-size: 38px ;
	}
	.descr2 {
		font-size: 15px ;
	}
}

@media screen and (max-width: 220px) {
	body {
		background: none ;
	}
	.main {
		width: 100% ;
		background: url(/images/auda_back.jpg) ;
		background-size: cover ;
	}
	.site-list-item1 {
		width: 100% ;
	}
	.site-list-item {
		width: 100% ;
	}	
	.big-title {
		font-size: 30px ;
	}
	.circle {
		width: 180px;
		height: 180px;
	}
}

/* Clearing -------------------------------------------------------------------------- */
.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}