/*------------------------------------------------------*/
/* =HTML ELEMENTS					*/
/*-----------------------------------------------------*/
body {
	background: #c4c6c7 url(../images/bg.jpg) repeat-x;
	color: #4e5257;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	text-align: left;
}

a{
	color: #439dc6;
	text-decoration: none;
}

a:hover {
	
}

h1 {
	color: #004b75;
	font-size: 16px;
	font-weight: bold;
}

h2 {
	color: #6e6e6e;
	font-size: 14px;
	font-weight: bold;
}

span {
	color: #6e6e6e;
}


/*------------------------------------------------------*/
/* =ROUND							*/
/*-----------------------------------------------------*/
.round {
	position: relative;
}

.round span {
	position: absolute;
	height: 8px;
	width: 8px;
}

.top span.left {
	left: 0;
	background: url(../images/round-top-left.png) no-repeat;
}

.top span.right {
	background: url(../images/round-top-right.png) no-repeat;
	right: 0;
}

.bottom span {
	bottom: 0px;
}

.bottom span.left {
	left: 0;
	background: url(../images/round-bottom-left.png) no-repeat;
}
.bottom span.right {
	right: 0;
	background: url(../images/round-bottom-right.png) no-repeat;
}

/*------------------------------------------------------*/
/* =LAYOUT						*/
/*-----------------------------------------------------*/
#wrapper{
	background: url(../images/top.png) no-repeat;
	margin: 30px auto 30px auto;
	padding-top: 15px; 		/*height of top.png*/
	width: 900px;
}

#srpski {
	float: right;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding-right: 35px;
	width: 830px;
}

#srpski a {
	color: #a4a4a4;
}

#srpski a:hover {
	color: #439dc6;
}

#page {
	background: #fff;
	overflow: hidden; 	/*clears the floats*/
	position: relative;
	width: 900px; 		/* IE and older Opera fix for clearing, theyneed a dimension */
}

#pageBottom {
	background: url(../images/bottom.png) no-repeat;
	height: 15px;
}

/*------------------------------------------------------*/
/* =HEADER						*/
#header {
	overflow: hidden; 	/*clears the floats*/
	padding-top: 1px;
	width: 100%; 		/* IE and older Opera fix for clearing, theyneed a dimension */
}

#logo {
	float: left;
	margin: 5px 0 0 30px;
 }

#sponsors {
	float: right;
	margin-right: 32px;
}

/*------------------------------------------------------*/
/* =MENU							*/
#menu {
	border-top: 1px solid #c9c9c9;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 30px 20px 32px;
	overflow: hidden; 	/*clears the floats*/
	padding-left: 15px;
	width: 819px;
}

#menu a {
	color: #6e6e6e;
}

#menu a:hover {
	color: #439dc6;
}
#menu li {
	float: left;
	padding: 6px 15px 0 15px;
}

#menu li.active {
	background: url(../images/active.jpg) no-repeat top center;
}

/*------------------------------------------------------*/
/* =MAP RELATED					*/
#registration {
	position: absolute;
	right: 50px;
	top: 426px;	
}

#registration a:hover {
	text-decoration: underline;
}

#registration li {
	padding-bottom: 3px;
}

/*------------------------------------------------------*/
/* =CONFERENCE						*/
#conference {
	margin-left: 32px;
	overflow: hidden; 	/*clears the floats*/
	padding: 0 0 30px 5px;
	width: 640px;
}

#conference h1 {
	float: left;
	height: 130px;
	text-indent: -9000px;
	width: 200px;
	background: url(../images/wcc2009.gif) no-repeat 18px 15px;
}

#aboutConference {
	float: right;
	width: 410px;
}

#aboutConference span {
	font-size: 12px;
	font-weight: bold;
}

#aboutConference p {
	padding-top: 20px;
}

/*------------------------------------------------------*/
/* =NEWS							*/
.news {
	border-top: 1px solid #c9c9c9;
	margin-left: 32px;
	overflow: hidden; 	/*clears the floats*/
	padding: 30px 0 30px 15px;
	width: 630px;
}

.news a{
	color: #439dc6;
}

.news a:hover {
	background: #dff4fc;
}

.news h1 {
	display: inline;
	float: left;
	width: 220px;
}

.newsText {
	float: right;
	width: 410px;
}

.newsText span {
	font-size: 12px;
	font-weight: bold;
}

.newsText p {
	padding-top: 10px;
}

/*------------------------------------------------------*/
/* =INNER							*/
/*----------------------------------------------------*/

.divider {
	border-bottom: 1px solid #c9c9c9;
	clear: both;
	height: 1px;
	width: 100%;
}

/*------------------------------------------------------*/
/* =MAIN							*/
#main {
	float: left;
	margin-left: 32px;
}
#navigacija {
	float: left;
	width: 180px;
}


a.subnav {
	text-indent:-9999em;
	overflow: hidden;
	display:block;
	outline:none;
}

a#conf {
	height: 18px;
	background: url(../images/conference.gif) no-repeat 30px 0;
}
	
a#conf:hover {
	background: url(../images/conference_h.gif) no-repeat 30px 0;
}
	


a#preconf {
	height: 18px;
	background: url(../images/preconference.gif) no-repeat 30px 0;
	}

a#preconf:hover {
	background: url(../images/preconference_h.gif) no-repeat 30px 0;
}



a#postconf {
	height: 18px;
	background: url(../images/postconference.gif) no-repeat 30px 0;
}

a#postconf:hover {
	background: url(../images/postconference_h.gif) no-repeat 30px 0;
}
#main h2 {
	color: #004b75;
	display: inline;
	float: left;
	font-size: 16px;
	margin-top: 20px;
	width: 220px;
}

#main h3 {
	color: #6e6e6e;
	font-size: 14px;
	font-weight: bold;
}


#main form {
float:right;
margin:25px 0 0;
width:415px;
}

#main label {
	
}

#main label.error {
	color: #ff0000;
	font-size: 10px;
	padding: 2px 0;
	margin-bottom: -5px;
}



#formBody p {
margin-left:-57px;
margin-top:-10px;
text-align:center;
}

#formBody label {
	display: block;
	padding: 15px 0 3px 0;
}

#formBody input {
	background: #fff;
	border: 2px solid #7fd4ff;
	color: #000;
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	height: 20px;
	padding: 2px 10px;
	width: 200px;
}

#formBody textarea {
	background: #fff;
	border: 2px solid #7fd4ff;
	color: #000;
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	height: 94px;
	margin-bottom: 15px;
	overflow: auto;
	padding: 8px 12px;
	width: 383px;
}

#archive .button {
	padding: 2px 8px;
}

/*------------------------------------------------------*/
/* =ARCHIVE						*/
#archive {
	margin-top: 30px;
	overflow: hidden; 	/*clears the floats*/
	width: 640px;
}

#archive h1 {
	background: url(../images/h1-news-archive.gif) no-repeat 19px 3px;
	float: left;
	height: 56px;
	margin-top: 10px;
	text-indent: -9000px;
	width: 190px;
}

#archive .newsText {
	margin: 20px 0;
	width: 415px;
}

#archive h2 {
	padding-left: 9px;
	width: 190px;
}

#archive a:hover {
	background: #dff4fc;
}

.archiveImage {
	float: left;
	font-size: 11px;
	margin: 0 0 35px 222px;
}

.archiveImage .round{
	margin-bottom: 7px;
}

.archiveImage p {
	line-height: 120%;
	padding-left: 10px;
}

/*------------------------------------------------------*/
/* =SIDEBAR						*/
#sidebar {
	float: right;
	margin: 55px 32px 0 0;
	width: 164px;
}

#calendar {
	background: url(../images/calendar.jpg) no-repeat;
	margin-bottom: 76px;
	padding: 15px 20px 0 20px;
}

#calendar h2 {
	color: #868686;
	font-size: 26px;
	padding-bottom: 3px;
}

#calendar  a {
	color: #439dc6;
	padding: 2px;
}

#calendar  a:hover {
	background: #dff4fc;
}

#calendar td {
	padding: 2px 9px;
}

.year {
	margin-bottom: 20px;
}

#places {
	background: url(../images/places-of-interest.jpg) repeat-x top;
	padding: 0 20px;
}

#places h2 {
	color: #868686;
	padding: 15px 0 3px 0;
}

#places ul {
	margin-top: 12px;
}

#places a {
	color: #6e6e6e;
	display: block;
	padding: 3px 10px;
}

#places a:hover {	
	background: #dff4fc;
	color: #439dc6;
}

/*------------------------------------------------------*/
/* =WCC2009						*/
#wcc2009Title {
	padding: 50px 32px 0 32px;
}

#wcc2009 h1 {
	background: url(../images/wcc2009.gif) no-repeat 22px -5px;
	float: left;
	height: 89px;
	text-indent: -9000px;
	width: 190px;	
}

.conference_conf {
    background: url(../images/wcc2009_conf.gif) no-repeat 50px 3px;
	float: left;
	padding: 30px 0 0 220px;
	width: 400px;
	position:relative;
}

.conference_preconf {
    background: url(../images/wcc2009_preconf.gif) no-repeat 50px 3px;
	float: left;
	padding: 30px 0 0 220px;
	width: 400px;
	position:relative;
}

.conference_postconf {
    background: url(../images/wcc2009_postconf.gif) no-repeat 50px 3px;
	float: left;
	padding: 30px 0 0 220px;
	width: 400px;
	position:relative;
}

.left-margin {
position:absolute;
top:1px; 
left:49px;
width:118px;
height:135px;
}

.left-margin_pre {
position:absolute;
top:3px; 
left:49px;
width:158px;
height:135px;
}

.left-margin_post {
position:absolute;
top:3px; 
left:49px;
width:158px;
height:135px;
}

#wcc2009_conf h1 {
	background: url(../images/wcc2009_conf.gif) no-repeat 25px -5px;
	float: left;
	height: 150px;
	text-indent: -9000px;
	width: 190px;	
}

#wcc2009Title p {
	line-height: 120%;
	padding: 30px 0 20px 190px;
	text-align: justify;
	width: 400px;
}


#bt_navigacija {
	float: right;
	width: 145px;
}


a.back_to_top {
text-indent:-9999em;
overflow: hidden;
display:block;
outline:none;

}

a#top_image {
height: 18px;
background: url(../images/gototop_d.gif) no-repeat 30px 0;
}

a#top_image:hover {
background: url(../images/gototop_d_h.gif) no-repeat 30px 0;

}







#wcc2009  .divider {
	padding-top: 15px;
}




.conference h2, .conference_conf h2, .conference_preconf h2, .conference_postconf h2, .conference h3, .conference_conf h3, .conference_preconf h3, .conference_postconf h3 {
	color: #439dc6;
}

.conference h2, .conference_conf h2, .conference_preconf h2, .conference_postconf h2 {
	font-size: 18px;
}

.conference h3, .conference_conf h3, .conference_preconf h3, .conference_postconf h3 {
	font-size: 14px;
	margin-bottom: 15px;
}

.conference p, .conference_conf p, .conference_preconf p, .conference_postconf p {
	line-height: 120%;
	padding: 5px 0;
	text-align: justify;
}

.conference span, .conference_conf span, .conference_preconf span, .conference_postconf span {
	color: #4e5257;
	font-size: 12px;
}

.conference ul, .conference_conf ul, .conference_preconf ul, .conference_postconf ul {
	line-height: 120%;
	list-style-position: inside;
	list-style-type: disc;
	margin-left: 20px;
}

.conferenceImage {
	float: left;
	font-size: 11px;
	margin: 20px 0 35px 0px;
}

.conferenceImage .round{
	margin-bottom: 7px;
}

.conferenceImage p {
	line-height: 120%;
	padding: 0 0 0 10px;
}

.programme {
	color: #868686;
	float: left;
	line-height: 120%;
	padding: 30px 0 0 70px;
	width: 167px;
}

.programme  h3 {
	color: #439dc6;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 20px;
}

.programme h4 {
	font-weight: bold;
}

.programme p {
	font-size: 11px;
	padding: 10px 0;
}
/*------------------------------------------------------*/
/* =PLACES OF INTEREST				*/
#placesMain #main {
	width: 830px;
    padding:0;
}

#placesMain .divider {
	padding-top: 20px;
}

.placesOfInterest {
	margin-top: -8px;
    margin-left: 4px;
	overflow: hidden;
	width: 590px;
}

.placesOfInterest .divider {
	padding-top: 20px;
}

.placesOfInterest img {
	margin: 15px 0 2px 0;
}

#main .placesOfInterest h2 {
	background: url(../images/h2-places-of-interest.gif) no-repeat 20px 25px;
	height: 80px;
	text-indent: -9000px;
	width: 190px;
}

.placesOfInterestBody {
	float: right;
	margin-top: 44px;
	width: 390px;
}

#main .placesOfInterestBody h3 {
	color: #439dc6;
	font-size: 18px;
	margin: 15px 0 0px 0;
}

.placesOfInterestBody h4 {	
	color: #439dc6;
	font-size: 14px;
	margin: 20px 0 5px 0;
	font-weight: bold;
}

.placesOfInterestBody p {
	line-height: 120%;
	padding: 5px 0;
	text-align: justify;
}

blockquote {
	font-style: italic;
	padding: 0 25px;
	text-align: justify;
}



#navigacija_pl {
	float: left;
	width: 180px;
	margin: 10px 10px 10px 0;
}


a.subnav_pl {
	text-indent:-9999em;
	overflow: hidden;
	display:block;
	outline:none;

}

a#conf_pl {
	height: 44px;
	background: url(../images/conf_h.gif) no-repeat 21px 0;
}

a#conf_pl:hover {
	height: 44px;
	background: url(../images/conf_h.gif) no-repeat 21px 0;
}
	


a#dtdhs {
	height: 18px;
	background: url(../images/dtdhs.gif) no-repeat 23px 0;
}

a#dtdhs:hover {
	background: url(../images/dtdhs_h.gif) no-repeat 23px 0;;
}


a#bezdan {
	height: 18px;
	background: url(../images/bezdan.gif) no-repeat 23px 0;
}

a#bezdan:hover {
	background: url(../images/bezdan_h.gif) no-repeat 23px 0;;
}


a#mstapar {
	height: 18px;
	background: url(../images/mstapar.gif) no-repeat 23px 0;
}

a#mstapar:hover {
	background: url(../images/mstapar_h.gif) no-repeat 23px 0;;
}





a#preconf_pl {
	height: 44px;
	background: url(../images/preconf_h.gif) no-repeat 23px 0;
	}

a#preconf_pl:hover {
	height: 44px;
	background: url(../images/preconf_h.gif) no-repeat 23px 0;
}


a#viminatium {
	height: 18px;
	background: url(../images/viminatium.gif) no-repeat 23px 0;
	}

a#viminatium:hover {
	background: url(../images/viminatium_h.gif) no-repeat 23px 0;
}


a#lepenski {
	height: 18px;
	background: url(../images/lepenski.gif) no-repeat 23px 0;
	}

a#lepenski:hover {
	background: url(../images/lepenski_h.gif) no-repeat 23px 0;
}

a#ttriana {
	height: 18px;
	background: url(../images/ttriana.gif) no-repeat 23px 0;
	}

a#ttriana:hover {
	background: url(../images/ttriana_h.gif) no-repeat 23px 0;
}

a#djerdap {
	height: 18px;
	background: url(../images/djerdap.gif) no-repeat 23px 0;
	}

a#djerdap:hover {
	background: url(../images/djerdap_h.gif) no-repeat 23px 0;
}





a#postconf_pl {
	height: 44px;
	background: url(../images/postconf_h.gif) no-repeat 23px 0;
}

a#postconf_pl:hover {
	height: 44px;
	background: url(../images/postconf_h.gif) no-repeat 23px 0;
}

a#eiffel {
	height: 18px;
	background: url(../images/eiffel.gif) no-repeat 23px 0;
	}

a#eiffel:hover {
	background: url(../images/eiffel_h.gif) no-repeat 23px 0;
}

a#klek {
	height: 18px;
	background: url(../images/klek.gif) no-repeat 23px 0;
	}

a#klek:hover {
	background: url(../images/klek_h.gif) no-repeat 23px 0;
}









/*------------------------------------------------------*/
/* =GUIDE							*/


#guide {
	margin-top: 10px;
	overflow: hidden;
	width: 590px;
}

#guide a:hover {
	background: #dff4fc;
	color: #439dc6;
}

#guide h2 {
	background: url(../images/h2-guide.gif) no-repeat 22px 7px;
	height: 65px;
	text-indent: -9000px;
	width: 190px;
}

#guide img {
	margin: 10px 0 2px 0;
}








#guideBody {
	float: right;
	margin-top: 40px;
	width: 390px;
}

#guideBody h3 {
	color: #439dc6;
	font-size: 18px;
	margin: 0px 0 5px 0;
}

#guideBody p {
	line-height: 120%;
	padding: 5px 0;
	text-align: justify;
}







#guideBody span {
	color: #4e5257;
	font-size: 13px;
	font-weight: bold;
}

#guide ul {
	width: 370px;
	margin-bottom: 5px;
}

#guide li {
	overflow: hidden;
	width: 100%;
}

#guide li span {
	float: right;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}

#usefulNumbers li {
	border-top: 1px solid #E6E6E6;
	margin: 3px 0;
	padding: 2px;
}

#navigacija {
	float: left;
	width: 180px;
}


a.subnav {
	text-indent:-9999em;
	overflow: hidden;
	display:block;
	outline:none;
}
a#welcome {
	height: 18px;
	background: url(../images/welcome.gif) no-repeat 22px 0;
}
	
a#welcome:hover {
	background: url(../images/welcome_h.gif) no-repeat 22px 0;;
}
	


a#about {
	height: 18px;
	background: url(../images/about_serbia.gif) no-repeat 30px 0;
	}

a#about:hover {
	background: url(../images/about_serbia_h.gif) no-repeat 30px 0;
}



a#usinfo {
	height: 18px;
	background: url(../images/useful_info.gif) no-repeat 30px 0;
}

a#usinfo:hover {
	background: url(../images/useful_info_h.gif) no-repeat 30px 0;
}



#bt_navigacija {
	float: right;
	width: 145px;
}


a.back_to_top {
text-indent:-9999em;
overflow: hidden;
display:block;
outline:none;

}

a#top_image {
height: 18px;
background: url(../images/gototop_d.gif) no-repeat 30px 0;
}

a#top_image:hover {
background: url(../images/gototop_d_h.gif) no-repeat 30px 0;

}

/*------------------------------------------------------*/
/* =REGISTER						*/
#register {
	margin-top: 10px;
	overflow: hidden;
	width: 440px;
}

#register h2 {
	padding-left: 9px;
}

#register ul {
	background: url(../images/pdf.png) no-repeat;
	float: right;
	padding: 15px 0 20px 60px;
	margin-top: 25px;
}

#register a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------*/
/* =LINKS							*/
#links {
	margin-top: 10px;
	overflow: hidden;
	width: 540px;
}

#links h2 {
	background: url(../images/h2-linkovi.gif) no-repeat 25px 2px;
	height: 57px;
	text-indent: -9000px;
	width: 190px;
}

#links ul {
	float: right;
	margin-top: 39px;
	width: 340px;
}

#links li {
	margin-bottom: 5px;
}

#links span {
	display: block;
}

#links p {
	font-size: 11px;
	font-style: italic;
	padding: 4px 0;
}

#links a:hover {
	background: #dff4fc;
	color: #439dc6;
}

/*------------------------------------------------------*/
/* =CONTACT						*/
#contact {
	float: right;
	overflow: hidden;
	margin: 15px 0;
	padding-right: 20px;
	width: 415px;
}

#contact ul {
	float: left;
	margin-bottom: 20px;
	width: 207px;
}

#contactH2 {
	background: url(../images/h2-contact.gif) no-repeat 25px -8px;
	height: 42px;
	text-indent: -9000px;
	width: 190px;
}

#contact li {
	font-style: italic;
}

#contact h3 {
	font-style: normal;
	margin: 5px 0;
}

#contact b {
	font-style: normal;
	font-size: 13px;
}

/*------------------------------------------------------*/
/* =FOOTER						*/
#footer {
	clear: both;
	font-family: tahoma, sans-serif;
	font-size: 10px;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 100px;
}








/*------------------------------------------------------*/
/* =GALLERY						*/

#gallery {
	width: 900px;
}

#gallery h2 {
	background: url(../images/h2-galerija.gif) no-repeat 27px 18px;
	height: 70px;
	text-indent: -9000px;
	width: 270px;
}

.gallery_row {
	width:630px;
	margin:0 auto;
	padding-top: 10px;
}

.gallery_row li {
	float:left;
	width:190px;
	margin-right:20px;
	
	
}

.gallery_row li div{
	height:85px;
	font-size: 11px;
	padding-top:3px;
	text-align: center;
}

/*------------------------------------------------------*/
/* =HOME						*/

#conference_n h1 {
	background: url(../images/h1-news-archive.gif) no-repeat 3px -10px;
	float: left;
	height: 100px;
	text-indent: -9000px;
	width: 166px;	
}


/*------------------------------------------------------*/
/* =FOTOGRAFIJE						*/

p.potpis_fotke {
	font-size: 11px;
	font-style: italic;
}