﻿@charset "utf-8";
/* CSS Document */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
}
html{
	/*background-color:#810505;#550000 */
}
body{
	background-color:#810505;/*#550000 */
	font-family: Garamond, "myfont";
	margin:auto;
}
#wrapper{}

h3{}
h4{font-size: 0.9em;}
h5{
	color:#fcf4f5;
	font-size:3.6em;
}

/*-----------------LOGO-----------*/
#logo_valkoinen_kuva_mini{
	position:absolute;
	top:100px;
	right:219px;
	width:92px;
	height:41px;
	background-image: url(../img/logo_valkionen_kuva_mini.png);
}
/*---------- NAVIGATION ----------*/

a:link    {color:#fcf4f5;}
a:visited {color:#fcf4f5;}
a:hover   {color: #400f07;}

#kieli_bar, #navbar_bar {
	color:#fcf4f5;/**/
}


/*---------- CONTENT ----------*/
#sivu_6{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width: 980px;
	height:1600px;
	font-weight:lighter;
	/*border:4px solid #fcf4f5;
	background-color: #fcf4f5;*/	
}
#sivut_nimi{
	font-family:"myfont_3";
	font-size:2em;
	color:#fcf4f5;
	text-align:center;
	
}
#sivu_teksti{
	font-size:1.07em;
	
}
/*---------------------*/

#sivu_kuvat{}


#kuva_mini_c2{
	position:absolute;
	left:160px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_c2.png);
	top:1445px;
}
#kuva_mini_g2{
	position:absolute;
	left:-96px;
	width:117px;
	height:179px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_g2.png);
	top:1143px;
}
#kuva_mini_b2{
	position:absolute;
	left:392px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_b2.png);
	top:966px;
}
#kuva_mini_g1{
	position:absolute;
	left:31px;
	width:117px;
	height:179px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_g1.png);
	top:1143px;
}
#kuva_mini_c1{
	position:absolute;
	left:32px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_c1.png);
	top:806px;
}
#kuva_mini_h2{
	position:absolute;
	left:986px;
	width:117px;
	height:179px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_h2.png);
	top:966px;
}
#kuva_mini_j5{
	position:absolute;
	left:158px;
	width:223px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_j5.png);
	top:966px;
}
#kuva_mini_h3{
	position:absolute;
	left:625px;
	width:117px;
	height:179px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_h3.png);
	top:1144px;
}
#kuva_mini_j8{
	position:absolute;
	left:883px;
	width:206px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_j8.png);
	top:170px;
}
#kuva_mini_j9{
	position:absolute;
	left:521px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_j9.png);
	top:170px;
}
#kuva_mini_i2{
	position:absolute;
	left:160px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_i2.png);
	top:1285px;
}
#kuva_mini_j6{
	position:absolute;
	left:392px;
	width:117px;
	height:179px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_j6.png);
	top:138px;
}
#kuva_mini_i1{
	position:absolute;
	left:624px;
	width:223px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_i1.png);
	top:1336px;
}
#kuva_mini_g6{
	position:absolute;
	left:392px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_g6.png);
	top:1126px;
}

#kuva_mini_j12{
	position:absolute;
	left:521px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_j12.png);
	top:646px;
}

#kuva_mini_j11{
	position:absolute;
	left:754px;
	width:117px;
	height:179px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_j11.png);
	top:646px;
}

#kuva_mini_i3{
	position:absolute;
	left:392px;
	width:223px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_i3.png);
	top:1285px;
}
#kuva_mini_c9{
	position:absolute;
	left:392px;
	width:223px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_c9.png);
	top:1445px;
}
#kuva_mini_j7{
	position:absolute;
	left:754px;
	width:117px;
	height:179px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_j7.png);
	top:107px;
}
#kuva_mini_m2{
	position:absolute;
	left:392px;
	width:117px;
	height:179px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m2.png);
	top:774px;
}

#kuva_mini_j13{
	position:absolute;
	left:286px;
	width:223px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_j13.png);
	top:614px;
}
#kuva_mini_m7{
	position:absolute;
	left:521px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m7.png);
	top:488px;
}
#kuva_mini_j10{
	position:absolute;
	left:536px;
	width:206px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_j10.png);
	top:12px;
}
#kuva_mini_g5{
	position:absolute;
	left:625px;
	width:117px;
	height:165px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_g5.png);
	top:966px;
}
#kuva_mini_m13{
	position:absolute;
	left:883px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m13.png);
	top:1158px;
}
#kuva_mini_m4{
	position:absolute;
	left:754px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m4.png);
	top:837px;
}
#kuva_mini_m3{
	position:absolute;
	left:264px;
	width:117px;
	height:179px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m3.png);
	top:774px;
}
#kuva_mini_m8{
	position:absolute;
	left:521px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m8.png);
	top:330px;
}
#kuva_mini_m11{
	position:absolute;
	left:754px;
	width:117px;
	height:165px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m11.png);
	top:1158px;
}
#kuva_mini_m12{
	position:absolute;
	left:31px;
	width:117px;
	height:165px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m12.png);
	top:1335px;
}
#kuva_mini_j4{
	position:absolute;
	left:30px;
	width:117px;
	height:165px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_j4.png);
	top:966px;
}
#kuva_mini_g3{
	position:absolute;
	left:175px;
	width:206px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_g3.png);
	top:1126px;
}
#kuva_mini_m5{
	position:absolute;
	left:883px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m5.png);
	top:330px;
}
#kuva_mini_m6{
	position:absolute;
	left:754px;
	width:117px;
	height:179px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m6.png);
	top:298px;
}
#kuva_mini_m9{
	position:absolute;
	left:392px;
	width:117px;
	height:165px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m9.png);
	top:330px;
}
#kuva_mini_m10{
	position:absolute;
	left:754px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m10.png);
	top:488px;
}
#kuva_mini_g4{
	position:absolute;
	left:754px;
	width:206px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_g4.png);
	top:998px;
}
#kuva_mini_m1{
	position:absolute;
	left:521px;
	width:221px;
	height:147px;
	background-image:url(../img/sivu_6/sivu_6_mini/kuva_mini_m1.png);
	top:807px;
}
/*---------- SIVUT/KUVAT (LIGHTBOX) ----------*/

.lb-closeContainer {
	position:absolute;
	right:5px;
	z-index:10001;
}
.lb-data {
	position:relative;
	top:-115px;
	width:100%;
	padding: 0;
	background-color:#f3efee;
	overflow:auto;
}
.lb-data .lb-details {
	position:relative;
	width:90%;
	/*text-align:center;*/
	left:5%;
}
.lb-data .lb-details .lb-caption{
	font-family:"myfont_2";
	color:#040301;
	font-size:0.95em;
	/*background-color:red;*/
}
.lb-data .lb-details .lb-number {
	/*visibility: hidden;*/
	background-color:transparent;
}

/*---------- FOOTER ----------*/
#footer_valkoinen {
	text-decoration: none;
	color:#fcf4f5;
}
/*Псевдо классы 
Стили для ссылок

Используя псевдо классы, можно задать стили для четырех состояний ссылки:

    * a:link - селектор для обычной ссылки
    * a:visited - селектор для посещенной ссылки
    * a:hover - селектор для наведенной ссылки
    * a:active - селектор для активной ссылки

В спецификации селекторов больший приоритет имеет тот, который находится ниже в файле стилей. Поэтому для корректной работы селекторов для ссылки, их нужно распологать в следующем порядке:

   1.
      a:link {}
   2.
      a:visited {}
   3.
      a:hover {}
   4.
      a:active {}

Все свойства для ссылок можно описать, используя эти псевдо селекторы. Но можно и комбинировать псевдо селекторы, если это необходимо:

1.a:link, a:visited {color:blue;}
2.a:hover, a:active {color:red;}*/
