/* Стиль CSS - comptech */

/* BODY */



html{
   margin: 0;
   padding: 0;
   height: 100%;
}



body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size:100%;
	background-color: #FFFFFF;
	background-image: url(gif/bgr0_right.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px auto 0px auto;
	padding: 0px;
	height: 100%;
}

.base {
	height:100%;
}
/* HEADERS */

h1, h2, h3, h4, h5, h6
	{font-weight: bold;
    margin: 0;
    padding: 0;}

h1 {font-size: 18px;
	color:#3F99CC;}

.bgr-top1 h1 {
	padding-top: 15px;
}


h2 {font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	}

h3 {font-size: 1em;
font-weight: 600;
color:#4AB3EA;
}

.main h3, .ushki h3 {
border-bottom:1px dashed #000000;
margin: 25px 0px 5px 0px;
padding: 0 20px 5px 0;
font-size: 1.1em;
}

.main h3 {
margin-right:-20px;
}
.main h2 {
margin-bottom:5px;
}

h4 {font-size: 1em;}

h5 {font-size: 1.3em;
	margin-bottom:10px;} 

h6 {font-size: 0.6em;}



/* PARAGRAPHS */

p {margin: 0.5em 0 1em 0;
	 }



/* LINKS */

a {color: #000000; text-decoration: none;}

a:hover {color: #000000; text-decoration: underline; cursor: pointer;}

a img {border: none;}

.razrabotka {font-size: 0.6em;
			padding: 10px;
			vertical-align: bottom;
			background-color:#D8EEFB;
			}
			
.razrabotka a {text-decoration:none; color:#4AB3EA;}

.main a {text-decoration:none; color:#18648C;}
.main a:hover {text-decoration:none; color:#4AB3EA;}

.main .link, .main .link:hover, .news-hp .link, .news-hp .link:hover {text-decoration:underline; color:#4AB3EA;}
h3 a:link, h3 a:visited, h3 a:hover {text-decoration:none; color:#4AB3EA;}
.news-list a, .news-list a:hover {text-decoration:underline; color:#4AB3EA;}

/*image*/
img{border:none;}

.link-img {border:1px dashed #000000; margin:5px 5px 5px 0;}


/* background */
.str-top {
	height:231px;
	background-image: url(gif/top_bgr.gif);
	background-repeat: repeat-x;
	background-position:top;
}

.bgr-top-left {
	 background-image: url(/gif/top1.jpg);
	 background-repeat: no-repeat;
	 background-position: right top;
	 background-color: #4AB3EA;
}

.bgr-top1 {
	 background-image: url(gif/top2_1.gif);
	 background-repeat: no-repeat;
	 background-position:left top;
	 text-align: right;
	 padding-left:180px;
}
.bgr-top2 {
	 background-image: url(gif/top2_2.gif);
	 background-repeat: no-repeat;
	 background-position: top left;
	 vertical-align: bottom;
	 font-size:0.75em;
	 padding: 0;
	 border-collapse: collapse;
}
.bgr-top3 {
	 background-image: url(gif/top2_3.gif);
	 background-repeat: no-repeat;
	 background-position: top left;
	 vertical-align: bottom;
	 font-size:0.75em;
	 border-collapse: collapse;
}

.main {margin: 0 0 0 30px;
		padding: 0 20px 0 0;
		font-size: 0.83em;}

.pic-prod {width:170px; float:left;}

.opisanie-prod {margin: 5px 20px 20px 180px;
			line-height:1.4em;
			}

.opisanie-prod p {margin: 0 0 15px 0;}

.tabl-prod td {font-size:0.83em;
				padding:5px;}

.copyright {
	padding: 10px 10px 20px 10px;
	font-size: 0.7em;
	background-color:#4AB3EA;
}
.tabl-prod {text-align:center;
border-collapse: separate;}

.td-head {background-color:#4AB3EA;
		color:#FFFFFF;
		font-weight:600;
		}
		
.td-blue {background-color: #E3F8FD;}

.tabl-prod td.str-blue {background-color: #E3F8FD;
			padding: 0px;}

.td-left {
	text-align: left;
	padding-left:10px;
}

.formul_form {
text-align:right;
border:1px dashed #000000;
margin: 10px 10px 10px 20px;
}

.formul_form td {
padding:10px 5px;
}
.okno {
margin:10px;
font-size:0.83em;
}

.okno img {
margin: 10px 10px 10px 20px;
}

.okno p {
margin: 5px 10px 5px 20px;
}
/* ushki */

.ushki {width:200px; font-size: 0.83em;}

.ushki table {
	margin-bottom:15px;
}

.head-ushko {
background-color: #4AB3EA;
color:#FFFFFF;
font-weight:800; 
padding:5px 0;
}

.head-ushko a, .head-ushko a:hover {
	color:#FFFFFF;
}

.head-ushko img {
	margin: 0px 10px 0px 2px;
	float:left;
	vertical-align: middle;
}

.niz-ushko {
background-color: #FFFFFF;
background-image: url(gif/ugol_left_bgr.gif);
background-position: left bottom;
background-repeat: no-repeat;
text-align: center;
padding: 5px 5px;
}

/* border */

.border_bottom {border-bottom:1px dashed #000000; 
}

.bgr-top2 div.border_bottom, .bgr-top3 div.border_bottom  {margin: 0 0 0 80px; 
							padding: 0 0 5px 0;}
.bgr-top3 div.border_bottom  {margin: 0 0 0 30px;}

.left-menu {
background-color:#D8EEFB;}

.left-catalog {border-right:1px solid #4AB3EA;
				border-collapse:separate;
				font-size:0.83em;}

.base-menu {margin:10px 0px 0 30px;}
.menu-active, .menu-pasive {float:left; vertical-align: bottom; padding: 7px 10px 2px 10px; border-top:1px dashed #000000; margin-top:15px; white-space:nowrap; font-weight:800;}

.menu-active {border-right:1px dashed #000000; border-left:1px dashed #000000; border-bottom:5px solid #4AB3EA; border-top:none;} 

.menu-active a, .menu-pasive a {text-decoration: underline;}
.menu-active a:hover, .menu-pasive a:hover {text-decoration: none;}
.menu-active a, .menu-active a:hover {cursor:text; text-decoration:none}
/*.menu-active {background-image:url(gif/strelka-dashed.gif);
			background-position: center;
			background-repeat:no-repeat;}*/
			
.menu-active-left {font-weight:800;}

.menu-active-left a, .menu-active-left a:hover {text-decoration:none;
		cursor:text;}
	
.menu-bottom {text-align:center;
			padding:5px 10px 30px 10px;
			color:#FFFFFF;
			font-weight:800;
			font-size:1em;}
.menu-bottom a {color:#FFFFFF; text-decoration:underline}
.menu-bottom a:hover {color:#FFFFFF; text-decoration:none;}

.menu_razdel, .submenu, .podmenu, .submenu-active {background-image:url(/gif/boff.gif);
				background-repeat: no-repeat;
				background-position:top;
				color:#FFFFFF;
				font-weight:bold;
				padding:3px 5px 3px 15px;
				border-left:5px #D8EEFB solid;}

.submenu {padding-left:25px; border-left:none;}
.podmenu {padding-left:35px; border-left:none;}

.submenu-active {background-image:url(/gif/bon.gif); border-left:none; padding-left:25px;}

.submenu a, .podmenu a, .submenu-active a {color:#D8EEFB;}
.submenu a:hover,.podmenu a:hover, .submenu-active a:hover {color:#D8EEFB; text-decoration:none;}

.rardelit {vertical-align:bottom;}

.rardelit img {margin-bottom:5px;}

/* padding  */

.table-menu td {padding: 0px 5px;
vertical-align: bottom;
white-space: nowrap;
font-weight:800}

.table-logo td {padding: 0 5px;
vertical-align: bottom;}

.technolog1 {margin: 15px 0px 25px 5px;
			font-size:0.83em; width:225px; line-height:1.3em;}
			
.technolog1 p {margin:3px 5px 20px 13px;
			font-size:1em; border-right: 4px solid #FFCE7C;}
			
/*.technolog1 h2 {margin:3px 5px 0px 5px; color:#4AB3EA; font-size:1.2em;}*/
.technolog1 h2 {margin:3px 5px 0px 5px; 
/*color:#3F99CC;
color:#18648C; */
color:#000000; 
font-size:1.3em;}


.technolog1 strong {font-size:1.2em;}


.technolog1 img {margin-right:5px; vertical-align:middle;}
div.technolog1 h2 a {text-decoration:none; color:#18648C;}
div.technolog1 h2 a:hover {text-decoration:none; color:#18648C;}


/* NEWS LISTS */

.news-list {margin: 20px 20px 30px 0}

.news-list h3 {border:none;				
				margin:0;
				position: static;
				font-size:0.9em;
				}

.news-list h4 {font-size:0.83em;
				margin:0;
				font-weight:normal;}

.news-list p {margin: 0 10px 0 0;}
.news-list img {margin: 0 10px 2px 0;}

.news-hp {margin:10px;
padding:10px 10px 3px 10px;
background-color:#FFFFFF;
font-size:0.83em;
border:1px dashed #4AB3EA;
width:195px;
//width:215px;
}


/* ORDERED AND UNORDERED LISTS */



ul, ol {padding: 0;

		margin: 0.75em 0 1em 0em;}

ul ul, ol ul {margin: 0.3em 0 0.5em 1.3em;}

ul ol, ol ol {margin: 0.3em 0 0.5em 1.9em;}

ul, ul ul {list-style-type: disc;}





li	{margin: 0 0 0.3em 2em;

    padding: 0;

    line-height: 1.25em;
}



.main-hp li {

	font-size: 0.83em;

}



ol ul {margin-left:20px;}



ol ul {

//margin-left:0px; /* for IE */

}





/* DEFINITION LISTS */



table, td{
   border: 0;
   border-collapse: collapse;
   font-size: 1em;
   vertical-align: top;
	margin: 0;
	padding: 0;
}

form, input, select{
    padding: 0;
    margin: 0;
    background-color: #FFF;
	vertical-align:middle;
}

.tab-spisok h2 {color:#18648C;}



/* MISC STYLES */

div.break {clear: both;}

div.bottom-line {border-bottom: 1px dashed #000000;
 				margin-top: 15px;
				margin-bottom:10px;
				clear: both;}

.tab {margin-left:10px;}

.hide {display: none;}

.pic-map td {
	vertical-align: middle;
	text-align: center;
	font-size: 0.83em;
	padding-top:5px;
}

.nowrap {
	white-space: nowrap;
}