/*================= FONT (OPEN SANS) IMPORT FROM GOOGLE FONTS =================*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext,cyrillic);


/*=============================== COMMON BEGIN ================================*/

* {
	margin:0; 
	padding:0;
}

:focus {
	outline:0;
}

img {
	border: none;
}

html,
body {
	width:100%;
	height:100%;
	-webkit-text-size-adjust: none;
}

body {
	background: #eee; 
	font-family: 'Open Sans',sans-serif; 
	font-size: 13px;
	color: #888;
}

ol,
ul {
	list-style:none;
}


.wrap{ 
	width:100%;
	height:100%;
}

ul{
	display:block;
	width:100%;
	height:100%;
}

ul:after {
	content: ""; 
	display: block; 
	clear: both;
}

ul li{
	display:block;
	width:25%;
	height:100%;
	float:left;
	text-align:center;
	overflow:hidden;
	position:relative;
}

ul li a{
	position:absolute;
	display:block;
	margin-top:-130px;
	top:50%;
	right:0;
	left:0;
	text-decoration:none;
}

ul li img{
	max-width:80%;
	height:auto;
	margin-bottom:20px;
}

ul li span{
	display:block;
	font-size:24px;
	font-weight:300;
	color:#444;
}

#download{
	background-color:#f5ffef;
}
/*#download:hover, #download:focus{
	background-color:#eaffde;
}*/



#register{
	background-color:#fcf6ea;
}
/*#register:hover, #register:focus{
	background-color:#f8ecd5;
}*/


#darkside{
	background-color:#eee;
}
/*#darkside:hover, #darkside:focus{
	background-color:#ddd;
}*/

#constructor{
	background-color:#ecf6ff;
}
/*#constructor:hover, #constructor:focus{
	background-color:#d9edff;
}*/


@media (max-width: 955px) {
	ul li{
		display:block;
		width:100%;
		height:auto;
		float:none;
		text-align:center;
		padding:20px 0;
	}
	
	ul li a{
		position:relative;
		top:0px;
		margin-top:10px;
	}
	
	ul li img{
		max-width:100%;
		height:auto;
		margin:0 0 10px 0;
	}
}