/* Стиль CSS - comptech */
/* 	
	#0A3296 - темносиний
	#6EAAFA - голубой 
	#D4E1BF - hover
*/
/* BODY */
html{
   margin: 0;
   padding: 0;
   height: 100%;
}
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size:100%;
	background-color: #FFFFFF;   
	margin: 0px auto 0px auto;
	padding: 0px;
	height: 100%;
}
.lenta {position:absolute; top:0; left:0;}
.all {width:100%;
margin:0;
padding:0;
height:100%;
min-height:100%;
height: auto !important; 
}

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

h2 {color:#0A3296;
	font-size: 1.3em; font-family:Arial, Helvetica, sans-serif, AGOptimaCyr;
	margin:0 20px 0 0;
	padding-top:30px;}

h1 {color:#FFFFFF; font-size: 1em; padding: 15px 20px 15px 0;}
.content h2 {font-size: 1em; padding: 15px 20px 15px 0; color:#0A3296; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 0;}
h3 {color:#0A3296; font-size: .9em; margin-top:15px; margin-bottom:10px;}
.model-ryad h3 {padding:5px 20px 5px 0; 
				text-align:right; 
				background:url(/gif/bgr-h3.gif) left repeat-y; 
				border-left:5px solid #0A3296;
				margin-bottom:20px;} 
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;
	 font-size:.83em;
	 line-height:1.5em;}

/* LINKS */

a {color: #0A3296; text-decoration: none;}
a:hover {color: #6EAAFA; text-decoration: underline; cursor: pointer;}
a img {border: none;}
a.link {text-decoration:underline; color:#6EAAFA}
.menu a {text-decoration: underline;}
.menu a:hover {text-decoration: none;}
.copyright a:hover {color:#000000;}

.saplinks {font-size:.83em; margin:20px;}
/* 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;
	font-size:.83em;
}

ol ul {margin-left:20px;}

ol ul {
//margin-left:0px; /* for IE */
}

/* Tables and forms */

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



form, input, select{
    padding: 0;
    margin: 0;
    background-color: #FFF;
	vertical-align:middle;
}
/* menu */
.menu {text-align:right; padding: 30px 10px 0 300px; margin:30px 0 0 0; font-size:.83em; font-weight:800;}
.menu div {float:right; margin-right:10px;}
.catalog-icon {background:url(/gif/catalog.gif) left bottom no-repeat; border-bottom:3px solid #0A3296;}
.faq-icon {background:url(/gif/fag.gif) left bottom no-repeat; border-bottom:3px solid #0A3296;}
.service-icon {background:url(/gif/service.gif) left bottom no-repeat; border-bottom:3px solid #0A3296;}
.phone-icon {background:url(/gif/phone.gif) left bottom no-repeat; border-bottom:3px solid #0A3296;}
.menu div a { text-decoration:none; white-space:nowrap}
.menu div a img { margin-right:10px;}
.submenu {color:#6EAAFA; margin-bottom:20px; font-size:.83em}
.submenu a {color:#6EAAFA; text-decoration:underline; white-space:nowrap}
.submenu a.submenu-active {color:#6EAAFA; text-decoration:none; font-weight:800;  white-space:nowrap;} 
.submenu a:hover {color:#6EAAFA; text-decoration:none; white-space:nowrap}
 /* customs */
.head-line {height:74px;
background: url(/gif/bgr_top.gif) top repeat-x;
text-align:right;
vertical-align:bottom;
padding:0;
}
.logo {float:left;
margin-right:20px; margin-left:0px;
}
/* LENTA */
/*.logo {margin-left:90px;} */

.icons {text-align:right; margin: 15px 20px 0 0;}
.icons img {margin-left:20px;}

.heading-line {height:50px; text-align:right;
background: #0A3296 url(/gif/mobil_02.gif) left top no-repeat;
//overflow:hidden;
}
.white-line {background:url(/gif/mobil_01.gif) left bottom no-repeat;}

.model-ryad {width:180px; float:right;}
.model {width:160px; margin-right:20px}
.model-text {position:relative; top:-30px; text-align:right; margin-right:20px; font-size:.83em; font-weight:800}

.content {
margin:20px 20px 20px 30px;}

.copyright {background-color:#6EAAFA; width:100%;
font-size:.83em; padding:10px 0;	
border-top:10px solid #0A3296;
}
 
div.copyright-left {margin-left:30px; text-align:left;}
div.copyright-right {float:right;  width:50%;  margin-left:10px;
 margin-bottom:10px;}

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

.tabl-prod, .tabl-faq {text-align:center;
border-collapse: separate;}
.tabl-faq td {text-align:left;}
.td-head {background-color:#6EAAFA;
		color:#FFFFFF;
		font-weight:600;
		}

.td-blue {background-color: #E0F0FA;}

.td-white {border-left:3px solid #E0F0FA;}

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

.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;}			

.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;
}

.skype-contener {width:192px; float:right; margin-left:10px;}
.skype01 {background-color:#51CEF6; margin:0 2px; height:1px; overflow:hidden; width:188px}
.skype02 {background-color:#FFF; margin:0 1px; height:1px; overflow:hidden; border-left:1px solid #51CEF6;  border-right:1px solid #51CEF6; width:188px}
.skype {text-align:right; border-left:1px solid #51CEF6; border-right:1px solid #51CEF6; padding:2px 5px 5px 5px; font-size:.83em; background-color:#FFFFFF;}


/* MISC STYLES */

div.break {clear: both;}
.tab {margin-left:10px;}
.hide {display: none;}
.nowrap {white-space: nowrap;}