﻿body 
{
	padding:0px;
	margin:0px;
	text-align: center;
	background-color:#ffffff;
	background-image:url("/slike/ozadje.png");
	background-repeat:repeat-x;
	font-family:Arial;
	font-size:12px;
	color:#333333;
	animation:anim6 1.5s;
	-webkit-animation:anim6 1.5s;
}
@keyframes anim6
{
0%   {opacity: 0.0;}
100% {opacity: 1.0;}
}

@-webkit-keyframes anim6 /* Safari and Chrome */
{
0%   {opacity: 0.0;}
100% {opacity: 1.0;}
}
a
{
	font-family:Arial;
	font-size:12px;
}
h1
{
	padding:0px;
	margin:0px;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;	
}

#glava
{
	text-align:left;
	height:60px;
	width:100%;
	background-color:#444444;
	background-image:url("/slike/glava.png");
	background-repeat:repeat-x;
	
	color:#ffffff;
	position:relative;
	z-index:2;
	border-bottom: 1px solid #999999;
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	box-shadow:0px 3px 5px rgba(0,0,0,0.3);

}
#gdesno
{
	width:500px;
	text-align:right;
	padding:5px;	
	position:absolute;
	top:0px;
	right:0px;

}
#gsredina
{
	width:1000px;
	height:60px;
	
	
	

}

.gmin
{
	font-size:11px;	
}
a.agmin
{
	font-size:11px;
	color:#ffffff;
}

#okvir
{
	text-align:left;
	width:1000px;
	min-height:500px;
	margin:auto;
}

#levo
{
	width:200px;
	background-color:#444444;
	float:left;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	box-shadow:0px 3px 5px rgba(0,0,0,0.3);
	z-index:10;
	position:absolute;
}

#drobtinice
{
	font-size:11px;
	color:#777777;
	background-color:#ffffff;
	border-bottom: 1px solid #dddddd;
	padding-bottom:3px;
	margin-bottom:3px;	
}
a.adr:link{ font-size:11px; color:#777777; text-decoration:none;}
a.adr:active{ font-size:11px; color:#777777; text-decoration:none;}
a.adr:visited{ font-size:11px; color:#777777; text-decoration:none;}
a.adr:hover{ font-size:11px; color:#777777; text-decoration:none;}

#vsebina
{
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	width:800px;
	padding:5px;
	margin-left:200px;
	background-color:#ffffff;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	z-index:5;
	position:absolute;
	min-height:300px;
	
	animation:anim2 1s;
	-webkit-animation:anim2 1s;


}
@keyframes anim2
{
0%   {margin-top:-300px;}
100% {margin-top:0px;}
}

@-webkit-keyframes anim2 /* Safari and Chrome */
{
0%   {margin-top:-300px;}
100% {margin-top:0px;}
}

.m1
{
	padding: 5px 2px;
	border-bottom: 1px solid #999999;
}
.m1:hover
{
	background-color:#777777;
	animation:anim5 1.2s;
	-webkit-animation:anim1 1.2s;
}
@keyframes anim5
{
0%   {background-color:#444444;}
100% {background-color:#777777;}
}

@-webkit-keyframes anim5 /* Safari and Chrome */
{
0%   {background-color:#444444;}
100% {background-color:#777777;}
}


.m2
{
	visibility:collapse;
	position:absolute;
	z-index:50;
	left:200px;
}
.m3
{
	background-color:#444444;
	position:relative;
	top:-26px;	
	min-width:150px;
	animation:anim1 0.5s;
	-webkit-animation:anim1 0.5s;
}
@keyframes anim1
{
0%   {left:150px; top:-26px; opacity: 0.0;}
100% {left:0px; top:-26px; opacity: 1.0;}
}

@-webkit-keyframes anim1 /* Safari and Chrome */
{
0%   {left:150px; top:-26px; opacity: 0.0;}
100% {left:0px; top:-26px; opacity: 1.0;}
}

.m4
{
	background-color:#444444;
	position:relative;
	top:-26px;	
	min-width:150px;
	animation:anim4 0.5s;
	-webkit-animation:anim4 0.5s;
}
@keyframes anim4
{
0%   {left:200px; top:-26px; opacity: 0.0;}
100% {left:0px; top:-26px; opacity: 1.0;}
}

@-webkit-keyframes anim4 /* Safari and Chrome */
{
0%   {left:200px; top:-26px; opacity: 0.0;}
100% {left:0px; top:-26px; opacity: 1.0;}
}


a.am1:link{ font-size:12px; color:#ffffff; text-decoration:none;}
a.am1:active{ font-size:12px; color:#ffffff; text-decoration:none;}
a.am1:visited{ font-size:12px; color:#ffffff; text-decoration:none;}
a.am1:hover{ font-size:12px; color:#ffffff; text-decoration:none;}

.textboxbesedilo
{
	width:600px;	
	height:400px;	
}

.prvatekst
{
	background-color:#000000;
	opacity: 0.7;
	color:#ffffff;
	height:60px;
	padding:5px 5px 5px 5px;
	animation:animpt 2.0s;
	-webkit-animation:animpt 2.0s;

}
@keyframes animpt
{
0%   {opacity: 1.0;}
100% {opacity: 0.7;}
}

@-webkit-keyframes animpt /* Safari and Chrome */
{
0%   {opacity: 1.0;}
100% {opacity: 0.7;}
}

.prvatekst_b
{
	background-color:#000000;
	color:#ffffff;
	height:60px;
	padding:5px 5px 5px 5px;
	animation:animpt_b 2.0s;
	-webkit-animation:animpt_b 2.0s;

}
@keyframes animpt_b
{
0%   {opacity: 0.7;}
100% {opacity: 1.0;}
}

@-webkit-keyframes animpt_b /* Safari and Chrome */
{
0%   {opacity: 0.7;}
100% {opacity: 1.0;}
}

#prval
{
	width:397px;
	
	float:left;
	margin-top:5px;
}
#prvad
{
	width:397px;
	
	float:right;
	margin-top:5px;
}
.ln
{
	font-size:15px;
	font-weight:bold;	
}
.geo1
{
	color:#cccccc;
	font-size:10px;	
}
.tel1
{
	margin-left:15px;
}
#g2
{
	padding-top:8px;	
	padding-left:0px;	
}
#prvaspodaj
{
	padding-top:290px;	
}
.prvaskrit
{
	visibility:collapse;
	background-repeat:no-repeat;
	height:70px;
	padding-top:220px;
	position:absolute;
	width:800px;
	animation:animpzapri 3.0s;
	-webkit-animation:animpzapri 3.0s;
}
@keyframes animpzapri
{
0%   {visibility:visible; opacity: 1.0;}
100% {visibility:visible; opacity: 0.0;}
}

@-webkit-keyframes animpzapri /* Safari and Chrome */
{
0%   {visibility:visible; opacity: 1.0;}
100% {visibility:visible; opacity: 0.0;}
}

.prvaodkrit
{
	visibility:visible;	
	background-repeat:no-repeat;
	height:70px;
	padding-top:220px;
	position:absolute;
	width:800px;
	cursor:pointer;
	animation:animpodpri 3.0s;
	-webkit-animation:animpodpri 3.0s;

}
@keyframes animpodpri
{
0%   {opacity: 0.0;}
100% {opacity: 1.0;}
}

@-webkit-keyframes animpodpri /* Safari and Chrome */
{
0%   {opacity: 0.0;}
100% {opacity: 1.0;}
}


.prvaodkrit1
{
	visibility:visible;	
	background-repeat:no-repeat;
	height:70px;
	padding-top:220px;
	position:absolute;
	width:800px;
	cursor:pointer;
}
.prvaskrit1
{
	visibility:collapse;
	background-repeat:no-repeat;
	height:70px;
	padding-top:220px;
	position:absolute;
	width:800px;
}
.prvan
{
	font-size:15px;
	font-weight:bold;
}
.prvab
{
	font-size:12px;	
}
.prvanaslov
{
	margin-top:7px;
	background-color:#eeeeee;
	border:1px solid #dddddd;	
	padding:2px;
}
.prvabesedilo
{
	border-left:1px solid #dddddd;	
	border-right:1px solid #dddddd;	
	border-bottom:1px solid #dddddd;	
	padding:3px;
}