/********************************************************************
*           CSS styles for Granexport Website                       *
*           CSS By Maja Vasic, July 2009.							*
*			Blog: http://www.webstrana.com/blog						*
*			Portfolio: http://www.brainstormzone.com				*
********************************************************************/
@charset "utf-8";
/********************************************************
				 General styles 
********************************************************/
* {
    margin: 0;
    padding: 0;
}
body {
	background-color:#fff;
	background:#ebf1ec url(../images/body_bg.jpg) repeat-x scroll top center;
	font:normal 0.9em/1.2em "trebuchet MS",tahoma,verdana,sans-serif;
	color:#666;
	line-height:18px;
}
a:link, a:visited, a:active {
	color:#84b12b;
	text-decoration:none;
}
a:hover {
	color:#fff;
	background:#84b12b;
	text-decoration: none;	
}
ul, li {
	list-style-type: none;
}
h1 {
	color: #84b12b;
	font:normal 22px/18px "trebuchet MS",tahoma,verdana,sans-serif;
}
h2 {
	color: #84b12b;
	font:normal 20px/18px "trebuchet MS",tahoma,verdana,sans-serif;
	padding: 10px 0;
}
h3 {
	color: #84b12b;
	font:normal 18px/18px "trebuchet MS",tahoma,verdana,sans-serif;
	padding: 10px 0;
}

/********************************************************
				 Main boxes styles 
********************************************************/
#wrapper {
	margin: 0 auto;
	text-align:center;
	width: 900px;
}
#topbar {
	height:50px;
	text-align: right;
}
.english_admin {background:transparent url(../images/english_flag_admin.gif) no-repeat scroll right center;}

#topbar h1.en { padding: 15px 80px 0 0;}

.srpski_admin {background:transparent url(../images/serbian_flag_admin.gif) no-repeat scroll right center;}

#topbar h1.sr { padding: 15px 80px 0 0;}

#topbar .language { padding: 15px;}

#topbar .language a { font-size: 11px; color: #fff; text-decoration: none; padding: 3px 20px 3px 6px; text-transform: uppercase; font-weight: bold;}

#topbar .language a img { padding: 3px; border: 1px solid #ccc; background-color: #fff;}

#topbar .language a.lang_en {background:transparent url(../images/icon_english_off.png) no-repeat scroll right center;}

#topbar .language a.lang_en:hover {background: #84B12B url(../images/icon_english.png) no-repeat scroll right center; color: #fff;}

#topbar .language a.lang_sr {background:transparent url(../images/icon_serbian_off.png) no-repeat scroll right center;}

#topbar .language a.lang_sr:hover {background: #84B12B url(../images/icon_serbian.png) no-repeat scroll right center; color: #fff;}

#menu {
	margin:0;
	padding:0px;
	z-index:1;
}
#addressline {
	clear:both;
	color:#fff;
	font-size:11px;
	height:27px;
	padding:10px;
	text-align: left;
}
#addressline span {
	font-weight: bold;
}
#banner {
	background:transparent url(../slides/p_0001.jpg) no-repeat scroll top left;
	height:225px;
	margin:0;
	padding:0;
	width:900px;
	z-index:-1;
}
#banner_english {
	background:transparent url(../slides/p_0001-en.jpg) no-repeat scroll top left;
	height:225px;
	margin:0;
	padding:0;
	width:900px;
	z-index:-1;
}
#ticker {
	background:#b13b2b url(../images/ticker.png) no-repeat scroll 5px 2px;
	height:18px;
	border:2px solid #fff;
	border-top-width:3px;
	padding:7px;
}
.tickercontent {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	margin-left: 40px;
	text-transform:uppercase;
}
#contenthome {
	background: #fff;
	width: 875px;
	background:#fff;
	margin:0 auto;
	padding:20px 5px 20px 20px;
}
#contenthome #main {
	float:left;
	width:67%;
	background:#fff;
	margin-right:15px;
	padding-bottom:20px;
}
#content #main p {
	text-align:justify;
}
#contenthome #rightcolumn {
	float:left;
	width:30%;
	background:#fff;
	padding-bottom:20px;
}
#footer {
	background: #fff url(../images/footer_bg.jpg) no-repeat scroll center top;
	padding: 40px 10px 30px 10px;
	text-align: center;
	position:relative;
	top:20px;
}
#footer a {
	color:#666;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-right:20px;
	padding:5px;
}
#footer a:hover {
	color:#fff;
	padding:5px;
}
#footer img {
	margin: 20px 0;
}
/********************************************************
			 Homepage boxes and styles 
********************************************************/
.productintroboxleft {
	border-right:2px solid #f2f2f2;
	float:left;
	width:260px;
	padding:0px 15px 10px 0;
	margin-right:20px;
}
.productintroboxright {
	float:left;
	width:260px;
	padding:0;
}
.productintroboxleft img, .productintroboxright img {
	margin: 10px 0;
}
.productintroboxleft p, .productintroboxright p {
	margin-left: 5px;
	line-height:20px;
	text-align:justify;
	text-indent: 10px;
}
.agrobox {
	clear:both;
	background:#ebf1ec;
	font-size:11px;
	padding:20px;
	border:1px solid #dce2dd;
	position:relative;
	top:20px;
}
.agrobox a {
	color:#84b12b;
	padding:3px;
}
.agrobox a:hover {
	color:#fff;
	background:#84b12b;
	text-decoration: none;
	padding:3px;
}
.agrobox h1 {
	margin-bottom:5px;
}
.agrobox p {
	text-align:justify;
}
.agrobox img {
	float:right;
	padding: 0 0 10px 12px;
}
/* News headlines on home page */
#newsheadlines {
	/*background: #ebf1ec;*/
	background:#ebf1ec url(../images/bg_news.jpg) no-repeat scroll left top;
	border: 1px solid #dce2dd;
	padding:20px 15px;
}
#newsheadlines h1 {
	font-size:18px;
	margin-bottom:20px;
}
#newsheadlines li {
	font-size:11px;
	line-height:18px;
	margin:10px 0;
	text-align:justify;
}
#newsheadlines a.morenews {
	padding:3px;
	float:right;
}

#newsheadlines a.morenews:hover {
	padding:3px;
}
.clear {
	clear: both;
}
/* Photo gallery on home page */
#galleryhome {
padding:15px 5px;
}
#galleryhome h1 {
padding-bottom:15px;
}
#galleryhome img.photo {
	float:left;
	width:40px;
	height:40px;
	padding:3px;
	border:1px solid #dedede;
	margin:7px;
}
#galleryhome a.highslide, #gallery a {
	background:none;
}
#galleryhome a.more {
	padding:3px;
	float:right;
}
#galleryhome a.more {
	padding:3px;
	margin-right: 20px;
}
#galleryhome img.video {
	float:left;
	width:100px;
	height:75px;
	padding:3px;
	border:1px solid #dedede;
	margin:3px 10px 3px 5px;
}
.line {
	background:transparent url(../images/line_bg.png) no-repeat scroll center top;
	height:15px;
	margin:15px 0;
}
.photobox {
	float:left;
	width:110px;
	margin-right:5px;
	text-align:center;
}
.photobox p {
	padding-left:10px;
}
.photobox a:hover {
	background:none;
}
.photobox img {
	padding:3px;
	border:1px solid #dedede;
	margin:3px 10px 3px 5px;
}
.photobox img:hover {
	background-color:#ebf1ec;
	padding:3px;
	border:1px solid #dce2dd;
	margin:3px 10px 3px 5px;
}

/********************************************************
				 Template styles 
*********************************************************/
#content {
	background:#fff url(../images/content_bg.jpg) repeat-y scroll center top;
	width: 875px;
	margin:0 auto;
	padding:20px 5px 20px 20px;
}
#content #main {
	float:left;
	width:66%;
	background:#fff;
	margin-right:31px;
	padding-bottom:20px;
}
#content #rightcolumn {
	float:left;
	width:30%;
	padding-bottom:20px;
}
#content p {
	line-height: 22px;
	margin-bottom: 15px;
}
#content h1 {
	margin-bottom:15px;
}
#content #main ul li {
	background:transparent url(../images/bullet.png) no-repeat scroll 0 3px;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:10px;
}
.date {
	color:#ccc;
}
#content #main .contactdetails {
	float: left;
	line-height:22px;
	width: 45%;
	padding: 5px;
	height:120px;
	margin-right:15px;
}
.person {
	background:transparent url(../images/icon_person.png) no-repeat scroll 0 3px;
	padding-left:25px;
	font-weight: bold;
}
.title {
	background:none;
	padding-left:25px;
	font-size:11px;
}
.phone {
	background:transparent url(../images/icon_phone.png) no-repeat scroll 0 3px;
	padding-left:25px;
}
.mobile {
	background:transparent url(../images/icon_mobile.png) no-repeat scroll 0 3px;
	padding-left:25px;
}
.mail {
	background:transparent url(../images/icon_mail.png) no-repeat scroll 0 3px;
	padding-left:25px;
}
#content #main .contactIntroText {
	border-bottom: 1px dotted silver;
	margin: 15px 3px;
}
#content #main .contactIntroText img {
	float: right;
	margin: 10px 3px 10px 15px;
	border: 1px solid #dedede;
	padding:3px;
}

.breadcrumb {
	padding:5px 0;
	font-size:11px;
	color: #333;
}
.breadcrumb a {
}


/* Proizvodi */ 
.product {
	width: 250px;
	float: left;
	margin:10px 13px;
}
#main h2 a:hover { background: none; text-decoration: none; color: #FF7800;}

#rightcolumn #products {
	margin-bottom:25px;
}

#rightcolumn #products ul li {
	padding:5px 0;
}
#rightcolumn #products ul li li { 
	background:transparent url(../images/bullet.png) no-repeat scroll left center;
	padding-left:20px;
	margin-left:10px;
	border-bottom: 1px dotted silver;
}
#rightcolumn #products ul li a:hover {
	color:#ff7800;
	background:none;
}


.newsinfo {
	font-size: 11px;
	border-bottom: 1px dashed silver;
	padding: 10px 0;
}

#main .date {
	padding-left: 20px;
	background:transparent url(../images/icon_date.png) no-repeat scroll 5px 3px;
	font-size: 11px;
	margin-bottom: 10px;
}

.newsinfo a {
	margin-left: 20px;
}
.newsinfo span {
	padding-left: 20px;
	background: transparent url(../images/icon_date.png) no-repeat scroll 0 0;
	height:20px;
}
#contentadmin {
	background: #fff;
	width: 875px;
	background:#fff;
	margin:0 auto;
	padding:20px 5px 20px 20px;
	}
.prices {
	margin-bottom: 25px;
}

.prices img {
	margin: 0px;
}
.prices a.noborder img, .prices a.noborder:hover img {
	border: none;
	background-color:#fff;
}