@import url(../warp/css/layout.css);

.wrapper {
padding:5px 10px;
}

.module,#toolbar,#header,#footer {
margin:5px;
}

#menu .module {
margin:10px 5px;
}

#footer .module {
margin:0;
}

#headerbar {
margin-bottom:5px;
padding: 5px;
}



#toolbar, #footer,.mod-box {
padding:10px;
}

.module.mod-box.izdvojena-putovanja.deepest {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border-style:solid;
border-width:0;
padding:10px;
}

#content {
padding:0 5px 5px 5px;
}

#toolbar {
font-size:11px;
padding:5px 10px;
}

#menubar {
padding:2px;       
}

.breadcrumbs {
margin-bottom:1px;
}

#footer {
color:#8b8d8e;
font-size:12px;
text-align:left;
min-height:250px;
/*position:absolute; */
background-color:#777777;
    
-webkit-box-shadow:0 0 1px 0 rgba(209,209,209,1);
-moz-box-shadow:0 0 1px 0 rgba(209,209,209,1);
box-shadow:0 0 5px 0 rgba(167,166,166,1);

border-top: 3px solid #f95905;
border-bottom: 40px solid #f95905;
padding:10px 95px;
}  

#footer:before {
bottom:-6px;
right:0;
left:0;
height:14px;
}

#totop-scroller {
display:block;
position:absolute;
top:20px;
right:20px;
z-index:1;
width:21px;
height:21px;
background:url(../images/totop_scroller.png) 0 0 no-repeat;
text-decoration:none;
}

#totop-scroller:hover {
background-position:0 -50px;
}
/*   */
.top-a-line #top-a,.top-b-line #top-b,.bottom-b-line #bottom-b,.footer-line #footer {
margin-top:20px;
position:relative;
} 

.top-a-line #top-a:before,.top-b-line #top-b:before,.main-line #main:before,.bottom-a-line #bottom-a:before,.bottom-b-line #bottom-b:before,.footer-line #footer:before {
top:-15px;
right:5px;
left:5px;
height:10px;
background:url(../images/section_before.png) 0 0 repeat-x;
}

.top-a-line #top-a,.footer-line #footer {
margin-top:25px;
}

.footer-line #footer:before {
top:-20px;
right:0;
left:0;
}

#footer:before,.top-a-line #top-a:before,.top-b-line #top-b:before,.main-line #main:before,.bottom-a-line #bottom-a:before,.bottom-b-line #bottom-b:before,.footer-line #footer:before {
content:"";
display:none;
position:absolute;
}


.lijevi-column {
margin-top:60px;
width: 590px;
float:left;
}
.desni-column {
width: 340px;
background: #FAFAFA;
float: right;
margin-right: 7px;
margin-top: -40px;
box-shadow: 1px 3px 13px #929292;
padding: 0 5px 0 20px;
}

#menubar {
background: #777777;
PADDING: 0 0 0 220PX;
/*position: relative;
left: 220px;
width: 75.5%;    */
}


/*      GORNJI DIO ODKOMENTIRATI DA BI SE MENU VRATIO DI TREBA             */
/*      GREŠKA JE U NEKOM FILEU IZNAD LAYOUTA I U SAMOM LAYOUTU             */
/*      ZAKOMENTIRANA JE I LINIJA 67 !!             */

.menu-dropdown li.level2:hover {
    background-color: rgb(124, 189, 61);
}  

span#upsell-box-tittle {
font-size: 160%;
line-height: 150%;
} 

.upsell-box {
padding: 0 0 10px 10px;
position:relative;
}

.module.mod-box.deepest {
background-color: white;
padding: 0px;
margin: 0 10px 25px 10px;
}

.module.mod-box.deepest span.E_BUTTON.GREEN {
float: right;
position: absolute;
top: -34px;
right: 0px;
}

#footer  {
margin:0 -9999rem;
padding:0 9999rem; 
} 

section#bottom-a {
background-color: #E4E4E4;
padding-top: 25px;
margin: 0 -15px;
-webkit-box-shadow: inset 0px 2px 0px 0px rgba(194,194,194,0.5);
-moz-box-shadow: inset 0px 2px 0px 0px rgba(194,194,194,0.5);
box-shadow: inset 0px 2px 0px 0px rgba(194,194,194,0.5);
}

.slike-wrapper div {
float: left;
}
.slika1, .slika2, .slika3, .slika4, .slika5 {
margin: 0 12px 12px 0;
display: block;
overflow: hidden;
}

.slika7 {
display: block;
overflow: hidden;
margin: 0px 12px 12px 0;

}

.slika8 {
display: block;
overflow: hidden;
margin: 0px 0 12px 0;
}

.slika6 { 
display: block;
overflow: hidden;
}
    
.slika2, .slika5 {
margin: 0 0 12px 0;
}

.upper-wrapper {
background-color: #E4E4E4;
border: 1px #AFAFAF solid;
margin-bottom: 20px;
padding: 15px;
overflow: auto;
margin: 0 -30px 20px -30px;
padding-left: 40px;
}

.upper-box-white {
background-color: #ffffff;
overflow: auto;
width: 600px;
float: left;;
-webkit-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.3);
box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.3);
border: 1px #A0A0A0 solid;
border-radius: 8px;
}

.upper-box-1, .upper-box-2, .upper-box-usp {
/*margin: 0 0 0 0;  */
height: 150px;
float: left;
padding: 10px;
}

.upper-box-1, .upper-box-2 {
width: 280px;
}

.upper-box-usp {
width: 300px;
margin-left: 15px;
padding-right: 0px;
}

span#hp-title {
    font-size: 18px;
    display: inline-block;
    margin: 0 0 8px 0;
}