@import url('reset.css'); 

h1, h2, h3, h4, h5, h6, p, label, button, table, a, ol, li	{
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:none;
	}

h2 { /*Главная навигация и шапки сайдбаров*/
	font-size:16px;
	font-weight:normal;
	text-align:center;
	color:#FFFFFF;	
	}

h3 { /*Навигация в личном кабинете*/
	font-size:14px;
	font-weight:normal;
	line-height:1.25;
	background:url(../img/arrow.png) no-repeat 0 8px;
	padding:3px 0 0 13px;
	color:#204066;
	}
	
h4 { /*Заглавия*/
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#204066;
	}	
	
h5 { /*Надписи на спойлерах*/
	font-size:13px;
	font-weight:bold;
	color:#204066;
	margin:10px;
	}	

p, label, button, table, ol, li {
	font-size:13px;
	color:#204066;
	text-indent:15px;
	line-height:1.25;
	text-align:justify;
	}
	
p.find {
	text-align:center;	
}	

a:link, a:visited, a:hover, a:active {
	font-weight:bold;
	color:#204066;
    }

a:hover, a:active {
	text-decoration:underline;
	}

table {
	margin:5px auto;
	text-indent:0;
	}
	
table td {
	padding:3px;
	}
	
table.nev td {
	padding:3px 0;
	}	
	
table.withborder {
	border-collapse:collapse;
	text-align:center;
	}
	
table.withborder th, table.withborder td {
	border:1px solid #204066;
	padding:5px 10px;
	}	
	
table.withborder caption {
    font-weight:bold;
 	padding-bottom:5px;
	}		

.captcha {
    border:1px solid #204066; 
    }
	
img.fortext {
	border:1px solid #204066;
    margin:10px auto;
    max-width:550px;
	display:block;
    }	

button {
	height:28px;
	background-color:#EBF0F3;
	border:1px solid #204066;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
	margin:5px auto;
	text-indent:0;
	}	

button:hover, button:active {
	color:#ffffff;
	background-color:#204066;
	}
	
.clear {
	clear:left;
	}

/*Спойлер*/
.spoilername {
    border:1px solid #D8DDE8;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding-left:10px;
    margin-top:10px;
    cursor:pointer;
    }

.spoilername:hover {
    background-color: #D8DDE8;
    border: 1px solid #204066;
    }

.spoilertext {
    display: none;
    margin-top:10px;
    }

/*Номерация вложенных списков*/
#vlozh ol {
    counter-reset: li; /*Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0*/ 
    list-style: none; /*убираем стандартную нумерацию*/
    }

#vlozh li:before {
    counter-increment: li; /*Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при   помощи свойства content, будет располагаться до пунктов списка. Здесь же устанавливается значение приращения счетчика -по умолчанию равно 1.*/
    content: counters(li,".") ". "; /*С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка*/
	font-weight:bold;
    }

#vlozh li {
	line-height:1.5;
	}

/*Уведомления об операциях*/
p.loading, p.success, p.fail {
    text-align: center;
	width:60%;
    padding: 15px 35px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 0 auto 10px auto;
    }

p.loading {
    background: url( '../img/ajax-loader.gif' ) no-repeat 10px center;
    -webkit-box-shadow: 0px 0px 5px #204066;
    -moz-box-shadow:    0px 0px 5px #204066;
    box-shadow:         0px 0px 5px #204066;
    }
	
p.success {
    background: url( '../img/success-icon.png' ) no-repeat 10px center;
    -webkit-box-shadow: 0px 0px 5px green;
    -moz-box-shadow:    0px 0px 5px green;
    box-shadow:         0px 0px 5px green;
    color: green;
    }	
	
p.fail {
    background: url( '../img/fail-icon.png' ) no-repeat 10px center;
    -webkit-box-shadow: 0px 0px 5px red;
    -moz-box-shadow:    0px 0px 5px red;
    box-shadow:         0px 0px 5px red;
    color: red;
    }

body {
	background-color:#D8DDE8;
	}	
	
#outer {
	width:950px;
	margin:10px auto;
	}			
	
/*ШАПКА САЙТА*/
#header {
	width:890px;
	height:140px;
	-webkit-border-radius:25px 25px 0 0;
	-moz-border-radius:25px 25px 0 0; 
	-khtml-border-radius:25px 25px 0 0;
	border-radius:25px 25px 0 0;
	background-color:#204066;
	padding:40px 20px 0 40px;
	}
	
/*Логотип сайта*/	
#logo {
	float:left;
	width:429px;
	height:130px;
	}
	
#logo a {
	display:block;
	background:url(../img/logo.png) 50% 50% no-repeat;
	height:90px;
	width:429px;
	cursor:pointer;
	text-indent:-9999px;
	font-size:0;
	}	
	
/*Вход в личный кабинет*/	
#login {
	width:361px;
	height:80px;
	margin-left:429px;
	padding:50px 0 0 100px;
	}			
	
#login p, #login p a {
	font-size:14px;
	text-align:right;
	font-weight:normal;
	color:#ffffff;
	}
	
#login p a:hover, #login p a:active {
	text-decoration:underline;
	}	
	
#login2 {
	padding:3px 0;
	text-align:right;
	margin:5px 0;
	}
	
#login2 h2 {
	font-size:22px;
	font-weight:bold;
	font-style:italic;
	text-align:right;
	text-decoration:underline;
	}	
	
#login2 input, #login2 button {
	margin:0 0 0 5px;
	}	
	
#login2 input {
	padding-left:5px;
	}	
	
button#enter, button#wmid {
	background-repeat:no-repeat;
	background-color:#ffffff;
	cursor:pointer;
	text-indent:-9999px; 
	}	
	
button#enter {
    background-image:url(../img/enter-30x30.png);   
	}
	
button#wmid {
	background-image:url(../img/wm-30x30.png);
	}	
	
#login31 {
	float:left;
	width:120px;
	margin-left:20px;
	}
	
#login32 {
	margin-left:120px;
	}				

/*КОНТЕЙНЕР САЙТА*/
#container {
	width:930px;
	padding:2px 10px;
	background-color:#204066;
	}

/*НАВИГАЦИЯ*/
.navline { /*Линия над и под навигацией*/
	height:1px;
	background-color:#FFFFFF;
	margin:2px 0;
	}

#navigation { /*Блок навигации*/
	width:930px;
	background-color:#204066; 
	}
	
#navigation ul {
    list-style:none; /*Убираем маркеры*/
    margin:0; 
    padding:0;
    }
	
#navigation ul li, #navigation ul li a {
 	float:left;
	display:inline;
	height:29px;
	line-height:27px;
	text-decoration:none;
	font-weight:normal;
	}
	
#navigation ul li {
	margin:0;
	}	
	
#navigation ul li a {
	color:#FFFFFF;
	padding:0 20px;	
	}
	
#navigation ul li a:hover, #navigation ul li a:active {
	color: #204066; 
	background-color: #D8DDE8;
	}
	
#navigation ul li {
	font-size:16px;
	text-indent:0;
	line-height:1;
	text-align:left;
	}		

/*САЙДБАР*/
/*Контейнер сайдбара*/
#sidebar {
	width:230px;	
	padding:10px 10px 0 10px;
	float:left;
	background-color:#FFFFFF;
	}
	
#sidebar p {
	text-indent:0;
	}	

/*Контур сайдбара и основной части*/
.sidebarbox, .osnbox {	
	margin:0 auto 10px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	border-radius:10px;
	background-color:#EBF0F3;
	border:1px solid #204066;
	}

/*Шапка сайдбара и основной части*/
.sidebarboxheader, .osnboxheader {
	height:23px;
	margin:-1px -1px 0 -1px;
	padding:7px 10px 0 10px;
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0; 
    border-radius:10px 10px 0 0;	
	background-color:#204066;
	}

/*Контейнер сайдбара*/	
.sidebarboxcontent {
	padding:8px 10px;
	}

/*Личный кабинет*/	
.cabinet a:hover, .cabinet a:active {
	font-weight:normal;
	color:#204066;
	text-decoration:underline;
	}
.cabinet a:link, .cabinet a:visited {
	font-weight:normal;
	color:#204066;
	}	

/*Резерв*/

	
.rezerv {
	width:100%;
	padding:3px 0;
	}	
		
.valuta {
	padding-left:5px;
	}	

/*Статистика*/
.stat {
	width:100%;
	}
				
.zayavka {
	text-align:center;

	}


/*ОСНОВНАЯ ЧАСТЬ САЙТА*/
.osnboxcontent {
	padding:20px;
	}
	
#osn {
	width:670px;
	margin-left:250px;
	padding:10px 10px 10px 0;
	background-color:#FFFFFF;
	}

#fonosn {
	background-color:#FFFFFF;
	}	

/*Обмен*/
table#ExchangeTable { /*Таблица обмена*/
 width: 500px;
}

table#ExchangeTable th { /*Шапка таблицы обмена*/
 text-align: left;
 background: url( '../images/down-arrow.png' ) no-repeat;
 background-position: 0 5px;
 padding-left: 20px;
}

table#ExchangeTable th:first-child { /*Делим таблицу пополам*/
 width: 50%;
}

table#ExchangeTable th:last-child {
 background-image: url( '../images/up-arrow.png' );
}

table#ExchangeTable ul {
 list-style: none;
 margin-left: 0;
}

table#ExchangeTable tr td {
	padding:5px;
	}

table#ExchangeTable li {
 border: 1px solid #D8DDE8;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 margin: 5px 0;
 padding: 0 10px;
 cursor: pointer;
}

table#ExchangeTable li table tr td {
 vertical-align:middle;	
	}

table#ExchangeTable li table {
 margin: 0;
 width: 100%;
}

table#ExchangeTable li button {
 opacity: 0;
}

table#ExchangeTable li:hover button {
 opacity: 0;
}

table#ExchangeTable li:hover, table#ExchangeTable li.active {
 background: #D8DDE8;
 border: 1px solid #345E8E;
}

table#ExchangeTable td.reserve {
 color: #777;
}

div.body ul, div.body ol {
 margin-left: 15px;
}



/*Подписка на резервы*/
#podpiska p {
	text-align:justify;
	text-indent:15px;
	}

#podpiska table {
	text-align:center;
	}

textarea {
    resize: none;
    }

input[type="text"], input[type="password"], textarea, select {
    color: #204066;
    border:1px solid #204066; 
    background-color:#FFFFFF;
    padding:5px; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    box-sizing: border-box;
    }

input:-webkit-autofill {
	background-color:#FFFFFF;
	}

select {
    height: 30px;
    }

div.select select {
    background: transparent;
    padding: 5px;
    line-height: 1;
    border: 0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
	border-radius: 0;
    height: 25px;
    -webkit-appearance: none;
    }

div.select {
    height: 25px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #204066;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    }

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    -webkit-transition:border-color 0.3s ease-in-out; 
    -moz-transition:border-color 0.3s ease-in-out;
    transition:border-color 0.3s ease-in-out;    
    border:1px solid #AAA;
    color: #204066;
    }
select {
    padding: 0;
    }
	
option {
    padding-right: 10px;
    }

/*Курсы*/
tr.kursy {
	cursor: pointer;
	}

tr.kursy:hover, tr.kursy:active {
	background-color:#D8DDE8;
	/*outline:1px solid #204066;*/
	}

/*Отзывы*/
#reviewsbox, #news {
	padding:5px;
	}
	
.reviewshead, .newshead {
	font-weight:bold;
	text-decoration:underline;
	padding:5px;
	}	
.reviewscontent, .newscontent {
	margin-bottom:20px;
	padding:10px;
	background-color:#D8DDE8;
	border-radius:5px;
	}
	
.reviewscontent p, .newscontent p {
	text-indent:10px;
    }
/*Навигация по страницам*/		
.pagenav {
	text-align:center;
	
	}
	
.active {
	/*font-weight:bold;
	text-decoration:underline;*/
	}	

/*ФУТЕР*/
#footer {
	width:850px;
	height:35px;
	-webkit-border-radius:0 0 25px 25px;
	-moz-border-radius:0 0 25px 25px;
	-khtml-border-radius:0 0 25px 25px;
	border-radius:0 0 25px 25px;
	background-color:#204066;
	padding:15px 50px;
	}

/*Иконки платежек*/	
#counters {
	text-align:center;
	height:30px;
	}
	
#counters img {
	margin:0 20px;
	}