/*�������������������������������������������������������������������
Basic Style Sheet
version: 1.0
author: EBIT IT
email: info@ebit.hr
website: http://www.ebit.hr/
�������������������������������������������������������������������*/

@charset "utf-8"; 

/* reset the elements */
@import url("reset.css") all;

/* General HTML Styles */

/* BEGIN RESETS CSS */
/* HTML5 tags */

article, aside, dialog, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
font-family: Tahoma, Arial, Calibri, Verdana, sans-serif;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figcaption, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
border: 0;
padding: 0;
outline: 0;
font-size: 1em;
vertical-align: baseline;
background-color: transparent;
font-family: Tahoma, Arial, Calibri, Verdana, sans-serif;
}
body{
		background: url(../img/header.jpg) repeat-x 0 0 #F6FAFD;
}
a {
margin: 0;
border: 0;
padding: 0;
font-size: 1em;
vertical-align: baseline;
background-color: transparent;
}

abbr[title], dfn[title] {
border-bottom: 1px dashed #CCC;
cursor: help;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

del {
text-decoration: line-through;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}
:visited{
	color: #0001fc;
}
ins {
text-decoration: none;
}

mark {
color: #000;
background-color: #FF9;
font-style: italic;
font-weight: bold;
}

ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

textarea { 
margin: 0; padding: 0; 
}

/* END  RESETS CSS */
/*----------------------------------------------------------------------------------------------------------------*/
#home{
	margin: 0 auto;
	width: 980px;
}
header{
	width: 920px;
	height: 160px;
}

a#logo{
	background: url(../img/logo.png) no-repeat 0 0;
	text-indent: -500em;
	letter-spacing: -500em;
	width: 245px;
	height: 90px;
	float: left;	
	margin: 20px 0 10px;
	}

.box{
		background: url(../img/aaa.png) no-repeat 0 0;
		width: 73px;
		height: 70px;
		display: inline-block;
		margin: 20px 0 0 200px;
}
.dataBox{
	float: right;
	margin: 20px 0 0;
	color: #616161;
	font-size: 12px;
	text-align: right;
}
.dataBox a{
	text-decoration: none;
}

a.SelLang{
		background: url(../img/croatian.png) no-repeat 0 0;
		width: 24px;
		height: 24px;
		display: inline-block;
		margin: 44px 0 0;

}
a.SelLangArg{
	background: url(../img/english.png) no-repeat 0 0;
	width: 24px;
	height: 24px;
	display: inline-block;
	margin: 0 0 0 19px;
}

/*----------------------------------------navigacija------------------------------------------------------------------------*/
nav {
	border-bottom: 5px solid #0607e9;
	width: 920px;
	clear: both;
}
nav li{
		display: inline-block;
		padding: 0 34px;
}
nav li a{
		display: inline-block;
		text-decoration: none;
		padding: 0 0 11px;
		font-size: 16px;
}
nav li a:hover{
	color: #da251d;
	background: url(../img/active-cursor.png) no-repeat 18px 22px;
}
.active{
	color: #da251d;
	background: url(../img/active-cursor.png) no-repeat 18px 22px;
}
/*----------------------------------------slider------------------------------------------------------------------------*/

.MainSlider{
		background: url(../img/bg-slider.png) repeat 0 0;
		width: 890px;
		height: 300px;
		margin: 30px 5px 5px;
		padding: 10px;
}
/*----------------------------------------body------------------------------------------------------------------------*/
section{
	width: 930px;
}
hgroup{
background: url(../img/box-group.png) repeat-x 0 0 #fcfcfc;
border: 1px solid #adadad;
border-radius: 5px 5px 0 0;
margin: 20px 11px 0;
width: 280px;
display: inline-block;
}
hgroup h2{
color: #0001fc;
padding: 20px 0 0 5px;
}
hgroup a{
color: #ff0000;
font-size: 11px;
text-decoration: none;
float: right;
padding: 5px;
}
hgroup img{
	margin: 0;
	padding: 0;
}
.novosti{
border: 1px solid #adadad;
border-radius: 5px 5px 0 0;
margin: 20px 11px 0;
width: 150px;
z-index: 1;
background: url(../img/box-group.png) repeat-x 0 0 #fcfcfc;
color: #0001fc;
}
.novosti h2{
	padding: 10px 20px;
	width: 140px;
}
article.novost{
display: inline-block;
width: 255px;
margin: 20px;
vertical-align: top;
}
article.novost a img {
max-width: 80px;
display: inline-block;
vertical-align: top;

}
article.novost a{font-size: 12px; text-decoration: none; text-align: right;}
article.novost p {
display: inline-block;
width: 165px;
font-size: 12px;
margin: 0 0 0 5px;
color: #848484;
}
article.novost h2{
	color: #d9221a;
}
article.novost span {
display: inline-block;
width: 170px;
font-size: 12px;
margin: 0 0 0 5px;
color: #3233f2;
}
/*----------------------------------------list------------------------------------------------------------------------*/
article.ListClasses{
		background: url(../img/line.png) no-repeat 0 0;
		margin: -30px 0 0;
		padding: 50px 0 0;
}
.clases{
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	width: 285px;
	margin: 0 9px 20px;
	background: url(../img/g.jpg) repeat 0 0;
	display: inline-block;
	vertical-align: top;
	min-height: 195px;
}
.clases dd{
	background: url(../img/kvacica.png) no-repeat 0 10px;
	padding: 5px 0 5px 40px;
	margin: 7px;
	color: #5b5b5b;
	}

	.novostiBox{
	background: url("../img/box-bg.png") repeat-x scroll 0 0 #FCFCFC;
	margin: 0;
	padding: 0;
	width: 900px;
	border-radius: 5px;
	border: 1px solid #adadad;
	z-index: 2;
	margin: -5px 11px 0;
	}
	
	.download{background: url(../img/word_icon.png) no-repeat 0 0 #F6FAFD;
				padding: 0 20px 0;
				color: #848484;
	}
/*----------------------------------------footer------------------------------------------------------------------------*/
footer{
		background: url(../img/footer.jpg) repeat-x 0 0 #F6FAFD;
		height: 56px;
		text-align: center;
		color: #e1e0e0;
		vertical-align: middle;
		font-size: 11px;
		margin: 20px 0 0;
		padding: 20px 0 0;
}
footer a{
	color: #3233f2;
	text-decoration: none;
}
footer a:hover{
	color: #b1b1b1;
}
/*----------------------------------------o nama------------------------------------------------------------------------*/
.contentBox{
	background: url("../img/box-bg.png") repeat-x scroll 0 0 #FCFCFC;
	width: 860px;
	border-radius: 5px;
	border: 1px solid #adadad;
	z-index: 2;
	margin: -5px 11px 0;
	padding: 20px;
	font-size: 14px;
	color:#4d4d4d;
}
.contentBox iframe{
	display: inline-block;
}
.contentBox span{
	display: inline-block;
	vertical-align: top;
	margin: 0 60px 0 0;
}
.contentBox img{
	max-width: 100px;
	float: left;
	margin: 0 15px 10px 0  ;
}
/*----------------------------------------kontakt------------------------------------------------------------------------*/
.TableStyle{
	padding: 0;
	width: 450px;
}
.text2 
{
	display:inline-block; 
	width: 380px;
	margin: 10px 40px 0 0 ;
	font-size: 13px !important;
	vertical-align: top;
}
.text{
	width: 400px;
	text-align: center;
	margin: 50px 20px 0;
}
.text h2{
	font-size: 18px;
	color: #0001fc;
	font-weight: bold;
}
.text2 p{
	color: #4b4b4b;
}
.text2 a{
	color: #3233f2;
}
.text2 a:hover{
	color: #848484;
}
.text_input2 {
	width: 231px;
	padding: 5px;
	vertical-align: top;
	margin: 5px;
	color: #5B5B5B;
}
.text_input3 {
	width: 100px !important;
	padding: 5px;
	vertical-align: top;
	margin: 5px;
	color: #5B5B5B;
}
.text_input {
	width: 120px;
}
.reload{margin: 0 !important; }
textarea{
	margin: 5px;
	
}
#botun{
	color: #5b5b5b;
	padding: 2px 13px;
	border-radius: 3px;
	background: url(../img/box-bg.png) repeat-x 0 0;
	margin: 10px 0 0;
	width: 50px;
	cursor: pointer;
}
/*----------------------------------------usluge------------------------------------------------------------------------*/
article.usluge{
	background: url("../img/box-bg.png") repeat-x scroll 0 0 #FCFCFC;
	padding: 0 0 20px;
	width: 900px;
	border-radius: 5px;
	border: 1px solid #adadad;
	z-index: 2;
	margin: -5px 11px 0;
}
article.usluge dl{
	margin: 20px;
	
}
article.usluge dl dd{
		display: inline-block;
		background: none;
		width: 80px;
		vertical-align: middle;
}


article.usluge dl dt{
	background: url(../img/kvacica.png) no-repeat 0 10px;
	padding: 5px 0 5px 40px;
	margin: 5px;
	color: #565656;
	display: inline-block;
	width: 710px;
}
article.usluge p{display: inline-block;  color: #828282; width: 730px; padding: 5px 0 5px 40px;}

article.novosti{
	background: url("../img/box-bg.png") repeat-x scroll 0 0 #FCFCFC;
	padding: 20px;
	width: 960px;
	border-radius: 5px;
	border: 1px solid #adadad;
	z-index: 2;
	margin: -5px 11px 0;
}
article.novosti h3{
	font-weight: bolder;
	font-size: 17px;
	padding: 0 0 10px;
}
/*----------------------------------------navigacija------------------------------------------------------------------------*/
#navbar {	padding: 0;	 }
	
#navbar li {
	list-style: none;
 }
	
	
#navbar li a {
	display: inline-block;
	text-decoration: none;
	font-size: 16px;
	
	}

#navbar li ul {
	display: none; 
	width: 14em; /* Width to help Opera out */
	border-radius: 5px;
	border: 1px solid #dcdcdc;
	

	}
#navbar li:hover ul {
	display: block;
	position: fixed;
	background-color:#DCDCDC;
}
	
#navbar li:hover li {
	float: none; }
	
#navbar li:hover li a {
	
	color: #4b4b4b; }
#navbar li li a{
		color: #3233f2; 
		
		}	
#navbar li li a:hover {
		color: #d9221a; 
		background: none;
		}
	
	.back{
		margin: 20px;
		padding: 20px;
		
	}	
	
	
	
	
	

	
	
	
	
/* COOKIE INFOR BOX */

.cookie_ribon {
	width: 240px;
	/*display: table;*/
	height: auto;
	padding: 15px;
	margin: 5px;
	z-index: 6500;
	position: fixed;
	bottom: 0;
	background-color: rgba(30,30,30,0.85);
	left: 0;
	transition: all .2s linear;
	text-decoration: none !important;
}

.cookie_ribon p:first-child {
	padding: 0 0 8px;
	font-size: 16px !important;
	color: #fff !important;
	text-shadow: 1px 0 1px rgba(0,0,0,0.5);
	font-family: Arial, Helvetica, Tahoma, sans-serif !important;
}

.cookie_ribon p {
	padding: 0 0 15px;
	font-size: 13px !important;
	color: #a8a8a8 !important;
	font-family: Arial, Helvetica, Tahoma, sans-serif !important;
}

.cookie_ribon a {
	font-size: 13px !important;
	color: #d8d8d8;
	outline: none !important;
	margin: 0 11px 0 0;
	transition: all .2s linear;
	text-decoration: none !important;
	font-family: Arial, Helvetica, Tahoma, sans-serif !important;
}

.cookie_ribon a:hover {
	font-size: 13px;
	color: #fff;
	outline: none !important;
}

a.ok_active {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.35);
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 13px;
	padding: 5px 10px;
	text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	transition: all .2s linear;
	text-decoration: none !important;
	font-family: Arial, Helvetica, Tahoma, sans-serif !important;
}

a.ok_active:hover {
	opacity: 0.75;
}

a.read_more {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
	border-radius: 3px;
	color: #cdcdcd;
	font-size: 13px;
	padding: 5px 10px;
	text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5);
	transition: all .2s linear;
	text-decoration: none !important;
	font-family: Arial, Helvetica, Tahoma, sans-serif !important;
}

a.read_more:hover {
	opacity: 0.75;
}