body {
	margin:0;
	padding:0;
	background:#ffffff;
}


p,td { font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top: 0px;
}

a{
	color: #379C0E;
	text-decoration: underline;
}

a:hover{
	color: #379C0E;
	text-decoration: none;
}

a.hidden {
	text-decoration: none;
	color: #000000;
	cursor:default;
}
.slogan {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 9px;
	padding-left: 1px;
}


form {
     margin:0;
     padding:0;
}

ul {
	margin-left:20px;
	margin-top:0px;
	padding:1px;
	list-style-type: square;
	line-height: 16px;
	}

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding-left: 10px;
}

.bgy {
	background-repeat: repeat-y;
}

.bottom_addr {
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 15px;
}


.bgx {
	background-repeat: repeat-x;
}

.welcome {
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
	color: #000000;
	background-image: url(../images/welcome-bg.gif);
	background-repeat: repeat-x;
	padding-left: 1px;
}

.c_name {
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}


.body_txt {
	text-indent: 20px;
	color: #000000;
	text-align: justify;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 15px;
	padding-top: 10px;
	vertical-align: top;
}

#but {
	width: 160px;
	margin: 0px;
	display: block;
	color: #003366;
	text-decoration: none;
	width: 100%;
	background-image: url(../images/btn-bg-h4.gif);
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: right;
	vertical-align: middle;
}

#but2 {
	width: 160px;
	margin: 0px;
	display: block;
	color: #003366;
	text-decoration: none;
	width: 100%;
	background-image: url(../images/s-top13.jpg);
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: right;
	vertical-align: middle;
}

#but3 {
	width: 160px;
	margin: 0px;
	display: block;
	color: #003366;
	text-decoration: none;
	width: 100%;
	background-image: url(../images/s-top14.jpg);
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: right;
	vertical-align: middle;
}



#button {
	width: 210px;
	margin: 0px;
}
	 
#button a {
	display: block;
	color: #2E7E0C;
	text-decoration: none;
	width: 100%;
	background-image: url(../images/btn-bg-3.gif);
	padding-top: 4px;
	padding-right: 25px;
	padding-bottom: 4px;
	padding-left: 5;
	text-align: right;
	vertical-align: middle;
}

html>body #button a {
      width: auto;
      }

#button a:hover {
	  background-image: url(../images/btn-bg-h-4.gif);
      color: #2E7E0C;
}

#button td {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.listing1 {
    font-family: Arial;
    font-size: 12pt;
    word-break: normal;
}

.strelki {
    font-size: 14px;
    font-family: Arial;
    margin-bottom: 10px;
    margin-right: 20px;
}

.strelki a, .strelki a:link, .strelki a:visited {
    color: #3B3;
}

.listing {
    width: 100%;
    text-align: left;
    padding: 5px 0px;
    text-decoration: none;
}

.listing a.active, .listing a.active:visited {
    background: none repeat scroll 0% 0% #888;
    border: 1px solid #888;
    color: #FFF;
    text-decoration: none;
}

.listing a, .listing a:visited {
    padding: 2px 5px;
    font-weight: 100;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #EEE;
    color: #000;
    text-decoration: none;
    margin: 0px 1px;
}

/* Увеличение фотографий из галереи */

/* Верхние картинки */
.verh {position: relative; cursor:pointer; display: inline-block;}
.verh img + img {position:absolute; right:50px; top:50px; z-index:100; display: none;}
.verh:hover img + img {display: block;}

/* Нижние картинки */
.niz {position: relative; cursor:pointer; display: inline-block;}
.niz img + img {position:absolute; right:50px; bottom:50px; z-index:100; display: none;}
.niz:hover img + img {display: block;}


/* Мячик */
.mach300
{
    width: 300px;
	height: 300px;
}

.mach300 img
{
    float: left;
    border-radius: 50%;
    width: 300px;
    height: 300px;    
    -webkit-transition: 1s Ease;
    -moz-transition: 1s Ease;
    -o-transition: 1s Ease;
    transition: 1s Ease;
}
.mach300:hover img
{
    -webkit-transform: translate(630px, 0px) rotate(360deg);
    -moz-transform: translate(630px, 0px) rotate(360deg);
    -o-transform: translate(630px, 0px) rotate(360deg);
    -ms-transform: translate(630px, 0px) rotate(360deg);
    transform: translate(630px, 0px) rotate(360deg);
}