/* @override http://www.webgradnja.hr/css/adresar.css */

#adresar h1 {
	background-color: #68b;
	background-image: url(images/hbg-adr.png);
}

/* @group kat */

#adresar #kategorije {
	width: 580px;
	margin: 0 auto;
}

#adresar #kategorije li {
	float: left;
	margin: 6px 0;
	font-size: 1.3em;
	font-weight: bolder;
	line-height: 1.2em;
}

#adresar #kategorije li img{
	float: left;
	margin-right: 10px;
}

#adresar #kategorije ul {
	margin: 8px 0;
	margin-left: 95px;
}

#adresar #kategorije ul li {
	float: none;
	display: inline;
	line-height: 1.6em;
	margin-right: 15px;
	font-size: .8em;
	font-weight: normal;
	padding: 0;
	background: none;
}

/* @end */

/* @group potkat */

#potkategorije {
	float: left;
	width: 100%;
}

#potkategorije li {
	width: 50%;
	float: left;
	padding: 10px 0;
}

#potkategorije li a {
	padding-left: 18px;
	background: #fff url(folder.png) no-repeat left top;
	margin-left: 4px;
}

/* @end */

/* @group firme */

.filter {
	background-color: #eee;
	padding: 2px;
	border-top: 1px solid #999;
	clear: left;
}

.filter ul li {
	display: inline;
	margin: 0.5em;
}

#filter {
	text-align: right;
}

#filter * {
	vertical-align: middle;
}

#firme {
	width: 100%;
}

#firme th {
	border-top: 1px solid #999;
	border-bottom: 3px double #999;
	background-color: #eee;
}

#firme tr.odd {
	background-color: #eee;
}

#firme tr.zlatni {
	background: #ffd34f url(zlatnibg.png) repeat-x 50%;
}

#firme tr.srebrni {
	background: #d2d2d2 url(srebrnibg.png) repeat-x 50%;
}

#firme .donji {
	border-bottom: 3px double #999;
}

#firme th, #firme td {
	padding: 0.6em 0.3em;
}
#firme .naziv {
	width: 50%;
	text-align: left;
}

#firme .djelatnost {
	width: 50%;
}

/* @end */

/* @group firma */

#kartice {
	float: left;
	width: 100%;
	border-bottom: 15px solid #5E86AF;
	margin-bottom: 10px;
}

#kartice li {
	float: left;
	margin: 0 0 0 2px;
}

#kartice li a {
	display: block;
	border: 1px solid #999;
	border-bottom: none;
	padding: 0 7px 0 27px;
	line-height: 2em;
	background-color: #eee;
}

#kartice li a.active {
	border-color: #5E86AF;
	background-color: #5E86AF;
	color: #fff;
}

#kart-info, #kart-kontakt, #kart-galerija, #kart-specifikacije, #kart-clanci, #kart-katalog, #kart-obavijesti, #kart-karta, #kart-novogradnja {
	background: transparent no-repeat 6px center;
}

#kart-info{
	background-image: url(kartice/info.jpg);
}
#kart-kontakt{
	background-image: url(kartice/kontakt.jpg);
}
#kart-galerija{
	background-image: url(kartice/galerija.jpg);
}
#kart-specifikacije{
	background-image: url(kartice/specifikacije.jpg);
}
#kart-clanci{
	background-image: url(kartice/clanci.jpg);
}
#kart-katalog{
	background-image: url(kartice/asortiman.jpg);
}
#kart-obavijesti{
	background-image: url(kartice/obavijesti.jpg);
}
#kart-karta{
	background-image: url(kartice/karta.jpg);
}
#kart-novogradnja{
	background-image: url(kartice/novogradnja.jpg);
}

/* @group info */

#firma-logo {
	text-align: center;
	margin-bottom: 10px;
}

#firma {
	clear: left;
	width: 650px;
	border: 1px solid #aaa;
	margin: 0 auto;
	margin-bottom: 1em;
	border-collapse: collapse;
}

#firma th {
	width: 21%;
	vertical-align: text-top;
	text-align: right;
	padding: 0.8em 0.5em;
	background-color: #eee;
	color: #333;
	border-right: 1px solid #999;
}

#firma td {
	vertical-align: text-top;
	text-align: justify;
	padding: 0.8em;
	border-bottom: 1px solid #aaa;
}
#firma td.pogodnosti {
	width: 31%;
	padding: 0;
	background: transparent url(images/pog-bg.jpg) no-repeat center bottom;
	border-left: 1px solid #999;
	text-align: left;
}
#firma td.pogodnosti h6{
	font-size: 1em;
	padding: 10px 12px 8px;
	background: transparent url(images/pog-top-bg.jpg) no-repeat center top;
	font-weight: bold;
	color: #5e86af;
}
#firma td.pogodnosti p{
	padding: 0 12px 10px;
	font-size: 0.9em;
	color: #4a4a4a;
}
#komentar-uspjesno {
	width: 630px;
	margin: 0 auto;
	margin-bottom: 1em;
	color: #390;
}
#komentar label {
	display: block;
}
#komentar .inputveliki {
	width: 250px;
	border: 1px solid #999;
	padding: 1px;
}
#komentari-firme {
	width: 630px;
	margin: 0 auto;
	margin-bottom: 1em;
}
#komentari-firme p{
	margin: 5px 0;
}
#komentari-firme textarea{
	width: 100%;
	height: 100px;
	border: 1px solid #999;
}
#komentari-firme .hide{
	display: none;
}
#komentari-firme #handle{
	padding-left: 18px;
	background: transparent url(komentiraj.png) no-repeat left center;
	line-height: 2em;
	cursor: pointer;
	color: #369;
}
#ostale-kat {
	clear: both;
	width: 650px;
	margin: 0 auto;
	border: 1px solid #999;
	border-bottom: none;
	padding-bottom: 10px;
	background-color: #eee;
}

#ostale-kat h2 {
	font-size: 1em;
	padding: 2px;
	background: #68b url(images/hbg-adr.png) repeat-x left center;
	color: #fff;
	font-weight: normal;
	border-bottom: 1px solid #999;
}

#ostale-kat ul {
	margin: 5px 5px 0;
}

#firma .karta{
	padding-right: 15px;
	background: transparent url(map.png) no-repeat right center;
}

#firma .pm-ostalo{
	margin-top: 8px;
}

/* @end */

/* @group kontakt */
#adresar div.pogodnosti {
	float: right;
	display: inline;
	width: 200px;
	margin: 10px 20px;
	background: transparent url(images/pog-bg.jpg) no-repeat center bottom;
	text-align: left;
}
#adresar div.pogodnosti h6{
	font-size: 1em;
	padding: 10px 12px 8px;
	background: transparent url(images/pog-top-bg.jpg) no-repeat center top;
	font-weight: bold;
	color: #5e86af;
}
#adresar div.pogodnosti p{
	padding: 0 12px 10px;
	margin-bottom: 20px;
	font-size: 0.9em;
	color: #4a4a4a;
}
#kontakt-intro {
	clear: left;
	width: 400px;
	margin: 10px;
}

#kontakt-firma {
	width: 650px;
	margin: 0 auto;
	margin-bottom: 10px;
}

#kontakt-firma p{
	margin: 10px 0;
}

#kontakt-firma label {
	display: block;
}

#kontakt-firma em {
	font-weight: bold;
	color: #f00;
	font-style: normal;
}

#kontakt-mail, #kontakt-ime, #kontakt-grad, #kontakt-tel {
	width: 250px;
	border: 1px solid #999;
	padding: 1px;
}

#kontakt-poruka {
	width: 100%;
	height: 330px;
	border: 1px solid #999;
}

#adresar .poslana {
	color: #390;
	font-size: 1.3em;
	margin: 20px 10px 50px;
}
#kontakt-firma .zapamti-me{
	margin-left: 50px;
}

#kontakt-detaljno {
	width: 650px;
	margin: 0 auto;
	border: 1px solid #999;
	border-bottom: none;
	padding-bottom: 10px;
	background-color: #eee;
}

#kontakt-detaljno h2 {
	font-size: 1em;
	padding: 2px;
	background: #68b url(images/hbg-adr.png) repeat-x left center;
	color: #fff;
	font-weight: normal;
	border-bottom: 1px solid #999;
}

#kontakt-detaljno p {
	margin: 10px 10px 0;
}

/* @end */

/* @group karta */

#karta-intro{
	clear: left;
	border: 1px solid #999;
	border-bottom: none;
	width: 650px;
	margin: 0 auto;
}
#karta-intro li{
	margin-left: 5px;
}
#karta-nav{
	float: right;
	background-color: #fff;
	font-size: 0.9em;
	border: 1px solid #999;
	border-top: none;
	border-right: none;
}
#karta-nav li a{
	line-height: 20px;
	padding: 2px 2px 2px 18px;
	background: transparent no-repeat left center;
}
#karta-nav #karta-home{
	background-image: url(karta.gif);
}
#karta-nav #karta-nazad{
	background-image: url(nazad.gif);
}
#karta {
	clear: left;
	width: 650px;
	height: 650px;
	margin: 0 auto;
	border: 1px solid #999;
	background: #eee8de no-repeat left bottom;
	position: relative;
	margin-bottom: 10px;
}

#mireo{
	position: absolute;
	bottom: 0;
	right: 70px;
	background-color: #fff;
	border: 1px solid #999;
	border-bottom: none;
	font-size: 0.8em;
	line-height: 1.3em;
}

#karta .marker {
	position: absolute;
	width: 16px;
	height: 16px;
	background: transparent url(marker.gif) no-repeat 0 0;
}

#karta .sjediste {
	background-image: url(sjediste.gif);
	height: 23px;
}

#karta .ostalo {
	background-image: url(ostalo.gif);
	height: 23px;
}

#karta .poslovnica {
	background-image: url(poslovnica.gif);
	height: 23px;
}

#content #mireo-link {
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 49px;
	background: transparent url(mireo.gif) no-repeat 0 0;
	text-indent: -900em;
}
#baloni {
	width: 130px;
	background-color: #fff;
	border-right: 1px solid #999;
	font-size: 0.9em;
}

#baloni div{
	padding: 2px;
	border-bottom: 1px solid #999;
}

#floater {
	position: absolute;
	width: 186px;
	border: 2px solid #fff;
	border-top: none;
	background: transparent url(floaterbg.png) repeat 0 0;
	color: #fff;
	z-index: 2;
}
* html #floater{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/floaterbg.png", sizingMethod="scale");
}
#floater .kontakti{
	border-top: 1px dashed #fff;
	margin: 0 5px 5px;
	padding-top: 5px;
}
#floater .adresa{
	border-top: 2px solid #fff;
	padding: 5px;
}
#floater .pogodnosti{
	border-top: 1px solid #fff;
	padding: 5px;
	font-size: 0.9em;
}
#legend{
	width: 650px;
	margin: 0 auto;
}
#legend li{
	background: transparent no-repeat 0 center;
	line-height: 20px;
	margin-right: 20px;
}
#legend h3{
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 5px;
}
#legend .karta {
	background-image: url(legenda-marker.gif);
	padding-left: 20px;
	float: left;
}
#legend .sjediste {
	background-image: url(legenda-sjediste.gif);
	padding-left: 20px;
	float: left;
}
#legend .ostalo {
	background-image: url(legenda-ostalo.gif);
	padding-left: 20px;
	float: left;
}
#legend .poslovnica {
	background-image: url(legenda-poslovnica.gif);
	padding-left: 20px;
	float: left;
}

/* @end */

/* @group asortiman */

#asortiman {
	clear: left;
	width: 100%;
}

#asortiman th.slika{
	width: 9%;
	text-indent: -900em;
}
#asortiman th, #asortiman td{
	padding: 5px;
	vertical-align: top;
}
#asortiman th.prod{
	width: 39%;
}
#asortiman th.naziv{
	width: 50%;
}
#asortiman th{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #eee;
	text-align: left;
}
#asortiman tr.odd {
	background-color: #eee;
}
#asortiman img{
	border: 1px solid #999;
}
.firma-c-asortiman{
	clear: both;
	font-size: 0.9em;
	text-align: center;
	border-top: 1px solid #999;
	padding: 3px 0;
	background-color: #eee;
}
/* @end */

/* @group specifikacije */

#spec-kartica{
	margin: 0 5px;
}
#spec-kartica h2{
	margin: 10px 0 5px 0;
	font-size: 1.1em;
	font-weight: bold;
}
#spec-kartica p{
	margin: 10px 0 20px 0;
}

#spec-kartica ul{
	margin: 10px 10px 20px;
}
#spec-kartica ul li{
	padding-left: 10px;
	background: transparent url(strelica.gif) no-repeat left top;
}
#spec-kartica ul li span{
	font-size: 0.9em;
}

/* @end */

/* @group clanci */

#clanci-kartica img, #obavijesti-kartica img{
	float: left;
	padding: 5px;
	margin-right: 5px;
	background-color: #eee;
	border: 1px solid #999;
}
#clanci-kartica li, #obavijesti-kartica li{
	clear: left;
	margin: 5px;
	float: left;
	width: 650px;
}
#clanci-kartica li span, #obavijesti-kartica li span{
	display: block;
	margin-top: 5px;
	text-align: justify;
}

/* @end */

/* @group galerija */
#firma-slika{
	text-align: center;
}
#firma-slika img{
	border: 1px solid #999;
	padding: 5px;
}
#firma-slika p{
	margin: 10px;
}
#adresar-gal-int {
	text-align: left;
	margin: 5px 0 15px 5px;
}
#adresar-gal-int .ii-g{
	background: transparent url(images/gal-i-s.png) no-repeat -30px 0;
	width: 50px;
	height: 17px;
	text-indent: -900em;
	display: inline-block;
	vertical-align: bottom;
	margin-left: 0;
}
#ostale-slike{
	float: left;
	width: 100%;
	border-top: 1px solid #999;
	margin-top: 10px;
}
#ostale-slike li{
	float: left;
	padding: 4px;
}
#ostale-slike li img{
	border: 1px solid #999;
	padding: 1px;
}
#ostale-slike .selected img{
	background-color: #369;
}

/* @end */

/* @group novogradnja */

#novogradnja-kartica {
	float: left;
	width: 100%;
}
#novogradnja-kartica li{
	float: left;
	width: 100%;
	margin: 5px 0;
}
#novogradnja-kartica ul li{
	float: none;
	width: auto;
	margin: 0;
	padding-left: 10px;
	background: transparent url(images/strelica.png) no-repeat left center;
}
#novogradnja-kartica ul li.link{
	padding-left: 0;
	background: none;
}
#novogradnja-kartica ul{
	margin-left: 120px;
}
#novogradnja-kartica img{
	float: left;
	border: 1px solid #999;
	padding: 3px;
	background-color: #eee;
	margin: 0 5px;
	display: inline;
}
.firma-n-asortiman{
	clear: left;
	font-size: 0.9em;
	text-align: center;
	border-top: 1px solid #999;
	padding: 3px 0;
	background-color: #eee;
}

/* @end */

/* @end */

/* @group Newsletter */

#newsletter {
	padding-bottom: 20px;
}
#newsletter p {
	margin: 25px 10px;
}

#newsletter label {
	display: block;
}
#newsletter #zanimaMe label {
	display: inline-block;
	width: 46%;
	margin-top: 4px;
}
#newsletter #zanimaMe {
	margin-bottom: 20px;
}
#newsletter em {
	font-weight: bold;
	color: #f00;
	font-style: normal;
}
#newsletter #prviParagraf {
	clear: both;
}
#newsletter-poslan {
	margin: 20px 10px;
	clear: both;
	color: #090;
}
#newsletter p.fontSize,
#newsletter span.fontSize,
#newsletter-poslan.fontSize {
	font-size: 1.15em;
}
/* @end */