*{
	margin:0;
	padding:0;
	list-style: none;
	border:1 dotted #000000;
}

table {
background-color:#f5f7f7;
border:1px solid #949392;
padding:20px;
}

html, body {
	border:0px solid gray;
	margin:0; 
	padding:20;
	height:auto;
	font:14px Verdana, Helvetica, sans-serif;
	color:#202224;
}

/************Body color same as the footer's end 

body {
	background-color:#d3d7dc;
}

*html body {
	background-color:#ced2d8;
}

*+html body {
	background-color:#ced2d8;
}
************/


body {
	background-color:#ecf0f1;
}

*html body {
	background-color:#eaeeef;
}

*+html body {
	background-color:#eaeeef;
}

h1 {
	color:#500004;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}

h2 {
	color:#490307;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

h3 {
	color:#54030b;
	font-size:16px;
	font-weight:normal;
}

h4 {
	padding:5px 0 0 0;
	font-size:18px;
	font-weight:normal;
}

a {
	color: #000066;
}
a:visited {
	color: #000066;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}

#empty {
	clear:both;
}

#body{
	width:100%;
	margin:0 auto;
	position:relative;
}

/*******HEADER*******/
#body #header {
	border:0px solid gray;
	width:100%;
	height:244px;
	margin:0 auto;
	position:relative;
	background-color:#000;
	background:url('/bitrix/templates/arco/img/header_bg.png') repeat-x left top;
}

#body #header .logo {
	float:left;
	width:170px;
	border:0px solid #000;
	padding:66px 0 0 24px;
}

#body #header .logo h1 {
	position:absolute;
	border:0px solid #000;
}

#body #header .logo div {
	color:#5b5d5b;
	font-size:21px;
	font-weight:normal;
	font-family:Trebuchet MS, Helvetica, Arial;	
}

#body #header .logo div {
	padding-left:2px;
}

#body #header .logo div.top {
	padding-top:53px;
}

#body #header .logo div span {
	color:#1a2420;
	font-size:17px;
	font-weight:normal;
	font-family:Trebuchet MS, Helvetica, Arial;
}

#body #header .slogan {
	position:absolute; left:23%; top:0;
	border:0px solid #000;
	float:left;
	padding:51px 0 0 0px;
	
	font-family:verdana,arial, tahoma;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	word-spacing:3px;
	color:#580303;
}

#body #header .slogan p {
	padding:17px 0 0 78px;
}

#body #header .shed {
	margin:45px 27px 0 0;
	float:right;
	width:762px;
	height:199px;
	border:0px solid #000;
}
/*******HEADER*******/

/*******LAYOUT*******/
/************Layout's color same as the content part
#body #layout {
	width:100%;
	border:0px solid #000;
	background-color:#ecf0f1;
}

*html #body #layout {
	background-color:#eaeeef;
}

*+html #body #layout {
	background-color:#eaeeef;
}
************/

#body #layout {
	width:100%;
	border:0px solid #000;
}


#body #layout .menu {
	width:228px;
	border:0px solid #000;
	float:left;

}

#body #layout .menu ul {
	padding:0 0 0 40px;
}

#body #layout .menu ul li {
	list-style-image:url('/bitrix/templates/arco/img/menu_bul.png');
	padding-bottom:17px;
}

*html #body #layout .menu ul li {
	list-style-image:url('/bitrix/templates/arco/img/menu_bul_ie.png');
}

*+html #body #layout .menu ul li {
	list-style-image:url('/bitrix/templates/arco/img/menu_bul_ie.png');
}

#body #layout .menu ul li a {
	text-decoration:underline;
	color:#490307;
}

#body #layout .menu ul li a:hover {
	text-decoration:underline;
}

#body #layout .menu .lantern {
	position:absolute; bottom:-50px; left:0;
	width:135px;
	height:264px;
	border:0px solid #000;
}

*html #body #layout .lantern {
	position:absolute; bottom:70px; left:0;
}

*+html #body #layout .lantern {
	position:absolute; bottom:70px; left:0;
}

#body #layout .content {
	margin-left:228px;
	margin-right:200px;
	border:0px solid #000;
}

#body #layout .content p {
	padding:0 0 28px 0;
        
	text-align:justify;
	font-size:14px;
	text-indent:25px;
}

#body #layout .content h3 {
	padding:0 0 28px 0;
	text-indent:44px;
}
#body #layout .content .news {

	position:relative;
	display:block;
	border-bottom:1px solid #5e070d;
	padding-bottom:82px;
}

#body #layout .content .news h1{
	padding-bottom:25px;
}

#body #layout .content .news ul li{
	display:inline;
	padding-right:28px;
	float:left;
}

#body #layout .content .news ul li .date{
	width:75px;
	font-size:13px;
	text-decoration:underline;
	color:#5e010c;
	float:left;
}

#body #layout .content .news ul li .description {
	width:250px;
	float:left;
}

#body #layout .content .news ul li .description a{
	float:right;
	color:#5a0107;
	text-decoration:underline;
}

#body #layout .content .news ul li .description a:hover {
	text-decoration:none;
}

#body #layout .photos {
	width:252px;
	float:right;
}

#body #layout .photos ul {
	padding-left:60px;
}
#body #layout .photos ul li img {
	border:1px solid #2f4d5d;
	margin-bottom:20px;
}

#body #layout .photos h1 {
	padding-left:60px;
	padding-bottom:45px;
}
/*******LAYOUT*******/

/*******FOOTER*******/
#body #footer {
	width:100%;
	height:120px;
	background:url('/bitrix/templates/arco/img/footer_bg.png') repeat-x left bottom;
	float:left;
	width:100%;
	border:1px solid gray;
}

#body #footer .counters {
	padding:18px 0 0 228px;
	float:left;
}

#body #footer .counters ul li {
	display:inline;
	padding-right:10px;
}

#body #footer .address {
	font-family:arial;
	font-size:12px;
	float:left;
	padding:15px 0 0 72px;
	font-style:normal;
	color:#590306;
	border:0px solid #000;
}

#body #footer .address h4 a {
	text-decoration:none;
	color:#590306;
	font-size:18px;
	padding-left:10px;
}

#body #footer .address h4 a:hover {
	text-decoration:underline;
}

#body #footer .address span {
	color:#1a2420;
}
/*******FOOTER*******/

.form td{
	padding-bottom: 10px;
}
.form td input.text{
	width: 300px;
}
.form td textarea{
	width: 300px;
}
.errors {
	color: red;
	font-weight: bold;
	text-indent: 0;
}

strong {
font:14px Verdana, normal;
	color:#202224;
}

.img_shum {
	margin: 10px;
}
p {
	line-height: 22px;
}
#table_na_glav {
	width: 800px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	text-align: center;
	margin: 0px;
	padding: 2px;
}
#praice_table td tr{
	border: 1px dotted #000000;
}

body img {
margin:5px;
}

 body a img {border:0px;}
 
 .dotted {
	border: 1px dotted #000000;
	border-collapse: collapse;
	margin:5px;
        clear: both;
  }
  
 .dotted tr td{
	border: 1px dotted #000000;
	padding: 2px;
	text-align:center;
	border-collapse: collapse;
	}