html, body {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0px;
  padding: 0px; 
  font-style: normal; 
  height: 100%;
}
div {
     box-sizing: border-box;
     -moz-box-sizing: border-box;
}
img { border:0;}

.mainimg_div{
width:115px; 
vertical-align:middle; 
height:40px;
position: relative; 
top:-58px; 
left:40px;}

a.mainimg_link{
color:white;
font-weight:bold; 
font-size:14px; 
font-family:Arial;
text-decoration:none;}
a.mainimg_link:hover{
color:white;
font-weight:bold; 
font-size:14px; 
font-family:Arial;
text-decoration:none;}



/*Стили шапки*/
#wrapper {
	background-color: #2D8ED3;
	height:auto !important;
	margin:0pt auto -118px;
	min-height:100%;
	height: 100%;
	position:relative;
	min-width: 1024px;
}

#header {
	height:276px;
	background: url(../images/top_bak.gif) 19px 0px repeat-x;
}
.topleft {
	background: url(../images/top_left.gif) no-repeat;
	width: 520px;
	height: 276px;
	float: left;
}
.topcenter{
	height:276px;
	background: url(../images/top_bak.gif) repeat-x;
	float: left;
}
.topright{
	background: url(../images/top_right.gif) no-repeat;
	width: 390px;
	height: 276px;
	float: right;
}
.logo{
	height: 200px;
	width: 500px;
	margin-left: 50px;
	margin-top: 13px;
}
.tel{
	font-family: cursive;
	font-size: 24px;
	color: #FEFEFE;
	padding-top: 150px;
}
.adres{
	font-family: cursive;
	font-size: 24px;
	color: #FEFEFE;
	padding-top: 20px;
}
.tel span{
	font-family: cursive;
	font-size: 24px;
	color: #B8DDF3;
}
.lineika{
	background: url(../images/lineika.gif) no-repeat;
	width:300px; height:170px; 
	position:absolute; 
	top:190px; 
	left:400px;
}
/*Стили главного меню*/
.maindiv{
	background: url(../images/menubak.jpg) repeat-x;
	height: 251px;
}
.menuleft{
	background: url(../images/menuleftimg.jpg) no-repeat;
	height: 251px;
	width: 944px;
}
.menu1{
	font-size: 11px;
	color: White;
	font-weight: bold;
	position:absolute;
	top: 404px;
	left: 46px;
}
.menu1 a{
	font-size: 11px;
	color: White;
	font-weight: bold;
	text-decoration: none;
}
.menu1 a:hover{
	text-decoration: underline;
}
.menu2{
	font-size: 11px;
	color: White;
	font-weight: bold;
	position:absolute;
	top: 391px;
	left: 130px;
}
.menu2 a{
	font-size: 11px;
	color: White;
	font-weight: bold;
	text-decoration: none;
}
.menu2 a:hover{
	text-decoration: underline;
}
.menu3{
	font-size: 11px;
	color: White;
	font-weight: bold;
	position:absolute;
	top: 411px;
	left: 234px;
}
.menu3 a{
	font-size: 11px;
	color: White;
	font-weight: bold;
	text-decoration: none;
}
.menu3 a:hover{
	text-decoration: underline;
}
.menu4{
	font-size: 11px;
	color: White;
	font-weight: bold;
	position:absolute;
	top: 430px;
	left: 315px;
}
.menu4 a{
	font-size: 11px;
	color: White;
	font-weight: bold;
	text-decoration: none;
}
.menu4 a:hover{
	text-decoration: underline;
}
.menu5{
	font-size: 11px;
	color: White;
	font-weight: bold;
	position:absolute;
	top: 455px;
	left: 434px;
}
.menu5 a{
	font-size: 11px;
	color: White;
	font-weight: bold;
	text-decoration: none;
}
.menu5 a:hover{
	text-decoration: underline;
}
/*Стили контента*/
.content {
	margin-top: -40px;
}
/*Стили левой колонки*/
#left {
	float: left;
	width: 264px;
	padding-bottom: 62px;
}
.topnov{
	background: url(../images/leftmenu1.gif) no-repeat;
	width: 249px;
	height: 63px;
}
.topgal{
	background: url(../images/gal.gif) no-repeat;
	width: 249px;
	height: 63px;
}
.botnov{
	background: url(../images/leftmenu3.gif) no-repeat;
	width: 249px;
	height: 27px;
}
.botgal{
	background: url(../images/galbot.gif) no-repeat;
	width: 249px;
	height: 49px;
}
.centrnov{
	background: url(../images/leftmenu2.gif) repeat-y;
	width: 249px;
	padding: 10px;
}
*:first-child+html .centrnov{width: 229px;}
*html .centrnov{width: 229px;}
.novzag{
	font-family: Arial, sans-serif; 
	font-size: 20px;
	color: White;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 55px;
}
.novdata{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DEF780;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 3px;
}
.novoct{
	background: #589EC7;
	text-align:left;
	color: White;
	margin-top: 8px;
	padding: 5px;
}
/*Стили правой колонки*/
#right {
	float:right;
	width:254px;
}
.righttop{
	background: url(../images/rightmenu1.gif) no-repeat;
	width: 254px;
	height: 62px;
}
.rightcentr{
	background: url(../images/rightmenu2.gif) repeat-y;
	width: 254px;
}
.rightbot{
	background: url(../images/rightmenu3.gif) no-repeat;
	width: 254px;
	height: 34px;
}
.informac{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: White;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 55px;
}
.predl1{
	background: url(../images/predl1.png) no-repeat;
	width: 227px;
	height: 103px;
	margin-left:11px;
}
.predl2{
	background: url(../images/predl2.gif) repeat-y;
	width: 227px;
	margin-left:11px;
}
.new{
	background: url(../images/new.gif) no-repeat;
	width: 80px;
	height: 75px;
	margin-left: 120px;
	padding-top: 20px;
}
.predl3{
	background: url(../images/predl3.gif) no-repeat;
	width: 227px;
	height: 38px;
	margin-left:11px;
}
.smotret{
	font-size: 12px;
	color: White;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 75px;
}

.smotret a{
	font-size: 12px;
	color: White;
	font-weight: bold;
	text-decoration: none;
}
.smotretgal{
	font-size: 12px;
	color: White;
	font-weight: bold;
	padding-top: 30px;
	padding-left: 85px;
}
.smotretgal a{
	font-size: 12px;
	color: White;
	font-weight: bold;
	text-decoration: none;
}
.specpredl{
	font-size: 16px;
	color: #5B90A8;
	font-weight: bold;
	margin-left: 35px;
}
.pradlogenia{
	width: 165px;
	font-size: 12px;
	color: #5B90A8;
	font-weight: bold;
	margin-left: 35px;
	margin-top: 5px;
}
.spec{
	font-size: 12px;
	color: #5B90A8;
	font-weight: bold;
}
.spec:hover{
	font-size: 12px;
	color: #5B90A8;
	font-weight: bold;
}
.telefony{
	background: #589EC7;
	width: 227px;
	margin-left: 11px;
	margin-top: 10px;
}
.kontinf{
	font-size: 16px;
	color: White;
	font-weight: bold;
	padding-top: 10px;
}
.telfaks{
	font-size: 16px;
	color: White;
	padding-left: 10px;
}
.telfaks span{
	font-size: 16px;
	color: #C8D56F;
	padding-right: 3px;
}
.tellef{
	font-size: 14px;
	color: White;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 3px;
}
.adres{
	background: #508FB4;
	text-align: right;
	margin-top: 5px;
	padding: 3px;
	font-size: 12px;
	color: White;
}
.rassylka{
	background: url(../images/rassylka.gif) no-repeat;
	width: 168px;
	height: 107px;
	margin-left: 42px;
	margin-top: 20px;
}
.podpiska{
	font-size: 12px;
	color: #6B751B;
	padding-left: 100px;
	padding-top: 15px;
}
.podpiska a{
	font-size: 12px;
	color: #6B751B;
	text-decoration: underline;
}
.pereiti{
	font-size: 12px;
	color: White;
	font-weight: bold;
	margin-top: 52px;
	margin-left: 95px;
}
.pereiti a{
	font-size: 12px;
	color: White;
	font-weight: bold;
	text-decoration: none;
}
/*Стили центра*/
#center {
	margin-left: 255px;
	margin-right: 255px;
	font-size: 11px;
	color:white;
}
table.spec{vertical-align:top;}
p.offtop{
	/*margin-left: 275px;
	margin-right: 275px;*/
	color:#DFDFD7;
font-size:10px;}
div.bg1{	margin-left: 275px;
	margin-right: 275px;}

span.bg1{color:#76776F;}
span.bg1 a{color:#76776F;}


.tur1{
	background: url(../images/tur1.gif) no-repeat;
	height: 170px;
	/*float: left;*/
	padding-top: 135px;
	padding-left:5px;

}
*:first-child+html .tur1{height: 35px;} *html .tur1{height: 35px;}

.tur1t{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-align:left;
}
.tur1t a{
	font-size: 10px;
	color: White;
	font-weight: bold;
	padding-left: 20px;
	text-decoration: none;
	text-align:left;
}
.tur2{
	background: url(../images/tur2.gif) no-repeat;

	height: 170px;
	/*float: right;*/
	padding-top: 135px;
	padding-left:5px;
}
*:first-child+html .tur2{height: 35px;} *html .tur2{height: 35px;}

.tur2t{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-align:left;
}
.tur2t a{
	font-size: 10px;
	color: White;
	font-weight: bold;
	padding-left: 20px;
	text-decoration: none;
	text-align:left;
}
.tur3{
	background: url(../images/tur3.jpg) no-repeat;

	height: 170px;
	/*float: left;*/
	padding-top: 135px;
	padding-left:5px;
}
*:first-child+html .tur3{height: 35px;} *html .tur3{height: 35px;}

.tur3t{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-align:left;
}
.tur3t a{
	font-size: 10px;
	color: White;
	font-weight: bold;
	padding-left: 20px;
	text-decoration: none;
	text-align:left;
}
.tur4{
	background: url(../images/tur4.jpg) no-repeat;

	height: 170px;
	/*float: right;*/
	padding-top: 131px;
	padding-left:25px;

}
*:first-child+html .tur4{height: 35px;} *html .tur4{height: 35px;}

.tur4t{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-align:left;
}
.tur4t a{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
}
.tur5{
	background: url(../images/tur5.jpg) no-repeat;

	height: 170px;
	/*float: left;*/
	padding-top: 131px;
		padding-left:25px;
}
*:first-child+html .tur5{height: 35px;} *html .tur5{height: 35px;}

.tur5t{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-align:left;
}
.tur5t a{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
}
.tur6{
	background: url(../images/tur6.jpg) no-repeat;

	height: 170px;
	/*float: right;*/
	padding-top: 135px;
		padding-left:5px;
}
*:first-child+html .tur6{height: 35px;} *html .tur6{height: 35px;}

.tur6t{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-align:left;
}
.tur6t a{
	font-size: 10px;
	color: White;
	font-weight: bold;
	padding-left: 20px;
	text-decoration: none;
	text-align:left;
}
.tur7{
	background: url(../images/tur7.gif) no-repeat;

	height: 170px;
	/*float: left;*/
	padding-top: 131px;
		padding-left:25px;
}
*:first-child+html .tur7{height: 35px;} *html .tur7{height: 35px;}

.tur7t{
	font-size: 10px;
	color: White;
	font-weight: bold;
	width:200px;
	text-align:left;
}
.tur7t a{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
}
.tur8{
	background: url(../images/tur8.jpg) no-repeat;

	height: 170px;
	/*float: right;*/
	padding-top: 131px;
		padding-left:25px;
}
*:first-child+html .tur8{height: 35px;} *html .tur8{height: 35px;}

.tur8t{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-align:left;
}
.tur8t a{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
}
.tur9{
	background: url(../images/tur9.jpg) no-repeat;

	height: 170px;
	/*float: left;*/
	padding-top: 131px;
		padding-left:25px;
}
*:first-child+html .tur9{height: 35px;} *html .tur9{height: 35px;}

.tur9t{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-align:left;
}
.tur9t a{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
}
.tur10{
	background: url(../images/tur10.jpg) no-repeat;

	height: 170px;
	/*float: right;*/
	padding-top: 131px;
		padding-left:25px;
}
*:first-child+html .tur10{height: 35px;} *html .tur10{height: 35px;}

.tur10t{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-align:left;
}
.tur10t a{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
}
.tur11{
	background: url(../images/tur11.gif) no-repeat;

	height: 170px;
	/*float: left;*/
	padding-top: 131px;
		padding-left:25px;
}
*:first-child+html .tur11{height: 35px;margin-bottom:50px;} *html .tur11{height: 35px;margin-bottom:50px;}

.tur11t{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-align:left;
}
.tur11t a{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
}
.tur12{
	background: url(../images/tur12.gif) no-repeat;

	height: 170px;
	/*float: right;*/
	padding-top: 125px;
		padding-left:25px;
}
*:first-child+html .tur12{height: 35px;margin-bottom:50px;} *html .tur12{height: 35px;margin-bottom:50px;}

.tur12t{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-align:left;
}
.tur12t a{
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
}
/*Стили футера*/
div.clear {
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
	overflow:hidden;
}
div.push {
	height:107px;
	margin:0px;
	padding:0px;
}
div.footer {
	background: url(../images/bottombg.gif) repeat-x;
	height: 107px;
	margin:0px auto;
	position:relative;
	text-align:left;
	width:100%;}

.footerleft{
	background: url(../images/bottomleft.gif) no-repeat;
	width: 799px;
	height: 107px;
	float:left;
}
.footerright{
height: 107px;
float:right; 
padding-right:10px; 
color:#D27B4C;
}
.footerright a{
color:black;
}
.footerright a:hover{
color:black;
text-decoration:none;
}

.copy{
	color: #76776F;
	font-size: 14px;
	padding-top: 60px; 
	padding-left: 60px;
	font-weight: bold;
}
div.ptext{
color:#DFDFD7;
font-size: 10px;
}
div.ptext a{
color:#DFDFD7;
font-size: 10px;
text-decoration:none;
}
div.ptext a:hover{
color:#DFDFD7;
font-size: 10px;
text-decoration:none;
}
.head{
background: #A4CFE7;
color:white;
font-weight:bold;
text-align:center;
}
.mid{
background: #2681C1;
color:white;
font-weight:normal;
text-align:center;
}
.second{
color:white;
text-decoration:underline;
font-size: 11px;
font-weight:bold;}
.second:hover{
color:white;
text-decoration:none;
font-size: 11px;
font-weight:bold;}

a.news{
color:white;
text-decoration:none;
font-size: 11px;}
a.news:hover{
color:white;
text-decoration:none;
font-size: 11px;}

h1{
color:white;
font-weight:bold;
text-decoration:none;
font-size: 16px;}

h2{
color:#DF042C;
font-weight:bold;
text-decoration:none;
font-size: 16px;}

h3{
color:white;
font-weight:bold;
text-decoration:none;
font-size: 18px;}



b.ram_3 {
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 14px;
color: #4F719B;
font-weight:bold;
}

span.now{
font-weight:bold;
text-decoration:underline;
}

a.nav {
font-size: 11px;
color:white;
text-decoration:none;
}
a.nav:hover {
font-size: 11px;
color:white;
text-decoration:underline;
}
.bordered
 {border:5px dashed darkgreen;}
/*Стили галереи*/
#galery{ min-width: 450px; margin-bottom: 20px; background: url(../images/gallery/upleft.jpg) left top no-repeat; }
.stepcarousel{
position: relative; /*leave this value alone*/
margin-left: 43px;
margin-right: 43px;
overflow: scroll; /*leave this value alone*/
/*Width of Carousel Viewer itself*/
height: 126px; /*Height should enough to fit largest content's height*/
background: url(../images/gallery/upbg.jpg) right top repeat-x;
/*background: url(../images/gallery/upright.jpg) right top no-repeat;*/
}
#rgal{ background: url(../images/gallery/upright.jpg) right top no-repeat;}
.stepcarousel .belt{ position: absolute; left: 0; top: 0; }


.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panel{ top: 8px;}
.panel img { border: 0px;}
/*Оформление разделов*/
.cont { background: url(../images/gallery/cont.jpg) left top repeat-x; float: left; margin-bottom:10px; margin-left: 5px;}
.imgs { background: url(../images/gallery/limgs.jpg) 0 7px no-repeat; min-width: 227px;}
.cimg { background: url(../images/gallery/cimgs.jpg) 0 7px repeat-x; margin-left: 14px; text-align: center;}
.cimg img { margin-top: 15px; }
.cimg span { background: url(../images/gallery/rimgs.jpg) right 7px no-repeat; padding-right: 13px; display: block;}

.bmgs {background: url(../images/gallery/bcmgs.jpg) repeat-x;}
.bmgs div {background: url(../images/gallery/bmgs.jpg) 0 0 no-repeat;}
.bmgs div div {background: url(../images/gallery/brmgs.jpg) 100% 0 no-repeat;}
.bmgs div div div {width:100%; height: 15px;} 

.name {background: url(../images/gallery/cname.jpg) repeat-x; text-align: center;}
.name div {background: url(../images/gallery/name.jpg) 0 0 no-repeat;}
.name div div {background: url(../images/gallery/rname.jpg) 100% 0 no-repeat;}
.name div div div {width:100%; background: none; height: 40px;}
a.gal_name {color:White; font-family:Arial,Verdana,Geneva,Helvetica,sans-serif; font-size:12px; line-height: 24px; text-decoration:none;
}
.kostroma p{font-size:14px;}
.kostroma p b{color:#993366;}
.kostroma p span{color:#FFCC00;}

#ref_link {position: absolute; margin-top: 30px; /*margin-left: 358px;*/ right: 60px; width: 600px; color:#ff0000; font-family:cursive; font-size:22px; text-decoration: none;}
#ref_link:hover {text-decoration: underline;}

span.prw, span.prw a { font-size:10px; color:#646464; }