@font-face {
    font-family: ubuntul;
    src: url('Ubuntu-L.ttf');
}

html{
	min-height:100%;/* make sure it is at least as tall as the viewport */
	position:relative;
	overflow-y:scroll;
}
body{
	height:100%; /* force the BODY element to match the height of the HTML element */
	font-family: ubuntul;
	background-color: #fff;
	/*background-image: url('../kepek/bg.png');
	background-size: 640px 4px;
	background-repeat: repeat-x;*/
	/*background-image: url('../kepek/bg.png');*/
	margin: 0;
	width: 100%;
	
	/*border-top: 2px solid #a4d2f4;*/
	
}
a{	
	text-decoration:none;
}

hr{
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	background-color:#db9;
	color:#db9;
	border: 1px dashed #faddac;
	
	clear: both;
}
h1{
	font-size:16px;
	font-weight:bold;
}

h2{
	font-size:13px;
	font-weight:bold;
}
#logo {
	height: 128px;
	width: 128px;
	display:table-cell;
	/*border: 2px solid #333;*/
	border-radius: 2px;
	vertical-align:middle;
	/*border: 8px solid #333;*/	
}

td a{
	color: #2367a2;
}

#header_title {

	font-size:24px;
	padding-bottom: 16px;
	text-align:left;
	color: #222;
	border-radius: 2px;
}


#header {
	width: 100%;
	margin: 0 auto;
	height: 128px;
	padding-top: 0px;
	padding-bottom: 8px;	
	/*background-color: #ffc353;*/
	clear: both;
	display:table;
	vertical-align:top;

}

#titlebar{
	display:table-cell;
	vertical-align:top;
}

#menu ul {
	display:inline-block;
	list-style-type: none; 
	/*padding: 0px 2px 8px 2px;*/
	text-align:center;
	font-size:12px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 8px;
}
#menu ul li {
	display:inline-block;
	/*-ms-transform: rotate(-60deg); 
	-webkit-transform: rotate(-60deg); 
	transform: rotate(-60deg);*/
	margin: 2px 1px 2px 1px;
	/*width: 120px;*/
		
}

#menu ul li a {
	width: 280px;
	height: 12px;
	line-height:12px;
	display:block;
	vertical-align:middle;
	background-color: #def;
	color: #333;	
	border-radius: 2px;	
	padding: 8px 0px 8px 0px ;
	transition: background-color ease-out 1s;
}

#menu ul:first-child {
	margin-left: -32px;	
}
#menu ul .selected a {
	background-color: #ffc353;
	color:#000;
	transition: background-color ease-out 1s
	/*font-weight:bold;*/
}
#menu ul .selected a:hover {
	background-color: #ffd363;
	color:#000;
	transition: background-color 0.2s;
	/*font-weight:bold;*/
}
#menu a:hover {
    background-color: #a4d2f4;
	/*font-weight:bold;*/
	transition: background-color 0.2s;
}

#container {	
	max-width: 1000px;
	
	margin: 0px auto;
	margin-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	
}

#content{
	padding: 16px;
	width:auto;
	/*width: 832px;*/
	margin: 0px auto;
	border-radius: 2px;
	/*height: 480px;*/
	background-color:#fef2c3;
	overflow: auto;
	/*overflow: auto;*/
	
}
#footer{
	
	max-width:650px;
	line-height: 16px;
	margin: 24px auto;
	vertical-align: middle;
	/*background-color:#ddd2a3;*/
	color: #000;
	/*background-color: #ddd3ba;*/
	text-align: center;
	background-color: #dcb;
	/*border: 1px solid #b29272;*/
	/*border: 1px solid #ccc;*/
	border-radius: 2px;
}

.sorkizart{
	text-align:justify;
}

.kozeprezart{
	text-align:center;
}

.flag{
	width: 40px;
	height: 24px;
	margin: 2px;
	display:inline;
	padding: 2px;
	vertical-align: middle;
	
}
.mainflag{
	width: 40px;
	height: 24px;
	margin: 2px;
	display:inline;
	padding: 0px 8px 0px 0px;
	vertical-align: middle;
		
}

.access{
	text-align: center;
	color: #000;
	background-color: #ffc353;
	text-transform: uppercase;
	font-weight:bold;
	/*font-weight: bold;*/
	line-height: 22px;
	max-width: 70%;
	padding: 8px;
	margin-bottom: 16px;
	display:inline;
	float:left;
	/*box-shadow: 0px 2px 1px #eca;*/
	/*border: 1px solid #eca;*/
	border-radius: 2px;
	transition: background-color ease-out 1s;
}

.access:hover {
	background-color: #ffd363;
	transition: background-color 0.2s;
	/*font-weight:bold;*/
}

.access1{
	text-align: center;
	color: #000;
	background-color: #ffc353;
	text-transform: uppercase;
	font-weight:bold;
	/*font-weight: bold;*/
	line-height: 22px;
	max-width: 50%;
	padding: 8px;
	margin-bottom: 16px;
	display:inline;
	float:right;
	/*box-shadow: 0px 2px 1px #eca;*/
	/*border: 1px solid #eca;*/
	border-radius: 2px;
	transition: background-color ease-out 1s;
}
@media screen and (max-width: 850px) {

	#header_title {

		font-size:16px;
		padding-bottom: 8px;
		
	}
	#content{
		padding:8px;
	}

}
@media screen and (max-width: 650px) {
	#logo{
		height: 48px;
		width: 48px;
	}

}
@media screen and (max-width: 450px) {
	#logo{
		height: 16px;
		width: 16px;
	}

	#container {
		padding-right: 0px;
		padding-left: 0px;	
	}
	#header_title {

		font-size:14px;
		padding-bottom: 4px;
		
	}
	
	/*#menu ul li a {		
		font-size:12px;
		width: 132px;
		height: 28px;
		line-height:28px;
		display:block;
		vertical-align:middle;
		background-color: #def;
		color: #333;	
		border-radius: 2px;	
		padding: 0px ;
	}*/

}
@media screen and (max-width: 360px) {
	#logo {
		display:none;
		
	}
	#container {
		padding-right: 0px;
		padding-left: 0px;	
	}
	#header_title {

		font-size:14px;
		padding-bottom: 4px;
		
	}