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

@import 'reset.css';
@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic,cyrillic-ext);


body {
	background:url(../images/cream_pixels.png);
	font-family: 'Open Sans', Arial, Tahoma, Verdana, sans-serif;
	color:#2e;
	font-size:14px;
}

a {
	transition-property: color,background,padding,margin,border;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}


.loginblock {
	width: 900px;
	margin:0 auto;
	padding:10px 0;
	font-size:11px;
}

.loginblock h3, .loginblock form, .loginblock .restorepass {
	display:block;
	float:left;
	padding:5px;
}
	
.loginblock a {
	color:#F33;
}

.loginblock form {
	padding:0;
	float:left;}
	
.loginblock form label {
	display:block;
	float:left;
	width:230px;
	margin-right:10px;}

.loginblock form label strong,.loginblock form label input {
	float:left;}
	
.loginblock form label strong {
	display:block;
	padding:5px;}

	
.loginblock form input {
	padding:3px;
	display:block;
	color:#666;
	margin:0 5px;
	float:left;
	border:1px solid #aaa;
}
.inputtext {
	width:150px;
	font-size:11px;
	letter-spacing:1px;
	margin-left:30px}
	
.restorepass {
	background:#FFF;
	margin-left:15px;
}
	
.languages {
	float:right;
	margin-right:0px;}

.languages ul li {
	float:left;
	display:block;
	}
	
.languages ul li a {
	display:block;
	margin:0 0 0 5px;
	color:#444;
	background:#eee;
	padding:4px 6px;
	border:1px solid #ccc;
	border-radius:4px;}
	
.languages ul li a.selected,.languages ul li a:hover {
	color:#ddd;
	background:#333;
	border:1px solid #222;
}

.languages ul li a.selected {
	text-decoration:none;
	cursor:default; }

.container {
	width: 900px;
	min-height:150px;
	background:#fff;
 	outline: none;
    box-shadow: 0 0 10px #777;
    margin:0 auto 20px auto;
}


header {
	background: url(../images/pw_maze_black.png);
	color:#fff;}
	
header a {
	color:#fff;}
	
header a {
	color:#fff;}
	
.topcontacts {
	padding:15px;
	border-bottom:1px solid #444;	}
		
.topcontacts li {
	display:block;
	float:left;
}

.topcontacts li:first-child {
	margin-right:20px;}
	
.topcontacts li.email {
	float:right;
	}
	
.topcontacts li.email a {
	color:#FF3333;
	transition-property: color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
	
.topcontacts li.email a:hover {
	color:#F97339;}

	
a.logo {
	display:block;
	background:url(../images/logo.png) no-repeat;
	padding:0 0 0 200px;
	height:80px;
	margin:40px 0 40px 40px;
	font-size:18px;
	text-decoration:none;}
	
nav {
	background:url(../images/menubg.png);}

nav ul li {
	float:left;}
	
nav ul li, nav ul li a {
	display:block;}
	
nav ul li a {
	padding:16px;
	font-size:15px;
}

nav ul li a:hover {
	background:url(../images/menubg.png);	
}
	
.news {
	background:#f4f4f4;
	border-bottom:1px solid #DADADA;
	}
	
.news li, .news li a {
	display:block;}
	
.news li {
	float:left;}
	
.news li a {
	color:#444;
	padding:10px;
	width:180px;
	border:1px solid #ccc;
	height:55px;
	margin:10px;
	font-size:12px;
	background:#f4f4f4;
	overflow: hidden;
	text-overflow: ellipsis;
	transition-property: background;
    transition-duration: 0.2s;
    transition-timing-function: ease;
	}
.news li a:hover {
	background:#E0E0E0;}
	
.page .content {
	padding:20px;}

.page a {
	color:#FF3333;
}

.page a:hover {
	color:#F97339;	
}

.page a[href$=".xls"],.page a[href$=".xlsx"]
{
  padding-left: 18px;
  background: url(../images/xls-icon.png) no-repeat 0 2px;
  display: inline-block;
}

.page a[href$=".doc"],.page a[href$=".docx"]
{
  padding-left: 18px;
  background: url(../images/doc-icon.png) no-repeat 0 2px;
  display: inline-block;
}

.page a[href$=".pdf"]
{
  padding-left: 18px;
  background: url(../images/pdf-icon.png) no-repeat 0 2px;
  display: inline-block;
}


.about {
	height:255px;
	background:url(../images/crew.png) no-repeat right;
	border-bottom:5px solid #0E0E0E;}
		
.about .content {
	padding:20px 400px 30px 30px;
	line-height:1.3em;}
	
.content h1 {
	font-size:22px;
	line-height:1.5em;
	margin-bottom: 10px;}
	
	
.content h2 {
	font-size:20px;
	line-height:1.5em;}


.formblock {
	background:url(../images/cream_pixels.png);
	padding: 10px;
	border: 1px solid #ddd;
}

.formblock h3 {
	font-size:18px;
	margin-bottom: 5px;
}

.formblock label {
	display: block;
	color: #666;
	padding-bottom: 10px;
}

.formblock input,.formblock textarea  {
	padding: 5px;
	font-family: 'Open Sans', Arial, Tahoma, Verdana, sans-serif;
	color: #555;
	width: 95%;

}

.formblock .submit {
	padding: 10px;
	width: auto;
	background: #333;
	color: #fff;
	border: 0;
	font-size: 16px;
	cursor: pointer;
	margin-bottom: 0;
}
	
.formblock .submit:hover {
	background: #555;	
}
	
.page .content  p {
	margin-bottom:10px;}

.page .content ul {
	margin:10px 0;}

.page .content ul li {
	display:block;
	background:url(../images/bullet.png) no-repeat 0 3px;
	margin:0 0 5px 5px;
	padding:0 0 0 18px;
}
	
a.more {
	display:inline-block;
	padding:8px 12px;
	background:#FF7E7E;
	color:#fff;
	border-radius:3px;
	margin:3px 3px 3px 0;
	transition-property: background,color ;
    transition-duration: 0.2s;
    transition-timing-function: ease;

	}

a.more:hover {
	background:#FF5E5E;
	}
	
.forusers, .fororganisers {
	display:block;
	width:450px;
	float:left;}
	
	
.forusers .content, .fororganisers .content {
	padding:20px 30px ;}

.fororganisers .content {
	border-left:1px solid #ccc;}

.weareinregions {
	border-top:5px solid #0E0E0E;
	border-bottom:5px solid #0E0E0E;}
	
.weareinregions .content {
	padding:0px;
	border-bottom:1px solid #ccc;}

.weareinregions h2 {
	padding:20px;
	display:block;
	border-bottom:1px solid #ccc;}
	

footer {
	background:url(../images/map.png) no-repeat;
	height:370px;}
	
footer .content {
	padding:30px 60px ;
	color:#fff;
	font-size:18px;
	line-height:2em;}
	
footer .content h3 {
	font-size:32px;
	margin:30px 0;}
	
footer .content a {
	color:#F33;
	transition-property: color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
	
	
footer .content a:hover {
	color:#F97339;}

	

.socials {
	display:block;
	margin-top:20px;
	}
	
.socials a {
	display:block;
	float: left;
	height:48px;
	width:48px;
	margin-right:20px;
	text-indent:-9999px;
	border-radius:5px;
	transition-property: box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
	
.socials a:hover {
    box-shadow: 0 0 10px #000;
}
	
.socials a.fb {
	background:url(../images/fb.png);}
.socials a.tw {
	background:url(../images/tw.png);}
.socials a.rs {
	background:url(../images/rs.png);}


	
.logedin span,.logedin li {
	display:block;
	float:left;}

.logedin span {
	padding: 2px;
}


.logedin ul li a {
	display: block;
	float: left;
	padding: 2px 6px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 2px;
	margin: 0 5px;
	color: #666;
	text-decoration: none;
}

.logedin ul li:first-child a {
	margin-left: 10px;
}

.logedin ul li a:hover {
	background: #555;
	border: 1px solid #666;
	color: #fff;	
}

.logedin .logout {
	background: #eee url(../images/logout.png) no-repeat 5px 5px ;
	padding-left: 15px

}

.logedin .logout:hover {
	background: #555 url(../images/logout-hover.png) no-repeat 5px 5px ;

}