@import "navigointi.css";
@import "naput.css";
@import "pics/gstyyli.css";

BODY {background: #242424; font-family: "Verdana";}

h1 {
	text-indent:999em;
	overflow:hidden;
	height:60px;
	background-position:center;
	background-image: url('lukko.png');
	background-repeat: no-repeat;}

h1 a{
	margin-left:auto;
	margin-right:auto;
	display:block;
	height:55px;
	width:250px;}

h2 {color: #CACACA;
	background:#333232;
    margin: -20px;
    margin-bottom: 0px;
    text-align: center;
	padding: 10px;}
	
h3 {color:#DBA330;
	margin-left:35px}
	
th {padding:5px;
	border:2px solid #303030;
	font-size:13px;
	}
	
td {padding:5px;
	font-size:11px;
	border:2px solid #303030;
	}

table {
	margin:15px;
	border-collapse:collapse;}

#sivu {
	border: 5px solid #1A1A1A;
    background: #99878B;
    padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	min-width: 250px;
	margin-bottom:40px;
	overflow:auto;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	/*float:left;*/}

#sivu a {
	color:#BDCFBF; 
	font-weight:bold; 
	text-decoration:none;}

#sivu a:hover {color:#FFFA00; font-weight:bold; text-decoration:none;}  

UL {list-style: none;}

li {margin-bottom: 8px;}

.clear {clear:both;}

.pvm{ font-size:11px; color:#2B2C2C;}
.cc{ font-size:11px; color:#2B2C2C; display:block; position:absolute; right:5px; bottom:5px;}


.etukuva {text-align:center; padding:30px;}

#isoloota { 
			overflow: auto;
			margin-left: auto;
			margin-right: auto;
			}
		
#clear {clear:both;}

#kuvaloota { 
			margin-left: auto;
			margin-right: auto;
			width:800px;			}

#kuvaloota figcaption{color:white; text-align: left;}

#kuvaloota img{margin-left: auto; margin-right: auto; display:block;}

#kuvaloota figure{margin:0;}

.info {padding-top:30px;}

.viroukkeli {padding:10px}

.erotin {clear:both;
		  border-bottom: 2px solid #000000;}
		  
.tekstiloota2{
	width:800px; 
	margin:20px; 
	padding:20px; 
	background:#99878B; 
	border: 2px solid #000000;
	margin-left: auto; margin-right: auto; display:block;}

.vasen{float:left;}

.lootaotsikko {margin:3px; color:black;}

@media screen and (max-width: 900px) {
	/* applies only if the screen is narrower than 500px */
	p{font-size:120%;}
	}