/* SkinTech.org Simple Layout  */

html { min-width: 760px; }
a { text-decoration: none }
A:hover { text-decoration:underline;}

body 
{ 
 width:800px;
 margin: 0px;
 padding: 0px;
 border: 0px;
 text-align:center;
 /*background: #fff url('/gfx/top_box.gif') repeat-x;*/
 color: #444;
 font:12px "Lucida Grande", Verdana, "Bitstream Vera Sans", sans-serif;
}

#wrapper
{
 margin:35px auto 0 auto;
 width:760px;
 text-align: left;
}

#nav
{
 width:155px;
 float: left;
 text-align: left;
 color:#333;
 padding-top:22px;
}

#nav2
{
 padding-top:10px;
 width:154px;
 float:right;
 text-align: left;
 color:#333;
}

#mainContent
{
 float: left;
 text-align: left;
 margin-left: 9px !important;
 margin-left: 0px;
 color:#444;
 width:440px important!;
 
 padding-top:10px;
}

#frontContent
{
 width:760px;
 text-align: left;
 color:#444;
}

#mainContent h3
{
 margin:0px;
 color:#cb0000;
 font-size:12px;
 font-weight:bold;
 background:url('/gfx/zvezdica.png') no-repeat;
 padding-left:25px;
 padding-top:2px;
}

#okvir
{
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 15px;
 font-family:arial;
 font-size:12px;
 color:#004d5a;
 background: #fff url('/gfx/okvir.png') top left;
}

#okvir p
{
 margin:0px;
 background: #fff url('/gfx/okvir_bottom.png') bottom left;
}

#okvir h4
{
 margin:0px;
 background: #fff url('/gfx/okvir-bottom.png') bottom left;
}

/****************************************/
/**     Main Table                     **/
/****************************************/
#mainTable table
{
 border-collapse: collapse;
 width: 100%;
 clear:both;
 padding:5px;
}

#mainTable thead
{
 background: #87d256;
}

#mainTable th
{
 font-weight:normal;
 text-align: left;
}

#mainTable td
{
 padding-bottom:5px;
 margin-bottom:5px;
}

#mainTable tr:hover
{
 background: #ffffdd;
}

#mainTable thead tr:hover
{
 background-color: transparent;
 color: inherit;
}

#mainTable .odd
{
 background-color: #f1f1f1;
}














#mainTable2 table
{
 border-collapse: collapse;
 width: 100%;
}

#mainTable2 thead
{
 background: #87d256;
}

#mainTable2 th
{
 font-weight:normal;
 text-align: left;
}


#mainTable2 tr:hover
{
 background: #ffffdd;
}

#mainTable2 tr
{
 padding-bottom:10px;
}

#mainTable2 thead tr:hover
{
 background-color: transparent;
 color: inherit;
}

#mainTable2 .odd
{
 background-color: #f1f1f1;
}

.servisForma
{
 margin:10px;
 padding:10px;
 background:#fafafa;
 border:dotted 1px #eee;
}

.servisForma input
{
 border: solid 1px #ccc;
 width:180px;
 margin-bottom:6px;
 color:#333;
}

.servisForma input:hover
{
 background:#ffe;
}


.servisForma .submit
{
 margin-top:5px;
 width:80px;
 background:#bf231b;
 color:#333;
}

.servisForma .submit:hover
{
 background:#ef332b;
}

label
{
 display:block;
 width:100px;
 float:left;
}

#paketi
{
 margin:0px;
 width:431px;
 background:url(/gfx/o2.png);
}

#paketi h1
{
 margin:0px;
 background:url(/gfx/o1.png) no-repeat;
 width:431px;
 height:27px;
}

#paketi .box1
{
 position:relative;
 left:12px;
 top:0px;
 background:url('/gfx/paket_orange.gif') no-repeat;
 width:108px;
 height:21px;
 font-family;arial;
 font-weight:bold;
 font-size:14px;
 padding-left:15px;
 color:white;
}

#paketi .box2
{
 float:left;
 position:relative;
 left:12px;
 top:0px;
 background:url('/gfx/paket_pink.gif') no-repeat;
 width:108px;
 height:21px;
 font-family;arial;
 font-weight:bold;
 font-size:14px;
 padding-left:15px;
 color:white;
}

#paketi .paketi_separator
{
 position:relative;
 left:80px;
 top: 0px;
 background:url('/gfx/dot_orange.gif') no-repeat;
 width:1px;
 height:39px;
}


#paketiOpen
{
 margin:0px;
 background:url(/gfx/o1.png) no-repeat;
 width:431px;
 height:27px;
}

#paketiClose
{
 margin:0px;
 background:url(/gfx/o3.png) no-repeat;
 width:431px;
 height:27px;
}

.paketTable
{
 padding:5px;
 margin:5px;
}

.paketTable thead
{
 width:100%;
 padding:5px;
 text-align:center;
}

.paketTable th
{
 text-align:center;
 background:#555;
 color:#fff;
 padding:10px;
}

.paketTable tr
{
 text-align:center;
 background:#eee;
 color:#333;
 padding:25px;
 height:35px;
}

#promocija
{
 padding-top:30px;
 height:30px;
}