html {
    font-family: Arial;
    font-size: 10pt;
    color: #fff;
    width: 100%;
    height: 100%;
    background: #444444;

}

img {
border: none;
}

#flsh {
float: left;
margin: 5px 0 0 20px;
}

@font-face {
    font-family: 'EuropeNormal';
    src: url('fn/europe_normal-webfont.eot');
    src: url('fn/europe_normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fn/europe_normal-webfont.woff') format('woff'),
         url('fn/europe_normal-webfont.ttf') format('truetype'),
         url('fn/europe_normal-webfont.svg#EuropeNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

.up {
vertical-align: +2px;
} 

.up a {
color: #fff;

}
 
h1 {
  text-align: center;
  font-family: EuropeNormal;
  font-size: 14pt;
  margin: 0;
  Width: 780px;
  padding: 20px 0 10px 0px;
  line-height: 1.4;
  float: left;
  background-color: #353535; 





}





#name {
  background: #333;
  font-size: 15px;
margin: 0;
  padding: 20px 0 3px 0;
  color: #fff;
 /* text-align: center; */
    width: 100%;
  height: 102px;
  float: left;
  line-height: 1.3;
}

#name p {
 position: relative;
  left: 23px;
}

#header {
font-size: 16pt;
}

#logo {
  position: relative;
  left: 23px;
}





span {
margin: 0 20px 0 0;
}

#name img {
padding: 5px 10px 0 0;
}

#name p {
  padding: 0 0 9px 150px;
  margin: 0;
}




body {
  Padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

#cont {
  background-color: #555;
  margin: 0 auto 0 auto;
  width: 780px;

  position: relative;
  min-height: 100%;
  clear: both;
  padding: 0;
}

* html #cont {

  height: 100%;
}
 
.menu {
  float: left;
  margin: 0;
  padding: 7px 0 0 25px;
  width: 755px;
  height: 22px;
  background-color: #222;
  font-size: 12px;
 
} 
 
.menu a {
  color: #fff;
  float: left;
  display: block;
  padding: 0 13px;
}

a {
padding: 0;
}

#demoblock {

  background-color: #2b2b2b;
  position: relative;

line-height: normal; 
  float: left;
  margin: 4px 2px 0 2px;
  padding: 1px;
  text-align: center;
}

#demoblock img {
display: block;
}

.demo-link {
width: 386px;
height: 36px;
position: absolute;
padding-top: 358px;
top: 0px;
left: 0px;
 display: block;
 color: #fff;
 background:url(n.gif);
}

.demo-link .shadow {
width: 100%;
height: 100%;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    
    background: url("weddingshadow.png") no-repeat scroll 0px 0px transparent;
 }
 
 .demo-link:hover .shadow {
    visibility: visible;
    }
 


 
 
#contblock {

  background: #2f2f2f;

  width: 766px;
  column-count: 2; /*êîëè÷åñòâî êîëîíîê, íà êîòîðîå õîòèì ðàçáèòü òåêñò*/
-moz-column-count: 2; /*äëÿ ìîçèëû*/
-webkit-column-count: 2; 
column-gap: 10px; /*îòñòóï ìåæäó êîëîíêàìè*/
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
  float: left;
  overflow: hidden;
  margin: 2px 2px 0 2px;
  padding: 10px 5px 20px 5px;
  text-align: center;
}

#contblock h2 {
display: inline-block; 
width: 93.5%;
font-family: EuropeNormal;
font-size: 14px;
line-height: 20px;
padding: 3px 10px 4px 10px;
border-bottom: solid 40px #2f2f2f;
margin: 0 0 13px 0;
color: #fff;
background-color: #222;
background-clip: border-box;
left: 3px;

}


#contblock p {
padding: 0 4% 20px 4%;
line-height: 20px;
text-align: justify;
margin: 0 0 0 0; 
}

#contblock p + p {
margin-top: -20px;
}

#contblock h2 + p {
margin-top: -40px;
}


#contblock > p:last-child {
padding-bottom: 20px;
}



#contblock a {
  color: #fff;
}

#contblock a: hover {
  border: solid 2px #fff;
  color: #fff;
}

#contblock img, #menublock  img {
  width: 121px;
  float: left;
  
}



#menublock h2 {
width: 336px;

font-family: EuropeNormal;
font-size: 14px;
float: left;
padding: 5px 20px 5px 20px;
margin: 10px 0 5px 0;
color: #fff;
background-color: #222;
left: 3px;
}

#menublock {
  position: relative;
  background-color: #2b2b2b;
  width: 377px;
  height: 377px;

  float: left;
  margin: 2px 1px 0 1px;
  padding: 5px;
  text-align: center;
}

#menublock img {
display: block;
  width: 121px;
  float: left;
  border: solid 2px #444;
}

#menublock p {
padding: 5px 15px 0 15px;
line-height: 1.4;
text-align: justify;
margin: 0; 
}


#menublock  a {
  color: #fff;
}



#imgblock {
  background-color: #2f2f2f;
width: 776px;

  clear: both;
position: relative;
  float: left;
  margin: 2px 2px 0 2px;
  padding: 0;
  border: none;
  text-align: center;
}



#imgblock td {


position: relative;
background-color: #444;
height: 127px;
	margin: 0;
	padding: 0;
	text-align: center;
overflow: hidden;

}

#imgblock td div {
 position: relative;
 width: 100%
 height: 100%
}

#imgblock td .imglink  {
	
	width: 125px;
	height: 125px;

}

#imgblock td  .imglink img {
	width: 123px;
	height: 123px;
    vertical-align: middle;
	border: solid 1px #444;
}

#imgblock td:hover .imglink img {
	border: solid 1px #fff;
}

.whiteborder {
	border: solid 1px #444;
}

#imgblock td.yellowborder .imglink img {
border: solid 1px #fff000;
}


/* -----------------------ÑÒÈËÈ ÌÅÍÞ ÀÄÌÈÍÈÑÒÐÈÐÎÂÀÍÈß---------------------------------------------------------------------------------------*/

 a[id^="movelink"] {
visibility: hidden;
position: absolute;
opacity: 0.25;
display: block;
width: 100%;
height: 100%;
background-color: #fff;
}


#imgblock td .admmenu {
position: absolute;
left: -9999px;
top: 101px;
visibility: hidden;
height: 22px;
list-style-type:none;
list-style-position:outside;
padding: 0;
margin: 0 2px 0 2px;
width: 120px;
background-color: #333;
}





#imgblock td .admmenu li {

width: 26px;
height: 18px;
float: left;
padding: 0;
margin: 1px;
border: 1px solid #888;
cursor: pointer;
}



.admhover {
background-color: #000;
}

.mycolor {
background-color: #000;
}




#bottom {
width: 770px;
clear: both;
height: 133px;
}

#footer {
  width: 780px;
  height: 130px;
  clear: both;
  margin: -131px auto 0 auto;
  padding: 0;
  background: #333;
  color: #fff;
  text-align: center;
  
  position: relative;

}

#formblock {

  background: #ddd;
  width: 776px;
  float: left;
  overflow: auto;
  margin: 2px 2px 0 2px;
  padding: 0;

}

/* -----------------------ÑÒÈËÈ ÔÎÐÌ ÀÄÌÈÍÈÑÒÐÈÐÎÂÀÍÈß---------------------------------------------------------------------------------------*/

.admform  {
border: 1px solid #acadb2;
	display: block;
	top: 0px;
	width: 320px;


	background-color: #222222;
	padding: 0;
	margin: 0;
}

.loadandcrop {
  width: 500px;
  
}

.loadandcrop ul li {
clear: both;
}

#preview {
max-width: 400px;
max-height: 400px;

}

.admform ul {
    
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

.admform  li {
    display: block;
	height: 29px;
	padding: 0 20px;

}



.admform label {
	margin-top: 3px;
	display:inline-block;
	padding:0 3px 6px 3px;
	float: left;
}

.admform input {
	padding: 0;
	margin: 0;
	float: right;
	text-align: center
}

.admform input[type="text"] {
	border: 1px solid #acadb2;
	border-radius: 2px;
}

.admform input[type="checkbox"] {
	position: relative;
	border: none;
	top: 2px;
}

.admform input[type="file"] {
	size: 10pt;
	padding: 0;
	width: 230px;
}

.admform input[type="submit"], .admform input[type="reset"]{
	font-family: arial;
	width: 130px;
	height: 30px;
	cursor: pointer;
	border: 1px solid #acadb2;
	border-radius: 2px;
}