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

}

}

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

}

}

@media only screen and (max-width:767px) {

.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:100%;

}

.dugmez a

{

text-align:center;

margin-top:10px;

}

}

@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:100%;

}

.dugmez a

{

text-align:center;

margin-top:10px;

}

}



@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:100%;

}

.dugmez a

{

text-align:center;

margin-top:10px;

}

}

.cont

{

list-style:none;



}

.cont  li

{

line-height:20px;



}