﻿@media screen
{
    body
    {
        background-color: #000000;
        text-align: center;
        margin: 0px;
        padding: 0px;
        color: #fff;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 12px;
    }

    .top
    {
        margin-left: auto;
        margin-right: auto;
        height: 177px;
        width: 938px;
        margin-top: 5px;
    }

    .menuServis
    {
        float: left;
        width: 571px;
        height: 177px;
    }

    .servis
    {
        text-align: left;
    }

    .menu
    {
        float: left;
    }

    .menu ul
    {
        list-style: none;
        padding: 0px;
        margin: 0px;
        margin-top: 13px;
    }

    .menu ul li
    {
        float: left;
        width: 93px;
        height: 79px;
        margin-left: 10px;
        background: transparent url(images/menu_li.jpg) no-repeat top left;
        text-align: center;
    }

    .menu li.selected
    {
        background: transparent url(images/menu_li_hover.jpg) no-repeat top left;
    }


    .menu ul li a
    {
        display: block;
        color: #000;
        font-weight: bold;
        width: 93px;
        height: 79px;
        max-height: 79px;
        padding-top: 23px;
        text-decoration: none;
    }

    .menu :hover
    {
        background: transparent url(images/menu_li_hover.jpg) no-repeat top left;
    }
    .menu :hover > a
    {
        background: transparent url(images/menu_li_hover.jpg) no-repeat top left;
    }
    .logo
    {
        float: right;
        width: 367px;
        height: 177px;
    }

    .bod
    {
        background-color: #000;
        width: 938px;
        height: 449px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .HPsummary
    {
       margin-left:35px;
       margin-top:10px; 
       text-align:left;
       color: #dedfdf;
       
  
    }
    
    .HPsummary ul
    {
        list-style:none;
        margin-top:10px;
    }
    
    .serviceLabel
    {
       color:#639dc7;
       font-size:24px;
       font-weight:bold; 
       margin-top:20px;
       text-align:left;
       margin-left:150px;
       line-height:36px;
    }
    
    .HPsummary ul li
    {
        margin-left: -40px;
        margin-bottom:3px;
        
    }

    .content
    {
        float: left;
        width: 475px;
        height: 449px;
        background: url(images/content.jpg) no-repeat top left;
    }

    .content2
    {
        float: left;
        width: 475px;
        height: 449px;
        padding-top:20px;
        background: url(images/content.jpg) no-repeat top left;
    }

    .content3
    {
        float: left;
        width: 475px;
        height: 449px;
        background: url(images/board2.jpg) no-repeat top left;
    }
    
    .content4
    {
        float: left;
        width: 475px;
        height: 449px;
        background: url(images/board3.jpg) no-repeat top left;
    }
    
    .content5
    {
        float: left;
        width: 475px;
        height: 449px;
        background: url(images/board4.jpg) no-repeat top left;
    }

    .contentText
    {
        text-align: left;
        padding: 10px 25px 10px 25px;
        text-align: justify;
        line-height:18px;
        font-size: 14px;
        
    }

    .board
    {
        float: left;
        width: 463px;
        height: 449px;
        background: url(images/board.jpg) no-repeat top left;
        position: relative;
        font-size: 20px;
        font-weight: bold;
    }

    .boardtextTop
    {
        position: absolute;
        top: 20px;
        right: 20px;
		text-align: right;
		font-size: 17px;
		color: #056699;
    }

    .boardtextBot
    {
        position: absolute;
        top: 410px;
        right: 20px;
		text-align: right;
		font-size: 17px;
		color: #056699;
    }

    img
    {
        border: 0px;
        vertical-align: middle;
    }

    h1
    {
        font-size: 22px;
        margin-bottom: 10px;
		text-align: left;
    }
	
    h2
    {
        font-size: 19px;
        margin-bottom: 10px;
		text-align: left;
    }

    .footer
    {
        height: 44px;
        width: 938px;
        margin-left: auto;
        margin-right: auto;
    }

    .dig
    {
        float: left;
        margin-left: 10px;
        font-size: 20px;
    }

    .copyright
    {
        float: right;
        font-size: 12px;
        margin-right: 10px;
        padding-top: 15px;
    }

    .copyright a, .copyright a:link, .copyright a:visited
    {
        font-size: 14px;
        text-decoration: none;
        cursor: pointer;
        color: #fff;
    }

    .copyright a:hover
    {
        text-decoration: underline;
    }

    .address
    {
        font-size: 20px;
        margin-bottom: 12px;
        margin-top: 15px;
        line-height:20px;
    }

    .contacts
    {
        font-size: 18px;
        margin-bottom: 12px;
        line-height:18px;
    }

    .distance
    {
        font-size: 14px;
        line-height:14px;
    }

    a
    {
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
    }

}


@media print
{
    body
    {
        background-color: #ffffff;
        color: #000;
    }

    .top
    {
        display: none;
    }

    .footer
    {
        display: none;
    }

}


