@media screen, projection {
.BeNiceToMacIE5 {
	font-family: "\"}\"";
	font-family: inherit;
}
body {
	background: #0894BF url(../img/bggreeters_interface/bg_bgrd.jpg) top center repeat-x;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
}
html, body, #wrapper, wrapper2, #wrapperintro {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

html>body, html>body #wrapper, html>body #wrapper2, html>body #wrapperintro {
	height: auto;
}

div#wrapper {
	position: absolute;
	background: #0894BF url(../img/bggreeters_interface/greeters_bgrd.jpg) top center repeat-y;
	top: 0;
	left: 0;
}
div#wrapperintro {
	position: absolute;
	background: #0894BF url(../img/bggreeters_interface/greeters_bgrdintro.jpg) top center repeat-y;
	top: 0;
	left: 0;
	color:#FFFFFF;
}


#introanim2{
width: 600px;
height: 400px;
display:block;
text-align:center;
border:#FFFFFF solid 0px;
color:#FFFFFF;

}

div#wrapperintro a{
color:#FFFFFF;
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding: 10px 5px;
background: #CC00FF;
text-decoration:none;
}

div#wrapperintro a:hover{
background:#FFFFFF;
color:#3399CC;
}
/*==============================================================================================*/

h1 {
	margin: 0 0 1px 0;
	color: #333;
	text-transform:uppercase;
	border-top: 0;
	padding:10px 5px 12px 0px;
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 31px;
	font-weight: normal;
}

h2 {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:27px;
	font-weight: normal;
	padding:0px 5px 3px 0;
	margin:0;
	/*line-height:140%;*/
	color:#141414;
	/*background:#333333;*/
}

h3 {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:0px 4px 6px 0;
	margin:0;
	color:#141414;
	line-height:130%;
}

h4 {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding:0px 4px 6px 0;
	margin:0;
	color:#141414;
	line-height:130%;
}



h6 {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:0px;
	padding:0px;
	margin:0;
	line-height:0;
}

p{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	color:#333333;
	padding:0 8px 0 0;
}

/*=========================================================================================   HEDER          ============*/

#header {
	position:relative;
	z-index:500;
	width: 100%;
	height: 292px;
	background: #0894BF url(../img/bggreeters_interface/head_bgrd_en.jpg) center top no-repeat;
	margin:0;
	padding:0;
}

#header_sr {
	position:relative;
	z-index:500;
	width: 100%;
	height: 292px;
	background: #0894BF url(../img/bggreeters_interface/head_bgrd.jpg) center top no-repeat;
	margin:0;
	padding:0;
}

#headcontent {
	width:1000px;
	margin:0 auto;
	color:#FFF;
	padding:0;
}

#headtop {
	width:1000px;
	margin:0 auto;
	padding:0;
	color:#FFF;
	height:45px;
	background:url(../img/bggreeters_interface/globaltop2.jpg) top left no-repeat;
}

.topleft{
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
padding:11px 0 0 59px;
font-size:11px;
color:#FFFFFF;
font-weight:normal;
width: 300px;

}

.topleft a{
color:#FFFFFF;
text-decoration:none;
}

.topleft a:hover{
text-decoration:underline;
}


#headmid {
	width:1000px;
	margin:0 auto;
	padding:0;
	color:#FFF;
	height:185px;
	background:url(../img/bggreeters_interface/logo_greeters2.jpg) top left no-repeat;
}

.hederlogo{
	width:335px;
}

.hederbanner{
	width:520px;
}

.hedertob{
	width:145px;
}


/*=================================================                     SEARCH                         ======*/


.search_bgrd{
	background:url(../img/bggreeters_interface/pretraga_bgrd.jpg) top right no-repeat;
	width: 260px;
	height:40px;
}



.searchbox{
padding:2px 0 0 0px;
margin:7px 0 0px 0px;
}

#cse-search-box{
margin:0;
padding:0;}

#cse-search-results{
padding:20px;
width:450px;
display:block;
}

.searchform{
font-size:10px;
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
background:;
padding:0px 2px 2px 2px;
margin: 0 0px 0px 38px;
color:#333333;
border:0px;
height:14px;
}

.searchbtn{
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px 9px 0 7px;
margin: 0px 0px 0 10px;
color:#FFFFFF;
border:0px;
height:20px;
background:transparent;
/*background:#FFCC00;
float:right;*/
}


*html .searchbtn{
padding:0px 9px 0 15px;
}

/*================================================================================*/

#mainmenu {
	float:right;
	margin:0px;
	padding: 0 0px 0 0;
	width:100%;
	height: 40px;
	color:#FFF;
	font-size:14px;
}

/*=======================================================*/



#content {
padding:10px 0 0 0;
margin:0;
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}


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


.homecontent{
padding:0 10px 10px 20px;
}


#homeslide{
padding:0;
margin:0 0 8px 0;
/*height:720px;*/
display:block;
overflow:hidden;
}


.slideshow { height: 310px; width: 720px; margin: 0}
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }



#homeinfo{
width:510px;
padding:0;
margin:0;
display:block;}

#greetershome {
	margin:0px 10px 0px 0;
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 10px 0px;
	width:250px;
	float: left;
}

#greetershome .sectiontitle{
background:#006CA4 url(../img/bggreeters_interface/top_homegreeters3.gif) top left no-repeat;
font-size:17px;
color:#FFFFFF;
text-transform: uppercase;
padding:10px 5px 8px 13px;
border-bottom:#FFFFFF solid 1px;}


#greetershome ul{
	background: #0894BF;
	padding:6px 15px 0 15px;
	margin:0;
	color:#FFF;
	list-style:none;
	}

#greetershome li{
padding: 5px 0px 5px 0px;
border-bottom: #fff 1px solid;
font-size:11px;
font-weight:normal;
line-height:140%;
}

#greetershome li.last{
border-bottom: #fff 0px solid;}

#visitorshome {
	margin:0px 0 0px 0;
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 10px 0px;
	width:250px;
	float: right;
}

#visitorshome .sectiontitle{
background: #00345F url(../img/bggreeters_interface/top_homevisitors3.gif) top left no-repeat;
font-size:17px;
color:#FFFFFF;
text-transform: uppercase;
padding:10px 5px 8px 13px;
border-bottom:#FFFFFF solid 1px;}


#visitorshome ul{
	background: #00345F;
	padding:6px 15px 0 15px;
	margin:0;
	color:#fff;
	list-style:none;
	}

#visitorshome li{
padding: 5px 0px 5px 0px;
border-bottom: #fff 1px solid;
font-size:11px;
font-weight:normal;
line-height:140%;
}

#visitorshome li.last{
border-bottom: #fff 0px solid;}

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



/*-----------------------------------------------------------------          RIGHTCONTENT   =====*/

.right {
width: 240px;
text-align:left;
padding:0 10px 0px 0px;
}

.rightbanners{
padding:0 0px 10px 0px;
margin:0;
line-height:0;
width: 230px;
text-align:left;
}




/*-----------------------------------------------------------------         LEFTCONTENT   =====*/

.leftcontent{
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
padding:0 0 0 20px;
}

.leftbanners{
padding:0px 0px 10px 0px;
margin:0;
line-height:0;
}

/*===================================================== BOXNEWS =======*/


#boxnews  {
text-align:left;
/*width:219px;*/
padding:0 0 5px 0;
margin:0 10px 10px 0;
color:#333;
font-size:11px;
background: url(../img/bggreeters_interface/bgrd_boxnews2.jpg) top left repeat-y;
border-right: 0;
background:#e5e5e5;
}


#boxnews .sectiontitle{
background:#69C140 url(../img/bggreeters_interface/topsectionnews2.gif) top left no-repeat;
font-size:17px;
color:#FFFFFF;
text-transform: uppercase;
padding:10px 5px 8px 13px;
border-bottom:#FFFFFF solid 1px;}


#boxnews #glavnavest{
text-align:left;
padding: 4px 10px 0px 10px;
margin:0;
font-size:11px;
line-height:120%;
}


#boxnews .datum{
font-size:9px;
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
color:#666;
}


#boxnews .naslov{
font-size:13px;
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-weight:bold;
text-transform:uppercase;
margin: 3px 10px 2px 0;
}

#boxnews .homevest{
font-size:10px;
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
color:#666;
/*line-height:130%;*/
}

#boxnews a{
color:#333;
font-weight:bold;
display:block;
text-decoration:none;

}

#boxnews a:hover{
text-decoration: underline;
color:#141414;
}

#boxnews img{
padding: 0px;
margin: 0 5px 2px 0;
float:left;
}

#boxnews .datumostalo{
margin: 0 10px 1px 0px;
font-size:9px;
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-weight:normal;
}


#boxnews ul{
padding: 5px 10px 0 11px;
margin:0;
}

#boxnews li{
padding: 4px 5px 5px 0;
margin:0;
list-style:none;
background: url(../img/bggreeters_interface/strelica2.gif) top left no-repeat;
border-top:#ccc solid 1px;
}
#boxnews li a{
font-size:10px;
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#333;
text-decoration:none;
padding: 0px 0 0 0px;
}

#boxnews li a:hover{
color:#141414;
text-decoration:underline;
}



/*-----------------------------------------------------------------         CENTRECONTENT   =====*/


.centrecontent{
padding:0 10px 0 10px;
margin:0;
/*display:block;*/
width:500px;
text-align:left;
}



.centrecontent ul{
color:#141414;
padding:0;

}


.centrecontent li{
color:#141414;
padding:5px 10px 7px 30px;
border-bottom:#CCCCCC solid 1px;
list-style:none;

}

.centrecontent img{
border:#32A2C2 solid 4px;
/*outline:#FFFFFF solid 4px;*/
padding:4px;
margin:0 6px 6px 0;
}


.centrecontent a{
	background-color : #32A2C2;
	color:#FFFFFF;
	text-decoration: none;
}


.centrecontent a:hover{
	background-color: #840076;
	color: #FFFFFF;
}


.centrecontent.vest{border-bottom:#CCCCCC solid 2px;}


.headpic{
padding:0 0 10px 0;}



.leftcentrecontent{
padding:0px 10px 0 20px;
margin:0;
/*display:block;*/
text-align:left;

}

/*.leftcentrecontent img{
border:#32A2C2 solid 4px;
padding:4px;
margin:0 6px 6px 0;
}


.leftcentrecontent a{
	background-color : #32A2C2;
	color:#FFFFFF;
	text-decoration: none;
}


.leftcentrecontent a:hover{
	background-color: #840076;
	color: #FFFFFF;
}*/




/*--------------GALERIJE --------------------------------------------------------------------------*/


#galerije{
padding: 30px 0 0 0;}

#galerije td{
	padding:0 0 15px 0;
	width: 50%;
}



.galleryDate{
color:#999999;
font-size:10px;
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
padding: 2px 10px;
}

.galleryTitle{
color:#999999;
font-size:13px;
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform:uppercase;
padding: 2px 10px;
}

.galleryTitle a{
	color:#333333;
	text-decoration:none;
}

#galerije .galleryMainPic{
	border: #CCCCCC solid 5px;
}

#galerije .galleryMainPic:hover{
	border: #0894BF solid 5px;
}

/*------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

/*=====================================================   FOOTER  ===========================*/



#footer {
	clear: both;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: #055F78 url(../img/bggreeters_interface/footer_bgrd.jpg) top center repeat-x;
	overflow:hidden;
}
#footerContent {
	width:1000px;
	margin:0 auto;
	padding:0px 0 0 0;
	background: #0894BF url(../img/bggreeters_interface/footer_bgrd2.jpg) top center no-repeat;
}

#footerContent #credits{
float:right;
width:200px;
padding:6px 8px 0 0;
margin:0;
text-align:right;
}

#footerContent p {
	padding:5px 0 0 10px;
	margin:0;
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	width:400px;
}
#footer a {
	color: #E40082;
	text-decoration: none;
	text-transform: none;
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#footer a:hover {
	color:#fff;
}
#main {
	width:1000px;
	margin: 0 auto;
	padding: 0px;
	margin-bottom:0px;
}
/* \*/
* html #footer {
	position: absolute;
}
* html #main {
	padding-bottom: 0px;
}
/* \*/
head:first-child+body div#footer {
	position: absolute;
	z-index:0;
}
head:first-child+body div#main {
	padding-bottom: 40px;
}


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

#bottomtable {
background:#FFF;

}


/*==================================================================*/



INPUT, TEXTAREA {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	border : 1px solid #cccccc;
}
.sendit {
	height : 30px;
	background-color : #FFFFFF;
	text-decoration : none;
	padding : 0px 10px 0px 10px;
}
.sendit:hover {
	background-color : #840076;
	color : #FFFFFF;
}









}
 @media all and (min-width:0px) {
head~body {
height:100%;
}
}