﻿/********************Структура документа*******************/
html 
{
	overflow-y: scroll; 
	overflow-x:auto;
}
/*----------------------Основне вікно---------------------*/
#wrapper
{
    text-align:left;
    width:1024px;  
    background: #fff url(/img/fon.jpg) repeat-y top right;
    border-right: solid 1px #ccc; 
    border-left: solid 1px #ccc; 
    margin:0 auto;
    padding: 0; 
    margin-bottom:-16px;
}
a img
{  
    border:none;     
}
a 
{
     text-decoration:none;
     outline:none; 
}
a:hover
{
    text-decoration:underline;
}
p
{ 
    padding:0;
    margin:0; 
}
/*----------------------Верхня панель---------------------*/
#branding
{   
    padding: 16px 25px; 
    border-bottom: solid 1px #ccc;
    background-color:#eee;   
}
#branding a 
{ 
   display:block;    
   width:175px; 
   height:22px;   
   overflow:hidden;
}
#branding a img, .bottom-logo img
{
  width:175px;
  height:52px;    
}
#branding a img
{
  margin:-30px 0 0 0 ; 
}
/*------------------Інформаційна частина------------------*/
#content
{   
    position:relative;      
    padding:10px 0;
    float:left;        
    margin:0;    
} 
/*----------------------Навігаційне меню------------------*/
#navigation
{
    font-size:13px;
    margin:10px 20px 20px 10px ;
    border-bottom: solid 1px #fff;
}
#navigation div
{
    float:left; 
}
#navigation  a, #navigation  span, #navigation  h1
{
   margin: 0 10px;   
}
#navigation  a
{
    color:#000;
    font-weight:bold;
    text-decoration:none;
    border: solid 1px #fff;
    padding:2px;
}
#navigation  a:hover
{   
    text-decoration:underline;   
}
/*---------------Навігаційне підменю----------------------*/
 .subMenuShow
 {
   position:relative;  
 } 
 .subMenuShow a
 {
     background-color:#eee;
     border: solid 1px #aaa !important;
 } 
 .subMenuShow .subMenu
 {
    position:absolute; 
    top:18px;
    left:10px;
    font-size:13px;
    background-color:#fff;    
    border: solid 1px #aaa;
 } 
  .subMenuShow .subMenu ul,   .subMenuShow .subMenu li 
 {
    list-style:none; 
    margin:0;   
    padding:0;
 }
 .subMenuShow .subMenu a
 {
    display:block;
    outline:none;
    border:none !important;
    background-color:#fff;
    margin:3px !important;
    padding:2px 10px;
    text-decoration:none; 
    font-weight:normal !important; 
 }
 .subMenuHide .subMenu
 {
    display:none;   
 } 

/*----------------------Стилі іконок----------------------*/
 .address, .tel,  .mob, .site, .mail, .search
 { 
     width:14px; height:14px;          
     float:left;
     overflow:hidden;
     background-image:url(/img/info-icon.png);
     background-repeat:no-repeat;
     margin-right:5px;
 }
 .address
 {
      background-position: 0 0;
 }
 .tel
 {        
    background-position: 0 -15px; 
 }
 .mob
 {   
   background-position: -15px -15px;
 }
 .site
 {
    background-position: -30px 0; 
 }
 .mail
 {     
     background-position: -15px 0;    
 } 
 .search
 {
     background-position: -30px -15px; 
 } 
/*-----------------------Нижня панель---------------------*/
#bottom-bar
{    
    clear:both;
    position:relative;
    border-top: solid 1px #ccc;
    padding: 16px 25px;  
    height:16px;    
    background-color:#eee;    
}
#bottom-bar a
{
    color:#000;
}
.bottom-logo
{
   display:block;    
   width:67px; 
   height:16px;   
   overflow:hidden; float:right;
}
.bottom-logo img
{
  margin:0 0 0 -69px ; 
}
#bottom-bar p
{   
    float:right;
    line-height:14px; 
    margin-right:20px;       
}

/*---------------------Меню категорій---------------------*/
#mainNav
{
    width: 256px;  
    padding:20px 0;
    float:right; 
}
body 
{  
    margin:0;   
    padding:0;     
    background-color: #ddd;
    
    font-family:Verdana,  Arial;/*, Helvetica;, sans-serif;*/
    font-size:13px;
    text-align:center;   
	direction:ltr;		
}

