@import "reset.css";

html {
  font-size: 100.01%;
}


body {
  background: #fff;
  color: #444;
  font: 13px Helvetica, Sans-serif;
}

.textblock p {
	line-height: 1.5;
	padding-bottom: 1.5em;
}

.textblock ul {
	list-style-type: disc;
	margin-left: 1.3em;

}

.textblock table {
	padding-bottom: 1em;
	display: block;
}

.textblock ul li {
	padding-bottom: 1em;
}

.textblock table td {
	border: 1px solid #666;
	padding: 10px 10px 0 10px;
}

a:link {
	color: #3d3d3d;
}

a:hover, a:focus {
	
	color: #e32525;	
}

	
a:visited {
	color: #3d3d3d;
}

strong {
	font-weight: bold;
}

.textblock h3 {
	line-height: 1.25;
	font-weight: bold;
	padding-bottom: .75em;
}

h4 {
	line-height: 1.75;
	font-weight: bold;
	color: red;
}

#container {
  width: 73.84em;	
  margin: 0 auto;
}
/*Шапка**********************************************/
#header {
  padding-bottom: 1.40625em;
  border-bottom: 2px solid #555555;
}	

#header-top {
  margin: 1.5em 0 1em 0;
}

#header-bottom {
  height: 2em;
}
/*Лого***********************************************/
#brand {
  height: 8.59375em; 
  width: 17.1875em;
}

#brand a {
  background: url(../img/al-gallery.jpg) no-repeat;
  display: block;
  height: 8.641em; 
  width: 16.923em;
}

.logotitle {
  font: 1.075em Arial ,Helvetica, Sans-serif;
  display: block;
  margin-top: -.25em;
}
/*Выбор языка***************************************/

#lang {
    float: right;
	height: 2em;
    margin-top: .625em;
}

ul.lang-nav li {
  border-right: 2px solid #949599;
  float: left;
  padding: 0 .625em 0 .625em;
}
ul.lang-nav li:last-child {
   border-right: none;
   padding-right: 0;
}

ul.lang-nav a {
  display: block;
  height: 2em;
  width: 2em;
}

li a.ru {
  background: url(../img/ru.png) no-repeat;
}

li a.en{
  background: url(../img/en.png) no-repeat;
}

/*Кнопки социальных сетей*****************************/
#social {
  float: right;
  height: 2em;
}

ul.social-nav li {
  border-right: 2px solid #e32525;
  float: left;
  height: 2em;
  padding: 0 .625em 0 .625em;
  margin:0;
}
ul.social-nav li:last-child {
   border-right: none;
   padding-right: 0;
}

ul.social-nav a {
  display: block;
  height: 2em;
  width: 2em;
}

li a.vk {
  background: url(../img/vk.png) no-repeat;
}

li a.fb {
  background: url(../img/fb.png) no-repeat;
}

li a.lj {
  background: url(../img/lj.png) no-repeat;
}
   
/*Навигация****************************************/

#header-bottom
{

}

#top-nav{
  float: left;
  height: 2em;
  width: 65em;  
}

ul.hor-nav {
  padding-top: 1em;  
}

ul.hor-nav li {
  border-left: 1px solid #555555;
  display: block;
  float: left;
  height: .875em;
  line-height: .875em;
  padding: 0 .8em 0 .8em;
  text-transform: uppercase;
}

ul.hor-nav li:first-child {
  border-left: none;
  padding-left: 0;
}

ul.hor-nav li.active a {
  color: #e32525;  
}
 
ul.hor-nav li a {
    font-family: Arial;
	text-decoration:none;
	vertical-align: middle;
}

/*Боковая*/

ul.vert-nav li{
  margin-bottom: .75em;
}

ul.vert-nav li.level1 a {
  border-left: 2px solid #f00010;
  color: #dbdbdb;
  display: block;
  padding-left: .5em;
  text-decoration:none;
  text-transform: uppercase;
  vertical-align: middle;
  width: 5em;
}

ul.vert-nav li.level-1 a { /*без переноса строки*/
  border-left: 2px solid #f00010;
  color: #dbdbdb;
  display: block;
  padding-left: .5em;
  text-decoration:none;
  vertical-align: middle;
 
}

ul.vert-nav li.level1.active a {
  color: #939498; 
}


ul.vert-nav li.level-1.active a {
  color: #939498; 
}

.subname {
   font-size: 1.7em; 
}

.subnav {
  margin-top: .45em;
}

ul.subnav li.level2 a { 
  border-left: none;
  font-size: 1.2em; 
  margin-left: 1.5em;
}

ul.subnav li.level2.active a {
  color: #f00010;
}

/*Меню с выводом корневого элемента*/
ul li.level-0 a {
  border-left: 2px solid #f00010;
  color: #dbdbdb;
  display: block;
  padding-left: .5em;
  text-decoration:none;
  text-transform: uppercase;
  vertical-align: middle;
  width: 5em;
}

ul.vert-nav li.level-0.active a {
  color: #939498; 
}

ul.subnav li.level-1 a { 
  border-left: none;
  font-size: 1.2em; 
  margin-left: 1.5em;
}

ul.subnav li.level-1.active a {
  color: #f00010;
}
/**********************************/
.shop  {
  text-transform: none;
}



/*Зона контента**********************************/

#cont-wrap-index {
  padding: 1em 0 1em 0;
  margin: 0 auto; 
  /*overflow: auto;*/
  width: 73.84em;	
}

#cont-wrap {
  padding: 1em 0 1em 0;
  margin: 0 auto; 
  overflow: auto;
  width: 73.84em;	
  min-height: 400px;
height: auto !important;
height: 400px;
}

/*Главная*/
#wpap-index {
  float: left;
}

#main-index {
  float: right;
  height: 40.5384em;
  margin-bottom: .5em;
  width: 49.1em;
}

#main-index img {
  border: 0;
  height: 40.5384em;
  width: 49.1em;
}

#sidebar-index {
  float: left;
  height: 30em;
  margin-right: 1.125em;
  width: 23.5897em;
}

#main-full-cont {
width: 42em;
margin: 0 auto;
padding-top: 1.5em;
}

.side-index-cont {
  height: 12.7946em;
  margin-bottom: 1.125em;
  width: 23.5897em;
}

.side-index-cont img{
  border: 0;
  height: 12.7946em;
  width: 23.5897em;
}

/*Слайдер*/
.slider {
float:left;
height: 12.7946em;
width: 23.5897em;
position:relative;

}

.sliderContent {
float:left;
height: 12.7946em;
width: 23.5897em;
clear:both;
position:relative;
overflow:hidden;
}

.sliderContent .item {
position:absolute;
height: 12.7946em;
width: 23.5897em;
background:#fff;
}
/****************/

/*Остальные*/
#main {
  float: left;
  width: 54.3284em;
}



#main-small {
  float: left;
  width: 34.8em;
}

#sidebar {
  float: left;
  font-family: 'PT Sans Narrow';
  margin:0 1.45em 0 1.5em;
  width: 16.5384em;
}

#sidebar-cart {
  float: right;
  font-family: Helvetica, Sans-serif;
  margin:0 1.45em 0 1.5em;
  width: 16.5384em;
}

.col05 {
  float: left;
  margin-right: 1.5384em;
  margin-bottom: 1.6384em;
  width: 8.25em;
  height:9.5em;
  font-family: 'PT Sans Narrow';
}

.col1 {
  float: left;
  margin-right: 1.5384em;
  margin-bottom: 1.5384em;
  width: 16.5384em;
  font-family: 'PT Sans Narrow';
}

.col1 img {
  border: none;
  /*width: 16.5384em; */
}

.col1-small {
  float: right;
  padding-top: 2em;
  text-align: right;
  width: 13em;
}

.col15 {
  float: left;
  margin: 0 0 0 .5em ;  
  width: 25em;
}



.col2{
  float: left;
  margin-right: 1.5384em;
  width: 34.6152em;
}

.col2 img {
  border: none;
  width: 34.6152em;  
}

.col3 {
  float: left;
  margin: 0 1.5384em 0 0 ;  
  width: 52.69em;
}

iframe {

/*height: 284px;
width: 335px; */
}

.videoThumb iframe {
height: 186px;
width: 226px; 
}

.img-cont {
  border: 1px solid #fff;
  height: 192px;
  width:320px;
}

.col3prew{
  background: #fff;
  border-bottom: 2px solid #939498;
  float: left;
  padding: 0 1.25em .75em .75em;
  margin: 0 0 .75em 0 ;
  text-align: right;  
  width: 52.19em;
}

.col3prew .seminar {
  text-align: left; 
}

.col3prew img {
  float: left;
  border: none;
  margin: 0 1em 0 0; 
}

.col2prew{
  /*background: #f6f6f6;*/
  border-bottom: 2px solid #939498;
  float: left;
  padding: .75em 0 .75em .75em;
  margin: 0 0 1em 0 ;  
  width: 33.29em;
}

.col2prew img {
  float: left;
  border: none;
  margin: 0 1em 0 0; 
}


.prod-order {
  float: right;
  
  text-align:right;
  width: 8.84em;
}

.product-descr{
color: #939498;
margin: .75em .75em .75em .75em;
float: left;
text-align: center;
width: 10em;/*24*/
/*height: 10em;*/
}

.prod-img-small {
/*z-index:100;*/


display: table-cell;
border: none;
vertical-align: middle;
text-align: center;
height: 10em;
width: 10em;
/*padding: .25em 0 .25em 0;*/
}

.miniprice  {

color: #fafafa;
position:absolute;
background: #e32525;
/*margin: -9.75em 0 0 0em;*/
z-index:10000;
}


.product-descr h2{
font-size: 1.4em;
font-weight: bold;
color: #333333;
}

.product-descr h3{
font-size: .9em;
color: #272727;
}

.product-price{
  padding-top: 4.5em;
}

a.details {
  background: #939498;
  padding:.5em 2em;
  color: #fff;
  float:right;
  line-height: 1.5em;
  margin: .5em 0 0 0;
  text-decoration: none;
}

a.details:hover {
  background: #e32525;
  color: #fff;
}

.textblock {
  margin: 1.5em 0 .75em 0;
}

.textblock h2 {/*padding: 0 0 .75em 0*/}

.clear { clear: both; }

.fotoThumb {
float: left;
/*background: #dedede;*/
text-align: center;
/*margin: 0 .25em .5em .25em;
height: 17.85em;
width: 17.45em;*/
}

.videoThumb {
float: left;
/*background: #dedede;*/
text-align: center;
margin: 0 .25em .5em .25em;
height: 17.85em;
width: 17.45em;
}

.fotoThumbS, .videoThumbS {
float: left;
/*background: #dedede;*/
margin: 0 .25em .5em .25em;
text-align: center;

width: 17.45em;
}

.fotoDescription {
color: #292929;
background: #fff;
height:3em;
width: 17.45em;
}
.minitext {
font-size: 0.75em;
} 


.gal-item-active {
display: table-cell;
border: none;
vertical-align: middle;
text-align: center;
height: 13.95em;
width: 17.45em;
padding: .25em 0 .25em 0;

}

/*.gal-item-active img {
height: 182px;
width: 226px;
}*/

.pagenav {
float: right;
}

.pagenav  ul li {
  border-left: 1px solid #555555;
  display: block;
  float: left;
  height: .875em;
  line-height: .875em;
  padding: 0 1em 0 1em;
  text-transform: uppercase;
}

.pagenav ul li a {
    font-family: Arial;
	text-decoration:none; 
	vertical-align: middle;
}

.pagenav  ul li a.active {
  
  color: #e32525;
}
 
.pagenav ul li:first-child {
  border-left: none;
  padding-left: 0;
} 

.ex-header {
	float: left;
	width: 690px;}

.ex-header h2 {
	display: block;
	float: left;
}

.ex-nav {
	float: right
}
 
/*Shop*/

.shk-but {
background: #939498;
  padding:.5em 2em;
  color: #fff;
  float:right;
  line-height: 1.5em;
  margin: 0em .25em 0 0;
}

.shk-but:hover {
  background: #e32525;
  color: #fff;
}

.shop-cart {
 border-left: 0;
 border-right: 0;
}

/*Отдельные стили для заголовков, одиночных ссылок, элементов текста*/
a, img { outline: 0; }

h1, h2{
  font-family: 'PT Sans Narrow';
  font-size: 2em;
}

h1 a, h2 a {
   text-decoration: none;  
}

h2.small{
  font-family: 'PT Sans Narrow';
  font-size: 1.3em;
}

h3 {
  font-size: 1.3em;
 	
}
.conttxt h3{
  color: #e32525;
}


a.red {
  color: #f00010;
}

.red {
  color: #f00010;
}

#myMapId {
float: left;
margin-bottom: 2em;
}

#myMapId  img{
width: 180px;
height: 250px;
}

#contacts {
float: right;
/*padding: 0 2em 0 0;
width: 30em;*/
}

.conttxt p {
  padding:0 0 .75em 0;
}

.conttxt p a:link {
	color: #e32525;
}

.conttxt p a:hover, a:focus {
	text-decoration: none;
	color: #e32525;	
}

	
.conttxt p a:visited {
	color: #e32525;
}


.spartahead {
width: 703px;
height: 130px;
margin-bottom: 20px;
}
.spartaimg {
float: left;
width: 306px;
height: 130px;
}

.spartatxt {
float: right;
text-align: justify;
width: 395px;
height: 130px;
}

.spartatxt p {
  padding-bottom:10px;
}

.low {text-transform: lowercase;}

/*breadcrumbs*/
.breadcrumbs {
  margin:.5em 0 2.9em 0;
}


ul.B_crumbBox li {
  border-left: 1px solid #555555;
  display: block;
  float: left;
  font-size: .75em; 
  height: .875em;
  line-height: .875em;
  padding: 0 1em 0 1em;
  text-transform: uppercase;
  margin: 3px;
}

ul.B_crumbBox li.B_firstCrumb {
border-left: none;
padding-left: 0;
} 
/*Подвал****************************************************/
#footer {
  border-top: 2px solid #555555;
  clear: both;
  margin: 1.5em 0 1em 0;
  padding-top: .75em;
  text-align: center;  
}

ul.foot-info {
  font-size: .85em; 
  line-height: .75em;
}

ul.foot-info li {
  border-left: 1px solid #f00010; 
  display: inline;
  font-family: Arial; 
  padding: 0 .5em 0 .75em;
}
ul.foot-info li:first-child {
   border-left: none;
   padding-left: 0;
}

/*подписка*/

#fade { /*--Прозрачный слой фона--*/
	display: none; /*--по умолчанию скрыты--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--по умолчанию скрыты--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Тени для Блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Закругленные углы--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
        border:0;
}
/*--Фиксированное позиционирование для тупого IE6--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.conttxt p.justifyright {
	text-align: right;
	font-style: italic;
	padding: 15px 0;
}

.conttxt p {
	text-align: justify;
}
