/* @override http://192.168.1.107/designCMS/css3.css */

@charset "UTF-8";

/* CSS Document */

/* @override http://192.168.1.107/designCMS/css/layout.css */

@charset "UTF-8";


#topbar {
	height: 30px;
	padding-top: 10px;
	font-size: 16px;
	color: #FFF;
	
	background-image: -moz-linear-gradient(top, #374050, #0a0c12);  /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #374050), color-stop(1, #0a0c12)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#374050, #0a0c12); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #374050, #0a0c12);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#374050', EndColorStr='#0a0c12'); /* IE6–IE9 */
    border-bottom: 1px solid #0e2a4a;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

body {
  /* background */
  background-color: #293243;  
  background: url(images/linear_bg_2.png);
  background: -moz-linear-gradient(100% 100% 90deg, #3d4a62, #293243);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d4a62), to(#293243)) fixed;
}

/* // base */

/* login form */

#login {
	margin: 200px auto 0 auto;
	background: #fff;
	width: 440px;
	border-radius: 20px;
	text-align: left;
	position: relative;
	
	-moz-box-shadow: 0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000;
	box-shadow: 0 0 20px #000;
	border: solid 5px #84d0f1;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#login a,
#login a:visited {
	color: #0283b2;
	text-decoration: none;
}

#login a:hover {
	color: #111
}

#login h1 {
	background: #0092c8;
	color: #fff;
	text-shadow: #007dab 1px 0 1px;
	font-size: 14px;
	padding: 20px 25px;
	margin: 0 0 25px 0;
	border: none 5px #000000;
	height: 100%;

	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background-color: #007bad; /*  background: url(images/linear_bg_2.png); */
    background: -moz-linear-gradient(100% 100% 90deg, #007bad, #004d71);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007bad), to(#004d71));
}

#login .register {
	position: absolute;
	float: left;
	margin: 0;
	line-height: 30px;
	top: -40px;
	right: 25px;
	font-size: 11px;
}

#login p {
	margin: .5em 25px
}

#login div {
	margin: 0px 25px;
	padding: 5px 0;
	border-radius: 5px;
	text-align: right;
	position: relative;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#login label {
	float: left;
	line-height: 30px;
	color: #939393;
}

#login .field {
	border: 1px solid #d1d1d1;
	width: 220px;
	font-size: 12px;
	line-height: 1em;
	padding: 4px 15px;
	height: 22px;

    -moz-box-shadow: inset 0 0 10px #9BCCEE;
	-webkit-box-shadow: inset 0 0 10px #9BCCEE;
	box-shadow: inset 0 0 10px #9BCCEE;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
input.field:focus {
  outline-width:0;
}

#login div.submit {
	text-align: right;
	margin: 25px;
	padding: 0;
}

#login div.submit label {
	float: none;
	display: inline;
	font-size: 11px;
	margin-right: 25px;
}

#login button {
	border: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-shadow: #007dab 1px 0 1px;
	background: #0092c8;
	cursor: pointer;
	
	-moz-border-radius: 15px;    /* FF1+ */
    -webkit-border-radius: 15px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 15px;         /* Opera 10.5, IE9, Saf5, Chrome */
    background-color: #84d0f1;
	background-image: -moz-linear-gradient(top, #84d0f1, #00baea); /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #84d0f1), color-stop(1, #00baea)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#84d0f1, #00baea);   /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #84d0f1, #00baea);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#84d0f1', EndColorStr='#00baea'); /* IE6–IE9 */
    width: 125px;
}

#login button:hover {
	-moz-box-shadow: 0 0 2px #700;
	-webkit-box-shadow: 0 0 2px #700;
	box-shadow: 0 0 2px #700;}

#login .forgot {
	text-align: right;
	font-size: 11px;
	margin: 10px 25px;
}

#login .back {
	padding: 1em 0;
	border-top: 1px solid #eee;
	text-align: right;
	font-size: 11px;
}

#login .error {
	float: left;
	position: absolute;
	right: 2px;
	top: 6px;
	background: #bc050e;
	padding: 5px 10px;
	font-size: 11px;
	color: #fff;
	text-shadow: #500 0 1px 0;
	text-align: left;
	white-space: nowrap;
	border: 1px solid #a00000;
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 0 0 3px #700;
	-webkit-box-shadow: 0 0 3px #700;
	box-shadow: 0 0 3px #700;
}

.red {
	color: #a00000;
}

#wrapper {
	margin: 0px auto;
	width: 960px;
	height: 100%;
}
#logo {
	float: left;
}
#logo ul  {
	line-height: 24px;
	border-bottom: 1px solid #b6b6b6;
}
#logo li  {
	margin: 0;
	padding: 5px;
	list-style-type: none;
	list-style-position: outside;
	height: 20px;
	border-top: 1px solid #b6b6b6;
	text-decoration: none;
	text-align: right;
	color: #b6b6b6;
}
#logo li a, ul a{
	color: #4b4b4b;
	text-decoration: none;
}
#logo li:hover{
	background-color: #a8c6fc;
	cursor: pointer;
}

#navigacija {
	width: 170px;
	text-align: left;
	position: relative;
	padding: 15px;
}	
#navigacija, #vsebina {
	background: #fff;
	margin: 25px 0;
	
	-moz-box-shadow: 0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000;
	box-shadow: 0 0 20px #000;
	border: solid 5px #84d0f1;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#vsebina {
	width: 680px;
	float: right;
	padding:  15px;
	text-align: left;
	position: relative;
}
#userinfo {
	width: 200px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px;
}



html {
	overflow-y: scroll
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	line-height: 1.1em;
	color: #939393;
}

h1 {
	font-size: 1.8em;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 1.65em;
	margin-bottom: .5142em;
	padding-top: .2em;
}

h3 {
	font-size: 1.5em;
	margin-bottom: .7em;
	padding-top: .3em;
}

h4 {
	font-size: 1.25em;
	margin-bottom: .6em;
}

h5, h6 {
	font-size: 1em;
	margin-bottom: .5em;
	font-weight: bold;
}

p, blockquote, ul, ol, dl, form, table, pre {
	line-height: inherit;
	margin: 0 0 1.5em 0;
}

ul, ol, dl {
	padding: 0
}

ul ul, ul ol, ol ol, ol ul, dd {
	margin: 0
}

li {
	margin: 0 0 0 2em;
	padding: 0;
	display: list-item;
	list-style-position: outside;
}

blockquote, dd {
	padding: 0 0 0 2em
}

pre, code, samp, kbd, var {
	font: 100% mono-space, monospace
}

pre {
	overflow: auto
}

abbr, acronym {
	text-transform: uppercase;
	border-bottom: 1px dotted #000;
	letter-spacing: 1px;
}

abbr[title], acronym[title] {
	cursor: help
}

small {
	font-size: .9em
}

sup, sub {
	font-size: .8em
}

em, cite,
q {
	font-style: italic
}

img {
	border: none
}

hr {
	display: none
}

table {
	width: 100%;
	border-collapse: collapse;
}

th, caption {
	text-align: left
}

form div {
	margin: .5em 0;
	clear: both;
}

label {
	display: block
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	font-weight: bold
}

input[type="radio"], input[type="checkbox"], .radio, .checkbox {
	margin: 0 0 0 15px;
}

/* //  HTML elements */

/* base */

body, table, input, textarea, select, li, button {
	font: 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.5em;
	color: #444;
}

body {
	font-size: 12px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}