body {
margin: 0;
padding: 0;
font: 400 14px/150% 'Open Sans', sans-serif;
color: #000;
background-color: #454545;
}


.lining:after {
content: " ";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
clear: both;
}


/*containers*/

.wrap {
margin: 0 auto;
padding: 0 35px;
}
.wrap .lining {
position: relative;
max-width: 1160px;
margin: 0 auto;
}
#top.wrap {
padding: 30px 0;
background-color: #fff;
}
#top.wrap .lining {
padding: 0 35px;
}
#mast.wrap {
background-color: #d8d8d8;
}
#content.wrap {
padding: 0;
background-color: #fff;
}
#content.wrap .lining {
max-width: 1230px;
}
#footer.wrap {
padding-top: 10px;
background-color: #fff;
}
.item {
float: left;
width: 33.33%;
margin: 40px 0 0;
}
.item .lining {
margin: 0 35px;
}
.innerheight {
min-height: 65px;
}
.article {
padding: 0 15px 40px;
margin: 0 auto;
}
.blog {
padding-top: 1px;
padding-bottom: 40px;
}
.col {
float: left;
width: 33.33%;
margin-top: 40px;
}

/*.article .col:nth-child(2) {
width: 34%;
}*/
.doublecol {
float: left;
width: 66%;
margin-top: 40px;
}

.col .lining, .doublecol .lining {
margin: 0 20px;
}

/* end containers*/



/* slider */

#sliderinner {
margin: auto;
max-width: 1160px;
background-color: #fff;
z-index: -100;
}
.slider {
position: relative;
margin: 0;
}
.slide {
position: relative;
}
.slide img {
width: 100%;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bx-viewport {
background-color: #242424;
}
.bx-loading {
	min-height: 50px;
	background: #fff url(../img/bx_loader.gif) center center no-repeat);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper img {
	max-width: 100%;
}
.caption {
position: absolute;
right: 0;
bottom: 15%;
width: 30%;
padding: 2%;
color: #fff;
background: url(../img/trans_blk50.png);
}
.caption h3 {
margin: 0 0 10px;
font-weight: 300;
font-size: 32px;
line-height: 32px;
font-variant: small-caps;
}
.caption p {
margin: 0;
}

.caption.tagline {
position: absolute;
right: auto;
left: 4%;
bottom: 20%;
width: auto;
padding: 0;
background: url(none);
}
.caption.tagline h3 {
font-size: 40px;
line-height: 40px;
color: #fff;
margin: 0;
}
/*.caption.tagline h3 span {
color: #DF111C;
}*/




.caption a, .caption a:hover {
color: #fff;
}
#slide1 .caption {
left: 6%;
bottom: 15%;
width: 88%;
padding: 0;
color: #fff;
background: url(none);
}
#slide1 .caption h3 {
font-size: 40px;
line-height: 40px;
}
.bx-controls a {
display: block;
position: absolute;
top: 0;
height: 100%;
padding: 0 3%;
}
.bx-controls a.bx-prev {
left: 0;
}
.bx-controls a.bx-next {
right: 0;
}
.bx-controls a.bx-prev:hover {
background: url(../img/prev.png) no-repeat top center;
}
.bx-controls a.bx-next:hover {
background: url(../img/next.png) no-repeat top center;
}

/* end slider */


/* tags */

a {
text-decoration: none;
outline: none;
color: #005791;
}
a:hover {
color: #DF111C;
}
p {
margin: 0 0 10px;
}
img {
display: block;
border: none;
}
h1 {
margin: 0;
font-size: 35px;
line-height: normal;
font-weight: 300;
color: #fff;
}
.news h1 {
margin: 0 20px -20px;
padding: 28px 0 0;
font-size: 32px;
line-height: normal;
font-weight: 300;
color: #fff;
}
.news .item h1 {
margin: 0;
padding: 0;
font-size: 30px;
line-height: normal;
font-weight: 300;
color: #fff;
}

h2 {
margin: 0 0 20px;
padding-bottom: 10px;
font-weight: 400;
font-size: 25px;
line-height: 25px;
border-bottom: 1px dotted #C00;
}

h4 {
margin: 0 0 10px;
font-size: 13px;
line-height: normal;
font-weight: 600;
text-transform: uppercase;
}

ul {
padding: 0 0 0 1em;
}

/* end tags */


#logo {
width: 230px;
float: left;
margin: 4px 35px 4px 0;
}
#logo img {
width: 100%;
}
#langnav {
float: right;
margin-left: 35px;
}
#langnav a {
display: inline-block;
width: 36px;
height: 36px;
font-weight: 600;
color: #fff;
line-height: 36px;
text-align: center;
text-transform: uppercase;
background-color: #000;
}
#langnav a:hover {
background-color: #005791;
}
#langnav a.active {
background-color: #bdbdbd;
}


/* navigation */

#navmain {
clear: both;
padding-top: 24px;
}
#top.wrap #navmain .lining {
padding: 0;
}
#navmain ul, #navmain li, #navmain .moduletable {
display: inline;
margin: 0;
padding: 0;
list-style: none;
}
#navmain a {
display: block;
float: left;
margin-right: 28px;
font: 700 16px/16px 'Open Sans', sans-serif;
color: #005791;
text-transform: uppercase;
white-space: nowrap;
}
#navmain .active a {
color: #000;
}
#navmain li:last-child a{
margin-right: 0;
}
#navmain a:hover {
color: #000;
}
#navmain a.trigger-main {
display: none;
width: 230px;
height: 36px;
margin: 15px 0 0;
background: #454545 url(../img/trigger.png) no-repeat 10px center;
}
#navmain a.trigger-main:hover {
background: #005791 url(../img/trigger.png) no-repeat 10px center;
}
.toggle-main {
}

/* end navigation */

#footer .lining {
padding: 20px 0 40px;
border-top: 3px solid #d8d8d8;
}


/* styling */

.blog .item h1 {
margin: 0;
font: 300 26px/100% 'Open Sans', sans-serif;
}
.blog .item img {
width: 100%;
}
.item p, .blog .item p {
margin: 0;
}

.item .imgholder {
position: relative;
margin: 20px 0;
border: 9px solid #e2e2e2;
}
.imgholder.sold:before {
content: "Sold";
}
.imgholder.prodano:before {
content: "Prodano";
}
.imgholder.prodano:before,
.imgholder.sold:before {
display: block;
position: absolute;
bottom: 0;
right: 0;
padding: 5px 20px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
background: url(../img/trans_red80.png);
}
.slider.prodano:before,
.slider.sold:before {
display: block;
position: absolute;
top: 0;
left: 0;
padding: 5px 20px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
background: url(../img/trans_red80.png);
z-index: 90;
}
.slider.prodano:before {
content: "Prodano";
}
.slider.sold:before {
content: "Sold";
}


.clear {
clear: both;
}
.squeeze img {
width: 100%;
}
table {
font-size: 13px;
border-collapse: collapse;
border-top: 1px solid #fff;
background-color: #E8E8E8;
}
td {
padding: 5px;
vertical-align: top;
}
tr {
border-bottom: 1px solid #fff;
}

/* album */
.album .imageholder {
float: left;
width: 50%;
}
.doublecol .album .imageholder {
width: 25%;
}

.album a {
display: block;
padding: 1px;
}

.album img {
width: 100%;
}




/* end album */


.topspace {
margin-top: 20px;
}

.image-link {
}
.small {
font-size: 13px;
}

/*page navigation*/

.pager.pagenav {
padding-top: 0;
}
#content.wrap .pager.pagenav .lining {
float: none;
position: relative;
max-width: 1160px;
margin: 0 auto;
padding-top: 15px;
border-top: 3px solid #D8D8D8;
}

.pager.pagenav div {
float: left;
}
.pager.pagenav div:first-child {
margin-right: 20px;
}

.next a, .previous a {
display: inline-block;
width: 34px;
height: 34px;
}
.previous a {
background: #005791 url(../img/pagenav_prev.png) no-repeat left bottom;
}
.next a {
background: #005791 url(../img/pagenav_next.png) no-repeat right bottom;
}
.next a:hover, .previous a:hover {
background-color: #000;
}

/*end page navigation*/




/*articles pagination*/

.pagination {
max-width: 1160px;
margin: 0 auto;
padding: 18px 0 0;
border-top: 3px solid #D8D8D8;
}

.pagination ul {
list-style: none;
margin: 0;
padding: 0;
}

.pagination ul li, .pagination-list li {
display: block;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.pagination a {
display: block;
width: 34px;
height: 34px;
font: 700 14px/34px 'Open Sans', sans-sans-serif;
text-align: center;
}
.pagination a {
color: #fff;
background-color: #005791;
}
.pagination a:hover {
background-color: #000;
}

.pagination li.disabled, .pagination-list li.disabled {
display: none;
}
.pagination li.active a, .pagination-list li.active a {
color: #fff;
background-color: #000;
}


/*end articles pagination*/


/* chapter navigation */

#navchapter {
max-width: 1160px;
margin: 0 auto;
}
#navchapter .inner {
background-color: #A4A4A4;
}
#navchapter a {
display: block;
float: left;
padding: 10px 20px;
font: 600 14px/14px 'Open Sans', sans-serif;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
}
#navchapter a:hover {
color: #fff;
background-color: #005791;
}

/* end chapter navigation */

.gmap {
position: relative;
padding-bottom: 95%;
height: 0;
overflow: hidden;
}
.gmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}      

.logos img {
float: left;
border-bottom: 1px solid #e0e0e0;
}















@media all 
and (max-width : 1229px) 
{
#logo {
margin: 4px 300px 4px 0;
}
/*#navmain {
padding: 0 35px;
}*/

}

@media all 
and (max-width : 1120px) 
{
.caption {
width: 35%;
}
}


@media all 
and (max-width : 1023px) 
{
#navmain a {
margin-right: 18px;
}
.caption {
position: static;
right: 0;
bottom: 0;
width: auto;
height: auto;
min-height: 80px;
padding: 10px 20px;
background: url(../img/trans_blk80.png);
}
.caption h3 {
font-size: 28px;
line-height: 28px;
}
#slide1 .caption {
left: 0%;
bottom: 0%;
width: 100%;
padding: 0;
color: #fff;
}
#slide1 .caption h3 {
margin: 0 6%;
}

.item {
width: 50%;
}
.col {
width: 50%;
}
.doublecol {
width: 100%;
}

/*.article .col:nth-child(2) {
width: 50%;
}*/
.article .col:nth-child(3) {
width: 100%;
}
.gmap {
padding-bottom: 60%;
}
.caption.tagline {
bottom: 5%;
}
.caption.tagline h3 {
font-size: 35px;
line-height: 35px;
}


}






@media all 
and (max-width : 979px) 
{

#navmain {
padding-top: 10px;
}
#navmain a.trigger-main {
display: block;
}
#navmain:hover a.trigger-main {
background-color: #005791;
}
.toggle-main {
display: none;
position: absolute;
left: 0;
top: 51px;
width: 230px;
background-color: #005791;
z-index: 100;
}
#navmain .toggle-main a {
float: none;
color: #fff;
margin: 0;
padding: 12px;
font-size: 15px;
border-top: 1px solid #0073BF;
}
#navmain .toggle-main a:hover {
background-color: #000;
}

}




@media all 
and (max-width : 800px) 
{
.twocols .col {
width: 100%;
}


}








@media all 
and (max-width : 767px) 
{
#langnav {
margin: 0;
position: absolute;
top: 0;
right: 35px;
}
.col {
width: 100%;
}

}

@media all 
and (max-width : 679px) 
{
.article .col:nth-child(2) {
width: 100%;
}
.article .col:nth-child(3) {
width: 100%;
}
.col p:last-child {
margin-bottom: 0;
}
#navchapter .inner {
padding: 0 10px;
}
#navchapter a {
padding: 10px 10px;
}
.blog .lining {
padding: 0 20px;
}
.item .lining {
margin: 0;
}
.blog .item h1 {
font: 300 24px/100% 'Open Sans', sans-serif;
}
.caption.tagline {
bottom: 0;
}

}

@media all 
and (max-width : 579px) 
{
#navchapter {
display: none;
}
#slide1 .caption h3 {
font-size: 33px;
line-height: 33px;
}

}

@media all 
and (max-width : 480px)
{
#top.wrap {
padding: 0 0 25px;
background-color: #fff;
}
#langnav {
position: static;
float: none;
margin: 0 -35px 20px;
padding: 0 35px;
background-color: #454545;
}
#mast.wrap {
padding: 0;
}
.blog .lining {
padding: 0 15px;
}
.item {
width: 100%;
}
.blog .item h1 {
font: 300 28px/100% 'Open Sans', sans-serif;
}

}

@media all 
and (max-width : 360px) 
{
#top.wrap .lining {
padding: 0 15px;
}
#langnav {
margin: 0 -15px 20px;
padding: 0 15px;
}
#slide1 .caption h3 {
font-size: 26px;
line-height: 26px;
}
.col .lining, .doublecol .lining {
margin: 0;
}
.pager.pagenav {
padding: 0 10px;
}
#footer.wrap {
padding: 10px 10px 0;
}
.blog .lining {
padding: 0 10px;
}
.caption.tagline {
bottom: -25%;
}

.caption.tagline h3 {
font-weight: 400;
font-size: 26px;
line-height: 26px;
}
.blog .item h1 {
font: 300 24px/100% 'Open Sans', sans-serif;
}

}

@media all 
and (max-width : 320px) 
{
#slide1 .caption h3 {
font-size: 23px;
line-height: 23px;
}

}