﻿body
{
    font-size:14px;
    font-family:Verdana;
    background-image:  url(img/bg.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center;
    background-size: cover;
    min-width:1024px;
    margin: 0 auto;
    color: white;
    width: 70%;
}

a
{
    color:yellow;
    text-decoration: none;
}

.header
{
    width: 100%;
    height: 325px;
    text-align:center;
}

.main-img
{
    height:100%;
    width:100%;
    float:right;
    background-repeat:no-repeat;
    background-image: url(img/header.png);
}

.main
{
    margin-top: 0px;
}

.infoBlock
{
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    width: 72%;
    background-color: white;
    padding: 20px;
    color: black;
}

.shadow
{
    box-shadow: -4px -4px 12px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: -4px -4px 12px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: -4px -4px 12px rgba(0, 0, 0, 0.50);
}

.contactBlock
{
    width: 23%;
}

.menu
{
    padding-top:0px;
}

.menu ul { list-style-image: url(img/tamga.png); }

.menu ul li
{
    height: 30px;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
}

.menu ul li:hover { color: #8DE9FE; }

.slideshow
{
    border: 2px solid white;
    height: 225px;
    width: 225px;
}

.contact
{
    padding: 25px 10px 10px;
}

.contact ul
{
    font-weight: bold;
    list-style: none;
    padding-left: 0px;
}

.dirList
{
	list-style: none;
}

.dirList li
{
	margin-top: 5px;	
}

.direction
{
    display: block;
	cursor: pointer;
    border: 1px solid black;
    height: 25px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;	
    padding-top: 5px;
	background-color: #E4F1FB;
	font-size:13px;
	font-weight: bold;
}

.direction:hover
{
	background-color: #D7EBF9;
}

.direction img
{
	float: left;
	margin: 0px 7px;
}

.vk span
{
    display: block;
    font-size: 13px;
}

.footer
{
    width: 100%;
    height: 70px;
    text-align: center;
    float: left;
    padding-top:25px;
    font: 16px serif;
    text-shadow: 0 -1px 7px;
}

.left { float: left; }
.right { float: right; }
.hidden { display:none; }

#wrapper {
	width: 225px;
	height: 225px;
	//margin: -200px 0 0 -225px;
	//position: absolute;
	//left: 50%;
	//top: 50%;
	box-shadow: 0 5px 15px #013;
}


/* ------ REG FORM START----- */
#regform
{
	position: relative;
	left:20%;
	width:50%;
	border: 1px solid black;
padding:10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;	
}

#registrationForm a, #marshrutlar a, #organizatorlar a
{
	color: blue;
	font-size: 11px;
}

td p
{
	font-size: 10px;
}

td span
{
	color:red;
}

.slider-img
{
	width: 225px;
	height: 225px;
}

.info
{
	border-style:solid;
	border-width:1px;
}

.success
{
	background: #f8fff0;
	border-color: green;
}

.warning
{
	background: #fef5f1;
	border-color: yellow;
}
.error
{
	background: #fffce5;
	border-color: red;
}

#GMapsID
{
width: 900px;
height: 750px;
}


/*-----share-----*/
#share42 {
  position: fixed;
  z-index: 1000;
  margin-left: -70px; /* �������� ������ ����� �� ���� �������� */
}

#share42 {
  padding: 6px 6px 0;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}