@charset "utf-8";
/* *************************************************** CSS RESET Settings **************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* *************************************************** END CSS RESET Settings **************************************************************/
body {
	font:100% Ubuntu, "Ubuntu Light", sans-serif;
	background: #004000  url(../img/body-bg.jpg) no-repeat top center;
	margin: 0;	padding: 0;
}
.oneCol #container {
	width: 980px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:left; 
}

/* ****************************************************************** ШАПКА сайта ***************************************************************************************** */	
/* .oneCol #header {	background: #DDDDDD;	padding: 0 10px 0 20px; } *//* ОТКАТ */	
.oneCol #header { display:block; height:100px;} 
.oneCol #header .col_11{ width:165px;} 
.oneCol #header .col_22{
float:left;
padding:0;
margin-left:170px;
top: 20px;
text-transform:lowercase;
font-family: Ubuntu, sans-serif;
text-align: left;
position:absolute;
}
.oneCol #header .col_22 ul {
padding:0;
margin:0;
list-style-type:none;
font-size: 97%;
}
.oneCol #header .col_22 a {
width:7em;
height:12px;
text-decoration:none;
color: #fff;
padding:0.2em 0.3em 0.5em;
}
.oneCol #header .col_22 a:hover {color: #fff;background:#060;}
.oneCol #header .col_22 li {display:inline;}

.oneCol #header .col_33 { width:222px; height:70px; float: right; background:#000066; display:block; position: relative; top:-90px; text-align:center; padding-top:2px;font-family:Ubuntu, sans-serif; } 
.oneCol #header .col_33 .txt{color:#FFF;  font-size:90% }
.oneCol #header .col_33 .tel{ color:#F90; font-size:155%; font-weight:bold; padding-bottom:2px; display:block}
/* ******************************************************************* Конец ШАПКИ сайта **************************************************************************************** */

/** **************************************************************************************************************************************** */
.oneCol #mainContent {display:block; height:330px; margin-bottom:15px;}

.oneCol #mainContent .col_1{ display:block; height:330px;}

.oneCol #mainContent .col_2 {
float:left;padding:0;
margin-left:523px;
top: 20px;
position:absolute;top:100px;
width:222px;
}
.oneCol #mainContent .col_2  img{border:0;}
.oneCol #mainContent .col_2  ul {padding:0;margin:0;}
.oneCol #mainContent .col_2  a {display: block; width: 222px; height:75px; margin-bottom:7px; }
.oneCol #mainContent .col_2 a:hover { 	background: #CCC;	filter:alpha(opacity=60); /* IE */    -moz-opacity:0.6; /* Mozilla */    opacity: 0.6; /* CSS3 */	}
.oneCol #mainContent .col_2 li {display: block; width: 222px;	height:75px; margin-bottom:7px;}

.oneCol #mainContent .col_3 {
float:left;
padding:0;
margin-left:758px;
top: 20px;
position:absolute;top:100px;
width:222px; height:auto;
}
.oneCol #mainContent .col_3  img{border:0;}
.oneCol #mainContent .col_3  ul {padding:0;margin:0;}
.oneCol #mainContent .col_3  a {display: block; width: 222px; height:75px; margin-bottom:7px; }
.oneCol #mainContent .col_3 a:hover { 	background: #CCC;	filter:alpha(opacity=60); /* IE */    -moz-opacity:0.6; /* Mozilla */    opacity: 0.6; /* CSS3 */	}
.oneCol #mainContent .col_3 li {display: block; width: 222px;	height:75px; margin-bottom:7px;}

/* ********************************************************************* MAIN CONTENT-1  USLUGI BOX ******************************************** */
/*.oneCol #mainContent1 {		background: #090;}*/
.oneCol #mainContent1 { 	display:block;	height:150px;	float: right;	margin-bottom:12px;}
.oneCol #mainContent1 .uslugi_box{	float: right;	display:block;	width:315px; height:150px;}
.oneCol #mainContent1 .uslugi_box a {	float: rightt;	display:block;	width:315px; height:150px;}
.oneCol #mainContent1 .uslugi_box a:hover {
    background: #CCC;
	margin:0 11px 0 0;  
    filter:alpha(opacity=60); /* IE */
    -moz-opacity:0.6; /* Mozilla */
    opacity: 0.6; /* CSS3 */
    position: relative;
    top:0; left: 0;
    width:315px; height:150px; 
}
/* ********************************************************************* -------------- ******************************************** */
/* ********************************************************************* MAIN CONTENT-2  How We Work ******************************************** */
/*.oneCol #mainContent2 {		background: #069;}*/
.oneCol #mainContent2 { display:block; height:150px; float:left;	margin-bottom:10px;}
.oneCol #mainContent2 .uslugi_box3{ 
	float: left;
	background: url(../img/hwwork.png) no-repeat top left;
	margin:0 11px 0 0; 
	display:block;
	width:315px; height:150px;
}
.uslugi_box3 .txt{ float:right; color:#fff; display:block; width:auto; padding:5px; margin-top:40px; margin-right:20px; line-height:35px;}
.uslugi_box3 .txt a{  color:#fff; text-decoration:none }
.uslugi_box3 .txt a:hover{ color:#FF6; text-decoration:underline}
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */






/*---------------------------------------------------------------------ПОДВАЛ САЙТА ------------------------------------------------------------------*/
/* .oneCol #footer {	padding: 0 10px; 	background:#DDDDDD;} /* OTkat */
.oneCol #footer { padding:0; margin-top:10px; height:100px; display:block;} 
.oneCol #footer .logo_mini{ padding:0; border:0; float:right; margin-right:10px; margin-top:30px; margin-bottom:10px; text-align:right; font-size:60%; color:#FFF;} 
.oneCol #footer .yandex_counter{ padding:0; border:0; float:right;margin-top:40px;} 

.oneCol #footer .navbar{
float:left;
width: auto;
padding:0;
margin-left:160px;
top: 25px;
text-transform:lowercase;
font-family:"Ubuntu Light";
text-align: left;
position: relative;
}
.oneCol #footer .navbar ul {
padding:0;
margin:0;
list-style-type:none;
font-size: 96%;
}
.oneCol #footer .navbar a {
width:7em;
height:12px;
text-decoration:none;
color: #cccc99;
padding:0.2em 0.5em 0.4em;
}

.oneCol #footer .navbar a:hover {
color: #cccc99;
background:#060
}
.oneCol #footer .navbar li {display:inline;}
/*---------------------------------------------------------------------ПОДВАЛ САЙТА ------------------------------------------------------------------*/

/* ********************************************************************* -----end------- ******************************************** */


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* ************************************************************ ---------Другие таблицы Стилей-------------------------- ******************************************** */
/* Кнопка Наверх *******/
.oneCol .scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
   /* right:960px;*/
	left:20px;
    display:none;
    text-indent:-9999px;
    background:  url(../img/icons/icon_top.png) no-repeat;
}