html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

.cke_skin_wygwam,.cke_skin_wygwam a:hover,.cke_skin_wygwam a:link,.cke_skin_wygwam a:visited,.cke_skin_wygwam a:active {white-space: normal;}

abbr, acronym {
border-bottom: 1px dotted #333;
cursor: help;
}

.horbanner,
.nekibanner {
margin: 0 0 16px 0;
}

.radio-gumb {
float: left;
padding: 10px 0 0 5px;
}

sup {
font-size: 8px;
}

a:link.under {
text-decoration: underline;
}

a:visited.under {
text-decoration: underline;
}

a:active.under {
text-decoration: underline;
}

a:hover.under {
text-decoration: none;
background-color: #3685B9;
color: #fff;
}

object,
embed,
img.klaser {
display: block;
overflow: hidden;
}

body {
line-height: 1;
}
ol, ul {
list-style: none;
}
a:active { 
outline: none; 
}

.ngen-file-field-block {
width: 350px;
float: left;
}

.upper {
text-transform: uppercase;
}

.left {float: left}
.right {float: right}

.marker { background-color: #ff0; }
	
a:focus { -moz-outline-style: none; }

/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}


#bannerWrapper  { width: 728px; height: 90px; float: left; margin: 0px !important; padding: 0px !important; position: relative; }


body {
margin: 0;
padding:0;
font: normal 13px Verdana,Sans-serif;
color:#3e3f3c;
}

#flash-video {
float: left;
width: 614px;
height: auto;
display: block;
}

#banneriznad,
#banneriznadflash {
float: right;
width: 300px;
height: 90px;
border-bottom: 3px solid #fff;
}

#banner728,
#banner728flash {
float: left;
width: 728px;
height: 90px;
border-bottom: 3px solid #fff;
}

#wrapper-oko {
width: 1156px;
margin: 0 auto;
}

#wrapper {
width: 1128px;
padding: 14px;
text-align: left;
background-color: #fff;
}

a:link {
	color: #3685b9;
	text-decoration: none;
}
a:visited {
	color: #3685b9;
	text-decoration: none;
}
a:active {
	color: #3685b9;
	text-decoration: none;
}
a:hover {
	color: #3685b9;
	text-decoration: none;
}

.bold {
font-weight: bold;
}

#bread a:link,
#bread2 a:link {
	color: #fff;
	text-decoration: none;
}
#bread a:visited,
#bread2 a:visited {
	color: #fff;
	text-decoration: none;
}
#bread a:active,
#bread2 a:active {
	color: #fff;
	text-decoration: none;
}
#bread a:hover,
#bread2 a:hover {
	color: #fff;
	text-decoration: none;
}

.none, caption {
display: none;
}
.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}

.razmak1 {
clear: both;
margin:0;
padding:0;
height: 1px;
}

.razmak5 {
clear: both;
margin:0;
padding:0;
height: 5px;
}

.razmak8 {
clear: both;
margin:0;
padding:0;
height: 8px;
}

.razmak10 {
clear: both;
margin:0;
padding:0;
height: 10px;
}

.razmak16 {
clear: both;
margin:0;
padding:0;
height: 16px;
}

.razmak20 {
clear: both;
margin:0;
padding:0;
height: 20px;
}

.razmak40 {
clear: both;
margin:0;
padding:0;
height: 40px;
}

.razmak50 {
clear: both;
margin:0;
padding:0;
height: 50px;
}

.razmak60 {
clear: both;
margin:0;
padding:0;
height: 60px;
}

#lijevo {
float: left;
width: 811px;
border-right: 17px solid #fff;
}

#okolni h1 {
color: #fff;
font: 22px/25px normal;
font-family: Arial;
}

.naslov {
float: left;
width: 791px;
height: 34px;
padding: 0 10px;
border-bottom: 3px solid #fff;
}

.naslov h1 {
float: left;
color: #fff;
font: 22px/37px normal;
font-family: Arial;
width: 634px;
}

.naslov h2 {
float: right;
color: #fff;
font: 20px/37px normal;
font-family: Arial;
text-transform: uppercase;
}

#grad {
float: left;
width: 811px;
height: 185px;
display: block;
margin: 0;
padding: 0;
clear: both;
}


#desno {
float: left;
width: 300px;
}

.trazi {
float: left;
width: 295px;
height: 31px;
padding: 3px 5px 0 0;
background: #8eb35f;
border-bottom: 3px solid #fff;
}

form#trazilica {
float: left;
height: 27px;
margin: 0 0 8px 0;
}

input.submit {
padding: .4em 1em;
cursor: pointer;
}

input.submitd {
float: right;
padding: .4em 1em;
cursor: pointer;
}

input.submitdd {
float: right;
padding: .2em 1em;
cursor: pointer;
}

input.trazi-polje {
float: right;
font: 13px Verdana, Arial, sans-serif;
width: 184px;
height: 23px;
border: 0;
margin: 0;
padding: 5px 0 0 0;
background: url(http://infootok.com/slike/trazi1.gif) top left no-repeat;
}

input.trazi-polje2 {
float: right;
font: 13px Verdana, Arial, sans-serif;
width: 272px;
height: 20px;
margin: 0;
padding: 5px 0 0 0;
border: 1px solid #e1e1e1;
border-width: 1px 0 1px 1px;
background-color: #f5f5f5;
}

input.blur {
color: #ccc;
}

.trazi-gumb {
float: right;
}

.trazi-gumb2{background:url('http://infootok.com/slike/nav_search_submit.png') -2px 0!important; width: 25px; height: 25px; float: right;
border: 1px solid #e1e1e1;

}
.trazi-gumb2:hover{background:url('http://infootok.com/slike/nav_search_submit.png') -2px -25px!important;}
.trazi-gumb2:active{background:url('http://infootok.com/slike/nav_search_submit.png') -2px -50px!important;}


#banner1 {
width: 300px;
height: 185px;
display: block;
float: left;
margin: 0;
padding: 0;
clear: both;
}


#MainMenu {
float: left;
	width:100%;
	height:30px;
	background:#FFF url(http://infootok.com/slike/meni.png);
	border-color:#FFF;
	border-style:solid;
	border-width:1px 0;
	margin:0;
}

#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
background: url(http://infootok.com/slike/meni_s.png) no-repeat right top;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	background:#000 url(http://infootok.com/slike/meni.png) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
cursor: pointer;
}
#tab a span 
{
	display:block;
	background:url(http://infootok.com/slike/meni_l.png) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:700;
	line-height:30px;
	padding:0 15px 0 15px;
}

#tab a span.nema 
{
	display:block;
	background:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:700;
	line-height:30px;
	padding:0 15px 0 15px;
}

#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#FFF;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}

#navbar1 {
	float:left;
	width:811px;
	height:30px;
	font: bold 11px/30px Tahoma;
	border-color:#FFF;
	border-style:solid;
	border-width:1px 0;
}

#navbar1d {
	float:left;
	width:811px;
	height:30px;
	font: bold 11px/30px Tahoma;
	border-color:#FFF;
	border-style:solid;
	border-width:1px 0;
}

#navbar1 ul {
	float:left;
	width:675px;
	height:30px;
}

#navbar1d ul {
	float:left;
	width:750px;
	height:30px;
}

#navbar1 ul,
#navbar2 ul {
	background-position:0px 0px;
}

#navbar1 ul li,
#navbar1d ul li,
#navbar2 ul li,
#navbar2d ul li {
	float:left;
	width:75px;
	height:30px;
	display: inline;
	text-align:center;
	cursor:pointer;
}

#navbar2,
#navbar2d {
	float:left;
	width:300px;
	height:30px;
	font: bold 11px/30px Tahoma;
	border-color:#FFF;
	border-style:solid;
	border-width:1px 0;
}
#navbar2 ul,
#navbar2d ul {
	float:left;
	width:300px;
	height:30px;
}

.tvrt-poc1 {
float: left;
margin: 0 6px 6px 0;
}

.tvrt-poc2 {
float: left;
margin: 0 0 6px 0;
}

.online {
float: right;
padding: 0 5px 0 0;
margin: 0;
color: #fff;
}

.novo {
float: right;
}

#bread {
float: left;
width: 801px;
height: 28px;
border-bottom: 9px solid #fff;
color: #fff;
font-size: 11px;
padding: 6px 5px 0 5px;
}

#bread2 {
float: left;
width: 1128px;
height: 11px;
color: #fff;
font-size: 11px;
padding: 10px 14px 10px 14px;
font: normal 11px/12px Verdana;
}

#bread h3 {
font-size: 11px;
font-weight: normal;
display: inline;
}

#bread2 h4 {
font-size: 11px;
font-weight: normal;
display: inline;
}

#blic {
float: left;
width: 300px;
height: 26px;
border-bottom: 17px solid #fff;
}

#banneri,
#banneri2,
.forumm  {
float: left;
width: 300px;
border-bottom: 16px solid #fff;
}

.banner144_1 {
float: left;
width: 144px;
height: 144px;
border-right: 12px solid #fff;
border-bottom: 12px solid #fff;
}

.banner144_2 {
float: left;
width: 144px;
height: 144px;
border-bottom: 12px solid #fff;
}

.banner300 {
float: left;
width: 300px;
border-bottom: 12px solid #fff;
}

#rotator {
float: left;
border: 1px solid #aeaeae;
width: 543px;
height: 253px;
padding: 10px;
}

#lijevo-pod1 {
float: left;
width: 811px;
border-top: 20px solid #fff;
}

.vijesti-super-m {
float: left;
display: block;
position: relative;
width: 233px;
height: 40px;
border-bottom: 1px dotted #cecece;
margin: 0 0 0 13px;
padding: 7px 0;
font: normal 11px/13px Tahoma;
color: #222;
}

.vijesti-super-m2 {
float: left;
display: block;
position: relative;
width: 233px;
border-bottom: 1px dotted #cecece;
padding: 7px 0;
font: normal 11px/13px Tahoma;
color: #222;
}

.vijesti-super-m3 {
float: left;
display: block;
position: relative;
width: 184px;
border-bottom: 1px dotted #cecece;
padding: 7px 0;
font: normal 11px/13px Tahoma;
color: #222;
}

.vijesti-super-m3-horo {
float: left;
display: block;
position: relative;
width: 184px;
border-bottom: 1px dotted #cecece;
padding: 4px 0;
font: normal 11px/13px Tahoma;
color: #222;
}

.vijesti-super-m3-horol {
float: left;
display: block;
position: relative;
width: 184px;
border-bottom: 1px dotted #cecece;
padding: 4px 0;
font: normal 11px/13px Tahoma;
color: #222;
}

.vijesti-super-m3-horos {
float: left;
display: block;
position: relative;
width: 184px;
border-bottom: 1px dotted #cecece;
padding: 4px 0;
font: normal 11px/13px Tahoma;
color: #222;
margin: 0 30px;
}

.vijesti-super-m3-horod {
float: left;
display: block;
position: relative;
width: 184px;
border-bottom: 1px dotted #cecece;
padding: 4px 0;
font: normal 11px/13px Tahoma;
color: #222;
}

.vijesti-super-m4 {
float: left;
display: block;
position: relative;
width: 184px;
border-bottom: 1px dotted #cecece;
font: normal 11px/13px Tahoma;
color: #222;
}

.forum-m {
float: left;
display: block;
position: relative;
width: 299px;
border-bottom: 1px dotted #cecece;
padding: 2px 0 2px 1px;
font: normal 11px/13px Tahoma;
color: #222;
}

.forum-m div {
float: left;
font-weight: bold;
width: 120px;
}

.custom-m {
float: left;
display: block;
width: 288px;
padding: 0 5px;
font: normal 16px/18px Arial;
color: #222;
text-align: center;
border: 1px dotted #cecece;
margin: 0 0 16px 0;
}

.custom-m300 {
float: left;
display: block;
width: 299px;
padding: 5px 0 0 1px;
font: normal 11px/13px Tahoma;
color: #222;
margin: 0 0 16px 0;
}

.custom-m p,
.custom-m184 p,
.custom-m233 p,
.custom-m300 p {
margin: 10px 0;
}

.custom-m184 {
float: left;
display: block;
width: 183px;
padding: 5px 0 0 1px;
font: normal 11px/13px Tahoma;
color: #222;
margin: 0 0 16px 0;
}

.custom-m233 {
float: left;
display: block;
width: 232px;
padding: 5px 0 0 1px;
font: normal 11px/13px Tahoma;
color: #222;
margin: 0 0 16px 0;
}

.custom-m368 {
float: left;
display: block;
width: 367px;
padding: 5px 0 0 1px;
font: normal 11px/13px Tahoma;
color: #222;
}

.custom-m368-2 {
float: left;
display: block;
width: 368px;
font: normal 11px/13px Tahoma;
color: #222;
}

.vijesti-super-m b,
.vijesti-super-m2 b {
float: left;
}

.vijesti-super-m a {
float: left;
width: 159px;
padding: 0 10px 0 0;
color: #000;
}

.vijesti-super-m2 a {
padding: 0 10px 0 0;
color: #000;
display: block;
}

.vijesti-slika-super-m {
float: left;
}

#vijesti-m {
float: left;
width: 364px;
border-right: 17px solid #fff;
}

#vijesti-m img,
.recimg img,
.tvrtke-lijevo img,
.tvrtke-lijevo2 img,
li.tvrbox1 img,
li.tvrbox2 img,
li.recbox1 img,
li.recbox1iva img,
li.recbox2iva img,
li.recbox2 img {
display: block;
clear: both;
}

#vijesti-m p {
text-align: justify;
}

#vijesti-m h3 {
float: left;
font: normal 22px/25px 'Times New Roman';
width: 364px;
padding: 10px 0 10px 0;
}

#vijesti-lijevo {
float: left;
width: 565px;
}

#vijesti-datum {
background-color:#747474;
float:right;
padding: 35px 12px 0 12px;
position:relative;
color: #fff;
font-family: Arial;
}

.vijesti-datum-m {
background-color:#747474;
float:right;
padding: 5px;
color: #fff;
font: normal 9px/9px Arial;
text-align: center;
text-transform: uppercase;
}

#vijesti-datum span.day {
font-size:35px;
left:5px;
line-height:30px;
position:absolute;
top:4px;
}

#vijesti-datum span.month {
font-size:18px;
text-transform:uppercase;
}

#vijesti-datum span.year {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(-90deg);
-moz-transform:rotate(-90deg);
display:block;
position:absolute;
right:-5px;
top:10px;
}

#podnaslov {
float: left;
color: #000;
font: bold 16px/18px Arial;
width: 565px;
margin: 0 0 10px 0;
}

.vijesti-slika {
display: block;
overflow: hidden;
clear: both;
padding: 10px;
border: 1px solid #aeaeae;
margin: 0 0 15px 0;
}

.vijesti-slika-m {
float: left;
display: block;
overflow: hidden;
padding: 5px;
border: 1px dotted #ddd;
margin: 0 10px 0 0;
background-color: #eee;
}

.slika-marketing {
float: left;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}

.izvor {
padding: 10px 0;
font-style: italic;
text-align: right;
}

#full-vijest h6 {
float: left;
font: normal 11px/11px Verdana;
width: 564px;
padding: 0;
text-transform: uppercase;
color: #3685b9;
}

#full-vijest h3 {
float: left;
font: normal 30px/33px 'Times New Roman';
width: 564px;
padding: 3px 0 5px 0;
}

#full-video h3 {
font: normal 26px/28px Impact;
width: 538px;
padding: 0 0 20px 0;
display: block;
}

#full-video h3.npd {
font: normal 26px/28px Impact;
width: 464px;
display: block;
float: left;
line-height: 32px;
}

#full-video h3.npd a:hover {
color: #fff;
background: #3685b9;
}

#full-video h3.tvrt {
font: normal 26px/28px Impact;
width: 538px;
padding: 0 0 20px 0;
display: block;
}

#full-video h3.tvrt a:hover {
color: #fff;
background: #3685b9;
}

#full-video h3.vid {
font: normal 26px/28px Impact;
width: 614px;
padding: 0 0 20px 0;
display: block;
}

#full-video h3.vid a:hover {
color: #fff;
background: #3685b9;
}

#full-video h3.cal {
font: normal 26px/28px Impact;
width: 565px;
padding: 0 0 20px 0;
display: block;
}

#full-video h3.cal a:hover {
color: #fff;
background: #3685b9;
}

#full-video h3.rec {
font: normal 26px/28px Impact;
width: 356px;
padding: 0 0 20px 0;
display: block;
}

#full-video h3.rec a:hover {
color: #fff;
background: #3685b9;
}

#full-video h3.oglas-det {
font: normal 26px/28px Impact;
width: 315px;
padding: 0 0 10px 0;
display: block;
}

#full-video h3.oglas-det a:hover {
color: #fff;
background: #3685b9;
}

#full-video h3.kalendar {
float: left;
padding: 0;
width: 558px;
padding: 0 0 20px 0;
display: block;
}

#full-video h3.vijesti-naslov {
display: block;
color: #000;
font: normal 26px/28px Impact;
width: 490px;
min-height: 56px;
margin: 0 0 10px 0;
padding: 0;
letter-spacing: 1px;
}

#full-video h3.vijesti-naslov a:hover {
color: #fff;
background: #3685b9;
}

#full-video h4 {
float: left;
font: normal 20px/20px Arial;
width: 538px;
padding: 15px 0 10px 0;
margin: 20px 0 0 0;
border-top: 1px solid #e6e6e6;
color: #888;
}

#full-vijest h3.puni {
float: left;
font: normal 26px/28px Impact;
width: 614px;
padding: 3px 0 5px 0;
}

#full-vijest h3 a:hover,
#full-oglas h3 a:hover {
color: #fff;
background: #3685b9;
}

#full-vijest h3.web,
#full-vijest h3.web2,
#full-vijest h3.web3,
#full-video h3.vij,
#full-oglas h3.web {
font: bold 14px/16px Arial;
margin: 0 0 5px 0;
color: #d94645;
}

#full-vijest h3.tag {
font: bold 11px/13px Verdana;
}

#full-oglas h3 {
float: left;
font: normal 30px/33px 'Times New Roman';
width: 614px;
padding: 3px 0 5px 0;
}

#full-oglas h3.web {
width: 490px;
}

#full-vijest h3.web {
width: 604px;
}

#full-video h3.web {
float: left;
width: 351px;
padding: 0;
height: 18px;
overflow: hidden;
font: bold 16px/16px Arial;
margin: 0 0 5px 0;
color: #d94645;
}

#full-video h3.search-tel {
width: 500px;
overflow: hidden;
font: bold 14px/17px Arial;
margin: 0 0 5px 0;
color: #d94645;
display: block;
padding: 0 !important;
}

#full-video h3.search {
width: 528px;
overflow: hidden;
font: bold 14px/17px Arial;
margin: 0 0 5px 0;
color: #d94645;
display: block;
padding: 0 !important;
}

#full-video h3.rec2a {
float: left;
width: 373px;
padding: 0;
height: 18px;
overflow: hidden;
font: bold 16px/16px Arial;
margin: 0 0 5px 0;
color: #d94645;
}

#full-vijest h3.web2 {
width: 494px;
}

#full-vijest h3.web3 {
width: 504px;
padding: 0 100px 0 0;
}

#full-video h3.vij {
float: left;
width: 320px;
padding: 0;
}

#full-video h3.nek {
width: 811px;
font: bold 14px/16px Arial;
margin: 0 0 15px 0;
color: #d94645;
padding: 0;
}

#full-video h3.full-nek {
width: 811px;
font: normal 26px/28px Impact;
margin: 0 0 15px 0;
color: #d94645;
padding: 0;
}

#full-video h3.full-nek a:hover {
color: #fff;
background: #3685b9;
}

#full-video h3.tel {
width: 554px;
font: normal 30px/33px Impact;
height: 36px;
margin: 0 0 15px 0;
color: #d94645;
padding: 10px 0 0 60px;
background: url(http://infootok.com/slike/telefon-id.gif) top left no-repeat;
}

#traka {
float: left;
width: 613px;
color: #000;
font: normal 11px/26px Tahoma;
height: 26px;
margin: 0 0 12px 0;
}

#traka2 {
float: left;
width: 613px;
color: #000;
font: normal 11px/26px Tahoma;
height: 26px;
margin: 0 0 12px 0;
clear: both;
}

#traka-vij {
float: left;
width: 564px;
color: #000;
font: normal 11px/26px Tahoma;
height: 26px;
margin: 0 0 12px 0;
}

#traka a,
#traka-vij a {
color: #000;
}

#traka a.bij,
#traka-vij a.bij {
color: #fff;
}

.vrh {
float: right;
background: #c33;
height: 21px;
text-align: center;
padding: 5px 13px 0 13px;
}

.vrhvid {
float: right;
background: #c33;
height: 23px;
width: 90px;
padding: 0 3px 3px 3px;
}

.galbek {
float: left;
background: #bdbdbd;
height: 23px;
width: 163px;
padding: 0 3px 3px 3px;
}

.galbek-up {
float: right;
height: 22px;
padding: 0 3px 3px 3px;
position: absolute;
top: -35px;
right: 0;
}

a.gall2 {
background: url(http://infootok.com/slike/gal-l.png) 0 5px no-repeat;
	display:block;
	height:15px;
	float:left;
	margin:0 10px 0 0;
padding: 7px 0 0 20px;
	cursor:pointer;
font: normal 11px/12px Tahoma;
}

a.gall2:hover {
background: url(http://infootok.com/slike/gal-l-h.png) 0 5px no-repeat;
text-decoration: underline;
}

a.gald2 {
background: url(http://infootok.com/slike/gal-d.png) 100% 5px no-repeat;
	display:block;
	height:15px;
	float:left;
padding: 7px 20px 0 20px;
	cursor:pointer;
font: normal 11px/12px Tahoma;
}

a.gald2:hover {
background: url(http://infootok.com/slike/gal-d-h.png) 100% 5px no-repeat;
text-decoration: underline;
}

.komentotal {
float: left;
width: 50px;
height: 45px;
color: #3A2F27;
font: bold 18px/38px Arial;
text-align: center;
background: url(http://infootok.com/slike/komentara.png) 50% 0 no-repeat;
position: relative;
top: -11px;
}

.komentotal2 {
float: left;
width: 50px;
height: 45px;
color: #3A2F27;
font: bold 18px/38px Arial;
text-align: center;
background: url(http://infootok.com/slike/komentara.png) 50% 0 no-repeat;
position: absolute;
right: 10px;
top: 18px;
}

#full-vijest h4 {
float: left;
font: normal 28px/31px Arial;
width: 100%;
padding: 10px 0 10px 0;
}

#komentari-full h3,
#komentari-full-vij h3 {
float: left;
font: normal 22px/25px 'Times New Roman';
width: 100%;
padding: 10px 0 10px 0;
}

#komentariza h3 {
float: left;
font: normal 22px/30px 'Times New Roman';
overflow: visible;
margin: 0 0 10px 0;
width: 530px;
}

#komentariza-vij h3 {
float: left;
font: normal 22px/30px 'Times New Roman';
overflow: visible;
margin: 0 0 10px 0;
width: 471px;
}

#komentariza {
float: left;
min-height: 70px;
width: 602px;
background: #989898 url(http://infootok.com/slike/vasi-komentari.gif) top left repeat-x;
color: #000;
position: relative;
top: -10px;
left: -17px;
padding: 0 0 0 10px;
}

#komentariza-vij {
float: left;
min-height: 70px;
width: 553px;
background: #989898 url(http://infootok.com/slike/vasi-komentari.gif) top left repeat-x;
color: #000;
position: relative;
top: -10px;
left: -17px;
padding: 0 0 0 10px;
}

#komentariza span,
#komentariza-vij span {
color: #fff;
}

#komentari-grad {
float: left;
border-top: 1px solid #eee;
height: 21px;
width: 602px;
background: #bdbdbd;
font: bold 11px/21px Verdana;
color: #000;
position: absolute;
bottom: 0;
left: 0;
padding: 0 0 0 10px;
}

#komentari-grad-vij {
float: left;
border-top: 1px solid #eee;
height: 21px;
width: 553px;
background: #bdbdbd;
font: bold 11px/21px Verdana;
color: #000;
position: absolute;
bottom: 0;
left: 0;
padding: 0 0 0 10px;
}

#full-vijest p,
#full-oglas p,
#vijesti-lijevo p {
text-align: justify;
margin: 0 0 10px 0;
}

#najnovije {
float: left;
width: 309px;
height: 54px;
border-bottom: 4px solid #fff;
color: #fff;
font-size: 16px;
line-height: 18px;
font-family: 'Trebuchet MS';
padding: 6px 0 0 55px;
}

.info1,
.info2,
.info3,
.info4,
.info5 {
float: left;
width: 336px;
height: 25px;
padding: 14px 14px 0 14px;
color: #fff;
font-size: 12px;
border-top: 1px solid #fff;
}

.info1m,
.info2m,
.info3m,
.info4m,
.info5m {
float: left;
width: 364px;
height: 10px;
border-top: 17px solid #fff;
border-bottom: 17px solid #fff;
overflow: hidden;
}

.komentara {
float: right;
}

.razdjelnik {
float: left;
width: 364px;
height: 45px;
background: url(http://infootok.com/slike/razdjelnik.gif) 0 18px no-repeat;
}

#ostale-vijesti {
float: left;
width: 430px;
}

#kategorije {
float: left;
width: 614px;
border-bottom: 10px solid #fff;
}

#kategorije_v {
float: left;
width: 184px;
border-right: 13px solid #fff;
}

#full-vijest,
#full-oglas {
float: left;
width: 614px;
}

#full-404,
#full-video,
#full-video2 {
float: left;
width: 811px;
}

.novine {
float: left;
border: 1px solid #dadada;
margin: 0 0 3px 0;
}

.novine:hover,
.novine2:hover,
.novine2-m:hover {
border: 1px solid #222
}

.novine2 {
float: left;
border: 1px solid #dadada;
margin: 0 4px 3px 4px;
}

.novine2-m {
float: left;
border: 1px solid #dadada;
margin: 0 3px 3px 3px;
}

#ostale-vijesti-l {
float: left;
width: 233px;
border-left: 13px solid #fff;
}

#ostale-vijesti-l2 {
float: right;
width: 233px;
}

#ostale-vijesti-d {
float: left;
width: 184px;
border-right: 13px solid #fff;
}

#ostale-vijesti-dd {
float: right;
width: 184px;
}

#custom-horo {
float: left;
width: 614px;
}

#custom-horo h5 {
float: left;
width: 604px;
height: 34px;
border-bottom: 7px solid #fff;
color: #fff;
font: normal 16px/23px 'Trebuchet MS';
padding: 0 0 0 10px;
}

#custom1oglasi {
float: left;
width: 568px;
}

#custom1oglasi h5 {
float: left;
width: 558px;
height: 34px;
border-bottom: 7px solid #fff;
color: #fff;
font: normal 16px/23px 'Trebuchet MS';
padding: 0 0 0 10px;
}

#custom5tel {
float: left;
width: 614px;
}

#custom5tel h5 {
float: left;
width: 604px;
height: 34px;
border-bottom: 7px solid #fff;
color: #fff;
font: normal 16px/23px 'Trebuchet MS';
padding: 0 0 0 10px;
}

#custom1,
#custom2,
#custom3,
#custom4 {
float: left;
width: 233px;
}

#custom5,
#custom6,
#custom7 {
float: left;
width: 184px;
}

#custom8,
#ostale-vijesti-s {
float: left;
width: 368px;
}

#ostale-vijesti-s3 {
float: left;
width: 565px;
}

#custom9 {
float: left;
width: 565px;
}

#ostale-vijesti-s2 {
float: left;
width: 300px;
}

#ostale-vijesti-s-tool {
	display:none;
	background:transparent url(http://infootok.com/slike/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
	_background-color:#fff;
z-index: 1;
}

#ostale-vijesti-s-tool.bottom { 
    background:url(http://infootok.com/slike/black_arrow_bottom.png);     
    padding-top:40px; 
    height:55px; 
}

#custom1 h5,
#custom2 h5,
#custom3 h5,
#custom4 h5 {
float: left;
width: 223px;
height: 34px;
border-bottom: 7px solid #fff;
color: #fff;
font: normal 16px/23px 'Trebuchet MS';
padding: 0 0 0 10px;
}

#custom5 h5,
#custom6 h5,
#custom7 h5 {
float: left;
width: 174px;
height: 34px;
border-bottom: 7px solid #fff;
color: #fff;
font: normal 16px/23px 'Trebuchet MS';
padding: 0 0 0 10px;
}

#custom8 h5 {
float: left;
width: 358px;
height: 34px;
border-bottom: 7px solid #fff;
color: #fff;
font: normal 16px/23px 'Trebuchet MS';
padding: 0 0 0 10px;
margin: 10px 0 0 0;
}

#custom9 h5 {
float: left;
width: 555px;
height: 34px;
border-bottom: 7px solid #fff;
color: #fff;
font: normal 16px/23px 'Trebuchet MS';
padding: 0 0 0 10px;
}

#custom5 h5 a {
color: #fff;
}

#custom5 h5 a:visited {
color: #fff;
}

#custom5 h5 a:active {
color: #fff;
}

#custom5 h5 a:hover {
color: #fff;
}

#custom6 h5 a {
color: #fff;
}

#custom6 h5 a:visited {
color: #fff;
}

#custom6 h5 a:active {
color: #fff;
}

#custom6 h5 a:hover {
color: #fff;
}

#custom8 h5 a {
color: #fff;
}

#custom8 h5 a:visited {
color: #fff;
}

#custom8 h5 a:active {
color: #fff;
}

#custom8 h5 a:hover {
color: #fff;
}




#ostale {
color: #fff;
display: block;
font-size: 16px;
font-family: 'Trebuchet MS';
margin: 0 0 10px 0;
line-height: 16px;
}

* html #ostale {
margin: 0;
}

#svijet,
#popularno,
#komentari,
#fotogalerija {
float: left;
width: 402px;
height: 320px;
border-top: 1px solid #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 15px 13px 15px 13px;
}

#otok,
#hrvatska,
#svijet2,
#ostalo {
float: left;
width: 586px;
height: auto;
padding: 15px 13px 15px 13px;
font-size: 10px;
line-height: 15px;
}

.hlist div.hover{background:#EFFBFF; border-color:#aaa; cursor:pointer;}
.hlist-vij-sup div.hover{background:#EFFBFF; cursor:pointer;}
.hlist-poso div.hover{background: url(http://infootok.com/slike/jqueryui/ui-bg_diagonals-thick_20_666666_40x40-3.png); cursor:pointer;}
.hlist-lside-zuti div.hover{background: url(http://infootok.com/slike/jqueryui/ui-bg_diagonals-thick_20_c60000_40x40-1.png); cursor:pointer;}
.hlist-lside-sivi div.hover{background: url(http://infootok.com/slike/jqueryui/ui-bg_diagonals-thick_20_666666_40x40-3.png); cursor:pointer;}
.hlist-horoskop div.hover,
.hlist-osm div.hover{cursor:pointer;}

.horo {
float: left;
border: 1px solid #cbcbcb;
padding: 10px;
width: 592px;
background: #fff;
position: relative;
top: -1px;
text-align: justify;
font: normal 13px/14px Tahoma;
margin: 0 0 10px 0;
}

.horo2 {
float: left;
border: 1px solid #cbcbcb;
padding: 0;
width: 612px;
background: #fff;
position: relative;
top: -1px;
text-align: justify;
font: normal 13px/14px Tahoma;
}

#poster {
float: left;
width: 612px;
margin: 0 0 13px 0;
}

#poster-vij {
float: left;
width: 563px;
margin: 0 0 13px 0;
}

#poster2 {
float: left;
width: 602px;
padding: 5px;
margin: 0 0 13px 0;
}

.soctag {
float: left;
width: 362px;
padding: 10px 0 10px 10px
}

#croport {
float: left;
margin: 0 6px 0 0;
}

.socijal {
float: left;
display: block;
height: 48px;
clear: both;
width: 382px;
}

.socijal ul li.socsli {
float: left;
margin: 0;
padding: 0;
}

.teme {
display: block;
background: #cc3333;
color: #fff;
font: normal 11px/15px Verdana;
padding: 0 8px;
width: 30px;
margin: 0 0 5px 0;
}

.tagovi {
float: left;
width: 362px;
height: auto;
line-height:12px;
margin: 0 0 10px 0;
}

.tagovi2 {
float: left;
width: 362px;
height: auto;
line-height:12px;
}

.tagovi a,
.tagovi2 a {
float: left;
margin: 0 5px 5px 0;
}

.tagovi b,
.tagovi2 b {
font-size: 11px;
}

.vezani {
float: right;
width: 200px;
padding: 10px;
font-size: 10px;
line-height: 12px;
}

.vezani-vij {
float: right;
width: 151px;
padding: 10px;
font-size: 10px;
line-height: 12px;
}

.vezani b,
.vezani-vij b {
font-size: 11px;
}

#komentari-full {
position: relative;
float: left;
width: 578px;
padding: 10px 17px 10px 17px;
}

#komentari-full-vij {
position: relative;
float: left;
width: 529px;
padding: 10px 17px 10px 17px;
}

.komentar-area {
float: right;
position: relative;
width: 418px;
border: 1px solid #ccc;
padding: 10px;
min-height: 100px;
height:auto !important;
height: 100px;
font-size: 11px;
background: #fff;
}

.komentar-area-vij {
float: right;
position: relative;
width: 369px;
border: 1px solid #ccc;
padding: 10px;
min-height: 100px;
height:auto !important;
height: 100px;
font-size: 11px;
background: #fff;
}

img.arrl {
position: absolute;
left: -32px;
}

img.edit {
position: absolute;
bottom: 2px;
right: 2px;
}

.komentar-dolje {
position: absolute;
bottom: 5px;
left: 0;
padding: 5px;
width: 428px;
background: #fff;
color: #000;
}

.komentar-dolje-vij {
position: absolute;
bottom: 5px;
left: 0;
padding: 5px;
width: 379px;
background: #fff;
color: #000;
}

.datkomentar {
float: right;
}

.avatar {
float: left;
}

.avatarbox {
float: left;
width: 100px;
min-height: 100px;
font-size: 11px;
line-height: 13px;
}

.avatarbox-mem1 {
float: left;
width: 80px;
min-height: 80px;
border-right: 10px solid #f6f6f6;

}

.avatarbox2 {
float: left;
width: 100px;
background: #fff;
}

.avatarbox img,
.avatarbox-mem1 img {
clear: both;
width: 80;
height: 80px;
}

.editiraj {
float: right;
}

.entry-komentar {
float: left;
margin: 0 0 20px 0;
width: 579px;
}

.entry-komentar-vij {
float: left;
margin: 0 0 20px 0;
width: 530px;
}

.posalji-komentar {
float: left;
width: 579px;
}

.posalji-komentar-vij {
float: left;
width: 530px;
}

.tekst-komentar {
font-size: 11px;
line-height: 13px;
}

.editCommentBox {
margin: 0 0 10px 0;
}

.editCommentBox textarea {
width: 369px;
border: 1px solid #ccc;
}

.editCommentBox textarea.komentar-vij {
width: 320px;
border: 1px solid #ccc;
}

textarea.komentar {
float: left;
width: 577px;
height: 100px;
margin: 0;
padding: 0;
border: 1px solid #ccc;
clear: both;
}

textarea.komentar-vij {
float: left;
width: 528px;
height: 100px;
margin: 0;
padding: 0;
border: 1px solid #ccc;
clear: both;
}

#post-links {
padding: 10px;
width: 162px;
font-size: 11px;
color: #000;
position: relative;
}

#post-links hr {
display: block;
width: 100%;
height: 1px;
color: #ddd;
margin: 5px 0 5px 0;
background: #ddd;
border: 0;
}

.post-slike {
width: 162px;
clear: both;
}

.socijal img {
float: left;
margin: 0 7px;
}

.slider_container {
	position: relative;
	height: 16px;
width: 162px;
}
.minus {
	height: 16px;
	width: 16px;
	float: left;
	cursor: pointer;
	background: url(http://infootok.com/slike/text-smaller.gif) no-repeat;
}
.slider_bar {
	background: url(http://infootok.com/slike/slider.gif) no-repeat;
	height: 16px;
	width: 120px;
	float: left;
	margin: 0px 5px;
	position: relative;
}
.add {
	height: 16px;
	width: 16px;
	float: left;
	cursor: pointer;
	background: url(http://infootok.com/slike/text-bigger.gif) no-repeat;
}
.slider_handle {
	background: url(http://infootok.com/slike/text-slider.gif) no-repeat;
	height: 16px;
	width: 6px;
	position: absolute;
	top: 0px;
}

.citatl,
.citatd {
width: 200px;
padding: 5px;
font: bold 14px/16px Arial;
text-align: justify;
}

.citatl {
float: left;
margin: 0 10px 0 0;
}

.citatd {
float: right;
margin: 0 0 0 10px;
}

.citatl img,
.citatd img {
float: left;
margin: 0 5px 0 0;
}

.slika-mala {
float: left;
margin: 0 10px 0 0;
}

label {
font: normal 11px/13px Verdana;
display: block;
margin: 0 0 3px 0;
}

form#login2 label {
font: normal 11px/13px Verdana;
clear: both;
display: block;
margin: 0 0 3px 0;
color: #fff;
}


label span {
color: #f00;
}

form p {
display: block;
margin: 0 0 15px 0;
}

input.text {
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
height: 15px;
width: 98%;
}

input.textm {
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
height: 15px;
width: 200px;
}

input.file {
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
height: 15px;
width: 200px;
font-size: 12px;
}

input.textmm {
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
height: 15px;
width: 250px;
font-size: 12px;
}

input.textmm2 {
border: 1px solid #ddd;
padding: 2px;
height: 15px;
width: 250px;
}

input.oglas {
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
height: 15px;
width: 608px;
font-size: 12px;
}

textarea.textv {
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
margin: 0 0 10px 0;
height: 119px;
width: 250px;
}

textarea.textvvv {
border: 1px solid #ddd;
padding: 2px;
margin: 0 0 10px 0;
height: 80px;
width: 250px;
}

textarea.textv2 {
float: left;
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
margin: 0 0 14px 0;
height: 121px;
width: 300px;
font-size: 12px;
}

textarea.textv2p {
float: left;
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
margin: 0 0 14px 0;
height: 68px;
width: 300px;
font-size: 12px;
}

textarea.text {
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
width: 98%;
height: 100px;
}

textarea.texxt {
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
width: 98%;
height: 48px;
font: normal 0.8em Verdana;
}

textarea.texxyt {
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
width: 98%;
height: 130px;
font: normal 0.8em Verdana;
}

textarea.text2 {
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
width: 98%;
height: 200px;
}

textarea.text22 {
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
width: 608px;
height: 121px;
font-size: 12px;
}

textarea.text222 {
border: 1px solid #ddd;
background: #fffbe0;
padding: 2px;
width: 608px;
height: 30px;
}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 364px;
			clear: both;
		}
		
		.stripViewer .panelContainer {
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel {
			float:left;
			height: 100%;
			position: relative;
			width: 364px; /* Also specified in  .stripViewer  above */
		}

.left_bt {
float: left;
width: 23px;
height: 25px;
background: url(http://infootok.com/slike/bt_l.png) no-repeat;
cursor: pointer;
position: absolute;
left: 5px;
top: 14px;
}

.right_bt {
float: left;
width: 23px;
height: 25px;
background: url(http://infootok.com/slike/bt_d.png) no-repeat;
cursor: pointer;
position: absolute;
left: 336px;
top: 14px;
}

#stripNavR0,
#stripNavL0 {
position: relative;
}

ul.favoritesul li,
ul.postlinks li {
float: left;
clear: both;
margin: 0 0 15px 0;
display: block;
}

img.post_rss {
position: absolute;
right: 5px;
top: 5px;
}


#page_container {
position: relative;
margin: 0 auto;
width: 1128px;
}

.panel_button {
position: relative;
	top: 49px;
left: 735px;
	width: 70px;
	height: 40px;
	background: url(http://infootok.com/slike/rucka.png);
	z-index: 20;
	cursor: pointer;
}

.panel_button img {
	position: relative;
	top: 5px;
left: 12px;
	border: none;
}

.panel_button a {
	text-decoration: none;
	color: #545454;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
	color: #999999;
}

#toppanel {
	position: absolute;
	width: 811px;
	left: 0px;
	z-index: 250;
}

#okolni {
padding: 10px;
}

#panel {
	width: 811px;
	position: relative;
	top: 49px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}

#panel_contents {
	background: black;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	height: 100%;
	width: 811px;
	position: absolute;
	z-index: -1;
}

div.level_2 div.komentar-area img.arrl,
div.level_3 div.komentar-area img.arrl,
div.level_2 div.komentar-area-vij img.arrl,
div.level_3 div.komentar-area-vij img.arrl {
display: none;
}


div.level_2 div.komentar-area {
width: 403px;
border: 1px dotted #ccc;
}

div.level_2 div.komentar-area-vij {
width: 354px;
border: 1px dotted #ccc;
}

div.level_3 div.komentar-area {
width: 388px;
border: 1px dotted #ccc;
}

div.level_3 div.komentar-area-vij {
width: 339px;
border: 1px dotted #ccc;
}

div.has_children div.entry-komentar,
div.has_children div.entry-komentar-vij {
margin: 0 0 10px 0;
}

div.level_1 div.komentar-area textarea.komentar {
width: 418px;
}
div.level_2 div.komentar-area textarea.komentar {
width: 403px;
}
div.level_3 div.komentar-area textarea.komentar {
width: 388px;
}

div.level_1 div.komentar-area-vij textarea.komentar-vij {
width: 369px;
}
div.level_2 div.komentar-area-vij textarea.komentar-vij {
width: 354px;
}
div.level_3 div.komentar-area-vij textarea.komentar-vij {
width: 339px;
}

div.level_2 div.komentar-dolje {
width: 413px;
}
div.level_3 div.komentar-dolje {
width: 398px;
}

div.level_2 div.komentar-dolje-vij {
width: 364px;
}
div.level_3 div.komentar-dolje-vij {
width: 349px;
}

div.level_2 .editCommentBox textarea {
width: 403px;
border: 1px solid #ccc;
}
div.level_3 .editCommentBox textarea {
width: 388px;
border: 1px solid #ccc;
}



ul#vezko li {
position: relative;
left: 10px;
list-style-image: url(http://infootok.com/slike/vezani.gif);
margin: 0 0 5px 0;
}

ul#vezko li a:link {
text-decoration: none;
}

ul#vezko li a:hover {
text-decoration: underline;
}

#oblak {
float: left;
width: 100%;
display: block;
margin: 0 0 20px 0;
}

#oblak ul li {
display:inline;
}

#oblak ul li a {
padding: 0 5px;
}

.tag_poredak_link {
margin: 0 10px 0 0;
}

#video {
float: left;
width: 100%;
height: 230px;
margin: 0 0 25px 0;
}

#najvideo {
float: left;
width: 489px;
}

#najvideo h5 {
display: block;
width: 475px;
height: 36px;
line-height: 36px;
color: #fff;
font-size: 16px;
padding: 0 0 0 14px;
background: #d49f26;
font-family: 'Trebuchet MS';
}

#najvideo_main {
float: left;
width: 489px;
height: 194px;
background: url(http://infootok.com/slike/videoclipiza.png) top left repeat-x;
}

#najfilm {
float: left;
width: 639px;
}

#najfilm h5 {
display: block;
width:625px;
height: 36px;
line-height: 36px;
color: #fff;
font-size: 16px;
padding: 0 0 0 14px;
background: #dea82c;
}

#najfilm_main {
float: left;
width: 637px;
height: 194px;
background: url(http://infootok.com/slike/videoclipiza2.png) top left repeat-x;
padding: 0 0 0 2px;
}

.clip-thumb {
float: left;
padding: 10px 12px 3px 12px;
font-size: 11px;
}

.clip-thumb img,
.tagovi a,
.tagovi2 a {
display: block;
}

.film-thumb {
float: left;
padding: 10px 7px 3px 7px;
}

div.film-thumb,
div.clip-thumb,
div.tagovi,
div.tagovi2,
ul#vezko {
position: relative;
}

div.ahover {
position: absolute;
}

div.film-thumb img,
div.clip-thumb img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 3px solid #111;
position: relative;
z-index: 200;
}

ul#maxx li.videobox1,
ul#maxx li.videobox2,
ul#maxx li.osmbox1,
ul#maxx li.osmbox2,
ul#maxx li.panobox1,
ul#maxx li.panobox2 {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #cecece;
position: relative;
}

ul#maxx li.tvrbox1,
ul#maxx li.tvrbox2,
ul#maxx li.recbox1,
ul#maxx li.recbox1iva,
ul#maxx li.recbox2iva,
ul#maxx li.recbox2 {
position: relative;
}

ul#maxx li.tvrbox1 div.tvrtka-opis,
ul#maxx li.tvrbox2 div.tvrtka-opis,
div.tvrtka-opis {
float: left;
padding: 13px;
height: 36px;
width: 227px;
color: #999;
font: normal 11px/11px Tahoma;
background: #f2f2f2;
border-top: 1px solid #fff;
}

ul#maxx li.recbox1 div.recept-opis,
ul#maxx li.recbox1iva div.recept-opis,
ul#maxx li.recbox2iva div.recept-opis,
ul#maxx li.recbox2 div.recept-opis {
float: left;
padding: 13px;
height: 36px;
color: #999;
font: normal 11px/11px Tahoma;
background: #f2f2f2;
border-top: 1px solid #fff;
}

ul#maxx li.recbox1 div.recept-opis, ul#maxx li.recbox1iva div.recept-opis {
width: 168px;
}

ul#maxx li.recbox2 div.recept-opis, ul#maxx li.recbox2iva div.recept-opis {
width: 167px;
}

div.tvrtka-opis2 {
float: left;
padding: 13px;
height: 36px;
width: 325px;
color: #000;
font: normal 13px/13px Tahoma;
background: #f2f2f2;
border-top: 1px solid #fff;
}

ul#maxx li.tvrbox1 div.tvrtka-opis:hover,
ul#maxx li.tvrbox2 div.tvrtka-opis:hover,
ul#maxx li.recbox1 div.recept-opis:hover,
ul#maxx li.recbox1iva div.recept-opis:hover,
ul#maxx li.recbox2iva div.recept-opis:hover,
ul#maxx li.recbox2 div.recept-opis:hover {
background: #e2e2e2;
}

ul#maxx li.tvrbox1 div.tvrtka-opis span,
ul#maxx li.tvrbox2 div.tvrtka-opis span,
ul#maxx li.recbox1 div.recept-opis span,
ul#maxx li.recbox2 div.recept-opis span,
ul#maxx li.recbox1iva div.recept-opis span,
ul#maxx li.recbox2iva div.recept-opis span,
div.tvrtka-opis span {
font: bold 13px/16px Verdana;
color: #000;
}

div.tagovi a,
div.tagovi2 a {
position: relative;
z-index: 100;
}

ul#vezko a {
position: relative;
z-index: 200;
}

div.film-thumb div.ahover,
div.clip-thumb div.ahover {
background: #f43;
padding: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #555;
}

div.tagovi div.ahover,
div.tagovi2 div.ahover {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #555;
padding: 1px;
}


ul#maxx div.ahover {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #f00;
padding: 1px;
}

ul#vezko div.ahover {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #555;
background: #a0a0a0;
padding: 3px;
}



div#oblak ul {
position: relative;
}

div#oblak ul li {
position: relative;
z-index: 200;
}

div#oblak ul li:hover {
    color: #fff;
}

div#oblak div.ahover {
padding: 0 0 3px 0;
border-bottom: 2px solid #3685b9;
}

#video-skrol {
float: left;
width: 811px;
border-bottom: 1px dotted #cecece;
margin: 0 0 18px 0;
padding: 15px 0;
}

.tvrtke-skrol {
position: relative;
float: left;
width: 368px;
}

a.browse {
background: url(http://infootok.com/slike/hori_large2.png) no-repeat;
	display:block;
	width:21px;
	height:21px;
	float:left;
	margin:20px 0;
	cursor:pointer;
	font-size:1px;
}

a.browse2a {
position: absolute;
top: -43px;
right: 30px;
background: url(http://infootok.com/slike/hori_large2.png) no-repeat;
	display:block;
	width:21px;
	height:21px;
	float:left;
	margin:5px 3px;
	cursor:pointer;
	font-size:1px;
}

a.browse2b {
position: absolute;
top: -43px;
right: 10px;
background: url(http://infootok.com/slike/hori_large2.png) no-repeat;
	display:block;
	width:21px;
	height:21px;
	float:left;
	margin:5px 3px;
	cursor:pointer;
	font-size:1px;
}

a.right2				{ background-position: 0 -21px; clear:right; margin-right: 0px;}
a.right2:hover 		{ background-position:-21px -21px; }
a.right2:active 	{ background-position:-42px -21px; }

a.left2				{ margin-left: 0px; }
a.left2:hover  		{ background-position:-21px 0; }
a.left2:active  	{ background-position:-42px 0; }


div.scrollable { 
position:relative; 
overflow:hidden;          
width: 489px;     
height: 194px;     
}

div.scrollable-video {
float: left;
position:relative; 
overflow:hidden;          
width: 769px;     
height: 57px;
}

div.scrollable-video2 {
float: left;
position:relative; 
overflow:hidden;          
width: 368px;     
height: 101px;
}

#items,
#items-rec {
	position:absolute;
	width:20000em;
	clear:both;
}

#items div {
	float:left;
	width:100px;
	height:57px;
}

#items2,
#items3 {
	position:absolute;
	width:20000em;
	clear:both;
}

#items2 div,
#items3 div {
	float:left;
	width:187px;
	height:101px;
}



div.scrollable2 { 
position:relative; 
overflow:hidden;          
width: 637px;     
height: 194px;     
}

div.scrollable4 { 
position:relative; 
overflow:hidden;          
width: 230px;     
height: 172px;     
} 

div.scrollable-poso { 
position:relative; 
overflow:hidden;          
width: 100%;     
height: 710px;     
}

div.scrollable-imenik { 
position:relative; 
overflow:hidden;          
width: 639px;
height: 710px;     
}

div.scrollable div.items,
div.scrollable-video div.items,
div.scrollable2 div.items,
div.scrollable4 div.items {     
width:20000em;     
position:absolute;         
}

div.scrollable-poso div.items {     
height:20000em;     
position:absolute;         
} 

div.scrollable div.items div,
div.scrollable2 div.items div,
div.scrollable4 div.items div,
div.scrollable-poso div.items div { 
   float:left; 
}

div.scrollable-video div#items div { 
float:left;
margin: 0 5px;
}


div.navi {
margin:0 auto;
width: 42px;
height:20px;
}

div.navi-video {
margin: 0 auto;
width: 42px;
height:20px;
}

div.navi a {
width:8px;
height:8px;
float:left;
margin:13px 3px 3px 3px;
background:url(http://infootok.com/slike/navigator.png) 0 0 no-repeat;     
cursor:pointer;	
}

div.navi-video a {
width:8px;
height:8px;
float:left;
margin: 3px;
background:url(http://infootok.com/slike/navigator.png) 0 0 no-repeat;     
cursor:pointer;	
}

div.navi a:hover,
div.navi-video a:hover {
background-position:0 -8px;      
}

div.navi a.active,
div.navi-video a.active {
background-position:0 -16px;     
}

li.videobox1 {
float: left;
margin: 0 5px 5px 0;
padding: 5px;
width: 187px;
height: 171px;
}

li.osmbox1 {
float: left;
margin: 0 7px 7px 0;
padding: 5px;
width: 188px;
height: 171px;
}

li.tvrbox1 {
float: left;
margin: 0 26px 19px 0;
width: 253px;
height: 203px;
}

li.recbox1 {
float: left;
margin: 0 12px 19px 0;
width: 194px;
height: 203px;
}

li.recbox1iva {
float: left;
margin: 0 12px 19px 0;
width: 194px;
height: 233px;
}

li.panobox1 {
float: left;
margin: 0 5px 5px 0;
padding: 5px;
width: 255px;
height: 171px;
}

li.videobox2 {
float: left;
margin: 0 0 5px 0;
padding: 5px;
width: 187px;
height: 171px;
}

li.osmbox2 {
float: left;
margin: 0 0 7px 0;
padding: 5px;
width: 188px;
height: 171px;
}

li.tvrbox2 {
float: left;
margin: 0 0 19px 0;
width: 243px;
height: 203px;
}

li.recbox2 {
float: left;
margin: 0 0 19px 0;
width: 193px;
height: 203px;
}
li.recbox2iva {
float: left;
margin: 0 0 19px 0;
width: 193px;
height: 233px;
}

li.panobox2 {
float: left;
margin: 0 0 5px 0;
padding: 5px;
width: 255px;
height: 171px;
}

.vidtit {
float: left;
width: 100%;
display: block;
font: bold 11px/13px Verdana;
color: #0879D0;
padding: 4px 0 0 0;
}

.vidputa {
float: left;
width: 100%;
display: block;
font: bold 11px/13px Verdana;
position: absolute;
left: 5px;
bottom: 5px;
font: normal 10px Verdana;
color: #818181;
}



ul.colors {
    list-style: none;
    padding: 10px;
}

ul.colors li {
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px;
    cursor: pointer;
border: 1px solid #000;
}

ul.colors li a {
float: left;
width: 20px;
height: 20px;
display: block;
overflow: visible;
}

#kategorije_v ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 90%;
font-family:'Trebuchet MS','Lucida Grande',Arial,sans-serif;
}

#kategorije_v li a {
display: block;
padding: 1px 0;
padding-left: 3px;
width: 181px;
text-decoration: none;
border-bottom:1px solid #EEEEEE;
color:#444444;
}

#kategorije_v li a:hover {
background-color:#EEEEEE;
}

#kategorije_v div.blog {
padding: 10px 0 1px 0;
font-size: 90%;
font-weight: bold;
border-bottom:2px solid black;
color:#000000;
font-family:'Trebuchet MS','Lucida Grande',Arial,sans-serif;
}

.velkitab {
width: 276px;
}

.pretvijesti,
.pretoglasnik,
.pretoglasnik2,
.prettvrtke,
.pretposao,
.pretpanorama,
.pretnekretnine,
.pretputovanja,
.pretvodic,
.pretvideo,
.pretshop,
.pretrecepti,
.pretosmrtnice {
position: relative;
float: left;
display: block;
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
color: #888;
width: 604px;
background: #f5f5f5;
padding: 5px;
font: normal 11px/13px Verdana;
}


.pretoglasnik2 {
position: relative;
float: left;
display: block;
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
color: #888;
width: 604px;
background: #ececec;
padding: 5px;
font: normal 11px/13px Verdana;
}

.poso {
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 602px;
padding: 5px;
font: normal 11px/13px Verdana;
margin: 0 0 20px 0;
}

.posonpd {
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 614px;
font: normal 13px/15px Verdana;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

.posonpd2 {
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 614px;
font: normal 13px/15px Verdana;
padding: 0 0 7px 0;
margin: 0 0 10px 0;
}

.posspan {
float: left;
display: block;
color: #888;
width: 464px;
font: normal 13px/15px Verdana;
margin: 0 0 5px 0;
}

.poso1 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 602px;
background: #f5f5f5;
padding: 5px;
font: normal 11px/14px Verdana;
}

.posso1 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 572px;
background: #fff;
padding: 5px 35px 5px 5px;
font: normal 11px/14px Verdana;
}


.rec1 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 558px;
background: #f5f5f5;
padding: 5px;
font: normal 11px/13px Verdana;
}

.vij1 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 607px;
background: #f5f5f5;
padding: 5px;
font: normal 11px/13px Verdana;
}

.vij1 p,
.vij2 p {
float: left;
width: 355px;
padding: 10px 0 0 0;
text-align: justify;
}

.vij3 p,
.vij33 p {
float: left;
width: 558px;
padding: 10px 0 0 0;
text-align: justify;
}

.nek1 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #000;
width: 806px;
background: #f5f5f5;
padding: 5px 5px 5px 0;
font: normal 11px/13px Verdana;
}

.poso11 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 604px;
background: #f5f5f5;
padding: 5px;
font: normal 11px/13px Verdana;
}

.poso2 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 602px;
background: #fff;
padding: 5px;
font: normal 11px/14px Verdana;
}

.rec2 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 558px;
padding: 5px;
font: normal 11px/14px Verdana;
}

.vij2 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 607px;
padding: 7px 5px 17px 5px;
font: normal 11px/14px Verdana;
}

.vij3 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 555px;
padding: 7px 5px 7px 5px;
font: normal 11px/14px Verdana;
}

.vij33 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 555px;
background-color: #f5f5f5;
padding: 7px 5px 7px 5px;
font: normal 11px/14px Verdana;
}

h3.cal a {
font: normal 16px/18px Verdana;
}

.nek2 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #000;
width: 806px;
padding: 5px 5px 5px 0;
font: normal 11px/14px Verdana;
}

.border1000 {
border: 1px solid #000;
}

.poso22 {
position: relative;
float: left;
display: block;
border-bottom: 1px solid #ddd;
color: #888;
width: 604px;
padding: 5px;
font: normal 11px/14px Verdana;
}

.poso span,
.poso1 span,
.poso2 span {
color: #222;
font-weight: bold;
}

.poso a.posolink,
.poso1 a.posolink,
.posso1 a.posolink,
.poso2 a.posolink {
color: #3685b9;
width: 315px;
font: bold 14px/16px Arial;
}

.posonpd span {
color: #222;
font-weight: bold;
line-height: 19px;
}

.skracitelj {
float: left;
width: 315px;
}

.posotxt {
float: right;
width: 464px;
}

.posoimg {
float: left;
width: 150px;
font: normal 11px/15px Tahoma;
height: 80px;
}

.posoimg2 {
float: left;
width: 150px;
font: normal 11px/15px Tahoma;
height: 100px;
}

.posonpdimg {
float: left;
width: 150px;
font: normal 11px/15px Tahoma;
min-height: 50px;
}

.posoimg3 {
float: left;
width: 100px;
font: normal 10px/15px Verdana;
min-height: 90px;
margin: 0 10px 0 0;
}

.recimg {
float: left;
width: 175px;
margin: 0 10px 0 0;
}

.nekimg {
float: left;
width: 120px;
font: normal 10px/15px Verdana;
margin: 0 10px 0 0;
}

.nekimg img,
.vijesti-super-m4 a img {
overflow: hidden;
display: block;
}

.zivoto {
position: absolute;
right: 15px;
top: 6px;
}

.posoimg img,
.posonpdimg img {
display: block;
clear: both;
margin: 0 0 10px 0;
}

.posofly1 {
position: absolute;
top: 4px;
right: 15px;
color: #df0505;
font: normal 11px/13px Tahoma;
}

.posofly11 {
position: absolute;
bottom: 10px;
right: 10px;
}


.posofly2 {
position: absolute;
right: 10px;
top: 18px;
color: #fff;
font: normal 11px/13px Tahoma;
padding: 2px 3px;
background: #bb0404;
}

.posdat {
clear: both;
display: block;
padding: 0 3px;
width: 125px;
}

.posdat2 {
font: normal 11px/15px Tahoma;
float: left;
padding: 0 3px;
width: 144px;
color: #000;
}

.prijave {
clear: both;
display: block;
color: #000;
padding: 0 3px;
width: 120px;
background: #e2e2e2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border: 1px solid #d6d6d6;
margin: 3px 0;
}

.prijave span {
color: #cf0202;
font-weight: normal;
}

.prijave2 {
clear: both;
display: block;
padding: 2px 3px 0 3px;
width: 120px;
background: #e2e2e2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border: 1px solid #d6d6d6;
margin: 3px 0;
color: #cf0202;
font: bold 16px Arial;
}

.prijave2 img {
float: left;
margin: 0 10px 0 0;
display: inline;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:		99;
	font: 12px normal Arial, sans-serif;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
height: 22px;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	padding:            5px;
	font: 12px normal Arial, sans-serif;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-1px;
	top:			26px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
.sf-menu li {
	background:	 url('http://infootok.com/slike/sf-menu-li-bg2.gif') repeat-x bottom left;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border: 1px solid #cbcbcb;
	border-width: 1px 1px 1px 1px;
	margin: 0 3px 0 0;
	padding: 0;
	position: relative; /*--Declare X and Y axis base--*/
}
.sf-menu li li {
	background:	 url('http://infootok.com/slike/sf-menu-li-bg2.gif') repeat-x bottom left;
	margin: 0; padding: 0;
	clear: both;
	width: 150%;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
border-top: 0;
border-bottom: 0;
}
.sf-menu li li li {
	background:		#fff;
	margin: 0; padding: 0;
	clear: both;
	width: 150%;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
border-top: 0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		transparent;
	outline:		0;
}
.sf-menu li:hover {
	background:		#eee;
}
.sf-menu li li:hover, .sf-menu li li.sfHover {
	outline:		0;
	background:	 url('http://infootok.com/slike/sf-menu-li-bg-hover2.gif') repeat-x bottom left;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.6em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('http://infootok.com/slike/arrows-black-blue2.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.65em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

ul.sf-menu li.hoveram {
background: #eee;
}

ul.sf-menu li.hovertabi {
background: #fff;
}

ul.sf-menu li.hovertabi:hover {
background: #eee;
}

ul.sf-menu li.hoveramplavi {
	background: #eee;
	z-index: 100;
        color: #3884D0;
        font-weight: bold;
}

ul.sf-menu li.hoveramplavi a {
	z-index: 100;
        color: #3884D0;
        font-weight: bold;
}

ul.sf-menu li.hovertabiplavi {
	background: #fff;
        color: #3884D0;
        font-weight: bold;
	z-index: 100;
}

ul.sf-menu li.hovertabiplavi:hover {
	background: #eee;
	z-index: 101;
}

ul.sf-menu li.hovertabiplavi a {
        color: #3884D0;
        font-weight: bold;
	z-index: 100;
}

ul.sf-menu li.hovertabiplavi a:hover {
        color: #3884D0;
        font-weight: bold;
	z-index: 101;
}

div.fixer {
float: left;
clear: both;
display: block;
height: 1px;
overflow: hidden;
background-color: #eee;
width: 100%;
position: absolute;
top: 25px;
z-index: 200;
display: none;
}

#prompt {
background-color:#eceff5;
border:1px solid #DFDFDF;
border-width: 1px 1px 0 1px;
float:left;
font-family:Arial;
font-size:16px;
padding: 7px;
width:613px;
}

#prompt span {
font: normal 13px Arial;
}

#prompt span.datek {
font: normal 9px Arial;
color: #757575;
padding: 0 0 0 30px;
}

#maincolumn h4#samoja {
background: url(http://infootok.com/slike/face_posalji.gif) 0 0 no-repeat;
}

#maincolumn h4#zadstat {
display: block;
clear: both;
font: normal 15px/38px Arial;
height: 42px;
margin: 0;
padding: 0 0 0 11px;
color: #3b5998;
background: url(http://infootok.com/slike/face_arr.gif) 11px 36px no-repeat;
}

#statt {
float: left;
border-bottom: 1px solid #b1bdd6;
width: 613px;
margin: 0 0 14px 0;
}

#statt div.prvakk {
float: left;
color: #000;
width: 602px;
height: 29px;
font: normal 12px/29px Arial;
padding: 0 0 0 11px;
background: #eceff5;
}

#statt div.drugakk {
float: left;
color: #000;
width: 602px;
height: 29px;
font: normal 12px/29px Arial;
padding: 0 0 0 11px;
background: #eceff5;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#statt div.prvakk span,
#statt div.drugakk span {
float: right;
font: normal 9px Arial;
color: #757575;
padding: 12px 20px 0 0;
}

form.jqtransformdone label{
	margin-top:4px;
	margin-right: 8px;
	display: block;
	float:left;
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:4px 0px;
}
/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	font-family: Arial;
}

*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */

button.jqTransformButton span {
	background: transparent url(http://infootok.com/slike/jquerytransform/btn_right.gif) no-repeat right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
	height: 22px;
}

button.jqTransformButton span span {
	background: transparent url(http://infootok.com/slike/jquerytransform/btn_left.gif) no-repeat top left;
	color: #333;
	padding: 8px 4px 0px 8px;
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
	display: block;
	text-decoration: none;
	height: 22px;
}

/*hover*/
button.jqTransformButton_hover span span { background-position: left -22px ; }
button.jqTransformButton_hover span { background-position: right -22px ; }

/*clicked*/
button.jqTransformButton_click span span { background-position: left -44px ; }
button.jqTransformButton_click span { background-position: right -44px ; }

/* IE 6 */
* html button.jqTransformButton { height:22px; }
* button.jqTransformButton span span { height: 17px; }
/* IE 7 */
*+ html button.jqTransformButton { height:22px; }
*+ button.jqTransformButton span span { height: 17px; }


/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url(http://infootok.com/slike/jquerytransform/input/input_text_left.gif) no-repeat left top;
	height: 31px;
	padding: 0px;
	float:left;
}

.jqTransformInputInner {
	background: transparent url(http://infootok.com/slike/jquerytransform/input/input_text_right.gif) no-repeat top right;
	padding: 0px;
	margin: 0px;
}

.jqTransformInputInner div {
	height: 31px;
	margin:0px 0px 0px 8px;
}

.jqTransformInputInner div input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	vertical-align: middle;
	height: 31px;
	color:#404040;	
	border: none;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	background:transparent;
}

/*  IE6 */
* html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin: 0 0 0 -8px;
	height:24px;
}
/* Ie7 */
*+ html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin-left:-10px;
	height:24px;
}

/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -31px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;}

/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -62px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;}



.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
	background-color: none;
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}



/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
	font-size: 12px;
	line-height: 16px;
}

table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(http://infootok.com/slike/jquerytransform/textarea/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(http://infootok.com/slike/jquerytransform/textarea/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(http://infootok.com/slike/jquerytransform/textarea/textarea_tr.gif) no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(http://infootok.com/slike/jquerytransform/textarea/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(http://infootok.com/slike/jquerytransform/textarea/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(http://infootok.com/slike/jquerytransform/textarea/textarea_mr.gif) repeat-y top left;}

table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(http://infootok.com/slike/jquerytransform/textarea/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(http://infootok.com/slike/jquerytransform/textarea/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(http://infootok.com/slike/jquerytransform/textarea/textarea_br.gif) no-repeat top left;}

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(http://infootok.com/slike/jquerytransform/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(http://infootok.com/slike/jquerytransform/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}


table.jqTransformTextarea .jqTransformSafariTextarea div {
	position: relative;
	overflow: hidden;
	border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
	background: none;
	position: absolute;
	top:-10px;
	left:-10px;
	padding: 10px 10px 10px 10px;
	resize: none;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px;}
.jqTransformRadio {
	background: transparent url(http://infootok.com/slike/jquerytransform/radio.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(http://infootok.com/slike/jquerytransform/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 120px !important;
	position:relative;
	height: 22px;
	background: url(http://infootok.com/slike/jquerytransform/select_left.gif) no-repeat top left;
	float:left;
	top: -1px;
	font-family: Tahoma !important;
}

.jqTransformSelectWrapper div span {
	font-size: 11px !important;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 19px;
	line-height: 15px;
	padding: 3px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	text-align:left;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	padding: 0px !important;
	width: 22px;
	height: 22px;
	background: url(http://infootok.com/slike/jquerytransform/select_right.gif) no-repeat center center;
	border: 0 !important;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	min-width: 117px !important;
	top: 22px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: auto;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul li {
	line-height: 11px !important;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px !important;
	text-decoration: none;
	color:#4B5356;
	background-color: #FFF;
	font-size: 11px;
	border-left: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
	border-top: 0 !important;
	font-family: Tahoma;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #4B5356;
	border-left: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
	border-top: 0 !important;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#ededed !important;
	color: #4B5356 !important;
	border-left: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
	border-top: 0 !important;
	font-family: Tahoma;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

.panel-mem1 {
border: 1px solid #b1b6d2;
}

.panel-mem1 td {
padding: 3px;
}