/*
	- Unificira razlike između browsera
	- najčešće korištene klase
*/


*{margin:0; padding:0;}
.cut{overflow:hidden;} /*sav sadržaj koji izlazi van diva se ne vidi*/
.fix, .to_c .cfix{overflow:hidden;} #ie6 .fix, #ie6 .to_c .cfix{height:1%;}
.ff,.to_c .ff{float:left; overflow:hidden; width:100%;} /* float fix */
#ie6 .lff {margin-right:-3px;} /* 3 px jog */
#ie6 .rff {margin-left:-3px;}
.c{clear:both; line-height:1px; height:0; font-size:1px; overflow:hidden;} /* break */
.h{display: none;} /*hide*/
.l{float:left;}
.r{float:right;}
.nmt{margin-top:0;}
.img{font-size:0;} /* killing white space around images */

#ie6 .cMe{height:1%;} /* clear Me */
#ie7 .cMe{zoom:100%;} /* clear Me */
.cMe:after{content:"-"; height:0; font-size:0; visibility:hidden; display:block; clear:both;}

/* FLOAT BREKING (cLEAR ME) */
#ie6 .split,#ie6 ul.inline,
#ie7 .split,#ie7 ul.inline{height:1%;}
.split:after,ul.inline:after{content:"-"; height:0; font-size:0; visibility:hidden; display:block; clear:both;}
/**/


/* 
	SPLIT ELEMENT
	split .s2 - prepolovi div unutar kojeg se nalazi na 2 dijela
	split .s3 - ... na 3 dijela
		- opera ne zna računati postotke s decimalom (33.3%) stoga je širina prilagođena		
	split .s4 - ... na 4 dijela
	split .s30-70 - ... lijevi 30% desni 70%
	split .s70-30 - ... lijevi 70% desni 30%		
	
	Ukoliko se pokaže potreba split element se može definirati u pixelima zbog točnosti layouta,ako dizajn to zahtjeva
*/ 
.split .s{width:50%; float:left;}
.split .sl{clear:left; clear:left;}
.split .sr{float:right; clear:right;}
.split .s2 .s{width:50%;}
#ie6 .split .s2 .s{width:49.9%;}
.s3 .s{width:34%} .s3 .sc{width:32%}
.s4 .s{width:25%;}
.s30-70 .sl{width:30%;} .s30-70 .sr{width:70%;}
.s70-30 .sl{width:70%;} .s70-30 .sr{width:30%;}


/* Inline list ol/ul*/
.inline{list-style:none; margin:0;}
.inline li{float:left; margin-bottom:0;}
.inline a, .inline span{display:block; outline-style:none;}
#ie6 .inline a,#ie6  .inline span{display:inline-block;} /* Zbog ovoga ne radi u IE Image Replacement Tehnika s text-indent:-999em; */


	
	
body{font:68.75%/1.4 Arial, Helvetica, sans-serif;  background-color: #fff; color:#333;}

/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:1.25em 0 .25em; font-weight:bold;}

h1{font-size:1.8em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5{font-size:1em;}
h6{font-size:1em;}


p{margin:.5em 0 1em;}

a{color:#0000a0; text-decoration:none;}
a:hover{color:#fff; background-color:#000;}
a img{border:none;}

pre, code{font-family: "Courier New", Courier, monospace; font-size: 1em; overflow:auto;}

table{font-size: 1em;}
th, td{padding: 0;}

ul, ol{margin:.75em 0 1em 3em;}
ul ul, ol ul,ul ol, ol ol{margin:.3em 0 .5em 1.3em;}
ul ol, ol ol{margin-left:1.9em;}

ul, ul ul{list-style-type: disc;}
li{margin-bottom:.3em;}

dl{margin:.25em 0;}
dt, dd{font-style: normal; margin-bottom:.25em;}
dt{font-weight: bold;}
dd{margin: 0 1em 0.5em 2.5em;}

label{font-weight:bold; white-space:nowrap;}
optgroup{font-weight:bold; font-style:normal;}
fieldset{border:none;}

textarea{overflow:auto;}

textarea,
input.txt,
input.btn{font-family:Arial, Helvetica, sans-serif; font-size:1em;}

textarea,
input.txt{border:1px solid #999; padding:2px; color:#333;}