@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext,latin);

/*
red #ed1b24
blue #47b2e6
*/

#eucookielaw {
	display:none;
/*	margin:10px; */
	padding:10px;
	text-align:center;
	background-color:#378EB9;
}
#removecookie {
	cursor:pointer;
	color:#ceebf8;
}
#removecookie:hover {
	color:#73c4ec;
}

html {
	height:100%;
	font-family: 'Roboto Condensed', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
* {
	outline:none;
}
body {
	font-size: 100%;
	background-color: #47b2e6;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color:#fff;
	width:100%;
}
a { 
	text-decoration: none;
	color:#fff;
}
p {
	text-align:left;
}
img {
	border: 0;
}
h2 {
	font-size:1.4em;
	margin:0px 0px 30px 0px;
	padding:0px;
}
input, select, textarea {
/*	font-family: monospace; */
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	border: 1px solid transparent;
	background-color: #378EB9;
	padding:5px 7px;
	border-radius:9px;
}
input[type=submit] {
	background-color:#ed1b24;
	color:#fff;
	cursor:pointer;
}
input[readonly], select[disabled] {
	background-color:#7DA2B1;
	color:#000;
}
input:hover, select:hover, textarea:hover {
	border-color: #888;
}
hr {height:1px; border:none; color:#000; background-color:#000;}
.pre10 { margin-left: 10px; }
.pre20 { margin-left: 20px; }
.pre100 { margin-left: 100px; }
.central { margin:0 auto; text-align:center; }

.error { color: #ff3333; padding-left:310px; padding-top:20px;}

.red {
	background-color: #ed1b24 !important;
}
.yellow {
	background-color: #FFDC73 !important;
}
.green {
	background-color: #90e877 !important;
}
.black {
	background-color: #0b1b1f !important;
}
.white {
	background-color: #f0f0f0 !important;
}
.gray {
	background-color: #999 !important;
}
.red-border {
	border: 2px solid #ed1b24 !important;
}
.bgcolor {
	background-color: #47b2e6 !important;
}

/* -------- COMMON --------- */
#container {
	width:100%;
}
.error-div {
	font-size:1.2em;
	color:#ed1b24;
	background-color:#F8A9AD;
	margin:60px auto 0px auto;
}
.note-div {
	font-size:1.2em;
	color:#008C00;
	background-color:#73FF73;
	margin:60px auto 0px auto;
}

/* -------- MAIN PAGE --------- */
#logo {
	position:fixed;
	display:block;
	z-index:999;
	top:25px;
	right:20px;
	width:90px;
	height:90px;
	background-image:url(../g/logo_skaldens.png);
	border-radius:50%;
}
#main-title {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	display:block;
	margin:90px auto 60px auto;
	padding-top:80px;
	font-size:.9em;
	letter-spacing:.1em;
	width:200px;
	height:200px;
	background-image:url(../g/logo.png);
/*	background-color:#ed1b24; */
	border-radius:50%;
}
#login, #register {
	margin:70px auto 0px auto;
	width:212px;
}
.intro_text {
	margin:0px auto;
	padding:0px 30px;
	max-width:480px;
}
.intro_text p {
	text-align:justify;
}
#more, #less, #tryit {
	cursor:pointer;
	text-decoration:underline;
}
#tryit {
	display:block;
	width:50px;
	margin:0 auto 30px auto;
}

#copyright {
	font-size: 1em;
	font-weight: 300;
	text-align:center;
	margin:30px auto 40px auto;
}

/* -------- REGISTRATION FORMS --------- */
a.form-button {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	background-color:#ed1b24;
	padding:3px 25px 4px 25px;
	border-radius:9px;
	text-decoration:none !important;
}
#prijav_form table {
	width:580px;
	margin:0px 0px 0px 35px;
    border-spacing: 10px;
    border-collapse: separate;
}
#prijav_form td {
	padding:5px;
	text-align:left;
}
#prijav_form a {
	text-decoration:underline;
}
#prijav_form a:hover {
	color:#333;
}

/* -------- FORGOT FORMS --------- */
form#forgot_form, form#reset_form {
	width:100%;
	text-align:center;
}
#forgot_form > table, #reset_form > table {
	width:580px;
	margin:0 auto;
    border-spacing: 10px;
    border-collapse: separate;
}
#forgot_form td, #reset_form td {
	padding:5px;
	text-align:left;
}
#forgot_form a, #reset_form a {
	text-decoration:underline;
}
#forgot_form a:hover, #reset_form a:hover {
	color:#333;
}
