body { margin: 0; padding: 0; font-family: 'pf_din_text_comp_prolight', Arial, Verdana, Tahoma, sans-serif }

@font-face {
    font-family: 'pf_din_text_comp_prolight';
    src: url('http://xado.ua/catalog/view/theme/exado/fonts/pfdintextcomppro-light-webfont.eot');
    src: url('http://xado.ua/catalog/view/theme/exado/fonts/pfdintextcomppro-light-webfont.eot?#iefix') format('embedded-opentype'),
    src: url('pfdintextcomppro-light-webfont.eot');
    src: url('http://xado.ua/catalog/view/theme/exado/fonts/pfdintextcomppro-light-webfont.woff') format('woff'),
    url('pfdintextcomppro-light-webfont.woff') format('woff'),
    url('http://xado.ua/catalog/view/theme/exado/fonts/pfdintextcomppro-light-webfont.ttf') format('truetype'),
    url('pfdintextcomppro-light-webfont.ttf') format('truetype'),
    url('http://xado.ua/catalog/view/theme/exado/fonts/pfdintextcomppro-light-webfont.svg#pf_din_text_comp_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

p { font:16px/18px 'pf_din_text_comp_prolight', Arial, Verdana, Tahoma, sans-serif; }
b, strong { font-weight: bold; }

span.underblue { color: #666666; text-decoration: none; }
span.underblue a { color: #000099; text-decoration: none; }
span.underblue a:hover { color: #000099; text-decoration: underline; }
span.underblue a:active { color: #000000; text-decoration: underline; }
span.sky { color: #666666; text-decoration: none; }
span.sky a { color: #000099; text-decoration: none; }
span.sky a:hover { color: #0099FF; text-decoration: none; }
span.sky a:active { color: #000000; text-decoration: underline; }
span.menu { color: #000000; text-decoration: none; font-size:18px; }
span.menu a { color: #333333; text-decoration: none; font-size:18px; }
span.menu a:hover { color: #0099FF; text-decoration: underline; font-size:18px; }
span.menu a:active { color: #000000; text-decoration: underline; font-size:18px; }
span.roksi { color: #444444; text-decoration: none; }
span.roksi a { color: #0099ff; text-decoration: none; }
span.roksi a:hover { color: #000000; text-decoration: none; }
span.roksi a:active { color: #000099; text-decoration: none; }

.bg { 
background: url(../images/bg.jpg) no-repeat; 
-moz-background-size: 100%; 
-webkit-background-size: 100%; 
-o-background-size: 100%; 
background-size: 100%; 
background-size: cover !important;
width: 100%;
background-position: 50% 0%;
background-attachment: fixed !important;
}

div.menu1 a { display: block; widht: 240px; height: 40px; background: url('../images/menu1-1.png') no-repeat 50% 100%; }
div.menu1 a:hover { display: block; widht: 240px; height: 40px; background: url('../images/menu1-2.png') no-repeat 50% 100%; }
div.menu1 a:active { display: block; widht: 240px; height: 40px; background: url('../images/menu1-3.png') no-repeat 50% 100%; }

div.menu2 a { display: block; widht: 240px; height: 40px; background: url('../images/menu2-1.png') no-repeat 50% 100%; }
div.menu2 a:hover { display: block; widht: 240px; height: 40px; background: url('../images/menu2-2.png') no-repeat 50% 100%; }
div.menu2 a:active { display: block; widht: 240px; height: 40px; background: url('../images/menu2-3.png') no-repeat 50% 100%; }

div.menu3 a { display: block; widht: 240px; height: 40px; background: url('../images/menu3-1.png') no-repeat 50% 100%; }
div.menu3 a:hover { display: block; widht: 240px; height: 40px; background: url('../images/menu3-2.png') no-repeat 50% 100%; }
div.menu3 a:active { display: block; widht: 240px; height: 40px; background: url('../images/menu3-3.png') no-repeat 50% 100%; }

div.menu4 a { display: block; widht: 240px; height: 40px; background: url('../images/menu4-1.png') no-repeat 50% 100%; }
div.menu4 a:hover { display: block; widht: 240px; height: 40px; background: url('../images/menu4-2.png') no-repeat 50% 100%; }
div.menu4 a:active { display: block; widht: 240px; height: 40px; background: url('../images/menu4-3.png') no-repeat 50% 100%; }

div.menu5 a { display: block; widht: 240px; height: 40px; background: url('../images/menu5-1.png') no-repeat 50% 100%; }
div.menu5 a:hover { display: block; widht: 240px; height: 40px; background: url('../images/menu5-2.png') no-repeat 50% 100%; }
div.menu5 a:active { display: block; widht: 240px; height: 40px; background: url('../images/menu5-3.png') no-repeat 50% 100%; }

div.call a { display: block; widht: 200px; height: 30px; background: url('../images/call1.png') no-repeat 0% 0%; }
div.call a:hover { display: block; widht: 200px; height: 30px; background: url('../images/call2.png') no-repeat 0% 0%; }
div.call a:active { display: block; widht: 200px; height: 30px; background: url('../images/call3.png') no-repeat 0% 0%; }

div.price a { display: block; widht: 200px; height: 30px; background: url('../images/price1.png') no-repeat 0% 0%; }
div.price a:hover { display: block; widht: 200px; height: 30px; background: url('../images/price2.png') no-repeat 0% 0%; }
div.price a:active { display: block; widht: 200px; height: 30px; background: url('../images/price3.png') no-repeat 0% 0%; }

div.catalog a { display: block; widht: 220px; height: 30px; background: url('../images/catalog1.png') no-repeat 0% 0%; }
div.catalog a:hover { display: block; widht: 220px; height: 30px; background: url('../images/catalog2.png') no-repeat 0% 0%; }
div.catalog a:active { display: block; widht: 220px; height: 30px; background: url('../images/catalog3.png') no-repeat 0% 0%; }