body
	{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:120px;
	margin: 0 auto ;
	line-height:20px;
	background-color:#186098;
	}

#heder
{
background-position:center;
background-repeat:no-repeat;
height:298px;
width:960px;
margin: 0 auto ;
}

#continut
{	
width:960px;
margin: 0 auto ;
height:auto;
overflow:auto;
background-color:#FFFFFF;
}

#text
{	
width:715px;
float:left;
margin: 0 auto ;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}

#meniu
{	
width:190px;
float:right;
margin: 0 auto ;
padding-left:10px;
}

#final
{	
margin: 0 auto ;
height:34px;
padding:10px 10px 10px 10px;
background-color:#003366;
text-align:right;
font-size:10px;
}

a 
	{
	color:#0033cc;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
a:hover 
	{
	color:#ff0000;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}



@media screen and (max-width: 1024px)
 {
 #continut{float: left; width:100%; height: auto; border-color:#ff0000;}
 #heder{float: left; width:100%; height: auto;}
 #meniu{float: left; width:25%; height: auto;}
 #text{float: left; width:65%; height: auto;}
 
img {
   width: 100%;
    height: auto;
}



}