@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');

body { background-color: #ffc100; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 1em; color: #222;}
a { outline: 0;}

h1 { font-size: 1.9em; color: #cc5c01/*43484e*/;}

h2 { font-size: 1.4em; color: #cc5c01;}
h3{}
div.bannerit-wrap { width: 96%; margin: 0; padding: 0 2%; height: auto; display:block; text-align:center!important;}
div.bannerit { width: 100%!important; max-width: 980px!important; /*margin: 5px auto!important; padding: 5px 0;*/margin: 0; padding: 0; height: auto; display:block;}
div.bannerit img { padding: 0; margin: 0; width: 100%!important; height: auto; }

div.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0; background-color: #fff;  }
div.container:after  {  clear: both;   content: "";  display: block;}

div.header { width: 100%; height:350px; display:block; padding: 0; margin: 0; position: relative; background-image: url("images/dondestamudanza-top.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat;}
div.header-top { width: 38%; display:block;  position: absolute; top: 30px; left: 5%;  }
div.header-top img { width: 100%; height: auto;}
div.navi { width:100%; margin:5px 0;  display:block; padding: 5px 0; height:50px; background-color: #fff; position: absolute; bottom: -50px; left: 0;}
div.navi_top{ width:100%; margin:0 ;  padding: 0; height:35px!important; }

div.content { width: 90%!important; margin: 60px auto 40px auto; display: block; padding: 0 3%; /*width: 96%!important; margin: 65px auto 0 auto; display: block; padding: 0 2%;*/ background-color: #fff; color: #222; }

/* etusivun haku-------------------------*/
div.front-left { width:44%; margin:65px 3% 0 3%;  display:block; padding: 5px 2.5% 15px 2.5% ; float:left; background-color: #e0e0e0; border-radius: 10px;}
div.front-left select { padding: 8px 2%; margin: 5px 2% 5px 0; width: 46%; border:1px solid #bbb; background-color: #fff; color: #333; font-size: .9em; font-weight: 600; border-radius: 6px; float:left;}
div.front-left select:focus { border:1px solid #247fb8;}
div.front-left input { padding: 8px 2%; margin: 5px 6% 5px 0;  width: 150px; border:1px solid #bbb; background-color: #43484e; color: #fff; font-size: .9em; font-weight: 600; border-radius: 6px; text-align: center; float:right;}
div.front-left input:hover { background-color: #333;}
div.front-left input:focus { border:1px solid #247fb8;}


div.front-right { width:55%; margin:15px 3%;  display:block; padding: 5px 0; float:left;}

div.search {  margin: 60px 0 0 60%; display: block; padding: 0 3%;  color: #222; border-left: 1px dotted #a8a8a8;}
div.search a:link, div.search a:visited  { color: #222; text-decoration: none;  }
div.search a:hover { color: #cc5c01;}
div.clear { clear:both; display:block; width: 94%; text-align:center; margin: 15px 3%;  padding: 10px 0; border-top: 1px dotted #a8a8a8;}
div.footer { clear:both; display:block; float: left; font-weight: 700; width: 94%; text-align:center; margin: 25px auto!important;  padding: 20px 0!important; 
border-top: 1px dotted #a8a8a8;}

/* palvelut-------------------------*/
div.service-content { width: 90%!important; margin: 60px auto 40px auto; display: block; padding: 0 3%; background-color: #fff; color: #222; }
div.service-content:after  {  clear: both;   content: "";  display: block;}

	
div.headers{ width: 100%; display: block; clear:both; background-color: #e0e0e0; border-radius: 10px; padding: 5px 2%; margin: 0;}
div.headers:after  {  clear: both;   content: "";  display: block;} 
div.header-name { float:left; display: block;}
div.header-form {float:right; display: block; text-align:right; padding-top: 15px;}

div.header-form input { padding: 8px 2%; margin: 5px 6% 5px 0;  width: 100px; background-color: #43484e; color: #fff; font-size: .9em; font-weight: 600; border-radius: 6px; text-align: center; float:right;}
div.header-form input:hover { background-color: #333;}





/* yritys---------------------------------------*/
div.company-wrapper {  background-color: #e0e0e0; width: 100%; display: block; border-radius: 10px; padding: 10px 2%; margin: 5px 0;  }
div.company-wrapper:after  {  clear: both;   content: "";  display: block;} 

div.company {  width: 100%; margin: 0; display: block;  }
div.company-left {  width: 35%; margin: 0; display: block; padding: 0; float:left;}

div.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;}
div.logo { display:block; float:right;  width: 160px;  margin: 0 0 10px 2%; padding: 0; /*border-right: 1px dotted #a8a8a8; position: absolute;  right: 0; top: 0;*/}
div.logo img { width: 100%; max-width: 160px; }
/*div.info { display: block; width: 57%; height: auto;  padding: 0 2%; margin: 0; position: absolute; right: 0; top: 0; }*/

/* toimialat-----------------------------------------*/
div.toimialat {display:block; width: 100%; }
div.toimiala-col {display:block; padding: 0 3% 0 0; margin: 0; width: 30%; float:left;}
a.bluebot:link, a.bluebot:visited { color: #222; text-decoration: none;  }
a.bluebot:hover { color: #cc5c01;}

/* paikkakunnat ---------------------------------------*/

a.level_1:link, a.level_1:visited { color: #222; text-decoration: none;  font-weight: 700; }
a.level_1:hover { color: #cc5c01;}


/* yrityksille ---------------------------------------*/

div.empresa-left{ width: 42%;  margin:65px 0 0 3%;  display:block; padding: 5px 2.5% 15px 2.5% ; float:left; }
div.empresa-left input { padding: 8px 2%; margin: 5px 0; width: 95%; border:1px solid #bbb; background-color:#E3E3E3; color: #333; font-size: .9em; font-weight: 600; border-radius: 6px; float:left;}
div.empresa-left input:focus { border:1px solid #247fb8;}
div.empresa-left textarea { padding: 8px 2%; margin: 5px 0; width: 95%; border:1px solid #bbb; background-color: #E3E3E3; color: #333; font-size: .9em; font-weight: 600; border-radius: 6px; float:left;}
div.empresa-left textarea:focus { border:1px solid #247fb8;}
div.empresa-left input.yrityksille { padding: 8px 2%; margin: 5px 6% 5px 0;  width: 150px; border:1px solid #bbb; background-color: #43484e; color: #fff; font-size: .9em; font-weight: 600; border-radius: 6px; text-align: center; float:right;}
div.empresa-left input.yrityksille:hover { background-color: #333;}
div.empresa-left input.yrityksille:focus { border:1px solid #247fb8;}

div.lomake {display:block; float:left; width:100%; padding: 5px 0; margin: 10px 0;}
div.empresa-right{ width: 42%;  margin:65px 3% 0 0;  display:block; padding: 5px 2.5% 15px 2.5% ; float:left; }
div.empresa-right img{ width: 100%!important;  margin:0 0 20px 0;   padding: 0 ; float:left; }
div.tp-right { width: 37%;  margin:60px 3% 0 0;  display:block; padding: 5px 2.5% 15px 2.5% ; float:left; }

/* tarjouspyynto ---------------------------------------*/


div.presupuesto-left{ width: 47.5%;  margin:0;  display:block; padding: 0 2.5% 0 0 ; float:left; }
div.presupuesto-left input { padding: 8px 2%; margin: 5px 0; width: 95%; border:1px solid #bbb; background-color:#E3E3E3; color: #333; font-size: .9em; font-weight: 600; border-radius: 6px; float:left;}
div.presupuesto-left input:focus { border:1px solid #247fb8;}
div.presupuesto-left textarea { padding: 8px 2%; margin: 5px 0; width: 95%; border:1px solid #bbb; background-color: #E3E3E3; color: #333; font-size: .9em; font-weight: 600; border-radius: 6px; float:left;}
div.presupuesto-left textarea:focus { border:1px solid #247fb8;}
div.presupuesto-left input#button { padding: 8px 2%; margin: 5px 6% 5px 0;  width: 150px; border:1px solid #bbb; background-color: #43484e; color: #fff; font-size: .9em; font-weight: 600; border-radius: 6px; text-align: center; float:right;}
div.presupuesto-left input#button:hover { background-color: #333;}
div.presupuesto-left input#button:focus { border:1px solid #247fb8;}
div.presupuesto-left input#vastaustapa {float:left; display: block; width: 30px; padding: 8px 0; height: auto; clear:left; }
div.lomake img { margin: 0  0 0 20px; cursor: pointer;}
input#muutto_paiva { padding: 8px 2%; margin: 5px 50% 5px 0; min-width: 150px; width: 35%; border:1px solid #bbb; background-color:#E3E3E3; color: #333; font-size: .9em; font-weight: 600; border-radius: 6px; float:left; display: block; clear:both;}
input#muutto_paiva:focus { border:1px solid #247fb8;}
div.presupuesto-right { width: 47.5%;  margin:0;  display:block; padding: 0 0 0 2.5% ; float:left; }