/* BOJE

crvena: #dd3333;

*/



body{

	font-family: 'Roboto', sans-serif;

	font-size: 15px;

	color: #666;

	line-height: 130%;

	padding: 30px;

	background: #eaeaea;

}



p{

	line-height: 24px;

}



a:link{

	color: #dd3333;

	text-decoration: none;	

}



a:hover{

	color: #dd3333;

	text-decoration: underline;

}



.container{

	background: #fff;

	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);

}



/* HEADER */

#header{

	width: 100%;

	padding: 30px 0 0;

}



.logo{

	line-height: 200%;

}



.logo a.logolink:hover{

	text-decoration: none;

	color: #dd3333;

}



.logo a.logolink .logo-title:hover{

	text-decoration: none;

	color: #dd3333;

}



.logo .logo-title{

	font-size: 46px;

	font-weight: bold;

	color: #333;

}



.logo .logo-below{

	font-weight: normal;

	font-size: 22px;

	color: #666;

}



.header-right {

    text-align: right;

}



.header-right a {

    color: #666;

}



.header-right a:hover {

	color: #dd3333;

	text-decoration: none;	

}



a.telefon {

	color: #333;

    font-size: 2em;

}



/* Dj Slider in Header */

.djslider-in {

    list-style: outside none none;

}



.slide-desc-bg-default {

    background: RGBA(0,0,0,0.35);

}

.slide-text a {

    color: #fff;

}

.djslider-default, .djslider-default ul.djslider-in > li{

	height: 520px !important;

}



.djslider-default .slide-desc {

    bottom: 25% !important;

    left: 3% !important;

    width: 50% !important;

}

.slide-text {

    font-size: 1.2em;

    line-height: 130%;

}

.slide-desc-text-default .slide-title {

    font-size: 2.5em;

    color: #fff;

    margin-bottom: 30px;

    font-weight: normal;

}



.slide-desc-text-default {

    position: relative;

    color: #fff;

    padding: 5%;

    text-align: left;

}



#djslider92 a.readmore {

    margin-top: 0px;

    display: inline-block;

    bottom: 7%;

    position: absolute;

    left: 3%;

    background: #dd3333;

    color: #fff;

    padding: 20px 40px;

    font-size: 1.3em;

}

	

.header-right .slide-title{

	color: #ffb400;

	font-weight: bold;

	font-size: 24px;

}

.header-right .slide-text{

	color: #99cccc;

	font-style: italic;

	margin-top: 5px;

}





/* NAVIGATION */

#menu{

	width: 100%;

	display: inline-block;

	color: #333;

	margin: 20px 0px -45px;

}



#menu ul{

	list-style: none;

}



#menu ul li{

	padding: 10px;

	margin-right: 10px;

}



.nav{

	padding: 0;

}



#menu ul li:hover{

	color: #dd3333;

	text-decoration: none;

	background: #fff;

}



#menu ul li a{

	color: #333;

	text-decoration: none;

}



#menu ul li a:hover{

	color: #dd3333;

	text-decoration: none;

	background: #fff;

}



div#maximenuck93 ul.maximenuck{

	background: rgba(255,255,255,0.6);

}



div#maximenuck93 ul.maximenuck li.level1.parent > a::after, div#maximenuck93 ul.maximenuck li.level1.parent > span.separator::after{

    border-color: #fff transparent transparent;

    border-style: solid;

    border-width: 6px 4px 0;

    content: "";

    display: block;

    height: 0;

    position: absolute;

    right: 0;

    top: 7px;

    width: 0;

}



div#maximenuck93.maximenuckh ul.maximenuck li.level1.parent > a, div#maximenuck93.maximenuckh ul.maximenuck li.level1.parent > span.separator{

	padding-right: 14px;

}



div#maximenuck93 div.floatck{

	margin-left: -10px;

}



div#maximenuck93 div.maxidrop-main {

    width: 180px;

    border-top: 1px solid #dd3333;

}



.maxidrop-main ul li{

    background: #fff;

    opacity: 0.7;

}



.maxidrop-main ul li:hover{

    opacity: 1;

}



/* CONTENT */

.main .slider {

    padding: 0;

}



.cols-3 .item {

    width: 29%;

    float: left;

    margin: 2%;

}



h2.item-title {

    text-align: center;

}



h2.item-title a{

    color: #666;

}



h2.item-title a:hover{

    color: #dd3333;

    text-decoration: none;

}



p.readmore {

    text-align: center;

}

.pull-left.item-image img {

    width: 100% !important;

    padding: 5px 0;

}

.content{

	margin-bottom: 80px;

}



.main .page-header, .item-page h4 {

    margin-bottom: 25px;

    padding: 10px 15px;

    height: 90px;

    margin-left: -15px;

    border-top: 1px solid #eaeaea;

    border-bottom: 1px solid #eaeaea;

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset;+

}



.item-page h4 {

    margin-top: 40px;

    height: 55px;

    color: #dd3333;

    margin-bottom: 0px;

    font-size: 2em;

}



.main .page-header h2{

    margin-bottom: 0px;

    font-size: 2em;

    color: #222;

}



.mod_title.javitese {

    padding: 20px 40px;

    border-left: 3px solid #dd3300;

    background: #eee;

}



.javitese  h3 {

    color: #000;

}



.cta_btn{

    float: right;

    background-color: #dd3333;

    border-radius: 3px 3px 3px 3px;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    color: #FFFFFF;

    font-size: 22px;

    line-height: 40px;

    text-align: center;

    padding: 5px 3.28407225%;

    margin-top: -65px;

}



.btn-primary{

    background-color: #dd3333;

    border: 0px;

}



/* FOOTER */

#footer{

	width: 100%;

	background: #fff;

	color: #333;

	padding: 20px 0;

	display: inline-block;

}



#footer p {

    line-height: 100%;

    margin: 0;

    padding: 0;

}



#footer .copyright{

	text-align: left;

}



#footer .design{

	text-align: right;

}



.form-horizontal .control-label{

    text-align: left;

}

.contact-form input, .contact-form textarea {

    width: 100%;

    margin-bottom: 20px;

    padding: 1%;

}

.contact-form {

    margin-top: 70px;

}

label {

    font-weight: normal;

    color: black;

}



/* Extra small devices (phones, less than 768px) */

/* No media query since this is the default in Bootstrap */

@media (max-width: 768px) {
.row{
    margin: 0px !important;
}
	.main .slider {

	    padding: 0;

	}
.header-right {
    margin: 12% 0;
}

.djslider-default.img-vcenter img.dj-image{
    width: auto !important;
    height: 100% !important;
    transform: translate(-40%, -50%) !important;
    -webkit-transform: translate(-40%, -50%) !important;
    -ms-transform: translate(-40%, -50%) !important;
}

.djslider-default, .djslider-default ul.djslider-in > li{

}

.slide-text {
    display: none;
}

.djslider-default .slide-desc{
    width: 100% !important;
    bottom: 18% !important;
    left: 0% !important;
}

.slide-title {
    font-size: 2em !important;
    line-height: 130%;
    margin-bottom: 0 !important;
}

#djslider92 a.readmore{
    width: 100%;
    left: 0 !important;
}

	.cta_btn{

		float: none;

		margin-top: 0px;

	}

    .contact-form input, .contact-form textarea, .contact-form .btn-primary{

        width: 100%;

        margin-bottom: 20px;

        padding: 4%;

    }

    .blog-featured .items-row .span4 {
        width: 100% !important;
        float: none;
    }

    img{
        margin: 0px !important;
        float: none !important;
        width: 100% !important;
        height: auto;
    }

}



/* Small devices (tablets, 768px and up) */

@media (min-width: @screen-sm-min) {

	.main .slider {

	    padding: 0;

	}



	.cta_btn{

		float: none;

		margin-top: 0px;

	}

}



/* Medium devices (desktops, 992px and up) */

@media (min-width: @screen-md-min) {

	.main .slider {

	    padding: 0;

	}

}



/* Large devices (large desktops, 1200px and up) */

@media (min-width: @screen-lg-min) {

	.main .slider {

    padding: 0;

	}

}