@charset "utf-8";
/* CSS Document */

.natija {font-size: 14px; marzi 15px; }

.poli:focus {padding:1px 1px; border:1px solid #0099FF; font-family: "Palatino Linotype";} /*баъд аз курссорро ба поля мондан дигаргуни мешавад*/

label {cursor:pointer;}

/*css барои сайти коргузори*/
.silka{text-decoration: none;} /* Убираем подчёркивание */
.silka_s{text-decoration: none; color:#0000FF; font-weight:bold;}
p {font-family: Verdana; font-size: 14px; marzi 15px; }

.ramka {border: 1px solid #666666;}
.ramka_table {
border-collapse: collapse; /*убираем пустые промежутки между ячейками*/
border: 1px solid grey; /*устанавливаем для таблицы внешнюю границу серого цвета толщиной 1px*/
}


.user{text-align:center; background-color: #66CCFF; font-size:16px; font-family: "Palatino Linotype"; font-weight: bold; color: #FF0000;}
.count_z{text-align:center; background-color: #E9EAFE; font-size:18px; font-family: "Palatino Linotype"; font-weight: bold; color: #000066;}
.zagalovok_tab {color: #000000; font-family: "Palatino Linotype"; background-color: #38ACCC;}
.zag_tab_DS {color: #000000; font-family: "Palatino Linotype"; font-weight: bold; background-color: #FFDD00;}
.zag_tab_DSSH {color: #000000; font-family: "Palatino Linotype"; font-weight: bold; background-color: #00A4EA;}
.zag_tab_cuont {text-align:center; background-color: #FFDD00; font-size:16px; font-family: "Palatino Linotype"; font-weight: bold; color: #000066;}
.tab_prof {border:1px solid #000000; background-color: #FFFF99; font-size:14px; font-family: "Palatino Linotype"; font-weight: bold; color:#000000;}
.tab_parol {border:1px solid #000000; background-color: #AEC7F9; font-size:14px; font-family: "Palatino Linotype"; font-weight: bold; color:#000000;}
.ezoh_tel {font-size:12px; font-family: "Palatino Linotype"; font-weight:inherit; color:#FF0000;}
.z_zadach{margin: 10px auto 10px auto; font-size:20px; font-family: "Palatino Linotype"; font-weight: bold; color: #FF0000;}
.z_zadach_k{margin: 10px auto 10px auto; font-size:20px; font-family: "Palatino Linotype"; font-weight: bold; color: #0000CC;}
.z_zadach_kabud{margin: 10px auto 10px auto; font-size:20px; font-family: "Palatino Linotype"; font-weight: bold; color: #000099;}
.z_ogohi{margin: 10px auto 10px auto; font-size:20px; font-family: "Palatino Linotype"; font-weight: bold; color: #0000FF;}
.z_ogohi_s{margin: 10px auto 10px auto; font-size:30px; font-family: "Palatino Linotype"; font-weight: bold; color:#FF0000 ;}
.ogohi_s{margin: 10px auto 10px auto; font-size:25px; font-family: "Palatino Linotype"; font-weight: bold; color: #0000CC ;}
.fon_javob { color:#004A94; font-family: "Palatino Linotype"; font-weight:bold; font-style:italic;}
.rangi_surh {color:#FF0000; font-family: "Palatino Linotype"; font-weight:bold;}
.rangi_kabud {color:#004A94; font-family: "Palatino Linotype"; font-weight:bold;}
.rangi_sabz {color:#003300; font-family: "Palatino Linotype"; font-weight:bold;}
.z_zadach_sabz {font-size:20px; font-family: "Palatino Linotype"; font-weight: bold; color: #003300;}
.rangi_hokista{color:#666666;}
.rangi_siyo {color:#000000; font-family: "Palatino Linotype"; font-weight:bold;}
.kinopka{font-family: "Palatino Linotype"; font-weight:bold;}


/*Таблиса*/

.tablisa {margin:20px auto auto;background-color: #F4F4F4/*border: 1px solid #000000;*/}
.logo-col { background-color:#38ACCC;}
.tab-info { background-color:#FFF5C8;}


/*Фонба расм мемонем*/
/*body {background-image: url(../img/fon.png); padding:0; margin: 0 auto;}*/

/*body {background-color: #CCFFCC}/*Ранги фонб*/

/*Обратний связ*/
body {
    margin: 0;
   }
   .admin {
    border-radius: 0 10px 10px 0;
    width: 300px;
    background: #333; /* Цвет фона */
    font-size:13px; 
	font-family: "Palatino Linotype"; 
	font-weight: bold;
	color: #fff; /* Цвет текста */
    position: fixed; /* Фиксируем на одном месте  */
    min-height: 100px; /* Минимальная высота */
    top: 180px; left: -320px;
    border-right: 20px solid #fc0; /* Оранжевая граница справа */
    padding: 10px;
    transition: left 1s; /* Анимация */
   }
   .admin img {
    float: left;
    margin: 0 10px 0 0;
   }
   .admin::after {
    content: 'Тамос бо админ'; /* Выводим текст */
    color: #000; /* Цвет надписи */
    position: absolute; /* Абсолютное позиционирование */
    right: -60px; bottom: 50px;
    transform: rotate(-90deg); /* Поворачиваем текст */
    -webkit-transform: rotate(-90deg);
   }
   .admin:hover {
    left: 0; /* При наведении сдвигаем вправо */
   }



/*Барои кнопкаи меню*/
.menu {
    border: 1px solid #006F97; /* Рамка */
    display: inline-block;
    padding: 5px 12px 5px 12px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color: #FFFFFF; /* Цвет текста */
	background-color: #00A4EA;
  }
   .menu:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */
    background: linear-gradient(to bottom, #fcfff4, #e9e9ce); /* Градиент */
    color: #a00;
   }
   
   /* Стили менюи нав -------------------------------*/
ul,ol,li {
	margin:0;
	padding:0;
}

#nav{
	float:left;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:5px;
}
#nav li{
	float:left;
	margin-right:3px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	border: 1px solid #666666; /* Рамка */
	padding: 5px 12px 5px 12px; /* Поля */
	color:#fff;
	background:#0094FF; /* Ранги меню фонаш*/
	text-decoration:none;
	
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#nav li a:hover{
	color:#fff;
	background:#6b0c36;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	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{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background:#6b0c36;
	background:rgba(76,154,0,1); /* Выглядит полупрозрачным */
	text-decoration:none;
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#FFDD00;
	background:rgba(239,20,20,1); /* Будет полупрозрачным (Болои менюи мефуромадагива мишро барем фон раннги сурх мешавад)*/
	text-decoration:none;
	/**-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);*//
}

/* Хотимаи стили менюи нав ------------------------------------------------*/

   
   
   
/* Стили кинопкаи менуи чустучу*/
.menu_p {
    border: 1px solid #006F97; /* Рамка */
    display: inline-block;
    padding: 5px 10px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color: #FFFFFF; /* Цвет текста */
	background-color: #03A803;
  }
   .menu_p:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */
    background: linear-gradient(to bottom, #fcfff4, #e9e9ce); /* Градиент */
    color: #a00;
   }
/* Хотимаи стили кинопкаи менуи чустучу*/



/* Стили кинопкаи баромад ха-не*/
.hane {
    border: 1px solid #006F97; /* Рамка */
    display: inline-block;
    padding: 5px 20px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color: #FFFFFF; /* Цвет текста */
	background-color: #03A803;
  }
   .hane:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */
    background: linear-gradient(to bottom, #fcfff4, #e9e9ce); /* Градиент */
    color: #a00;
   }
/* Хотимаи стили кинопкаи баромад ха-не*/
   
/* Стили кинопкаи удалит файл*/
.gfile {
    border: 1px solid #006F97; /* Рамка */
    display: inline-block;
    padding: 0px 20px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color: #FFFFFF; /* Цвет текста */
	background-color: #3399FF;
  }
   .gfile:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */
    background: linear-gradient(to bottom, #fcfff4, #e9e9ce); /* Градиент */
    color: #a00;
   }
/* Хотимаи стили кинопкаи удалит файл*/ 

/* Барои расмхоро ба як колиб овардан ва ранги кабуди паст додан ба рамкахои расм */

.rasmus img{
	border-radius:40px;
	border:solid 2px #0099FF;
	width:60px;
	height:80px;
	-webkit-transition: border 1s; /* Safari */
	transition: border 1s;
}

.rasmusn img{
	border-radius:40px;
	border:solid 2px #0099FF;
	width:80px;
	height:100px;
	-webkit-transition: border 1s; /* Safari */
	transition: border 1s;
}

/* Хотимаи расмхоро ба як колиб овардан ва ранги кабуди паст додан ба рамкахои расм */  

#asosi {
position: fixed;
width:25px;
height:150px;
top:20px;
left:0;
}

#email {
position: fixed;
width:25px;
height:150px;
top:180px;
left:0;
}

#exit {
position: fixed;
width:25px;
height:150px;
top:320px;
left:0;
}


/*Смена парол*/
.poleavval_p {padding:1px 2px; border:1px solid #7AB1DA; /*размери боло поёни поля*/font-family: "Palatino Linotype";}
.stpass {margin: auto auto auto 5px;}
.newpass {margin: auto auto auto 20px;}

/*Кнопка вверх*/
.topbutton {
width:auto;
border:2px solid #ccc;
background:#3399FF;
text-align:center;
padding:5px;
position:fixed;
bottom:5px;
right:10px;
cursor:pointer;
color:#333;
font-family:Palatino Linotype; font-weight:bold;
text-decoration: none; /* Убираем подчёркивание */
font-size:14px;
border-radius: 50px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}

/*Сахифа*/
.sahifa {
width:auto;
border:2px solid #ccc;
background: #FFCC00;
text-align:center;
padding:10px;
position:fixed;
bottom:5px;
right:auto;
cursor:pointer;
color:#333;
font-family:Palatino Linotype; font-weight:bold;
text-decoration: none; /* Убираем подчёркивание */
font-size:14px;
border-radius: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}

/*Стил футер*/
.futer{text-decoration: none; color:#666666;}

/*Силка фасон*/
/*a:link{color:#666666;}*/
/*a:visited{color:#666666;}*/
/*a:hover{color:#666666;}*/
/*a:active{color:#666666;}*/


/*css tamos*/

.poleavval {padding:1px 1px; border:1px solid #7AB1DA; margin:5px auto 20px; font-family: "Palatino Linotype";/*размери боло поёни поля*/
font-size: 13px; border-left-color: marzi 1px;}
/*Полияхоро рост мекунем*/
.inputnas {font-family: "Palatino Linotype"; margin: 0 1px ;}
.inputnom {font-family: "Palatino Linotype"; margin: 0 auto auto 15px;}
.inputoch {font-family: "Palatino Linotype"; margin: auto 30px auto auto;}
.inputvaz {font-family: "Palatino Linotype"; margin: auto 10px auto auto;}
.inputemail {font-family: "Palatino Linotype"; margin: auto auto auto 5px;}
.inputmatn {font-family: "Palatino Linotype"; margin: auto 0px auto auto;}
/*Рост кардани поля тамом*/

/*css news*/
.matn_news {font-family: "Palatino Linotype"; font-size:16px; color: #000000;}
.zag_news {font-weight:bold; font-family: "Palatino Linotype"; font-size:18px; color:#000099;}
.zag_fon_news {background-color:#E9E9E9;}
.zag_fon_left {background-color:#C0C0C0;}
/*css хотимаи news*/


/*css кухна*/

.id-n {font-family: "Palatino Linotype"; font-weight: bold; color:#004A94;}
.login {margin: auto auto auto 5px;font-family: "Palatino Linotype"; font-weight: bold; color:#004A94;}
.ip {margin: auto auto auto auto;font-family: "Palatino Linotype"; font-weight: bold; color:#004A94;}
.fio {margin: auto 20px auto 15px; font-family: "Palatino Linotype"; font-weight: bold; color:#004A94;}
.vaz {margin: auto 5px auto 15px; font-family: "Palatino Linotype"; font-weight: bold; color:#004A94;}
.e-mail {margin: auto 12px auto 15px; font-family: "Palatino Linotype"; font-weight: bold; color:#004A94;}
.matnho {font-family: "Palatino Linotype"; background-color:#E7FAED; color: #000000;}
.mailsilka {font-family: "Palatino Linotype"; color: #0000CC; font-weight: bold; font-style:italic;}
.tel {font-family: "Palatino Linotype"; color: #333333; font-weight: bold;}
.kod-tel {font-family: "Palatino Linotype"; color: #FF0000; font-weight: bold; font-style:italic;}
.nomi-kom {font-family: "Palatino Linotype"; color: #243E20 ; font-weight: bold; font-style:italic;}
.tab-matn {border-bottom: 1px solid #000000;}