/* Start of CMSMS style sheet 'default' */
body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	margin:0px;
	padding:0px;
	background-color:#C7E1A0;
	background-position:top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#58871a;
	font-size:13px;
	
}

a {
color:#00ADEF;
text-decoration:underline;
}

a:hover {
color:#006137;
text-decoration:none;
text-decoration:underline;
}

p {
margin:0px;
	padding:0px;
}

#logo {
margin-left:21px;
position:absolute;
top:36px;
}

#overall {
width:1003px;
margin:0 auto;
}

#header {
margin-top:10px;
height:107px;
}

#main {
background-image:url(uploads/images/main_bg.png);
 
}

#footer {
background-image:url(images/footer.png);
clear:both;
width:1003px;
height:47px;
margin-bottom:15px;
color:#1a2905;
}

#main_left {
background-image:url(uploads/images/logo.png);
background-repeat:no-repeat;
 font-size:11px;
width:200px;
float:left;
}

#main_right {
float:left;
width:700px;
text-align:justify;
padding: 10px 10px 10px 40px;
}

#login{
margin-left:60px;
margin-top:10px;
padding-top: 10px;
width:140px;
font-size:11px;
}

#login table {
 font-size: 10px;
}

#uporabniki {
margin-left:60px;
width:135px;
}





#menu_vsebina {
color:#58871a;
margin-left:60px;
margin-top:125px;
}

#menu_vsebina ul {
margin:0px;
margin-left:0px;
padding:0px;
list-style:none;
}

#menu_vsebina li {
list-style:none;
width:135px;
display:block;
height:20px;

}

#menu_vsebina li a {
color:#58871a;
background-image:url(images/menu_li.jpg);
background-position:bottom;
background-repeat:no-repeat;
text-decoration: none;
font-size:13px;
display:block;
padding-left:15px;
margin-bottom:3px;
width:120px;
height:20px;

}

#menu_vsebina li a:hover {
background-image:url(images/menu_li_over.jpg);
padding-left:25px;
background-position:bottom;
background-repeat:no-repeat;
width:110px;
list-style:none;
display:block;
height:20px;
}

#menu_vsebina li.separator {
 text-indent: -10000px;
 padding: 5px 0px 0px 0px;
 margin-bottom: 5px;
 background: none;
display:block;

}

li.currentpage {
/*background-image:url(images/menu_li_over.jpg);
padding-left:25px;
background-position:bottom;
background-repeat:no-repeat;
width:110px;*/
}

h1 {
margin:0px;
padding:0px;
font-size:18px;
padding-bottom:15px;
color:#00ADEF;
}


h2 {
margin:0px;
padding:0px;
font-size:14px;
padding-bottom:15px;
}

#footer_left {
font-size:9px;
float:left;
width:390px;
padding-top:40px;
padding-left:50px;
}

#footer_right {
font-size:9px;
float:left;
width:180px;
padding-top:40px;
padding-left:30px;
text-align:right;
}

#footer_right a, #footer_center a{
text-decoration:underline;
color:#1a2905;
}


#footer_center {
font-size:9px;
float:left;
width:310px;
padding-top:40px;
text-align:left;
}

#footer_right a:hover, #footer_center a:hover{
text-decoration:none;
color:#1a2905;
}

#login input {
border:1px solid #cacaca;
width:125px;
margin:4px 0px;
font-size:11px;
color:#1a2905;
}

.vinput input  {
border:1px solid #cacaca;
width:100px;
font-size:11px;
color:#1a2905;
}


.pozgeslo input  {
border:1px solid #cacaca;
width:200px;
font-size:11px;
color:#1a2905;
}

.prijavnica input  {
border:1px solid #cacaca;
width:150px;
font-size:12px;
color:#1a2905;
}

.prijavnica textarea {
border:1px solid #cacaca;
font-size:12px;
color:#1a2905;
}

#sub input, #gumb1 input {
border:1px solid #cacaca;
color:#1a2905;
margin-left:60px;
width:66px;
}

#sub input:hover, #gumb1 input:hover{
color:#ffffff;
background-color:#1a2905;

}

#login a {
font-size:10px;
color:#8cc63f;
text-decoration:none;
}

#login a:hover {
 text-decoration:underline;
}

.napaka {
color:#cc0000;
padding:3px 0px;
}

.calendar-event {
  padding: 5px 0px 20px 5px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}


.calendar-returnlink {
padding: 10px 0px;
}

#datoteke {
float:right; 
width:160px; 
display:block; 
padding:8px; 
border:1px solid #dee7d1; 
margin-left:10px; 
background-color:#f7f9f3;
}

#datoteke a{
font-size:10px;
font-weight:normal;
}

.dat_title {
font-weight:bold;
padding-bottom:8px;
}



.logo-container
{
    width: 150px;
    height: 200px;

}
.logo-container .logo
{
    max-width: 100%;
    max-height: 50%;
    margin-top: 10px;
    margin-left: 2px;
}

.logo-container .logo img
{
    position:absolute;
    max-width: 100%;
    max-height: 70%;
}
#FirstIMG
{
    max-height: 85%;
}

#SecondIMG
{
    animation: myanim 7s ease infinite forwards;
}
#ThirdIMG
{
    animation: myanim 10s ease-in infinite forwards; 
}
#FourthIMG
{
    animation: myanim 12s ease-out infinite forwards;  
}

@keyframes myanim 
{
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}


/* End of 'default' */