﻿/* CSS Document */

* {
  margin: 0px;
  padding: 0px;
}
html {height: 100%; width:100%;}
* html body {height: 100%; width:100%;}

body {
	 width:100%;
min-height: 100%;
position: absolute;
margin:0px;
padding:0px;
background: #FFFFFF;
font-family: "Tahoma", "Calibri", "Verdana", "Geneva", sans-serif;
color: #666666;
}
 /* Корневой див  */ 
.body
{

width:100%;
height:100%;
border:0px solid #093;
margin: 0px;
padding: 0px;
text-align: center;
}

 /* Стили основных блоков */ 
  /* Ниадер */ 
.header
{
width:100%;
height:80px;
border:0px solid #093;
margin: 0px;
padding: 0px;
color: #8A8A8A;
text-align: left;
background:url(img/header.png) repeat-x;
}


#menu
{
width: 100%;
height:20px;
border:0px solid #093;
margin: 0px;
padding: 0px;
text-align: center;
background:url(img/menu.png);
}
#menu ul{

		height:20px;
	padding:0px;
	margin:0px; 
	list-style:none;}
#menu ul li{
	height:20px;
	float:left;
		padding:0px; margin:0;
	}
#menu ul li a

{
	 padding:0px 5px;
	 padding-bottom: 1px;
     font: bold 15px Verdana;
     color: #FFFFFF;
     text-decoration: none;
	}
#menu ul li a:hover

{padding:0px 5px;
padding-bottom: 1px;
	 color: #FFFFFF;
     text-decoration: none;
	 background:#00b2eb;
	}


 /* Блок между хеадером и футером, центральный */ 
.main
{
width:100%;
border:0px solid #093;
font: normal 14px;
margin: 0px;
padding: 0px;
padding-top:15px;
text-align: center;
background:url(img/menu_ten.png) repeat-x;

}
 /* Блок вывода основного текста */ 
.center
{
width:57%;
border:0px solid #093;
font: normal 14px;
margin: 0px;
padding: 5px;
padding-top:0px;
text-align: center;
float: left;

}
 /* Блок статьи, записи */ 
.post
{
font: normal 14px;
margin: 0px;
padding: 3px;
text-align: center;
background:#f8f8f8;
border:1px solid #ebebeb;
}

 /* Блок вывода раздела(текст и категории) */ 
.spisok
{
border:0px solid #093;
font: normal 14px;
margin: 0px;
padding: 5px;
text-align: center;
background:#FFFFFF;
border:0px solid #549FC9;
}

 /* правый(средний) блок */ 
.left
{
width:27%;
border:0px solid #093;
font: normal 14px;
margin: 0px;
padding: 0px;
text-align: center;
float: left;


}
 /* Блок навигации в среднем */ 
.nav_l
{
	width:96%;
border:0px solid #549FC9;
font: normal 14px;
margin: 0px;
padding: 0px;
margin-bottom:5px;
background:#f8f8f8;
border-right:1px solid #ebebeb;
border-bottom:2px solid #ebebeb;
text-align:left;
}


.nav_l_link a
{     text-indent : 10px;
     font: bold 13px Verdana;
     color: #32A12C;
     text-decoration: none;
}

.nav_l_link a:hover
{
	 margin-left:1;
	 color: #CCCCCC;
     text-decoration: none;
}



 /* Крайний правый */ 
.right
{
width:13%;
border:0px solid #549FC9;
margin: 0px;
padding: 0px;
text-align: right;
float: left;
}

 /* Блок навигации в крайнем правом */ 
.nav_r
{
width:96%;
border:0px solid #549FC9;
font: normal 11px Tahoma;
margin: 0px;
padding: 0px;
margin-bottom:5px;
text-align: center;
background:#f8f8f8;
border-right:1px solid #ebebeb;
border-left:1px solid #ebebeb;
border-bottom:2px solid #ebebeb;
}
 /* Сссылки в правом меню */ 
div.nav_r a
{
     font:bold 12px Tahoma;
}

 /* Футер */ 
 
 
 .footer
{
width:100%;
height:32px;
border:0px solid #093;
margin: 0px;
padding: 0px;
color: #FFFFFF;
background:url(img/footer.png) repeat-x;
text-align: center;
 position: relative bottom;
bottom: 0px;
clear:both;
} 

.copy
{
	float:left;
	text-align:left;
	padding-left:5px;

}

.foot
{
	float: right;

}


 /* Основные элементы текста */ 
 h1 { 
font-size: 18px; 
color: #32A12C; 
font-weight : bold;
padding:3px;
}

h2 { 
font-size: 17px; 
color: #0285BB; 
font-weight : bold;
padding:3px;
}

h3 { 
font-size: 16px; 
color: #549FC9; 
font-weight : bold;
padding:3px;
}
 
h3.menu_h3_l { 
font-size: 14px; 
color: #FFFFFF; 
font-weight : bold;
padding:0px;
margin:0px;
background:url(/img/menu.png) repeat-x;
border-right:2px solid #9b9b9b;
border-bottom:2px solid #9b9b9b;
}

h3.menu_h3_r { 
font-size: 14px; 
color: #FFFFFF; 
font-weight : bold;
padding:0px;
margin:0px;
background:url(/img/menu.png) repeat-x;
border-left:1px solid #9b9b9b;
border-right:1px solid #9b9b9b;
border-bottom:2px solid #9b9b9b;
}

p { font-family: Verdana; 
font-size: 15px; color: #666666; text-align : 
justify; margin: 5px; 
font-weight : normal;   text-indent : 10px; 
}
strong
{ 
font-family: Verdana; font-size: 15px; color: #4e4e4e;
font-weight : bolder; 
}
a
{
     font: 600 14px Verdana;
     color: #8DC919;
     text-decoration: none;
}

a:hover
{
	 color: #549FC9;
     text-decoration: none;
}
a img { border:none; }
td { padding:3px; }
ul li {text-align:left; margin-left:25px; }
p.uslugi_sp
	 {
	 padding:3px;
	 text-indent:2px; 
	 border:1px solid #9b9b9b; 
	 text-align:left;
	 }
	 
	    /* spisok */  
     .spisok
     {
	 text-align:left; 
	 background:#ebebeb; 
	 border:1px solid #9b9b9b; 
	 padding:5px; 
	 margin:5px;
     }
	 
.spisok_cat
     {
	 text-align:left; 
	 background:#ebebeb; 
	 border:1px solid #9b9b9b; 
	 padding:5; 
	 margin:5;
     }
	 
  /* Ссылки в каталоге */ 	 
.spisok_cat a
     {   
     color: #32A12C;
     text-decoration: none;
     }

.spisok_cat a:hover
     {
	 color: #0285BB;
     text-decoration: none;
     } 
	 
/* Стиль для вывода отдельной статьи в общем списке статей (все и по категориям) */  

.statya_spisok 
     {
     margin:0px;
     padding:0px;
	 margin-bottom:10px;
	 border:1px solid #D8D8D8;
     background:#F4F4F4;
     text-align:left;
     width:92%;
     }
 h1.statya_sp
     {
	 color:#FFFFFF;
     margin:-11px;
	 margin-bottom:0px;
     padding:0px;
	 padding-bottom:5px;
     border: 0px solid black;
     background-color: #bdbdbd;
     text-align:center;
     }
	 
/* Стиль для вывода заголовка статьи */

h3.statya_sp_h3
     {	
	 background-color:#E8E8E8;
	 margin:0px;
     padding:5px;
     }	 
a.statya_sp
     {
	 font-size: 18px; 
     color:#32A12C; 
	 margin:10px;
     padding:0px;
     }
a.statya_sp:hover
     {     
	 text-decoration: underline;
	 }
	 
 
.submit_search
	      {
		  border: 1px solid #b41147;
		  background-color:#C81852;
		  margin-left: 3px;
		  height: 30px;
		  width: 20%;
		  font-family: Verdana; 
	      font-size: 14px; color: #FFFFFF; text-align : center;  
          font-weight : bolder;  font-style : normal; 
	      }

		  .pole_search {
		  height: 30px;
		  border: 1px solid #b41147;
		  width: 70%;
	      font-size: 14px; color: #8DC919;  
          font-weight : bolder;
	      }
.primer_div
	 {
	border-top:1px solid #9b9b9b;
	margin-top: 10px;
	padding: 5px;
	width: 95%;
	height:auto;
	clear:both;
	 }
	 
.primer_img
	 {
	border: 2px solid  #3EB13A;
	margin-right: 10px;
    margin-bottom: 10px;
	 }
.primer_img:hover
	 {
	border: 2px solid  #F03;
	margin-right: 10px;
    margin-bottom: 10px;
	 }
	 
	 
	 /* Классы оформления для готовых работ*/ 

a.m_catalog{
font-size: 14pt;
text-decoration: none;
font-weight: bold;
color: #660000;
}
a:hover.m_catalog{
text-decoration: underline;
}
.last_map
{
font-size: 14pt;
text-decoration: none;
font-weight: bold;
}

a.p_catalog{
font-size: 10pt;
color: #049F0C;
text-decoration: underline;
}
a:hover.p_catalog{
text-decoration: none;
color: #1D311E;
}
.order_link
{
color: #F30;
font-size: 12pt;
}
.order_link:hover
{
color: #F30;
font-size: 12pt;
}
.about_green
{
font-family: Tahoma;
color: #26B831;
font-size: 12pt;
font-weight: bold;
}
.about_green:hover
{
font-family: Tahoma;
color: #26B831;
font-size: 12pt;
font-weight: bold;
}
.zaochnik_link
{
	color: #F30;
 	text-align:left;
 	font-size:12pt;
}
.zaochnik_link:hover
{
	color: #F30;
 	text-align:left;
 	font-size:12pt;
}

/* Форма заказа */

#form p{font: bold 15px Verdana #ff0000 left;

text-indent : 0px;
}
.pole {width: 350px;
font: 600 14px Tahoma;
border:1px solid #090;
color:#333333;
background:#F1FCFC;
}
TEXTAREA {width: 350px ; height:250px;
font: 600 14px Tahoma;
border:1px solid #090;
color:#333333;
background:#F1FCFC;
}
label
    {
	font: bolder 14px Tahoma;
	color:#99A399;
	}
	
/* Курс по компасу и не только. Вывод всплывающих подсказок */	
		 .kompas_img
	 {
	margin-right: 10px;
	margin-bottom: 3px;
	 }
	  .kompas_span
	 {
	border: 2px  dotted #F03;
	margin: 5px;
	padding: 5px;
	text-align:left;
	
	 }

.kompas_okno { position:relative; z-index:24px; }
.kompas_okno span { display:none;}
.kompas_okno:hover {z-index:25px;}
.kompas_okno:hover span {
display:block;
position:absolute;
width:200px;
-bottom: -20px;
left:310px;
background-color:#CCCCCC;
border:1px solid #666666;
padding:2px;
font-size:12px;
color:#333333;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* Классы оформления блока(бегущая строка) вывод примеров*/ 


.primer_blok_div
	 {
		text-align: center;
	border: 1px  dotted #FFFFFF;
	margin-top: 10px;
	padding: 0px;

	
	 }
.primer_blok_img
	 {
	
	border: 1px solid  #8DC919;
	
	 }
	 .primer_blok_img:hover
	 {
	border: 1px solid  #C81852;
	
	 }

p.avtor  { 
font-family: Verdana; font-size: 13px; color: #DA0085; 
font-weight : bolder; 
text-align: left;
}

.right_url
          { 
          font-size: 11px; 
          }


#ico1
{
text-indent:20px; 
text-align:left; 
background-image: url('/img/ico/me.png'); 
background-position: left top; 
background-repeat: no-repeat;"
}

/* Постраничная навигация  */ 

.pagenavi {
	 clear: both;
	 margin:0px;
     padding:10px;
	 padding-left:0px;
	 padding-right:0px;
	 border:1px solid #D8D8D8;
     background:#F4F4F4;
     text-align:center;
     width:92%;
}

.pagenavi a ,.pagenavi span {
	text-decoration: none;
	border: 1px solid #D8D8D8;
	padding: 3px 5px;
	margin: 2px;
	color: #666666;
}

.pagenavi a:hover, .pagenavi span.current {
	border-color: #C1C1C1;
	background-color: #E8E8E8;
}

.pagenavi span.current {
	font-weight: bold;
}

/* Блок информации  */ 

.info {
	 clear: both;
	 margin:0px;
   padding:10px;
	 padding-left:0px;
	 padding-right:0px;
	 border:1px solid #32A12C;
   background:#F4F4F4;
   text-align:justify;
   color:#32A12C;
   width:100%;
}

/* Постраничная навигация  */ 

.nav {
	 clear: both;
	 margin:0px;
     padding:10px;
	 padding-left:0px;
	 padding-right:0px;
	 border:1px solid #D8D8D8;
     background:#F4F4F4;
     text-align:center;
     width:100%;
}


/* Постраничная навигация 100%  */ 

.pagenav {
	 clear: both;
	 margin:0px;
     padding:15px;

	 border:1px solid #D8D8D8;
     background:#F4F4F4;
     text-align:center;
     width:95%;
}

.pagenav a ,.pagenav span {
	text-decoration: none;
	border: 1px solid #D8D8D8;
	padding: 3px 5px;
	margin: 2px;
	color: #666666;
}

.pagenav a:hover, .pagenav span.current {
	border-color: #C1C1C1;
	background-color: #E8E8E8;
}

.pagenav span.current {
	font-weight: bold;
}

font.font-5-5
{
font: normal 9px/14px;
color:#666666;
}

div.imgcenter
{
text-align:center;
}
div.imgcenter img 
{
border:1 solid #ebebeb;
}

#zakladka a
{
     font: bolder 14px Verdana;
     color: #C81852;
     text-decoration: none;
}

#zakladka a:hover
{
	 color: #179614;
     text-decoration: none;
}
