@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


body {
	background: #E2E2E2;
	font-family: Tahoma;
    color: #696969;
	margin: 0 auto;
	}

img { border:0px; max-width: 100%;}

a:link {
	color: #1381D4;
	text-decoration: none;
    }

a:visited {
	color: #1381D4;
	text-decoration: none;
    }

a:hover {
	color: #999999;
	text-decoration: none;
    }

a:active {
	color: #999999;
	text-decoration: none;
    }




h1 {
	font-size: 18px;
	color: #6d6d6d;
	font-weight: normal;
	margin: 0;
	padding: 10px 10px 10px 10px;
	}

#cijelasirina {
	width: 1000px;
	margin: auto;
	background-color: #ffffff;
	}

#header {
	background-color: #E2E2E2;
	}

#header1 {
	margin: 0;
	padding: 0;
	border-bottom: 7px solid #E7E3CE; 
	}


#hd_izbornik {
	float: left;
    background: #26285B none repeat scroll 0% 0%;
	width: 100%;
	left: 0px;
	top: 0px;
	box-sizing: border-box;
	list-style: outside none none;
	font-size: 16px;
	font-weight: 900;
	margin-bottom: 10px;
    }



#hd_izbornik a {
	float: left;
    border-right: 1px solid #FFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	transition-duration: .7s;
    }
#hd_izbornik a:link {color: #FFFFFF; text-decoration: none;  display: block;}
#hd_izbornik a:visited {color: #FFFFFF; text-decoration: none;}
#hd_izbornik a:hover {color: #000000; text-decoration: none; background-color: #94afcf; }



.menuVert_lijevo {
	float: left;
    width: 200px;
	font-size: 14px;
	margin-bottom: 20px;
    line-height: 150%;
	}

.menuVert_sredina {
	float: left;
    width: 200px;
	font-size: 14px;
	margin-bottom: 20px;
    line-height: 150%;
	}

.menuVert_lnk {
	width: 100%; /*180px;*/
	height: 100%;
	overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
/*	padding-bottom: 6px; */
	transition-duration: .7s;
	font-weight: bold;
	}


.menuVert_tekst {
	width: 100%; /*200px;*/
	height: 100%;
	overflow: hidden;
	padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
	}




#footer {
	clear: both;
	text-align: left;
	width: 100%;
	margin: 0 auto;
	background-color: #000000;	
	}

#footerw {
	float: left;
    width: 100%;
	background-color: #000000;	
	}

#footerw_txt {
	width: 100%;
	float: left;
	background-color: #000000;	
	padding: 15px 0px 15px 0px;
	text-align: right;
	color: #424241;
	font-size: 10px;
	}

.footerw_lnk {
	float: left;
	font-size: 13px;
	margin: 15px 20px 5px 20px;
	color: #FFFFFF;
	}
.footerw_lnk a:link {text-decoration: none; color: #FFFFFF;  font-weight: 600;}
.footerw_lnk a:visited {text-decoration: none; color: #FFFFFF;  font-weight: 600;}
.footerw_lnk a:hover {text-decoration: underline; color: #FFFFFF;  font-weight: 600;}









.sredina {
	float: left;
	width: 800px;
    }



.naslov {
	float: left;
	height: auto;
	width: 780px;
	font-size: 17px;
	font-weight: 600;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 1px;
    padding-left: 10px;
	overflow: hidden;
	}

.podaci {
	float: left;
	height: auto;
	text-align: left;
	width: 780px;
    font-size: 16px;
    padding-left: 10px;
	line-height: 150%;	
	}

.podaciM {
	float: left;
	height: auto;
	text-align: left;
	width: 780px;
    padding-left: 10px;
	line-height: 130%;	
    font-size: 15px;
	}

.podaciMlight {
	float: left;
	height: auto;
	text-align: left;
	width: 780px;
    padding-left: 10px;
	line-height: 130%;	
    font-size: 14px;
    color: #999999;
	}


.naslovM {
	float: left;
	height: auto;
	width: 780px;
	font-size: 15px;
	font-weight: 600;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 1px;
    padding-left: 10px;
	overflow: hidden;
	}




.stupac_1_5 {
	float: left;
	height: auto;
	font-size: 14px;
	text-align: left;
	width: 149px;
	overflow: hidden;
    padding-left: 10px;
	}

.stupac_1_4 {
	float: left;
	height: auto;
	font-size: 14px;
	text-align: left;
	width: 180px;
	overflow: hidden;
    padding-left: 10px;
	}

.stupac_1_3 {
	float: left;
	height: auto;
	font-size: 14px;
	text-align: left;
	width: 240px;
	overflow: hidden;
    padding-left: 10px;
	}

.stupac_1_2 {
	float: left;
	height: auto;
	font-size: 14px;
	text-align: left;
	width: 350px;
	overflow: hidden;
    padding-left: 10px;
	}


.rblack {
	float: left;
	overflow: hidden;
    width: 100%;
    padding: 1px 1px 1px 1px;
	background-color: #e8e8e8;
    white-space: nowrap;
	}

.rwhite {
	float: left;
	overflow: hidden;
    width: 100%;
    padding: 1px 1px 1px 1px;
	background-color: #ffffff;
    white-space: nowrap;
	}


.stupac_vrijeme {
	float: left;
	overflow: hidden;
    width: 60px;
    }
.stupac_datum {
	float: left;
	overflow: hidden;
    width: 100px;
    }
.stupac_relacija {
	float: left;
	overflow: hidden;
    width: 200px;
    }
.stupac_napomena {
	float: left;
	overflow: hidden;
    width: 300px;
    }
.stupac_prijevoznik {
	float: left;
	overflow: hidden;
    width: 200px;
    white-space: nowrap;
    }


.bannerbox {
    height: 100px;
    }



.bannerSredinaDesktop1 {
    float: left;
    height: 90px;
    width: 728px;
    }
.bannerSredinaMobitel1 {
    float: left;
    height: 100px;
    width: 100%;
    padding-left: 5px;
    }
.bannerSredinaDesktop2 {
    float: left;
    height: 90px;
    width: 728px;
    }
.bannerSredinaMobitel2 {
    float: left;
    height: 100px;
    width: 100%;
    padding-left: 5px;
    }
.bannerSredina3 {
    float: left;
    height: 250px;
    width: 100%;
    padding-left: 5px;
    }




#txtPITANJE_TEKST {
    width: 90%;
    }



/* ***************************** navigacija ******************************/
.navigacija {
	float: left;
	height: auto;
	text-align: left;
	color: #424242;
	line-height: 150%;
	font-size: 15px;	
	padding-top: 15px;
	padding-bottom: 30px;
	margin-left: 0px;
	box-sizing: border-box;
	list-style: outside none none;
	}
	
.navbox {
	float: left;
	height: auto;
	text-align: left;
	font-size: 15px;	
	padding-left: 3px;
	padding-right: 3px;
	}

.navbox1 {
	float: left;
	height: auto;
	text-align: left;
	font-size: 15px;
	color: #424242;	
	border-bottom: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	background-color: #F5F5F4;
	}


.navbox1 a {
	color: #424242;
	display: block;
	background-color: transparent;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	}
.navbox1 a:link {color: #424242; text-decoration: none;}
.navbox1 a:visited {color: #424242; text-decoration: none;}
.navbox1 a:hover {color: #424242; text-decoration: none; background-color: #FFFFFF;}


.navbox2 {
	float: left;
	height: auto;
	text-align: left;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

/********************************** end navigacija **********************************/



@media only screen and (min-width: 1px) and (max-width: 1020px) {
    #cijelasirina {
        width: 100%;
    }

    .sredina {
        width: 100%;
    }



   .naslov {
       width: 100%;
    }
   .naslov a:link {
       width: 100%;
    }
   .naslovM {
       width: 100%;
    }
   .podaci {
       width: 100%;
    }
   .podaciM {
       width: 100%;
    }
    .podaciMlight {
       width: 100%;
    }




   .bannerSredinaDesktop1 {
   		visibility: hidden!important;
		display: none;
    }
   .bannerSredinaMobitel1 {
        visibility: visible!important;
		display: block;
    }
   .bannerSredinaDesktop2 {
   		visibility: hidden!important;
		display: none;
    }
   .bannerSredinaMobitel2 {
		visibility: visible!important;
		display: block;
    }



   .rblack {
        padding: 5px 1px 5px 1px;
	}

    .rwhite {
        padding: 5px 1px 5px 1px;
	}



    .menuVert_lijevo {
   		visibility: hidden!important;
		display: none;
    }

   .menuVert_sredina {
		visibility: visible!important;
		display: block;
    }
    }


@media only screen and (min-width: 1021px) {

   .bannerSredinaDesktop1 {
		visibility: visible!important;
		display: block;
    }
   .bannerSredinaMobitel1 {
   		visibility: hidden!important;
		display: none;
    }
   .bannerSredinaDesktop2 {
        visibility: visible!important;
		display: block;
    }
   .bannerSredinaMobitel2 {
   		visibility: hidden!important;
		display: none;
    }



    .menuVert_lijevo {
		visibility: visible!important;
		display: block;
    }

   .menuVert_sredina {
   		visibility: hidden!important;
		display: none;
    }
    }