@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
body
{
    background-image: url("../IMG/site_bg.png");
    margin: 0 0;
}


span.adres
{

	font-size: 24px;
	font-weight: 700;
	line-height: 1.2; 
}
h1
{
	margin-top: -8px;
	margin-bottom: 5px;
}

p.desc
{
   font-family: 'Raleway',sans-serif; font-size: 21px; font-weight: 500; line-height: 32px; margin: 0 0 24px; 
}

div.personalinfo
{	
	float: left;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4; 
	margin-right: 5px;
}

#personalInfoEditButton
{
	width: 55px;
	height: 55px;
	float: left;
	position: absolute;
	top: 10px;
	right: 10px;
	background:url(../IMG/edit.png) no-repeat;
}
.editrowbutton
{
	display:inline;
	float:left;
	width: 30px;
	height: 30px;
	background:url(../IMG/edit_row_icon.png) no-repeat;
}
.deleterowbutton
{	
	display:inline;
	float:left;
	width: 30px;
	height: 30px;
	background:url(../IMG/delete_row_icon.png) no-repeat;
}
#personalInfoApplyButton
{
	width: 55px;
	height: 55px;
	float: left;
	position: absolute;
	top: 10px;
	right: 10px;
	background:url(../IMG/apply.png) no-repeat;
	button:focus { outline:0 !important; }
}

#editinfo
{
	display: none;
	padding-left: 10px;
	float: left;
	min-width: 50px;
	height: 168px;
	z-index: 100;
	max-height: 100px;
}
#baner
{
	width: 100%;
	height: 200px;
}
#logo
{
	float:right;
}

#container
{
	margin-top: 30px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #eeeeee;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#content
{

	background-image: url("../IMG/papier_bg.png");
}
#contentnavi
{
	margin-top: 10px;
	height: 70px;
	width: 100%;
}
.active {
    background-color: #e50e3b !important;
    opacity: 1;
    text-decoration: none !important;
}
nav > ul {
	
	font-family: Arial;
    list-style-type: none;
    padding: 0;
    height: 100%;
    overflow: hidden;
    background-color: #333;
    top: 0;
    width: 100%;
}

nav > ul > li:first-child {
  	margin-left: 5%;
}


nav > ul > li {
    float: left;
}
nav > ul > li a:not(:hover):not(.active) {
	opacity: 0.8;
}
nav > ul > li a {
    display: block;
    color: white !important;
    font-size: 22px;
    text-align: left;
    padding: 20px 16px;
    text-decoration: none;
}


nav > ul > li a:hover:not(.active) {
	opacity: 1 ;
    background-color: #222 !important;
    padding: 16px 16px;
    color: white !important;
    text-decoration: none !important;
    border-bottom: solid 8px #e50e3b !important;
}
nav > ul > li a.active:hover {
	background-color: #d40c2a !important;
}

.aboutustitle {
	text-align: center;
    margin-bottom: 40px;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: -1px;
}
.people {
	text-align:center;
}

.people > p
{
	font-family: 'Open Sans', Arial, sans-serif;
}
.contentbutton
{

}

.contentdiv
{
	overflow: auto;
	position: relative;
	
	min-height: 165px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f9f9ef;
}
.contentdiv2
{
	overflow: auto;
	position: relative;
	
	min-height: 165px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;

}

.contentdivtitle
{
	font-size: 32px;
	float: left;
	font-weight: 700;
	border-left: solid 6px #d40d2b !important;
	border-top: solid 6px #e50e3b !important;
	padding-left: 6px;
	padding-top: 3px;
}
.cvtablediv
{
	margin-top: 25px;
	margin-bottom: 20px;
}

.boxshadow
{
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
table.cv_table{

margin-left: auto;
margin-right: auto;	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.cv_table {

		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		border-collapse: collapse;
	
	}

	.cv_table td, .cv_table th {

		border-bottom: 2px dotted #ddd;
		padding-top: 8px;
		padding-left: 8px;
		padding-bottom: 8px;
		text-align: left;
		word-wrap:break-word;
		min-width: 5%;
	}

	.cv_table tr:nth-child(even){background-color: #eeecd7;}
	.cv_table tr:nth-child(odd){}

	.cv_table tr:hover {background-color: #ddd;}

	.cv_table th {
		padding-top: 6px;
		padding-bottom: 6px;
		text-align: left;
		background-color: #d40c2a;
		color: white;
		opacity: 0.8;
	}

.contentimage
{
	float:left;
	width: 205px;
	height: 205px;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
	margin-right: 20px;
	margin-bottom: 1%;
}

#footer
{
	width: 100%;
	clear: both;
}

#mainsitecontent
{
	padding: 20px;
	width: 960px;
	background-image: url("../IMG/papier_bg.png");
}

/* The Modal (background) */
div.fallingdiv {
	    width: 100%; /* Full width */
    height: 100%; /* Full height */
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 0; /* Sit on top */
    padding-top: 8%; /* Location of the box */
    left: 0;
    top: 0;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

div.modal-content{
	z-index: 1; /* Sit on top */
}
/* Modal Content */
div.fallingdiv-content {
    position: relative;
    background-image: url("../IMG/papier_bg.png");
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 45%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 20px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

div.fallingdiv-header {
    padding-bottom: 10px;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 12px;
    background-color: #d40c2a;
    color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 20px;
    
}
div.fallingdiv-body-left
{
	float: left;
	width: calc(50% - 16px);
	padding-bottom: 10px;
    padding-top: 8px;
    padding-left: 16px;
}
div.fallingdiv-body-right
{
	float: left;
	width: calc(50% - 16px);
	padding-bottom: 10px;
    padding-top: 8px;
    padding-left: 16px;
}
div.fallingdiv-body-bottom
{
	width:100%;
	padding-bottom: 10px;
    padding-left: 16px;
}
div.fallingdiv-footer
{
	
	padding-bottom: 10px;
    padding-top: 8px;
    padding-left: 16px;
    margin-top: 10px;
}
div.fallingdiv-body {
	padding-top: 10px;
	padding-left: 16px;
}

.fallingdiv-content input.inputtext
{
	width: 80%;
}
div.twoyearsinrow > div
{
	float: left;
	width: 33%;
}
.fallingdiv-content input.inputyear
{
	width: 30%;
}
span.inputtitle
{
	margin-bottom: 5px;
	width: 100%;
	display: block;
	font-family: verdana;
	font-size: 16px;
	color: gray;
	float: left;
}

textarea
{
	width: calc(100% - 40px);
	resize: vertical;
}

.addButton {
	text-align: center;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 18%;
	-moz-box-shadow:inset 0px 2px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 2px 0px 0px #9acc85;
	box-shadow:inset 0px 2px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #0c0d0b;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	padding-top: 3px;
	padding-bottom: 3px;

}
.addButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
}

div.cert_others_l
{
	width: 50%;
	float: left;
}
div.cert_others_r
{
	width: 50%;
	float: left;
}
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

// Usage as a mixin
.element {
  .center-block();
}

.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

// Usage as a mixin
.element {
  .clearfix();
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}




.bigButton {    
	width: 98% !important;
	left: 10px;
	right: 10px;
	bottom: 10px;    
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0 1.5em;
    margin: 0.5em;
    font: bold 1.1em/2.2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.bigButton:hover {
    background-color: #ddd;        
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.button:active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.button:focus {
    outline: 0;
    background: #fafafa;
}    

.button:before {
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;        
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;        
}

/* Hexadecimal entities for the icons */

.add:before {
    content: "\271A";
}

.edit:before {
    content: "\270E";        
}

.delete:before {
    content: "\2718";        
}

.save:before {
    content: "\2714";        
}

.email:before {
    content: "\2709";        
}

.like:before {
    content: "\2764";        
}

.next:before {
    content: "\279C";
}

.star:before {
    content: "\2605";
}

.spark:before {
    content: "\2737";
}

.play:before {
    content: "\25B6";
}

section.spacer {
	padding:90px 0 70px;
	color:#fcfcfc;
}

.spacer.green,.section.green {
	background:#1bac91;
}

.spacer.green,.section.green h4 {
	color:#fff;
}

section.spacer.bg2 {
	background: url(../img/bg/bg-2.jpg) 50% 0 no-repeat fixed;
	width:100%;
	height:auto;
	margin:0;	
}

section.spacer.bg3 {
	background: url(../img/bg/bg-3.jpg) 50% 0 no-repeat fixed;
	width:100%;
	height:auto;
	margin:0;	
}

section.spacer blockquote.large:before {
	color:#eee;
	opacity:0.6;
}

section.spacer blockquote cite {
	color:#555;
}

blockquote {
	font-size:18px;
	border:none;
	padding:0;
}

blockquote.large {
	font-size:36px;
	font-weight:700;
	line-height:1.1em;
}
blockquote.large:before {
	font-size:64px;
	font-family: FontAwesome;
	content: "\f10d";
	margin-right:20px;
}

blockquote cite 						{ display:block; font-size:12px;}
blockquote cite:before 					{ content:"\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited 				{ color:#555; }

.alignright {
	text-align: right;
}

.floatright{
	float: right;
	position: absolute;
	right: 10%;
}

.modalpadding
{
	padding-left: 5%; 
	padding-right: 5%;
	padding-bottom: 5%;
}
.input-group
{
	margin-bottom: 3%;
}
label
{
	margin-top: 2%;
	font-size: 16px;
}