@font-face {
    font-family: Capriola;
    src: url(Capriola-Regular.ttf);
}
.mainnav>ul>li>a{
	border-radius:20px;
	border-style:solid;
	border-width:1px !important;
	border-color:white !important;
 }
.mainnav>ul>li li a{
	min-width:152px;
 }
.mainnav li {
	padding-right:6px;
 }
.mainnav>ul {
	min-width:600px;
 }
.mainnav>ul>li {
	width:auto !important;
 }
header a[data-icon="back"] {
	z-index:2;
 }
.langbar {
	text-align:right;
	margin-right:61px;
	margin-top:0 !important;
 }
.langbar a {
	height:5px !important;
	width:0 !important;
 }
form>span:first-child {
	display:block;
	margin-bottom:15px;
 }
aside {
	background:white;
 }
*[data-role="page"] header.ui-header {
	background-color:white;
	border-width:0;
 }
#left {
	margin-right:5px;
	padding-right:5px;
 }
#left h3 {
	color:white;
	text-align:center;
}
#left h4 {
	color:#00ACED;
	text-align:center;
 }
#left+.center {
	float:left;width:73%
 }
#ajankohtaista {
border-radius:10px;
background: rgb(213,235,251); /* Old browsers */
background: -moz-linear-gradient(top, rgba(213,235,251,1) 0%, rgba(0,172,237,1) 0%, rgba(235,241,246,1) 14%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,235,251,1)), color-stop(0%,rgba(0,172,237,1)), color-stop(14%,rgba(235,241,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(213,235,251,1) 0%,rgba(0,172,237,1) 0%,rgba(235,241,246,1) 14%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(213,235,251,1) 0%,rgba(0,172,237,1) 0%,rgba(235,241,246,1) 14%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(213,235,251,1) 0%,rgba(0,172,237,1) 0%,rgba(235,241,246,1) 14%); /* IE10+ */
background: linear-gradient(to bottom, rgba(213,235,251,1) 0%,rgba(0,172,237,1) 0%,rgba(235,241,246,1) 14%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5ebfb', endColorstr='#ebf1f6',GradientType=0 ); /* IE6-9 */}
.ui-icon {
	background-color:transparent !important;
  }
*[data-role="page"] header h1 {

 }
*[data-role="page"]  header.ui-header {
	height:93px;
	overflow:visible !important;
 }
*[data-role="page"]  header.ui-header h1 {
	position:absolute;
	left:37px;
	top:0;
	padding-top:5px;
 }
*[data-role="page"]  header.ui-header nav {
	display:block;
	top:0;
	position:relative;
	margin-left:220px;
	margin-right:95px;
 }
*[data-role="page"]  header.ui-header nav a {
	font-weight:normal !important;
	font-size:15px;
 }
nav a {
	text-overflow:clip !important;
 }
*[data-role="page"]  header.ui-header nav li:first-child a {
	border-left-width:0;
 }
nav ul li ul {
	display:none !important;
	max-width:400px !important;
	width:400px;
 }
nav ul li ul li {
	width:49% !important;
 }
nav ul li:hover ul {
	position:absolute;
	display:block !important;
	z-index:2;
}
@media all and (max-width: 800px) {
	*[data-role="page"]  header.ui-header {
		height:auto !important;
		min-height:45px;
	}
	*[data-role="page"]  header.ui-header h1 {
		position:relative;
		left:0;
		top:0;
	}
	*[data-role="page"]  header nav,#left {
		display:none !important;
	}
	.center {
		width:100% !important; 
	}
 }
.parent header nav {
	display:none !important;
 }
address {
	text-decoration:none;
 }
.button {
	color:black !important;
	text-align: center;
	width: 150px;
	height: 160px;
	background-color: #b3ecff;
	border-radius: 8px;
	display: block;
	background-repeat: no-repeat;
	background-position: center 20px;
	-webkit-transition: -webkit-transform 0.3s ease-in;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	margin-bottom:5px;
	text-decoration:none;
 }
.button:visited {
	color:black !important
 }
body>img{
	position:absolute;
 }
body {
	max-width:968px;
	margin:auto !important;
	background-color:#969696 !important;
	background-image:url(/pattern/pattern.svg);
 }
footer {
	min-height:50px;
	overflow:auto;
 }
footer>img, footer>a, footer>iframe, footer>.fb-like  {
	float:left;
	margin-left:3px;
	margin-right:3px;
 }
*[data-role="page"] {
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 60px -14px rgba(1, 1, 1, 1);
	-moz-box-shadow: 0px 0px 60px -14px rgba(1, 1, 1, 1);
	box-shadow: 0px 0px 60px -14px rgba(1, 1, 1, 1); 
	border:1px #81b0cc solid;
	position:relative !important;
	overflow-x:visible !important;
 }
*[data-role="page"] article {
	padding:5px !important;
 }
.ui-title {
	margin-right:0 !important;
	margin-left:0 !important;
 }
.ui-li-aside {
	width:auto !important;
 }
.ui-icon-en:after {
	background-image: url("en.png");
}
.ui-icon-paikka:after {
	background-image: url("hampaat.png");
	background-position: -39px -20px;
}
.ui-icon-lohkeama:after {
	background-image: url("hampaat.png");
	background-position: -39px -44px;
}
.ui-icon-sarky:after {
	background-image: url("hampaat.png");
	background-position: -17px -42px;
}
.ui-icon-hygienisti:after {
	background-image: url("hampaat.png");
	background-position: -38px 3px;
}
.ui-icon-perus:after {
	background-image: url("hampaat.png");
	background-position: 2px 3px;
}
.ui-icon-valkaisu:after {
	background-image: url("hampaat.png");
	background-position: -16px 3px;
}
.ui-icon-implantti:after {
	background-image: url("hampaat.png");
	background-position: 2px -43px;
}
.ui-icon-juurihoito:after {
	background-image: url("hampaat.png");
	background-position: -59px -20px;
}
.ui-icon-hampaanpoisto:after {
	background-image: url("hampaat.png");
	background-position: -20px -18px;
}
.ui-icon-apple:after {
	background-image: url("hampaat.png");
	background-position: -39px -64px;
}
.ui-icon-piikki:after {
	background-image: url("hampaat.png");
	background-position: -18px -43px;
}
.ui-icon-bitcoin:after {
	background-image: url("bitcoin.png");
}
.ui-icon-kela:after {
	background-image: url("kela.png");
}
::-webkit-input-placeholder {
    color:    #c7bcbc;
}
:-moz-placeholder {
    color:    #c7bcbc;
}
fieldset div[role="heading"] {
	text-align:right;
 }
.ui-icon-radio-on {
	background-position:-648px 50% !important;
 }
.ui-header {
	color:black !important
 }
h3.ui-li-heading {
	font-size:13px !important;
}


div[data-url="/"] article h2, div[data-url="/etusivu"] article h2 {
	display:none;
 }
div[data-url="/"] div[data-inserthere], div[data-url="/etusivu"] div[data-inserthere] {
	overflow:auto;
 }
header {
	overflow:hidden !important;
 }
#palvelut2, .palvelut2  {
	width:600px;
	margin:auto;
 }
#varaaonline2.ui-btn, #varaaonline2 .ui-icon, #varaaonline2 .ui-btn-inner {
    width: 90px !important;
    height: 70px !important;
	white-space:normal;
}
#varaaonline2>span {
	padding-top:40px !important;
 }
.ui-icon-varaa-icon {
	box-shadow:none !important;
	background-color:transparent !important;
	background-image: url("/varaa-icon.png");
	left:36% !important;
    margin: 0px;
    border-radius: 0;
}
.logo {
	background-image:url("logo2.png");
	color:#32A337 !important;
	display:block !important;
	background-position:left top !important;
	text-decoration:none !important;
	font-weight:normal !important;
	background-repeat:no-repeat !important;
	font-size:25px !important;
	padding-left:80px;
	padding-top:12px;
	height:70px;
	background-size:auto 100%;
	margin-left:24px !important;
 }
@media all and (max-width: 500px) {
	.etusivu {
		width:45% !important;
		padding:0 !important;
		min-height:auto;
	 }
	.oikeatrojut {
		background-size:45px !important;
		padding-left:47px !important;
		font-size:95%
	 }
	.etusivu h3 {
		font-size:13px !important;
	 }
 }
@media all and (min-width: 799px) and (max-width: 900px) {
	.rojucontainer {
		max-width:360px !important;
	 }
	.oikeatrojut {
		width:290px !important;
	 }
 }
@media all and (max-width: 799px) {
	.rojucontainer {
		float:left !important;
	 }
	.logo {
		height:34px;
		top:7px;
		font-size:14px !important;
		padding-left: 37px;
		padding-top:1px;
		margin-left:34px !important;
	 }
	#palvelut2, .palvelut2 {
		display:none;
	 }
	 #varaaonline {
		display:block;position:absolute;top:121px;left:114px;
	  }
	 #introtext {
		clear:both;
		min-height:0 !important;
		background-image:none !important;
	  }
	div[id$="etusivu"] article {
		background-position:right top;
	  }
	 .etusivu {
		background-color:rgba(50,163,55,0.8);
	  }
 }
@media print {
	body {
		background-color:white !important;
		background-image:none;
		max-width:100% !important;
	 }
	a.ui-btn, footer {
		display:none !important;
	 }
	#\/hinnat article {
		padding:0 !important;
		border-width:0 !important;
	 }
	#\/hinnat td {
		padding:0 !important;
	 }
	#\/hinnat table {
		max-width:100% !important;
	 }
	 
 }