/* Главный файл стилей */

/* Общие стили ***********************/
html {
height: 100%; min-width: 998px; max-width: 1600px; min-height: 100%; width: 100%;
padding: 0; margin: 0;
}

body {
width: 100%; height: 100%; min-width: 998px; max-width: 1600px; min-height: 100%;
padding: 0; margin: 0; position: relative;
}

* html body { height:100%; }

table, img { border: 0; }
table { border-collapse: collapse; }
table td { padding: 0; vertical-align: top; }
div { padding: 0; margin: 0; }
form { padding: 0; margin: 0; }
input.text, textarea {
background: #fff; border: 0;
font: normal 100% "Tahoma", serif; color: #000;
}

a { color: #abd2ff; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }

#Container {
height: 100%;
background: url('menu/separator.gif') #1f3357 top left repeat-y;
font: normal 80% "Tahoma", serif; color: #fff;
}

html>body #Container { height: auto; min-height: 100%; }

sup, sub { font-size: 80%; }

p { padding: 0 0 15px 0; margin: 0; }

h1, h2, h3, h4, h5, h6 { font: bold 100% "Tahoma", serif; padding: 15px 0 15px 0; margin: 0; }
h1 { font-size: 160%; }
h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 125%; }
h5 { font-size: 120%; }
h6 { font-size: 115%; }

.hidden {display: none;}


/* Шапка ***********************/
#Header {
position: relative;
height: 200px;
clear: both;
background: url('header-background.jpg') top left no-repeat;
}


.buy{
    position: absolute;
    right: 20px;
    top: 130px;
    
    padding: 4px 10px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #fff;
    background: #f33f00;
}

.buy a{
    text-decoration: none;
    
    color: #fff;
}

#Logo {
float: left;
margin: 17px 0 0 20px;
font-size: 120%;
background: url('header-logo.jpg') no-repeat;
}

#SubLogo {
float: left;
margin: 60px 0 0 20px;
font-size: 120%;
}

#LangSwitcher {
float: right;
margin: 5px 10px 0 0px;
text-align: right; font-size: 0.8em;
}

#LangSwitcher div {
padding: 0 5px;
display: inline;
}

#LangSwitcher img {
vertical-align: bottom;
}


/* Середина *********************/
#Middle {
width: 100%;
padding-top: 15px;
}

#SeparatorTop {
width: 2px; height: 90px;
position: absolute; left: 227px; top: 200px;
background: url('menu/separator_t.gif') top left no-repeat;
z-index: 1;
}


/* Сайдбар *********************/
#Sidebar {
width: 227px;
float: left;
overflow: hidden;
}

/* Поиск *********************/
#Search {
margin: 25px 0 25px 25px;
}

input#id1 {
width: 155px; height: 19px;
background-color: #e8e8e7;
margin-top: 5px;
}

#find1 {
width: 21px; height: 22px;
vertical-align: top;
margin-top: 5px;
}

/* Меню *********************/
#MainMenu {
margin: 25px 24px 0 24px;
}

.Level1 {
padding: 0; margin: 0;
list-style: none;
font-size: 105%;
}

.Level2 {
padding: 0; margin: 0 0 0 15px;
list-style: none;
font-size: 90%;
}

.Level2 a {
color: #f9e9b4; text-decoration: underline;
}

.Level2 a:hover {
color: #fff; text-decoration: none;
}

#MainMenu a.current {
	color:#fff;
	text-decoration:none;
}
li {
margin: 10px 0 0 0; padding: 0;
}

/* Контент *********************/
#Main {
margin: 0 60px 0 250px;
clear: right;
}
#Main.slides {
	margin:0 0 0 250px;
	clear:right;
}
#Content {
float:left;
width: 100%;
}

/* Новости *********************/
.news-list {
margin-top: 3px;
}

.news-list-date {
margin-top: 13px;
font-size: 90%; font-style: italic; color: #6c7fa3;
}

.news-list img {
float: right;
border: 5px solid #344970;
margin: 15px 0 0px 30px;
}

.news-full-link {
clear: right;
padding: 5px 0 24px 0;
margin: -4px 0 8px 0;
background: url('news/news-full-link-background.gif') bottom left repeat-x;
}


#news-full {
margin-top: 3px;
}

#news-full-date {
margin-top: 13px;
font-size: 90%; font-style: italic; color: #6c7fa3;
}

#news-full img {
float: left;
border: 5px solid #344970;
margin: 0 16px 12px 0;
}

#news-list-link {
margin-top: 15px;
}

/* Галерея *********************/
#Gallery {
width: 99%;
margin-top: 20px;
vertical-align: top;
}

#Gallery td {
padding-bottom: 40px;
text-align: center;
vertical-align: middle;
}

#Gallery img { border: 5px solid #344970; /* цвет бордюра активного изображения #f9e9b4 */ }


/* Футер ***********************/
#FooterBox { height: 250px; clear: both; }

#SeparatorBottom {
width: 229px; height: 76px;
background: url('menu/separator_b.gif') bottom left no-repeat;
}

#Footer {
width: 100%; height: 250px;
margin-top: -250px;
background: url('footer-background.gif') #1f3357 bottom right no-repeat;
font: normal 70% "Tahoma", serif; color: #fff;
}

#Copyright { margin: 20px 0 0 25px; }
#Developer {
	margin:20px 0 0 25px;
}

#w-Style { margin: 5px 0 0 25px; }
#w-Style img { vertical-align: middle; }

#Counters { margin: 35px 0 0 25px; letter-spacing: 15px; }


/* Переключатель страниц */
div.pages { font: normal 85% "Verdana", serif; padding: 25px 0 10px 0; clear: both; margin: 0 auto; text-align: center;}
.pages span.selected { border: 1px solid #2b4168; padding: 5px 5px 3px 5px; background-color: #1f3357; font-size: 115%; font-weight: bold; margin: 0 7px;} /* Выбранная страница */
.pages span.selected a,
.pages span.selected a:hover { text-decoration: none; color: #fff; }
.pages span { background-color: #334566; padding: 3px 5px 3px 5px; display: inline; }

/* * * * * * * * *
* Стили веб-форм *
* * * * * * * * */
.form {
	
	padding:0 0 28px 0;
	/*background:url('form.png') 0 100% repeat-x;*/
}
.form span {
	color:#abd2ff;
}
.form table {
	width:500px;
}
.form table tr {
}
.form table td {
	/*border-bottom:1px solid #fff;*/
	padding-top:0;
	padding-bottom:10px;
}
.form table th {
	padding:10px 0;/*border-bottom:3px solid #fff;*/
}
.form input {
	/*float:left;*/
	width:100%;
	height:16px;
	border:none;
	clear:both;
	display:inline;
	margin-top:3px;
	margin-bottom:3px;
	padding:2px;
	font-size:90%;
	background:#fff;
}
.buttons input {
	text-align:center !important;
	display:block;
	float:right;
	background:#405d95;
	color:#ABD2FF;
	font-weight:bold;
	border:1px solid #ABD2FF;
}
.form .button {
	display:inline;
	float:right;
	width:100px;
        padding:0;
        height:auto;
	border:1px solid #ABD2FF;
	background:#405d95;
	color:#ABD2FF;
	text-align:center;
        line-height:18px;
	text-decoration:none;
	margin-right:0;
}
.form textarea {
	border:none;
	margin-top:10px;
	margin-bottom:3px;
	overflow:auto;
	width:366px;
	height:72px;
	padding:2px;
	font-size:90%;
	display:inline;
	background:#fff;
}
.form .formText input {
	text-align:center;
}
.form td {
	padding-left:14px;/*color:#f9e9b4;*/
}
.form td.formLabel {
	width:20%;/*250px;*/
}
.form span.hint {
} /* Метка, имеющая подсказку */
.form th.formHeader {
	font-size:120%;
	font-weight:normal;
	text-align:left;
	padding:25px 0 10px 8px;
	color:#abd2ff;
} /* Подзаголовок */
.form td.formText {
} /* Ячейка, содержащая простой текст */
.form td.buttons {
} /* Ячейка, содержащая кнопки формы */
input.contentButton {
	font-weight:bold;
	font-size:90%;
	background-color:#e8e8e7;
	color:#0147db;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
div.errorBox {background: #fff; color: #000; border: solid 2px #f00; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.errorBoxCap {background: #f00; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}
/* Информационные сообщения */
div.infoBox {background: #fff; color: #000; border: solid 2px #25b; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.infoBoxCap {background: #25b; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}

/* * * * * * * * * * * * * * * * * * * * * *
* Дополнительные стили модулей расширения *
* * * * * * * * * * * * * * * * * * * * * */

#Gallery_ul {
width: 99%; overflow: hidden; //zoom:1;
list-style: none;
padding: 0;
margin: 20px 0 0;
}
/*контейним флоаты*/

#Gallery_ul li {
float: left;
width: 33%;
margin-bottom: 40px;
text-align: center;
vertical-align: top;
display: inline;
height: 250px;
}

#Gallery_ul li div.galdiv {
padding: 3px;
height: 100px;
overflow: hidden;
display: inline;
/*высота - обязательна, иначе может поламаться структура*/
}


#Gallery_ul img {
border: 5px solid #344970;
}

#gallery_full {
background: #fff;
float: left;
padding: 3px;
display: none;
/* width: 700px;*/
}

#gallery_button{
font-size: 11px;
font-family: tahoma;
color: #ccc;
}

#gallery_button a{
color: #000;
}

/* Слайды */
#slides {
	float:left;
	display:inline;
	width:100%;
	margin:10px 0 0 -12px;
	padding:0;
	list-style:none;
}
	#slides li {
		float:left;
		display:inline;
		overflow:hidden;
		width:238px;
		height:203px;
		margin:0 0 15px 10px;
		text-align:center;
	}
	#slides li a {
		display:block;
		width:230px;
		margin:0 auto;
		padding:3px;
		background:#34496f;
		border:1px solid #162643;
		text-decoration:none;
	}
		#slides li a span.img {
			display:block;
			overflow:hidden;
			width:230px;
			height:153px;
			background:#1f3357;
			cursor:pointer;
		}
		#slides li a span.desc {
			display:block;
			padding:5px 0 5px 0;
			text-decoration:underline;
			cursor:pointer;
		}
		#slides li a:hover span.desc {
			text-decoration:none;
		}

/* FGallery*/
#previewer {
border: 1px solid #fff;
background: rgb(255, 250, 231) url(http://www.nationalrussianshow.ru/ru/style/dot.gif) repeat scroll 0% 50%;
position: absolute;
display: none;
z-index: 2;
top: 0px;
left: 307px;
}

#previewer_2 {
border: 1px solid rgb(204, 191, 143);
background: rgb(255, 255, 255) none repeat scroll 0% 50%;
text-align: center;
margin: 3px;
}

#previewer_3 {
background: transparent url($(image)) no-repeat scroll 0%;
text-align: center;

}

#returnlist {
float: right;
}

#returnlist a{
color: #ccc;
}

.caption_name {
  color: #000;
}

.caption_list {
  padding-left: 10px;
  padding-right: 10px;
}
#block6{ background: url(http://nationalrussianshow.ru/ru/data/mos_time.png) no-repeat right; _background-image:none;  margin-bottom: 20px; margin-LEFT: 25px; width: 180px;}	
#block6 img {_Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://nationalrussianshow.ru/ru/data/mos_time.png'); }

#admin{ background: url(http://nationalrussianshow.ru/ru/data/part/obl_sm.png) no-repeat right; _background-image:none; text-align:center; margin-left:40px; float:left}
#admin img {_Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://nationalrussianshow.ru/ru/data/part/obl_sm.png');}
/* Вопрос-ответ */
.form {
	/*width:100%;
	overflow:hidden;*/
}
.form .Item {
	width:100%;
	padding:0 0 14px 0;
	margin:0 0 12px 0;
	background:url('form.png') 0 100% repeat-x;
}
.form .ItemLast {
	overflow:hidden;
	height:4px;
	margin:-16px 0 0 0;
	padding:0;
	background:#1f3357;
}
.form .Item .date {
	padding:0 7px;
	border:1px solid #2b4168;
	line-height:19px;
}
.form .Item .strong,
.form .Item .italic {
	color:#abd2ff;
}
.form .Item .strong {
	font-weight:700;
}
.form .Item .italic {
	font-style:italic;
}


.vkontakte{
margin: 0 0 10px 24px;	
}

.vkontakte a{
padding: 2px 0 2px 22px;	
background: url("http://vkontakte.ru/images/widget_logo.gif") no-repeat 0 2px;

}

.imgl{
	float: left;
margin: 5px 15px 5px 0;
border: 3px solid white;
}


.imgr{
	float: right;
margin: 5px 0 5px 15px;
border: 3px solid white;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
