

/* Start:/bitrix/templates/main/styles.css?146069226812327*/
/*@import "/css/shrift.css" screen; /* Стиль для вывода результата на монитор */*/

 

 /*---------FONTS---------------------*/

 @font-face {

 font-family: 'MyriadProCond';

 src: local('MyriadProCond'),

 local('MyriadProCond'),

 url('/bitrix/templates/main/css/fonts/MyriadPro-Cond.otf') format('opentype');

}



@font-face {

 font-family: 'MyriadProBold';

 src: local('MyriadProBold'),

 local('MyriadProBold'),

 url('/bitrix/templates/main/css/fonts/MyriadPro-Bold.otf') format('opentype');

}



@font-face {

 font-family: 'MyriadProCondBold';

 src: local('MyriadProCondBold'),

 local('MyriadProCondBold'),

 url('/bitrix/templates/main/css/fonts/MyriadPro-BoldCond.otf') format('opentype');

}





@font-face {
 font-family: 'MyriadProCondBoldIt';
 src: local('MyriadProCondBoldIt'),
 local('MyriadProCondBoldIt'),
 url('/bitrix/templates/main/css/fonts/MyriadPro-BoldCondIt.otf') format('opentype');

}



@font-face {
 font-family: 'MyriadProCondIt';
 src: local('MyriadProCondIt'),
 local('MyriadProCondIt'),
 url('/bitrix/templates/main/css/fonts/MyriadPro-CondIt.otf') format('opentype');
}



@font-face {
 font-family: 'MyriadProIt';
 src: local('MyriadProIt'),
 local('MyriadProIt'),
 url('/bitrix/templates/main/css/fonts/MyriadPro-It.otf') format('opentype');
}



@font-face {
 font-family: 'MyriadProRegular';
 src: local('MyriadProRegular'),
 local('MyriadProRegular'),
 url('/bitrix/templates/main/css/fonts/MyriadPro-Regular.otf') format('opentype');
}



@font-face {
 font-family: 'MyriadProSemibold';
 src: local('MyriadProSemibold'),
 local('MyriadProSemibold'),
 url('/bitrix/templates/main/css/fonts/MyriadPro-Semibold.otf') format('opentype');
}



@font-face {
 font-family: 'MyriadProSemiboldIt';
 src: local('MyriadProSemiboldIt'),
 local('MyriadProSemiboldIt'),
 url('/bitrix/templates/main/css/fonts/MyriadPro-SemiboldIt.otf') format('opentype');
}

 

 

/* -----------------------------------*/

/* ---------->>> GLOBAL <<<-----------*/

/* -----------------------------------*/ 

 

 

*{
padding:0;
margin:0;
}





html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th, div {

	margin: 0;

	padding: 0;

}

/* div:after, form:after, ul:after, ol:after, dl:after, dt:after, dd:after, h1:after, h2:after, h3:after, h4:after, p:after, .columns:after {

	content: '';

	display: block;

	clear: both;

} */



html, body {

	font-size: 100.01%;
	position:relative;
	height: 100%;
      
}



body {

color:black;

/*font-family:'MyriadProCond', 'MyriadProBold', 'MyriadProCondBold', 'MyriadProCondBoldIt', 'MyriadProCondIt', 'MyriadProIt', 'MyriadProRegular', 'MyriadProSemibold', 'MyriadProSemiboldIt', arial, sans-serif;*/

line-height:1.4;

background:url(/bitrix/templates/main/i/bg_body.png); 

background-attachment:fixed;

}



#layout {

width:1024px;

height:auto !important;

min-height:100%;

position:relative;

background:url(/bitrix/templates/main/i/bg.png) 50% 0 repeat-y;

margin:0px auto;
_height:100%;

}

.empty_road {height:70px; }



q {

quotes: "\00ab" "\00bb" "\201e" "\201c";

}

q:after {

content: "\00bb";

}

q:before {

content: "\00ab";

}

q > q:after {

content: "\201c";

}

q > q:before {

content: "\201e";

}





#in {

margin-right: 8px;

}



.ahtung{

font-size:1.5em;

margin:10px 0 10px 0;

text-align:center;

color:Red!important

}



input, textarea, select {

	font-size: 100%;

}

input[type=checkbox], input[type=radio] {

	vertical-align: bottom;

}





img {border: none;}



.clear{

clear:both;

font-size:0;

overflow:hidden;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



p {margin:0em;}









a { color: #1a1d86; text-decoration:none; }

a:visited {color: #9a0000;}

a:hover{text-decoration:none}



.pseudo_link {

	border-bottom: 1px dashed;

	cursor: pointer;

	position: relative;

	text-decoration: none;

}



h1, h2, h3, h4, h5, h6 {

	font-weight: normal;color:#555555;margin-left:-2px

}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } 

h2 { font-size: 2em; margin-bottom: 0.75em; } 

h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.3em; } 

h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } 

h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } 

h6 { font-size: 1em; font-weight: bold; } 

.address {
	clear:both;
	position:relative;
	top:-39px;
}

.contacts {
	width:300px;
	float:right;
}

.menutop {
       border-top:3px solid #FFFFFF;
       clear:both;
       height:32px;
       margin-top:3px;
       padding-left:365px;
       width:650px;
	/*background-color:#9a0000;*/
       left:0px;
	clear:both;	
}

.menutop a {
	display:block;
	float:left;
	text-align:center;
	padding:0px 9px;
	padding-bottom:6px;
	margin:5px 10px;
	color:#fff;
	font-weight:600;
}

.menutop a:hover {
	display:block;
	padding:0px 9px;
	padding-bottom:6px;
    color:#1a1d86;
    background-color:#fff;
/*
    color:#FFF;
    background-color:#9A0000;
*/}

.menutop a.selected {
	display:block;
	padding:0px 9px;
	padding-bottom:6px;
	color:#1a1d86;
	background-color:#fff;
}

#page_body{

	margin: 0 auto;

	width: 994px; 

	border-left:0px solid #000;

	border-right:0px solid #000;

	position: relative;

	z-index: 1;

}


#header{
	position:relative;
       height: 300px;
	background:url(/bitrix/templates/main/i/headerbg.png); 
       margin-bottom:5px;
}

.moto{

    background:none;

	 position:relative;

    height: 422px;border:2px solid red;



}

#container_top{
   margin-left: 0px;
   border:0px solid red;
   overflow: hidden;
   zoom: 1;
   height:300px;
}





#right_bar {

    background: url(/bitrix/templates/main/i/bg_top_plashka.png) 0% 0% repeat-x;

	color:#FFD200 !important;

    border:0px solid red;

    float: left;

    font: normal 12px;

    height: 27px;

	padding-bottom:25px;

	padding-top:5px;

    text-decoration: none;

	width:100%;

	font-family:'MyriadProRegular' !important;

}





#pod {
    border:0px solid red;
    float: left;
    font-size:30px;
    height: 27px;
    _overflow:hidden;
    _height: 40px;
    text-decoration: none;
    width:330px;
    text-align:center;
}



#therm {

    border:0px solid red;
    float: left;

    font-size:40px;

    height: 27px;

	text-decoration: none;

	text-align:center;

	width:332px;

	font-family:'MyriadProSemibold' !important;

}



#infot{
    border:0px solid red;
    float: left;
    font-size:30px;
    height: 27px;
    _overflow:hidden;
    _height: 40px;
    text-decoration: none;
    text-align:center;
    width:332px;
}





#nedv {
    border:0px solid red;
    float: right;
    font-size:30px;
    height: 27px;
    _overflow:hidden;
    _height: 40px;
    text-decoration: none;
    text-align:center;
    width:331px;
}



#bottom_bar {
    background: url(/bitrix/templates/main/i/bg_bottom_plashka.gif) 0% 0% repeat-x;
    color:#FFD200 !important;
    border:0px solid red;
    font: normal 12px;
    height: 25px;
    padding-bottom:15px;
    _padding-bottom:0px; 
    text-decoration: none;
    width:100%;
    font-family:'MyriadProRegular' !important;

}



#left_bar {border:0px solid red;
    line-height: 20px;
    padding: 4px 0 5px 0px;
}



/*.top_but{

}*/



#sub_nav{width:130px; height:27px;float:right;display:inline;margin-right:25px; background: url('/i/bg_sub.png') no-repeat;}

#sub_nav ul{

	

}

#sub_nav ul li{

float:left; display:inline;

list-style-image:none !important;

list-style-position:outside !important;

list-style-type:none !important;

margin:5px 0 0 24px !important;

padding:0 !important;

	}



#sub_nav ul li a{

background:transparent url(/i/sprite.png) no-repeat scroll 0 0;

color:#EF5F07;

display:block;

float:left;

font-family:Arial;

font-size:11px;

height:15px;

line-height:14px;

text-indent:-9999px;

width:10px;

}

#sub_nav ul li a.email {

background-position:-2px -12px;

}

#sub_nav ul li a.map {

background-position:-2px -24px;

}

#tel{

	margin-top:10px;position:absolute;right:25px;width:220px;height:33px;background:transparent url(/i/tel.png) no-repeat;

}

#logo{

	margin-left:17px

}

/* -----------------------------------*/

/* ---------->>> MENU LEFT <<<-----------*/

/* -----------------------------------*/

#menu_container{

position:absolute;top:105px;width: 200px;	/*border:1px solid Red*/

}

div.w185

{

	width: 185px;



}	



div.menu-c

{

height:8px;

margin: 0 8px 0 0;

position: relative;

background: url(/i/bg_menu.png);

}



div.menu-c em 

{position:absolute;}





.ctr, .cbr 

{



z-index:11;

width:8px;

height:8px;

overflow:hidden;

position:absolute; 

		   

		   

}



.ctr {background: url(/i/cm.png) -8px 0px no-repeat;top:0; right:-8px;_right:-9px;}

.cbr {background: url(/i/cm.png) -8px -8px no-repeat;bottom:0; right:-8px; _right:-9px;}

		

div.menu-inner

{

background: url(/i/bg_menu.png);font-size:0.875em

}

.box{

	padding:0 0 1px

}

.box ul{

font-size:0.875em

	

}

.box ul li{

	list-style-type: none;



}

.box ul li a{

   color: #000; 

   display: block;

   list-style-type: none;

   padding:3px 0 5px 20px

}

.box ul li a:hover{

   background:#4c4d4f  url(/i/arrow.gif) 8px center no-repeat; border-right:3px solid #ffea00;color:#ffea00;

   text-decoration: none;

}

/* ----------------------------------------------*/

/* ---------->>> NAVIGATION PANEL <<<------------*/

/* ----------------------------------------------*/

#nav_panel{

    background:url(/i/bg_nav_panel.gif) repeat-x;border:0px solid red; overflow: hidden; height:122px;

    

}

#nav_container{

    margin:0 auto;width:920px

}

#nav_container ul{

    font-size:0.875em

}

#nav_container ul li{

    list-style-type: none; float:left;overflow:hidden;width:184px;height: 122px;cursor:pointer;position:relative;text-align: center;

}

#nav_container ul li a{display:block;padding-top:100px;color:Yellow;height: 122px;}

#bg_quattro{

	background:url(/i/quattro.gif) 0% 0% no-repeat;

	width:184px;

	height: 122px;	

}

#bg_snow{

	background:url(/i/snow.gif) 0% 0% no-repeat;

	width:184px;

	height: 122px;	

}

#bg_hydro{

	background:url(/i/hydro.gif) 0% 0% no-repeat;

	width:184px;

	height: 122px;	

}

#bg_boats{

	background:url(/i/boats.gif) 0% 0% no-repeat;

	width:184px;

	height: 122px;	

}

#bg_rodster{

	background:url(/i/rodster.gif) 0% 0% no-repeat;

	width:184px;

	height: 122px;	

}

#bg_quattro a:hover{background:url(/i/quattro_act.gif) 0% 0% no-repeat;color:#000}

#bg_snow a:hover{background:url(/i/snow_act.gif) 0% 0% no-repeat;color:#000}

#bg_hydro a:hover{background:url(/i/hydro_act.gif) 0% 0% no-repeat;color:#000}

#bg_boats a:hover{background:url(/i/boats_act.gif) 0% 0% no-repeat;color:#000}

#bg_rodster a:hover{background:url(/i/rodster_act.gif) 0% 0% no-repeat;color:#000}

/* ----------------------------------------------*/

/* -------------------->>> INDEX  <<<------------*/

/* ----------------------------------------------*/

#content{

  border:0px solid red;

}



#wrap{

/*background: url(/bitrix/templates/main/i/bg_index_r.jpg) -17px 628px no-repeat;

_background: url(/bitrix/templates/main/i/bg_index_r.jpg) -17px 500px no-repeat;*/

overflow:hidden;width:994px;

} 

#left_coll{

 float:left;width:34.50%;border:0px solid red;

}

#center_coll{

width:100%;

height:728px;
_height:650px;

}

.banner_block{padding-top:3px;padding-bottom:10px}

.inBlock{padding-right:30px;padding-left:30px; }

.inBlock h2{font-size:1.25em;font-weight: normal;margin-bottom:10px;margin-top:15px;}

.news h3{padding-bottom:5px;font-size:0.875em;

font-weight:700}

.news p{padding:0 0 25px;font-size:0.75em}

/* ----------------------------------------------*/

/* -------------------->>>FOOTER  <<<------------*/

/* ----------------------------------------------*/

#footer{
  position:relative; 
  margin-top:-41px;
  height:40px; 
  width:994px;
  margin-left:auto;
  margin-right:auto;
  background-color:#1A1D86;
}

#line_bot{background-color:#4c4d4f}

#bottom_nav_cont{ margin:0 auto;width:920px;overflow:hidden;}

#bottom_nav_cont ul {font-size:0.875em;}

#bottom_nav_cont ul li{list-style-type: none; float:left;width:184px;height: 22px;text-align: center;}

#bottom_nav_cont ul li a{display:block;padding-top:1px;color:Yellow;height: 22px;}

#bottom_nav_cont ul li a:hover{display:block;padding-top:1px;color:black;background-color:Yellow}


#podval_container{
 line-height:10px;
 _height:140px;
 font-size:1em;
 padding-top:1em; 
 background-color:#1A1D86;
text-align:center;
}

#contact{width:100%;float:left;text-align:center;}

#contact p{
margin-left:30px;
margin-right:10px;
color:#FFFFFF;
font-weight:bold;
font-family:verdana;
font-size:12px;}

#adress{width:50.11%;float:left}
/* End */


/* Start:/bitrix/templates/main/template_styles.css?1460692268185*/
.tvs {
  float:right;
  width:240px;
  padding-top:10px;
  margin-right:15px;
}

.today {
 clear:left;
 color:#1A1D86;
 position:relative;
 top:-70px;
 width:300px;
 font-weight:bold;
}
/* End */
/* /bitrix/templates/main/styles.css?146069226812327 */
/* /bitrix/templates/main/template_styles.css?1460692268185 */
