html, body { 
margin : 0;
padding : 0;
} 
body 
{
	font-family: 'Marmelad', sans-serif;
	font-size:14px;
	/*background:#c5d4e8  top center no-repeat;*/
	background:#D5D6D8  top center no-repeat;
	color : #1F1F1F;
       
} 


a{ color:#265984; }

/*WRAP*/
#wrap {
	width : 900px;
	margin-left : auto;
	margin-right : auto;
	margin-top:15px;
	padding : 0;
	border : 6px solid #fff;
	color : #313F59;
	background : #fff url(images/wrap_bg.jpg) repeat-x;
	-webkit-box-shadow:0px 1px 10px 3px rgba(0, 0, 0, 0.1);
   -moz-box-shadow:0px 1px 10px 3px rgba(0, 0, 0, 0.1);
   box-shadow:0px 1px 10px 3px rgba(0, 0, 0, 0.1);
} 
			/*BANNER*/
#masthead { 
height : 130px;
padding : 0;
margin-bottom : 0;
/* background:url(images/header.jpg); */
} 
			/*MAIN CONTAINER*/
#container {
	width : 885px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 10px;
	padding : 0;
	line-height : 1.8em;
} 
#menucontainer {
	position : relative;
	height : 35px;
	color : #e0e0e0;
	background : #f8c361;
	width : 100%;
} 
#menunav { 
position : relative;
height : 31px;
font-size : 14px;
background : #fff url(images/menu_bg.gif) repeat-x bottom left;
padding : 0 0 0 20px;
margin-top: 0px;
} 
#menunav ul { 
margin : 2px 0 0 0;
padding : 0;
list-style-type : none;
width : auto;
float : left;
} 
#menunav ul li { 
float : left;
padding : 0;
border-left:#2d5893 1px solid;
border-right:#658cbd 1px solid;
text-align:center;
} 
#menunav ul li a { 
float : left;
color : #fff;
text-decoration : none;
padding : 3px 4px 1px 4px;
min-height : 25px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
font-size: 13px;

} 
#menunav ul li a span { 
padding : 7px 20px 0 0;
height : 21px;
float : left;


} 
#menunav ul li a:hover { 


} 
#menunav ul li a:hover span { 
display : block;
width : auto;
cursor : pointer;
} 

			/*HOME*/

#main-home
{
	float:left;
	width:600px;
	margin:15px 3px 0 0;
	border:5px solid #c5d4e8;
	background:#fff;
	
	
	}



#home
{
	float:left;
	width:192px;
	margin:10px 8px 0 0;
	border:3px solid #c5d4e8;
	background:#fff;
	
	}


#home p ,img
{
	padding:0 auto;
	margin:0 auto;
	float:left;
}

#main-home p ,img
{
	padding:0 auto;
	margin:0 auto;
	float:left;
	
	}
#main-home p
{
	text-align:left;
}
#home p
{
	text-align:left;
}

.referencetext
{
	text-align:left;
}


.hometitle
{
	float:left;
	width:177px;
	height:auto;
	line-height:22px;
	font-size:13.5pt;
	letter-spacing:1px;
	background-color:#004182;
	color:#FFF;
	padding:5px 5px 5px 10px;
	border-bottom:2px solid #f8c361;
	}
	
.main-hometitle
{
	float:left;
	width:585px;
	height:auto;
	font-size:19pt;
	letter-spacing:1px;
	background-color:#004182;
	color:#FFF;
	padding:10px 5px 10px 10px;
	border-bottom:2px solid #f8c361;
}

.hometext
{
	padding:10px 10px 10px 10px;
	font-size:12px;
	line-height:18px;
	color:#666;
	}
			
			/*TOP NAVIGATION*/
#content { 
padding : 10px 15px 10px 10px;
margin : 0 0px 0 0;
border-right : 1px solid #eee;
float:left;
width:620px;
} 

#container a{ color:#36609a; }

#container a:hover{ color:#e3b00f; }

#content_flash 
{
	width:660px;
	float:left;
	margin:0 5px 40px 10px;
}


#right_gallery
{
	float:right;
	width:190px;
	margin:55px 3px 0 0px;
}
#right_gallery ul
{
	padding:0;
	margin:0;
	float:left;
	border:3px solid #d8d8d8;
}
#right_gallery li
{
	float:left;
	list-style:none;
}
#right_gallery li a
{
	float:left;
	font-size:11px;
	padding:5px 0 5px 10px;
	width:175px;
	background:#fff;
	color:#487296;
	border-bottom:#ccc 1px dotted;
}
#right_gallery ul li a:hover
{
	background-color:#e9eff5;
	
}
#right_gallery ul li a:current
{
	background-color:#b4c7d7;
	color:#FFF;
}


			/*SIDEBAR*/
			
#navcontainer
{
	background:#FFF;
	border:3px solid #dee7f3;
	padding:2px;
	margin:15px 0 0 0;
	float:left;
	width:210px;
}


#navcontainer p 
{
	padding:0 0 0 10px;
	
}

#navcontainer ul li
{
	padding:0 0 0px 0;
	margin:0 9px 5px -1px;
	border-bottom:#d0e1f0 5px solid;
	float:left;
}

#navcontainer ul li a
{
	font-size:14px;
	letter-spacing:0.4px;
	color:#3D668F;
	text-transform:uppercase;
}
#navcontainer ul li a img
{
	margin:0px 0px 10px 0px;
	padding:0px;
	
}
#navcontainer img
{
	margin:0 0 0 4px;
        max-width: 190px;
        width: 190px;
}

#sidebar { 
float : right;
width : 218px;
margin-top : 0;
padding : 0 5px 0 1em;
} 
#sidebar h3
{
	
	background: url(images/Navcontainer_Title_Background.png) repeat-x;
        font-size: 11px;
        font-weight: 500;
	color:#FFF;
	padding:3px 0 6px 10px;
	margin:0px;
	width:200px;
	}
#sidebar ul
{
	padding:5px 0 0 0;
	margin:0 0 0 10px;
	list-style:none;
	
	}

#sidebar ul li
{
	padding:5px 0 0 0;
	
	}



   /* CONTENT*/

#service-main-page {float: left; border: 2px solid #d6e0ec; width: 418px; height:105px; padding: 5px; margin: 5px 5px;}
#service-main-page img {margin: 5px 7px 5px 5px;}
div#service-main-page h2 {margin: 5px 0px; padding: 0; font-size:18px; line-height: 19px;  color: #376b9e;}
div#service-main-page h2 a {color: #376b9e;} div#service-main-page h2 a:hover {text-decoration: underline;}
div#service-main-page p {margin: 5px 0 0 0; padding: 0; font-size: 12px; color: #555; line-height: 14px;}

   
   
.img_text
{
	float:left;
	padding:5px;
	margin:5px 10px 5px 0;
	border:#CCC 1px solid;
	background-color:#dddddd;
}


.img_text_right
{
	float:right;
	padding:5px;
	margin:5px 0px 5px 10px;
	border:#CCC 1px solid;
	background-color:#dddddd;
}


#referencelist
{
	border-bottom:1px solid #ADC1DA;
	min-height:95px;
	padding:10px 5px ;
        margin-bottom: 10px;
	clear:both;
	float:left; width:98%;
}

#referencelist img
{
	clear:both;
}

#referencelist span
{
	color:#858585;
	font-size:12px;
	margin:0 10px 0 0;
}

#referencelist p {padding: 0; margin: 2px 0 0 0; line-height: 18px;}

#referencelist h2 {padding: 0; margin: 0 0 10px 0; font-size: 18px;}

#referencelist_list
{
}


#referencelist_list ul li span
{
	color:#858585;
	
	margin:0 10px 0 0;
}



#referencemain
{
	
	width:250px;
	padding:15px 25px 15px 15px;
	float:left;
	height:250px;
	
}


#referencemain img
{
	border:2px solid #CCC;
	float:left;
	margin:7px;
	padding:2px;
}

.referencetext_home
{
	color:#3F5C7C;
	font-size:14px;
	line-height:20px;
	margin:0 0 0 0px;
	width:226px;
	padding:5px 0px 10px 10px;
	
	
}

.referencetext
{
	color:#036;
	letter-spacing:0.3pt;
	padding:0;
	margin:5px 0 0 0;
	line-height:16px;
}



.referencetext1
{
	color:#325172;
	
}

.referencetext2
{
	color:#3F5C7C;
	
        
	
}

.referencetext3
{
	color:#3F5C7C;
	
}


#reference_menu {float: left; clear: both; margin-bottom: 20px;}

#reference_menu a
{
	float:left;
	background:#305b96;
	color:#FFF;
	padding:3px 10px;
	border:1px solid #FFF;
	margin:15px 3px 10px 0px;
}

#reference_menu a:hover
{
	color:#CCC;
	
}

#reference_submenu
{
	float:left;
	margin:0 0 20px 0;
	padding:0;
	width:630px;
}

#reference_submenu a
{
	float:left;
	background:#D1923A;
	color:#FFF;
	padding:2px 6px;
	border:1px solid #FFF;
	margin:5px 3px 0px 0px;
	font-size:11px;
	letter-spacing:0.3px;
	
}

#reference_submenu a:hover, #reference_submenu a:active
{
	color:#CCC;
}



ul#mainlist
{
	list-style-image:url(images/list.png);
	list-style-position: inherit;
	padding-right:20px;
	
}

ul#mainlist li {
	margin:10px 0;
	color:#265984;
	border-bottom:1px solid #dee7f3; 
	font-family:'Roboto Condensed', sans-serif;
}
ul#mainlist ul li { text-transform:none; margin:0; border:0; }
ul#mainlist ul
{
	list-style-image:url(images/sublist.png);
	list-style-position: inherit;
	font-size:11px;
}

#container p
{
	text-align:left;
	font-family:'Roboto Condensed', sans-serif;
}

#container p.tekst
{
	text-align:justify;
	line-height:18px;
	font-family:'Roboto Condensed', sans-serif;
}



			/*FOOTER*/
#footer { 
clear : both;
/*height : 70px;*/
padding : 10px 0 0 0;
margin-bottom : 0;
margin-top : 20px;
text-align : center;
border-top : 5px solid #f8c361;
color : #c8daef;
background : #3c5f88;
font-size:12px;
font-family: 'Roboto Condensed', sans-serif;
} 

#footer a
{
	color:#CCC;
	padding:0 10px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	}



			/*TYPOGRAPHY*/
h1 { 

margin : 0 0 5px 0;
padding : 5px 0 0px 5px;
/*letter-spacing : 0.5px;*/
color:#036;
border-bottom:1px solid #FC0;
font-weight: normal;
font-family:'Roboto Condensed', sans-serif;
} 
h2 {
	
	margin : 0;
	letter-spacing : 0.2px;
	color : #4592be;
    font-weight: normal;
	font-family:'Roboto Condensed', sans-serif;
} 
h3 { 
margin : 0;
padding : 20px 0 10px 0;
text-transform : uppercase;
letter-spacing : 0.4px;
color : #143c55;
}
blockquote {
font-style : italic;
color : #b29b35;
} 
			/*LINKS*/

a img {
border: 0;
}
			/*IMAGES*/
.left { 
float : left;
border : 0 solid #656c4a;
margin : 5px 0 10px 0;
padding : 10px;
} 
			/*SEARCH BOX*/
legend { 
margin-bottom : 30px;
color : #143c55;
} 
input { 
background : #eee;
} 


.logos_box {
    float: left;
    width: 620px;
}
.logos_box .box_1 img {
    margin-right: 6px;
}
.logos_box .box_1 {
    float: left;
    width: 456px;
}
.logos_box .box_2 {
    float: left;
    width: 490px;
}
.logos_box .box_2 img {
    margin-right: 6px;
}

/* start new front page */

#service-main-page {
    display: inline-block;
	vertical-align: top;
    border: 2px solid #d6e0ec;
    width: 260px;
	height: 485px;
    padding: 5px;
    margin: 5px 5px;
	position:relative;
}

#service-main-page img {
	width: 100%!important;
	height: auto!important;
	border-radius: 50%!important;
	margin:0!important;
	margin-bottom:15px!important;
}

#service-main-page h2 {
	font-weight: 300;
	font-style: normal;
	font-family: 'Roboto Condensed', sans-serif;
	color: #376b9e!important;
	font-size: 22px!important;
	line-height: 1.2!important;
	letter-spacing: 0px;
	text-align:center;
}

#service-main-page p {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 12px;
	color: #555;
	line-height: 15px;
/*	font-family: 'Marmelad', sans-serif; */
	font-family: 'Roboto Condensed', sans-serif;
}

.povekje {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #ffffff!important;;
	background-color: #242323;
	border-color: transparent!important;
	padding: 5px 5px 5px 5px;
    line-height: 18px;
    display: inline-block;
    border: 1px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    text-align: center;
    -webkit-transition: all .3s ease!important;
    transition: all .3s ease;
	position: absolute;
	bottom:5px;
	text-decoration:none;
}

.povekje:hover {
	background-color: #e3b00f;
}

.divider-front {
	border-width: 1px;
	border-style: solid;
	border-color: #686868;
	width:80%;
	margin-top:15px;
}


/* end new front page */