html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

object,
embed {
display: block;
overflow: hidden;

}

body {
line-height: 1;
}
ol, ul {
list-style: none;
}
a:active { 
outline: none; 
}
 
a:focus { -moz-outline-style: none; }

/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}









body {
margin: 0 0 20px 0;
padding:0;
background: #292929 url("http://herman.com.hr/slike/herman-podloga-ostale.gif") top center no-repeat;
font: 12px Arial, "Trebuchet MS", Helvetica, Verdana, Sans-serif;
line-height:1.6em;
color:#c1c1c1;
text-align: center;
}

body#pocetna {
background: #292929 url("http://herman.com.hr/slike/herman-podloga-02.gif") top center no-repeat;
}

#wrapper {
width: 960px;
margin: 0 auto;
padding: 0;
text-align: left;
}

img {
border:0;
}

a:link {
	color: #00d3cc;
	text-decoration: none;
}
a:visited {
	color: #00d3cc;
	text-decoration: none;
}
a:active {
	color: #00d3cc;
}
a:hover {
	color: #00d3cc;
	text-decoration: none;
}

.sivi:link {
	color: #c1c1c1;
	text-decoration: none;
}
.sivi:visited {
	color: #c1c1c1;
	text-decoration: none;
}
.sivi:active {
	color: #c1c1c1;
}
.sivi:hover {
	color: #e7e7e7;
	text-decoration: none;
}


.sivifoot:link {
	color: #807f7f;
	text-decoration: none;
}
.sivifoot:visited {
	color: #807f7f;
	text-decoration: none;
}
.sivifoot:active {
	color: #807f7f;
}
.sivifoot:hover {
	color: #a5a4a4;
	text-decoration: none;
}

.none, caption {
display: none;
}
.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}

.clear1 {
clear: both;
margin:0;
padding:0;
height: 1px;
}

.clear10 {
clear: both;
margin:0;
padding:0;
height: 10px;
}

textarea.text, input.text {
font: 11px Verdana, Arial, sans-serif;
width: 300px;
border: 1px solid #000;
}

textarea.text2, input.text2 {
font: 11px Verdana, Arial, sans-serif;
width: 300px;
height: 150px;
border: 1px solid #000;
}

input.button {
font: 11px Verdana, Arial, sans-serif;
background: #02d3d4;
color: #fff;
border: 1px solid #01b1b2;
}
.topestnav {
margin: 0;
padding: 0;
}

h1 {
font: 26px "Century Gothic", Arial, Helvetica, "Trebuchet MS", sans-serif;
margin: 0;
padding: 40px 0 0 0;
color: #02d4d4;
text-transform: uppercase;
}
#header a {
border: none;
color: #990000;
}
#header a:hover {
color: #CC0000;
}

#navcontainer{
margin: 0;
padding: 33px 0 0 11px;
width: 635px;
float: left;
}
#main {
width: 960px;
margin: 0;
padding: 0;
}

.bigger {
width: 625px;
float: left;
margin: 0;
padding: 0;
}

.date-header {
margin: 0;
padding: 0;
}
.date-header h2 {
font:12px Arial, "Trebuchet MS", Sans-serif;
margin: 0;
padding: 15px 0 15px 0;
color:#c1c1c1;
}

.date-header2 {
margin: 0;
padding: 0;
}
.date-header2 h4 {
font: 11px Arial, "Trebuchet MS", Sans-serif;
margin: 0;
padding: 10px 0 5px 0;
color:#c1c1c1;
}

.entry-title {
margin: 0 0 10px 0;
padding: 0;
background: url("http://herman.com.hr/slike/podloga-h3.gif") top left no-repeat;
width: 625px;
height: 41px;
}

.entry-title h3 {
margin: 0;
padding: 9px 0 0 25px;
color: #fff;
font: 20px "Century Gothic", Arial, Helvetica, "Trebuchet MS", sans-serif;
}
.entry-title h3 a {
border: none;
color: #fff;
}
.entry-title h3 a:visited {
border: none;
color: #fff;
}
.entry-title h3 a:active {
border: none;
color: #fff;
}
.entry-title h3 a:hover {
border: none;
color: #b0b0b0;
}



.entry-title-poc {
margin: 0;
padding: 0 0 15px 10px;
}

.entry-title-poc h1 {
margin: 0;
padding: 0;
color: #fff;
font: 30px "Century Gothic", Arial, Helvetica, "Trebuchet MS", sans-serif;
text-transform: lowercase;
}
.entry-title-poc h1 a {
border: none;
color: #fff;
}
.entry-title-poc h1 a:visited {
border: none;
color: #fff;
}
.entry-title-poc h1 a:active {
border: none;
color: #fff;
}
.entry-title-poc h1 a:hover {
border: none;
color: #b0b0b0;
}

.entry {
margin: 0;
padding: 0 0 10px 0;
}

.entry p {
margin: 0;
padding: 0 0 12px 0;
}

.entry ul {
list-style: square;
margin: 0;
padding: 0 0 10px 30px;
}
.entry ul li {
margin: 0;
padding: 2px 0 2px 0
}

.entry ol {
list-style-type: decimal;
margin: 0;
padding: 0 0 10px 30px;
}
.entry ol li {
margin: 0;
padding: 2px 0 2px 0
}


.entry-poc1 {
margin: 0;
padding: 158px 15px 25px 0;
width: 310px;
float: left;
}

.entry-poc2 {
margin: 158px 0 25px 0;
padding: 0;
width: 310px;
float: left;
}

.entry-poc3 {
margin: 158px 0 25px 0;
padding: 0;
width: 310px;
float: right;
}

.smaller {
width: 310px;
float: right;
margin: 0;
padding: 50px 0 0 0;
}

.smaller h4 {
margin: 0 0 8px 0;
padding: 0;
color: #990000;
font: bold 12px Verdana, Arial, sans-serif;
}
.smaller ul {
list-style: square;
margin: 0 0 0 15px;
padding: 0;
}
.smaller ul li {
margin: 4px 0 4px 0;
}

#footer {
margin: 0;
padding: 0;
font-size: 11px;
color: #807f7f;
}

#footer-poc {
margin: 0;
padding: 15px 0;
font-size: 11px;
text-align: center;
color: #807f7f;
}

.footer-l {
margin: 0;
padding: 0;
float: left;
width: 635px;
}

.footer-d {
margin: 0;
padding: 20px 0 0 0;
float: right;
width: 310px;
}

.slika-lijevo {
margin: 5px 10px 0 0;
padding: 1px;
background: #fff;
border: 1px solid #000;
float: left;
}

.slika-desno {
margin: 5px 0 0 10px;
padding: 1px;
background: #fff;
border: 1px solid #000;
float: right;
}

.slika {
margin: 5px 0 10px 0;
padding: 1px;
background: #fff;
border: 1px solid #000;
}

.slika-small {
margin: 0 0 10px 0;
padding: 0;
}

.crta {
margin:0;
padding:0;
width: 960px;
height: 2px;
clear: both;
background: url("http://herman.com.hr/slike/crta.gif") top left no-repeat;
}

.kontakt {
margin: 0;
padding: 310px 30px 0 0;
text-align: right;
float: right;
font-size: 15px;
color: #d4d4d4;
width: 200px;
}

.detaljnije {
margin:0;
padding:0;
text-align: right;
}

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

span.plavi {
color: #00d3cc;
}


.entry-l {
margin:0;
padding:0;
float: left;
width: 310px;
}

.entry-d {
margin:0;
padding:0;
float: right;
width: 310px;
}






#menu {
position: relative;
width:800px;
height:72px;
background:transparent url("http://herman.com.hr/slike/menu-off.gif");
overflow:hidden;
margin:0 auto;}

#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; width:160px; height:72px; display:inline;}

#menu a {
display:block;
float:left;
width:160px;
height:0;
overflow:hidden;
color:#000;
text-decoration:none;
padding-top:72px;
background:transparent url("http://herman.com.hr/slike/menu-on.gif") no-repeat 500px 500px;
}

* html #menu a  {height:72px; he\ight:0;}

#menu a#item1:hover {background-position: 0 0; z-index:50;}
#menu a#item2:hover {background-position: -160px 0; z-index:50;}
#menu a#item3:hover {background-position: -320px 0; z-index:50;}
#menu a#item4:hover {background-position: -480px 0; z-index:50;}
#menu a#item5:hover {background-position: -640px 0; z-index:50;}

body#pocetna a#item1 {background-position: 0 0; z-index:50;}
body#grijanje a#item2 {background-position: -160px 0; z-index:50;}
body#sanitarije a#item3 {background-position: -320px 0; z-index:50;}
body#vodovod a#item4 {background-position: -480px 0; z-index:50;}
body#kontakt a#item5 {background-position: -640px 0; z-index:50;}


.nicetable {
border-collapse:collapse;
width: 625px;
}
.nicetableheader {
        margin:5px; 
        padding: 5px;
        border:1px solid #01aca6;
        background-color:#00d3cc;                
        color:#FFFFFF;        
        font-size: 12px;        
        font-weight:bold;
}

.nicetablerow {
        margin:5px;         
        padding: 5px;
        border:1px solid #01aca6;        
        background-color:#e3fdfc;        
        color:#000000;        
        font-size: 12px;
}





/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url("http://herman.com.hr/slike/loading.gif") no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url("http://herman.com.hr/slike/prevlabel.gif") no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url("http://herman.com.hr/slike/nextlabel.gif") no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url("http://herman.com.hr/slike/closelabel.gif") no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}