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;
	}

table { 
		width:100%; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}

@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;
}
table { 
		width: 100%;
		text-align:left;
	}

		/* Force table to not be like tables anymore */
		table,  tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}


		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			
		}

}