.margin-top { margin-top: 1.6em; }

.margin-bottom { margin-bottom: 1.8em; }

.margin-top-double { margin-top: 60px; }

.margin-bottom-double { margin-bottom: 60px; }

.margin-top-minus60 { margin-top: -60px; }

.margin-top-minus20 { margin-top: -20px; }

.padding { padding: 35px 6%; }

.field-item even { margin-top: 5px; }
.field-type-link-field { margin-top: 5px; }

.padding-left-right { padding: 0px 25px; }

.floating-block {
	display: block;
    font-size: 0px;
    background-color: #B5D8FA !important;
    line-height: 0;
    cursor: pointer;
    z-index: 100001;
    margin-top: -117.5px;
    position: fixed;
    top: 46%;
	left: 0px;
    border-width: 2px 0px 2px 2px;
    border-style: solid solid solid none;
    border-color: #FFF #FFF #FFF -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    padding: 8px 1px;
    background-image: url("http://media.reformal.ru/widgets/v3/gl.png");
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: 0px 0px;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    border-radius: 10px 0px 0px 10px;
    box-shadow: 1px 0px 1px 1px #888;
 }

.floating-block:hover {
    padding-right: 3px;
}

.context-help {
    background-color: #F3F3F3;
    background-image: url("/sites/default/files/images/basic/help.gif");
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border-radius: 2px;
    color: #666;
    font-family: tahoma;
    margin: 10px 0px;
    padding: 10px 10px 10px 60px;
    min-height: 40px !important;
}

.event-date {
	text-transform: uppercase;
	font-size: 130%;
	color: #0080C1;
	font-weight: 600;
	text-align: center;
	line-height: 140%;
	margin-top: 12px;
}

.small {  font-size: 80%; line-height: 1.4em; margin-bottom: 6px; margin-top: 5px; }

.small-bold { font-size: 80%; font-weight: bold; }

.smallest {  font-size: 65%; line-height: 1.5em; margin-bottom: 6px; margin-top: 5px; }

.italic { font-style: italic; }

.lead-text {
font-size: 95%;
background-color: #EBEBEB;
border-color: #f8fcfe;
color: #333333;
padding: 15px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.width-100 { width: 100%; }

.big { font-size: 130%; }

.sources {
background-color: #F1F1F1;
border-color: #f8fcfe;
color: #333333;
font-size: 85%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: 100%;
}

.tag {

  color: rgba(34,59,74,.5);
  border-radius: 6px;

}

.compact {
    margin: 0px 0px 0px;
    padding: 0px;
}

.float-left {float: left; margin-right: 10px; }
.float-right {float: right; }
.float-none {float: none; }

.block-narrow {width: 31%; font-size: 95%; margin-right: 30px;}

.fields-inline {display: inline;}

.underlined {
  border-bottom: solid 1px #DCDCDC;
  padding-top: 10px;
  padding-bottom: 30px;
}

.uplined {
  border-top: solid 1px #DCDCDC;
  padding-top: 10px;
  padding-bottom: 30px;
}

.align-center { display: block; text-align: center; }

.align-right { display: block; text-align: right; }

.img-round {
	border-radius: 70px;
}

.menu-nolink {
  font-size: 16px;
  color: #000;
  padding: 16px 16px 10px 16px;
  cursor: pointer;
}

.menu-nolink:hover { padding-bottom: 10px; background-color: #FFD633; }


.menu-red {
	background: #E95E4F;
	color: #fff;
	border-radius: 26px;
	padding: 2px 50px 2px 10px;
	width: 200px;
	text-align: center;
}

.menu-red a { color: #fff;  }


.menu-red a:hover { font-weight: bold; text-decoration: none; color: #fff;  }

a.menu-red.sf-depth-1 {color: #fff;}
a.menu-red.sf-depth-1.active {color: #fff;}
a.menu-red.sf-depth-1.visited {color: #fff;}


.menu-blue {
	background: #4FB10C;
	color: #fff;
	border-radius: 26px;
	padding: 4px 2px;
}

.menu-blue:hover {
	background-color: #FFCC00;
	text-decoration: none;
	color: #fff;
}

.menu-blue a { color: #fff;  }
}

.menu-green {
	background: #4FB10C;
	color: #fff;
	border-radius: 26px;
	padding: 4px 2px;
}


a.black-link {color: #444;}
a:hover.black-link {color: #E85D4E; text-decoration: none; }

.red-link a {color: #E85D4E; }
.red-link a:hover {color: #E85D4E; text-decoration: none; font-weight: bold; }

.white-link a {color: #fff;}
.white-link a:hover {color: #fff; text-decoration: none; }


.white-block {
background: #fcfcfc;
color: #333;
border: 1px solid #eaeaea;
padding: 5px;
margin-bottom: 8px;
display: block;
float: none;
line-height: 130%;
}

.white-block .p { padding: 5px; }

.colorblock-white {background-color: #fff; }
.colorblock-yellow {background-color: #FFFF99; }
.colorblock-gray {background-color: #F3F3F3; background-image: url(/sites/default/files/images/basic/bg_gray.png);  }

.colorblock-blue {background-color: #B5D8FA; }
.colorblock-blue a { color: #000; font-size: 115%; }

.colorblock-blue-dark {background-color: #4E86C3; color: #DFDFE0; background-image: url(/sites/default/files/images/basic/bg_blue_dark.jpg); }
.colorblock-graphite {background-color: #4E86C3; color: #DFDFE0; background-image: url(/sites/default/files/images/basic/bg_graphite.jpg); }

.colorblock-img {background-color: #0080C1; background-image: url(/sites/default/files/images/basic/bg.jpg); background-repeat: no-repeat; background-size: cover;}

.colorblock-dark { background-color: #17365D; color: #fff; }
a.colorblock-dark { color: #fff; }


.img-background {background-color: #0080C1; background-image: url(/sites/default/files/images/basic/bg.jpg); background-repeat: no-repeat; )}

.opacity-div { opacity: 0,5; }

.capslock { text-transform: uppercase; font-size: 130%; font-weight: bold; }


.big-red {
	text-transform: uppercase;
	font-size: 150%;
	color: #E85D4E;
	font-weight: 600;
	text-align: center;
	line-height: 140%;
	margin: 25px 10px 0;
}

.very-big-red {
	font-size: 56px;
	font-weight: 900;

}

.block-red {
	background-color: #E85D4E;
	margin: 10px;
	color: #fefefe;
	font-size: 120%;
	text-align: center;
	padding: 20px;
	opacity: 0.8;
	border-radius: 6px;
}

a. block-red {color: #fff;}

.img-border {
padding: 4px;
border: 4pt solid #ссс;
border-radius: 6px;
box-shadow: 0px 0px 3px rgb(183, 183, 183);
display: block;
text-align: center;
}

.img-round-border {
min-height: 190px;
border-radius: 75px;
padding: 4px;
border: 2pt solid #F0F0F0;
box-shadow: 0px 0px 3px rgb(183, 183, 183);
}

/* Эффект наложения при наведении на картинку */

.image-overlay { z-index: 0; }

.image-overlay:hover {
left: 0; top: -20px;
cursor: pointer;
background: rgba(0,0,0,0.77);
color: #fff;
display: block;
opacity: 0;
}

.text-overlay { margin-top: -200px; z-index: 1; margin-bottom: 40px; opacity: 0;}
.text-overlay:hover { opacity: 1; background-color: blue;  }




/*  OVERRIDINGS   */

/* Уменьшаю размер шрифта заголовков материалов темы Gratis */
.heading-typeface-opensans h1 { font-size: 200%; }

/* Добавляю расстояние между контекстными ссылками. В частности, для отображения списка файлов через модуль file_entity */
.contextual-links-region { margin-bottom: 8px; }


/* Формат заголовков блоков facetapi (по умолчанию очень крупные) */
.block-facetapi h2 { font-size: 100%; font-weight: bold; }

/* Добавляю немного отступа под рисунками */
.img-responsive, .thumbnail a > img, .thumbnail > img {
    margin-bottom: 25px;
}


tr.odd .form-item, tr.even .form-item {
    white-space: normal;
}

/* Переписываю самое сакральное container - самого Bootstrap! */
.container { width: 80%; }

/* Прячу прогресс-бар модуля Webform. Кривоват, чисто внешне, а разбираться сейчас нет времени. */
.webform-progressbar-outer { visibility: hidden; }


/* Компоненты модуля Views */

#views-bootstrap-grid-1 { }
.views-bootstrap-grid-plugin-style { }


.views-fluid-grid-item {
    padding: 1px;
    background-color: #fff;
    border: 0px solid #AAA;
}

.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 2.5em;
}


/*   Чтобы несколько изображеий в ноде располагались горизонтально в ряд   */
.node .field-name-field-image .field-item {
display: inline-block;
margin: 15px 25px;
}


/* Переписываю тему Bootstrap (эти параметры хранятся где-то на ее сайте, а не у меня    */
.col-md-offset-2 { margin-left: 15px; width: 98% }


/*  Переписываю один из стилей Superfish Menu - White. Просто нужно что-то минималистичное для верхнего меню. А также другие стили SuperFish   */

.sf-menu {
    line-height: 1em;
    z-index: 497;
}

#main-navigation ul.menu {
    margin: 0;
    padding: 2px 10px 2px 10px;
    list-style: none;
    text-align: center;
	   line-height: 0;
}

.sf-menu.sf-style-white a.sf-with-ul {
    padding-right: 1.5em;
	margin-top: 8px;
	border: 0px;
	background-color: transparent;
	font-weight: bold;
}

.sf-menu.sf-style-white a {
    /* border: 1px solid #e1e1e1;  */
    color: #555555;
    padding: 0.5em 0.5em;
}

.sf-menu.sf-style-white a: hover {
    color: #000;
}

.sf-menu.sf-style-white a: acive {
    color: #4FB10C;
	font-size: 30px;
}

.sf-menu.sf-style-spring li, .sf-menu.sf-style-spring.sf-navbar {
    background: #4FB10C none repeat scroll 0% 0%;
	/*background-image: url(/sites/default/files/logotypes/logo_philindex.jpg); background-repeat: no-repeat; */
}

.sf-menu.sf-style-blue a { color: #fff; }

.sf-menu.sf-style-space-teal li, .sf-menu.sf-style-space-teal li li, .sf-menu.sf-style-space-teal li li li, .sf-menu.sf-style-space-teal.sf-navbar {
    background: #C34C00 none repeat scroll 0% 0%;
}

.sf-menu.sf-style-spring a:active { font-size: 26px; }

.sf-depth-2 { text-transform: none; padding: 3px; width: 300px; }


/* Еще один из стилей SuperFish - Orange Teal */

.sf-menu.sf-style-space-teal li, .sf-menu.sf-style-space-teal li li, .sf-menu.sf-style-space-teal li li li, .sf-menu.sf-style-space-teal.sf-navbar {
    background: #FF6501;
}

/* Еще стить SuperFish - Pomegranate */

.sf-menu.sf-style-pomegranate li, .sf-menu.sf-style-pomegranate li li, .sf-menu.sf-style-pomegranate li li li, .sf-menu.sf-style-pomegranate.sf-navbar {
    background: #78038F;
}


/*  Элементы модуля Calendar */

.calendar-calendar td a {font-weight: normal;}

.calendar-calendar td .inner div, .calendar-calendar td .inner div a {
    background: #EEE none repeat scroll 0% 0%;
    line-height: 1.3;
}

.calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview {
    background: #EEE none repeat scroll 0% 0%;

}

/*  Элементы модуля Better Comments  */

div.comment-body {width: auto; }


/*  Tags  */
.tag { color: #4187D1; }


/* Simple Hierarchical Select */

.shs-hierarchy { list-style: none; margin: 0; line-height: 80%; font-size: 80%;}
ul.shs-hierarchy { list-style: none; margin: 0; line-height: 80%; }
li.shs-parent.first a { display: inline; float: left; padding-right: 5px; color: #444; }
li.shs-term-selected.last a { display: inline; float: left; padding-left: 5px; color: #444; }


/* QuickTabs */

.item-list ul.quicktabs-tabs > li.active > a, .nav-tabs > li.active > a {
cursor: default;
background-color: beige;
border: 1px solid #c2c2c2;
border-bottom-color: #fff;
font-size: 120%;
padding: 10px 20px;
color: #000;
}

.item-list ul.quicktabs-tabs > li > a, .nav-tabs > li > a {
margin-right: 2px;
border: 1px solid transparent;
padding: 8px 10px;
display: block;
font-weight: 700;
text-transform: uppercase;
color: #1e1e1e;
border-radius: 0;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
font-size: 120%;
padding: 10px 20px;
background-color: #BE2A1E;
color: #fff;
}

/* Элементы модуля views_fluid_grid */

li.views-fluid-grid-item
{
	background-color: transparent;
	border: 0px solid #AAA;
}



/* Simple Hierarchical Select */

.shs-hierarchy { font-size: 100%; }

.item-list ul li {
    margin: 7px 0px 5px 5px;
}


/* Field Collection */

.field-collection-view .entity-field-collection-item {
    width: 100%;
    margin-top: -15px;
}


/* Элементы модуля Календарь */

/* Раскраска непустых дней в готовой сетке */

table .mini-day-on a {
    text-decoration: underline;
    background-color: #FFFF66;
    border-radius: 12px;
    padding: 2px;
}

/* Расположение иконок выбора языка (модуль languageicons) в ряд, а не друг под другом */
.block-locale li {
display:inline;
list-style-image: none;
}




/* The End */