body {
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../images/back.jpg) #fff
}
a:link, a:visited {
	color: #002d7b;
	text-decoration: underline;
}
a:hover, a:active {
	color: #007b23;
	border-bottom: 1px solid #01a52f
	/*text-decoration: underline;*/
}


/* ---------- telephons ---------- */
.top-logo{
font: bold 30px Arial; 
color: #fdff6a;
}
.top {
	background: url(../images/top.jpg) #6f9efd no-repeat right;
	height: 40px;
	width: 898px;
	margin: 0px auto;
	font: bold 13px verdana, Helvetica, Geneva, Arial, sans-serif;
	color: #fff;
}
.tp1 {
	float: left;
	width: 330px;	
	margin: 0px 0px 0px 30px; 
}
.tp1img {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.tp1txt {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	
}
.tp2 {
	float: left;
	width: 190px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.tp2img {
	float: left;
	margin: 0px 0px 0px 0px;
}
.tp2txt {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}




/* ---------- shapka + title ---------- */
.shapka {
	width: 898px;
	height: 127px;
	background: url(../images/shapka.jpg) #6f9efd no-repeat right;
	margin: 0px auto;
}
.logo {
	margin: 0px 0px 0px 0px;
	float: left;
}
.logo a {border: 0px}
.title {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	width: 500px;
}
.title h1 {font: bold 30px Arial; color: #fdff6a;}
.title h2 {font: 18px Arial; color: #3b6fc8;}
.title h3 {font: bold 20px Arial; color: #fff; padding: 15px 0px 0px 0px;}

/* ---------- MENU ---------- */
.menu {
	width: 898px;
	height: 40px;
	background: url(../images/menu.gif) #6f9efd no-repeat right;
	margin: 0px auto;
	clear: both
}

.menu ul {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 50px;
}
.menu ul li {
	float: left;
	padding: 10px 10px 0px 0px; 
	margin: 0px 0px 0px 0px
}
.menu li a:link, .menu li a:visited {
	display:block;
	font: bold 14px Verdana;
	color: #5470a2;
	text-decoration: none;
	text-transform: uppercase;
	/* background: url(../images/menu_.gif) no-repeat left; */
	border-left: 16px solid #98b3e0;
	padding: 0px 0px 0px 10px;
}
.menu li a:hover, .menu li a:active {
	display:block;
	font: bold 14px Verdana;
	color: #12397c;
	text-decoration: none;
	text-transform: uppercase;
	/* background: url(../images/menu.gif) no-repeat left; */
	border-left: 16px solid #3e6ab5;
	padding: 0px 0px 0px 10px;
	border-bottom: 0px solid #01a52f
} 


/* ---------- CONTENT ---------- */
.content_left {}
.content_right {
	width: 280px;
	float: right;
	margin: 15px 0px 0px 0px;
}


.txt {
	clear: both;
	width: 898px;
	margin: auto;
	padding: 10px 20px 10px 20px;
	background-color: #fff
}
.txt h1 {
	text-align: center;
	font: 20px bold Arial;
	color: #254376;
	padding: 15px 0px 15px 0px
}
.txt h2 {
	font: 18px bold Arial;
	color: #254376;
	padding: 15px 0px 15px 0px
}
.txt b {color: #254376;}
.txt ul {
	list-style: square;
	padding: 0px 0px 10px 0px; 
	margin: 2px 0px 0px 15px;
}
.txt ul li {
	list-style: disc outside;
	padding: 0px 0px 10px 0px; 
	margin: 1px 0px 0px 15px
}

.infoblock1, .infoblock2 {
	margin: 0px 0px 15px 20px;
	padding: 10px 20px 20px 20px
}
.infoblock1 {background-color: #e0ffe7;}
.infoblock2 {background-color: #fff1d4;}
.infoblock1 b, .infoblock2 b {display: block; text-align: right; padding: 0px 20px 0px 0px} 


/* ---------- bottom ---------- */
.bottom {
	margin: auto;
	background-color: #a3c3ff;
	width: 898px;
	height: 40px;
	clear: both;
	text-align: center;
	padding: 30px 0px 10px 0px;
	color: #553c00;
	font: 12px Verdana;
}


/* ÒÀÁËÈÖÀ */
.tabl {
width: 100%;
background-color: #fff;
font: 12px Verdana;
}
.tabl th {
background-color: #617db4;
color: #fff;
font-weight: bold;
text-align: center;
padding: 6px;
border: 1px solid #fff  
}
.tabl td {
text-align: center;
padding: 6px;
border: 1px solid #fff  
}
.tabl tr {
background-color: #eff3fc;
text-align: center;
margin: 1px;
padding: 4px;  
}
.tabl .tr1 {
background-color: #c3d3f1;
text-align: center;
margin: 1px;
padding: 4px;   
}
.tabl .tr2 {
background-color: #dbe5f7;
text-align: center;
margin: 1px;
padding: 4px;   
}
.price:link, .price:visited {background: url(images/b_price.gif)}
.price:hover, .price:active {background: url(images/b_price_.gif)}
/* _ÒÀÁËÈÖÀ */

.tb_shpon {font: 12px Verdana; width: 90%}
.tb_shpon td {padding: 10px 6px 6px 6px; border-bottom: 1px solid #a3b7cf; text-align: justify}


div#form-report{
    display: none;
    margin: 20px 0;
}

form#contact-form table{
    border: 1px solid #ccc;
    border-collapse: collapse;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 20px 0;
    
}
form#contact-form table th{
    text-align: center;
    padding: 10px 0;
    border: 1px solid #ccc;
    font-weight: bold;
}
form#contact-form table td{
    padding: 10px;
    border: 1px solid #ccc;
    width: 500px;
}
form#contact-form table td.title{
    width: 200px;
    text-align: right;
}
form#contact-form input{
    width: 440px;
}
form#contact-form textarea{
    width: 440px;
    height: 150px;
}
form#contact-form input.wrong,
form#contact-form textarea.wrong{
    border: 2px solid #ff0000;
}
form#contact-form table td.button{
    border: 0;
}
form#contact-form table td.button button{
    width: 200px;
}
.akciya {
color: #ff0000;
font: 28px bold Arial;
text-align: center;
}
.price_lis {
color: #000000;
font: 28px bold Arial;
text-align: center;
}

table.articles{
    width: 100%;
    border: 0;
    border-collapse: collapse;
}
table.articles td{
    vertical-align: top;
}
table.articles td ul{
    margin: 0 0 0 30px;
}
table.articles td ul li{
    margin: 3px 0;
    padding: 0;
}
table.articles td ul li a{
    font-size: 13px;
}
