@charset "utf-8";

/* CSS Document */
:focus {
	border: none;
	outline: none;
}

@font-face {
	
	
	font-family: 'majala';
	
    src: url('../font/signoria_regular-webfont.eot');
    src: url('../font/signoria_regular-webfont.ttf') format('truetype');
	/*
    font-family: 'majala';
    src: url('../font/majalla-webfont.eot');
    src: url('../font/majalla-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/majalla-webfont.woff2') format('woff2'),
         url('../font/majalla-webfont.woff') format('woff'),
         url('../font/majalla-webfont.ttf') format('truetype'),
         url('../font/majalla-webfont.svg#sakkal_majallaregular') format('svg');
    */
    font-weight: normal;
    font-style: normal;
}

* {
	font-family: 'majala';
	
}


body {

	margin:0px;

	padding:0px;

	/*background:#d1d1d1;*/

	/*background:#282828;*/

	/*background:#5c5c5c;*/

	background:#000000;

	color: #666;
	font-size: 16px;

}



img {

	border:0;

}



#wrapper {
	width:980px;
	height:auto;
	box-sizing: border-box;
	margin:auto;
	background:url(../images/background_spades.jpg) no-repeat, url(../images/spade_repeat.jpg) repeat-y;
	/* url(../images/spade_footer.jpg) no-repeat bottom */
	padding:0 0 10px 0;
	position: relative;
	background-position: center 0px;

}






#wrapper2 {

	width:980px;

	height:auto;

	min-height:1276px;
	
	box-sizing: border-box;

	margin:auto;

	background:url(../images/background_spades2.jpg) no-repeat, url(../images/spade_footer.jpg) no-repeat bottom, url(../images/spade_repeat.jpg) repeat-y;
	
	padding:0 0 10px 0;
	
	position: relative;

}


#header {

	width:980px;

	height:213px;

	position:relative;

	padding:2px 0 0 0;

}



#logo {

	width:551px;
	
	height: 160px;

}



#car {

	width:0px;

	height:300px;

	top:100px;

}



#menu {
	width:750px;
	height:70px;
	position:absolute;
	right:-70px;
	bottom:25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}





#menu a {

	width:160px;

	height:70px;

	float:left;

	background:#003333;

	border-radius:2px;

	display:block;

	margin-top: 35px;

	margin-right: 1px;

	margin-bottom: 0;

	margin-left: 0;

}



#menu a:after {

	content:"";

	display:block;

	width:198px;

	height:0px;

	position:relative;

	left:3px;

	top:100%;

}







#menuM {
	width:816px;
	height:300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 300px;

}



#menuM a[id] {

	width:383px;

	height:93px;

	float:left;

	background:#003333;

	border-radius:10px;

	display:block;

	padding-left: 100px;

	padding-top: 20px;

}



#menuM a[id]:after {

	content:"";

	display:block;

	width:198px;

	height:0px;

	position:relative;

	padding-left: 20px;

	top:100%;

}









#menuM2 {
	width:400px;
	height:300px;
	position:absolute;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 300px;
	left: 12px;
	top: 400px;

}



#menuM2 a {

	width:200px;

	height:93px;

	float:left;

	background:#003333;

	border-radius:10px;

	display:block;

	padding-left: 100px;

	padding-top: 20px;

}



#menuM2 a:after {

	content:"";

	display:block;

	width:198px;

	height:0px;

	position:relative;

	padding-left: 20px;

	top:100%;

}








/*#home:after {background:url(../images/bhome.jpg) no-repeat;}*/

#home:link, #home:visited { background:url(../images/home.png) no-repeat 0 0px;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

            -moz-transition: opacity 0.5s ease-in; /*for mozilla firefox*/

    -o-transition: opacity 0.5s ease-in; /*for opera*/}

#home:hover {background:url(../images/home1.png) no-repeat 0 0px; 

			opacity:0.9;}

#home:active {background:url(../images/home1.png) no-repeat 0 0px;}







/*#portfolio:after {background:url(../images/bport.jpg) no-repeat;}*/

#portfolio:link, #portfolio:visited { background:url(../images/portfolio.png) no-repeat;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

            -moz-transition: opacity 0.5s ease-in; /*for mozilla firefox*/

    -o-transition: opacity 0.5s ease-in; /*for opera*/}

#portfolio:hover {background:url(../images/portfolio1.png) no-repeat 0 0px;

			opacity:0.9;}

#portfolio:active {background:url(../images/portfolio1.png) no-repeat 0 0px;}







/*#about:after {background:url(../images/babout.jpg) no-repeat;}*/

#about:link, #about:visited { background:url(../images/about.png) no-repeat;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

            -moz-transition: opacity 0.5s ease-in; /*for mozilla firefox*/

            -o-transition: opacity 0.5s ease-in; /*for opera*/}

#about:hover {background:url(../images/about1.png) no-repeat 0 0px;

			opacity:0.9;}

#about:active {background:url(../images/about1.png) no-repeat 0 0px;}







/*#contact:after {background:url(../images/contact.png) no-repeat;}*/

#contact:link, #contact:visited { background:url(../images/contact.png) no-repeat;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

			-moz-transition: opacity 0.5s ease-in; /*for mozilla firefox*/			

            -o-transition: opacity 0.5s ease-in; /*for opera*/}

#contact:hover {background:url(../images/contact1.png) no-repeat 0 0px;

			opacity:0.9;}

#contact:active {background:url(../images/contact1.png) no-repeat 0 0px;}




#menuM #movie:after {background:url(../images/B1MovieClip1.png) no-repeat;}

#menuM #movie:link, #menuM #movie:visited { background:url(../images/B1MovieClip1.png) no-repeat;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

			-moz-transition: opacity 0.5s ease-in; /*for mozilla firefox*/			

            -o-transition: opacity 0.5s ease-in; /*for opera*/}

#menuM #movie:hover {background:url(../images/B1MovieClip2.png) no-repeat 0 1px;

			opacity:1;}

#menuM #movie:active {background:url(../images/B1MovieClip2.png) no-repeat 0 1px;}







#menuM #snap:after {background:url(../images/B2SnapShots1.png) no-repeat;}

#menuM #snap:link, #menuM #snap:visited { background:url(../images/B2SnapShots1.png) no-repeat;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

			-moz-transition: opacity 0.5s ease-in; /*for mozilla firefox*/			

            -o-transition: opacity 0.5s ease-in; /*for opera*/}

#menuM #snap:hover {background:url(../images/B2SnapShots2.png) no-repeat 0 1px;

			opacity:1;}

#menuM #snap:active {background:url(../images/B2SnapShots2.png) no-repeat 0 1px;}






#menuM #pano:after {background:url(../images/B3Panorma1.png) no-repeat;}

#menuM #pano:link, #menuM #snap:visited { background:url(../images/B3Panorma1.png) no-repeat;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

			-moz-transition: opacity 0.5s ease-in; /*for mozilla firefox	*/		

            -o-transition: opacity 0.5s ease-in; /*for opera*/}

#menuM #pano:hover {background:url(../images/B3Panorma2.png) no-repeat 0 1px;

			opacity:1;}

#menuM #pano:active {background:url(../images/B3Panorma2.png) no-repeat 0 1px;}






#menuM #web:after {background:url(../images/B4WebDesign1.png) no-repeat;}

#menuM #web:link, #menuM #snap:visited { background:url(../images/B4WebDesign1.png) no-repeat;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

			-moz-transition: opacity 0.5s ease-in; /*for mozilla firefox	*/		

            -o-transition: opacity 0.5s ease-in; /*for opera*/}

#menuM #web:hover {background:url(../images/B4WebDesign2.png) no-repeat 0 1px;

			opacity:1;}

#menuM #web:active {background:url(../images/B4WebDesign2.png) no-repeat 0 1px;}








#menuM #draw:after {background:url(../images/B5PencilDrawings1.png) no-repeat;}

#menuM #draw:link, #menuM #snap:visited { background:url(../images/B5PencilDrawings1.png) no-repeat;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

			-moz-transition: opacity 0.5s ease-in; /*for mozilla firefox	*/		

            -o-transition: opacity 0.5s ease-in; /*for opera*/}

#menuM #draw:hover {background:url(../images/B5PencilDrawings2.png) no-repeat 0 1px;

			opacity:1;}

#menuM #draw:active {background:url(../images/B5PencilDrawings2.png) no-repeat 0 1px;}




#button:after {background:url(../images/Button.png) no-repeat;}

#button:link, #snap:visited { background:url(../images/Button.png) no-repeat;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

			-moz-transition: opacity 0.5s ease-in; /*for mozilla firefox	*/		

            -o-transition: opacity 0.5s ease-in; /*for opera*/}

#button:hover {background:url(../images/Button.png) no-repeat 0 1px;

			opacity:0.7;}

#button:active {background:url(../images/Button.png) no-repeat 0 1px;}






#button1:after {background:url(../images/home1off.jpg) no-repeat;}

#button1:link, #portfolio:visited { background:url(../images/home1off.png) no-repeat;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

            -moz-transition: opacity 0.5s ease-in; /*for mozilla firefox*/

            -o-transition: opacity 0.5s ease-in; /*for opera*/}

#button1:hover {background:url(../images/home1on.png) no-repeat 0 0px;

			opacity:0.85;}

#button1:active {background:url(../images/home1on.png) no-repeat 0 0px;}





#button2:after {background:url(../images/home2off.jpg) no-repeat;}

#button2:link, #portfolio:visited { background:url(../images/home2off.png) no-repeat;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

            -moz-transition: opacity 0.5s ease-in; /*for mozilla firefox*/

            -o-transition: opacity 0.5s ease-in; /*for opera*/}

#button2:hover {background:url(../images/home2on.png) no-repeat 0 0px;

			opacity:0.85;}

#button2:active {background:url(../images/home2on.png) no-repeat 0 0px;}








#button3:after {background:url(../images/home3off.jpg) no-repeat;}

#button3:link, #portfolio:visited { background:url(../images/home3off.png) no-repeat;

			-webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/

            -moz-transition: opacity 0.5s ease-in; /*for mozilla firefox*/

            -o-transition: opacity 0.5s ease-in; /*for opera*/}

#button3:hover {background:url(../images/home3on.png) no-repeat 0 0px;

			opacity:0.85;}

#button3:active {background:url(../images/home3on.png) no-repeat 0 0px;}



#main {

	width:960px;

	height:auto;

	color:#666;

	/*overflow:auto;*/

	padding-top: 50px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

}

#main video {
	margin-left: 110px;
}

#main h3 {
	font-size: 18px;
	text-align: right;
	padding-right: 100px;
	margin-bottom: 7px;
}




#gallery1 {

	width:950px;

	height:620px;

	margin:30px auto 30px;

}



#presentation {

	width: 960px;
	height: 330px;
	/*margin: 100px auto 10px;*/

}



#aboutText {

	width:600px;

	margin:0px 30px 0 220px;

	float:left;

	text-align:left;

	

}



#main img {
	float:right;
	margin-top:10px;
	margin-right:80px;

}


#main img2 {

	float:right;

	margin-top:230px;

	margin-right:80px;

}





#spacer {background:url(../images/MenuBottom.jpg) no-repeat;
	
	width:980px;
	height:85px;
	clear:both;
	margin:0px 0px 0px 0px;
	
	/* 
	width:800px;
	height:1px;
	clear:both;
	margin:200px 0 0 120px;
	background:#666;
	background:-moz-linear-gradient(left, #ccc 0%, #333 50%, #ccc 100%);
	background:-o-linear-gradient(left, #ccc 0%, #333 50%, #ccc 100%);
	background:-ms-linear-gradient(left, #ccc 0%, #333 50%, #ccc 100%);
	background:-webkit-linear-gradient(left, #ccc 0%, #333 50%, #ccc 100%);
	background:linear-gradient(left, #ccc 0%, #333 50%, #ccc 100%);
	*/
}	

#movieClips {

	left: 100px;

	top: 300px;

}


#foto1, #foto2, #foto3, #foto4 {
	cursor: pointer;
	padding-left: 240px;	
    padding-bottom: 50px;
}





h3#gal1, h3#gal2, h3#gal3, h3#gal4, h3#gal5, h3#gal6 {
	cursor: pointer;
	text-align: left;
	padding-right: 120px;
	opacity:0.7;
}

h3#gal1:hover {opacity:1;
              }
              
h3#gal2:hover {opacity:1;
              }
              
h3#gal3:hover {opacity:1;
              }
			  
h3#gal6:hover {opacity:1;
              }

#gal1 span, #gal2 span, #gal3 span, #gal4 span, #gal5 span, #gal6 span {
	font-weight: normal;
	font-size: 20px;
	padding-right: 20px
}

a.panorama1:link, a.panorama1:visited, a.panorama2:link, a.panorama2:visited {
	font-size: 14px;
	color: #666;
	text-decoration: none;
} 

a.panorama1:hover, a.panorama1:active, a.panorama2:hover, a.panorama2:active {
	text-decoration: underline;
}

#footer {
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 75px;
	text-align: center;
}

#contact-stanga {
	float: left;
	width: 400px;
	margin-top: 70px;
}

#contact-stanga input[type=text], #contact-stanga textarea, #contact-stanga input[type=email] {
	width: 70%;
	background: rgba(90,90,90,.3);
	border: none;
	padding: 5px 10px;
	border-radius: 5px;
	color: #aaa;
	font-size: 24px;
}

#contact-stanga textarea {
	height: 90px;
	max-height: 90px;
	max-width: 70%
}

#contact-stanga input[type=submit] {
	margin: 20px 0 0 59%;
	background: none;
	border: none;
	color: rgb(102,102,102);
	background: rgba(90,90,90,0.3);
	border-radius: 5px;
	font-size: 16px;
	padding-top: 3px;
	cursor: pointer;
}

#contact-dreapta {
	font-size: 18px;
	padding: 10px;
	margin: 70px 0 0 50px;
	float: right;
}

.copy {
	float: left;
	margin-left: 130px;
}

.info {
	float: right;
	margin-right: 73px;
}

#main .panorma-title {
	margin: 80px 0 7px ;
	padding-left: 0px;
}
.flipster img {
    width: 710px!important;
    height: 400px!important;
}
.flipster-draw img, .flipster-web img {
    height: 710px!important
}