/* Created by TopStyle Pro Trial Version - www.bradsoft.com */

body{
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

p,
p span {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px 0px 0px 0px;	
	line-height: 120%;
}

p.small {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0px 0px 0px 0px;	
	line-height: 150%;
}

#marg {
	margin: 5px 0px 5px 0px;
}

#pred {
	color: #d94040;
	font-weight: bold;
	line-height: 22px;
}

#midd {
	margin: 1px 3px 1px 0px;
	vertical-align: middle;
	float: left;
}

.white {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;	
}

div.img-front {
	width: 72px;
	float: left;
	margin: 0px 5px 2px 0px;
}

div.img-front2 {
	width: 90px;
	float: left;
	margin: 0px 5px 2px 0px;
}

a {
	color: #333333;
	text-decoration: none;
}

form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	vertical-align: middle;	
}

.form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 19px;
	vertical-align: middle;
}

.button1 {
        width: 50px;
        height: 15px;
        border: 1px solid #000;
        color: #000;
        font-size: 10px;
        padding: 0;
}

h1{
	font-size: 24px;
	margin: 0 0 0 0;
	font-weight: bold;
}

h1 a{
	text-decoration: none;
}

h1 a:hover{
	text-decoration: underline;
}

h2{
	margin: 0 0 0 0;
	font-size: 18px;
	font-weight: bold;
}

h2 a{
	text-decoration: none;
}

h2 a:hover{
	text-decoration: underline;
}

h3{
	margin: 0 0 0 0;
	font-size: 14px;	
	font-weight: normal;
}

h3 a{
	text-decoration: none;
}

h3 a:hover{
	text-decoration: underline;
}

h4{
	font-size: 12px;	
	margin: 0 0 5px 0;
}

h4 a{
	text-decoration: none;
}

h4 a:hover{
	text-decoration: underline;
}

h5{
	font-size: 10px;
	margin: 0 0 0 0;
}

h5 a{
	text-decoration: none;
}

h5 a:hover{
	text-decoration: underline;
}

h6{
	font-size: 8px;
	margin: 0 0 0 0;
}

h6 a{
	text-decoration: none;
}

h6 a:hover{
	text-decoration: underline;
}

.field {
	border-left: 1px solid #b5b5b5;
	border-top: 1px solid #b5b5b5;
	border-right: 1px solid #6e6d6d;
	border-bottom: 1px solid #6e6d6d;	
	color: #0072af;
	width: 140px;
	height: 15px;
	font-size: 9px;
	color: #6E6D6D;
	margin: 0px 0px 0px 0px;
}

.field1 {
	border-left: 1px solid #b5b5b5;
	border-top: 1px solid #b5b5b5;
	border-right: 1px solid #6e6d6d;
	border-bottom: 1px solid #6e6d6d;	
	color: #0072af;
	width: 80px;
	height: 15px;
	font-size: 9px;
	color: #6E6D6D;
	margin: 0px 3px 0px 3px;
}

.button {
	margin: 0 0 0 0;
}

a:hover {
	color: #333333;
	text-decoration: underline;
}

a.blue {
	color: #3878af;
	text-decoration: underline;
}

a.blue:hover {
	color: #3811aa;
	text-decoration: underline;
}

a.white {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

a.white:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#quarter {
   padding-left: 5px;
	margin-bottom: 25px;
	width: 24%;
	float: left;
	border-left: 1px solid #d6d5cc;
}

#third {
   padding-left: 5px;
	margin-bottom: 10px;
	width: 32%;
	float: left;
}

#red {
	background-color: #cc0000;
	padding: 2px 3px 2px 3px;
}

#darkblue {
	background-color: #3878af;
	padding: 2px 3px 2px 3px;
}

#lightgrey {
	background-color: #b1b3a7;
	padding: 2px 3px 2px 3px;		
}

#lighterblue {
	background-color: #d6e1ef;
	padding: 10px 10px 10px 10px;
}

#grey {
	background-color: #c8c2a8;
	padding: 2px 3px 2px 3px;	
}

#lightergrey {
	background-color: #bec0b7;
	padding: 0px 10px 10px 10px;
}



#lightestgrey {
	background-color: #e9ebe0;
	padding: 10px 10px 10px 10px;
}

td.menuitem {
	background-color: #fef1b6;
	border-right: 5px solid #fdd728;
	padding: 5px 5px 4px 12px;
}

p.menudark {
	color: #201b18;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 0 0;
}

p.menured {
	color: #cc0000;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 0 0;
}

p.blue {
	color: #3878af;
}

p.dark {
	color: #3f4034;
}

p.blue a {
   color: #3878af;
	text-decoration: none;
}

p.blue a:hover {
   color: #3878af;
	text-decoration: underline;
}

.select {
	width: 140px;
	height: 15px;
	font-size: 9px;
	padding-left: 10px;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* --------- MENU ----------- */

#navcontainervert{
	width: 169px;
	_width: 180px;	
}
#navcontainervert ul{
	margin-top: 1px;/*ffox fix - personal note, ignorisati...*/
	margin-left: 0;
	margin-bottom: 0px;
	padding-left: 0;
	list-style-type: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#navcontainervert a{
        border-top: 1px solid #ffffff;
	display: block;
	padding: 2px 0px 2px 6px;
	width: 169px; /*sirina boksa koji ogranicava link*/
	_width: 180px;
	background-color: #ffffff;
	border-bottom: 1px solid #bec0b7;
	border-right: 5px solid #bec0b7;
	color: #3f4034;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}
#navcontainervert a:link, #navlistvert a:visited{
	color: #3f4034;
	text-decoration: none;
}
#navcontainervert a:hover{
	background-color: #e9ebe0;
	color: #3f4034;
	border-bottom: 1px solid #cc0000;
	border-right: 5px solid #cc0000;
}

/* Fix za glupave MS Word tagove kada se copy/paste direktno iz Worda u HTML area 
Konkretno ovi stilovi su uvek istih imena pa ih je lako predvideti... MsoNormal MsoHeading etc... Jedino sto mi pada na pamet je ovaj css hack. Posto nigde nije definisan stil MsoNormal (jeste u word docu ali on se ne kopira zato sto je u zaglavlju samog dokumenta) ovako ga zajebemo na finjaka ;) i redefinisemo stil...*/
.MsoNormal{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px 0px 0px 0px;	
	line-height: 120%;
}

/* Fix za html area <p> tag pa se ne primenjuje stil headline... E ovo je vec bug-problem... Html area UVEK na ENTER daje <p> tag. U templejtu je verovatno nesto <p class="headline"><!** print article intro></p> i onda to u live okruzenju izgleda <p class="headline"><p>Intro tekst</p></p> jer HTML area za svoju area uokviruje paragrafe sto je u redu a nama ne radi posao... Bilo bi sjajno kada bi ti u HTML area mogao da povezes svoj stil iz CSS-a... onda je  normalno je da se headline stil ne primenjuje na ovaj poslednji p tag. E sada, ovo takozvani Sibling selektor, znaci za primenjivace se donji stil za dati tag kome prethodi p.headline tag. Nisam siguran da li imam jos neki backup plan ako ovo ne bude radilo iz nekog razloga kako  nama odgovara ;) */
p.headline + p{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px 0px 0px 0px;	
	line-height: 120%;
}
/* A ovo je ultra, mega, retardo hack koji samo IE cita... Znaci posto glupi IE ne zna za Child i Sibling selektore CSS-a, ovaj tag ce samo da procita IE... Ne znam da li je ljuba definisao p tag negde gore, pa cisto da ga ne pregazim. Znaci ovo se koristi kada je neophodan Child ili Sibling selektor u CSSu, a potrebno je ispuniti cross browser compatibility, a vec postoji definisan p u css-u... E onda se upotrebljava ovaj hack, jer ce ga samo IE procitati kao da postoji, Mozzila i ostali normalni browseri ce ga jednostavno ignorisati... */
* html p{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px 0px 0px 0px;	
	line-height: 120%;
}