/* CSS Document 2xStudio */
@charset 'utf-8';

/* Program Fidelitate */
.hostat {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	position:absolute;
	left:595px;
	top:190px;
	width:auto;
	height:15px;
	}
.mxhost {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #434343;
	text-decoration: underline;
	text-transform: uppercase;
	}

/*  Background  */
.absolutebg {
	background-attachment: scroll;
	background-image: url();
	background-position: absolute;
	background-size: 100% 100%;
	}
html, body {
	height: 100%;
	width: 100%;
	background-image: url(../backgrounds/2xs.jpg);
	background-repeat: repeat;
}	
/* ImageFlow Settings - CSS 2.1
==================================== */

@media screen, projection {
	.imageflow {
		visibility:hidden;
		position: relative; 
		width: 500px;
		height:50px;
		margin:0px auto;
		margin-top:0px;		
	}
	.imageflow img {
		visibility:hidden;
		position: absolute; 
		top: 0px;
		border: none;
	}
	.imageflow p{
		text-align:center;
		margin:0 auto;
		visibility:hidden;
	}
	.imageflow .loading {
		position: relative;
		left: 50%;
		margin-left: -106px;
		width: 0px;
		height: 0px;
		padding:5px;
		visibility: hidden;
		border: 0px solid white;
	}
	.imageflow .loading_bar {
		height: 0px;
		width: 0%;
		background: #fff;
		visibility: hidden;
	}
	.imageflow .caption {
		font-weight:bold;
		position:relative; 
		text-align:center;
		z-index:10000;
	}
	.imageflow .scrollbar {
		visibility:hidden;
		position:relative; 
		border-bottom:1px solid #b3b3b3;
		z-index:10001;
	}
	.imageflow .slider {
		position:absolute;
		margin-top:-7px;
		margin-left:-7px;
		z-index:10002;
		background-image:url(../slider.png);
		background-repeat:no-repeat;
		width:14px;
		height:14px;
	}
	.flowborder {
        border: solid 1px #000000;
}
}
.bodydiv {
	position:relative;
	margin:0px auto;
	width:855px;
	
}

.rights {
	position:fixed;
	margin:0px auto;
	width:59px;
	background-image: url(../images/allrights.png);
	height: 109px;
	background-repeat: no-repeat;
	bottom: 0px;
}

.social {
	position:fixed;
	margin:0px auto;
	width:59px;
	height: 64px;
	background-repeat: no-repeat;
	bottom: 109px;
}
.social1 {
	position:fixed;
	margin:0px auto;
	width:59px;
	height: 64px;
	background-repeat: no-repeat;
	bottom: 173px;
}
.social2 {
	position:fixed;
	margin:0px auto;
	width:59px;
	height: 64px;
	background-repeat: no-repeat;
	bottom: 237px;
}
.icons {
}


/* IE Fix */
img, div, span, a { 

    behavior: url(iefix/iepngfix.htc);

}

/* Misc */

.acoladasus {
	
	margin: 0px auto;
	right:300px;
	clip: rect(auto,300px,auto,auto);
	background-image: url(../images/acolada_sus.png);
	width:593px;
	height:99px;
}
.acoladajos {
	margin: 0px auto;
	right:300px;
	clip: rect(auto,300px,auto,auto);
	background-image: url(../images/acolada_jos.png);
	width:593px;
	height:99px;
}


/* Header */

.header {
	position:relative;
	margin:0px auto;
	width:855px;
	height:295px;
}

.header2 {
	position:relative;
	margin:0px auto;
	width:855px;
	height:316px;
}

.slidescroll {
	position:relative;
	margin:0px auto;
	width:300px;
	height:130px;
}

.centerheader {
	position:absolute;
	left:287px;
	top:77px;
	width:248px;
	height:139px;
	background-image: url(../images/2x_05.png);
}

/* Logo */

.logo{
	position:absolute;
	left:292px;
	top:192px;
	width:263px;
	height:142px;
	background-image: url(../images/2xStudio.png);
	
}

/* Butoane */

.portofoliu {
	position:absolute;
	left:0px;
	top:108px;
	width:287px;
	height:62px;
	cursor:default;
}

.servicii {
	position:absolute;
	left:0px;
	top:169px;
	width:287px;
	height:62px;
}

.contact {
	position:absolute;
	left:0px;
	top:230px;
	width:287px;
	height:62px;
}

/* Sticky Notes & Polaroid */

.stickynotes {
	position:absolute;
	left:535px;
	top:0px;
	width:273px;
	height:295px;
	background-image: url(../images/stickynotes.png);
}

.osx {
	position:absolute;
	left:578px;
	top:137px;
	width:37px;
	height:15px;
}
.polaroid {
	background-image: url(../images/content.png);
	background-repeat: repeat;
	width:314px;
	height:283px;
}

/* Content */

.content {
	margin:0px auto;
	width:314px;
}
.content1 {
    position:relative;
	margin:0px auto;
	width:616px;
	height:10;
	background-image:url(../images/imageflowbg.png);
	background-repeat:no-repeat;
	
}

/* Text */

.font1 {
	margin:0px auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}


/* Flow misc var */
.asa {
	position:relative;
	margin:0px auto; /* Uncomment this line if you wish to center the gallery on page */
	background-image: url(../images/slide.png);
	width: 570px; /* Set to gallery width, in px or percentage */
	height: 107px; /* Set to gallery height */
	z-index:-1;
	left: 287px;
	top: 11px;
	}
	
/* Link Styles */

#link {
border-style:none;
}



/* Gallery Styles */

#motioncontainer {
margin:0 auto; /* Uncomment this line if you wish to center the gallery on page */
width: 500px; /* Set to gallery width, in px or percentage */
height: 107px; /* Set to gallery height */
}
#motioncontainer1 {
	position:inherit;
	margin:0px auto; /* Uncomment this line if you wish to center the gallery on page */
	width: 570px; /* Set to gallery width, in px or percentage */
	height: 107px; /* Set to gallery height */
	left: 105px;
	top: 11px;
	z-index:2;
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */
@media screen, projection {
	.imageflow {
		visibility:hidden;
		position: relative; 
		width: 500px;
		height:50px;
		margin:0px auto;
		margin-top:0px;
		overflow:hidden;		
	}
	.imageflow img {
		visibility:hidden;
		position: absolute; 
		top: 0px;
		border: none;
	}
	.imageflow p{
		text-align:center;
		margin:0 auto;
	}
	.imageflow .loading {
		position: relative;
		left: 50%;
		margin-left: -106px;
		width: 200px;
		height: 15px;
		padding:5px;
		visibility: hidden;
		border: 1px solid white;
	}
	.imageflow .loading_bar {
		height: 15px;
		width: 1%;
		background: #fff;
		visibility: hidden;
	}
	.imageflow .caption {
		font-weight:bold;
		position:relative; 
		text-align:center;
		z-index:10000;
	}
	.imageflow .scrollbar {
		visibility:hidden;
		position:relative; 
		border-bottom:1px solid #b3b3b3;
		z-index:10001;
	}
	.imageflow .slider {
		position:absolute;
		margin-top:-7px;
		margin-left:-7px;
		z-index:10002;
		background-image:url(../slider.png);
		background-repeat:no-repeat;
		width:14px;
		height:14px;
	}
	.flowborder {
        border: solid 1px #000000;
}
}