body
{
    color: #fff;
    font-size: 13px;
    font-family: Arial;
}

h1
{
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    color: #000;
}

#page h2
{
    font-size: 32px;
    color: #f48020;
    margin: 0px 0px 25px 25px;
    padding: 0px;
}

#page h3
{
    font-size: 20px;
    color: #f48020;
    margin: 3px 0px 7px 0px;
    padding: 0px;
}

#page1 h2
{
    font-size: 32px;
    color: #ec1940;
    margin: 0px 0px 25px 25px;
    padding: 0px;
}

#page1 h3
{
    font-size: 20px;
    color: #ec1940;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#page2 h2
{
    font-size: 32px;
    color: #009ec2;
    margin: 0px 0px 25px 25px;
    padding: 0px;
}

#page2 h3
{
    font-size: 20px;
    color: #009ec2;
    margin: 3px 0px 7px 0px;
    padding: 0px;
}

#page3 h2
{
    font-size: 32px;
    color: #ffd300;
    margin: 0px 0px 25px 25px;
    padding: 0px;
}

#page3 h3
{
    font-size: 20px;
    color: #ffd300;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    padding-top: 10px;
}

#page4 h2
{
    font-size: 32px;
    color: #98c93c;
    margin: 0px 0px 25px 25px;
    padding: 0px;
}

#page4 h3
{
    font-size: 20px;
    color: #98c93c;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#page5 h2
{
    font-size: 32px;
    color: #b31e8d;
    margin: 0px 0px 25px 25px;
    padding: 0px;
}

#page5 h3
{
    font-size: 20px;
    color: #b31e8d;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#datum
{
    float: left;
    font-size: 14px;
    margin: 4px 5px 0px 0px;
    color: #fff;
}


#siva
{
    color: #929497;
    font-style: italic;
}


/* vec */
.vec
{
    margin: 15px 0px 0px 0px;
}

.vec a
{
    clear: both;
    color: #f48020;
    background: url(/html/default/library/images/more.png) no-repeat right 0px;
    text-decoration: none;
    font-size: 16px;
    padding: 2px 30px 2px 0px;
}

.vec a:hover
{
    color: #818385;
    background: url(/html/default/library/images/more.png) no-repeat right -23px;
}

.vec1
{
    margin: 15px 0px 0px 0px;
}

.vec1 a
{
    clear: both;
    color: #ec1940;
    background: url(/html/default/library/images/more.png) no-repeat right -92px;
    text-decoration: none;
    font-size: 16px;
    padding: 2px 30px 2px 0px;
}

.vec1 a:hover
{
    color: #818385;
    background: url(/html/default/library/images/more.png) no-repeat right -23px;
}

.vec2
{
    margin: 15px 0px 0px 0px;
}

.vec2 a
{
    clear: both;
    color: #009ec2;
    background: url(/html/default/library/images/more.png) no-repeat right -115px;
    text-decoration: none;
    font-size: 16px;
    padding: 2px 30px 2px 0px;
}

.vec2 a:hover
{
    color: #818385;
    background: url(/html/default/library/images/more.png) no-repeat right -23px;
}

.vec3
{
    margin: 15px 0px 0px 0px;
}

.vec3 a
{
    clear: both;
    color: #ffd300;
    background: url(/html/default/library/images/more.png) no-repeat right -69px;
    text-decoration: none;
    font-size: 16px;
    padding: 2px 30px 2px 0px;
}

.vec3 a:hover
{
    color: #818385;
    background: url(/html/default/library/images/more.png) no-repeat right -23px;
}


.vec4
{
    margin: 15px 0px 0px 0px;
}

.vec4 a
{
    clear: both;
    color: #98c93c;
    background: url(/html/default/library/images/more.png) no-repeat right -139px;
    text-decoration: none;
    font-size: 16px;
    padding: 2px 30px 2px 0px;
}

.vec4 a:hover
{
    color: #818385;
    background: url(/html/default/library/images/more.png) no-repeat right -23px;
}


.vec5 a
{
    float: left;
    color: #b31e8d;
    background: url(/html/default/library/images/more.png) no-repeat right -46px;
    text-decoration: none;
    font-size: 16px;
    padding: 2px 30px 2px 0px;
    margin: 20px 0px 0px 0px;
}

.vec5 a:hover
{
    color: #818385;
    background: url(/html/default/library/images/more.png) no-repeat right -23px;
}

/* reference */
#reference
{
    font-size: 12px;
    margin: 25px 0px 0px 5px;
    overflow: hidden;
}

#reference #slika
{
    width: 210px;
    float: left;
    margin: 0px 50px 0px 0px;
}

#reference #slika #image
{
    margin: 0px 0px 20px 0px;
    clear: both;
    display: block;
}

#reference #slika #image img
{
    margin: 8px 0px 0px 8px;
}

#reference #slika #image #obroba
{
    position: absolute;
    background: url(/html/default/library/images/img_obroba.png) no-repeat;
    width: 224px;
    height: 144px;
}



/*  kontakt  */
/*input
{
    width: 170px;
    background: #323232;
    color: #fff;
    border: none;
    height: 30px;
    padding: 0px 5px;
    margin: 5px 0px 0px 5px;
}

textarea
{
    width: 210px;
    font-family:Arial;
    font-size:13px;
    padding: 5px;
    height:60px;
    background: #323232;
    color: #fff;
    border: none;
}

.padd
{
    margin: 0px 0px 0px 20px;
}

#opis{
    width: 100px;
}*/

#page a, #page a:visited
{
    text-decoration: none;
    color: #f48020;
}

#page a:hover, #page a:active
{
    color: #818385;
}

#page1 a, #page1 a:visited
{
    text-decoration: none;
    color: #ec1940;
}

#page1 a:hover, #page1 a:active
{
    color: #818385;
}

#page2 a, #page2 a:visited
{
    text-decoration: none;
    color: #009ec2;
}

#page2 a:hover, #page2 a:active
{
    color: #818385;
}

#page3 a, #page3 a:visited
{
    color: #ffd300;
    text-decoration:none;
}

#page3 a:hover, #page3 a:active
{
    color: #818385;
    text-decoration:none;
}

#page4 a, #page4 a:visited
{
    color: #98c93c;
    text-decoration:none;
}

#page4 a:hover, #page4 a:active
{
    color: #818385;
}

#page5 a, #page5 a:visited
{
    color: #b31e8d;
    text-decoration:none;
}

#page5 a:hover, #page5 a:active
{
    color: #818385;
}

/* KONTAKTNI OBRAZEC */
h2#contactform
{
    font-size: 32px;
    color: #b31e8d;
    margin: 0px 0px 25px 25px;
    padding: 0px;
}

input
{
    width: 170px;
    background: #323232;
    color: #fff;
    border: none;
    height: 30px;
    padding: 0px 5px;
    margin: 5px 0px 0px 5px;
    border: solid 1px #323232;
}

textarea
{
    width: 210px;
    font-family: Arial;
    font-size: 13px;
    padding: 5px;
    height: 60px;
    background: #323232;
    color: #fff;
    border: none;
    border: solid 1px #323232;
}

option
{
    font-family: Arial;
    font-size: 13px;
    width: auto;
    float: left;
    padding: 0px 1px 0px 1px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    border: 0px solid #fff;
    background-color: #323232;
}

select
{
    font-family: Arial;
    font-size: 13px;
    width: auto;
    float: left;
    padding: 0px 1px 0px 1px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    background-color: #fff;
    border: 1px #323232 solid;
}

.vrsticaclick a
{
    float: left;
    color: #b31e8d;
    background: url(/html/default/library/images/more.png) no-repeat right -46px;
    text-decoration: none;
    font-size: 16px;
    padding: 2px 30px 2px 0px;
    margin: 20px 0px 30px 0px;
}

.vrsticaclick a:hover
{
    color: #818385;
    background: url(/html/default/library/images/more.png) no-repeat right -23px;
}



.zahvala
{
    padding: 0px 0px 0px 0px;
    width: 410px;
    margin: 20px 0px 0px 0px;
    float: left;
    font-size: 13px;
}

.padd
{
    margin: 0px 0px 0px 20px;
}

#opis
{
    width: 100px;
}

input.Error
{
    border: solid 1px #B31E8D !important;
}


textarea.Error
{
    border: solid 1px #B31E8D !important;
}


/********************************************** 

		FOTOGALERIJA

***********************************************/
.foto_galerija_box{
	width:620px;
	margin:13px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;}
	
.foto_galerija_image{
	width:610px;
	margin-top:30px;
	margin-bottom:10px;
	margin-left: auto;
	margin-right: auto;
	/*background: #e6e7e8;*/
	border:5px solid #e6e7e8;
	padding: 0px;
	float: left;
}

.foto_galerija_image img{
	max-width:610px !important;
	float: none !important;
	margin: 0px auto !important;
	padding: 0px;
	}
	
.foto_galerija_nr
{
    width: 620px;
    color: #58595B;
    float: left;
    text-align: center;
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	position:relative;
}

.foto_galerija_nr .PicCount
{
}
	
.foto_galerija_nav
{
    position: absolute;
    float: right;
	width:620px;
	height:40px;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	
a.foto_prev{
	width:49px;
	height:39px;
	display:block;
	float:left;
	clear:none;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(/html/default/library/images/fotogalerija_nav_green.gif);
	background: red;}
	
a.foto_next{
	width:49px;
	height:39px;
	display:block;
	float:right;
	clear:none;
	background-position:right top;
	background-repeat:no-repeat;
	background-image:url(/html/default/library/images/fotogalerija_nav_green.gif);
	background: red;
	}

.Picture
{
    display: none;
}

.Picture.active
{
    display: block;
}