/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/*********************************************************************************/
/******************************************************************************/

ul, li { list-style:none; /*списки без маркеров*/
}
 /********************************************************ЦВЕТ ШРИФТА ССЫЛОК********************************************/
a {
    text-decoration: none;
    color: #060053;
    font-size: 17px;
    font-style: italic;
}
a:hover
{   text-decoration:underline;
    color: #FF00FF;
}

/***********************************************************************************************************************/

.logindisplay { /*стиль шрифта в логине*/
    display: block;
    margin-right: 5px;
    text-align: right;
}

/*.create_forum a{ /* размер шрифта в ссылке в логине, форуме
   font-size:large;
}*/

/****************************************/
body {
    /*занимает по ширине весь экран при любом разрешенииbackground-image: url('Izo/fon.png');
      background-size:100%;
    background-color: #CAFFFF;*/
    background-image: url('Izo/fon.png');
    background-repeat: repeat;
    display: block;
    width: 100%; /*ширина как ширина монитора*/
    min-width: 1200px; /*при уменьшении размера экрана чтобы логин не съезжал влево*/
    margin: 0; /*убрать все отступы*/
    word-break: normal;
    font-size: 16px;
    font-family: Arial;
    color: #5F5E65;
}

header {/*шапка по ширине как page
    /*шапка с фотошопа (надо сделать по максимуму для больших экранов высоту 170 оставить)*/
    border-radius: 8px 8px 0 0;

    background-image: url('Izo/head.png');
    overflow:hidden;
  
    display:block; /*ширина шапки 70% ot body*/
    width:70%;
    height:198px;   /*высота как у изображения Izo/П_01.png*/
    margin:auto; /*по центру экрана*/
}

#page {/*страница ширина 70% от body*/
 
    background-color: #CAFFFF;
    display: block;
    width:70%; /*70% от ширины монитора*/
    margin: auto; /*по центру экрана*/
}

footer {/*так же как header*/
 
    background-image: url('Izo/footer.png');
    overflow:hidden;
    display: block;
    width:70%;
    height: 198px;
    margin: auto; /*по центру экрана*/
 
}



/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

/**************************************************************стиль меню вверху********************************************************************************/
.menu {
    margin-top:20px;
    margin-left:5px;
    display:inline-block;
    /*border-bottom-style: outset; /*линия под меню
    border-bottom: #AAD1EE;
    border-bottom: 91px;*/
 
}

.menu .menuMain, .rubrika,  .menuMain2 { /*блоки всего верхнего меню и левого меню и блок рубрики неактивной*/
    display:block; }


.menuMain1 {
display:inline-block;}
.menu .rubrika, .menu .menuMain{float:left;           /*классы ссылок из layot_ и блоки рубрик (активные и нет) float left*/
}

.menu .menuMain, .menu .menuMain1, .menu .menuMain2 {/*стиль кнопок верхнего меню: ссылок из layot и рубрик активных и рубрик неактивных*/
    background-color: #FF8040;
    padding-top: 10px;         /*высота от текста до верха кнопки*/
    padding-bottom: 10px;      /*высота от текста до низа кнопки*/
    border-radius: 4px 4px 0 0;
    width:210px;           /*ширина кнопки*/
    text-align:center;
    margin-right:3px; /*отступы между пунктами по горизонтали*/
    margin-top:3px; /*отступы между пунктами меню по вертикали*/   
}
/***********************************************************************новый класс для нажатой ссылки*****************************/
.menu .menuLink {
    background-color: #735AFF; /*цвет ссылки пр которой перешли*/
    color: aqua; /*цвет букв в ссылки пр которой перешли*/
    padding-top: 10px; /*высота от текста до верха кнопки*/
    padding-bottom: 10px; /*высота от текста до низа кнопки*/
    border-radius: 4px 4px 0 0;
    width: 210px; /*ширина кнопки*/
    text-align: center;
    margin-right: 3px; /*отступы между пунктами по горизонтали*/
    margin-top: 3px; /*отступы между пунктами меню по вертикали*/
}

/**********************************************************************************************************************************/


/*****************************************Блок левого меню и основной страницы****************************************************************************************************************/
#account {
    table-layout: fixed;
    width: 100%;/*ширина от родительского блока (Page)*/ 
    min-height: 500px;
    margin-left:5px;

}

/**************************************************левое меню****************************************************************/
#main {/*столбец с основным содержимым страницы*/
    padding: 20px 10px 10px 10px; /*отступы между страницей и границами столбца таблицы*/
    vertical-align:top;
    text-align:center;
    width: 73%; /*от account*/
}

.left { /*блок с левым выравниваем*/
    display:block;
    width:100%;
    margin:auto;
    text-align:left;
}

.left_menu {/*столбец с левым меню*/

    vertical-align:top;
    padding-left:5px; /*отступ слева от меню*/
    padding-top:20px; /*отступ сверху блока меню*/
    width: 27%; /*ширина от родительского блока (account)*/
    line-height: 35px;
    border-radius: 8px 8px 8px 8px;
    background-color: #B4D698;
}

.left_menu .menuMain1 { /*подрубрика*/
    margin-left: 20px; /*отступ слева блока подрубрики*/
    }
/***********************************************************************новый класс для нажатой ссылки в левом меню*****************************/
.leftmenuLink {
   /* display: block;*/
    color: #00CCFF; /*цвет букв в ссылки по которой перешли*/
}
/**********************************************************************************************************************************/
 
/**********************************************************страница******************************************************/



/* HEADINGS   
----------------------------------------------------------*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* TAB MENU   
----------------------------------------------------------*/


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 300px;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

/*table {
    display: inline-block;
    width: 100%;/*ширина от родительского блока (Page) 

}*/

table td {

    padding: 5px;

}


/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error {

    /*управляет отображением ошибок рядом с текстовыми полями ошибки описываются в классе модели над полем
     [Required (ErrorMessage="Введите комментарий")]
     используется совместно с  @Html.ValidationMessageFor(m => m.UserName)*/

    display:block;  /*вывод ошибки внизу под текстовым полем*/
    clear:right;
   
    color: #FF00FF;
}

.field-validation-valid {
    /**/
    display: none;
}

input.input-validation-error { /*красная рамка при пустых полях*/
    /*управляет отображением поля ввода в режиме ошибки:*/
    border: 2px solid #ff0000;
    background-color: #ffeeee;
}

.input-validation-message { /*красная рамка при пустых полях*/
    /*управляет отображением поля ввода в режиме ошибки:*/
    border: 2px solid #ff0000;
    background-color: #ffeeee;
}
textarea.input-validation-error /*красная рамка при пустых полях*/
 { border: 2px solid #ff0000;
    background-color: #ffeeee; }


.validation-summary-errors {

    /* Для отображения сообщений об ошибках при валидации модели Html.ValidationSummary()*/

    font-weight: bold;
    color: #FF00FF;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

.Logon_Registr {
    padding-top: 50px;
    background-color: #FFFFFF; /* Чёрный фон */
    height: 100%; /* Высота максимальна */
    left: 0; /* Нулевой отступ слева */
    opacity: 0.9; /* Степень прозрачности */
    position: fixed; /* Фиксированное положение */
    top: 0; /* Нулевой отступ сверху */
    width: 100%; /* Ширина максимальна */
    z-index: 100; /* Заведомо быть НАД другими элементами */
    text-align: center;
}

.Logon_Registr a{
    text-decoration:underline;
}
.table_foradmin {
    width:100%;
    margin:0;
    padding:0;
    background-color: #FF99FF;
}

  /******************************вывод списка рецептов пользователю и  ниже столбцы****************************************************/
img.img:hover {
    transform: scale(3);
} /*translate(100px,-100px); }сдвиг*/

img.img {
 
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    width: 120px;
    height: 120px;
    transition-duration: 0.5s;
    transition-delay: 0.5s;
}

.console_recept {
    /*вывод рецепта*/
    padding:5px;
    margin:auto;
    width: 550px; /*переделать на проценты*/
    background-color: #9DFFFF;
    border-radius: 6px 6px 0px 0px;
    font-style:oblique;
    margin-bottom:20px;
}

.name {
  /*  border-style: inset;*/
    width: 550px;
    height:50px;
    text-align: center;
    font-size:larger;
 }
.sposob {
    clear:both; font-size:medium; text-align:left;  font-weight:700; height:20px;
}

.sostav {
    font-size:medium; text-align:left;  font-weight:700; height:20px;
}
.content {
 /*   border-style: inset;*/
    font-size:14px;
    color: #000000;
    text-align:left; /*выравниваие по ширине*/
    word-break:normal; /*нет разбиения слов*/
    float:left;
    width: 400px;
    min-height: 150px;
    padding:5px; /*(в п н л)*/
}

.method { /*sharepoint div 540px text-aling:left*/
    /*высота не указана тк растягивается при отткл джава при включенном 100*/ /*  border-style: inset;*/
  
    display:block;
    min-height:100px;
    font-size:14px;
    color: #000000;
    text-align:left; /*выравниваие по ширине*/
    word-break:normal; /*нет разбиения слов*/
    margin: auto;   
    width: 540px;
    padding-top:5px;
}

.methodfull { /*сворачивает метод при вкл джава при нажатии на кнопку*/
  overflow:hidden;
  height: 100px;
}
.methodfull1 {/*разорачивает метод при вкл джава при нажатии на кнопку*/
  overflow:visible;
  min-height: 100px;
}

.category_recept{/*категория рецепта*/
/*  border-style: inset;*/
    width:400px;
    height: 25px;
    text-align: left;
    float:left;
    margin-top:20px;
    
}

.count {/*кнопка и цифры лайков*/
    margin-top:20px;
    display:inline-block;
    text-align:right;
    width:150px
}


/***********************************************************СПИСОК КАТЕГОРИЙ РЕЦЕПТОВ**********************************************/

/**********************************************************ПОИСК ПО РЕЦПТАМ******************************************************/

.ListRecept { /*блок со списком категорий рецептов*/

    margin: 0px 15px 40px 15px;
    text-align:left;
  
}

.CategoryRecept{ /*ссылка с категорией рецепта*/

    display:inline-block;
    margin-right:15px; /*отступы между ссылками*/
    font-size:large;
    font-style:oblique;
}


div.search {/*форма поиска поиск по рецептам форуму*/
    text-align: right;
    margin-bottom:40px;
   
}


.searchRezult {/*результат поиска*/
    text-align:center;
    margin-bottom:20px; 
 
    font-size: x-large;
    font-style: oblique;
    text-decoration:none;
   
    }


/*********************************************************СТИЛИ КНОПОК И ЦИФР И ЛАЙКОВ***********************************************************************/
.image_click { /*столбeц для кнопки*/
  
    width: 25px;
    height: 25px;
    padding: 0;
}


.like_count {/*лайки */  
    width: 25px;
    height: 25px;
    text-align: right;
    padding-right: 5px;
    border:none;
}

img.img_button {
    /*кнопка не нажатая*/
    border: 1px outset #CCFFFF;
    vertical-align:top;
    border-radius: 4px 4px 4px 4px;
}


img.img_button:active {/**кнопка нажатая*/
    border: 1px inset #CCFFFF;
    border-radius: 4px 4px 4px 4px;
}
/***************************************************************ТЕМЫ***********************************************/
a.img_question:link {
    vertical-align:bottom;
    display:inline-block;
    cursor: pointer;
    background-image: url('Izo/question.png');
    width:22px;
    height:22px;
}
a.img_question:hover {display:inline-block;
    cursor: pointer;
    background-image: url('Izo/question_hover.png'); 
}

a.theme:link {

  padding-left: 5px;
  font-family: Rockwell, Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}

a.theme:hover {
     text-decoration:underline;
}

/*************************************************************************************************************************/

/**********************************************ВЫВОД СПИСКА КАТЕГОРИЙ С 1-ОЙ (ИЗ ГАТЕГОРИИ) ФОТО*********************************************/
img.console_foto_category { /*вывод фотографии с названием категории*/
    width: 300px;
    height: 300px; 
  
}
.column {/*блок колонок*/

 /*   margin-left:8%;*/
    margin:auto;
    display:inline-block;
      
}

.column1 {/*элемент колонки*/
    float:left;
    margin-bottom:1px;
    margin-left:2px;
}

.actionfoto { /* блок размещения ссылки на фото*/
  position:relative;
  bottom:100px;
  line-height:0;
 
}
   
a.action_foto {
    /*ссылка на фото с названием категории*/
    font-weight: 700;
    font-size: 26px;
    font-style: italic;
    font-variant: normal;
    color: #53D926;
    vertical-align: middle;
}
/**************************************************ВЫВОД МИНИАТЮР ФОТО НА ВЕСЬ ЭКРАН*****************/
.console_foto { /*вывод фотографии с названием категории*/
    width: 100px;
    height: 100px;  
}
/**************************************************ВЫВОД ФОТО ИЗ ВЫБРАННОЙ КАТЕГОРИИ****************/
.fotodiv { /*min div для вывода фото*/
  
    display:inline-block;
    min-height:550px; /*чтобы страницы внизу фото не прыгали*/
 /*   margin-left:auto; /*центровка фото*/
    margin-right:auto; 
}

td.foto_img { /*cтолбец для фото*/
    padding:0;
}

td.foto_name { /*имя фотоborder-style: inset;*/
   font-size:large;
   text-align:center;
}

/*****************************************************СПИСОК МИНИ-СОДЕРЖИМОГО СТРАНИЦ*******************************************************/
.table_page_list {
    padding:0;
    width: 100%;
    table-layout: fixed;
}

.page_list {
    text-overflow: ellipsis;
    /*  white-space: nowrap;*/
    word-break:keep-all;
   height:110px;
       /* border-style: outset; /*линия под меню
    border-color: #AAD1EE;
    border-width: 1px;*/
    overflow: hidden;
    color: #071C8D;
}

.account_page {
    height:100px;
    border-style: outset; /*линия под меню*/
    border-color: #AAD1EE;
    border-width: 1px;
    overflow:hidden;
}

.account_page:hover {
    height: 100px;
    border-style: outset; /*линия под меню*/
    border-color: #AAD1EE;
    border-width: 1px;
    overflow: hidden;
    background-color: #FFFFFF;
    cursor: pointer;
}
/***********************************************Комментарии к странице****************************************************************/
.comment_table{
    /*ТАБЛИЦЫ ФОРУМА*/
    table-layout: fixed; /*% работают таким образом (ширина столбцев как и первых так и у остальных, т.е. надо начинать ставить % с первых столбцев)*/
    margin: auto;
    width: 100%;
    padding: 5px;
}
.comment_table td
{
    overflow: hidden;
    text-overflow: ellipsis;
    /*  white-space: nowrap;*/
    word-break:keep-all;
    text-align:center;
    padding-bottom: 20px;

}

/**************************************************************************ТАБЛИЦА ТЕМ ФОРУМА И ТАБЛИЦА ДОБАВИТЬ КОММЕНТАРИИ К ФОРУМУ*/

.create_forum {
    /*ТАБЛИЦЫ ФОРУМА*/
    table-layout: fixed; /*% работают таким образом (ширина столбцев как и первых так и у остальных, т.е. надо начинать ставить % с первых столбцев)*/
    margin: auto;
    width: 95%;
    text-align: center;
    background-color: #7FFFD4;
    border-radius: 8px 8px 0px 0px;
    padding: 5px;
}
  
.create_forum td
{
    overflow: hidden;
    text-overflow: ellipsis;
    /*  white-space: nowrap;*/
    word-break:keep-all;
    text-align:center;
    border-bottom: dotted;
    border-width: 1px;
    border-color: #996633;
    padding-bottom: 20px;

}
/*************************************************ВВОД ТМЫ ФОРУМА*******************************************************/

/*************************************************************************************************************************/
/*******************************************************<hr/>**********************************************************************    */
/*************************************************************************************************************************/

/************************************************КНОПКИ ВНИЗУ ФОРУМ КОММЕНТИРОВАТЬ****************************************************************************************************/

.create_comment { /*блок формы + кнопки*/
    /*создание комментария*/
    margin: auto;
    width: 95%;
    text-align: center;
    background-color: #7FFFD4;
    border-radius: 8px 8px 0px 0px;
    padding: 5px;
}
.button1 { /*блок кнопки текст, фото и тд*/
   float:left;
   text-align:center;
   margin-right:5px;
   margin-bottom:5px;
   background-color: #FFFFFF;
   width: 150px;
   height: 30px;
   border-radius: 4px 4px 4px 4px;
}
.button2 { /*кнопки отправить, сброс текста*/
   float:left;
   text-align:center;
   margin-right:5px;
   margin-bottom:5px;
   width: 150px;
   height: 30px;
   border-radius: 4px 4px 4px 4px;
   background-color: #CCCCFF;
}

#demo, #poles {  /*просмотр и добавление полей форм*/
    min-height:400px;
    border-radius: 8px 8px 0px 0px;
}

/**********************************************************************************************************************************/

.hide,.hide1  {display:none;  /*скрытое id страницы*/ 
}

td.image_click2  {/*кнопка скрыть комментарии*/
    width:100%;
    text-align:center;
}


table.table_comment_like { /*отступ блока кнопок от содержимого страницы*/
    margin-top:50px;
}

.webpage {
    /*стиль текста страницы в рубрке или подрубрики*/

    line-height: 25pt;
    text-align: left;
    font-size: 15pt;
    color: #071C8D; /*#800000;*/
}
.webpage img{/*центровка фото в странице сайта*/
     display: block;
     margin:auto;

}
/**************************************************МЕДИА ДЛЯ ПЛАНШЕТОВ ТЕЛЕФОНОВ********************************************************/
@media only screen and (max-width: 850px) {
    @-ms-viewport {
        width: 850px;
    }


@-o-viewport {

 width: 850px;

}
#main {/*столбец с основным содержимым страницы*/
  display:table; /*столбец таблицы один под другим*/
}
    
.left_menu {/*столбец с левым меню*/

display:table;
}
}