*{	
margin: 0px;
padding: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body
{
 font: 100%/1.5em;
background: url("img/Untitled-3.jpg");
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display: block;
}


.MainFrame
{
 /*border: 1px solid black;*/
 width: 100%;
 margin: 0 auto;
 /*display: table;*/
 }

.MainFrame .cols
{
float: left;
margin: 0 0 1em;
padding: 0 1em;
background: ;
text-align: ;
}
.MainFrame .cols.col-1 {width: 8.3333%;}
.MainFrame .cols.col-2 {width: 16.6666%;}
.MainFrame .cols.col-3 {width: 25%;}
.MainFrame .cols.col-4 {width: 33.3333%;}
.MainFrame .cols.col-5 {width: 41.6666%;}
.MainFrame .cols.col-6 {width: 50%;}
.MainFrame .cols.col-7 {width: 58.3333%;}
.MainFrame .cols.col-8 {width: 66.6666%;}
.MainFrame .cols.col-9 {width: 75%;}
.MainFrame .cols.col-10 {width: 83.3333%;}
.MainFrame .cols.col-11 {width: 91.6666%;}
.MainFrame .cols.col-12 {width: 99.9999%;}

.MainFrame:before,
.MainFrame:after,
.row:after,
.row:before,
.clear:before,
.clear:after {
	content: " ";
	display: table;
}

.MainFrame:after,
.row:after,
.clear:after {
	clear: both;
}

@media screen and (max-width: 560px) {
	
.MainFrame .cols.col-1, 
.MainFrame .cols.col-2,
.MainFrame .cols.col-3, 
.MainFrame .cols.col-4, 
.MainFrame .cols.col-5, 
.MainFrame .cols.col-6, 
.MainFrame .cols.col-7, 
.MainFrame .cols.col-8, 
.MainFrame .cols.col-9, 
.MainFrame .cols.col-10, 
.MainFrame .cols.col-11, 
.MainFrame .cols.col-12 {width: 99.9999%;}



}

.footer
{
/*border: 1px solid red;*/
overflow: hidden;
text-align: center;
display: ;
margin: 15% 0 0 0;
}

.menu
{
font-style: oblique;
color: white;
}
.menu:hover
{
color: green;

}
.menu:visited 
{
 color: yellow; }/* Цвет посещенных ссылок */
 
.LeftMenu
{
padding: 0 0 0; /*ï¿½â¥°ï¿½ï¿½, ï¿½ë¥¢à¯±ï° â ¬ ï¿½í¨§ï¿½*/
font-size: 1.125em;/*18px*/

}

.workmenu
{
float: right;
border: 0 ;
font-size: 1.5em;/*20px;*/
padding: 0 0 0 0;
margin: 0 0 0 0;
text-decoration: none;
color: black;
text-align: center;
background: url("");
align: center;
}
.workmenu:hover
{
color: brown;
background: url("img/fon_13f334e465d9c9299fcec394b0405310.gif");

}

.WorkForm
{
/*border: 1px solid lightgreen;*/
overflow: hidden;
/*padding: 20px;*/
padding: 5% 0 5% 0; /*ï¿½â¥°ï¿½ï¿½, ï¿½ï° â ¬ ï¿½í¨§ï¿½, ï¿½ë¥¢àª¯*/
}

.WorkForm1
{

width: auto;

}

.WorkForm2
{
/*border: 1px solid lightgreen;*/
overflow: hidden;
/*padding: 20px;*/
width: 100%; /*50px 0px 50px 300px;*/
height: auto;
}

.WorkForm3
{
/*border: 1px solid lightgreen;*/
/*overflow: hidden;*/
/*padding: 20px;*/
width: 300px; /*50px 0px 50px 300px;*/
height: 300px;
}

.ienlarger {
 /*float: left;*/
 clear: none;
/*border: 1px solid blue;*/
 /*padding-bottom: 5px; */
 /*padding-right: 5px; */
/* width: 200; */
 /*height: 200;*/
margin: 0 1.5em 1em 1em;
width: 200px; 
height: 200px;

 }
 .ienlarger a { 
 display:block;
 text-decoration: none;
 }
 .ienlarger a:hover{ 
 position:relative;
 }
 .ienlarger span img {
 border: 1px solid #FFFFFF; 
 margin-top: 8px; }
 .ienlarger a span {
 position: absolute;
 display:none;
 color: #FFCC00; 
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8125em;/*13px;*/
 background-color: #000000;
 font-weight: bold;
 padding-top: 10px;
/* padding-right: 10px;*/
padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 /*width: 600;*/ 
 /*height: 600;*/ 
 }
 .ienlarger img {
 border-width: 0;
 }
 .ienlarger a:hover span { 
 display:block;
 top: -130px; 
 /*left: -150px;*/
 left: -0px;
 z-index: 100;
 }
 
 .header
img 
{

max-width: 100%;
height: auto;

}
.fluid-bg
{
max-width: 100%;
background: url("img/afisha13.jpg") no-repeat top center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
height: 160px;
align: center;
}