/* GLOBALS */
html, body { height: 100%; }
body { margin: 0; padding: 0; background: #fff; }
td, input, select, textarea { font: 11px Verdana, Arial, sans-serif; color: #666; line-height: 15px; }
form { margin: 0; }

a img { border: none; }

ul.inline { margin: 0; padding: 0; list-style-type: none; }
ul.inline li { display: inline; }

ul.mapLinks { margin: 8px 10px 10px 10px; padding: 0; list-style-type: none; }
ul.mapLinks li { background: url(img/arrow.gif) no-repeat 0 5px; padding-left: 12px; }
.tooltip { border: 1px solid #007668; display: none; position: absolute; background: #e5f1f0; width: 200px; }
.zatvori { float: right; background: #009966; color: #fff; font: 9px Tahoma, Arial, Helvetica, sans-serif; padding: 2px 4px 2px 5px; }

.txtGreen { color: #009966; }
.txtSmall { font-size: 10px; }
.dividerVert { background: url(img/divider_vert_dashed.gif) repeat-y center top; }
.dividerHoriz { background: url(img/divider_horiz_dashed.gif) repeat-x left center; line-height: 1px; padding: 0; }


/* FORM ELEMENTS */
.textbox { background: #fff; border: 1px solid #6da3c2; padding: 1px 7px 0 7px; height: 17px; font-size: 10px; color: #333; }
.searchbox { width: 150px; margin: 0 10px; }
.searchButton { margin-right: 20px; }
select { background: #fff; font-size: 10px; color: #333; border: 1px solid #7f9db9; height: 18px; }
.quickSearchSelect { margin-top: 5px; width: 210px; }


/* LINKS */
a:link { color: #009966; text-decoration: underline; }
a:active { color: #009966; text-decoration: underline; }
a:visited { color: #009966; text-decoration: underline; }
a:hover { color: #009966; text-decoration: underline; }

a.linkGreen:link { color: #009966; text-decoration: none; }
a.linkGreen:active { color: #009966; text-decoration: none; }
a.linkGreen:visited { color: #009966; text-decoration: none; }
a.linkGreen:hover { color: #009966; text-decoration: underline; }

a.linkLeftMain:link { color: #a3a08d; text-decoration: none; background: url(img/bullet_arrow1.gif) no-repeat left 0; padding-left: 15px;  }
a.linkLeftMain:active { color: #a3a08d; text-decoration: none; background: url(img/bullet_arrow1.gif) no-repeat left 0; padding-left: 15px; }
a.linkLeftMain:visited { color: #a3a08d; text-decoration: none; background: url(img/bullet_arrow1.gif) no-repeat left 0; padding-left: 15px; }
a.linkLeftMain:hover { color: #009966; text-decoration: none; background: url(img/bullet_arrow1.gif) no-repeat left 0; padding-left: 15px; }

a.linkWhite:link { color: #fff; text-decoration: underline; }
a.linkWhite:active { color: #fff; text-decoration: underline; }
a.linkWhite:visited { color: #fff; text-decoration: underline; }
a.linkWhite:hover { color: #fff; text-decoration: underline; }

a.linkRightSub:link { color: #fff; text-decoration: none; text-transform: lowercase; }
a.linkRightSub:active { color: #fff; text-decoration: none; text-transform: lowercase; }
a.linkRightSub:visited { color: #fff; text-decoration: none; text-transform: lowercase; }
a.linkRightSub:hover { color: #fff; text-decoration: underline; text-transform: lowercase; }

a.linkGreySmall:link { color: #817e6d; text-decoration: none; font-size: 10px; }
a.linkGreySmall:active { color: #817e6d; text-decoration: none; font-size: 10px; }
a.linkGreySmall:visited { color: #817e6d; text-decoration: none; font-size: 10px; }
a.linkGreySmall:hover { color: #009966; text-decoration: none; font-size: 10px; }


/* WRAPPERS */
.top { width: 960px; margin: 23px 0 20px 0; }
.logoContainer { text-align: left; padding-left: 20px; }
.topLinksContainer { vertical-align: bottom; padding-right: 20px; }

.topMenuContainer { width: 960px; height: 37px; background: url(img/topMenuBgnd.gif) no-repeat bottom; border-bottom: 1px solid #bfdcd9; }

.header { width: 960px; }
.headerContainer { height: 247px; background: url(img/header.jpg) no-repeat top; vertical-align: top; }
.headerContainer2 { height: 247px; background: url(img/690x247novo.jpg) no-repeat top; vertical-align: top; cursor:pointer; }
.headerContainer2 { background-image: none; }
.welcomeWrapper { margin: 30px 20px 0 0; }
.indexSearch { background: url(img/indexSearch.gif) left no-repeat; height: 50px; margin:0; padding:0; }
.indexSearch td { text-align: left; }
.pathContainer { background: #007568; border-bottom: 1px solid #fff; border-top: 1px solid #cebcb7; padding: 6px 15px 7px 15px; color: #fff; text-align: left; }
.pathContainerIndex { background: #007568; border-bottom: 1px solid #fff; border-top: 1px solid #cebcb7; color: #fff; text-align: left; }
.searchContainer { width: 315px; background: #007568; border-bottom: 1px solid #fff; border-top: 1px solid #cebcb7; }
.search { background: url(img/searchBgnd.gif) left no-repeat; height: 43px; margin:0; padding:0; }
.search td { text-align: left; }

.middle { width: 960px; }
.middleIndexMain { text-align: left; }
.middleMain { text-align: left; border-left: 1px solid #bfdcd9; border-right: 1px solid #bfdcd9; }
.middleRight { width: 240px; border-right: 1px solid #bfdcd9; text-align: left; }

.indexPicDjelatnost { height: 60px; border-bottom: 1px solid #fff; }
.d1 { background: url(img/menu_cement.gif) left top no-repeat; }
.d2 { background: url(img/menu_cigla.gif) left top no-repeat; }
.d3 { background: url(img/menu_graditeljstvo.gif) left top no-repeat; }
.d4 { background: url(img/menu_ostale.gif) left top no-repeat; }

.d1_en { background: url(img/menu_cement_en.gif) left top no-repeat; }
.d2_en { background: url(img/menu_cigla_en.gif) left top no-repeat; }
.d3_en { background: url(img/menu_graditeljstvo_en.gif) left top no-repeat; }
.d4_en { background: url(img/menu_ostale_en.gif) left top no-repeat; }

.sectionTitle { padding: 10px 15px 7px 15px; }
.boxTeal { background: #e5f1f0; }
.slobodnaBody { padding: 0 15px 10px 15px; }

.pageContainer { padding: 12px 15px; }
.pageTitle h1 { font: 20px Arial, Helvetica, sans-serif; font-weight: bold; margin:0; padding-bottom: 8px; border-bottom: 1px solid #bfdcd9; color: #007568; }
.pageContent { width: 100%;height: 200px; margin-top: 25px; margin-bottom: 10px; }
.pageLeft { width: 180px; }
.pageMain { height: 250px; }
.pageMain p { margin: 0 0 13px 0; }
.pageRight { width: 225px; }
.pageRightBox { background: #e5f1f0; padding: 12px 15px; }

.menuRight { width: 100%; border-bottom: 1px solid #bfdcd9; }
.menuLayer { text-align: left; color: #fff; padding-bottom: 15px; }
.rightMenuSub { list-style-type: none; margin: 0 5px 0 15px; padding: 0; }
.rightMenuSub li { margin: 2px 0; }

.anketa { width: 100%; border-bottom: 1px solid #bfdcd9; }
.anketaBody { padding: 0 15px 15px 15px; }

.indexMiddle { width: 100%; border-left: 1px solid #bfdcd9; border-right: 1px solid #bfdcd9; border-top: 1px solid #fff; }
.stripGreen { background: #007568; }
.dionica { width: 100%; }
.dionica td { padding: 10px 15px; border-bottom: 1px solid #bfdcd9; }
.proizvodiContainer { padding: 10px 15px; border-right: 1px solid #bfdcd9; }
.publikacijeContainer { padding: 15px 15px; }
.centerBoxText { margin: 10px 0 25px 0; }
.publikacije td { text-align: center; }

.menuLeft  { list-style-type: none; margin: 0; padding: 0; }
.menuLeft div { border-bottom: 1px solid #e8e7e2; padding: 3px 0; }
.menuLeftSub { list-style-type: none; margin: 5px 0 5px 15px; padding: 0; }
.menuLeftSub li { color: #007568; }
.menuLeftSub2 { list-style-type: none; margin: 5px 0; padding: 0; }
.menuLeftSub2 li { color: #007568; padding-top: 4px; }
.menuLeftSub2 li img { margin-right: 7px; }

.leftBoxGrey { background: #f4f4f4; padding: 10px 15px; margin-top: 25px; }

.news { width: 100%; }
.newsItem { padding: 10px 15px; background: none; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.newsItemActive { padding: 10px 15px; background: url(img/newsItemBgnd.gif) repeat-x top; border-top: 1px solid #e5f1f0; border-bottom: 1px solid #e5f1f0; }

.footer { width: 960px; border: 1px solid #bfdcd9; margin-bottom: 25px; }
.footer td { font-size: 10px; padding: 3px 20px; text-align: left; }

/*ACCORDION*/

#container {
	width: 100%;
	height: 100%; 
	overflow: hidden;
}

#content {
	width: 100%;
}

h3 { margin: 0; padding: 0; text-align: left; }

h3 {
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

h3 a:link, h3 a:visited {
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

div.accordion {
	padding: 10px;
	margin-top: 5px;
}