*{
	margin:0;
	padding:0;
}
header{

	background:#01628f url(../images/logo_1.png) no-repeat top center;

	height:280px;
	width:100%;
}
header a{
	text-decoration:none;
}
.head2{
	background:url(../images/logo_2.jpg) no-repeat top center;
	height:114px;
	width:100%;
}
header .left{
	    float: left;
    margin-left: 30px;
    margin-top: 175px;
}
header .right{
	    float: right;
    margin-right: 30px;
    margin-top: 175px;
}
header .left2{
	    float: left;
    margin-left: 30px;
    margin-top: 20px;
}
header .right2{
	    float: right;
    margin-right: 30px;
    margin-top: 20px;
}
header img{
    position: absolute;
    left: 39%;
}
.head2 img{
    position: absolute;	
	left:44%;
}	
#rasch{
	margin:0 auto;
	
}
header input, #rasch{
	font-family: calibri;
	background:url(../images/but.png) no-repeat;
	    width: 206px;
    height: 46px;
    border-radius: 5px;
	text-align:center;
	display:block;
	    
    color: #fff;
    font-size: 19px;
	outline: none;
    border: none;
	cursor:pointer;
}
nav{
  background: #0079a9;
  background-image: -webkit-linear-gradient(top, #0079a9, #01537b);
  background-image: -moz-linear-gradient(top, #0079a9, #01537b);
  background-image: -ms-linear-gradient(top, #0079a9, #01537b);
  background-image: -o-linear-gradient(top, #0079a9, #01537b);
  background-image: linear-gradient(to bottom, #0079a9, #01537b);
	height:50px;
	width:100%;
}
.nav{
	margin:0 auto;
	width:1000px;

}
nav ul{
		list-style:none;
	display:inline;
	
}
nav li{
	float:left;
	margin-top:10px;
	margin-left:22.5px;
}
nav li a {
		padding:0 7px 3px  7px;
	font-family: calibri;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		font-size:24px;
}

nav li a:hover{
		border-radius:5px;
		background:#fff;
		color:#016695;
}
nav li .active{
		border-radius:5px;
		background:#fff;
		color:#016695;
}
section{
	    height: 424px;
		
}
.section {
	width:1000px;
	margin:auto;
	
	
}
.product_t .section {
	margin:5% auto 5% auto;
}
.section .div0{
	margin-left:50px;
	margin-top:20px;
	background:url(../images/block1.png) no-repeat;
	width:300px;
	height:213px;
	float:left;
	cursor:pointer;
}	
.section .div00.active {
    background: url(../images/block2.png) no-repeat;
}
/*
.section .div00:hover{
	background:url(../images/block2.png) no-repeat;
	cursor:pointer;
}*/
.section .p1{
	text-align:center;
	color:grey;
	font-family: calibri;
	text-decoration: underline;
	font-weight:bold;
	font-size:24px;
	margin-top:40px;
}
.section .p2{
	text-align:center;
	color:grey;
	font-family: calibri;
	font-size:24px;
	margin-top:40px;
}		
footer{
	height:60px;
	background:#01628f;
	width:100%;
}
.footer{
	width:1000px;
	margin:0 auto;
	padding-top:8px;
}
.footer p{
	text-align:center;font-family: calibri;
	color:#fff;    font-weight: bold;
	font-size:13px;
}	
.clear{
	clear:both;
}
.section > .div1, .section> input { display: none; }

.section label { padding: 6px 23.4px; border-left: 1px solid #70b9c5;
border-right: 1px solid #70b9c5;    float: left;    border-bottom: 2px solid #276d81;
border-top: 1px solid #276d81;color:#0580ab;font-weight: bold;
background:url(../images/tabs.jpg) repeat;font-family: calibri;
 line-height: 28px; cursor: pointer; position: relative; margin-top: -1%;

 }
.section  input[type="radio"]:checked + label {border-left: 2px solid #276d81;color:#015572;
border-right: 2px solid #276d81; border-bottom: 1px solid #fff;      background: #fff; 
border-top: 2px solid #276d81;}

.section > input:nth-of-type(1):checked ~ .div1:nth-of-type(1),
.section > input:nth-of-type(2):checked ~ .div1:nth-of-type(2),
.section > input:nth-of-type(3):checked ~ .div1:nth-of-type(3),
.section > input:nth-of-type(4):checked ~ .div1:nth-of-type(4),
.section > input:nth-of-type(5):checked ~ .div1:nth-of-type(5),
.section > input:nth-of-type(6):checked ~ .div1:nth-of-type(6){     margin-top: 0px;
display: block; padding: 5px; border: 2px solid #276d81;     height: 366px;}
.section h2{
	color:#015572;
	font-family: calibri;
	font-weight: bold;
	font-size:25px;
	margin:46px 100px;
	text-align: center;
	border-bottom: 2px solid #015572;
	    width: 779px;
}

.tarif .sec1 .section3{
	width:500px;
	float:right;
}
.tarif .sec2 .section3{
	width:500px;
	float:left;
}
.tarif .sec1 .section3 p{
	margin:17px 0 0 30px;
	color:#015572;
	font-family: calibri;
	font-weight: bold;
	font-size:20px;
}
option{
		padding: 0 10px;
		
}	
.tarif .sec1 .section3 select{
		outline:none;
	border-radius:5px;
	border:0px solid #64b5c4;
	background: url(../images/inp5.png) no-repeat;
	margin:5px 0 0 20px;
	color:#0580ab;
	font-family: calibri;
	font-weight: bold;
	font-size:18px;
	padding:17px 22px;
	width:400px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.tarif .sec1 .section3 input[type="text"]{
	outline:none;
	border-radius:5px;
	border:0px solid #64b5c4;
	background: url(../images/inp1.png) no-repeat;
	margin:5px 0 0 20px;
	color:#0580ab;
	font-family: calibri;
	font-weight: bold;
	font-size:18px;
	padding:17px 22px;
	width:400px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
::-webkit-input-placeholder {color:#0580ab;}
::-moz-placeholder          {color:#0580ab;}/* Firefox 19+ */
:-moz-placeholder           {color:#0580ab;}/* Firefox 18- */
:-ms-input-placeholder      {color:#0580ab;}
.in9{
	background: url(../images/inp2.png) no-repeat!important;
}
.tarif .sec2 .section3 p{
	margin:20px 0 0 30px;
	color:#015572;
	font-family: calibri;
	font-weight: bold;
	font-size:20px;
}
.tarif .sec2 .section3 input[type="text"]{
	outline:none;background: url(../images/inp3.png) no-repeat;
	border-radius:5px;
	border:0px solid #64b5c4;

	margin:5px 0 0 10px;
	color:#0580ab;
	font-family: calibri;
	font-weight: bold;
	font-size:18px;
	padding:17px 22px;
	width:400px;
}	
.tarif .sec2 .section3 textarea{
	outline:none;
	border-radius:5px;background: url(../images/inp4.png) no-repeat;
	border:0px solid #64b5c4;
	 resize: none;
	margin:5px 0 0 20px;
	color:#0580ab;
	font-family: calibri;
	font-weight: bold;
	font-size:18px;
	padding:7px 22px;
	width:400px;
	height:248px;
}
.tarif .sec1{
		width:50%;float:left;
}
.tarif .sec2{
	  background: url(../images/fon2.jpg)  repeat;
	  
	  
	  width:50%;float:left;
}
.sp1{
	float:left;
		color:#0580ab;
	font-family: calibri;
	font-weight: bold;
	font-size:18px;
}
.new_left{
	float:left;
}
.new_right{
	float:right;
}
.new1{
	width:489px;
	height:156px;
	background: url(../images/new1.png)  repeat;
}
.new2{
	width:489px;
	height:156px;
	background: url(../images/new2.png)  repeat;
}
.n1{
	padding-top:20px;
	padding-left:15px;
	color:#015572;
	font-family: calibri;
	font-weight: bold;
	font-size:20px;
}
.n2{
	padding-top:31px;
	padding-left:15px;
	font-family: calibri;
	font-size:15px;
	padding-bottom: 7px;
	color:#000000;
}
.new1 a{
	color:#0580ab;
	padding-left:15px;
	font-family: calibri;
	font-size:15px;
	text-decoration:none;
}
.n3{
		color:#015572;
	padding-left:30px;
	font-family: calibri;
	font-size:13px;    padding-top: 15px;
	text-decoration:none;
	
}
.plan{
	width:25px;
	margin:0 auto;
	margin-top:10px;
}
.plan a{
	color:#046295;
	font-family: calibri;	font-weight: bold;
	font-size:17px;float:left;
	text-decoration:none;
	border:2px solid #a6dbdf;
	text-align:center;
	margin-left: 5px;
    padding: 0 5px;
}

.plan a:hover{
	background:#dcf2f4;
}
	.img_n{
		position:absolute;margin-left:489px;margin-top:0px;
	}
	.img9{
		position:absolute;margin-left:489px;margin-top:0px;height:initial;
			background: url(../images/line_02.png)  repeat;width:22px;
	}
	@media only screen and (max-width: 1000px) {
			.tarif .sec1{
				width:50%;float:left;
			}	
			.section label { font-size:10px;
				padding: 6px 10px;
			}	.nav li a{font-size:16px;}
			.nav li{
				margin-left:20.5px;
				font-size:16px;
			}
	}
	@media  screen and (max-width: 560px) {
			.tarif .sec1{
			width:50%;float:left;
		}	.section label { padding: 6px 10px;font-size:10px;
	}
	}
	@media  screen and (max-width: 1000px) {
			.tarif .sec1{
				width:50%;float:left;
			}	
			.section label { 
				padding: 6px 10px;font-size:10px;
			}	
			.nav li a{font-size:16px;}
			.nav li{
				font-size:16px;
				margin-left:20.5px;
			}
	}
	@media only screen and (max-width: 560px) {
			.tarif .sec1{
			width:50%;float:left;
		}	.section label { padding: 6px 10px;font-size:10px;
	}
	}
@media all  and (max-device-width: 1000px) {
	.tarif .sec1{
			width:50%;float:left;
	}	
	.section label { padding: 6px 10px;font-size:10px;
	}
	.nav li a{font-size:16px;}
			.nav li{
				margin-left:20.5px;
				font-size:16px;
			}
}
@media all and (max-device-width: 760px) {
	.tarif .sec1{
			width:50%;float:left;
	}	

}
@media all and (max-device-width: 560px) {
	.tarif .sec1{
			width:50%;float:left;
	}		.section label { padding: 6px 10px;font-size:10px;
	}
}

@-moz-document url-prefix()
{
	.img_n{
		position:absolute;margin-left:0;margin-top:0px;
	}
	.n3{
		 padding-top: 8px;
	}
	.tarif .sec2 .section3 textarea{
		 height: 255px;
	}

	.tarif .sec1 .section3 p {
		margin-top:15px;
	}
	.section label{
		padding: 6px 23.7px;
	}
}/* Базовые стили слоя затемнения и модального окна  */
#popup{
	padding-left:10px;
}



/* изображения внутри окна */
#popup img {
    width: 100%;
    height: auto;
}
/* миниатюры слева/справа */
.pic-left, 
.pic-right {
    width: 25%;
    height: auto;
}
.pic-left {
    float: left;
    margin: 5px 15px 5px 0;
}
.pic-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* элементы м-медиа, фреймы */
#popup embed, 
#popup iframe {
    top: 0;
    right: 0;
    bottom: 0; 
    left: 0; 
    display:block;
    margin: auto;
    min-width: 320px;
    max-width: 600px;
    width: 100%;
}
#popup h2 { /* заголовок 2 */
    margin: 0;
    color: #008000;
    padding: 5px 0px 10px;
    text-align: left;
    text-shadow: 1px 1px 3px #adadad;
    font-weight: 500;
    font-size: 1.4em;
    font-family: 'Tahoma', Arial, sans-serif;
    line-height: 1.3;
}
/* параграфы */
#popup p {margin: 0; padding: 5px 0}
#popup .left{
width:180px;float:left;
}
#popup .right{
width:310px;float:left;margin-right:20px;
}
#popup .right input{
margin:10px 0;padding:3px;width:94%;
}
#popup .left p{
padding:10px 0;
}
#popup table input{
    width: 106px;
}
#popup table th{
text-align:center;
}
#edit_operator .left,#add_operator .left{
width:150px;float:left;
margin-left:50px;
}
#edit_operator .right,#add_operator .right{
width:200px;float:left;
}
#edit_operator .left p,#add_operator .left p{
margin:10px;
}
#edit_operator .right input,#add_operator .right input{
margin:3px 0;
}
@-moz-document url-prefix()
{
	#edit_operator .right input,#add_operator .right input{
	margin:4px 0;
	}
}
.ui-dialog-buttonset{
    margin-right: 180px;
}
.ins_file_select>table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.ins_file_select>table>caption {
  text-align: center;
}
.ins_file_select>table td,.ins_file_select>table th {
  border: 1px solid black;
}
#auth_dialog{
	padding-left:10px;
}
#auth_dialog span{
	float:left;    font-size: 0.9em;
	width:160px;
}
#auth_dialog input{
	float:left;
	width:205px;
	margin-left:10px;
}
#auth_dialog+ .ui-dialog-buttonpane .ui-dialog-buttonset {
    margin-right: 0px!important;
}























