@charset "utf-8";


 @import url('css/html5-reset.css');
 @import url('css/polyglot-language-switcher.css');
@import url('css/flexslider.css');
@import url('css/jquery.fancybox.css');
@import url('css/mediaelementplayer.css');
 @import url('css/shortcodes.css');

* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 1.5em; /* 18px */
	color: #383838;
	/* Fix for webkit rendering */
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
iframe, img, video, audio {
	display: block;
}
/*img,*/ embed, object, video { /* Note: keeping IMG here will cause problems if you're using foreground images as sprites. */
	max-width: 100%;
}
video {
	width: 100%;
	height: auto;
}
ul {
	list-style: none;
}
/* Clearfix */

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
label {
	display: block;
	float: left;
	font-size: 15px;
	color: rgb(51, 51, 51);
	width: 160px;
	font-weight:200;
}
/* tutorial */


.input-text {
	height: 32px;
	padding: 0 10px;
	border: none;
}
.input-width-220 {
	width: 200px;
	background-image: url(img/form-elements/input-220.png);
	background-repeat: no-repeat;
}
.input-width-260 {
	width: 350px;
	background-image: url(img/form-elements/input-260.png);
	background-repeat: no-repeat;
}
.input-submit {
	border: 0;
	cursor: pointer;
}
textarea {
	padding: 10px;
	background: #f9f9f9 url(img/bg-textarea.png) repeat-x 0 0;
	border: 1px solid #b3b3b3;
	resize: none;
}
.textarea-small {
	width: 248px;
	height: 160px;
	border: none;
	background: url(img/form-elements/textarea-small.png);
}
.textarea-big {
	width: 350px;
	height: 163px;
	border: none;
	background-image: url(img/form-elements/textarea-big.png);
	background-repeat: no-repeat;
}
.img-rav img {
	width: 110px;
	
	float: right;
	margin-top: -3px;
	margin-right: 0px;
}

.clanak {
	padding:20px;
	
}
#form-rese
rvation, #form-contact {
	margin-left:20px;
}
#form-reservation p, #form-reservation-sidebar p, #form-contact p {
	position: relative;
}
#form-reservation p.ajax-loader, #form-contact p.ajax-loader {
	display: none;
	position: absolute;
	bottom: 9px;
	left: 500px;
	width: 16px;
	height: 16px;
	background: url(img/loader-2.gif);
}
#form-reservation-sidebar p.ajax-loader {
	display: none;
	position: absolute;
	bottom: 17px;
	left: 240px;
	width: 10px;
	height: 10px;
	background: url(img/loader-3.gif);
}
#form-contact input, #form-reservation input, #form-reservation-sidebar input {
	margin-bottom: 3px;
}
#form-reservation-sidebar .input-submit {
	margin-top: 12px;
	margin-bottom: -7px;
}
#form-contact label, #form-reservation label, #form-reservation-sidebar label, .form-palace label {
	display: block;
	margin-bottom: 5px;
}
label.error {
	float:right;
	margin-right:110px;
	
	
	
}
.banner {
	height: 50px;
    margin-top: 10px;
    margin-bottom: -17px;

	}
.result-error {
	font-weight: bold;
	color: #d22;
}
#submit-result {
	margin-top: 20px;
	display: none;
}
/* ---------------------------------------------------------------------- */
/* Containers
/* ---------------------------------------------------------------------- */
#out {
	width:100%;
	background:#fff;
	border-bottom:solid 7px #222;
}
#ph {
	background:#000;
	width:100%;
	height:100px;
	border-bottom:solid 7px #222;
}
#phin, #wr, #ftin {
	margin:0px auto;
	width:900px;
	text-align:left;
	position:relative;
}
#cnt {
	padding:20px 0px;
}
#ft {
	width:100%;
	text-align:center;
	padding-top:14px;
}
#ft p, #ft a {
	color:#666;
}
table {
}
th, td {
	text-align:left;
	vertical-align:top;
	
}
th {
	background:#dadada;
	font-weight:normal;
}
.tbl_search {
	border-left:solid 1px #ccc;
}
.tbl_search th {
	width:20%;
}
.tbl_search th, .tbl_search td {
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
.tbl_repeat {
	margin-bottom:14px;
}
.tbl_repeat th, .tbl_repeat td {
	padding:3px 10px;
	border-bottom:dashed 1px #dadada;
}
.tbl_repeat tr:hover {
	background:#f9f9f9;
}
.f_fld {
	border:solid 1px #dadada;
	width:250px;
	padding:1px;
}
.sbm, .btn {
	width:118px;
	height:23px;
	cursor:pointer;
	text-indent:-999999em;
	overflow:hidden;
}
.sbm {
	background:url(../images/sbm.png) no-repeat 0px 0px;
	z-index:1;
}
.btn {
	border:none;
	background:transparent;
	text-decoration:none;
	text-align:center;
	z-index:0;
}
.chkbx {
	list-style:none;
}

	

.chkbx li {
	display:block;
	position:relative;
	height:20px;
	width:33%;
	float:left;
}
.chkbx li input {
	position:absolute;
	left:0px;
	top:4px;
}
.chkbx li label {
	position:absolute;
	top:0px;
	left:20px;
}
.col_10 {
	width:10%;
}
.col_15 {
	width:15%;
}
.al_r {
	text-align:right;
}
.fl_r {
	float:right;
}
#outer {
	border-top: 5px solid #383838;
	padding-top: 5px;
	overflow: hidden;
	background-image: url(images/page_bg.png);
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center top;
}
#outertwo {
	border-top: 5px solid #383838;
	padding-top: 5px;
	overflow: hidden;
	background-image: url(images/page_bg2.png);
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center top;
}
.container {
	width: 940px;
	margin: 0 auto;
}
#content {
	margin: 0;
	overflow: hidden;
}
/* ---------------------------------------------------------------------- */
/* Headings
/* ---------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 5px;
}
h1#page-title {
	padding: 25px 0;
	border-bottom: 1px solid #e5e5e5;
}
h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 2.333em; /* 28px */
	line-height: 1.214em; /* 34px/28px */
}
h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 1.5em; /* 18px */
	line-height: 1.133em; /* 24px/18px */
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 1.333em; /* 16px */
	line-height: 1.375em; /* 22px/16px */
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 1.166em; /* 14px */
	line-height: 1.428em; /* 20px/14px */
}
h5 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 200;
	font-size: 15px; /* 13px */
	line-height: 1.461em; /* 19px/13px */
	margin-bottom:2px;
	
}
h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 2.111em; /* 28px */
	line-height: 1.214em; /* 34px/28px */
	color: #666;
	padding-bottom:5px;
}
/* ---------------------------------------------------------------------- */
/* Links
/* ---------------------------------------------------------------------- */
a, a > * {
	text-decoration: none;
}
a, a > *, .button, .jcarousel-next, .jcarousel-prev {
	-webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-moz-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
}
a:hover, a > * {
	color: #e83232;
}
/* ---------------------------------------------------------------------- */
/* Text & Content Blocks
/* ---------------------------------------------------------------------- */
p {
	margin-bottom: 20px;
}
section, #page-header, #sidebar {
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.tip, caption, .caption {
	color: #999;
	font-size: 0.916em; /* 11px */
	font-style: italic;
}
.grey-text {
	color: #999;
}
.invisible {
	display: none !important;
}
hr {
	background-color: #e5e5e5;
	color: #e5e5e5;
	border: none;
	height: 1px;
	clear: both;
	margin: 30px 0;
}
mark {
	font-style: normal;
	font-weight: normal;
}
.intro {
	font-weight: 600;
	font-size: 1.083em; /* 13px */
}
.note {
	color: #4571c5;
}
.bjelitext {
	color: #FFF;
}
.notered {
	color: #e83232;
}
/* ---------------------------------------------------------------------- */
/* Header
/* ---------------------------------------------------------------------- */
#header-top {
	margin-bottom: 30px;
}
/* Logo & Tagline */

#logo {
	font: 2.666em/1em 'Metrophobic', sans-serif; /* 32px */
	float: left;
	text-transform: lowercase;
	margin-right: 15px;
	margin-bottom: 0;
	margin-top:10px;
}
#logo a {
	display: block;
	color: #383838;
}
#tagline {
	float: left;
	margin-top: 11px;
	margin-bottom: 0;
	color: #888;
}
/* Contact Info */
/* Content Form */

.content-form p {
    margin-bottom: 10px;
}

.content-form input, .content-form textarea, .content-form select {
	background-color: #f7f7f7;	
	border: 1px solid #e5e5e5;
	padding: 6px 10px;
	border-radius: 0;
}

.content-form input:hover, .content-form textarea:hover, .content-form select:hover {
	border-color: #d9d9d9;
}

.content-form input:focus, .content-form textarea:focus, .content-form select:focus {
	border-color: #ccc;
}


.content-form label, .content-form input, .content-form textarea, .content-form select {
    margin-bottom: 5px;
}

.content-form label {
	display: block;
	clear: both;
}

.content-form .error {
	color: #f25824;
}



.content-form input[type="file"] {
    padding: 0;
    border: none;
}

/* Comment Form */

#comment-form p {
    margin-bottom: 10px;
}

#comment-form input, #comment-form textarea {
	background-color: #f7f7f7;	
	border: 1px solid #e5e5e5;
	padding: 6px 10px;
	border-radius: 0;
}

#comment-form input:hover, #comment-form textarea:hover {
	border-color: #d9d9d9;
}

#comment-form input:focus, #comment-form textarea:focus {
	border-color: #ccc;
}

#comment-form input {
	width: 50%; 
}

#comment-form label, #comment-form input, #comment-form textarea {
    margin-bottom: 5px;
}

#comment-form label {
	display: block;
	clear: both;
}

#comment-form .error {
	color: #f25824;
}

#comment-form textarea {
	width: 60%;
	height: 160px;
}

#header .contact-info {
	float: right;
	margin-top: 11px;
}
#header .contact-info p {
	float: right;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 20px;
	margin-bottom: 0;
}
#header .contact-info .email {
	background-image: url(images/contact/mail.png);
	padding-left: 21px;
}
#header .contact-info .phone {
	background-image: url(images/contact/phone.png);
	padding-left: 22px;
}
/* ---------------------------------------------------------------------- */
/* Navigation Bar
/* ---------------------------------------------------------------------- */
#navbar {
	border: 1px solid #e5e5e5;
	margin-bottom: 15px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); /* IE6-9 */
 border-right:none;
}
/* Navigation */

#nav {
	float: left;
	height: 3.166em; /* 38px */
	position: relative;
	top: -1px;
	left: -1px;
}
/* Navigation List */

ul#navlist li {
	float: left;
	min-width: 9.426em; /* 104px */
}
ul#navlist li a {
	display: block;
	font-weight: bold;
	padding: 10px 20px;
	text-align: center;
	color: #383838;
	border: 1px solid #e5e5e5;
	border-left: none;
	box-shadow: 1px 0 rgba(255,255,255,0.75);
	-webkit-box-shadow: 1px 0 rgba(255,255,255,0.75);
}
ul#navlist li:first-child a {
	border-left: 1px solid #e5e5e5;
}
ul#navlist li.current a, ul#navlist li a:hover, ul#navlist li a.selected {
	color: #fff;
}
ul#navlist li a:hover, ul#navlist li a.selected {
	background-color: #383838 !important;
	border-color: #383838 !important;
}
/* Drop-Down Menus */

.ddsubmenustyle, .ddsubmenustyle div {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index: 100;
}
.ddsubmenustyle > ul {
	top: -1px !important;
}
.ddsubmenustyle ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 198px;
}
.ddsubmenustyle li a {
	display: block;
	color: #fff;
	background-color: #383838;
	padding: 8px 15px;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #262626;
}
.ddsubmenustyle > ul > li:first-child a {
	border-top: none;
}
/* Neutral CSS */

.ddiframeshim {
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}
/* Tiny Nav */

.tinynav {
	display: none;
	height: 2.333em; /* 28px */
	padding: 0.416em 10px; /* 5px 10px */
	margin: 0.416em 14px; /* 5px 14px */
	background-color: #e5e5e5;
	border: none;
}
.tinynav option {
	padding: 5px 10px;
}
/* ---------------------------------------------------------------------- */
/* Forms
/* ---------------------------------------------------------------------- */


/* Fix for Mobile Safari */
input[type="checkbox"] {
	-webkit-appearance: checkbox;
}
input[type="radio"] {
	-webkit-appearance: radio;
}
input {
	line-height: normal;
}
textarea {
	overflow: auto; /* removes scrollbar in IE */
}
input[type="submit"] {
	width: auto;
}

::-webkit-input-placeholder { /* Chrome, Safari */
 color: #999;
}

/* Firefox */
:-moz-placeholder {
 color: #999;
}

::-moz-focus-inner { /* removes the extra padding and dotted border on buttons in Firefox */
 padding: 0;
 border: none;
}
/* Search Form */

#search-form {
	float: right;
	position: relative;
	margin: 5px 0px 5px 20px;
}
/* Initial */ 

#s {
	position: absolute;
	top: 0;
	right: 0;
	width: 144px;
	height: 1.333em; /* 16px */
	padding: 0.5em 36px 0.5em 10px; /* 6px 36px 6px 10px */
	border: none;
	background-color: #e5e5e5;
}
 #s::-webkit-input-placeholder { /* Chrome, Safari */
 color: #888;
}
 #s:-moz-placeholder { /* Firefox */
 color: #888;
}
#search-submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 2.333em; /* 28px */
	background: url(images/search.png) no-repeat center center;
	border: none;
	text-indent: -10000em;
	background-color: #e5e5e5;
	cursor: pointer;
}
/* Newsletter Form */

#newsletter-wrap {
	padding-top: 25px;
	border-top: 1px solid #e5e5e5;
}
#newsletter-form input#newsletter {
	float: left;
	width: 74.347%; /* 342px/460px */
	margin-right: 10px;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#newsletter-form input.button {
	float: right;
	margin-right: 0;
	margin-bottom: 5px;
}
#newsletter-wrap .tip {
	margin-top: 7px;
}
/* Content Form */

.content-form p {
	margin-bottom: 10px;
}
.content-form input:hover, .content-form textarea:hover, .content-form select:hover {
	border-color: #d9d9d9;
}
.content-form input:focus, .content-form textarea:focus, .content-form select:focus {
	border-color: #F00;
}
.content-form label, .content-form input, .content-form textarea, .content-form select {
	margin-bottom: 5px;
}
.content-form label {
	display: block;
	clear: both;
}
.content-form .error {
	color: #e83232;
}

.content-form input[type="file"] {
	padding: 0;
	border: none;
}
/* Comment Form */

#comment-form p {
	margin-bottom: 10px;
}
#comment-form input, #comment-form textarea {
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	padding: 6px 10px;
	border-radius: 0;
}
#comment-form input:hover, #comment-form textarea:hover {
	border-color: #d9d9d9;
}
#comment-form input:focus, #comment-form textarea:focus {
	border-color: #ccc;
}
#comment-form input {
	width: 50%;
}
#comment-form label, #comment-form input, #comment-form textarea {
	margin-bottom: 5px;
}
#comment-form label {
	display: block;
	clear: both;
}
#comment-form .error {
	color: #e83232;
}
#comment-form textarea {
	width: 60%;
	height: 160px;
}
/* ---------------------------------------------------------------------- */
/* Homepage
/* ---------------------------------------------------------------------- */
#slider-home {
	margin-bottom: 15px;
}
/* ---------------------------------------------------------------------- */
/* Icon Boxes
/* ---------------------------------------------------------------------- */
.iconbox {
	text-align: center;
	margin-bottom: 20px;
}
.iconbox-icon {
	display: block;
	height: 48px;
	margin: 0 auto 20px;
	background-repeat: no-repeat;
	background-position: left top;
}
.iconbox.computer .iconbox-icon {
	background-image: url(images/icon-boxes/computer.png);
	width: 52px;
}
.iconbox.mouse .iconbox-icon {
	background-image: url(images/icon-boxes/mouse.png);
	width: 33px;
}
.iconbox.applications .iconbox-icon {
	background-image: url(images/icon-boxes/applications.png);
	width: 58px;
}
.iconbox.cog .iconbox-icon {
	background-image: url(images/icon-boxes/cog.png);
	width: 48px;
}
.iconbox.globe .iconbox-icon {
	background-image: url(images/icon-boxes/globe.png);
	width: 36px;
}
.iconbox.write .iconbox-icon {
	background-image: url(images/icon-boxes/write.png);
	width: 48px;
}
.iconbox.address-book .iconbox-icon {
	background-image: url(images/icon-boxes/address-book.png);
	width: 40px;
}
.iconbox.chemical .iconbox-icon {
	background-image: url(images/icon-boxes/chemical.png);
	width: 28px;
}
/* ---------------------------------------------------------------------- */
/* Carousel
/* ---------------------------------------------------------------------- */
h2 span.more {
	font-weight: normal;
	font-size: 0.666em; /* 12px/18px */
	line-height: 1.5em; /* 18px/12px */
}
h2 span.more a {
	font-style: italic;
}
.jcarousel-container {
	max-width: 100%;
	padding-top: 25px;
	border-top: 1px solid #e5e5e5;
}
.jcarousel-clip {
	overflow: hidden;
	width: 100%;
}
.iconbox-carousel > li, .project-carousel > li, .post-carousel > li {
	float: left;
	width: 200px;
	margin-right: 20px;
}
.jcarousel-prev, .jcarousel-next {
	position: absolute;
	top: -35px;
	width: 19px;
	height: 19px;
	cursor: pointer;
	background-color: #bfbfbf;
	background-image: url(images/carousel-arrows.png);
	background-repeat: no-repeat;
}
.jcarousel-prev {
	right: 20px;
	background-position: 7px 5px;
}
.jcarousel-next {
	right: 0;
	background-position: -18px 5px;
}
.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus, .jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus {
	background-color: #d9d9d9 !important;
	cursor: default;
}
/* ---------------------------------------------------------------------- */
/* Portfolio & Blog
/* ---------------------------------------------------------------------- */
.entry-image, .entry-video, .entry-audio, .entry-slider {
}
.entry-image > a, .entry-slider > ul > li > a {
	display: block;
	position: relative; /* sets the initial position for the overlay */
}
.entry-image, .entry-slider > ul > li {
	background-color: #fff;
}
.entry-image {
	display: inline-block;
}
.entry-image, .entry-image img, .entry-slider, .entry-slider img {
	max-width: 100%;
}
.entry-title a {
	color: #383838;
}
/* Overlay */

.entry-image > a .overlay, .entry-slider > ul > li > a .overlay {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 0; /* for Opera */
}
.entry-image > a:hover .overlay, .entry-slider > ul > li > a:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 1; /* for Opera */
}
.overlay {
	display: block;
	background-color: rgba(0,0,0,0.3);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.overlay.zoom {
	background-image: url(images/overlay-zoom.png);
}
.overlay.link {
	background-image: url(images/overlay-link.png);
}



/* Entry Slider */

.entry-slider {
	position: relative; /* sets the initial position for the entry slider arrows */
}
.entry-slider-nav a {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	width: 23px;
	height: 27px;
	cursor: pointer;
	background-image: url(images/slider/arrows.png);
	background-repeat: no-repeat;
	z-index: 10;
	text-indent: -10000em;
}
.entry-slider-nav a.prev {
	left: 0;
	background-position: 8px 7px;
}
.entry-slider-nav a.next {
	right: 0;
	background-position: -19px 7px;
}
.entry-slider-nav a.disabled:link, .entry-slider-nav a.disabled:visited, .entry-slider-nav a.disabled:hover, .entry-slider-nav a.disabled:active {
	background-color: rgba(0,0,0,0.6);
	cursor: default;
}
/* ---------------------------------------------------------------------- */
/* Portfolio
/* ---------------------------------------------------------------------- */
.project-carousel > li {
	text-align: center;
}
/* Portfolio Gallery */

ul.portfolio-grid {
	margin-right: -20px;
}
ul.portfolio-grid > li {
	margin-bottom: 20px;
	text-align: center;
}
ul.portfolio-grid > li.one-fourth {
	float: left;
	width: 220px;
	height: 223px;
	margin-right: 20px;
}
/* Filter */

#filter {
	margin-bottom: 40px;
}
#filter > span {
	margin: 5px 10px 5px 0;
}
#filter ul, #filter li {
	display: inline-block;
}
#filter li {
	margin: 5px 5px 5px 0;
}
#filter li, #filter > span {
	vertical-align: middle;
}
#filter a {
	display: block;
	line-height: normal;
	color: #383838;
	background-color: #e5e5e5;
	padding: 5px 10px;
}
#filter a:hover, #filter li.active a {
	color: #fff;
}
/* ---------------------------------------------------------------------- */
/* Blog
/* ---------------------------------------------------------------------- */
.post-carousel .entry-meta {
	width: 40px;
	margin-right: 10px;
}
.entry-meta {
	width: 100px;
	margin-right: 20px;
	float: left;
	font-size: 0.916em; /* 11px */
	line-height: 1.272em; /* 14px/11px */
	color: #888;
}
.entry-meta .title {
	font-weight: bold;
	font-style: normal;
}
.entry-meta .title {
	color: #383838;
}
a.post-format-wrap, .entry-meta > span {
	display: block;
}
.entry-meta > span {
	margin-bottom: 5px;
	font-style: italic;
}
.post-format {
	display: block;
	width: 36px;
	height: 36px;
	margin-bottom: 10px !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #bfbfbf;
	text-indent: -10000em;
}
.post-format.standard {
	background-image: url(images/blog/post-standard.png);
}
.post-format.image {
	background-image: url(images/blog/post-image.png);
}
.post-format.gallery {
	background-image: url(images/blog/post-gallery.png);
}
.post-format.video {
	background-image: url(images/blog/post-video.png);
}
.post-format.audio {
	background-image: url(images/blog/post-audio.png);
}
.post-format.quote {
	background-image: url(images/blog/post-quote.png);
}
.post-format.link {
	background-image: url(images/blog/post-link.png);
}
.post-format.aside {
	background-image: url(images/blog/post-aside.png);
}
.entry-body {
	overflow: hidden;
}
.blog-entry-list .entry {
	border-top: 1px solid #e5e5e5;
	padding-top: 40px;
}
.blog-entry-list .entry:first-child {
	border: none;
	padding: 0;
}
.blog-entry-list .entry, .blog-entry-single .entry {
	margin-bottom: 20px;
}
.hide {
	display:none;
}
/* Comments */

#comments {
	padding-top: 40px;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
/* Comments Header */

#comments h3 {
	margin-bottom: 20px;
}
/* Comment List */

ol.comment-list, ol.children {
	list-style: none;
}
#comment-1 {
	border-top: none;
}
li.comment .comment-wrap {
	padding: 20px 0;
	border-top: 1px dotted #ccc;
}
li.comment ol.children {
	margin-left: 65px;
}
/* Comment List Content */

ol.comment-list .avatar-wrap {
	float: left;
	margin-right: 15px;
}
ol.comment-list .avatar-wrap a.comment-edit-link {
	display: block;
	margin-top: 10px;
	text-align: center;
	font-style: italic;
}
ol.comment-list .comment-details {
	overflow: hidden;
}
ol.comment-list .comment-author {
	font-weight: bold;
}
ol.comment-list .comment-author a {
	color: #383838;
}
ol.comment-list .comment-meta {
	margin-bottom: 15px;
	color: #888;
	font-style: italic;
}
ol.comment-list .comment-reply-link {
	font-style: italic;
}
/* Respond (Leave a Comment) */

#respond {
	padding-top: 40px;
	border-top: 1px solid #e5e5e5;
}
#reply-title small {
	float: right;
	margin-top: 2px;
	font-size: 0.75em; /* 12px/16px */
	line-height: 1.5em; /* 18px/12px */
	font-weight: normal;
	font-style: italic;
}
/* ---------------------------------------------------------------------- */
/* Columns
/* ---------------------------------------------------------------------- */
.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {
	display: inline;
	float: left;
}
.one-half {
	width: 50%;
	max-width: 470px;
}
.one-third {
	width: 28%;
	max-width: 300px;
}
.one-fourth {
	width: 23.5%;
	max-width: 220px;
}
.two-thirds {
	width: 68%;
	max-width: 690px;
	margin-right:37px;
}


.three-fourths {
	width: 74.5%;
	max-width: 700px;
}
.column-last {
	margin-right: 0 !important;
}
/* ---------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------- */
#footer {
	color: #999;
	background-color: #383838;
	border-top: 5px solid #e5e5e5;
	margin-top: 30px;
}
#footer h2, #footer h3 {
	color: #e5e5e5;
}
#footer h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #4c4c4c;
	margin-bottom: 25px;
}
#footer-top {
	overflow: hidden;
	margin-top:30px;
}
#footer-top a:hover {
	color: #e5e5e5;
}
#footer-bottom {
	overflow: hidden;
	padding: 25px 0;
	border-top: 1px solid #4c4c4c;
	font-size: 0.916em; /* 11px */
}
#footer-bottom a {
	color: #bfbfbf;
}
#footer-bottom p {
	margin: 0;
}
#footer-nav ul {
	text-align: right;
}
#footer-nav ul li {
	display: inline;
}
/* ---------------------------------------------------------------------- */
/* Widgets
/* ---------------------------------------------------------------------- */
.widget {
	margin-bottom: 20px;
}
#sidebar .widget {
	margin-bottom: 30px;
}
/* Latest Posts */

.latest-posts li {

	padding-left: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-style:solid;
    border-left: 2px solid #e83232;
	
	
}
.latest-posts li:hover {

	
    border-left: 2px solid #4773c5;
	
	
}

.latest-posts li > a {
	display: block;
}
.latest-posts li > span {
	display: block;
	font-size: 0.916em; /* 11px */
	margin-top: 5px;
	font-style: italic;
}
/* Twitter */

.twitter-widget ul li {
	background: url(images/footer/twitter-bullet-footer.png) no-repeat left 0.333em; /* 4px */
	padding-left: 26px;
	margin-bottom: 20px;
	word-wrap: break-word; /* for Chrome */
}
.twitter-widget ul li > span {
	display: block;
}
.tweet_time {
	font-size: 0.916em; /* 11px */
	margin-top: 5px;
	font-style: italic;
}
#footer-top .tweet_time a {
	color: #bfbfbf;
}
/* Flickr */

.flickr-widget ul {
	margin-right: -5px;
}
.flickr-widget ul li {
	float: left;
	margin: 0 5px 5px 0;
}
.flickr-widget ul img {
	width: 70px;
	height: 70px;
}
/* Contact Info */

.contact-info p {
	background-repeat: no-repeat;
	padding-left: 23px;
	margin-bottom: 15px;
}
.contact-info .address {
	background-image: url(images/contact/home.png);
	background-position: left 0.083em; /* 1px */
}
#footer .contact-info .address {
	background-image: url(images/footer/contact/home-footer.png);
}
.contact-info .phone {
	background-image: url(images/contact/phone.png);
	background-position: left 0.083em; /* 1px */
}
#footer .contact-info .phone {
	background-image: url(images/footer/contact/phone-footer.png);
}
.contact-info .email {
	background-image: url(images/contact/mail.png);
	background-position: left 0.25em; /* 3px */
}
#footer .contact-info .email {
	background-image: url(images/footer/contact/mail-footer.png);
}
.contact-info .business-hours {
	background-image: url(images/contact/clock.png);
	background-position: left 1px;
}
.contact-info .social-links {
	margin-top: 20px;
}
/* Social Links */

.social-links ul {
	overflow: hidden;
	margin-right: -6px;
}
.social-links li {
	float: left;
	margin: 0 6px 6px 0;
}
.social-links a {
	display: block;
	width: 24px;
	height: 24px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}
.social-links li.twitter a {
	background-image: url(images/social-media/twitter-circular.png);
}
.social-links li.facebook a {
	background-image: url(images/social-media/facebook-circular.png);
}
.social-links li.google a {
	background-image: url(images/social-media/google-circular.png);
}
.social-links li.youtube a {
	background-image: url(images/social-media/youtube-circular.png);
}
.social-links li.skype a {
	background-image: url(images/social-media/skype-circular.png);
}
.social-links li.rss a {
	background-image: url(images/social-media/rss-circular.png);
}
/* Menu with Separators */

.widget ul.menu li {
	border-bottom: 1px dotted #ccc;
}
.widget ul.menu li > a {
	display: block;
	color: #383838;
	padding: 6px 0 5px 20px;
	background: url(images/bullets-and-arrows/arrow-right.png) no-repeat left 0.833em; /* 10px */
}
.widget ul.menu li > a:hover{
	display: block;
	color: #383838;
	padding: 6px 0 5px 20px;
	background: url(images/bullets-and-arrows/arrow-right2.png) no-repeat left 0.833em; /* 10px */
}
.widget ul.menu li > a:hover, .widget ul.menu li.current-menu-item > a,
.entry-title2 a:hover {
	color:#e83232;
	background: url(images/bullets-and-arrows/arrow-right2.png) no-repeat left 0.833em; /* 10px */
}
ul.tags li {
	float: left;
	margin: 0 5px 5px 0;
}
ul.tags a {
	display: block;
	background-color: #e5e5e5;
	color: #383838;
	padding: 5px 10px;
}
ul.tags a:hover {
	color: #fff;
}
/* ---------------------------------------------------------------------- */
/* Scroll to Top
/* ---------------------------------------------------------------------- */
#toTop, #toTopHover {
	background-image: url(images/scroll-top.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	overflow: hidden;
	bottom: 30px;
	right: 20px;
	text-indent: -10000em;
	position: fixed;
}
#toTop {
	display: none;
	background-color: #999;
}
#toTopHover {
	display: block;
	opacity: 0;
}
#toTop:active, #toTop:focus {
	outline: none;
}
/* ---------------------------------------------------------------------- */
/* Error Page
/* ---------------------------------------------------------------------- */
.error-page #page-title {
	background: url(images/alert-56.png) no-repeat left center;
	padding-left: 66px;
}
/* ---------------------------------------------------------------------- */
/* Search Results
/* ---------------------------------------------------------------------- */
ul#search-results li {
	border-top: 1px dotted #ccc;
	padding: 20px 0;
}
ul#search-results li:first-child {
	border: none;
	padding-top: 0;
}
ul#search-results h2 {
	margin-bottom: 5px;
}
ul#search-results h2 a, ul#search-results h2 a strong {
	color: #383838;
}
ul#search-results p {
	margin: 0;
}

/* ---------------------------------------------------------------------- */
/* Tables
/* ---------------------------------------------------------------------- */

/* Generic Table */

.gen-table {
	margin-bottom:14px;
	border-top:solid 4px #ccc;
}
.gen-table caption {
	margin-bottom: 10px;
}
.gen-table th {
	font-weight: bold;
}
.gen-table th, .gen-table td {
	padding: 5px;
	text-align: left;
	border: 1px solid #e5e5e5;
	vertical-align: top;
}
.gen-table .empty-left-top {
	background-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}
.gen-table .empty-left-bottom {
	background-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
}
.gen-table td.top-left {
	text-align: left;
	vertical-align: top;
}
.gen-table thead th {
	font-size: 1.166em; /* 14px */
}
.gen-table thead th, .gen-table tfoot td {
	background-color: #f0f0f0;
	border-color: #d9d9d9;
}
.gen-table tbody th, .gen-table tr.odd th, .gen-table tr.odd td {
	background-color: #F3F3F3;
}
.gen-table tfoot td {
	font-style: italic;
	font-size: 0.916em; /* 11px */
}
.gen-table tfoot .button {
	font-style: normal;
	font-size: 1.09em; /* 12px/11px */
	margin: 5px 0;
}
.gen-table span.check {
	display: inline-block;
	background: url(images/check-green.png) no-repeat left top;
	width: 18px;
	height: 14px;
}
.gen-table tfoot + tbody tr.row-last th, .gen-table tfoot + tbody tr.row-last td {
	border-bottom-color: #d9d9d9;
}
/* Pricing Table */

.pricing-table span.title {
	display: block;
	font-size: 1.714em; /* 24px/14px */
	line-height: 1.25em; /* 30px/24px */
}
.pricing-table th, .pricing-table td {
	padding: 10px 15px;
}
.pricing-table span.price {
	display: block;
	line-height: 2.571em; /* 36px/14px */
}
.pricing-table span.price span {
	font-weight: 600;
	font-size: 1.428em; /* 20px/14px */
	color: #669900;
}
.pricing-table span.price sup {
	font-weight: normal;
}
.pricing-table tbody tr:hover td {
	background-color: #fff;
}
.pricing-table tbody tr:hover th, .pricing-table tbody tr:hover td {
	background-color: #fff !important;
}
.pricing-table tbody tr:hover th, .pricing-table tr.odd:hover th, .pricing-table tr.odd:hover td {
	background-color: #f7f7f7 !important;
}
/* Pricing Boxes */

.pricing-box {
	margin-bottom: 20px;
	text-align: center;
}
.pricing-box .header, .pricing-box .footer {
	background-color: #f0f0f0;
	border: 1px solid #d9d9d9;
}
.pricing-box .footer {
	padding: 10px 15px;
}
.pricing-box ul.features {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-top: none;
	border-bottom: none;
	padding: 10px 15px;
}
.pricing-box ul.features li {
	border-top: 1px solid #e5e5e5;
	padding: 5px 0;
}
.pricing-box ul.features li:first-child {
	border: none;
}
.pricing-box .button {
	margin: 5px 0;
}
.pricing-box .title {
	font-weight: bold;
	font-size: 1.5em; /* 18px */
	line-height: 1.333em; /* 24px/18px */
	background-color: #d9d9d9;
	padding: 5px 15px;
	margin: 0;
}
.pricing-box .price {
	line-height: normal;
	padding: 10px 15px;
	margin: 0;
	border-top: 1px solid rgba(255,255,255,0.4);
}
.pricing-box .price span {
	font-weight: 600;
	font-size: 2.142em; /* 30px/14px */
	color: #669900;
}
.pricing-box .price sup {
	font-weight: normal;
}
.pricing-box.featured .title, .pricing-box.featured .price span, .pricing-box.featured .price sup {
	color: #fff;
}
.pricing-box.featured .price {
	border-top: 1px solid rgba(255,255,255,0.1);
}
/* ---------------------------------------------------------------------- */
/* About Us
/* ---------------------------------------------------------------------- */
.team {
	margin-right: -20px;
}
.team-member {
	text-align: center;
	margin-bottom: 20px;
	
}
.team-member.one-third {
	width: 220px;
	margin-right: 40px;
	margin-left: 40px;
}
.team-member .photo {
	max-width: 100%;
	margin: 0 auto 15px;
	padding:5px; border:1px solid #ebebeb;-moz-box-shadow:0 1px 5px #ccc;-webkit-box-shadow:0 1px 5px #ccc; box-shadow:0px 1px 5px #ccc;  background:transparent url('../images/caption_bg.png') repeat-x bottom; background-color:#FFF;
}
.team-member .name {
	margin-bottom: 5px;
}
.team-member span.job-title {
	display: block;
	margin-bottom: 10px;
	color: #999;
}
/* Social Links */

.team-member .social-links {
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
}
.team-member .social-links li {
	display: inline-block;
	float: none;
	margin: 0 15px 15px 0;
	vertical-align: middle;
}
.team-member .social-links a {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -10000em;
	height: 16px;
}
.team-member .social-links li.twitter a {
	width: 20px;
	background-image: url(images/social-media/twitter.png);
}
.team-member .social-links li.facebook a {
	width: 16px;
	background-image: url(images/social-media/facebook.png);
}
.team-member .social-links li.linkedin a {
	width: 16px;
	background-image: url(images/social-media/linkedin.png);
}
.team-member .social-links li.googleplus a {
	width: 16px;
	background-image: url(images/social-media/googleplus.png);
}
.team-member .social-links li.skype a {
	width: 16px;
	background-image: url(images/social-media/skype.png);
}
.team-member .social-links li.email a {
	width: 15px;
	background-image: url(images/social-media/email.png);
}

/* ---------------------------------------------------------------------- */
/* Media Queries 
/* ---------------------------------------------------------------------- */







.natjecajimini {
	width: 100%;
	max-width: 299px;
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
}
.login {
	float:right;
	
}
.titleleft {
	width:87%;
	height:100px;
	text-align:right;
	font-size:25px;
	padding-top:30px;

}
.titleright {
	width:89%;
	height:100px;
	text-align:left;
	font-size:25px;
	padding-top:30px;
	
	float:right;
	color: #4571c5;
}
.loginleft {
	width:40%;
	float:right;
	font-size:15px;
	background-image:url(images/test/transparent.png);
	margin-right:10px;
}
.loginlright {
	width:40%;
	float:left;
	font-size:15px;
	margin-left: 30px;
	background-image:url(images/test/transparent.png);
}

.loginlright a:hover {
	color: #4773c5;
	
}
/* jquery */
.jquery h1 {
	font: bold 280%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 30px 0 0;
	color: #464646;
}
.jquery h1 span {
	background: url(images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}
.jquery p {
	margin: 10px 0 50px;
}
/* full example */
.full .leadin {
	background: url(images/leadin.jpg) no-repeat;
	padding: 140px 0 0 50px;
	height: 140px;
	overflow: hidden;
}
.full h1 {
	font: normal 340%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0;
	color: #fff;
	width: 390px;
}
.full h1 span {
	background: url(images/gradient-dark.png) repeat-x;
	position: absolute;
	bottom: -0.1em;
	display: block;
	width: 100%;
	height: 29px;
}
.full h2 {
	font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
	margin: 10px 0 0;
	color: #b7b7b7;
}
.full .content {
	background: #e8e8e8 url(images/content.gif) repeat-x;
	padding: 30px 30px 10px;
	border: solid 1px #ccc;
	border-top: none;
}
.full h3 {
	font: normal 210%/100% Arial, sans-serif;
	position: relative;
	margin: 0;
	color: #464646;
}
.full h3 span {
	background: url(images/gradient-full.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 21px;
}
.full p {
	margin: 10px 0 25px;
}
.mainleft {
	width:100%;
	height:250px;
	background-image: url(images/test/business_people_02.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom:30px;
}
.mainright {
	width:100%;
	height:250px;
	background-image: url(images/test/business_people_03.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom:30px;
}
#outertwo .container .two-thirds .related-posts form tr td .textSize_6px .greyColor {
	font-size: 9px;
}
.bionavigacija {
	width:193px;
	height:100px;
	float:left;
	margin-right:26px;
	background-image:url(images/neactivan.png);
	padding-left:4px;
	padding-top:2px;
	background-repeat:no-repeat;
	color:#838383;
	text-align:center;
	cursor: pointer;
	
	
	
}
.bionavigacijazadnja {
	width:189px;
	height:100px;
	float:left;
	background-image:url(images/neactivan.png);
	padding-left:4px;
	padding-top:2px;
	background-repeat:no-repeat;
	color:#838383;
	text-align:center;
	cursor: pointer;
}
.bionavigacijazadnjaactiv {
	width:189px;
	height:100px;
	float:left;
	background-image:url(images/activnav.png);
	padding-left:4px;
	padding-top:2px;
	background-repeat:no-repeat;
	color:#333;
	text-align:center;
	cursor: pointer;
}
.bionavigacijaactive {
	width:189px;
	height:100px;
	float:left;
	margin-right:26px;
	background-image:url(images/activnav.png);
	padding-left:4px;
	padding-top:2px;
	background-repeat:no-repeat;
	color:#333;
	text-align:center;
	cursor: pointer;
}
.line {
	clear: both;
	float: none;
	font-size: 1px;
	line-height: 1px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.linem {
	clear: both;
	float: none;
	background-color: #e5e5e5;
	color: #e5e5e5;
	border: none;
	height: 1px;
	margin-bottom:5px;
	margin-top:5px;
}
.linemm {
	clear: both;
	float: none;
	background-color: #e5e5e5;
	color: #e5e5e5;
	border: none;
	height: 1px;
}
.osobnipodatci {
	float:left;
	max-width:385px;
}
.imageholder2 {
	float:right;
	padding:1px;
	border:1px solid #999;
	margin-right:30px;
}
.imageholder {
	
	
	border:1px solid #999;
	
}
.imageholder3 {
	float:right;
	padding:1px;
	margin:5px;
	
	
}
.descr-label {
	color: rgb(153, 153, 153);
	font-size: 11px;
	width: 130px;
	line-height: 12px;
	padding-bottom: 10px;
	padding-top: 3px;
	float:left;
}
.descr1 {
	color: rgb(153, 153, 153);
	font-size: 11px;
	width: 130px;
	line-height: 12px;
	float:left;
	margin-top:4px;
}
.okvircv {
	border:1px solid #999;
	border-radius:10px;
	-moz-border-radius:25px; /* Old Firefox */
	padding:15px;
}

.okvircv ul {
	list-style:inside;
	
}
.okvircv ol {
	margin-left:15px;
	
	
}

.nextdugme {
	float:right;
	font-size:16px;
	margin-top:10px;
	padding-right:30px;
	background-image:url(images/next.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
.morelanguange {
	float:right;
	font-size:12px;
	
	padding-right:20px;
	background-image:url(images/down.png);
	background-position:right;
	background-repeat:no-repeat;
	margin-bottom:10px;
}



.natj_link {
	padding-left:5px;
	padding-right:3px;
	border-style:solid;
    border-left: 2px solid #e83232;
	margin-bottom:10px;
}
.natj_link:hover {
	background-color:#E8E8E8;
	border-left: 2px solid #4773c5;
}



.naslo_natj {
	width:500px;
	float:left;
	margin-bottom:8px;
	color:#555;
}
.rok_natj {
	float:right;
	font-size:11px;
	color:#999;
	margin-right:10px;
}
.napomena {
	
}
.natj_linkmali {
	padding-right:3px;
	
	
}
.natj_linkmali:hover {
	background-color:#E8E8E8;
}
.natj_linkmali2 {
	padding-right:3px;
	 border-right: 2px solid #e83232;
	margin-bottom:8px;
	margin-top:8px;
	
}
.natj_linkmali2:hover {
	background-color:#E8E8E8;
	border-right: 2px solid #4773c5;
}

.slikamini {
	float:left;
	margin-right:5px;
	
	margin-bottom:3px;
	margin-top:3px;
	
}
.pagination{font-family:Tahoma;font-size:12px;margin:20px 0 30px}
.pagination a,.pagination span{-moz-border-radius:3px;border:1px solid #c8c8c8;color:#444;margin:2px!important;padding:3px 6px}
.pagination a{background:url(gradient_color_bg.gif) repeat-x scroll center top #e3e3e3;text-decoration:none}
.pagination a:hover{background:url(gradient_color_bg_over.gif) repeat-x scroll center top #f9f9f9; color:#e83232;}
.pagination span.currentpage{background:url(gradient_color_bg_over.gif) repeat-x scroll center top #f9f9f9;color:#e83232;}
.pagination span.spaninput{-moz-border-radius:3px;border:1px solid #c8c8c8;color:#444;margin:1px!important;padding:3px}
.pagination input{border:0;color:#444;font-family:Tahoma;font-size:12px;height:15px;margin:2px;text-align:center;width:32px}
.grid{border:1px solid #c8c8c8;border-collapse:collapse;font-family:Tahoma;font-size:10pt}
.grid td{border:1px solid #c8c8c8;padding:3px}
.grid tbody tr:nth-child(even){background:#FDFDFD}
.grid tbody tr:nth-child(odd){background:#FFF}
.grid thead td{padding-left:6px;padding-right:6px}
.grid thead,.grid tfoot{background:url(gradient_color_bg.gif) repeat-x scroll center top #e3e3e3;color:#000;font-weight:700}


.search-wrapper {
	width:150px;
	float:right;
	padding-top:30px;
}

.input {
    border: 3px solid #006;
    background: #ffc;
}
.loginbutton {
	

	padding-left:2px;
	padding-right:2px;
	margin-right:10px;
	padding-bottom:2px;
	padding-top:2px;
	
}

.loginbutton:hover {
	
	background-color: #F8F8F8;
	
	
	
}