@import "https://fonts.googleapis.com/css?family=Sansita";
@import "https://fonts.googleapis.com/css?family=Lato";
@import url('https://fonts.googleapis.com/css?family=Slabo+27px');

@media screen and (min-width: 990px) {
.col-md-6 {
    background: rgba(0, 0, 0, 0) url("../images/hd-bg.png") repeat-x scroll 0 0;
    color: white;
    height: 44px;
    padding: 9px;
}
.col-md-6:nth-child(2) {
    border-left: 1px solid;
}

.container-fluid {
   background: url("../images/bg-left.png") no-repeat fixed left -168px top, url("../images/bg-right.png") no-repeat fixed right -257px top;
}
#main {
    margin: auto;
    width: 75%;
}
nav {
    margin: 15px 0 0 75px;
}
.facebook {
    color: #238cff;
    float: right;
    padding: 4px;
}
.info {
    float: left;
    font-size: 15px;
    margin: 4px;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.col-md-4 {
    border-top: 5px solid #efbf4c;
}
}
@media screen and (max-width: 780px) {
.col-md-6 {
    background: black none repeat scroll 0 0;
    color: white;
    height: 50px;
    text-align: center;
}
.col-md-6:nth-child(2) {
    border-top: 1px solid;
}
.col-md-6:nth-child(1) {
    padding: 5px;
}
img.logo {
    display: block;
    margin: auto;
    padding: 15px 0px;
}

.carousel-caption {
    font-size: 12px;
    font-weight: normal;
}
h4 {
    font-size: 15px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    height: 224px;
}
.col-md-4:nth-child(1) {
	border-top: 5px solid #efbf4c;
}
}
@media screen and (max-width: 990px) and (min-width: 780px) {
 .col-md-6 {
    background: black none repeat scroll 0 0;
    color: white;
    height: 50px;
    text-align: center;
}
.col-md-6:nth-child(2) {
    border-top: 1px solid;
}
.col-md-6:nth-child(1) {
    padding: 5px;
}
img.logo {
    display: block;
    margin: auto;
    padding: 15px 0;
}

.carousel-caption {
    font-size: 12px;
    font-weight: normal;
}
h4 {
    font-size: 15px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    height: 224px;
}
.col-md-4:nth-child(1) {
	border-top: 5px solid #efbf4c;
}
}

@media screen and (max-width: 1700px) and (min-width: 991px) {
.bftnav {
	padding-left: 75px;
}
}
img.logo {
    padding: 21px 0;
}

.col-md-4 {
    color: white;
    font-family: "Lato",sans-serif;
    font-size: 11px;
	height: auto;
    line-height: 1.8em;
	padding:13px 15px 10px 20px;
}

.col-md-4 ul, strong, address p {
    display: table;
    margin: 0 auto;
}

.footer {
	background: black url(../images/footer-bg.jpg) repeat-y center;
}
.col-md-4 strong {
    color: #fbe6af;
}
.copyright {
    background: rgba(0, 0, 0, 0) url("../images/copyright.png") repeat scroll 0 0;
    clear: both;
    color: #d9dcde;
    font-size: 10px;
    padding: 11px 0;
    text-align: center;
}
.milos a {
    color: white;
    text-decoration: none;
}
.milos a:hover {
    border-bottom: 1px dotted white;
    border-color: white;
    color: #f5e0aa;
}
.copyright1 a {
    color: white;
    text-decoration: none;
}
.copyright1 a:hover {
    border-bottom: 1px dotted white;
    border-color: white;
    color: #f5e0aa;
}
.col-md-12 p.text-center {
    box-shadow: 0 1px 4px black;
    font-family: 'Slabo 27px', serif;
    font-weight: 100;
    margin: 10px 0;
    padding: 10px;
    font-size: 17px;
}

.info {
    font-family: "Sansita",sans-serif,Arial;
	color: #fbe6af;
}

.facebook {
	font-family: "Sansita",sans-serif,Arial;
}

.facebook:hover {
    color: white;
}

.info a {
    color: #fbe6af;
}
.info a:hover {
    color: white;
}
.mobile {
    padding: 0 5px 0 0;
}
.email1 {
    padding: 0 7px 0 13px;
}
address p {
    padding: 5px 0 0 28px;
}

iframe {
    height: 192px;
}

.read-more {
    text-shadow: none;
    padding: 4px;
    color: white;
    border: 1px solid;
}

.read-more:hover {
    color: silver;
    text-decoration: none;
}


.onama {
	background: white;
	padding: 10px 20px 20px 25px;
}

.galerija {
	background: white;
	padding: 10px 20px 20px 25px;
}

.gallery {
    display: inline-block;
    margin-top: 20px;
}

/* Contact Form*/

.forma{
	background: white;
	padding: 10px 20px 20px 25px;
}

#kontakt {
	color: #7a8965;
	font-family: roboto slab;
	padding: 0px 0px 20px 20px;
	text-decoration: none;
	font-size: 14px;
}

.email {
	padding-top: 13px;
}

.message {
	padding-top: 13px;
	border-radius: 4px;
}

.antispam {
	padding-top: 13px;
}

.submit {
	padding-top: 13px;
}

#submit {
	background: black;
	border: medium none white;
	border-radius: 4px;
	color: #ffffff;
	cursor: pointer;
    height: 34px;
    width: 114px;
    padding: 0px;
}

#submit:hover {
    background: #fff;
    border: medium none;
    color: black;
}

textarea:hover {
	background: none repeat scroll 0% 0% #FFF;
}

textarea {
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.05);
	padding: 8px;
	clear: both;
	line-height: 1;
	border: 2px solid white;
	border-radius: 4px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
	max-width: 100%;
	width: 480px;
	height: 160px;
}

input {
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.05);
	padding: 5px;
	clear: both;
	line-height: 17px;
	border: 2px solid white;
	border-radius: 4px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
}

form span {
    color: red;
}

form {
	float: left;
}

.uspesno {
    color: green;
	padding: 11px 0px 6px 0px;
}