@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

body {
 /* min-height: 2000px;*/
 
  font-family: 'Open Sans',Arial, Helvetica, sans-serif;
}
header{
text-align: center;
color: #fff;
}
#rm_header{
    background-image: url(../images/rm_header.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
header{}

header .header-text-rm {
    padding-top: 100px;
    padding-bottom: 50px;
}
header .header-text-galerija {
    padding-top: 100px;
    padding-bottom: 100px;
}
.header-second-text-rm  {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    /*font-style: italic;*/
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 25px;
}
.header-first-text-rm {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 4vw;
    margin-bottom: 25px;
}

.header-first-text-galerija {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 4vw;
    margin-bottom: 25px;
}
.header-first-text-kontakt {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 4vw;
    margin-bottom: 75px;
}
.navbar-rm .navbar-brand {
    color: #f6c403;
	text-shadow: 2px 2px 2px #000000;
   /* font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;*/
   font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#logo-left{
    font-size: 1.5em;
}
.navbar {
background-color:#555555;
color:#ffffff;
}
.navbar-nav>li>a {
    color: #ffffff;
}

@media (min-width: 768px){

nav {
height: 80px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
nav .navbar-brand {
    
    height: 70px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

nav #navbar>ul>li>a {
	font-size: 17px;
    line-height: 50px;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
nav.top-narrow {
    height: 50px;
}
nav.top-narrow .navbar-brand {
    height: 50px;
}

nav.top-narrow #navbar>ul>li>a {
    line-height: 20px;
}

nav.top-narrow .navbar-brand {
    font-size: 1.5em;
	line-height: 20px;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.navbar-rm.top-narrow {
    background-color: #555555;
    padding: 0;
}
.navbar-rm {
    background-color: transparent;
   /* padding: 25px 0;
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    transition: padding .3s;*/
    border: none;
}
.header-second-text-rm {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
   /* font-style: italic;*/
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 25px;
}
header .header-text-rm {
    padding-top: 300px;
    padding-bottom: 200px;
}
nav .navbar-brand {
    font-size: 2em;
	line-height: 40px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

}
.linkovi:link { color: #f6c403; }
.myclass:visited { color: #f6c403; }
.myclass:hover { color: #f6c403;text-decoration: underline; }
.myclass:active { color: #f6c403; }
.myclass:focus { color: #f6c403; }
#rm_image a{
color:#555555;
}
#sadrzaj {
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
}
#sadrzaj .header-first-text-rm {
font-size: 30px;
	margin-top: 60px;
    margin-bottom: 50px;
}

#sadrzaj .h2, h2 {
    font-size: 30px;
	margin-top: 60px;
    margin-bottom: 50px;
}
#sadrzaj .h3, h3 {
	margin-top: 30px;
    margin-bottom: 20px;
}
#sadrzaj a:link {
	font-weight: bold;
	color: #f6c403;
	text-decoration: none;
}
#sadrzaj a:visited {
	font-weight: bold;
	color: #f6c403;
	text-decoration: none;
}
#sadrzaj a:active {
	font-weight: bold;
	color: #f6c403;
	text-decoration: none;
}
#sadrzaj a:hover {
	font-weight: bold;
	color:#555555;
}


.logo img {
height:100%;
width:auto
}

@media (min-width: 992px) {

nav {
height: 80px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
nav .navbar-brand {
    
    height: 70px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

nav #navbar>ul>li>a {
	font-size: 17px;
    line-height: 50px;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
nav.top-narrow {
    height: 50px;
}
nav.top-narrow .navbar-brand {
    height: 50px;
}

nav.top-narrow #navbar>ul>li>a {
    line-height: 20px;
}

}

@media (min-width: 1200px){
.logo{
/*width:600px*/
}
}


.navbar-nav>.active>a,.navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover {
color: #f6c403;
background-color: transparent;
}

#navbar>ul>li>a:focus, #navbar>ul>li>a:hover {
color: #f6c403;
background-color: transparent;
}




.navbar-collapse.in{
border-top:1px solid #eeeeee;
}
.navbar-toggle {
    border-color: #f6c403;
}
.navbar-toggle:hover {
    border-color: #ffffff;
	background-color: #555555;
}
.navbar-toggle .icon-bar {
    background-color: #f6c403;
}
.navbar-toggle:hover .icon-bar {
    background-color: #ffffff;
}



#rm_enterijer{
color: #fff;
background-color: #555555;
}
#tim{
background-color: #f6c403;
padding-bottom:40px;
}
#tim h2,p{
text-shadow: 2px 2px 2px #555555;
}
#tim .btn a{
color:#555555;
}
#tim a:link {
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
#tim a:visited {
	font-weight: bold;
	color: #f6c403;
	text-decoration: none;
}
#tim a:active {
	font-weight: bold;
	color: #f6c403;
	text-decoration: none;
}
#tim a:hover {
	font-weight: bold;
	color:#f6c403;
}
#moler {
background-color: #555555;
padding:40px;
}
#moler p{
font-size: 17px;
line-height: 1.7;
font-weight: bold;
padding-bottom:20px;
}
#farba {
background-color: #ffffff;
padding:40px;
}
#farba p{
font-size: 17px;
line-height: 1.7;
font-weight: bold;
color:#f6c403;
text-shadow: 0px 0px 0px #555555;
padding-bottom:20px;
}
#farba h2{
color:#f6c403;
text-shadow: 2px 2px 2px transparent;
}

#gips {
background-color: #f6c403;
padding:40px;
}
#gips p{
font-size: 17px;
line-height: 1.7;
font-weight: bold;
color:#ffffff;
text-shadow: 2px 2px 2px #555555;
padding-bottom:20px;
}
#moler img {
    border: 7px solid #fff;
}
#moler p {

}
#farba img {
    border: 7px solid #f6c403;
}
#gips img {
    border: 7px solid #fff;
}


.title-section-out {
    position: absolute;
    left: -9000em;
}
/***Scrol-to-top***/
.scroll-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px;
  z-index: 1049;
}
.scroll-top .btn {
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 28px;
  color: #fff;
    background-color: #f6c403;
    border-color: #f6c403;
}
.scroll-top .btn:hover {
  outline: none;
  color: #fff;
  background-color: #555555;
  border-color: #ffffff;
}
.scroll-top .btn:focus {
  outline: none;
  color: #fff;
  background-color: #555555;
  border-color: #ffffff;
}

/***Scrol-to-top***/



/* Sticky footer */
html {
  position: relative;
  min-height: 100%;
}
body {
  
  margin-bottom: 40px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding:5px;
  background-color: #555555;
  color:#ffffff;
  
}
#footer-text {
padding-top: 10px;
font-size:80%;
}

/*Footer*/

/*Tables*/
thead{
    background-color: #E8F0F5;
}
table .table_even{
background-color: #eeeeee;
} 
/*Tables*/

/*Galerija*/
#galerija .razmak {
padding-top:15px;
padding-bottom:15px;
}
#rm_galerija{
color: #fff;
background-color: #555555;
}

/*Kontakt*/
#rm_kontakt{
color: #fff;
background-color: #f6c403;
}
#rm_kontakt .navbar-brand{
color: #fff;

}
#rm_kontakt .navbar-nav>.active>a,.navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover {
color: #eeeeee;
background-color: transparent;
}
#rm_kontakt .navbar-nav>li>a:hover {  
 color:#eeeeee
}
#rm_kontakt header p {
text-shadow: 2px 2px 2px transparent;
}
#kontakt-header{
background-color: #cccccc;
}
#kontakt{
padding-top:50px;
padding-bottom:50px;
}
#kontakt h2{
text-align:center;
}
#kontakt-header{
    background-image: url(../images/rm_kontakt.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
#rm_kontakt_forma{
padding-bottom:20px;
}

#feedbackSubmit button{
background-color:#555555;
margin-top:30px;
}
#feedbackSubmit:hover {
color:#f6c403;
}
textarea#message {
    height: 130px;
}