/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
br { line-height: 14px; }


/* GLOBALS */
html, body { height: 100%; }
body { background: #ffffff url(img/headerBgnd.gif) repeat-x 0 0; font: 12px Arial, Helvetica, sans-serif; color: #515151; line-height: 18px; }
input, select, textarea {  font: 12px Arial, Helvetica, sans-serif; color: #515151; }

.picBorder { border: 1px solid #a6a6a6; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 10px; color: #7e8082; }

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


/* FORM ELEMENTS */
.textbox, textarea { background: #ffffff; border: 1px solid #b9b9b9; font-size: 11px; line-height: 14px; height: 13px; padding: 3px 0 3px 5px; }
.searchbox { width: 120px; margin: 0 7px 0 0; }
select { background: #ffffff; border: 1px solid #c7c7c7; padding: 2px 2px 2px 0; font-size: 12px; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #00785d; }
a:hover { color: #000000; }

.topMenu a:link, .topMenu a:active, .topMenu a:visited, .topMenuEn a:link, .topMenuEn a:active, .topMenuEn a:visited { color: #ffffff; }
.topMenu a:hover, .topMenuEn a:hover { color: #c4e4d9; }

.leftMenu a:link, .leftMenu a:active, .leftMenu a:visited { color: #515151; }
.leftMenu a:hover { color: #000000; }

.leftMenu a.active:link, .leftMenu a.active:active, .leftMenu a.active:visited { color: #00785d; }
.leftMenu a.active:hover { color: #000000; }

.textHolderUgornjemSlideru a:link, .textHolderUgornjemSlideru a:active, .textHolderUgornjemSlideru a:visited { color: #ffffff; }
.textHolderUgornjemSlideru a:hover { color: #000000; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.fullHeight { height: 100%; }
.marginTop1 { margin: 10px 0 0 0; }
.marginTop2 { margin: 25px 0 0 0; }
.marginTop3 { margin: 50px 0 0 0; }
.marginLeft1 { margin: 0 0 0 15px; }
.marginLeft2 { margin: 0 0 0 30px; }
.marginLeft3 { margin: 0 0 0 40px; }

.header { width: 940px; margin: 0 auto; overflow: hidden; }
.logoContainer { width: 280px; float: left; height: 110px; }
.logoContainer div { padding: 22px 0 0 0; }
.logoContainer div img { vertical-align: middle; }
.headerMain { width: 660px; height: 110px; float: left; font-size: 11px; }
.headerMain table { margin: 42px 0 0 auto; }
.headerMain .divider { width: 51px; height: 30px; background: url(img/divider_vertical.gif) repeat-y center top; }

.topMenu { width: 970px; height: 46px; margin: 0 auto; background: url(img/topMenuBgnd.gif) repeat-x 0 0; }
.topMenu div { padding: 0 0 0 12px; }
.topMenu p { float: left; background: none; font: 17px Calibri, "Arial Narrow", sans-serif; text-transform: uppercase; padding: 11px 12px 18px 13px; line-height: 17px; }
.topMenu p.active { background: url(img/arrowTopMenu.gif) no-repeat center bottom; }
.topMenuEn { width: 970px; height: 46px; margin: 0 auto; background: url(img/topMenuBgnd.gif) repeat-x 0 0; }
.topMenuEn div { padding: 0 0 0 12px; }
.topMenuEn p { float: left; background: none; font: 17px Calibri, "Arial Narrow", sans-serif; text-transform: uppercase; padding: 11px 8px 18px 8px; line-height: 17px; }
.topMenuEn p.active { background: url(img/arrowTopMenu.gif) no-repeat center bottom; }

.middleWrapper { background: url(img/middleBgnd.gif) repeat-x 0 0; }
.indexMiddle { height: 443px; background: url(img/indexMiddle.gif) repeat-x 0 0; }
.rotator { width: 970px; margin: 0 auto; padding: 12px 0 0 0; }
.rotatorPic { position: relative; width: 970px; height: 320px; overflow:hidden; }
.rotatorNav { position: relative; width: 970px; margin: 0 auto; }
.rotatorNav div { float: left; height: 98px; }
.rotatorNav div.rotatorThumbs { width: 930px; overflow: hidden; position:relative; }
.rotatorNav div.rotatorThumbs p.eventSelectItem { float: left; width: 155px; height: 98px; background: url(img/rotatorThn.png) no-repeat center top; text-align: center; padding: 32px 0 0 0; }
.rotatorNav div.rotatorThumbs p.eventSelectItemActive { float: left; width: 155px; height: 98px; background: url(img/rotatorThnActive.png) no-repeat center top; text-align: center; padding: 32px 0 0 0;}
.rotatorNav div.arrow { width: 20px; background: none; text-align: left; }
.rotatorNav div.arrow img { margin: 47px 0 0 0; }

.middle { width: 970px; margin: 0 auto; overflow: hidden; }
.left { float: left; width: 310px; padding: 20px 0; }
.main { float: left; width: 660px; padding: 20px 0; }

.left h2 { width: 270px; font: 24px Calibri, "Arial Narrow", sans-serif; color: #727272; font-weight: bold; line-height: 25px; margin: 0; padding: 0; letter-spacing: -0.01em; background: url(img/boxTitleBgnd.gif) repeat-x 0 21px; }
.left .boxContainer { width: 270px; vertical-align: top; padding: 0 0 25px 0; }
.left .boxBody { font-size: 11px; border-bottom: 1px solid #cbddd7; }
.left .boxInfo { background: url(img/boxInfo.jpg) no-repeat right top; }
.left .boxInfo div { padding: 10px 130px 9px 0; line-height: 18px; }

.leftMenuWrapper { padding: 0 0 25px 0; }
.leftMenu { background: url(img/leftMenuBgnd.png) no-repeat 0 0; padding: 12px 25px 12px 15px; }
.leftMenu p { background: url(img/leftMenu_arrowClosed.gif) no-repeat 0 10px; padding: 3px 0 3px 15px; }
.leftMenu p.open { background: url(img/leftMenu_arrowOpen.gif) no-repeat 0 10px; }
.leftMenu .open { font-weight: bold; }
.leftMenu .active { font-weight: bold; }
.leftMenu ul.submenu { position: relative; width: 220px; left: 15px; margin: 0; padding: 0; list-style: none; }
.leftMenu ul.submenu li { padding: 1px 0 1px 10px; }
.leftMenu ul.submenu li.divider { background: url(img/dots_horizontal.gif) repeat-x left center; height: 11px; line-height: 1px; font-size: 1px; }
.leftMenu ul.submenu li.open ul.submenu2 { position: relative; width: 200px; left: 5px; margin: 0; padding: 0; list-style: none; }
.leftMenu ul.submenu li.open ul.submenu2 li { padding: 1px 0 1px 10px; font-weight: normal; }
.leftMenuBottom { width: 272px; background: #e6e6e6; height: 4px; line-height: 1px; font-size: 1px; }


.main h1 { font: 24px Calibri, "Arial Narrow", sans-serif; color: #727272; font-weight: bold; line-height: 25px; margin: 0; padding: 0; letter-spacing: -0.01em; background: url(img/boxTitleBgnd.gif) repeat-x 0 21px; text-transform: uppercase; }

.indexBoxes { width: 970px; margin: 25px auto; }
.indexBoxes .boxContainer { width: 305px; vertical-align: top; padding: 0 0 25px 0; }
.indexBoxes td.spacer { width: 20px; }
.indexBoxes h2 { font: 24px Calibri, "Arial Narrow", sans-serif; color: #727272; font-weight: bold; line-height: 25px; margin: 0; padding: 0; letter-spacing: -0.01em; background: url(img/boxTitleBgnd.gif) repeat-x 0 21px; }
.indexBoxes .boxBody { font-size: 11px; border-bottom: 1px solid #cbddd7; }

.boxLeftContainer { width: 270px; vertical-align: top; padding: 0 0 25px 0; }
.boxInfo { background: url(img/cigla_crijep_cement_beton2.jpg) no-repeat right top; }
.boxInfo div { padding: 10px 130px 9px 0; line-height: 18px; }
.boxKatalozi { background: url(img/beton_crijep_cigla_keramika.png) no-repeat right top; }
.boxKatalozi div { margin: 0; padding: 8px 110px 9px 0; }
.boxKatalozi select { margin: 0 0 5px 0; width: 150px; line-height: 16px; }

.news th, .news td { vertical-align: top; border-top: 1px solid #cbddd7; padding: 9px 0 9px 0; }
.news .first th, .news .first td { border: none; }
.news th { width: 65px; text-align: left; font-weight: normal; }

.pageContent { padding: 20px 0 0 0; overflow: hidden; position: relative; }
.pageContent p { margin: 0 0 15px 0; }
.pageContent td p { margin: 0; }
.pageContent sup { font-size: 0.7em; }
.pageContent .divider { background: url(img/dots_horizontal.gif) repeat-x left center; height: 27px; line-height: 1px; font-size: 1px; }
.pageContent img { border-color: #bbbbbb; }
.pageContent h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #888888; margin: 10px 0 10px 0; }

.product { width: 100%; }
.product th { width: 115px; text-align: left; }
.product th div { width: 90px; height: 90px; background: #ffffff; border: 5px solid #d5e4df; text-align: center; overflow:hidden; }
.product td h2 { font-size: 14px; font-weight: bold; padding: 0 0 3px 0; text-transform: uppercase; }
.product td h2 span {text-transform:lowercase !important;}
.product td table { width: 100%; }
.product td table sup { font-size: 0.7em; line-height: 0.7em; }
.product td table th { text-align: left; font-weight: normal; width: 130px; }
.product td.iconDownload { width: 40px; text-align: right; vertical-align: middle; }

.product2 { width: 100%; }
.product2 th { width: 230px; text-align: left; }
.product2 th div { width: 200px; height: 200px; background: #ffffff; border: 5px solid #d5e4df; text-align: center; overflow:hidden; }

.varijante { overflow: hidden; }
.varijante div { float: left; width: 128px; text-align: center; margin: 5px 1px 5px 0; text-align: center; overflow: hidden;  }
.varijante div div { width: 90px; height: 90px; margin: 0 0 6px 14px; background: #ffffff; border: 5px solid #d5e4df; }
.varijante div p { display: block; font-size: 11px; line-height: 15px; margin: 0; }

.resultsFilter { background: #d5e4df; padding: 5px 10px; margin: 0 0 15px 0; }
.resultsFilter table { width: 100%; }
.resultsFilter table th { width: 100px; text-align: left; font-size: 14px; font-weight: bold; }
.resultsFilter table td { font-size: 11px; }
.resultsFilter table td select { font-size: 11px; width: 115px; margin: 0 2px 0 0; }

.resultsNav { text-align: center; }
.resultsNav ul { text-align: center; margin: 0; padding: 0; list-style: none; }
.resultsNav ul li { display: inline; padding: 3px 6px; }
.resultsNav ul li.active { border: 1px solid #a1c1b7; font-weight: bold; }

.footer { width: 970px; margin: 0 auto; background: #e8eaec url(img/footerBgnd.gif) repeat-x 0 0; overflow: hidden; font-size: 11px; }
.footerLeft { float: left; width: 220px; }
.footerLeft div { padding: 20px 0 15px 15px; }
.footerLeft div div.chooseCountry { width: 170px; padding: 0 5px; background: #ffffff url(img/selectArrow.gif) no-repeat right top; border: 1px solid #b9b9b9; margin: 2px 0 0 0; cursor: pointer; }
.footerLeft div div.chooseCountryMenu { width: 170px; height: 255px; padding: 2px 5px; background: #ffffff; border: 1px solid #b9b9b9; }
.footerLeft div div p { padding: 4px 0; border-top: 1px solid #cbddd7; }
.footerLeft div div p.first { border: none; }
.footerLeft div img { vertical-align: middle; margin: 0 6px 0 2px; }
.footerMain { float: left; width: 750px; }
.footerMain div { padding: 20px 15px 15px 0; text-align: center; }
.footerMain ul { margin: 0 auto 7px auto; padding: 0; list-style: none; }
.footerMain ul li { display: inline; background: url(img/bullet_square.gif) no-repeat 0 4px; padding: 0 0 0 12px; margin: 0 10px; }


/*INDEX DONJI SLIDER*/
.mask1{
	position:relative;
	width:637px;
	height:182px;
	overflow:hidden;
	margin-left:1px;
}

#box1{
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
}
#box1 span{
	display:block;
	float:left;
	margin-right:30px;
}
/*INDEX DONJI SLIDER END*/

/*ACCORDION*/
.toggler {
	background-color: #dfdfdf;
	padding: 5px 10px;
	margin-top: 5px;
	cursor: pointer;
}	
.naslov_acc {
	padding:15px 0 5px 0;
	font-weight: bold;
	color: #000000;
}		
.naslov_accFirst {
	padding:0;
}	
.element {
	margin:0 0 5px 0;
}	
/* END ACCORDION*/


.zupanije {display:none;visibility:hidden;}
#zupanije span {color:#00785d;font-size:17px;}

map area {cursor:pointer;}

.textHolderUgornjemSlideru { position:absolute; bottom:40px; left:0; padding: 9px 25px 10px 25px; color: #ffffff;  }
.textHolderUgornjemSlideru h3 { padding: 0 0 0 0; font: 32px Calibri, "Arial Narrow", sans-serif; font-weight: bold; line-height: 35px; text-transform: uppercase; }
.textHolderUgornjemSlideru h3 a:hover {color:#00785d;}


#frmKontakt table { width: 100%; }
#frmKontakt table td { padding: 4px 0; }
#frmKontakt table td span { color : #e10000; font-weight : bold; }
#frmKontakt table td .textbox { width: 300px; padding: 4px 5px;}
#frmKontakt select { width: 150px; }
#frmKontakt select {margin-bottom:7px;}
#frmKontakt textarea {width: 400px;height:120px;}

.pageing {text-align:center;margin:7px auto -10px auto;}

div.image { background: #ffffff; border: 1px solid #b1b1b1; margin: 0 5px 5px 0; }
div.image div { width: 115px; height: 115px; border: 2px solid #ffffff; overflow: hidden; }


.naslov { font-size: 18px; font-family: Calibri, Arial, sans-serif; color: #727272; font-weight: bold; }

hr { background: url("img/dots_horizontal.gif") repeat-x scroll left center transparent; font-size: 1px; line-height: 1px; border: 0; height: 1px; }

.stanovi {
	border-collapse: collapse;
}

.stanovi td {
	border: 1px solid #c8c8c8;
}