body {
	margin-top: 0;	
	background: url(../images/body-bg.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:rgb(63,63,63);
}
a {
	color:rgb(63,63,63);
}
#wrapper {
	width: 960px;
	padding: 0 20px;	
	background-color: #fff;
	margin: 0 auto;
	border: 1px solid #DADADA;
	border-bottom: none;
	border-top: none;
}

header {
	width: 100%;
	background-color:rgba(255,255,255,0.22);
	height:107px;
	border-color:rgba(0,0,0,0.22);
	border-width:1px;
	border-style:solid;
	/* Firefox v3.5+ */
	-moz-box-shadow:4px 8px 11px rgba(0,0,0,0.14);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow:4px 8px 11px rgba(0,0,0,0.14);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow:4px 8px 11px rgba(0,0,0,0.14);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=4,OffY=8,Color=#24000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4,OffY=8,Color=#24000000,Positive=true);
}

header #logo {
	position: relative;
	float: left;
	margin-left: 20px;	
	margin-top: 3px;
}

header h1#naslov {
	position: relative;
	float: left;	
	font-family:Ubuntu;
	font-size:23px;
	line-height:130%;
	text-align:left;
	width: 600px;
	margin-left: 30px;
	margin-top: 25px;
}

header #desno {
	position: relative;
	float: right;	
	margin-right: -8px;
}

header #desno p { 
background: url(../images/lg-bg.png) no-repeat;
color: #000000;
display: block;
font-size: 14px;
font-weight: 700;
height: 29px;
margin-top: -3px;
padding: 8px 0px 0px 22px;
position: relative;
right: 5px;
top: 0px;
width: 93px;
float: right;
}

header #desno p a {
text-decoration: none;
color: #000;	
}

#input-wrap {
	float: right;
	left: 30px;
	margin-top: 50px;
	position: relative;
}
img.face {
	float: right;
	right: 60px;
	margin-top: 10px;
	position: relative;
}
#input-wrap input#kontrole{
	width: 150px;
	height: 30px;

}

#input-wrap input[type=submit] {
	
	border: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:100%;
color:rgb(255,255,255);
text-align:center;
position: relative;
top: 0px;
left: -60px;
/* Firefox v3.6+ */
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(1,176,240)),color-stop(1, rgb(1,154,211)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%);
/* Opera v11.10+ */
background-image:-o-linear-gradient(-90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%);
/* IE v10+ */
background-image:-ms-linear-gradient(-90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%);
background-image:linear-gradient(-90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%);
width:157px;
height:44px;
/* Firefox v3.5+ */
-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,0.75);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,0.75);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:0px 1px 5px 0px rgba(0,0,0,0.75);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff01b0f0,endColorstr=#ff019ad3,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #bf000000,Positive = true)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff01b0f0,endColorstr=#ff019ad3,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #bf000000,Positive = true);
width:54px;
height: 30px;

}

#input-wrap input[type="text"] {
	padding-left:10px;
	padding-right: 60px;
}

#main-content {
	width: 100%;
		
}

#main-content nav {
	background: url(../images/mainNav_bg.png) repeat-x transparent;
	height: 45px;
	margin-top: 40px;
	padding-left: 10px;
	position: relative;
	top: -12px;
}

#main-content nav li { 
	display: inline;
	float: left;
	border-right: 1px solid black;
}

#main-content nav li:last-child { 
border: none;
}

#main-content nav li a { 
	color: #ECE5DC;
	display: block;
	font-family: "Calibri", "Arial", sans-serif;
	font-size: 22px;
	height: 37px;
	padding: 8px 28px 0px;
	text-decoration: none;
}

#main-content nav li a:hover { 
	background: url(../images/nav-bg-hover.png) repeat-x;
}

#main-content nav li a:active { 
	background: url(../images/nav-bg-hover.png) repeat-x;
}

#main-content nav #menu-glavni {
	margin-left: 30px;	
}

#main-content #slider {
	position: relative;
	border: 1px #DADADA;
	width: 100%;
}

#content {
	position: relative;
	width: 100%;
	margin-top: 80px;
}

#left {
	position: relative;
	float: left;	
}

#right {
	position: relative;
	float: left;	
}

h2.podnaslov {
	font-family:Ubuntu;
	font-size:18px;
	line-height:120%;
	text-align:left;
	padding-left: 22px;
	margin-top: -30px;	
}

h2.podnaslov.prijava {
	background-image: url(../images/icon-prijava.png);
	background-repeat: no-repeat;
	background-position: 0% 115%;
}

h2.podnaslov.vrijeme {
	background-image: url(../images/icon-vrijeme.png);
	background-repeat: no-repeat;
	background-position: 0% 115%;
}

h2.podnaslov.lokacija {
	background-image: url(../images/lokacija.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}
h2.podnaslov.konferencija {
	background-image: url(../images/zaklada-mini-logo.png);
	background-repeat: no-repeat;
	margin-left: 20px;
	background-position: left 3px;
}
h2.podnaslov.sponzori {
	background-image: url(../images/sponzori.png);
	background-repeat: no-repeat;
}


.clear {
	clear: both;	
}

#prijava {
	width: 355px;
	border: 1px solid #DADADA;
	height: 318px;	
	margin-bottom: 50px;
}

#prijava p {
	line-height:120%;
	text-align:left;
	margin-left: 14px;
	padding-top: 5px;
	font-size: 16px;
	
}
ul.xoxo li {
	list-style-type: none;
}
ul.xoxo a.doniraj {
	/* Firefox v3.6+ */
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(1,176,240)),color-stop(1, rgb(1,154,211)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%);
/* Opera v11.10+ */
background-image:-o-linear-gradient(-90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%);
/* IE v10+ */
background-image:-ms-linear-gradient(-90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%);
background-image:linear-gradient(-90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%);
width:157px;
height:44px;
/* Firefox v3.5+ */
-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,0.75);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,0.75);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:0px 1px 5px 0px rgba(0,0,0,0.75);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff01b0f0,endColorstr=#ff019ad3,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #bf000000,Positive = true)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff01b0f0,endColorstr=#ff019ad3,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #bf000000,Positive = true);
	font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:120%;
font-weight:bold;
color:rgb(255,255,255);
text-align:left;
padding: 9px 38px;
text-decoration: none;	
outline: none;
margin-left: -105px;
top: 40px;
position: relative;
}

#prijava a.doniraj {
/* Firefox v3.6+ */
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(1,176,240)),color-stop(1, rgb(1,154,211)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%);
/* Opera v11.10+ */
background-image:-o-linear-gradient(-90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%);
/* IE v10+ */
background-image:-ms-linear-gradient(-90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%);
background-image:linear-gradient(-90deg,rgb(1,176,240) 0%,rgb(1,154,211) 100%);
width:157px;
height:44px;
/* Firefox v3.5+ */
-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,0.75);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,0.75);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:0px 1px 5px 0px rgba(0,0,0,0.75);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff01b0f0,endColorstr=#ff019ad3,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #bf000000,Positive = true)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff01b0f0,endColorstr=#ff019ad3,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #bf000000,Positive = true);
	font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:120%;
font-weight:bold;
color:rgb(255,255,255);
text-align:left;
padding: 9px 38px;
text-decoration: none;	
outline: none;
margin-left: 15px;
top: 6px;
position: relative;
}


#vrijeme {
	width: 355px;
	border: 1px solid #DADADA;
	height: 127px;	
	margin-top: 60px;
	display: block;
}
#left {
	float: left;
}
#right {
	float: left;
	margin-left: 45px;

}
#lokacija {
	border: 1px solid #DADADA;
	width: 555px;
	height: 318px;
}
#lokacija p {
	padding: 5px;
	padding-left: 17px;
}
.map {
	margin: 0 0 0 17px;
}
#o-konferenciji {
	padding-top: 0px;
	margin:0 auto; 
	width:958px; 
	/*border:1px solid #DADADA; */
	border-top:none; 
}
#o-konferenciji p {
	
}
#sponzori {
	margin:0 auto; 
	width:960px; 
	border:1px solid #DADADA;
	border-top:none; 
	background-color:#fff; 
	padding-top:66px;
	padding:60px 20px 40px 20px;
	
}
.konf-tekst {
	padding:20px;
	background-color:#ECECEC; 
	border: 1px solid #DADADA;
	width:918px;
}
.konf-tekst p {
	font-size: 14px;
}
.banneri img {
	margin-right: 10px;
}
footer { margin:0px auto; width:1000px; border:1px solid #DADADA; border-top:none; background:#fff url(../images/ime-footer.png) 39px 10px no-repeat; padding-top:36px}
footer p { font-size:13px; color:#817B75; display:block; background:#E6E6E6; padding: 20px 0  20px 50px; text-align: center; margin: 0px;}
footer ul  { float:right; margin:-60px 10px 0 0}
footer ul li { display:inline; float:left; margin-right:25px}
footer ul li.last-item { margin-right:0}
footer ul li a { font-size:15px; color:#666666; text-decoration:none; background:none; margin-top:-4px;}
#sadrzaj {float: left; width: 587px; border-right: 1px solid #EFEFEF; pading-right: 10px;}
#sadrzaj article p {
	padding-right: 10px;
}
#sadrzaj article h2 {
	border-bottom: 1px solid #EFEFEF; 
	font-size: 18px;
	margin-right: 10px;
}
body.category article img {
	float: left;
	margin-right: 10px;
}
body.category article a {
	color: rgb(63,63,63);
	text-decoration: none;
}
body.category article a:hover {
	text-decoration: underline;
}
aside {
	float: left;
	margin-right: 10px;
	width: 358px;
}
#map-canvas {
	width: 522px;
	height: 243px;
}
body.search article img {
	float: left;
	margin-right: 10px;
}
aside {
	margin-bottom: 40px;
}

hr.border {
	color: 1px #DADADA solid;
	margin-left: -20px;	
}