body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#585757;
	line-height:21px;
}
p {
	margin:0;
	padding:0;
	line-height:21px;
}
.valistys {
	margin:0;
	padding:0;
}
.keskita {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	display:table;
}
/* Ylaosa */

#ylaosa {
	height:396px;
}
#ylaosa_sisalto {
	width:440px;
	padding:13px 20px 0px 40px;
	float:right;
}

#ofitec_logo {
	width:145px;
	height:36px;
	padding-right:60px;
	float:left;
}
/* Form muotoilut */

#domainvalinta,
#domainvalinta_mobile{
	width:212px;
	float:left;
	height:61px;
	margin:0;
	padding:4px 0px 0px 0px;
}
#domainvalinta select,
#domainvalinta_mobile select{
	border:1px solid #d1d0d0;
	border-collapse:collapse;
	height:25px;
	font-size:14px;
	font-weight:bold;
	color:#c2180d;
	width:212px;
	padding:2px 2px 2px 0px;
}

#domainvalinta_mobile,
.domainvalinta_mobile{display:none!important;}

/* Paavalikko */

ul#navi_main {
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	height:34px;
	padding-top:19px;
	text-align:center;
	margin:0;
	padding:19px 0px 0px 0px;
}
ul#navi_main li {
	display: inline;
	list-style-type: none;
	padding:0px 15px 0px 0px;
	color:#ffffff;
	background:none;
}
ul#navi_main li a:hover {
	color:#c5c5c5;
}
ul#navi_main li a {
	color:#ffffff;
	text-decoration:none;
}
/* tuotenostopalsta */
#nostopalsta {
	height:322px;
}
#tuotenostot {
	width:716px;
	padding:30px 18px 0px 17px;
	float:left;
}

#PrevBtn11 {
	width:15px;
	height:160px;
	background:url(prev_b.gif) 0px 4px no-repeat;
}

#NextBtn11 {
	width:15px;
	height:160px;
	background:url(next_b.gif) 0px 4px no-repeat;
}

#esittelyteksti {
	width:227px;
	padding:51px 0px 10px 22px;
	float:left;
}
#esittelyteksti p {
	padding:10px 0px 10px 0px;
}
/* nostolaatikot */

#nostolaatikot {
	width:750px;
	float:left;
}
.nostolaatikko {
	width:230px;
	padding:10px 10px 20px 10px;
	float:left;
}

.nostolaatikko p {
	padding-top:5px;
	padding-bottom:5px;
}
/* Yhteystiedot */

#yhteystiedot {
	width:216px;
	padding:20px 0px 0px 28px;
	float:left;
}

.osoite {
	font-size:15px;
	color:#585757;
	font-weight:bold;
	line-height:24px;
	padding-bottom:25px;
}
/* Alasivun sisalto */

#tekstipalsta {
	float:left;
	padding:26px 10px 20px 20px;
	width:724px;
}

#sivun_sisalto h1 {
	padding:0px 0px 0px 0px;
	height:60px;
}
#sivun_sisalto p {
	padding:10px 0px 10px 0px;
}
/* Footer */

#footer {
	height:72px;
}


#semio_logo {
	float:right; 
	padding-right:90px;

}

/* Valitse saitti */

#valitse_saitti {
	text-align:center;
	height:50px;
	background:#636363;
}

/* Alanavit */

#navi_ala {
	padding:0px 20px 40px 0px;
	background:url(alanavibg.gif) bottom no-repeat;
}

#tuotenostot span.shop_tuotelinkki a{
font-size:13px;
}


/*Asettelumallit*/


.col-left {
  width:49%;
  float:left;
}

.col-right {
  width:49%;
  float:right;
}

.col-full {
  clear:both;
  width:100%;    
}

.col-3 {
  width:32%;
	float:left;
}

.col-3-center {
    margin: 0 2%;
    padding: 0;
}

/*Bannerit*/

.banneri{
  float:left;
	width:100%;
	height:132px;
  background-color:#585757;
  position:relative;
  
}

.uuttalatka{
	width:50%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
	background:url(../img/ilmoitustaulu_uuttalatka.png) top left no-repeat;
}

.nuolilatka{
	width:27px;
  height:27px;
  position:absolute;
 top: 15px;
	left: 45%;
	background:url(../img/banneri_nuoli.png) center no-repeat;
  
  
}

.bannerikuva{
	width:50%;
  height:100%;
  float:left;
}

.banneriteksti {
   width: 40%;
	height: 90%;
	float: left;
	padding: 1% 5%;
}


#ylaosa_sisalto .banneriteksti h2{
	color:#fff;
  font-size:22px;
  line-height:24px;
  text-decoration:400;
  text-transform:uppercase;
  font-weight:400;
 
}

.banneriteksti p{
	color:#cecece;
  font-size:12px;
  float: left;
  line-height: 14px;
}

/*laminointi*/

.banneri.laminointi-banneri{
  background-color:#505c4d;
}


.laminointi-banneri .uuttalatka{
	background:url(../img/laminointi_uuttalatka.png) top left no-repeat;
}

.laminointi-banneri .nuolilatka{
	background:url(../img/banneri_nuoli_laminointi.png) center no-repeat;
  
  
}

/*Paperileikkurit*/
.banneri.paperileikkuri-banneri{
  background-color:#3778ba;
}

.paperileikkuri-banneri .uuttalatka{
	background:url(../img/paperileikkuri_uuttalatka.png) top left no-repeat;
}

/*Tuhoojat*/

.banneri.tuhoojat-banneri{
  background-color:#000000;
}

.tuhoojat-banneri .uuttalatka{
	background:url(../img/tuhoojat_uuttalatka.png) top left no-repeat;
}

.tuhoojat-banneri .banneriteksti p{
color:#cecece;
}

/*Valkotaulut*/
.valkotaulut-banneri .uuttalatka{
	background:url(../img/valkotaulut_uuttalatka.png) top left no-repeat;
}

.banneri.valkotaulut-banneri{
  background-color:#1b8cb2;
}