@charset "utf-8";

body {
	font-family:Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.oneColElsCtr #container {
	width: 904px;
	height:620px;
	
	background: #FFFFFF;
	margin: 5px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}



#logo {
	float:left;
	margin:0px auto;
	width:100%;
	}
#logo img{
	float:none;
	text-align:center;
	width:240px;
	}
	
.header {
	float:left;
	width:100%;
	height:300px;
	padding:0px;
	margin:0px;
	}
	#cont {
	
	*height:308px;
	*margin-top:-5px;
	}
.headerx {
	height:235px;
	
	padding-top:3px;
	padding-left:1px;
	
	
	text-align: left;
	display: block;
	background: #fff url(cssimg/header-bg.jpg) no-repeat;
	*background-position:1px 0px;
	_background-position:1px 0px;
}

.header img {
	float:left;
	margin:2px 2px;
	}

.content {
	margin:5px 0px;
	padding:0px;
	float:left;
	width:904px;
	height:250px;

	font-size:12px;
	text-align:justify;
}
#lefttitle {
	color:#4b8ba9;
	position:relative;
	width:220px;
	height:auto;
	float:left;
	z-index:5 !important;
}
#lefttitle  h3{
	font-size: 20px;
	font-weight:100;
	text-align:left;
	margin:10px 10px ;
}
#textinfo {
position:relative;
width:650px;
height:245px;

font-size:12px;
float:left;
margin-top:0px;
z-index:0;



border-left:solid 2px #cbdde5;
padding-left:25px;
padding-top:0px;
color: #666;

}

#textinfo h1{
padding:15px 0px 5px 0px;
margin:0px;
font-weight:normal;
font-size:20px;z-index:0;

}
#textinfo h2{
margin:0px;
padding:0px;z-index:0;
}
#textinfo h3{
margin:0px;
padding:10px 0px 0px 0px;z-index:0;
}
#textinfo p{
margin:15px 5px 10px 0px;
padding:0px;z-index:0 !important;
}
#textinfo img{
float:left;
margin: 15px 15px 5px 0px;
border: #E3E1D5 1px solid;
padding:3px;
}

#textinfo a{
color:#4b8ba9;
padding:0px ;
margin:0px;
text-decoration:none;
font-size:11px;

}
#textinfo table{
width:250px;
font-size:14px ;

}
#textinfo table tr td{
font-weight:bold;
font-size:14px ;

}

.linke {
width:154px !important;
height:14px;
display:table;
float:left;
text-align:center;
margin:1px !important;
padding-top:2px !important;
background-color: #E5E5E5;
color:#666666 !important;
font-size:10px !important;


line-height:11px;
}
#last {
border:none !important;
}

#textinfo a:hover{
color:#fff;

background:#90b6c8;

}

#footer {
position:relative;
font-size:0.7em;
color:#999999;
float:left;
line-height:20px;
border-top:#cbdde5  solid 1px;
width:890px;
text-align:center;
padding:0px;
margin-top:0px;
margin-left:5px;
}
#footer a{
text-decoration:none;
color: #999999;  
font-weight:bold;
}
#footer a:hover{
color:#333333;
}

#contact {
margin-top:10px;
font-size:1.1em;
padding:0px;

}
#contact a{
color:#6699CC;
text-decoration:none;
font-weight:bold;
}
#contact a:hover {
color:#336666;
}

#on {
color:#006699 !important;
font-weight:bold;
padding-right:10px;
background:url(../images/arrow.gif) no-repeat 152px 6px;}

#cont_list {
position:absolute;
vertical-align:bottom;
bottom:0px;
padding-top:20px;
width:650px;
margin:0px;
padding:0px;

}
#cont_list li{ 
background:#cbdde5;
margin:1px;
list-style:none;
font-size:10px;
width:160px;
float:left;
height:14px;
text-align:left;
text-align:center;

}
#cont_list li a{
background:#cbdde5;
color: #4b8ba9;
width:160px;
height:14px;
display:block;
margin:0px !important;

}
#cont_list li a:hover{
background:#90b6c8 !important;
}


#gallery {
padding:0px;
width:904px;
height:254px;
display:block;
float:left;
margin:0px;
}

.text_block {
float:left;
width:210px;
height:235px;
margin:5px 21px 0px 0px;
_margin:5px 10px 0px 0px;
padding:0px;
}
.text_block  h1{
font-size:16px !important;
padding-left:2px !important;
padding-bottom:0px !important;

margin:0px !important;
display:inline;
}
.text_block  h1 a{
font-size:16px !important;
padding-left:2px !important;
color:#999999 !important;
}
.text_block  h1 a:hover{
color:#90b6c8  !important;
background-color:#FFFFFF !important;
}

.text_block  img{
padding:3px	;
border:1px solid #E0E0E0;
margin:7px  0px!important;
}
.text_block  p{
text-align:justify;
padding:5px 3px 0px 3px !important;
font-size:11px;
margin:4px 0px !important;
}



/* UNUTS */

#plan {
width:620px;
padding:0px;
margin:0px;
height:200px;
float:left;
text-align:center;

}
#plan a {
padding: 0px !important;
margin:0px !important;}

#plan h1 {
font-size:12px; font-weight:bold;
text-align:left;
float:left;
padding:15px 0px 0px 0px !important;
margin:0px !important;}

#plan h1 span{
font-size:10px;
font-weight:normal;}

#video {
width:277px;
padding:0px 2px;
height:227px;

float:left;

    background:url(../images/loader.gif)  #FFFFFF no-repeat center center;
  

}

.center_unit {
width:450px;
height:225px;
display:block;
border:1px solid #DEE9EB;
float:left;
margin:2px;

}

.center_unit h2{
padding:0px 20px;
margin:1px 1px;
background-color:#cbdde5;
float:left;
width:60px;
font-size:16px;
color: #fff;
}

.center_unit a{
float:right;
width:90px;
height:18px;
padding-top:2px;
text-align:center;
vertical-align:middle;
display:block;
background-color:#cbdde5;
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#669999;
margin:1px;

}

.center_unit a:hover{
background: #90b6c8 !important;
color:#FFFFFF;
}

.planitem {
margin-top:10px;
float:left;
}

.planitem a{
width:196px;
height:152px;
display:block;
background:url(../images/sitemap/sitemap.jpg) no-repeat #FFFFFF;}

.planitem a:hover { 
background:url(../images/sitemap/sitemap-hover.jpg) no-repeat #FFFFFF !important;
}

.planitem2 {margin-top:10px;
background:url(../images/sitemap/sitemap2.jpg) no-repeat #FFFFFF;
width:186px;
height:152px;
display:block;
float:left;
}
.planitem3 {margin-top:10px;
background:url(../images/sitemap/sitemap3.jpg) no-repeat #FFFFFF;
width:196px;
height:152px;
display:block;
float:left;
}

.links a {
padding:2px !important;
float:left;}

.next {
float:right;
padding:0px;
margin:0px -10px 0px 0px;


}
.prev {
float:left;
padding:0px;
margin:0px  4px;



}
.next img {
margin:0px;
padding:0px;}



#slide {
margin:0px;
padding:0px;
}
#slide img {
margin:0px;
padding:0px;
width:98px;
height:98px;
}
#slide a {
width:100px;
height:100px;
margin:2px;
float:left;
border:#cbdde5 2px solid;
}
#slide a:hover {
border:#90b6c8 2px solid;
}