body {
font-size : 14px;
font-family : Tahoma;
color : #000;
background : url(images/bg.gif) #fff;
background-attachment : fixed;
margin : 0 auto;
max-width : 700px;
}
a:link, a:visited {
color : #850550;
text-decoration : none;
}
a:hover, a:active {
color : #000;
}
img {
border : 0;
max-width : 97%;
vertical-align : middle;
}
.title, .ads {
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
display : block;
}
.head {
//height : 60px;
padding :6px 9px 8px 9px;
background : url(images/head.gif) #710345;
}
.menu {
display : block;
padding : 7px 8px;
float : right;
}
.menu a {
color : rgb(255, 255, 255);
display : block;
padding : 7px 7px 7px 7px;
border-radius : 3px;
box-shadow : 0 0 10px rgba(3, 3, 3, 0.5) inset;
}
.h1 {
color : #fff;
padding : 9px;
text-align : center;
text-shadow : 3px 3px 17px #000000;
background : url(images/h1-left.png) left center no-repeat, url(images/foot.gif) #333333;
}
.title {
color : #FFF;
padding : 9px 9px 9px 43px;

text-shadow : 3px 3px 17px #000;
background : url(images/h1.png) left center no-repeat, url(images/title.gif) #850550;
//background : url(images/title.gif) #850550;
}
.top10title {
color : #FFF;
padding : 9px 9px 9px 43px;
text-shadow : 3px 3px 17px #000;
background : url(images/top.png) left center no-repeat, url(images/title.gif) #850550;
  background-position:16px;
}

@media (min-width:176px) {
.title, .body, .link, .blok, .foot, .ads, .page, .top10title {
font-size : 0.7rem;
}
}
@media (min-width:240px) {
.title, .body, .link, .blok, .foot, .ads, .page , .top10title{
font-size : 0.8rem;
}
}
@media (min-width:480px) {
.title, .body, .link, .blok, .foot, .ads, .page, .top10title {
font-size : 0.9rem;
}
}
.perv_scr {
width : 70px;
height : 70px;
border-radius : 3px;
}
.perv_scr img, .perv_scr {
background : url(images/loading.gif) center no-repeat;
}
.preview {
width : 170px;
height : 180px;
}
.links {
padding : 6px 6px;
display : block;
background : #EFE7E9;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #E7CBD0;
}
.links:hover {
color : #D81484;
background : #E8DFE2;
}

.link {
padding : 6px 6px;
display : block;
background : #EFE7E9;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #E7CBD0;
}
.link:hover {
#color : #D81484;
#background : #E8DFE2;
}
.link span {
border:#a7a7a7 solid 1px; border-radius: 2px; margin:-2px 0px 0px 0px;  padding: 1px 2px 1px 2px; float:right;color:#a7a7a7;margin-right:10px;
}

.arrow-ads {
padding : 0 20px 0;
background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvgAADr4B6kKxwAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAA20lEQVRIS8WSgQmDMBBFHcERnEQcxXm6hDhDBxGH6Bz2P7lAbNLYM7Q9eOCd935EbbZtqyI79JAdPm73Vgyiy92PSQYmr2IzxtedmGQggZMRCZrt+m1IMtByZ9JsfTEkGQDLJp2GHJoYlk0qhhykGBZNmKz/PIAlWy7KcGhAS+ElnsqQDLRY/RkRFxOLMmSHFtIL/6/spb5yqR6+Vq0YRLd3zkJeBc8Ho3AVJyMSNNu1K4THRkKmLoWw/P+QEDDtnTOgSg4v8ZJMVX9GxEUguuVQhPTi0q/8y2qaJx9mEVIBE7UvAAAAAElFTkSuQmCC') no-repeat;
background-position : 0 0;
width : 16px;
height : 16px;
}
.arrow-ads:hover {
background-position : 0 -16px;
width : 16px;
height : 16px;
}
.ads {
text-shadow : 1px 1px 1px #fff;
height:20px;
display : block;
padding : 17px 10px 12px 10px;
background : #EFE7E9;
}

.arrow {
display : block;
padding : 0;
padding-right : 18px;
font-weight : normal;
background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAJZJREFUSEu108sJw0AQBFGF4hAckjOz49gPm5IzGKvBh2UpyWhoHx6Ikug5aYuIv8LohNEJoxNGJ4xOGFettdfuSe9+wTgbY9xqre9dZI5gXJVS7tkjGEn2CMYjmSMYz1w9gvFM7/2hcdEzfTPDeOTquGAkmXHBuMqOC8bZ90dLjQvGlYYz44LRCaMTRieMThidMPrE9gH3S7QJPxwwqQAAAABJRU5ErkJggg==') right center no-repeat;
}
.count {
font-size : 12px;
padding : 3px 5px;
float : right;
margin-top : -5px;
color : #FFFFFF;
background : url(images/title.gif) #850550;
border : #FFFFFF solid 1px;
}
a.load {
background : url(images/title.gif) #850550;
padding : 7px 7px;
text-shadow : 1px 1px 1px #861247;
color : #FFF;
border-top : 1px solid #FFFFFF;
border-left : 1px solid #FFFFFF;
border-bottom : 1px solid #FFFFFF;
border-radius : 3px 0 0 3px;
}
a.load:hover {
background : #991362;
}
.ves {
background : url(images/foot.gif) #333333;
border-top : 1px solid #FFFFFF;
border-right : 1px solid #FFFFFF;
border-bottom : 1px solid #FFFFFF;
border-radius : 0 3px 3px 0;
padding : 7px 7px;
color : #FFF;
}
.slide {
display : block;
padding : 10px;
text-align : center;
background : #EFE7E9;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #E7CBD0;
}
.blok {
color : #000;
display : block;
padding : 12px;
background : #EFE7E9;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #E7CBD0;
}
.sira span{
color : #FFF;
margin : 1px;
text-shadow : 2px 2px 2px #89223F;
background : url(images/title.gif) #850550;
border : #FFFFFF solid 1px;
border-radius : 3px;
padding : 7px 12px;
float:left;
}

.page {
color : #000;
text-shadow : 1px 1px 1px #FFF;
text-align : center;
display : block;
padding : 12px;
background : #EFE7E9;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #E7CBD0;
}
.page a {
color : #FFF;
margin : 1px;
text-shadow : 1px 1px 1px #89223F;
background : url(images/title.gif) #850550;
border : #FFFFFF solid 1px;
border-radius : 3px;
padding : 7px 12px;
}
.page a:hover {
background : url(images/foot.gif) #333333;
border : #FFFFFF solid 1px;
text-shadow : 1px 1px 1px #000;
}
.spage {
color : #FFFFFF;
background : url(images/foot.gif) #333333;
border : #FFFFFF solid 1px;
padding : 7px 12px;
color : #FFF;
text-shadow : 1px 1px 1px #3E3A3A;
border-radius : 3px;
}
.foot {
color : #FFF;
padding : 9px;

background : url(images/foot.gif) #333333;
}
.stat {
padding : 2px;
display : block;
text-align : center;
background : #EFE7E9;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #E7CBD0;
}





input[type~=text],input[type~=select],input[type~=query],textarea {
border:1px  
background:#ffff;

color:#000;
border-radius:3px 3px 3px 3px;
width:70%;

padding:6px;
}





input
{ font-size: 1em;  margin-top:2px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 1px; margin-bottom:2px; border:solid 1px #b5b5b5; padding:6px
   }

input:focus,textarea:focus,select:focus
{
	border-color:#000
}
input[type=submit]{
color:#fff; cursor:pointer; border-color:#97203b;
background: url(images/title.gif) top repeat-x #850550; 
 }
input[type=submit]:hover{
color:#212121; border:solid 1px #000; background:#ffa945 ; 
}
img
{
	vertical-align:middle;
	border-style:none
}


<!-- for the one page layout -->
		
			#intro,
			#first,
			#second,
			#third
			{
				height: 30px;
			}
			#intro
			{
				padding-top: 0;
			}
			#first,
			#second,
			#third
			{
				border-top: 1px solid #ccc;
				padding-top: 150px;
			}
		
		
	
			.header,
			.footer
			{
				box-sizing: border-box;
				width: 700px;
				position: fixed;
			}
			.header
			{
				top: 0;
			}
			.footer
			{
				bottom: 0;
			}
		
		

.ax
{
	font-weight:700;
	clear:both;
color:#000;
	border-bottom:1px solid #cecece;

	
	
	height:20px;
	padding:30px 1px 10px 1px;
	background:#ebebeb url(images/title.gif) repeat-x 30% top
}

.ax img
{ vertical-align:middle; 1px 1px 1px 1px; }