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

@media screen and (max-width:800px) {
	
	div.navi_top {  visibility: hidden; }
	div.navi-mobile { visibility: visible;}
	/*div.bannerit-wrap { width: 100%; margin-top: 80px!important; padding: 0; height: auto; display:block; text-align:center!important;}*/
	
	div.navi {background-color: transparent!important;}
	div.front-left { margin:20px 3% 0 3%; }
	div.search {  margin: 40px 0 0 60%;}
	h1 { font-size: 1.5em;}
	h2 { font-size: 1.2em;}

	
}
@media screen and (max-width:720px) {
	div.toimiala-col {padding: 0 3% 0 0; margin: 0!important; width: 46%!important; float:left;}
	div.tp-right {  margin: 25px 0 0 0; float:left; display: block; padding: 0 3%;  color: #222; }
}

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

	
	div.front-left { width: 94%!important; margin: 20px 1% 10px 1%!important; padding: 5px 2%!important; float:left; line-height: 1.3em; }
	div.front-right {width: 94%!important; margin: 0 1%!important; padding: 5px 2%!important; float:left; line-height: 1.3em; }
	div.search {  width: 94%; margin: 0 1%; display: block; padding: 5px 2%; border-left: none;}
	
}

@media screen and (max-width:640px) { 
	div.toimiala-col {padding: 0 ; width: 98%!important; float:left;}
	
}

@media screen and (max-width:520px) {
div.empresa-left{ width: 94%;  margin:65px 0 0 0;  display:block; padding: 5px 3% ; float:left; }
div.empresa-right{ width: 94%;  margin:65px 0 0 0;  display:block; padding: 5px 3% ; float:left; }

div.company-left {  width: 100%;}
div.name { width: 96%; padding: 5px 2%; }
div.phone { width: 96%;  padding: 5px 2%;}
div.web {  width: 96%;  padding: 5px 2%; }
div.info { width: 96%; padding: 5px 2%}	
	
div.header-top { width: 80%; display:block;  position: absolute; top: 160px; left: 10%;  }
	
div.presupuesto-left { width: 94%;  margin: 5px 0;  padding: 0 3%; }
div.presupuesto-right { width: 94%;  margin: 5px 0;  padding: 0 3%; }
	
	/*div.header-top img { width: 100%; height: auto;}	*/	
	
/*
	iv.name { display: block;  width: 100%; padding: 5px 2%; margin: 5px 0; border-bottom: 1px dotted #a8a8a8;}
div.phone { display: block;  width: 100%;  padding: 5px 2%; margin: 5px 0;border-bottom: 1px dotted #a8a8a8;}
div.web { display: block;  width: 100%;  padding: 5px 2%; margin: 5px 0;border-bottom: 1px dotted #a8a8a8; word-wrap:break-word!important;}
a.blue:link, a.blue:visited { color: #cc5c01; text-decoration: none;  }
a.blue:hover { color: #222; text-decoration: underline;}

div.info { display: block; width: 57%; height: auto;  padding: 0 2%; margin: 0; float:right;position: relative;}
*/	
	
}


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