@charset "utf-8";
/* CSS Document */

html,
body{
	height: 100%;
}

.torturiDeNunta{
	background: url(../gallery/torturi-de-nunta/background.jpg) center;
	background-size: cover;
}

.torturiDeCopii{
	background: url(../gallery/torturi-de-copii/background.jpg) center;
	background-size: cover;
}

.torturiDeOcaziiSpeciale{
	background: url(../gallery/torturi-de-ocazii-speciale/background.jpg) center;
	background-size: cover;
}

.torturiDeBotez{
	background: url(../gallery/torturi-de-botez/background.jpg) center;
	background-size: cover;
}

.candyBarPrajituri {
	background: url(../gallery/candy-bar-prajituri/background.jpg) center;
	background-size: cover;
	}
	
.cupcakes  {
	background: url(../gallery/cupcakes/background.jpg) center;
	background-size: cover;
	}
	
.turtaDulceBiscuiti{
	background: url(../gallery/turta-dulce-biscuiti/background.jpg) center;
	background-size: cover;
}
	
.macaronsCakePops {
	background: url(../gallery/macarons-cake-pops/background.jpg) center;
	background-size: cover;
	}
	
.candybarBotez  {
	background: url(../gallery/candy-bar-botez/background.jpg) center;
	background-size: cover;
	}
	
.candybarOcazii  {
	background: url(../gallery/candy-bar-ocazii/background.jpg) center;
	background-size: cover;
	}
	
.craciun {
	background: url(../gallery/craciun/background.jpg) center;
	background-size: cover;
}

.valentines {
	background: url(../gallery/valentines-day/background.jpg) center;
	background-size: cover;
}

.sarbatori-paste {
	background: url(../gallery/sarbatori-paste/background.jpg) center;
	background-size: cover;
}

.galleryBackground{	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 90%;
}

.galleryTitle{
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -200px -700px 0 0;
	padding: 40px 50px 50px 50px;
	background-color: #fff;	
	font-family: "Playfair Display", serif;
	font-style:italic;
	font-size: 48px;
	color: #000;
	line-height: 60px;	
}

.galleryTitle.singleLine{
	right: 0px !important; 
	margin: -100px 0px 0px 0px !important;
}

#homescreenArrow{
	margin-top: -49px;
}

.imageGalley{
	position: relative;
	top: -10%;
	text-align: center;
	background-color: #fff;
	padding: 200px 0;
}

.imageGalley img{
	display: inline-block;
	margin: 0 20px 20px 0;
}

/*-----------------------------------------------------------------
			TILES
-----------------------------------------------------------------*/

.tileRight,
.tileLeft,
.tileSplit{
	position: relative;
	top: -10%;
	width: 100%;
	height: 60%;
	overflow: hidden;
}

.tileRight > *,
.tileLeft > *,
.tileSplit > *{
	position: relative;
	float: left;
}


.tileRight .left{
	width: 20%;
	height: 100%;
}

.tileRight .right{
	width: 80%;
	height: 100%;
}

.tileLeft .left{
	width: 80%;
	height: 100%;
}

.tileLeft .right{
	width: 20%;
	height: 100%;
}

.tileSplit .left,
.tileSplit .right{
	width: 50%;
	height: 100%;	
}

.tileSplit > a *{	
	overflow: hidden;
}

.centerAligned,
.leftAligned,
.rightAligned{
	cursor: pointer;
}

.centerAligned{
	text-align: center;
	white-space: nowrap;
}

.centerAligned:before{
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.centerAligned img{
	display: inline-block;
	height: 70%;
	vertical-align: middle;
}

.leftAligned img{
	float: left;
	height: 100%;	
}

.rightAligned img{
	float: right;
	height: 100%;	
}

.imageInfo{
	position: relative;
	margin: 50px 0 0 20px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	opacity: 0;
}

.imageInfo span{
	color: #fff;
}

.centerAligned .imageInfo{
	position: absolute;
	top: 0px;
	text-align: left;
}

.leftAligned .imageInfo{
	float: right;
	margin: 50px 20px 0 0px;
}

#footer{
	top: -10%;
}

.galleryLink{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	outline: none;
	transition:all 0.2s;
	
	background-size:100%;
	background-position:center;
}

.galleryLink:hover {
	background-size:105%!important;
}

.onlybackground img {
	display:none!important;
	opacity:0!important;
	width:1px!important;
	height:1px!important;
}

/*-----------------------------------------------------------------
			CATALOG
-----------------------------------------------------------------*/

.catalog-link{
	position: relative;
	top: -10%;
	width: 100%;
	height: 60px;
	background-color: #000;
}

.catalog-link div{
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 121px;
	height: 121px;
	margin-left: -60px;
	background: url(../images/catalog-link.png) top left;
}

.catalog-link div:hover{
	background-position: 0px -121px;
}




/*-----------------------------------------------------------------
			COLORBOX
-----------------------------------------------------------------*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:fixed; top:50%; left:0px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:fixed; top:50%; right:0px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose-orig{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose-orig:hover{background-position:bottom center;}
		
		#cboxNext,
		#cboxPrevious,
		#cboxClose{
			position: fixed;
			width: 50px;
			height: 50px;
			cursor: pointer;
			-webkit-border-radius: 25px;
			-moz-border-radius: 25px;
			border-radius: 25px;
			background: url(../images/icons.png) no-repeat;
			background-color: #211a19;
			outline: none;
		}
		
		#cboxNext{
			top: 50%;
			right: 50px;
			background-position: -123px -125px;	
		}
		
		#cboxNext:hover{
			background-color: #fbb1af;
			background-position: -123px -25px;	
		}
		
		#cboxPrevious{
			top: 50%;
			left: 50px;
			background-position: -27px -125px;	
		}
		
		#cboxPrevious:hover{
			background-color: #fbb1af;
			background-position: -27px -25px;	
		}
		
		#cboxClose{
			top: 50px;
			right: 50px;
			background-position: -325px -125px;	
		}
		
		#cboxClose:hover{
			background-color: #fbb1af;
			background-position: -325px -25px;	
		}