body{
	margin: 0px;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #393939;
}
pre{
	display: block;
	white-space: normal;
	/*border: 1px solid #004D9E;
	border-left: 8px solid #004D9E;*/
	padding: 3px 3px 5px 7px;
	margin: 3px;
	text-align: justify;
	box-shadow: 1px 1px 2px #004D9E;
	border-radius: 3px;
}
pre:hover{
	box-shadow: 1px 1px 3px #004D9E;
}
pre em{
	color: #004D9E;
	font-weight: bold;
}
td{
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.topmenu{
	font-size: 12px;
	font-weight: normal;
	background: silver url('th/menu_back.gif') repeat-x top left;
	height: 22px;
	text-align: left;
}
#curmenub{
	color: #AFFA00;
	text-decoration: none;
	font-size: 10px;
}
#curmenut{
	color: #AFFA00;
	text-decoration: none;
	font-size: 11px;
}
.topmenu a{
	font-size: 11px;
	font-weight: normal;
	display: block;
	color: white;
	text-decoration: none;
}
.topmenu a:hover{
	text-decoration: underline;
}
.topmenu td#mbkg1{
	background: url('th/menu_back_b_1.gif') no-repeat top left;
	width: 9px;
	height: 22px;
}
.topmenu td#mbkg2{
	background: url('th/menu_back_b_2.gif') repeat-x top left;
	text-align: center;
	height: 22px;
	width: 130px;
}
.topmenu td#mbkg3{
	background: url('th/menu_back_b_3.gif') no-repeat top left;
	width: 9px;
	height: 22px;
}
.bottommenu{
	background-color: #7E7E7F;
	height: 30px;
	text-align: center;
	background: #7E7E7F url('th/menu_back2.gif') repeat-x top left;
	font-size: 11px;
	
	border-bottom: solid #7E7E7F 1px;
}
.bottompart {
	background-color: #949495;
}
.bottompart, .bottompart td{
	color: white;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}
.white, .white a{
	font-size : 10px;
	color: white;
	text-decoration: none;
	font-weight: normal;
}
a.white:hover, .white a:hover{
	font-size: 10px;
	color: white;
	text-decoration: underline;
	font-weight: normal;
}
.left{
	background-color: #EAECEF;
}
.right{
	background-color: #EAECEF;
	color: #393939;
}
.date{
	text-align: center;
	color: #689ECB;
	line-height: 24px;
}
/* LEFT */
.leftmenu{
	padding: 0px;
	margin: 0px;
	border-top: solid silver 1px;
}
.leftmenu div{
	background-color: #EAECEF;
	font-size: 11px;
	display: block;
	border-bottom:1px #3399FF solid;

	background: -webkit-linear-gradient(top, white, #f5f5f5 48%, #eaecef 52%);
	background: -moz-linear-gradient(top, white, #f5f5f5 48%, #eaecef 52%);
	background: -ms-linear-gradient(top, white, #f5f5f5 48%, #eaecef 52%);
	background: -o-linear-gradient(top, white, #f5f5f5 48%, #eaecef 52%);
	background: linear-gradient(top, white, #f5f5f5 48%, #eaecef 52%);
}
.leftmenu div a{
	text-decoration: none;
	white-space: nowrap;
	height: 18px;
	display: block;
	text-decoration:none;
	color: #2A52A2;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 0px;
	background-image: none;	

	-webkit-transition: all 0.7s;
	   -moz-transition: all 0.7s;
	    -ms-transition: all 0.7s;
	     -o-transition: all 0.7s;
	        transition: all 0.7s;
}
.leftmenu div img{
	float: left;
	padding-left: 3px;
	border: 0px;
}
.leftmenu div a:hover{
	color: #e00000;
	display: block;
	text-decoration: none;
	background-color: rgba(91, 176, 229, 0.3);
}
.leftmenu div#active{
	background-color: white;
	font-style: italic;
	font-size: 10px;	
	background-image: none;	
}
.leftmenu div#sub{
	background-color: #EAECEF;
	font-size: 10px;
	color: green;
	background: -moz-linear-gradient(top, white, #eaecef);
}
/* end LEFT */
.title{
	font-size : 17px;

	color: #004D9E;
	text-decoration : none;
	font-weight : bolder;
	line-height : 24px;
	padding-left : 15px;

	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0051a4;
}
.locator{
	padding-left: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: grey;
	font-size: 11px;
	font-family: sans-serif;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0051a4;
}
.locator a{
	font-size: 11px;
	color: #004D9E;
	font-family: sans-serif;
	font-weight: bold;
}
.content p{
	padding-right: 5px;
	padding-left: 5px;
	text-align: justify;
	margin-top: 3px;
	margin-bottom: 3px;
	text-indent: 1cm;
}
.content ul{
	text-align: justify;
	margin-top: 3pt;
	margin-bottom: 12pt;
	margin-left:0.5cm;
}
.content h2, .divh2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size : 14px;
/*background-color : #959595;*/
	line-height : 22px;
 	font-weight : bold;
 	text-decoration : none;
	padding-left: 5px;
 	padding-right: 5px;
	background: #959595 url('th/menu_back2.gif') repeat-x top left;
	z-index: 0;
}
.content h3{
	margin-top: 16px;
	margin-bottom: 6px;
}
.darkfon_line{
	background-color:#b6d732;
	line-height : 2px;
	margin-top:8px;
	margin-bottom:8px;
}
.cirtable{
	border:1px #004D9E solid;
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	border-radius:0.3em;
}
.cirtable th{font-size:12px;}
.cirtable td{border-top: #004D9E solid 1px;}
#crt{border-right: #004D9E solid 1px;}
.title_news, a.title_news, a.title_news:hover{
	color: white;
	text-decoration : none;
	font-weight : bold;
	background : url('th/news_back.jpg') repeat-x;
	height: 18px;
	padding-left : 15px;
	padding-top:4px;
}
.title_news{
	text-align: left;
	white-space: nowrap;
	owerflow: hidden;
	margin-bottom: 0;
	padding-bottom: 0;
}
.news{
	color: #5E5E5E;
	text-decoration : none;
	line-height : 13px;
	font-size: 11px;
}
.news a, .blue{
	text-decoration : underline;
	color: #004D9E/*#5E5E5E*/;
	line-height : 13px;
}
.news a:hover, .blue:hover{
	text-decoration : underline;
	color: #0099CC;
	line-height : 13px;
}
.news div, .news p{
	margin-top: 5px;
}

.reda, .showref{
	color: #e00000;
}
.reda:hover, .showref:hover{
	color: #FF2299;
}
#n_date{
	color: #2A52A2;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}
#n_date:hover{
	color: #7C99E2;
}
#n_hdr{
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 3px;
}
.downloads td{
	padding: 5px 0 0 5px;
}
.downloads a{
	display: block;
}
.downloads a:hover{
	color: #0099CC;
}
.video td{
	padding: 5px 0 0 5px;
	background-color: rgba(234, 236, 239, 0.75);
}
fieldset{
	border:1px solid silver;
	padding: 7px;
}
label{
	display:block;
	padding-top: 7px;
	padding-bottom: 2px;
}

input.text,textarea{
	width:550px;
	font:12px/12px 'courier new',courier,monospace;
	color:#333;
	padding:3px;
	margin:1px 0;
	border:1px solid #ccc;
}
input.submit{
	padding:2px 5px;
	font:bold 12px/12px verdana,arial,sans-serif;
}
/**/
.but{
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
.but a{
	text-decoration: none;
	color: blue;
	width: 210px;
	height: 80px; 
	display: table-cell/*block*/;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
}
.but a:hover{
	color: red;
}
.mybutton{
	background: url('http://www.ivanovo.ops.ru/images/th/but.gif') no-repeat 0 10px;
	height: 80px;
 }
.mybutton:hover{
	background: url('http://www.ivanovo.ops.ru/images/th/but2.gif') no-repeat 0 10px;
}
/**/
.inform{
	text-align: center;
	z-index: 1;
	
	background-color: rgba(91, 176, 229, 0.3);
	padding: 5px;
	margin-left: 7px;
}
.inform a{
	/* block */
	display: block;
	line-height: 22px;
	z-index: 1;

	/* border */
	outline: none;
	border: 1px silver outset;

	/* positioning */
	margin: 0;
	padding: 0 7px;

	/* text */
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	/*font-weight: bold;*/
	font-size: 11px;
	color: white;
	
	/* background */
	background: #00008B url('th/menu_back_b_2.gif') repeat-x top left;
}
.inform a:hover{
	z-index: 1;
	border: 1px silver outset;
	position: relative;
	left: 2px;

	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(232, 245, 255)), to(#153B8F)); 
	background-image: -webkit-linear-gradient(top, rgb(232, 245, 255), #4C74BC 49%, #153B8F 51%);
	background-image:    -moz-linear-gradient(top, rgb(232, 245, 255), #4C74BC 49%, #153B8F 51%);
	background-image:     -ms-linear-gradient(top, rgb(232, 245, 255), #4C74BC 49%, #153B8F 51%);
	background-image:      -o-linear-gradient(top, rgb(232, 245, 255), #4C74BC 49%, #153B8F 51%);
	background-image:         linear-gradient(top, rgb(232, 245, 255), #4C74BC 49%, #153B8F 51%);
}
.inform a:active{
	border-style: inset;
}

#horizont{
	float: left;
	width: 140px;
	padding-right: 0px;
	padding-left: 0px;
}
#horizont:hover{
	top: 1px;
}

.butinform{
	padding-left: 10px;
	text-align: center;
}
.butinform a{
	display: block;
	color: #DC143C;
	background: url('http://www.ivanovo.ops.ru/images/th/button-x.gif') repeat-x;
	border-style: none;
	white-space: nowrap;
	text-align: center;

	line-height: 70px;
	
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;

	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	z-index: 1;
}
.butinform a:hover{
	position: relative;

	left: 3px;
	top: 3px;
	color: #000000;
	background: url('http://www.ivanovo.ops.ru/images/th/button.gif') repeat-x;

/*	line-height: 70px;*/

	z-index: 1;
}
#buthor{
	float: left;
	width: 205px;
	padding-right: 0px;
	padding-left: 0px;
}
#buthor:hover{
	top: 3px;
	left: 3px;
}

/**/
.datec{
	font-size: 10px;
	color: silver;
	text-align: right;
	padding-top: 6px;
}
/* title */
.titl{
	position:relative;
	z-index:1;
	zoom:1;
	color:#004D9E;
}
.titl:hover{
	color: #0099CC;
}
.titl em{display:none;	text-indent: 0px;}
.titl:hover em{
	display: block;
	position: absolute;
	z-index: 1;
	background-color: #EAECEF;
	line-height:normal;
	color:#564321;
	text-decoration:none;
	padding:3px 5px;
	bottom:17px;
	left:40px;
	width: 180px;
/**/
	white-space: normal;
	text-align: justify;
/*circle*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*shadow*/
	-webkit-box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
}
.titl:hover em i{
	position:absolute;
	z-index:1;
	bottom:-7px;
	left:5px;
	border-top:7px solid #EAECEF;
	border-right:7px solid transparent;

	display:block;
	height:0;
	overflow:hidden;
}
.bottomborder td{
	padding-bottom: 8px;
	vertical-align: top;
	text-align: center;
}
/* search */
.searchcaption{
	display: block;
	width: 100%;
	color: #4169E1;
	text-decoration: underline;
	padding: 5px 0 5px 0;
}
.searchcaption:hover{
	color: #0000CD;
}
.searchlink{
	color: green;
	text-decoration: none;
}
.searchlink:hover{
	color: #006400;
	text-decoration: underline;
}
.searchclose{
	display: block;
	width: 200px;
	line-height: 30px;
	border: 1px outset silver;
	background: url('http://www.ivanovo.ops.ru/images/th/searchbkg.jpg') repeat-x;
	color: #4169E1;
	padding: 0;
	margin: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	font-weight: bold;
}
.searchclose:hover{
	position: relative;
	left: 2px;
	top: 2px;
	color: #0000CD;
	border: 1px inset silver;
}
/**printers**/
#navbar{
    width: 710px;
    font-weight: bold;
	padding: 0;
	margin: 0;
	border: none;
}
#navbar ul{
	padding: 0;
	margin: 0;
}
#navbar ul li{
    display: inline-block;
	list-style: none;
	float:left;
}
#navbar ul li a {
	float:left;
    position: relative;
    display: block;
    width: 140px;
    text-align: center;
	text-decoration: none;
	outline: 0;
}
	/*Active*/
.active a{
	padding: 20px 0 12px 0;
	vertical-align: middle;
    margin: 0px -5px 0px 0px;
	z-index: 2;

    color: #222222;
    border: 1px solid #ccc;
	
    background: -moz-linear-gradient(top center, rgb(180, 210, 50), rgb(160, 190, 30));
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 210, 50)), to(rgb(160, 190, 30)));
	background: linear-gradient(top, rgb(180, 210, 50), rgb(160, 190, 30));
	background-color: rgb(180, 210, 50);

	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;

    -moz-box-shadow: inset 0 0 5px white;
    -webkit-box-shadow: inset 0 0 5px white;
	box-shadow: inset 0 0 5px white;

    text-shadow: 0 1px 1px white;

}
.active a:hover{
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(160, 190, 30)), to(rgb(180, 210, 50)));
    background: -moz-linear-gradient(top center, rgb(160, 190, 30), rgb(180, 210, 50));
	background: linear-gradient(top, rgb(160, 190, 30), rgb(180, 210, 50));
}
.active a:focus {
    outline: none;
}
	/*Inactive*/
.inactive a {
 	padding: 14px 0 12px 0;
    margin: 6px -5px 0px 0px;

    z-index: 1;
	color: white;

	background: -webkit-gradient(linear, left top, left bottom, from(rgb(65, 105, 225)), to(rgb(65, 55, 205)));
	background: -moz-linear-gradient(top center, rgb(65, 105, 225), rgb(45, 55, 205));
	background: linear-gradient(top, rgb(65, 105, 225), rgb(45, 55, 205));
	background-color: rgb(65, 105, 225);

	border: 1px solid rgb(65, 105, 225);

	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;

	-webkit-box-shadow: inset 0 0 2px rgb(45, 55, 205);
	-moz-box-shadow: inset 1px 1px 1px rgb(45, 55, 205);
	box-shadow: inset 1px 1px 1px rgb(45, 55, 205);

	text-shadow: 0 1px 1px black;

	ie-dummy:expression(this.hideFocus=true);
}
.inactive a:hover {
	background: -webkit-gradient(linear, left top, left bottom, to(rgb(65, 55, 205)), from(rgb(65, 105, 225)));
	background: -moz-linear-gradient(top center, rgb(45, 55, 205), rgb(65, 105, 225));
	background: linear-gradient(top, rgb(45, 55, 205), rgb(65, 105, 225));
	background-color: rgb(65, 55, 205);
}
.inactive a:focus {
    outline: none;
}
	/*notification*/
span.notification {;
    position: absolute;
    padding: 5px;
    margin-top: -12px;
    color: white;
    min-width: 15px;
    text-align: center;
	font-size: 10px;
    border: 1px solid #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#F0F8FF), to(red));
    background: -moz-linear-gradient(top, #F0F8FF, red);
    background: linear-gradient(top, #F0F8FF, red);
   -webkit-box-shadow: inset 0 0 1px #333;
    -moz-box-shadow: inset 0 0 1px #333;
    text-shadow: 0 -1px 1px black;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    margin-left: 18px;
}
	/*slider*/
#slider {
    line-height: 15px;
}
#slider a{
	text-decoration : none;
	color: #004D9E;
	border-bottom: 1px dotted silver;
	display: block;
	padding: 5px;
	margin: 0;
}
#slider a:hover{
	text-decoration : underline;
	color: #0099CC;
}
#slider h2{
	background: none;
}
#slider img{
	border: none;
	float: none;
	padding-right: 7px;
	padding-top: 3px;
}
.charac{
	border-collapse: collapse;
}
.charac td{
	border: 1px solid #004D9E;
	padding: 4px 5px 1px 5px;
}
.charac th{
	border: 1px solid #004D9E;
	font-weight: bold;
	width: 50%;
	padding: 4px 5px 1px 5px;
	text-align: left;
	color: #555;
}
	.name, .submit{
		color: #4169E1;
		outline-style: none;
	}
	.name:hover, .name:focus, .submit:hover{
		color: #0000CD;
	}
.cont{
	border-top: 1px solid silver;
	border-left: 1px solid silver;
}
.cont td{
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 7px;
	padding-right: 7px;
}
.cont td:hover{
	color: black;
}
.panoram{
	border-radius: 10px;
	border: 1px solid #dddddd;
	display: block;
	width: 100px;
	line-height: 30px;
	margin: 0;
	color: #004d9e;
	text-decoration: none;
	background-color: #EAECEF;
	background: -moz-linear-gradient(top, #f5f5f5, #dddddd);
	background: -webkit-linear-gradient(top, #f5f5f5, #dddddd);
	background: -o-linear-gradient(top, #f5f5f5, #dddddd);
	background: -ms-linear-gradient(top, #f5f5f5, #dddddd);
	background: linear-gradient(top, #f5f5f5, #dddddd);
}
.panoram:hover{
	color: #0099cc;
	background: -moz-linear-gradient(top, #ffffff, #eaecef);
	background: -webkit-linear-gradient(top, #ffffff, #eaecef);
	background: -o-linear-gradient(top, #ffffff, #eaecef);
	background: -ms-linear-gradient(top, #ffffff, #eaecef);
	background: linear-gradient(top, #ffffff, #eaecef);
}
a.awhitebold{
	display: block; 
	width: 185px;
	line-height: 185px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: white; 
	font-weight: bold;   
	margin: 0; 
	-moz-border-radius: 93px;
	-webkit-border-radius:93px;
	border-radius:93px;
}
div#centerdiv{position: relative;margin:auto;text-align: center;}
div.sectionbutton{
	width: 185px;
	height: 185px; 
	background: transparent url('http://www.ivanovo.ops.ru/images/th/blue2.png') no-repeat 0 0px;
	border: 0;
	float: left;
	left: 30px;
	margin: 0px 30px 0 0;
	padding: 0;
	position: relative;
}
div#white0, div#white1, div#white2{
	display: block; 
	width: 185px;
	line-height: 185px;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	margin: -185px 0 0 0;
	padding: 0;
	position: relative;  
	-moz-border-radius: 93px;
	-webkit-border-radius:93px;
	border-radius:93px;
}
div#button0, div#button1, div#button2{
	display: block;
	width: 185px;
	height: 185px;
	background: transparent url('http://www.ivanovo.ops.ru/images/th/blue.png') no-repeat 0 0;
	border: 0;
	margin: 0;
	padding: 0;
	position: relative;  
}
div.media, div.media2{
	color: black;
}
.media a, .media2 a{
	color: #004D9E !important;
}
.media a:hover, .media2 a:hover{
	color: #0099CC !important;
}
#showing-content, #showing2-content {display:none;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container h3 {color:#84b8d9;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(http://www.ivanovo.ops.ru/images/jq/fancy_close.png) no-repeat; width:30px; height:30px; display:inline; z-index:3200; position:absolute; top:0; right:0; cursor:pointer;}
.gallery
{
	cursor: url(http://www.ivanovo.ops.ru/images/zoom.gif), pointer;
}
.gallery img{
	border-radius: 10px;
	border: 5px solid white;
	box-shadow: 1px 1px 5px silver;
	margin: 5px;
}