.traka { background:#f1f1f1; float:left; width:100%; }  
.traka .padd {   padding:0px;   margin:0px; }     
.traka .padd li { float:left; margin-right:3px; list-style:none; }
 
 .traka .padd li a { display:block; padding:7px; background:#333; border-right:1px solid #999; font-size:15px; font-weight:bold; color:#fff; text-decoration:none;background:#EC3225;}
 .traka .padd li a:hover { background:#444; color:#fff; } 

 .traka .padd .dugmez
 {
 float:right;
 }
     
 .traks
{
background: #3e4f6a;

	background: -webkit-linear-gradient(top, #475975, #364761);
	background: -moz-linear-gradient(top, #475975, #364761);
	background: -o-linear-gradient(top, #475975, #364761);
	background: -ms-linear-gradient(top, #475975, #364761);
	background: linear-gradient(top, #475975, #364761);
width:100%;
float:left;
margin-bottom:10px;
}
  
  
    
     .nav {
    list-style: none;
     *zoom: 1;
      background:#f1f1f1;
      padding:0px;
      margin:0px;
      
}

.nav ul {
    list-style: none;
    float:right;
    margin:0px;
}
.nav a {
    padding: 10px 15px;
    color:#fff;
    text-decoration:none;
 background:#005FC9;  
 text-transform:uppercase;
    display: block;
 font-size:15px;   
}
 
.nav li {
 position: relative;
 margin-right:1px;
 padding-right:5px;
 float:right; 
}
.nav li a:hover {
background:#444;
 
}
 
.nav img
{
position:relative;
top:4px;
width:110px;
margin:0 auto;

float:none;
}
.nav .logos
{
margin:0 auto;
float:left;
}
.padd h1
{
padding:3px 0px 0px 10px;font-size:20px;
margin:0px;
 
}
.conteni
{
width:1200px;margin:0 auto;
}
@media only screen and (max-width:1200px) and (min-width:970px) {
.conteni
{
width:970px;

}
.nav a {
font-size:12px;
padding: 10px 8px;
}
.padd select
{
width:280px;
}
}
@media only screen and (max-width:960px) and (min-width:780px) {
.conteni
{
width:780px;

}
.padd h1
{
padding:5px 0px 0px 10px;font-size:16px;
margin:0px;
}

.nav li
{
width:49%;
float:left;
}
.nav .logos
{
width:100%;
text-align:center;
}
.nav a {
font-size:12px;
padding: 10px 8px;
}
.padd select
{
width:180px;
}
}
@media only screen and (max-width:767px) and (min-width:520px) {
.conteni
{
width:520px;
}
.nav li {
width:100%;
float:left;
}
 .nav a {
font-size:12px;
padding: 10px 10px;
}
.nav .logos
{
margin:0 auto;

text-align:center;
}
.dugmez
{
width:99%;
}
.dugmez a
{
text-align:center;
margin-top:10px;
}
.padd select
{
width:100%;
margin-top:10px;
margin-left:-5px;
}
}
@media only screen and (max-width:510px) {
.conteni
{
width:100%;
}
.nav li {
width:100%;
float:left;
}
 .nav a {
font-size:12px;
padding: 10px 10px;
}
.nav .logos
{
margin:0 auto;

text-align:center;
}
.dugmez
{
width:99%;
}
.dugmez a
{
text-align:center;
margin-top:10px;
}
.padd select
{
width:100%;
margin-top:10px;
margin-left:-5px;
}
}

@media only screen and (max-width:380px) {
.conteni
{
width:100%;
}
.nav li {
width:100%;
float:left;
}
 .padd h1
{
padding:3px 0px 0px 10px;font-size:15px;
margin:0px;
 
}
.dugmez
{
font-size:14px;
}
.nav .logos
{
margin:0 auto;

text-align:center;
}
.nav a {
font-size:12px;
padding: 10px 10px;
}
.dugmez
{
width:99%;
}
.dugmez a
{
text-align:center;
margin-top:10px;
}
.padd select
{
width:100%;
margin-top:10px;
margin-left:-5px;
}
}
.cont
{
list-style:none;
 
}
.cont  li
{
line-height:20px;

}