/**
* @ Web.MG.Art.styleSystem:  Art Project

TABLE OF CONTENTS
1- Over Header
	- overheader-mg-a b c ....
	- overheader-mg-a-01 02 03 .....
	- overheader-mg-b-01 02 03 .....
	- overheader-mg-c-01 02 03 .....
2- Header	
	- 
	- 
	- 
	- 
	- 
	- 
	- 
3- Body
	- 
	- 
	- 
	- 
	- 
	- 
	- 
	- 
	- 
4- Footer	
	- 
	- 
	- 
	- 
	- 
	- 
	- 
	- 
	- 
5- Extra	
	- Utility Classes
	- Typography
	- Top Menu - Hornav
	- Sidebar Menu
	- Mobile Menu
	- Blockquotes
	- Font Awesome
	- Glyphicons
	- Portfolio
	- Testimonials
	- Accordions
	- Tabs
	- Progress Bars 
	- Panels
	- Social Icons
	- Carousel
	- Blog 
	- Pages
--------------------	
	
	A- (shado black)					  .hovershadow-mg-RA-S	
	A- (shado black + border 2px)		  .hovershadow-mg-RA-B2-S
	- Typography
	- Top Menu - Hornav
	- Sidebar Menu
	- Mobile Menu
	- Blockquotes
	- Font Awesome
	- Glyphicons
	- Portfolio
	- Testimonials
	- Accordions
	- Tabs
	- Progress Bars 
	- Panels
	- Social Icons
	- Carousel
	- Blog 
	- Pages

*/
a { text-decoration: none; }
	h2, h3 {  }
	h2 {  }
	h3 {  }
	pre {  }
	p {  }
	input {  }
a {
    outline: none!important;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none !important;
    color: #333333;
}

a:hover {
    text-decoration: none;
    color: #25CBF5;
}

a:active {
    outline: none;
}

a:focus {
    -moz-outline-style: none;
    outline-style: none;
    outline: none;
    text-decoration: none;
}
	
	
/*------------------------------------------------------*/
	/* 1 overheader-mg-a b c .... */
/*--------------------------------------------------------*/
.hovershadow-mg-RA-S {-webkit-box-shadow: 0px 0px 10px 2px #333333; -moz-box-shadow: 0px 0px 10px 2px #333333; box-shadow: 0px 0px 30px 2px #333333; -webkit-box-shadow: 0px 0px 5px 2px #111111; -moz-box-shadow: 0px 0px 30px 2px #111111; box-shadow: 0px 0px 10px 2px #111111;}
.hovershadow-mg-RA-B2-S { border:2px; -webkit-box-shadow: 0px 0px 10px 2px #333333; -moz-box-shadow: 0px 0px 10px 2px #333333; box-shadow: 0px 0px 30px 2px #333333; -webkit-box-shadow: 0px 0px 5px 2px #111111; -moz-box-shadow: 0px 0px 30px 2px #111111; box-shadow: 0px 0px 10px 2px #111111;}

/*------------------------------------------------------*/
	/* 1 overheader-mg-a b c .... */
/*--------------------------------------------------------*/
.overheader-mg-a {clear: both; float: left; margin-left: 0; width: 100%; display: block;}
.overheader-mg-b {}
.overheader-mg-c {}
.overheader-mg-d {}
/*--------------------------------------------------------*/
	/* 1 overheader-mg-a-01 02 03 ..... */
/*--------------------------------------------------------*/
.overheader-mg-a-00 {width: 100%; left:0px; height: 0px; margin-left:auto; margin-right:auto; clear: both; display: block; position:relative; float: left; text-align:center;}
.overheader-mg-a-01 {width: 100%; height: 0px; background:#6c0718; margin-top:0px; top:0px; clear: both; float: left; display: block;}
.overheader-mg-a-02 {width: 100%; height: 20px;}
.overheader-mg-a-03 {width: 100%; height: 25px;}
.overheader-mg-a-04 {width: 100%; height: 30px;}
.overheader-mg-a-05 {width: 100%; height: 335px;}
.overheader-mg-a-06 {width: 100%; height: 40px;}
.overheader-mg-a-07 {width: 100%; height: 45px;}
.overheader-mg-a-08 {width: 100%; height: 50px;}
.overheader-mg-a-09 {}
.overheader-mg-a-10 {}
/*--------------------------------------------------------*/
	/* 1 overheader-mg-b-01 02 03 ..... */
/*--------------------------------------------------------*/
.overheader-mg-b-01 {width: 90%; height: 10px;}
.overheader-mg-b-02 {width: 90%; height: 20px;}
.overheader-mg-b-03 {width: 90%; height: 25px;}
.overheader-mg-b-04 {width: 90%; height: 30px;}
.overheader-mg-b-05 {width: 90%; height: 335px;}
.overheader-mg-b-06 {width: 90%; height: 40px;}
.overheader-mg-b-07 {width: 90%; height: 45px;}
.overheader-mg-b-08 {width: 90%; height: 50px;}
.overheader-mg-b-09 {}
.overheader-mg-b-10 {}
/*--------------------------------------------------------*/
	/* 1 overheader-mg-c-01 02 03 ..... */
/*--------------------------------------------------------*/
.overheader-mg-a-c-01 {width: 90%; height: 10px;}
.overheader-mg-a-c-02 {width: 90%; height: 20px;}
.overheader-mg-a-c-03 {width: 90%; height: 25px;}
.overheader-mg-a-c-04 {width: 90%; height: 30px;}
.overheader-mg-a-c-05 {width: 90%; height: 335px;}
.overheader-mg-a-c-06 {width: 90%; height: 40px;}
.overheader-mg-a-c-07 {width: 90%; height: 45px;}
.overheader-mg-a-c-08 {width: 90%; height: 50px;}
.overheader-mg-a-c-09 {}
.overheader-mg-a-c-10 {}
/*--------------------------------------------------------*/
	/* 1 dia-mg-a  dia-mg-b  dia-mg-c dia-mg-d. */
/*--------------------------------------------------------*/


/*--------------------------------------------------------*/
	/* 1 dia-mg-a  dia-mg-b  dia-mg-c dia-mg-d. */
/*--------------------------------------------------------*/
	.MG-container .one.column,
    .MG-container .one.columns                     { width: 40px;  }
    .MG-container .two.columns                     { width: 100px; }
    .cMG-ontainer .three.columns                   { width: 160px; }
    .MG-container .four.columns                    { width: 220px; }
    .MG-container .five.columns                    { width: 250px; }
    .MG-container .six.columns                     { width: 340px; }
    .MG-container .seven.columns                   { width: 400px; }
    .MG-container .eight.columns                   { width: 460px; }
    .MG-container .nine.columns                    { width: 520px; }
    .MG-container .ten.columns                     { width: 580px; }
    .MG-container .eleven.columns                  { width: 640px; }
    .MG-container .twelve.columns                  { width: 700px; }
    .MG-container .thirteen.columns                { width: 760px; }
    .MG-container .fourteen.columns                { width: 820px; }
    .MG-container .fifteen.columns                 { width: 880px; }
    .MG-container .sixteen.columns                 { width: 940px; }

    .MG-container .one-third.column                { width: 300px; }
    .MG-container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .MG-container .offset-by-one                   { padding-left: 60px;  }
    .MG-container .offset-by-two                   { padding-left: 120px; }
    .MG-container .offset-by-three                 { padding-left: 180px; }
    .MG-container .offset-by-four                  { padding-left: 240px; }
    .MG-container .offset-by-five                  { padding-left: 300px; }
    .MG-container .offset-by-six                   { padding-left: 360px; }
    .MG-container .offset-by-seven                 { padding-left: 420px; }
    .MG-container .offset-by-eight                 { padding-left: 480px; }
    .MG-container .offset-by-nine                  { padding-left: 540px; }
    .MG-container .offset-by-ten                   { padding-left: 600px; }
    .MG-container .offset-by-eleven                { padding-left: 660px; }
    .MG-container .offset-by-twelve                { padding-left: 720px; }
    .MG-container .offset-by-thirteen              { padding-left: 780px; }
    .MG-container .offset-by-fourteen              { padding-left: 840px; }
    .MG-container .offset-by-fifteen               { padding-left: 900px; }



/*==========start responsive style============*/
@media (min-width: 320px) and (max-width: 481px) {

  
}
@media (min-width: 481px) and (max-width: 769px) {

.body_Container {
	top:0px;
	position:relative;
	margin-bottom:300px;
}
#footer-menu {
	clear: both;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	display: block;
	position: relative;
	left:0px;
}
.logo-position { width:60.00%; margin-top:0px; }
#body-header-time { left:50px;}
#body-header-time {
	clear: both;
	float: none;
	width: 80.00%;
	margin-left: 11.00%;
	margin-right: 20.00%;
	padding-left: 11.000%;
	padding-right: 20.000%;
	display: block;
}
#contact-info-container {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	padding-left: 0.0000%;
	padding-right:0.1000;
	display: block;
	left:30px;
	top:-20px;
	margin-bottom: 0px;
}
#tabs,#tabs2,#tabs3,#tabs4,#tabs5 {padding-bottom:-250px;}

}
@media (min-width: 769px) and (max-width: 991px) {
 h4.font-Verdana-mg-W-L-N-10 b{ top:-35px;}
 #MG-headermenu55 { top:30px;}
 #copyright a{
	padding-left: -5.00%;
}
.link-position { top:-50px;px;}
#footer-menu p{
	clear: both;
	float: left;
	display: block;
	position:relative;
	top:20px;
	left: 0px;
}
p.rss-font-position {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	display: block;
	top: 0px;
	position: absolute;
	margin-top:-20px;
}
.bilder-soc-link { width:120.00%; height:auto; position:relative;}
.pageLanguage_container {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 2.00%;
	width: 300px;
	left:80px;
	right:0px;
	margin-left: 15.00%;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	top:-100px;
	z-index:100;
}
.artprojectsearch {
	float:left;
	width:7%;
	margin-left: 0.0000%;
	margin-right:15.00%;
  	margin-top:0px;
  	color:#999;
	left:-30px;
	top:155px;
  	z-index: 100;
    position: fixed;
}
.project-login {
	clear: both;
	float: right;
	width: 10%;
	display: block;
	padding-right:10.00%;
	right:100px;
	left:-50px;
	margin-top: 210px;
	margin-left: 0.10%;
	margin-right: 20.80%;
	z-index: 99;
	color: #F96;
	top: -320px;
	position:absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.gridContainer { width: 98%; padding-left: 0.9%; padding-right: 0.9%; margin: auto; margin-bottom:100px; margin-top:20px; padding-bottom:0px; top: 70px; 
}
#LayoutDiv1 { clear: both; float: left; margin-left: 0; width: 100%; display: block; margin-top:30px; margin-bottom:-320px; padding-bottom:0px; top:14px; padding-top:5px; padding-bottom:5px; position:relative;
	background-image: url(../../MG-Design_css/project-body-back.jpg); background-repeat: repeat;
	
}
.footer-Container { clear: both; float: left; margin-left: 0; width: 100%; display: block; z-index:0; margin-top:0px; position:relative; top:600px;
}
#under-footer-Containe { clear: both; float: left; margin-left: 0%; width: 100.00%; display: block; position:relative; top:525px;    z-index:1;
}
.logo-position { 
	width:65.00%; 
	height:65.00%;
	margin-right:50.00%;
	clear: both;
	float:left;
	left:-75px;
	position:absolute;
	display: block;
	}
#body-header-time  {
	clear: both;
	width:70%;
	margin-right:50.00%;
	float:left;
	left-75px;
	margin-top:-80px;
}
.artprojectsearch { top:55px;}
.project-login { top:-335px;}
#under-footer-Containe { top:520px;}
.body_Container {  margin-bottom:0px;}
#tabs2 ul {width:70.00%; float:left;}
}
@media (min-width: 991px) and (max-width: 1199px) {

}
/* ============================================ */

@media(max-width:767px ){	
.bilder-soc-link { width:100.00%;}
	
	}