body {font: 11px Verdana; color: #6E6E6E; margin: 0; background-color: #E1E1E1; }

a			{color: #3A92CC; text-decoration: none;}
a:hover		{color: #3A92CC; text-decoration: underline;}

/*gore */
#hDivHeader			{margin: 0 auto; width: 1000px; color: #3A92CC; }
#hDivHeader	a		{color: #7EB540; text-decoration: none;}
#hDivHeader	a:hover	{color: #7EB540; text-decoration: underline;}

#hDivSpacer		{height: 25px; }
.hDivSpacerM	{height: 2px;}
#hDivGore1		{background-image: url(images/hGore1.png); background-repeat: no-repeat; height: 13px;}
#hDivGore2		{background-color: #FAFAFA; height: 145px; padding-left: 10px; padding-right: 10px;}
#tdLogo			{text-align: center; vertical-align: middle; width: 204px; }
#tdRacunala		{font: 18pt Georgia; width: 300px; }
#tdTrazilica	{padding-top: 40px; width: 330px; }
#btnSearch		{ background-color: #3A92CC; }

#hDivLajsnaPlava			{height: 35px; color: #FFF; font-size: 19px; background-image: url(images/hLajsnaPlava.png); background-repeat: repeat-x; }
#hDivLajsnaPlava a			{color: #FFF; text-decoration: none;}
#hDivLajsnaPlava a:hover	{color: #FFF; text-decoration: underline;}
#tblLajsnaPlava				{height: 35px; vertical-align: middle;}
.w191						{width: 191px; text-align: center; vertical-align: middle;}
/* gore */



/* body */
#bDivBody			{margin: 0 auto; width: 1000px; background-color: #F4F4F4; color: #6E6E6E; }
#tdKosarica			{width: 184px; height: 64px; padding: 10px; background-image: url(images/bKosarica.png); color: #FFF;}
#tdKosarica a		{color: #FFF; text-decoration: none;}
#tdKosarica a:hover	{color: #FFF; text-decoration: underline;}
.tblLoader			{position: absolute; left: 0; top: 0; width: 100%; height: 400px; margin: 0 auto;}

#tdGlavniContent	{width: 758px; background-color: #F4F4F4;}
#tblProizvodDetail	{width: 183px; height: 310px; background-color: White; padding: 10px;}
.kosKom				{font: 11px Verdana; color: #544F49; border: 1px #EEEEEE solid; height: 16px; width: 20px; vertical-align: middle; text-align: right;}
.tblDet				{background-color: #FFF; width: 762px; margin: 0; padding: 10px; min-height: 500px; }
.tdN				{width: 180px; vertical-align: top; padding: 0; padding-top: 0; padding-right: 0; height: 70px; max-height: 70px;}

.rKosaricu			{height: 23px; vertical-align: middle;}
.rKosaricu a		{color: #FFF; text-decoration: none;}
.rKosaricu a:hover	{color: #FFF; text-decoration: underline;}

.cijenaG			{font: 18px Georgia; color: #3A92CC;}
.cijenaK			{font: 18px Georgia; color: #3A92CC;}
.tdUKosaricu		{font: bold 12px Tahoma; color: #FFF; background-color: #7EB540; margin: 0; text-align: center; vertical-align: middle;}
.tdDetalji			{font: bold 10px Tahoma; color: #FFF; background-color: #3A92CC; margin: 0; text-align: center; vertical-align: middle;}

.btnUkosaricu		{font: bold 11px Tahoma; color: #FFF; background-color: #7EB540; border: 0; height: 22px;}
.btnDetalji			{font: bold 11px Tahoma; color: #FFF; background-color: #3A92CC; border: 0;}
.plavaSlova			{color: #3A92CC;}
.zelenaSlova		{color: #7EB540;}
.sivaSlova			{color: inherit;}
TD					{vertical-align: top;}
IMG					{border: 0;}
h1					{font: 36px Georgia; color: #3A92CC; margin-top: 0;}
h2					{font: 24px Georgia; color: #3A92CC; margin-top: 0; margin-bottom: 5px;}
h3					{margin-top: 0;}
.vaMid				{vertical-align: middle;}
.lblReq				{color: #FF0000;}
.hiddenObject		{visibility: hidden;}

.fld				{font: 11px Verdana; width: 160px; border: 1px solid #819CB9; height: 16px;}
.lbl				{width: 160px;}
.cmb				{font: 11px Verdana; width: 160px; height: 20px;}
.btnGrid			{font-size: 8px; height: 18px; width: 18px; font-family: Verdana; }
.tArea				{font: 12px Verdana; width: 520px; height: 150px; }
.spacer				{height: 25px;}
.btnMali			{background-color: #3A92CC; width: 118px; height: 25px; border: 0; color: #FFF; font-weight: bold;}
.btn				{font: bold 11px Tahoma; color: #FFF; background-color: #3A92CC; height: 22px; width: 90px; border: 0;}
.btnUkosaricu		{font: bold 11px Tahoma; color: #FFF; background-color: #7EB540; height: 22px; width: 90px; border: 0;}
.btnVeliki			{font-weight: bold; background-color: #3A92CC;width: 168px; height: 36px; border: 0; color: #FFF;}

.divKat				{background-color: #929292; color: #FFF; }
.divKat	a			{color: #FFF; text-decoration: none;}
.divKat a:hover		{color: #FFF; text-decoration: underline;}


#divProizvodi a			{color: #3A92CC; text-decoration: none;}
#divProizvodi a:hover	{color: #3A92CC; text-decoration: underline;}
/* body */


/* dolje */
#fDivFooter			{margin: 0 auto; width: 1000px; color: #3A92CC; }
#fDivFooter	a		{color: #7EB540; text-decoration: none;}
#fDivFooter	a:hover	{color: #7EB540; text-decoration: underline;}


#fDivFooter1		{background-color: #FAFAFA; height: 35px; padding: 10px; text-align: center; border: 0px solid; padding-top: 30px;}
#fDivFooter2		{background-image: url(images/fDolje2.png); background-repeat: no-repeat; height: 13px;}
.fDivSpacer			{height: 25px;}
#fDivInfomodul		{ text-align: right; margin-right: 20px;}
/* dolje */


/*
body pozadina: #E1E1E1 siva
body slova: #6E6E6E
zit plava: #3A92CC
zit zelena: #7EB540
zit tamno siva: #9E9E9E
body pozadina sredina: #F4F4F4
*/

/* scroller */
#encFilmMain	{width: 158px; /* Max widht of the container */ }

#encFilm
{ 
	height: 404px;  /* Max height of the container */
	padding: 2px; padding-top: 1px;
}

#encFilmInner
{  position: relative; padding: 2px;
   height: 400px; /* Inner films height. It will be -10 from Max height */
   width: 150px; /* this will be -20px from full width of #encFilmMain*/
   overflow: hidden;}

#encScrollBarTop
{   /*background: url('images/bg-1.jpg') left center repeat-x #333;*/
   background-color : #3A92CC; text-align: center; color: #fff;
}

#encScrollBarBottom
{  /*background: url('images/bg-1.jpg') left center repeat-x #333;*/
   background-color: #3A92CC; text-align: center; color: #fff;}

#encScrollBarTop a, #encScrollBarBottom a
{  line-height: 20px; padding: 2px; color: #fff; display: block; text-decoration: none;}

#encNav
{  position: relative; color: #000; top: 0px;}
/* /scroller */



.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid;
overflow: scroll; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 140px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; margin-top:0; /*margin around each panel*/
width: 186px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}