@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;
}
.twoCol #container { 	width: 980px;	margin: 0 auto; padding:0;} 

/* ****************************************************************** ШАПКА сайта ***************************************************************************************** */	
.twoCol #header { display:block; height:100px;} 
.twoCol #header .col_11{ width:165px;} 
.twoCol #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;
}
.twoCol #header .col_22 ul {
padding:0;
margin:0;
list-style-type:none;
font-size: 97%;
}
.twoCol #header .col_22 a {
width:7em;
height:12px;
text-decoration:none;
color: #fff;
padding:0.2em 0.3em 0.5em;
}
.twoCol #header .col_22 a:hover {color: #fff;background:#060;}
.twoCol #header .col_22 li {display:inline;}

.twoCol #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; } 
.twoCol #header .col_33 .txt{color:#FFF;  font-size:90% }
.twoCol #header .col_33 .tel{ color:#F90; font-size:155%; font-weight:bold; padding-bottom:2px; display:block}
/* ******************************************************************* Конец ШАПКИ сайта **************************************************************************************** */


/* ----------------- Таблица Стилей Правой колонки  #sidebar-3  для страниц по Ремонту и Услугам Единая для всех внутренних страниц  ---------------    */

.twoCol #sidebar3 {width:222px; position:absolute;margin-left:760px;}

#sidebar3 .razdel_box_razdel_nav  {
	width: 222px; height:75px;
	background:#005ba3  url(../img/icons/razdel_ikon_Box.png) left top no-repeat;
	margin-bottom:10px; 
}
.razdel_box_razdel_nav .razdel_name{
	margin-bottom:10px; font-size:14px; color:#FFF; font-weight:bold; width:auto; padding:25px 0 0 35px; display:block 
}
/* **************************  */
#sidebar3 #razdel_box_uslugi_nav {
	background:#005ba3  url(../img/icons/box_nav_uslugi_pages.png) left top no-repeat;
	display: inline-block;
	margin-bottom:10px; padding-bottom:10px; padding-top:12px;
    width:222px; 
}
#sidebar3 #razdel_box_uslugi_nav .uslugi_links { float:right; width:140px; padding-right:5px; }
#sidebar3 #razdel_box_uslugi_nav .uslugi_links ul {padding:0;margin:0;list-style-type:none;font-size: 90%;}
#sidebar3 #razdel_box_uslugi_nav .uslugi_links a { height:16px; text-decoration:none; color: #fff; margin-bottom:5px;}
#sidebar3 #razdel_box_uslugi_nav .uslugi_links a:hover {color: #900; text-decoration:underline;}
#sidebar3 #razdel_box_uslugi_nav .uslugi_links li {margin-bottom:5px;}
/*  *************************** */
#sidebar3 #razdel_box_remont_nav { 
	background: #F00 url(../img/icons/box_nav_remont_pages.png) top no-repeat;
	display: inline-block;
	margin-bottom:10px; padding-bottom:10px; padding-top:12px;
    width:222px; 
}
#sidebar3 #razdel_box_remont_nav .remont_links { float:right; width:140px; padding-right:5px; }
#sidebar3 #razdel_box_remont_nav .remont_links ul {padding:0;margin:0;list-style-type:none;font-size: 85%;}
#sidebar3 #razdel_box_remont_nav .remont_links a { height:16px; text-decoration:none; color: #fff; margin-bottom:5px;}
#sidebar3 #razdel_box_remont_nav .remont_links a:hover {color: #FC0; text-decoration:underline;}
#sidebar3 #razdel_box_remont_nav .remont_links li {margin-bottom:5px;}
/* ----------------- Таблица Стилей Правой колонки  #sidebar-3  для страниц по Ремонту и Услугам Единая для всех внутренних страниц  ---------------    */

/* ********************************************************************* Таблица стилей для MAIN CONTENT-5 на страницах по УСЛУГАМ ******************************************** */
.twoCol #mainContent5 { 
	margin: 0 100px 0 0;
	display:block;
	width:740px;
	border:0; background:#FFF
}

 /* ---------------------------------- Таблица стилей для TOP баннера на страницах по УСЛУГАМ 740х245 ---------------------- */
#mainContent5 #conteyner{ margin-bottom:5px; height:245px;}
#mainContent5 #conteyner .top_banners_uslugi{ display:block; height:245px;}
 /* ---------------------------------- Конец Таблица стилей для TOP баннера на страницах по УСЛУГАМ---------------------- */

#mainContent5 .txt{ font-family:Ubuntu, "Ubuntu Light"; font-size:90%; color:#666; padding:0 30px 50px 30px;text-align: justify; padding-top:20px;
}
.txt h1, h2, h3{font-family:Ubuntu, "Ubuntu Light"; color:#003399; text-decoration:underline; text-indent: 1.5em; }
.txt h1{ font-size:140%;font-weight:bold;text-decoration:none; color:#F90; margin-bottom:10px; letter-spacing:0.05em; margin-left:10px;}

.txt h2{ font-size:120%;font-weight:bold; background: url(../img/icons/arrow-green.png) no-repeat left;}
.txt h2 a{ color:#003399; }
.txt h2 a:hover{ color:#090;}
.txt h3{ font-size:100%;}
.txt h3 a{ color:#003399;}
.txt h3 a:hover{ color:#090;}
.txt p{ text-indent:30px; padding-bottom:5px;}
.txt blockquote {
  font: 14px/22px Ubuntu, "Ubuntu Light";
  margin-top: 10px;  margin-bottom: 10px;  margin-left: 50px;
  padding-left: 15px;
  border-left: 5px solid  #060;
}
/* ********************************************************************* Конец Таблица стилей для MAIN CONTENT-5 на страницах по УСЛУГАМ ******************************************** */

 
/*---------------------------------------------------------------------ПОДВАЛ САЙТА ------------------------------------------------------------------*/
.twoCol #footer { padding:0; margin-top:10px; height:100px; display:block;} 
.twoCol #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;} 
.twoCol #footer .yandex_counter{ padding:0; border:0; float:right;margin-top:40px;} 

.twoCol #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;
}
.twoCol #footer .navbar ul {
padding:0;
margin:0;
list-style-type:none;
font-size: 96%;
}
.twoCol #footer .navbar a {
width:7em;
height:12px;
text-decoration:none;
color: #cccc99;
padding:0.2em 0.5em 0.4em;
}

.twoCol #footer .navbar a:hover {
color: #cccc99;
background:#060
}
.twoCol #footer .navbar li {display:inline;}
/*---------------------------------------------------------------------ПОДВАЛ САЙТА ------------------------------------------------------------------*/


.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;
}


/* ************************************************************ ---------Другие таблицы Стилей-------------------------- ******************************************** */
/* Кнопка Наверх *******/
.twoCol .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;
}
.txt .download_link { color:#F00; font-weight:bold;font-family: Ubuntu, "Ubuntu Light"; font-size:120%;text-decoration:none}
.txt .download_link a{color:#F00; text-decoration:none}
.txt .download_link a:hover{color: #090;  text-decoration:underline}