* 								{margin:0;padding:0}
html                            {height:100%}
body                            {height:auto !important;height:100%;min-height:100%;position:relative;background:url(../images/fon.png) repeat-x;background-color:#ffffcc;font:normal 80% arial}
h6 a:link,						
h6 a:visited					{ font-size:12px;color:#336600; font-weight:bold}
h6 a:hover						{ font-size:12px;color: #33FF00; font-weight:bold}
#p							    {background-color: #FFFFFF}
#cat							{background-color: #FFFFFF; border-radius:8px}
#list							{ margin-left:20px}

#div_a                         	{background:url(../images/top_back.png) repeat-x;width:100%;min-width:1015px;padding-bottom:50px}
#div_a:after 					{content: ".";display: block; height: 0; visibility: hidden; clear: both}
#div_b							{background:url(../images/bottom_back.png) repeat-x;width:100%;position:absolute;bottom:0;height:35px}

#top							{width:1015px;margin:auto;}
#box_top_left					{background:url(../images/logo.png) no-repeat bottom;width:285px;height:135px;float:left }
#box_top_right					{width:730px;height:135px; float:right}
#search							{width:202px;height:26px;float:right;position:relative;margin:61px 56px 0px 0px}
#query							{width:170px;height:26px;background:url(../images/search_text.png) no-repeat;border:0;float:left;text-align:right}
.search_button					{width:32px;height:26px;background:url(../images/search_button.png) no-repeat;border:0;float:right;margin-left:-8px}
.search_button:hover			{width:32px;height:26px;background:url(../images/search_button_high.png) no-repeat;border:0; float:right; cursor:pointer}
.button_contact					{color: #CCFF33;background:url(../images/button_contact.png) no-repeat; border:0; width:167px; height:27px; cursor:pointer}
.button_reset					{color: #CCFF33;background:url(../images/button_reset.png) no-repeat; border:0; width:82px; height:26px; cursor:pointer}


#nadpis							{width:705px; height:85px;background:url(../images/nadpis.png) no-repeat;margin-top:10px;float:left;position:absolute}

#bottom							{width:1015px;height:43px;margin:auto}
#box_bot_left					{width:285px;height:36px;text-align:center;float:left;color:#CCFF66;padding-top:3px}
#box_bot_right					{width:730px;height:36px;text-align:right;float:right;color:#CCFF66;padding-top:6px}
#box_bot_right	a				{color:#CCFF66}

#content						{width:718px;min-height:400px; float:right; text-align:left}

#page-heading					{text-align:center}

/*-------Levoje vertikalnoje menu--------*/
#leftmenu						{width:285px;float:left}
#leftmenu_middle_back			{background:url(../images/menu_middle_back.png) repeat-y;color:#FFFF00;width:100%;}
#leftmenu_bottom				{background:url(../images/menu_bottom_back.png) no-repeat;width:100%;height:35px}
.leftmenu_middle				{width:90%; margin-left:24px}
.list							{list-style-image:url(../images/ukazatel.png); padding: 3px 0px}
.list1							{list-style-image:url(../images/ukazatel1.png); margin: 5px 5px}

.leftmenu_middle li a:link,
.leftmenu_middle li a:visited	{color:#CCFF66;font-weight:bold;text-decoration:none}
.leftmenu_middle li a:hover		{color:#99CC00}
.leftmenu_middle li b a:link,
.leftmenu_middle li b a:visited	{color:#FF6600}
.leftmenu_middle li b a:hover	{color:#99CC00}

.leftmenu_middle li li a:link,
.leftmenu_middle li li a:visited	{color:#FFFF00; text-decoration:none}
.leftmenu_middle li li a:hover		{color:#99CC00}
.leftmenu_middle li li b a:link,
.leftmenu_middle li li b a:visited	{color:#FF6600}
.leftmenu_middle li li b a:hover	{color:#99CC00}


/*-------Verhneie gorizontalnoie menu--------*/
#topmenu						{width:568px;height:30px;text-align:center;font-weight:bold;margin:105px;overflow:hidden; position: absolute}
#topmenu ul						{display:inline;list-style:none;margin:0;padding:0}
#topmenu li						{background:url(../images/topmenu.png) no-repeat left 0px;text-decoration:none;width:25%;float:left;display:block;height:30px;}
#topmenu li	a:link,		
#topmenu li	a:visited			{background:url(../images/topmenu.png) no-repeat left 0px;text-decoration:none;display:block;text-align:center;height:30px;color:#CCFF66; padding:5px 2px 0px 0px}
#topmenu li b a:link,		
#topmenu li b a:visited			{background:url(../images/topmenu.png) no-repeat left -30px;text-decoration:none;display:block;text-align:center;height:30px;color:#333333; padding:5px 2px 0px 0px}
#topmenu li a:hover				{background:url(../images/topmenu.png) no-repeat left -30px;text-decoration:none;display:block;color:#FFFF00}

@media (max-width:768px){
    #content {
        float: left;
        width: 100%;
        padding: 0;
        font-size: 20px;
    }
    #maska img {
        width: 100%;
    }
    #maska {
        width: 100%;
    }
    .leftnavi,#fon_search,.menu_3,#box_top_left,#leftmenu,#topmenu {
        display: none;
    }
    #div_c {
        background: none !important;
        min-width: 100%;
    }
    #content * {
        font-size: 20px;
    }
    #content h1 {
        background: grey;
    }
    #content h1 * {
        color: #fff;
    }
    #content img {
        float: left;
        width: 100%;
    }
    #content table {
        float: left;
        width: 100%;
    }
    /*#content p, #content > div {*/
    /*    float: left;*/
    /*    padding: 0 10px;*/
    /*}*/
    #div_a {
        min-width: 100%;
    }
    #box_top_right {
        margin-left: 0 !important;;
    }
    #top,#box_top_right,#nadpis {
        width: 100%;
    }
    html {
        overflow-x: hidden;
    }

    table {
        border: 1px solid #ccc;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        table-layout: fixed;
        width: 100%;
        overflow: auto;
        display: block;
    }

    table caption {
        font-size: 1.5em;
        margin: .5em 0 .75em;
    }

    table tr {
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        padding: .35em;
    }

    table th,
    table td {
        padding: .625em;
        text-align: center;
        width: auto !important;
    }

    table th {
        font-size: .85em;
        letter-spacing: .1em;
        text-transform: uppercase;
        width: auto !important;
    }
}