/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body { 
	background: #D1CAC4 url(http://partnergradnja.hr/img/brick-bg2.png) repeat-x fixed;
	font-size: 17px; 
	font-family: Calibri;
	letter-spacing: 0.02em; 
}

/* Header */
header { background: rgb(255, 255, 255) }

.partner_gradnja_header { background: url(http://partnergradnja.hr/img/header_bg.png); min-height: 187px;}

.partner_gradnja_header img { margin: 21px 0 0 40px; }

.headerTxt { margin: 90px 0 0 0; text-align: left; font-size: 100%; height: 40px; }

.inner_heading { margin-top: 20px; }

.master-container { box-shadow:  0px 2px 6px 0px rgba(0, 0, 0, 0.5), 0px 2px 30px 0px rgba(0, 0, 0, 0.3); }

/* Menu */
.navbar { margin-bottom: 0; }

.navbar .nav > li > a { 
	font-size: 20px;
	color: rgb(15,47,85); 
	font-weight: normal;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}

.navbar-inner {
    background: rgb(204, 204, 204);
    background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(204, 204, 204));  /* W3C */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    border: none;
    border-radius: 0;
}

/* Hero unit */
.hero-unit { 
    background: rgba(216,216,216,0.5);
    background: radial-gradient(ellipse at center, rgba(216,216,216,0.1) 0%,rgba(186,186,186,1) 100%); /* W3C */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(216,216,216,0.1) 0%,rgba(186,186,186,1) 100%); /* Chrome10+,Safari5.1+ */
    margin: 0 -20px;
    padding: 0px; 
    border-radius: 0px;
    -webkit-box-shadow: inset 0px 8px 2px 1px rgba(1, 1, 1, 0.1), inset 0px 5px 40px -2px rgba(1, 1, 1, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 8px 2px 1px rgba(1, 1, 1, 0.1), inset 0px 5px 40px -2px rgba(1, 1, 1, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 1);
}

.content { 
	background: rgb(235, 235, 235) url(http://partnergradnja.hr/img/content-bg.png) repeat-x; 
	min-height: 400px; 
}

.content p {
	font-size: 1.15em; 
	line-height:130%; 
	color: rgb(101, 101, 101);
}

.thumbnail {
    background: rgb(249, 249, 249);
    border-radius: 0;
    padding: 10px;
}

.thumbnails span:nth-child(4n-9) { border: 1px solid red; }

.redline { background-color: #CC1B00; height: 5px; }

.first-in-row { margin-left: 0 !important; }

.label-success, .label-important { font-size: 1.1em; margin-bottom: 20px; padding: 10px; width: 98.3%; text-align: center; }

.well { background: rgb(224, 224, 224); }

.lead { line-height: 20px; margin-bottom: 0; }

.footer { background: ; display: block; margin-top: 20px; height: 100px; }

.muted { text-align: center; }


/* ==========================================================================

   SLIDER STYLES

   ========================================================================== */

.slider-wrapper{
    position:relative;
    overflow:hidden;
    width:100%;
    margin:0px;
}

.slider{
    position:relative;
    width:100%; 
    height:300px; /* when responsive, comment this out */
    margin:0 auto;
}

@media only screen and (min-width: 480px){
    .slider{
        width:100%;
    }
}

@media (min-width: 480px) and (max-width: 979px) { 
    .slide_element {
        padding-top: 5%;
    }
    .big_txt { 
        width: 100%;
        font-size:50% !important;
    }
}
/* ELEMENT STYLES */

.slide_element{
    top:-300px;
    z-index:8000;
    /*padding:1% 3%;*/
    display: table;
    vertical-align: middle;
}   

.big_txt { 
    width: 100%;
    font-size:48px !important;
    padding: 0;
    white-space: nowrap;
    text-align:center;
    font-weight: bold;
}

/* ==========================================================================

   Custom Responsive Design Style

   ========================================================================== */

/* Large desktop */
@media (min-width: 1200px) {
    .usluge li { line-height: 26px; font-size: 22px; }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1199px) { 
    .headerTxt { margin: 35px 0 0 0; text-align: left; font-size: 100%; }
    h2.lead { margin-bottom: 6px; font-size: 19px !important; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	.navbar { background: red; } 
	.navbar .nav li { width: 50%; }
	h3, h4 { margin: 20px; }
    .hero-unit { margin: 0; }
    h2.lead { margin-bottom: 6px; font-size: 16px !important; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
    .navbar .nav li { width: 100%; } 
    .hero-unit { margin: 0; }
}