@charset "utf-8";
/* CSS Document */
/*developed by ProSmart.RS*/

/*Naj css fajl za pisanje stilova*/
/*Ovde pisati dodatne stilove*/

.row {
background-color:#4d5662;
}

/*klasa na pocetnoj strani odvaja operatore od kategorija*/
.pocetna {
/*margin-bottom: 20px;*/
background-color: #F0F0F0;
padding-bottom: 10px;
}

/*centrira sliku unesite vas broj telefona */
.centriraj2 {
margin-left: 50px;
}

.col-sm-1 {
background-color: #F0F0F0;
}

/*stilovi za efekat klika na kategorijama*/
.efekat {
display: block;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
/*box-shadow: 0px 3px 5px #000;*/
-moz-box-shadow: 0px 3px 5px #000;

}
.efekat:hover {
position:relative;
top:3px;
color: #fqq;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}

/*pravilo po kome resetujem efekat na malim ekranima zbog problema sa blokom*/
@media (max-width: 767px) {
.efekat {
background: none;
box-shadow: 0px 0px 0px #000;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}

/*moje pravilo za transformaciju -srpski,engleski, meni navigacije na mobilnoj verziji*/
.mobile-nav a {
    display: block;
    margin: 15px;
    padding: 9px;
    border: 1px solid #a6abc5;
    background-image: url(../img/mobile_link_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    }

/*moje pravilo za transformaciju -srpski,engleski, meni navigacije na mobilnoj verziji*/
.mobile-nav a:hover {
    color: #FFF;
    background-color: rgba(255,255,255,.15);
    text-decoration: none;
    }

/*stilizujem operatore na MOBILNOJ verziji*/
.col-sm-1 {
padding-top: 10px;
padding-bottom: 10px;
}
}

/*stilizuje naslov operateri na pocetnoj strani*/
#operateri {
background-color: #F0F0F0;
text-align: center;
font-size: 16px;
font-weight: bold;
}

/*pravilo za centriranje KATEGORIJA na MOBILNU velicinu ekrana*/
/*ovo je stil za pocetnu stranu*/
.col-sm-3 p {
position: absolute;
top: 10px;
left: 110px;
font-weight: bold;
}

/*pravilo za centriranje KATEGORIJA na DESKTOP velicinu ekrana*/
/*stilovi za NAZIV Mobilna Telefonija*/
.col-sm-7 p {
position: absolute;
top: 30px;
left: 100px;
font-weight: bold;
font-size: 16px;
}

/*pravilo za centriranje KATEGORIJA na MOBILNU velicinu ekrana*/
/*stilovi za NAZIV Mobilna Telefonija*/
@media (max-width: 350px) {
.col-sm-7 p {
position: absolute;
top: 5px;
left: 50px;
font-weight: bold;
font-size: 12px;
}
}

@media (min-width: 768px) {
.col-sm-1 {
width: 12.5%; /*stavio vecu vrednost kako bi se operateri rasirili po ekranu*/
}

.centriraj2 {
margin-left: 18px;
}
}


@media (min-width: 1200px) {
/*centrira na desktop rezoluciji*/
.centriraj2 {
margin-left: 110px;
}

}


/*Pravilo sa centriranje KATEGORIJA na TABLET velicini ekrana*/
@media (min-width: 768px) and (max-width: 982px) {
.col-sm-3 p {
position: absolute;
top: 10px;
left: 75px;
font-weight: bold;
}
}

/*SPECIJALAN MEDIA QUERY ZA KATEGORIJE za MOBILNU verziju*/
/*da se KATEGORIJE vide po jednu u redu*/
@media (max-width: 460px) { 
.col-xs-6 {
width: 100%;
}

.centriraj2 {
margin-left: 2px;
}

.col-sm-7 p {
top: 8px;
}

}

/*SPECIJALAN MEDIA QUERY ZA KATEGORIJE za MOBILNU verziju, odavde pocinju DVE KOLONE za KATEGORIJE*/
/*za KATEGORIJE da od ove velicine budu dve slike u jednom redu kako bi lepse izgledalo*/
@media (min-width: 461px) and (max-width: 505px) {


/*stilizujem tekst na ketegorija na mobilnoj telefoniji/category.php strani*/
/*mora da stoji important*/
.mobilna-telefonija .col-sm-3 p {
position: absolute !important;
top: 10px !important;
left: 110px !important;
font-weight: bold;
}

}

/*SPECIJALAN MEDIA QUERY ZA KATEGORIJE za MOBILNU verziju - category.php strana*/
@media (min-width: 506px) and (max-width: 766px) { 
.mobilna-telefonija .col-sm-3 p {
position: absolute !important;
top: 13px !important;
left: 140px !important;
font-weight: bold;
}

}



/*Pravilo sa centriranje KATEGORIJA na DESKTOP velicini ekrana*/
@media (min-width: 990px) {
.col-sm-3 p {
position: absolute;
top: 30px;
left: 110px;
font-weight: bold;
}
}

#footer {
color: #FFF;
text-align: center;
margin-top: 15px;
}


/*MOBILNA TELEFONIJA STRANA STILOVI*/

/*na strani mobilna telefonija odvajam meni od kategorija*/
.mobilna-telefonija .top {
padding-top: 20px;


}
/*na strani mobilna telefonija odvajam meni od kategorija*/
.mobilna-telefonija .up {
padding-bottom: 20px;

}

/*stilovi za DESKTOP verziju - kategorije*/
@media (min-width: 990px) {
.mobilna-telefonija .col-sm-3 p {
position: absolute;
top: 20px;
left: 125px;
font-weight: bold;
font-size: 16px;
}
}

/*stilovi za TABLET verziju - kategorije*/
@media (max-width: 770px) {
.mobilna-telefonija .col-sm-3 p {
position: absolute;
top: 40px;
left: 140px;
font-weight: bold;
font-size: 16px;
}
}

/*stilovi za MOBILNU verziju - kategorije*/
@media (max-width: 250px) {
.mobilna-telefonija .col-sm-3 p {
position: absolute;
top: 20px;
left: 100px;
font-weight: bold;
font-size: 16px;
}
}


/*MTS DOPUNA STRANA STILOVI*/

/*na strani MTS dopuna odvajam meni od kategorija*/
.mts-dopuna .top {
padding-top: 20px;

}
/*na strani MTS dopuna odvajam meni od kategorija*/
.mts-dopuna .up {
padding-bottom: 20px;
}

/*pravilo za sve strane*/
.mts-dopuna .col-sm-3 p {
position: static;
background-color: #FFF;
height: 200px;
margin-top: 20px;

}

/*stilizuje input polje na mts dopuni*/
.mts-dopuna input {
width: 370px;
height: 69px;
margin-bottom: 20px;
background-image:url('../img/iznos2.jpg');
background-repeat:no-repeat;
background-color: blue !important;
font-size: 20px;

}

/*centrira na mts dopuni*/
.mts-dopuna .col-sm-6 {
text-align: center;
}

/*stilizujem na mobilnoj verziji*/
@media (max-width: 500px) {
.mts-dopuna .col-sm-3 p {
width: 150px;
height: 70px;
}

/*stil na mobilnoj verziji input polja*/
.mts-dopuna input {
width: 150px;
height: 50px;
}

/*stil na mobilnoj verziji levo*/
.mts-dopuna .col-sm-6 {
text-align: left;
}
}