/* This css is required for proper positioning of zones according to their width */

/* zone has one column with 100% width */
.zone_width_100
{
    width: 100%;
}

/* zone has two columns of 75% and 25% */
.zone_width_75_1
{
    width: 73%;
    margin-right: 2%;
}

.zone_width_25_2
{
    width: 23%;
    margin-left: 2%;
}


.zone_width_25_1
{
    width: 23%;
    margin-right: 2%;        
}

.zone_width_75_2
{
    width: 73%;
    margin-left: 2%;
}


/* zone has two columns of 70% and 30% */
.zone_width_70_1
{
    width: 68%;
    margin-right: 2%;
}

.zone_width_30_2
{
    width: 28%;
    margin-left: 2%;
}

.zone_width_30_1
{
    width: 28%;
    margin-right: 2%;        
}

.zone_width_70_2
{
    width: 68%;
    margin-left: 2%;
}

/* zone has two columns of 50% and 50% */
.zone_width_50_1
{
    width: 48%;
    margin-right: 2%;
}

.zone_width_50_2
{
    width: 48%;
    margin-left: 2%;
}

/* zone has three columns of 33% each */
.zone_width_33_1
{
    width: 31%;
}

.zone_width_33_2
{
    width: 31%;
    margin-left: 3.5%;
    margin-right: 3.5%;
}

.zone_width_33_3
{
    width: 31%;
}

/* zone has four columns of 25% each */

.zone_width_4_25_1
{
    width: 22.75%;
    margin-right: 3%;
}

.zone_width_4_25_2
{
    width: 22.75%; 
    margin-right: 3%;
}

.zone_width_4_25_3
{
    width: 22.75%;
    margin-right: 3%;
}

.zone_width_4_25_4
{
    width: 22.75%;
}

/* zone has five columns of 20% each */

.zone_width_20_1
{
    width: 17.6%;
    margin-right: 3%;
}

.zone_width_20_2
{
    width: 17.6%;
    margin-right: 3%;
}

.zone_width_20_3
{
    width: 17.6%;
    margin-right: 3%;
}

.zone_width_20_4
{
    width: 17.6%;
    margin-right: 3%;
}

.zone_width_20_5
{
    width: 17.6%;    
}

.zoneColumn 
{
    float: left;
}

.mainZone
{ 
    clear: both;    
    margin-top: 10px;

}

/*.text .brick_tekst{
overflow: auto; 
padding: 0px 10px;
margin-bottom: 10px;
}*/

.image_right{
padding-left: 15px;
}

.image_left{
padding-right: 15px;
}

/*-------------------------
	Image Caption
--------------------------*/

#captionwrapper p, a, img{
	margin: 0;
	padding: 0;	
}

/* Image Box Style */
#captionwrapper .box {			
	position: relative;
	overflow: hidden !important;		
}

/* Caption Common Style */
#captionwrapper .box .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;    
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
}

/** Caption 1: Simple **/
#captionwrapper .box .simple-caption {		
	bottom: -33px;    
	line-height: 25pt;
	text-align: center;
}

/** Simple Caption :hover Behaviour **/
#captionwrapper .box:hover .simple-caption {	
    -moz-transform: translateY(-99%);
	-o-transform: translateY(-99%);
	-webkit-transform: translateY(-99%);	
	transform: translateY(-99%);
	opacity: 1;     
}


/** Simple Caption overlay Behaviour **/
#captionwrapper .caption-overlay {
    
    bottom: -33px;    
	line-height: 25pt;
	text-align: center;
    
    -moz-transform: translateY(-99%);
	-o-transform: translateY(-99%);
	-webkit-transform: translateY(-99%);	
	transform: translateY(-99%);
	opacity: 1;     
}

/** Simple Caption overlay Behaviour **/

.caption-below-box{
    position: relative;
}

#captionwrapper .caption-below {
    
    bottom: -33px;    
	line-height: 25pt;
	text-align: center;
    
    background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;    
	z-index: 100;		
	left: 0; 
	opacity: 1;     
}

/* blog article preview on web-page */

/*confirm popup css*/

.jconfirm-box-container{
    width: 50%;
    margin: 0 auto;
    max-width: 400px; 
}
.jconfirm.jconfirm-white .jconfirm-box .buttons button{
    padding: 5px 10px;
}

.googleMap{
    width: 100%;
    height: 270px;
}
.footer-googlemap {
    width: 100%;
    height: auto;
}