/** Author: Oleg Svetlov http://getsimplecms.ru/ **/
@import url("reset.css");
@import url("layout.css");
@import url("color.css");

strong {
    font-weight: bold;
}

@font-face {
    font-family: "";
    src: url(Exo-Regular.otf) format("truetype"); *
    /*src: url(Roboto-Regular.ttf);*/
}

@font-face {
    font-family: "";
    src: url(Exo-Regular.otf) format("truetype"); *
    /*src: url(Roboto-Bold.ttf);*/
    font-weight: bold;
}

@font-face {
    font-family: "bold";
    src: url(Exo-Black.otf) format("truetype"); *
    /*src: url(Roboto-Black.ttf);*/
}


.styled-select select {
   background-color: darkblue;
   color: yellow;
   padding: 5px;
   font-family:inherit;
   font-size: 13px;
   -webkit-appearance: none;
   -webkit-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
}

body{
	-ms-text-size-adjust : 100%;
	-webkit-text-size-adjust : 100%;
        -webkit-font-smoothing:antialiased;
	font-family: "", Arial Narrow, Geneva, Arial, Helvetica, sans-serif;
}
a {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
strong {
	font-weight : bold;
}
address {
	margin-bottom : 30px;
}
h1 {
   font-size : 34px;
   line-height : 38px;
   margin-top: 5px;
}
h2 {
   font-size : 28px;
   line-height : 32px;
}
h3 {
	font-size : 22px;
   line-height : 26px;
}
h4 {
   font-size : 18px;
   line-height : 22px;
}
h1, h2, h3, h4 {
	font-family : "bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom : 20px;
}
h5 {
	font-size : 14px;
	font-weight : bold;
	line-height: 150%;
}

tr.heading {
	background-color: #242;
}

td.pdscore {
	color : red;
	font-size : 18px;
	font-weight : bold;
}

category {
	font-size : 14px;
	font-weight : bold;
	font-style: italic;
}

em {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style : italic;
}
.fl-right {
	float : right;
}
.fl-left {
	float : left;
}
.text-right {
	text-align : right;
}
.text-center {
	text-align : center;
}
.over {
	overflow : hidden;
}
/* -- header ----------------------------- */

#header{
  
  
  	background : #000000 url(../images/bg/tausta1.jpg) center;
  
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    margin-top: -0.1%;
	position : relative;
    padding-top : 10%;
}
#index #header {
	margin-bottom : 0px;
	padding-bottom : 15px;
}
#logo {
  margin: auto;
  display: block;
	position : relative;
	/*float : left;*/
  clear: both;
	top : -5px;
	line-height : 1;
	margin-bottom : 0px;
	padding: 8px 0px 0 0px;
	min-height:45px;
}
#logo img {
	max-width : 600px!important;
	/*position : relative;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
	bottom : 0px;
	width : 100%;
}
#logo span {
	display : none;
}
article .col-0 {
	width : 48%;
}
blockquote {
	padding-left : 2%;
	margin-left : 5%;
	font-style : oblique;
	font-size : 13px;
	overflow : hidden;
	margin-bottom : 20px;
}
blockquote p:last-child {
	margin-bottom : 0px;
}

/* -- menu ------------------------------------------- */

.nav select {
    display: none;
	font-family:inherit;
}
.nav {
    position:relative;
	top:15px;
	font-size:14px;
	text-align : center;
	margin-bottom : 20px;
}
.nav ul {
	display : inline;
}
.nav ul li {
	position : relative;
	display : inline;
}
.nav ul li a {
	padding : 10px 1.3%;
	line-height : 18px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	text-decoration : none;
	font-size : 14px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	font-weight : 400;
}

/* -- sidebar ------------------------------ */

#sidebar {
	padding-left : 5%;
	position : relative;
	top : -2px;
}

/* -- title ------------------------------------------- */

#title {
	padding : 5px 0 5px;
	margin-bottom : 0px;
}
#title [class*="col-"] {
	margin-bottom : 0px;
	margin-top : 0px;
}
#title h1 {
	margin : 0;
	padding : 0;
	font-size : 26px;
	line-height : 34px;
}

/* Slider ====================================*/
#slider {
	position : relative;
	z-index : 1;
	margin-bottom : 0px;
	overflow : hidden;
}
.cycle-slideshow .cycle-slide {
	position : relative;
	height : 464px;
	width : 100%;
}
.cycle-slideshow .cycle-slide img {
	position : absolute;
	bottom : 0px;
	right : 10%;
	transition:1s;
	transition-delay:1s;
	width : 28%;
}
.cycle-slideshow .figcaption {
	position : absolute;
	top : 25%;
	left : 10%;
	width : 45%;
}
.cycle-slideshow .figcaption p {
    font-size:24px;
	font-weight:100;
	line-height : 36px;
	margin-bottom : 20px;
}
.cycle-slideshow .figcaption p:first-child {
    font-size:30px;

	font-weight:100;
	line-height : 40px;
}
.cycle-slideshow .figcaption p strong {
    font-weight:300;
}

/* -- content -------------------------------------- */

#content {
	margin-bottom : 0px;
  background-color: #111111;
}
 /* --        background-image: url("../../../data/uploads/kuvakuva.png");  -------- */ 




#index .main p:last-child{
	margin-bottom : 20px;
}
article {
	overflow : hidden;
}
article h1, article h2, article h3, article h4 {
	margin-bottom : 20px;
}
article ul, article ol {
	margin-bottom:20px;
}
article ul li {
	list-style : disc outside;
	margin : 0 0px 10px 30px;
}
article ul li ul, article ol li ol{
	margin : 10px 0px 10px 0px;
}
article ul li li{
	list-style : circle outside;
	margin-left : 15px;
}
article ol li {
	list-style : decimal outside;
	margin : 0 0px 10px 30px;
}
article ol li li{
	list-style : lower-latin outside;
	margin-left : 15px;
}
article img {
	display : block;
	margin : 0px auto 20px;
	padding : 1%;
	max-width : 97%!important;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
article p img {
/*	width : 31%!important; */
	margin-right : 3%;
	margin-bottom : 10px;
	margin-top : 5px;
	float : left;
}
article p img.fl-right {
	margin-left : 3%;
}
#index article img.fl-right {
	padding : 0%;
	border : 0px none #DBDBDB;
	width : 31%!important;
	margin-left : 3%;
}
article p+h1, article p+h2, article p+h3, article p+h4 {
	margin-top : 30px;
}
article p{
	margin-bottom : 20px;
}
.main input[type="text"] {
	border-radius : 5px;
	display : block;
	line-height : 1.428571429;
  font-size: 16px;
	padding : 2px 2px 2px 2px;
	vertical-align : middle;
	-webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	box-shadow : inset 0 1px 1px rgba(0,0,0,0.075);
	transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	width : 150px;
	margin-bottom : 10px;
/*	max-width : 78%;*/
}
.main textarea {
	border-radius : 5px;
	display : block;
	height : 100px;
	line-height : 1.428571429;
	padding : 2px 2px 2px 2px;
	vertical-align : middle;
	-webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-moz-box-shadow : inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	box-shadow : inset 0 1px 1px rgba(0,0,0,0.075);
	transition : border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	width : 600px;
	margin-bottom : 20px;
	max-width : 78%;
	font-size : 13px;
}
.main input[type="text"]:focus, .main textarea:focus{
	outline : 0;
}
.main .captchaimg {
	margin-bottom : 10px;
}
.main .captchaimg img {
	margin-right : 30px;
}
.main .capctha {
	margin-bottom : 20px;
}
.main .send input {
	margin-bottom : 10px;
}
/* -- table ------------------------------------------------*/
article table {
	display : table;
    border: none;
	width : 100%!important;
	margin-bottom : 20px;
	height : auto!important;
}
article table caption {
	margin-bottom : 10px;
	font-size : 16px;
}
article th, article td {
	border-collapse : collapse;
	padding : 0px 0px;
	text-align : center;
	/*word-break: break-all;*/
	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

table.invisible {
    border: none;
	border-collapse : collapse;
}

th.invisible {
	border-collapse : collapse;
	padding : 0px 0px;
	text-align : center;
    border: none;
	border-collapse : collapse;
}

td.invisible {
	border-collapse : collapse;
	padding : 0px 0px;
	text-align : center;
    border: none;
	border-collapse : collapse;
}

article th {
	font-size : 12px;
	font-weight : bold;
}
article td {
	font-size : 12px;
/*	font-weight : bold;  */
}
article th:nth-child(1) {
	text-align : left;
}
article th em {
	margin-right : -3px;
}
article th em:before {
	font-size : 14px;
	content: "\f158";
	font-family: 'FontAwesome';
	font-weight : normal;
}
article td:nth-child(1) {
	text-align : left;
	max-width:1300px;
}