@media screen and (max-width:840px) {
	
	div.tarjouspyynto a:link, div.tarjouspyynto a:hover, div.tarjouspyynto a:visited  { font-size: 2.2em;}
	
	
}

@media screen and (max-width:800px) {
	
	div.navi_top {  visibility: hidden; height: 1px;}
	div.navi-mobile { visibility: visible;}
	div.bannerit-wrap { width: 100%; margin-top: 80px!important; padding: 0; height: auto; display:block; text-align:center!important;}
	
	
}
@media screen and (max-width:720px) {
	div.tarjouspyynto a:link, div.tarjouspyynto a:hover, div.tarjouspyynto a:visited  { font-size: 1.9em;}
	
}

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

	div.wide { width: 98%!important; margin: 0 1%; } 
	div.tarjouspyynto a:link, div.tarjouspyynto a:hover, div.tarjouspyynto a:visited  { font-size: 1.6em;}
	
	div.etu-left { width: 98%!important; margin: 0 1%!important; padding: 5px 2%!important; float:left; line-height: 1.3em; }
	div.etu-right {width: 98%!important; margin: 0 1%!important; padding: 5px 2%!important; float:left; line-height: 1.3em; }

	div.form-left, div.form-right { width: 94%; margin: 2px 1%; padding: 5px 2%;  }
	
	div.form-user-left{ width:94%;}
	div.form-user-right{ width: 94%; }
	img.muuttopaikka-logo {float:none; padding: 10px 0;}
	
	
	/* VAPAAT KUORMATILAT */
	
	div.header_date, div.header_start, div.header_destination { display: none; }
	div.date {width: 100%; }
	div.start { padding: 0 1%; margin: 3px 10px 3px 0; float:left; width: auto;}		
	div.destination { padding: 0 1% 0 20px; margin: 3px 0; float:left; width: auto; background-image: url(images/bg-arrow.png); background-repeat: no-repeat;}		

	.header-rivi-name, .header-rivi-name_pair { width: 90%; }
	
	/*TARJOUSPYYNNÖT */
	
	div.tarj_header_date, div.tarj_header_start, div.tarj_header_destination, div.tarj_header_ajankohta { display:none;}
	
	/*	div.tarj_cargo { width: 100%; margin: 2px 0; padding: 0; display:block; clear:both; }*/

div.tarj_cargo_wrapper { width: 100%; margin: 0 0 10px 0; padding:  0 0 5px 0; float: left; font-size: .9em; border: 1px solid #ccc;}	
div.tarj_date { padding: 4px 1%; margin: 3px 0; width: 100%; border-top: 1px dotted #222; background-color:#ccc; display:none!important;  }	
div.tarj_start 			{ width: 43%; background-color:#ccc; float:left; margin: 0 1% 0 0 ;padding: 5px 3%; }		
div.tarj_destination 	{ width: 44%; background-color:#ccc; float:left; margin: 0; padding: 5px 3%; }						
div.tarj_ajankohta		{ width: 96%;  margin: 3px 0; padding: 4px 2%;}			
div.tarj_info 			{ display: block; padding: 4px 3%; margin: 3px 0 0 0; background-color:#ffffff; width: 94%; 	float:left;  }	
div.tarj_contact 		{ display: block; padding: 4px 3%; margin: 3px 0 0 0; background-color:#ffffff; width: 94%; 	float:left;  }	
		
	
	
}

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

	div.tarjouspyynto {  bottom: -20px;  padding: 10px 3%;  }
	/* -- kuljetus yrityksen hallinta -- vapaa tila --*/
	td, td.title {  font-size: .7em!important; }

}


@media screen and (max-width:340px) {
	
	div.tarjouspyynto a:link, div.tarjouspyynto a:hover, div.tarjouspyynto a:visited  { font-size: 1.4em;}
	div.tarjouspyynto {  bottom: -50px;   }
}

/*
<div class="header">
			<!--<?php print $top_bannerit; ?>-->
			<div class="top"><img src="images/rahtipaikka-top.jpg" alt="Rahtipaikka - kilpailuta rahdit ja kuljetukset" border="0"></div>	
			<div class="logo"><a href="index.php"><img src="images/rahtipaikka-logo.png"></a></div>
			<div class="tarjouspyynto"><a href="rahti_tarjouspyynto.php">Kilpailuta kuljetukset<br> ja rahdit tästä</a></div>
			
       		
		</div>

div.header { width: 100%; padding: 0; margin: 0; position: relative;}
div.top { padding: 0; margin: 0; width: 100%; z-index: 1;}
div.top img { padding: 0; margin: 0; width: 100%!important; }

div.logo { padding: 0; margin: 0; width:45%; position: absolute; top: 30px; left: 5%; }
div.logo img { width:100%; height:auto;}
div.tarjouspyynto { width:auto; position: absolute; bottom: 20px; left: 5%;  margin: 0; padding: 15px 4%; opacity:0.95; background-color: #247fb8;  display: block; border-radius: 8px; text-decoration:none; }
div.tarjouspyynto:hover{  opacity:0.95; background-color: #86714e; -webkit-transition: background-color 1s; transition: background-color 1s;}
div.tarjouspyynto a:link, div.tarjouspyynto a:hover, div.tarjouspyynto a:visited  { font-size: 2.8em; line-height: 1.1em;  color:#fff; text-decoration: none;}