Mampel.ir.css

*{
	margin:0;
	padding:0;
	/*
	
	*/
	border:none !important;
	
}

body{
	background-color:#3F596B;
/*	background-image:url(images/lightRays.png);
	background-repeat: no-repeat;
	background-position: center center;*/
}

div.container-lightrays{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -100;
}

div.container-lightrays div.lightrays{
	width: 1662px;
	height: 1662px;
	background-image:url(images/lightRaysbig.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0px;
	left: -120px;
	/*border: 1px solid red !important;*/
}

div.container{
	width:980px;
	/*min-height:700px;*/
	margin:0 auto;
	direction:rtl;
	padding-bottom:50px;
	overflow: hidden;
	border:1px solid red;
}

div.container div.menu-right{
	width:235px;
	/*min-height:700px;*/
	float:right;
	border:1px solid blue;
}

div.container div.menu-right div.about-us{
	width:170px;
	min-height:400px;
	margin:50px 60px 0 0;
	border:1px dashed blue;
}

div.menu-right div.about-us div.logo{
	width:150px;
	height:79px;
	margin:0 auto;
	border:1px dashed blue;
}

div.menu-right div.about-us div.logo > a{
	display:block;
	width:150px;
	height:79px;
	background-image:url(images/mampel.png);
	background-position:center center;
	background-repeat:no-repeat;
}

div.menu-right div.about-us div.info{
	width:170px;
	height:200px;
	margin:0 auto;
	background-image:url(images/mampel_info.png);
	background-position:center center;
	background-repeat:no-repeat;
	border:1px dashed red;
}

div.container div.content{
	width:auto;
	/*min-height:inherit;*/
	margin-right:235px;
	border:1px solid green;
}

div.content div.header{
	width:auto;
	height:150px;
	padding-top:1px;
	border:1px solid black;
}

div.content div.header div.bg-header{
	width:614px;
	height:120px;
	border:1px solid black;
	margin:25px auto 0;
	background-image:url(images/header.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}

div.content div.sub-content{
	width:auto;
	/*min-height:550px;*/
	padding-top:10px;
	border:1px solid black;
}

div.content div.sub-content div.gallery{
	width:560px;
	/*height:300px;*/
	margin:0 auto;
	padding:10px 20px 30px;
	border-radius:15px;
	box-shadow:-2px 2px 5px black;
	border:3px ridge #ffee00 !important;
}

.cover{*zoom:1;}
.cover:before,.cover:after{content:" ";display:table}
.cover:after{clear:both}
.right{float: right;}
.mra{margin-right: auto !important;}
.last{margin-left: 0 !important;}

div.sub-content div.gallery div.row{
	/*border:1px solid red !important;*/
	padding-top: 1px;
}

div.sub-content div.gallery div.row div.mywork{
	width:161px;
	height:115px;
	margin:20px 0 0 35px;
	border-radius:15px;
	opacity:0.7;
	box-shadow:0px 0px 5px black;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	border:1px solid black !important;
	cursor:pointer;
	box-shadow: #21365C 0px 0px 0px 0px inset;
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}

/*div.sub-content div.gallery div.row div.mywork.hover{
	opacity:1;
	box-shadow: inset 0 0 0 46px rgba(55, 255, 255, 0.9), 0 1px 2px rgba(200, 0, 0, 0.4); inset 0 0 0 16px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 2800ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}*/

div.sub-content div.gallery div.mywork > a{
	display:block;
	width:161px;
	height:115px;
	padding-top: 1px;
	/*background-image:url(mampel_cover_mywork.png);
	background-position:center center;
	background-repeat:no-repeat;*/
}

div.sub-content div.gallery div.mywork > a > span.info{
	display: block;
	width:35px;
	height:35px;
	margin: 40px auto 0;
	background-image: url(images/info.png);
	opacity: 0;
	-webkit-transform: scale(.0);
	/*border: 1px solid red !important;*/
}

div.container p.footer{
	width:100%;
	direction:ltr;
	position:absolute;
	bottom:15px;
	left:0;
	color:#ECEBEB;
	text-align:center;
	text-shadow:0px 0px 1px #333;
	line-height:14px;
	font-family:sans-serif;
	font-size:8pt;
}

div.container p.footer > a{
	text-decoration:none;
	color:#ECFA4A;
}

div.container p.footer > a:hover{
	text-decoration:underline;
}

div.clear{
	clear:both;
	/*width:10px;
	height:10px;
	background-color:blue*/;
}