@charset "utf-8";

/* CSS Document */



/* Resets */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

:focus{outline:0}



ol, ul{list-style:none}



blockquote:before, blockquote:after, q:before, q:after{content:""}



blockquote, q{quotes:"" ""}



strong{font-weight:bold}



em{font-style:normal}



a{text-decoration:none; cursor:pointer}



a:link {

	text-decoration: none;

	color:#00F;

}

a:visited {

	text-decoration: none;

	color:#009;

}

a:hover {

	text-decoration: blink;

	color:#36F;

}

a:active {

	text-decoration: none;

	color:#0CF;

}



body {

	background-color:#01152d;

}



h1 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:24px;

	font-weight:bold;

	color:#333;

}



h2 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:16px;

	font-weight:bold;

	color:#333;

	padding-left:10px;

}



h3 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	font-weight:bold;

	padding-top:14px;

	padding-bottom:7px;

}





/* HEADER */

#header_bg {

	width:100%;

	height:235px;

	background-image:url(images/header_bg.jpg);

}

#header {

	width:1040px;

	height:235px;

	background-image:url(images/header.png);

	margin:auto;

}

#loggin_bg {

	width:1040px;

	height:61px;

}

#loggin_desc {

	width:555px;

	height:61px;

	padding-left:25px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#FFF;

	float:left;

}

#loggin {

	width:435px;

	height:56px;

	padding-left:20px;

	float:left;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#FFF;

}

#registracija {

	font-size:10px;

	font-weight:bold;

	text-align:right;

	padding-top:1px;

	padding-right:13px;

	padding-bottom:5px;

}

a:link.registracija {text-decoration:none; color:#d1d1d1}

a:visited.registracija {text-decoration:none; color:#d1d1d1}

a:hover.registracija {text-decoration:none; color:#6F6}

a:active.registracija {text-decoration:none; color:#ffe485}

input.loggin {

	width:90px;

	height:15px;

	border:none;

	border-bottom:solid 1px #FFF;

	background-color:#545960;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	color:#FFF;

}

input.loggin_button {

	border:none;

	background-color:#545960;

	color:#FFF;

	font-weight:bold;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	cursor:pointer;

}

#menu_left {

	width:25px;

	height:174px;

	background-image:url(images/menu_left.png);

	float:left;

}

#menu_mid {

	width:auto;

	height:64px;

	background-image:url(images/menu_mid.png);

	float:left;

	padding-top:110px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:22px;

	font-weight:bold;	

}

#menu_right {

	width:24px;

	height:174px;

	background-image:url(images/menu_right.png);

	float:left;

}

/* HEADER END */



/* CONTENT */

#body_up {

	width:1040px;

	height:28px;

	background-image:url(images/body_up.png);

	margin:auto;

}

#body_mid_pocetna {
	width:1040px;
	height:auto;
	background-image:url(images/body_mid.png);
	margin:auto;
	overflow:hidden;
}

#body_mid {

	width:1040px;

	height:auto;

	background-image:url(images/body_mid.png);

	margin:auto;

}

#body_bottom {

	width:1040px;

	height:5px;

	background-image:url(images/body_bottom.png);

	margin:auto;

}

#content_title {

	width:983px;

	margin-left:20px;

	margin-right:17px;

	padding-left:20px;

	padding-top:7px;

	border-bottom:1px solid #333;

}

#content_text {

	margin-left:35px;

	margin-right:17px;

	padding-top:7px;
	
}

.content_column {

	font-family: Tahoma, Geneva, sans-serif;

	font-size:12px;

	text-align:justify;

}

.content_column_about {

	font-family: Tahoma, Geneva, sans-serif;

	font-size:13px;

	text-align:justify;

}

#column_1U {

	width:289px;

	height:150px;

	padding:15px 15px 5px 15px;

	border-right:1px dotted #CCC;

	border-left:1px dotted #CCC;

	float:left;

}

#column_3U {

	width:931px;

	height:120px;

	padding:15px 15px 5px 15px;

	border-right:1px dotted #CCC;

	border-left:1px dotted #CCC;

	float:left;

}

a.content_column {

	font-family: Tahoma, Geneva, sans-serif;

	font-size:12px;

	font-weight:bold;

	text-align:right;

	padding-right:20px;

}	

a:link.content_column {color:#333;}

a:visited.content_column {color:#333}

a:hover.content_column {color:#060;}

a:active.content_column {color:#090}

#content_row {

	width:964px;

	border-bottom:1px dotted #CCC;

	height:7px;

	float:left;

	margin-bottom:7px;

}

#content_logo {

	width:973px;

	height:170px;

	margin-left:30px;

	margin-right:17px;

	padding-left:20px;

	padding-top:7px;

	border-bottom:1px solid #333;

	text-align:right;

	float:left;

}

#reference {

	text-align:left;

	font-family: Tahoma, Geneva, sans-serif;

	font-size:14px;

	float:left;

	width:750px;

	height:150px;

}

#content_footer {

	width:983px;

	height:33px;

	margin-left:20px;

	margin-right:17px;

	padding-left:20px;

	float:left;

}

#contact_label {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	font-weight:bold;

	margin-bottom:5px;

}

#contact_field {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	margin-bottom:5px;

}

.kontejner-text {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:1.5em;

	color:#3e414c;

}

.reference {
	
	border:2px dashed #DDD;

	width:850px;

	height:130px;

	margin-left:50px;
	
	color:#555;

}

.reference:hover {
	
	border:2px solid #85ACD3;
	
	color:#003;
	
}

.reference a {

	text-decoration:none;

	font-size:13px;

	color:#999;

}

.reference a:hover {

	color:#666;

}

	

.input{

	font-size:12px;

	width:200px;

	border:1px solid #CCC;

	background-image:url(images/input_bg.png);

	height:18px;

	vertical-align:text-bottom;

}

.inputarea{

	font-size:12px;

	line-height:12px;

	width:200px;

	border:1px solid #CCC;

	background-color: #FBFBFB;

}

.contact_legend {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	font-weight:bold;

	text-align:center;

}

#greska {

	color:#F30;

}

#poslano {

	color:#093;

}

.cjenik {

	padding:10px;

	border:1px sloid #333;

	font-family:Verdana, Geneva, sans-serif;

	font-weight:bold;

	font-size:15px;

	margin:0px auto;

	width:900px;

	height:200px;

	border-bottom:1px dotted #999;

}

.cjenik1 {

	padding:10px;

	border:1px sloid #333;

	font-family:Verdana, Geneva, sans-serif;

	font-weight:bold;

	font-size:15px;

	margin:0px auto;

	width:900px;

	height:131px;

	border-bottom:1px dotted #999;

}

#cjenik_opis {

	float:left;

	width:700px;

	height:127px;

}

#cjenik_opis1 {

	float:left;

	width:900px;

	height:80px;

}



#cjenik_tehnologije {

	float:left;

	width:700px;

}

#cjenik_tehnologije1 {

	float:left;

	width:540px;

}

#cjenik_tehnologije h2 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#666;

	padding:5px 60px 0px 25px;

}

#cijena {

	float:right;

	text-align:right;

	width:350px;

}

.cjenik h1 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:20px;

	font-weight:bold;

	color:#333;

	padding-left:14px;

}

.cjenik h2 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#666;

	padding:7px 60px 0px 25px;

}

.cjenik h3 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#666;

	padding:0px 60px 0px 70px;

}

.cjenik1 h1 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:20px;

	font-weight:bold;

	color:#333;

	padding-left:14px;

}

.cjenik1 h2 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#666;

	padding:7px 60px 0px 25px;

}

.cjenik1 h3 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#666;

	padding:0px 60px 0px 70px;

}

#cjenik_naslov {

	font-family:Verdana, Geneva, sans-serif;

	font-size:13px;

	font-weight:bold;

	background:#EEE;

	padding:5px 30px;

	margin-top:30px;

	margin-right:10px;

	border-bottom:1px dotted #999;

}

#admin_izbornik {

	background:#EEE;

	border-bottom:1px dotted #999;

	margin-right:10px;

	padding:5px 30px;

	text-align:center;

	margin-bottom:13px;

}

/* CONTENT END */



/* FOOTER */

#footer_bg {

	width:100%;

	height:205px;

	background-image:url(images/footer_bg.jpg);

	float:left;

}

#footer {

	width:1040px;

	margin:auto;

	background-image:url(images/footer_light.png);

}

#links {

	margin-top:30px;

	padding-top:2px;

	height:18px;

	color:#999;

	font-weight:normal;

	text-align:center;

	font-family: Verdana, Geneva, sans-serif;

	font-size:12px;

	}

#links a {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#999;

}

#links a:hover {

	color:#FFF;

	font-weight:bold;

}

#copyrights {

	color:#727FA1;

	font-family:Verdana, Geneva, sans-serif;

	font-size:13px;

	font-weight:bold;

	text-align:center;

	margin-top:18px;

}

.statistika {

	float:left;

	color:#09F;

	margin-left:20px;

}

#stats_broj {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	font-weight:bold;

	text-align:right;

	min-width:50px;

	padding-right:4px;

}

#stats_opis {

	font-family:Verdana, Geneva, sans-serif;

	font-size:11px;

	font-weight:normal;

	text-align:left;

	padding-right:30px;

	min-width:130px;

}

#slijedi_me {

	margin-left:800px;

	color:#666;

	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-weight:bold;

	padding-bottom:11px;

}

/* FOOTER END */





#u_izradi_bg {

	background-image:url(images/u_izradi_bg.jpg);

	width:980px;

	height:46px;

}

#u_izradi_start {

	background-image:url(images/u_izradi_start.png);

	width:10px;

	height:46px;

	float:left;

}

#u_izradi_prog {

	background-image:url(images/u_izradi_prog.jpg);

	height:41px;

	text-align:center;

	font-family:Verdana, Geneva, sans-serif;

	font-size:30px;

	font-weight:bold;

	font-style:oblique;

	float:left;

	padding-top:5px;

}

#u_izradi_end {

	background-image:url(images/u_izradi_end.png);

	width:10px;

	height:46px;

	float:left;

}

#manje_posto {

	height:41px;

	text-align:center;

	font-family:Verdana, Geneva, sans-serif;

	font-size:30px;

	font-weight:bold;

	font-style:oblique;

	float:left;

	padding-top:5px;

	margin-left:3px;

	color: #578FE3;

}

#contact_container {
	width:783px;
	height:auto;
	overflow:hidden;
	display:block;
	margin:0px auto;
}
#contact_header {
	width:100%;
	height:125px;
	display:block;
	overflow:hidden;
	background-image:url(images/kontakt_header.jpg);
	background-position:top;
}
#contact_bg {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	background-image:url(images/kontakt_bg.jpg);
}
#contact_bottom {
	width:100%;
	height:46px;
	display:block;
	overflow:hidden;
	background-image:url(images/kontakt_bottom.jpg);
	background-position:top;
}
.conLC {
	width:30%;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#333;
	float:left;
}
.conRC {
	width:60%;
	height:30px;
	float:left;
}
.conRC input {
	background:none;
	border:none;
	border-bottom:2px solid #CCC;
	color:#999;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	padding:0px;
	padding-left:10px;
	margin:0px;
	width:300px;
	font-weight:bold;
}
.conRC input:hover {
	color:#666;
	border-bottom:2px solid #666;
}
.conRC input:focus {
	color:#333;
	border-bottom:2px solid #333;
}
.conRC select {
	background:none;
	border:none;
	border:2px solid #CCC;
	color:#999;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	padding:0px;
	padding-left:10px;
	margin:0px;
	width:300px;
	font-weight:bold;
}
.conRC select:hover {
	color:#333;
	border-bottom:2px solid #333;
}
.conRC select:focus {
	color:#333;
	border-bottom:2px solid #333;
}
#contact_bg textarea {
	width:400px;
	height:120px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	border:2px dashed #CCC;;
	padding:10px;
	color:#999;
	margin-top:10px;
	margin-right:50px;
	max-width:600px;
	max-height:320px;
}
#contact_bg textarea:hover {
	color:#666;
	border:2px dashed #999;
}
#contact_bg textarea:focus {
	color:#333;
	border:2px dashed #999;
}
.err {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#F60;
	margin:0px 50px 5px 150px;
	width:500px;
	float:left;
}
#new_message {
	width:180px;
	height:47px;
	display:block;
	background-image:url(images/nova_button.jpg);
	background-position:top;
	float:right;
	margin:15px 60px 0px 0px;
	cursor:pointer;
}
#new_message:hover {
	background-position:bottom;
}