/* Extra custom styles for Evgeny Kuzmenko - These need to be added to the inc-header.php file if the theme is updated */ 



h1#gallerytitle {
font-size: 14px;
}



#admin {
top: 40px;
}
#admin_data {
top: 60px;
z-index: 1000;
}

@media (min-width:320px) {


.top {
margin-top: 40px;
}

#image {
text-align: center;
}

#image img {
margin: 0 auto !important;
}

.noborder {
border: 0 !important;
}


#ek_logo_head-gallery {
float: left;
margin-right: 20px;
margin-top: 10px;
/*position: absolute; 
left: -100px;
bottom: -8px;*/
}

#ek_logo_head {
float: left;
margin-right: 20px;
 margin-top: 18px;
 margin-bottom: 10px;
/*position: absolute; 
left: -100px;
bottom: 0px;*/
}

#ek_logo_bottom-gallery {
position: absolute;
z-index: 1000; 
bottom: -5px;
left: 970px;
}

#ek_logo_bottom {
position: absolute;
z-index: 1000; 
bottom: 75px;
left: 970px;
}

#ek_logo_bottom-page {
position: absolute;
z-index: 1000; 
bottom: 0px;
left: 970px;
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 28px;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846382977%;
  margin-right: 0;
  padding-left:20px;
  padding-bottom: 100px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
  *width: 99.94680850063828%;
}

.row-fluid .span11 {
  width: 91.489361693%;
  *width: 91.4361702036383%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
  *width: 82.92553190663828%;
}

.row-fluid .span9 {
  width: 74.468085099%;
  *width: 74.4148936096383%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
  *width: 65.90425531263828%;
}

.row-fluid .span7 {
  width: 57.446808505%;
  *width: 57.3936170156383%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
  *width: 48.88297871863829%;
}

.row-fluid .span5 {
  width: 40.425531911%;
  *width: 40.3723404216383%;
}

.row-fluid .span4 {
  width: 31.914893614%;
  *width: 31.8617021246383%;
}

.row-fluid .span3 {
  width: 23.404255317%;
  *width: 23.3510638276383%;
}

.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.8404255306383%;
}

.row-fluid .span1 {
  width: 6.382978723%;
  *width: 6.329787233638298%;
}




/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/
#nav{
	float:left;
	list-style:none;
	margin: 0px;
	position:relative;
	margin: 0 0 10px;
}
#nav li{
	float:left;
	position:relative;
	display:block;
	border-right:1px solid #fff;
}
#nav li a{
	display:block;
	padding:3px 10px;
	color:#fff;
	font-size: 17px;
	text-decoration:none;
	margin: 0;
}
#nav li a:hover{
	color:#fff;
	text-decoration:none;
	
}
#nav li:hover{
	background:#555;
	text-decoration:none;
}


/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
}
#nav ul a{
	background:#333;
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	text-decoration:underline;
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#333;
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}