BODY {
	BACKGROUND: #ffffff; MARGIN: 0px; BORDER-LEFT: 0px; HEIGHT: 100%
}
#wrapper {
	POSITION: relative; HEIGHT: 258px
}
#logo {
	Z-INDEX: 3; LEFT: 29px; WIDTH: 228px; POSITION: absolute; TOP: 29px; HEIGHT: 58px
}
#user {
	Z-INDEX: 3; RIGHT: 8px; POSITION: absolute; TOP: 8px; HEIGHT: 18px; TEXT-ALIGN: right
}
#header {
	Z-INDEX: 2; BACKGROUND:  url(headerbg.gif); WIDTH: 100%; BOTTOM: 40px; POSITION: absolute
}
#menu {
	Z-INDEX: 1; BACKGROUND:  url(menubg.jpg); WIDTH: auto; BOTTOM: 0px; POSITION: absolute; HEIGHT: 54px
}
#SearchContainer INPUT {
	BORDER-RIGHT: #cbcaca 1px solid; BORDER-TOP: #cbcaca 1px solid; FONT-SIZE: 9px; BACKGROUND:  url(../images/searchinside.gif) #ffffff no-repeat right top; MARGIN: 0px; BORDER-LEFT: #cbcaca 1px solid; WIDTH: 120px; COLOR: #000000; BORDER-BOTTOM: #cbcaca 1px solid; HEIGHT: 16px
}
#LanguageContainer SELECT {
	BORDER-RIGHT: #cbcaca 1px solid; BORDER-TOP: #cbcaca 1px solid; FONT-SIZE: 9px; BACKGROUND: #ffffff; MARGIN: 0px; BORDER-LEFT: #cbcaca 1px solid; WIDTH: 130px; COLOR: #000000; BORDER-BOTTOM: #cbcaca 1px solid; HEIGHT: 16px
}
.bannerpane {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.toppane {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.leftpane {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.contentpane {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.rightpane {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.bottompane {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
	
.Head {	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #6e5b17}
.SubHead {	FONT-SIZE: 12px; COLOR: #6e5b17}
.SubSubHead {	FONT-SIZE: 12px; COLOR: #6e5b17}
.Normal {	FONT-SIZE: 12px; COLOR: #6a7b5c}
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active  {	COLOR: #7d5f1f; TEXT-DECORATION: underline}
A.CommandButton:hover {COLOR:#207BD6; TEXT-DECORATION: none}
TH,TD,DIV {	FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
A,A:link,A:visited ,A:active {	COLOR:#7fa45f; TEXT-DECORATION: none} /* boja linkova koji još nisu aktivni, na kojima nije nitko bio*/
A:hover {	COLOR: #9e824b; TEXT-DECORATION: none}    /* boja linkova koji su aktivni sa podcrtom.*/

.user,A.user:link ,A.user:active,A.user:visited {	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666; TEXT-DECORATION: none}
A.user:hover {	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR:#666; TEXT-DECORATION: none ;TEXT-DECORATION: underline}
.search,A.search:link,A.search:active,A.search:visited  {	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000; TEXT-DECORATION: none}
A.search:hover {	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666; TEXT-DECORATION: none}
.footer,A.footer:link ,A.footer:active,A.footer:visited {	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000; TEXT-DECORATION: none}
A.footer:hover {	FONT-WEIGHT: bold; COLOR: #FF6600;FONT-SIZE: 10px; TEXT-DECORATION: underline;}
.links,A.links:link ,A.links:active,A.links:visited{	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #605610; TEXT-DECORATION: none}   /*dole linkovi meni prva boja*/
A.links:hover {	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #2d6909; TEXT-DECORATION: underline}  /*dole linkovi meni druga boja boja*/
.breadcrumb ,A.breadcrumb:link,A.breadcrumb:active,A.breadcrumb:visited{	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #000000; TEXT-DECORATION: none}  
A.breadcrumb:hover {	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #3A4147; TEXT-DECORATION: none}


.MainMenu_MenuContainer {
	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 100%
}
.MainMenu_MenuBar {
}
.MainMenu_MenuIcon {
	DISPLAY: none
}
.MainMenu_RootMenuArrow {
	DISPLAY: none
}
.MainMenu_MenuArrow {
	DISPLAY: none
}
.MainMenu_MenuItem {
	BORDER-RIGHT: #ffffff 0px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffff 0px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid
}
.submenuitemselected ,.submenuitembreadcrumb {
	BORDER-RIGHT: #ffffff 0px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: #F2A920; PADDING-BOTTOM: 2px; MARGIN-LEFT: 0px; BORDER-LEFT: #ffffff 0px solid; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid
}
.submenu {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; MARGIN-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 1000; BACKGROUND: #FAEBBE; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000;PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 1px solid
}

.MainMenu_TabRootMenuItem TD
{
   PADDING-RIGHT: 7px; 
   PADDING-LEFT: 7px;
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px;  
   COLOR: #669933;  
   HEIGHT: 35px;
   text-align:center;
   background: url(images/1_r4_c4.jpg);	
}

.MainMenu_TabRootMenuItemSel TD
{
   PADDING-RIGHT: 7px; 
   PADDING-LEFT: 7px;
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px;  
   COLOR: #be842c;  
   HEIGHT: 35px;
   text-align:center;
   background: url(images/m_r1_c3.jpg);	
}

.MainMenu_TabMenuItemHover TD
{
   PADDING-RIGHT: 7px; 
   PADDING-LEFT: 7px; 
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px;  
   COLOR:#996600; 
   HEIGHT: 35px; 
   text-align:center;
   background: url(images/m_r1_c3.jpg);	
}

.MainMenu_TabMenuItemSelHover TD
{
   PADDING-RIGHT: 7px; 
   PADDING-LEFT: 7px;
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px;  
   COLOR:#be842c; 
   HEIGHT: 35px; 
   text-align:center;
   background: url(images/m_r1_c3.jpg);	
}

.MainMenu_MenuBreak {
	border-bottom: transparent 0px solid; 
	border-left: transparent 0px solid; 
	border-top: transparent 0px solid;  
	border-right: transparent 0px solid; 
	background-color: transparent; 
	height: 1px;
}
.Eventday,.Eventweekenday{background-color:#FFFFFF}
.Eventday,.Eventweekenday{background-color:#FFFFFF}
.DataGrid_Item{background-color:#FFFFFF;color:#000000;}
.DataGrid_AlternatingItem{background-color:#FFFFFF;color:#000000;}
}

a.TipkaBkg:link, a.TipkaBkg:active, a.TipkaBkg:visited{
	background-image: url(images/1_r4_c4.jpg);
	background-repeat: repeat-x;
	display: block;
	width: 100%;
	padding: 1px;
	PADDING-top: 10px; 
	PADDING-RIGHT: 7px; 
    PADDING-LEFT: 7px;
	FONT-WEIGHT: bold; 
    FONT-SIZE: 12px;  
    COLOR: #6e5318;  
    HEIGHT: 35px;
    text-align:left;
}

a.TipkaBkg:hover {
	padding: 1px;
	PADDING-top: 10px; 
	PADDING-RIGHT: 7px; 
    PADDING-LEFT: 7px;
   FONT-WEIGHT: bold; 
   FONT-SIZE: 12px;  
   COLOR: #FF9900;  
   HEIGHT: 35px;
   text-align:left;
   background: url(images/m_r1_c3.jpg);	
}
.FooterCrta {
	border-left: 1px solid #ffffff;
}






/*   stilovi iz HSSCA   */

body {
}

.page{
 background-image: url('./slike/bg1.gif');
}

.line{
 background: url('./slike/grad_line.gif');
 height: 22px;
 vertical-align: middle ;
 background-repeat: repeat-x ;
     margin: 0;
    padding: 0;

 }
 
 .sepline{
 background: url('./slike/sep_line.gif');
 background-repeat: no-repeat;
 height: 22px;
 width: 22px;
 }
 
  .detail{
 background: url('./slike/details.gif');
 background-repeat: no-repeat;
 }

.kosa{
 background-image: url('./slike/kosa.gif');
 background-repeat: no-repeat;
 }

.google{
 background-image: url('./slike/desno.gif');
 background-repeat: no-repeat;
}

.menutop{
 background-image: url('./slike/sqtop2.gif');
 background-repeat: no-repeat;
}

.menutopyell{
 background-image: url('./slike/sqtopyell.gif');
 background-repeat: no-repeat;
}

.menutopred{
 background-image: url('./slike/sqtopred.gif');
 background-repeat: no-repeat;
}

.menutop1{
 background-image: url('./slike/sqtop1.gif');
 background-repeat: no-repeat;
}

.menubot{
 background-image: url('./slike/sqbot2.gif');
 background-repeat: no-repeat;
}

.menubotred{
 background-image: url('./slike/sqbotred.gif');
 background-repeat: no-repeat;
}

.menubotyell{
 background-image: url('./slike/sqbotyell.gif');
 background-repeat: no-repeat;
}

.menubot1{
 background-image: url('./slike/sqbot1.gif');
 background-repeat: no-repeat;
}

.topmenuback{
 background-image: url('./slike/topmenuback.gif');
 background-repeat: no-repeat;
}

.contenttop{
 background-image: url('./slike/contenttop.gif');
 background-repeat: no-repeat;
}

.contentbott{
 background-image: url('./slike/contentbott.gif');
 background-repeat: no-repeat;
}


.skin {	
	BORDER-RIGHT: #b0d66e 1px solid; 
	BORDER-TOP: #b0d66e 1px solid; 
	BORDER-LEFT: #b0d66e 1px solid; 
	BORDER-BOTTOM: #b0d66e 1px solid; 

}

.borderrightleft {	
	BORDER-RIGHT: #b0d66e 1px solid; 
	BORDER-LEFT: #b0d66e 1px solid; 
}

.font 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	
}

.txt {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 30%;
	line-height: 120%;
	text-transform: none;
	color: black;

}

.boldtxt {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 30%;
	line-height: 120%;
	font-weight: bold;
	color: black;
}


.boldbluetxt {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 1pt;
	font-weight: bold ;
	text-transform: none;
	color: #284E98;
	BORDER-BOTTOM: #C00000 2px solid;

}

.bluetxt12 {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-transform: none;
	color: #284E98;

}

.boldbluetext {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 1pt;
	font-weight: bold ;
	text-transform: none;
	color: #284E98;
}

.boldbluetext7 {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: 0pt;
	font-weight:  normal ;
	text-transform: none;
	color: #284E98;
}


.redtxt {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0pt;
	font-size: 8pt;
	font-weight: normal;
	text-transform: none;
	color: Maroon ;

}

.boldtxt2 {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-transform: none;
	color: #284E98

}

.greenboldtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 0pt;
	font-weight: bold ;
	text-transform: none;
	color: #3d6d01 ;


}

.whitetxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 0pt;
	font-weight: normal ;
	text-transform: none;
	color: #ffffff;

}

.greentxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	letter-spacing: 0pt;
	font-weight: normal ;
	text-transform: none;
	color: #67ab02;


}

.dashedline
{
    background: url('./slike/seplinelong.gif');
	background-repeat: no-repeat;
	background-position:bottom; 
    padding-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    clear:right;
}

.dashedline_back
{
	    border-bottom: 1px dashed #C00000;
    padding-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    clear:right;
}

.thumbnail
{
    float: left;
    margin: 0 15px 0 5px;
    }
    
    .clearlist
{
    clear:right;
    margin:0;
    padding:0;
    height: 0px;
    font-size:0px;
    line-height:0px;
}

.link {
	
		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal ;
	color: #284E98

}

.link2 {
	
		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal ;
	color: #284E98

}

.link  a:link, .link2 a:link{
	
	
	color:#284E98;
	 TEXT-DECORATION: none;

}

.link  a:visited, .link2  a:visited {
	

	color:#284E98;
	TEXT-DECORATION: none;

}

.link a:hover, .link2 a:hover {

	color:#FF0000;
	TEXT-DECORATION: underline;

}


.selected, .unselected
{
    width: 80px;
    height: 100px;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

.unselected
{
    background-color: #eff5ea;
    border: solid 1px #d0e3c5;
}

.selected
{
     background: #bfdbd4;
     border: solid 1px #d0e3c5;
}

 .selectablephoto
{
    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
    border: 1px solid #E8DCA3;
    padding: 2px;
}

.buttonsmall, .buttonsmall-ovr
{
    background: url(images/background_button_small.gif) repeat-x;
    border: none;
    color: #d32525;
    height: 22px;
    font-weight: normal;
    font-size: 9px;
    padding-bottom: 3px;
    padding-left: 1px;
    padding-right: 1px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.buttonsmall-ovr
{
    text-decoration: underline;
 
}

.buttongoved
{

    background: url(./slike/buttons/mnu_goved_norm.gif) no-repeat;
display: block;
    width: 83px;
    height: 20px;
    margin: 0;
    padding: 0;

}

.buttongoved:hover
{
    background: url(./slike/buttons/mnu_goved_over.gif) no-repeat;
}

.buttonkonj
{

    background: url(./slike/buttons/mnu_konj_norm.gif) no-repeat;
display: block;
    width: 80px;
    height: 20px;
    margin: 0;
    padding: 0;

}

.buttonkonj:hover
{
    background: url(./slike/buttons/mnu_konj_over.gif) no-repeat;
}

.buttonsvinja
{

    background: url(./slike/buttons/mnu_svinja_norm.gif) no-repeat;
display: block;
    width: 85px;
    height: 20px;
    margin: 0;
    padding: 0;

}

.buttonsvinja:hover
{
    background: url(./slike/buttons/mnu_svinja_over.gif) no-repeat;
}

.buttonmale
{

    background: url(./slike/buttons/mnu_male_norm.gif) no-repeat;
	display: block;
    width: 88px;
    height: 20px;
    margin: 0;
    padding: 0;

}

.buttonmale:hover
{
    background: url(./slike/buttons/mnu_male_over.gif) no-repeat;
}

.buttonovca
{
    position: relative;
    background: url(./slike/buttons/mnu_ovca_norm.gif) no-repeat;
    display: block;
    width: 124px;
    height: 20px;
    margin: 0;
    padding: 0;

}

.buttonovca:hover
{
    background: url(./slike/buttons/mnu_ovca_over.gif) no-repeat;
}

.mnu_split

{
    background: url(./slike/buttons/mnu_split.gif) no-repeat;
    width: 1px;
    height: 20px;
    margin: 0;
    padding: 0;

}

.tablerow1 {

}

.tablerow2 {

	background-color: #f3f8fa;
}

.tablehead 
{
	
	background-color: #CFE4F1;
}

.LeftPane {
	width: 180px;
	vertical-align: top;
}
.pane {
	padding: 5px;
	vertical-align: top;
}
.pane25 {
	padding: 5px;
	width: 25%;
	vertical-align: top;
}
.FooterPart {
	vertical-align: middle;
	height: 1px;
	background-color: #6f190e;
	background-image: url(images/FooterBkg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	color :#ffffff;
	padding: 0px 0;
}
.FooterPart th, .FooterPart td, .FooterPart div {
	color: #ffffff;
}
.FooterPart .Normal {
	color: #ffffff;
}

