﻿*{
	margin:   auto;
	/* padding: 0px 0px 0px 0px; */
	outline: none;
}
html {height: 100%}
body {
	width: 1024px;
	height: 100%;
	background-color: #fafafa;
	 background: #FFF url(../modul/back.jpg) no-repeat center fixed; 
	/* -moz-background-size: 100%; 
    -webkit-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%;  */
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 1em;
	
}
body, button, input[type="text"],  input[type="password"], h1, h2, h3, datalist, label , textarea {
font-family: 'Roboto', sans-serif;
}
h1{
	
	color:#576369;
	font-size: 20px;
}
h2{
	font-weight: 100;
	
	font-size: 25px;
	color: #fff;
	padding: 20px ;
}

h4{
	float: left;
	font-weight: 100;
	 width: 66%;
	padding: 12px 12px 0px 15px;  
	font-size: 25px; 
	color: #fff;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	font-family: "Segoe UI", Arial, sans-serif;
}
h6{
	text-align: center;
	font-weight: 100;
	 width: 66%;
	padding: 12px 12px 0px 15px;  
	font-size: 25px; 
	color: #fff;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	font-family: "Segoe UI", Arial, sans-serif;
}
h3{
color:#576369;
font-size: 17px;
}

p {
margin: 10px 0
}
button , input[type="button"], input[type="submit"]{
background:#34c0e2;
color: fff;
border: 1px solid #34c0e2;
padding: 2px;
border-radius: 4px;
}

table {
	
	border:1px solid #d3d3d3;
	background:#fefefe;
	width:950px;
	margin:0% ;
	
}

th, td , tr{padding:2px 2px 2px; text-align:center; }


th {padding-top:12px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}

td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

tr.odd-row td {background:#f6f6f6;}

td.first, th.first {text-align:left}

td.last {border-right:none;}


/*  */

button:hover {
cursor: pointer;
opacity: 0.7;
}
input[type="text"],  input[type="password"], input[type="date"],textarea , datalist {
padding: 8px;
border: 1px solid #b3b4b7;
border-radius: 8px;
color: #9f9fa0;
/* width: 500px; */
outline: none;
}

body, html, .wrapper , .content, .menu { height: 100%;}
label {
	display:inline-block;
    width:250px;
}
#herad {
	margin-top: 10px;
	width:1024px;
	height:120px;
	background: #464e78;
	
	
}
#herad #templatemo_header_wrapper {
	width: 100%;
	height: 60px;
	/* margin: 0 auto; */
	background: url('../modul/template_header_bg.jpg') 0 0 repeat ;
	background: url(../modul/template_header_bg.jpg);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template_header_bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template_header_bg.jpg', sizingMethod='scale')";
	margin-top: 20px;
}
#menu {
    /* position:relative; */
   border: 1px solid #464e78; 
	background: #464e78;
	top: 125;

    height:40px; 
   
    padding:0;
    width: 1022px;
    
}
/* .hed {
	display: flex;
	height: 80px;
	background: #464e78;
	text-align: center;
	
} */
#wrapper {
width: 100%;
/* margin-bottom: 10px; */
	background-color: #fafafa  ;
	padding-bottom : 20px ;
/* display: -ms-flexbox;  */
}
#wrapper #content{
width: 100%;
background: #fcfcfd;
}
#wrapper #content #block {
margin: 20px 20px 20px 20px; 
padding: 20px 20px 20px 20px;
background: #fff;
border: 1px solid #eeeff2;
}
#wrapper #content #block #kusok {
margin: 30px 30px 30px 30px; 
padding: 30px 30px 30px 30px;
background:  #464e78;
border: 2px solid #464e78;
}
#menu a{
/* display:block; */
color: #fff;
padding: 20px 0px 0px 25px; 
 text-transform: uppercase;

}

#footer {
	width: 100%;
	float: left;
	/* padding-top: 1%; */
	
	height: 90px;
	/* margin: 0 auto; */
	background: url('../modul/1111.jpg') repeat-x;
	
}

#footer #social{
		float: left;
		width: 20%;
		
	}
#imgf{
	
	width: 30%;
	float: left;
	margin: 15px 10px 10px 10px;
}
#ttf{
	font-size: 15px; 
    color: #fafafa;
	width: 30%;
	float: left;
	margin: 15px 10px 10px 10px;
}
#footer #rights{
		float: left;
		width: 60%;
		font-size: 0.7em;
		margin: 10px 10px 10px 10px;
		color: #fafafa;
		text-align: center;
	}
#footer #rights a{
	color: #fafafa;
	font-size: 1em; 
}
#footer #mail {
	float: right;
		width:10%;
margin: 50px 10px 40px 10px;		
}
hr {
    border: none; /* Убираем границу */
    background-color: red; /* Цвет линии */
    color: red; /* Цвет линии для IE6-7 */
    height: 2px; /* Толщина линии */
   }