*			{padding:0px; margin:0px;}



body 		{
			background-image: url(../images/pozadina.jpg);
			background-repeat: no-repeat;
			background-position: center top;
			background-color:#000000;
			
			}



body,td,th 	{

			FONT-FAMILY:Verdana;

			FONT-SIZE: 12px;

			margin-top: 0;

			margin-left: 0;

			}



img			{border: none;}





p			{padding-top:5px;}



A:link 		{TEXT-DECORATION: none;  COLOR: #ffa800;}

A:visited 	{TEXT-DECORATION: none;  COLOR: #ffa800;}

A:active 	{TEXT-DECORATION: none;  COLOR: #ffa800;}

A:hover 	{TEXT-DECORATION: none;  COLOR: #d24227;}










#wrap		{

			width:990px; margin:0 auto;

			padding:5px;

			margin-top:10px;

			margin-bottom:10px;
			
			color: #FFF;

			}





.clear 		{

			clear: both;

			}





			

.header		{height:150px;}
.logo       {float:left;}
.logo a		{float: left; width: 220px; height: 162px; background-repeat: no-repeat; text-indent: -99999px; display: block;}
.slide		{}
/*
.navigation	{float: right;}
*/
.box 		{float: left; margin-left: 10px; margin-right: 10px; width:160px; text-align:center;}

.boxprvi    {float: left; margin-left: 60px; margin-right: 10px; width:160px; text-align:center;}

.box1       {float: left; margin-left: 17px; margin-right: 17px; width:180px; height:250px; text-align:center;}

.footer		{margin-top:20px; padding:10px; text-align:center; color:#999;}



.news		{border:1px solid #000000; margin:5px; padding:5px;}



.newsImage	{width:156px; height:156px; float: left; background-color:#CCCCCC;}



.newsLeed	{padding-left:10px; width:300px; float:left;}



.item		{color: #FFF;}



.categorypath {color: #CCC; margin:5px; padding:5px; font-size: 9px;}



.naslov {font-size: 18px; color: #F60; background-image: url(../images/pagesredina.png); background-repeat: repeat-y; padding-left: 10px; text-transform: uppercase;}

.telo	{width: 956px; padding: 15px; border:2px solid #FFF; -moz-border-radius: 15px; border-radius: 15px; background:url("/images/transgreen.png")top left repeat;} 
.stranaGore {background-image: url(../images/pagegore.png); background-repeat: no-repeat; height: 11px;}
.page 	{color: #fff; padding: 10px; background-image: url(../images/pagesredina.png); background-repeat: repeat-y;}
.stranaDole	{background-image: url(../images/pagedole.png); background-repeat: no-repeat; height: 11px;}






/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 900px;
    height: 300px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 900px;
    padding: 20px 40px;
}


.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  900px;
    height: 300px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 900px;
    height: 300px;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 140px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 140px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/previous-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}





/* SLIDER */


#s3slider {
   width: 900px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 900px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 10; /* important */
   margin-left: 0; /* important */
   z-index:-1;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;

   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}