@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,300italic,400italic,500italic&subset=latin,latin-ext);

body { padding-bottom: 30px; font-family:"Lato","Roboto"; }
h1,h2,h3,h4,h5,h6{font-family:"Lato","Roboto";}
a { color: #333; }

#loginForm { margin: 30px 0; }
#map { height: 200px; } 

.space { height:30px; }

.mb { margin-bottom: 20px; }

.img-bordered { border: 1px solid #CCC; padding: 1px; }
.jumbotron { margin-bottom: 50px; }
#banner{max-width:1200px;}
#resp-heading h1{color:#18BC9C;font-size:4.2em;font-weight:500;}
#resp-heading p{font-size:26px;}
#top{background:url("../i/baner-m.png") no-repeat;background-size:contain;background-position: bottom;height:261px;}
#details{text-align:center;}


.table .small td { vertical-align: middle; }

.form-inline .select-wrap { display: inline-block; }

.errors { margin: 5px 0; list-style-type: none; padding: 0; }
.errors li { background: #B60713; color: #FFF; padding: 3px 6px; margin: 0; border-radius: 4px; }

.sortable.images { overflow: hidden; margin: -10px -10px 20px; transition: opacity 0.3s; }
.sortable.images > div { float: left; position: relative; margin: 10px; }
.sortable.images > .image { border: 1px solid #CCC; padding: 5px; background: rgba(255,255,255,0.9); }
.sortable.images > .image p { position: absolute; bottom: 7px; left: 0; right: 0; margin: 0; opacity: 0; transition: opacity 0.3s; text-align: center; }
.sortable.images > .image:hover p { opacity: 1; }

.gallery { overflow: hidden; margin: 0 -6px 20px; transition: opacity 0.3s; }
.gallery > .image { border: 1px solid #CCC; padding: 5px; background: rgba(255,255,255,0.9); float: left; margin: 6px; }

.sortable.muted { opacity: 0.3; }

.form-group { position: relative; }

.steps i { display: block; width: 100px; height: 100px; background: #18BC9C; line-height: 100px; font-size: 60px; text-align: center; margin: 20px auto; color: #fff; border-radius: 50px; }

#footer { margin-top: 50px; margin-bottom:-40px; background:#18BC9C;}
#footerContainer{padding:50px;text-align:center;}
#footer ul{padding-left:0px;margin:auto;text-align:center;background: #00715B;padding:15px;}
#footer li{list-style: none; display:inline;font-size:1.1em}
#footer li a {color:#fff;margin:10px;}

.panel-image { background: #EEE; height: 200px; overflow: hidden; display: block; }

.votes-item{margin-bottom:20px;}
.votes-item h4{margin-top:0px;}
.votes-item .progress{height:25px;margin-bottom:10px;}
.votes-item .progress .progress-bar{line-height:25px;font-size:13px;}

.margined{margin:40px 0;}
.thined{font-weight:100;}
.shadowed{-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);padding:30px;}
.heading{font-size:48px;border-bottom:1px solid #1a242f;width:55%;text-align:center;margin:80px auto 50px auto;color:#1a242f;}

.post{width:100%;max-width:50%; float:left;padding:10px;}
.post-inner{-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);padding:8px;height:220px;}
.post-img{float:left;}
.post-content{padding-left:10px;overflow: hidden;}
.post-title a{color:#00715B;font-size:21px;font-weight:500}
.post-lead{color:#333;}
.post-date{color:#999;}

#archiwum{margin:40px 0;text-align:center;}
p.hint, .bo-link{color:#597ea2;}
p.author a:hover{color:#333;}
.note-editor.note-frame .note-editing-area .note-editable{height:200px;}
.click{font-size:0.9em; color:#666;}
.click a {color:#666;}
.navbar-brand{font-size:16px;padding-top: 21.5px;}
.panel-body{min-height:180px;}

#fieldset-date_of_birth > .form-group{width:33.3333%;float:left; padding:1px;
  
}

@media screen and (min-height: 600px) {
    #map { height: 300px; } 
}

@media screen and (min-height: 800px) {
    #map { height: 350px; } 
}

@media screen and (max-width: 1199px) {
    #top{margin-top:-50px;}
}

@media screen and (max-width: 991px) {
    .post{max-width:100%;clear:both;}
    .post-inner{height:auto;min-height:175px;}
    .post-content >div{height:auto !important;}
    #footer ul {padding:0px;}
    #footer li {display:block;padding:12px;}
    #footer li:not(:first-child){border-top:1px solid #1a242f;}
    #top{margin-top:-100px;}
}

@media screen and (max-width: 767px) {
    .heading{width:80%;}
    #resp-heading p{font-size:1.5em;}
}

@media screen and (max-width: 800px) {
    #resp-heading h1{text-align: center;}
    #resp-heading p{text-align: center;}
}

@media screen and (max-width: 480px) {
    .heading{font-size:36px;}
    #resp-heading h1{font-size:3em;}
    #resp-heading p{font-size:1.3em;}
    #top{margin-top:-155px;}
}

@media screen and (max-width: 360px) {
    .post-content{clear:both;}
    .post-img{margin-bottom:20px;}
    
}


.steps .icon {
    display: block;
    width: 100px;
    height: 100px;
    background: #18BC9C;
    line-height: 100px;
    font-size: 60px;
    text-align: center;
    margin: 20px auto;
    color: #fff;
    border-radius: 50px;
}