body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	text-align: center;
}

/* prva stranica */


/* klasa koja divu s idjem head daje sliku u pozadini i visinu  */
#head {
	background: url("http://titlovi.com/images/controlpanel/head.jpg") no-repeat top;
	height: 106px;
	border-bottom: 6px solid #738b9f;
	margin-bottom: 2px;
}

#menin {
	width: 750px;
	margin: auto;
	text-align: left;
	padding-top: 50px;
}

/* ovo gore je klasa za div koj ima u sebi meni pozicioniran je centralno i širok je 750px */

/* dole su klase za meni. dakle meni je u listi i lijevi su floatani lijevo da bi stavke bile jedna pored druge, sve stavke imaju klasu top osim maila jer je mail bijeli i nema crtu */

#head ul {margin: 0px; margin-left: 397px; padding: 0px; text-align: left; list-style: none;}
#head ul li { float: left; margin: 0px; }

#head ul a.top{
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
	text-decoration: underline;
	display: block;
	float: left;
	display: inline;
	padding-left: 8px;
	margin-right: 7px;
	height: 15px;
	overflow: hidden;
	background: url("http://titlovi.com/images/controlpanel/head_sep.gif") no-repeat top left;
}


#head ul a.top:hover {
	color: #ffffff;
}

#head ul a.topAkt {
	font: bold 12px Arial,  Helvetica, sans-serif; 
	text-decoration: none;
	display: block;
	float: left;
	display: inline;
	margin-left: 15px;
	height: 15px;
	overflow: hidden;
	padding-bottom: 3px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#head ul a.mail {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #ffffff;
	text-decoration: none;
	display: block;
	float: left;
	display: inline;
	margin-right: 5px;
	height: 15px;
	overflow: hidden;
}

#head ul a.mail:hover {
	text-decoration: underline;
}

/* headCont je trakica visine 18px koja ima ovu sivu u bg-u */

#headCont {
	background: url("http://titlovi.com/images/controlpanel/head_cont.gif") no-repeat top left;
	height: 18px;
	width: 898px;
	margin: auto;
	overflow: hidden;
	margin-top: -4px;
	positin: relative;
}

/* u ovom se nalazi sve ipod headera */

#content {
	background: url("http://titlovi.com/images/controlpanel/bkg_crte.gif") repeat-y top left;
	width: 898px;
	margin: auto;
	text-align: left;
	padding-bottom: 13px;
}

/* lijeva kolona */

#leftPt {
	width: 654px;
	float: left;
	padding-left: 16px;
}

/* desna kolona */

#rightPt {
	width: 216px;
	float: left;
	margin-left: 2px;
	padding-left: 10px;
	margin-top: 10px;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
}

/* glavni naslov */

.naslovGl {
	margin: 0px;
	padding: 0px;
	font: bold 27px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
	padding-left: 3px;
}

.naslovGl a {
	margin: 0px;
	padding: 0px;
	font: bold 20px Arial,  Helvetica, sans-serif; 
   color: #a0aab2;
	padding-left: 3px;
}

/* za ovu klasu mislim da nije potrebna ali neka ostane */

.naslovGl span {
	font: bold 15px Arial,  Helvetica, sans-serif; 
  color: #c6ddf1;
}

/* ovo sam morao dodati da bi centrirao boks na naslovnici sada kada je šira */

#boxCont {
	width: 490px;
	margin: auto;
}

/* gornji dio boxa upravljanje blogom */

#boxTop {
	background: url("http://titlovi.com/images/controlpanel/box_top.gif") no-repeat top left;
	height: 17px;
	width: 490px;
	overflow: hidden;
	margin-top: 13px;
}

/* srednji dio boxa upravljanje blogom */

#boxMid {
	background: url("http://titlovi.com/images/controlpanel/box_mid.gif") repeat-y top left;
	width: 490px;
}

/* gornji dio unutar boxa u kojem se nalazi naslov i 2 linka stvori blog i pomoć */

#upracljanjeNas {
	margin-left: 19px;
	width: 452px;
	border-bottom: 1px solid #7b8086;
	padding-bottom: 7px;
}

/* klasa za naslov */

#upNas {
	margin-left: 2px;
	width: 330px;
	float: left;
	font: bold 17px Arial,  Helvetica, sans-serif; 
  color: #c6ddf1;
}

/* klasa za linkove */

#upLnk {
	width: 120px;
	float: left;
	padding-top: 1px;
}

/* klasa za link stvori */

.stvori {
	display: block;
	width: 70px;
	float: left;
	background: url("http://titlovi.com/images/controlpanel/stv_sep.gif") no-repeat right;
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
}

.stvori:hover {
	text-decoration: none;
}

/* klasa za link pomoć */

.pomoc {
	display: block;
	width: 42px;
	float: left;
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
	margin-left: 8px;
}

.pomoc:hover {
	text-decoration: none;
}

/* klasa container poruke */

#upMess {
	font: 12px Arial,  Helvetica, sans-serif; 
  color: #c6d2db;
	width: 452px;
	text-align: center;
	clear: both;
	margin-left: 19px;
	padding-top: 11px;
}

/* klasa za link stvorite ovaj veliki koji ima liku u pozadini ona porukica ispod je pozicionirana preko ovog likna pomoću margin-bottom: 51px; */

.stvorite {
	margin: auto;
	display: block;
	font: bold 13px Arial,  Helvetica, sans-serif; 
  color: #e1f0fd;
	width: 223px;
	height: 25px;
	background: url("http://titlovi.com/images/controlpanel/stvorite.gif") no-repeat left top;
	margin-top: 25px;
	padding-top: 10px;
	text-decoration: none;
	margin-bottom: 51px;
}

.stvorite:hover {
	background: url("http://titlovi.com/images/controlpanel/stvorite.gif") no-repeat left bottom;
}

.stvorite1 {
	margin: auto;
	display: block;
	font: bold 15px Arial,  Helvetica, sans-serif; 
  color: #e1f0fd;
	width: 423px;
	height: 25px;
	margin-top: 25px;
	padding-top: 10px;
	text-decoration: none;
	margin-bottom: 51px;
}

/* link nestao, može se koristit za linkove koji bi mogli biti na tom mjestu jer ima samo bold plava slova */

.nestao {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
}

.nestao:hover {
	text-decoration: none;
}

/* donji dio boxa upravljanje blogom */

#boxFoot {
	width: 490px;
	height: 27px;
	overflow: hidden;
	background: url("http://titlovi.com/images/controlpanel/box_foot.gif") no-repeat left top;
	margin-bottom: 23px;
}

/* klasa za containere s tekstom ispod upravljanja, naslv ide u span */

.boxTxt {
	margin-left: 4px;
	width: 630px;
	font: 15px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
	margin-bottom: 20px;
}

.boxTxt span {
	font: bold 15px Arial,  Helvetica, sans-serif; 
  color: #c6ddf1;
}

.boxTxt span a {
	font: bold 15px Arial,  Helvetica, sans-serif; 
  color: #c6ddf1;  text-decoration:none;
}

.boxTxt a {
	margin-left: 4px;
	width: 630px;
	font: 15px Arial,  Helvetica, sans-serif; 
  color: #c6ddf1;
	margin-bottom: 20px;
}

.boxTxt h2 {
	font: bold 18px Arial,  Helvetica, sans-serif; 
  color: #c6ddf1; line-height:18px;
}

/* gornji dio prvog boxa desno */

#boxRtPTop {
	background: url("http://titlovi.com/images/controlpanel/box1_rt_top.gif") no-repeat left top;
	height: 8px;
	width: 198px;
	overflow: hidden;
}

/* srednji dio prvog boxa desno, ima pozadinu koja je gradijen tako da je pozicionirana na vrhu i ispod se ponavlja boja kada visina pređe visinu slike
ima min-height 150 no kako ie6 to ne prepoznaje onda ima i klasu s *html koja je samo za 6icu */

#boxRtPMid {
	background: url("http://titlovi.com/images/controlpanel/boxRtPMid_bkg.gif") no-repeat left top;
	background-color: #1a1e22;
	border-left: 2px solid #505f6b;
	border-right: 2px solid #505f6b;
	width: 172px;
	min-height: 150px;
	padding-top: 6px;
	padding-left: 11px;
	font: 12px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
	padding-right: 11px;
}

*html #boxRtPMid {
	height: 150px;
}

/* donji dio prvog boxa desno */

#boxRtPPot {
	background: url("http://titlovi.com/images/controlpanel/box1_rt_bot.gif") no-repeat left top;
	height: 8px;
	width: 198px;
	overflow: hidden;
}

.imeBoxRt {
	font: bold 17px Arial,  Helvetica, sans-serif; 
  color: #feffff;
	padding-bottom: 10px;
}

/* klase za ul unutar prvog desnog boxa, definiran je samo text i pozicioniranje */

#boxRtPMid ul {
	margin: 0px;
	padding: 0px;
	font: 12px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
	margin-left: 16px;
	margin-top: 16px;
}

#boxRtPMid ul a {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
}

#boxRtPMid ul a:hover {
	text-decoration: none;
}

.jezikBoxRt {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
	padding-top: 6px;
}

.jezikBoxRt form {
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
}

.jezikBoxRt select {
	width: 140px;
	font: 12px Arial,  Helvetica, sans-serif; 
  color: #000000;
}

/* drugi box desno - početak */

#boxRtDTop {
	background: url("http://titlovi.com/images/controlpanel/box2_rt_top.gif") no-repeat left top;
	height: 8px;
	width: 198px;
	overflow: hidden;
	margin-top: 15px;
}

/* sredina drugog boxa, iam border i sliku po sredini s ima i posebnu klasu za ie6 zbog visine */

#boxRtDMid {
	background: url("http://titlovi.com/images/controlpanel/boxRtDMid_bkg.gif") no-repeat left top;
	background-color: #1a1e22;
	border-left: 2px solid #505f6b;
	border-right: 2px solid #505f6b;
	width: 172px;
	min-height: 77px;
	padding-top: 6px;
	padding-left: 11px;
	padding-right: 11px;
}

*html #boxRtDMid {
	height: 77px;
}

/* definiran div unutar boxRtDMid u kojem je naslov */

#boxRtDMid div {
	font: bold 17px Arial,  Helvetica, sans-serif; 
	color: #c6ddf1;
	padding-bottom: 24px;
}

/* linkovi unutar boxRtDMid */

#boxRtDMid a {
	font: bold 12px Arial,  Helvetica, sans-serif; 
	color: #8ec2ef;
}

#boxRtDMid a:hover {
	text-decoration: none;
}

/* donji dio drugog boxa desno */

#boxRtDPot {
	background: url("http://titlovi.com/images/controlpanel/box2_rt_bot.gif") no-repeat left top;
	height: 8px;
	width: 198px;
	overflow: hidden;
}

/* početak trećeg boxa desno */

#boxRtTTop {
	background: url("http://titlovi.com/images/controlpanel/box2_rt_top.gif") no-repeat left top;
	height: 8px;
	width: 198px;
	overflow: hidden;
	margin-top: 15px;
}

/* sredni dio trećeg boxa desno, ista stvar s visinom */

#boxRtTMid {
	background: url("http://titlovi.com/images/controlpanel/boxRtTMid_bkg.gif") no-repeat left top;
	background-color: #1a1e22;
	border-left: 2px solid #505f6b;
	border-right: 2px solid #505f6b;
	width: 172px;
	min-height: 205px;
	padding-top: 6px;
	padding-left: 11px;
	padding-right: 11px;
}

*html #boxRtTMid {
	height: 205px;
}

/* naslov */

#boxRtTMid div {
	font: bold 17px Arial,  Helvetica, sans-serif; 
	color: #c6ddf1;
	padding-bottom: 16px;
}

/* ul unutar trećeg boksa, definiran text i pozicija */

#boxRtTMid ul {
	margin: 0px;
	padding: 0px;
	font: 12px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
	margin-left: 16px;
}

#boxRtTMid ul li {
	padding-bottom: 11px;
}

#boxRtTMid ul a {
	display: block;
	padding-bottom: 9px;
	font: bold 12px Arial,  Helvetica, sans-serif; 
	color: #8ec2ef;
}

#boxRtTMid ul a:hover {
	text-decoration: none;
}

/* kraj trećeg boxa */

#boxRtTPot {
	background: url("http://titlovi.com/images/controlpanel/box2_rt_bot.gif") no-repeat left top;
	height: 8px;
	width: 198px;
	overflow: hidden;
}

/* footer, 750px širog centriran i centriran je terxt u njemu */

#foot {
	background: url("http://titlovi.com/images/controlpanel/foot.gif") no-repeat left top;
	height: 66px;
	width: 898px;
	margin: auto;
	margin-top: 3px;
	text-align: center;
	padding-top: 21px;
}

/* klasa za definiranje fonta linkova, oni koji imaju crtu imaju i klasu def, takod a zadnji u svakom redu to nema */

#foot a {
	font: bold 11px Arial,  Helvetica, sans-serif; 
	color: #8ec2ef;
	padding-left: 8px;
}

#foot a.def {
	padding-right: 10px;
	background: url("http://titlovi.com/images/controlpanel/sep_foot.gif") no-repeat right bottom;
}

#foot a:hover {
	text-decoration: none;
}

/* treca stranica */

/* header s slikom u pzadini širine 898px */

#headBig {
	background: url("http://titlovi.com/images/controlpanel/head_big.jpg") no-repeat top;
	height: 96px;
	width: 898px;
	margin: auto;
	text-align: left;
	padding-top: 18px;
}

/* gornji meni pozicioniran je preko lijeve margine tako da će se ako se dodaje nešto trebati porihati i svi linkovi osim imena imaju klasu top, mail ima klasu mail */

#headBig ul {margin: 0px; margin-left: 549px; padding: 0px; text-align: left; list-style: none;}
#headBig ul li { float: left; margin: 0px; }

#headBig ul a.top{
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
	text-decoration: underline;
	display: block;
	float: left;
	display: inline;
	padding-left: 8px;
	margin-right: 7px;
	height: 15px;
	overflow: hidden;
	background: url("http://titlovi.com/images/controlpanel/head_sep.gif") no-repeat top left;
}


#headBig ul a.top:hover {
	color: #ffffff;
}

#headBig ul a.topAkt {
	font: bold 12px Arial,  Helvetica, sans-serif; 
	text-decoration: none;
	display: block;
	float: left;
	display: inline;
	margin-left: 15px;
	height: 15px;
	overflow: hidden;
	padding-bottom: 3px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#headBig ul a.mail {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #ffffff;
	text-decoration: none;
	display: block;
	float: left;
	display: inline;
	margin-right: 5px;
	height: 15px;
	overflow: hidden;
}

#headBig ul a.mail:hover {
	text-decoration: underline;
}

/* klsas za container u kojem je i lijeva i desna kolona */

#sajtBig {
	width: 898px;
	margin: auto;
	text-align: left;
	background-color: #000000;
	padding-bottom: 20px;
}

#topMen {
	background: url("http://titlovi.com/images/controlpanel/top_bkg.gif") repeat-x top left;
	height: 72px;
	padding-left: 10px;
	margin-bottom: 4px;
}

/* ovo je ovaj gornji meni koj ima postavljanje sadržaja, postavke i to, e sad on je malo zeznut u toliko jer ima ove zarundane okvire nisam htio napravit ga takod a je fix širina je je moguće da će biti još stavki
tako da linkovi imaju klasu def osim zadnjeg koji je bez pozadine taj ima klasu pog, unutar linka se nalaze leftMenPt i rightMenPt i to su zapravo ovi krajevi tabova koji imaju zaobljene rubove */

#topMen ul {margin: 0px; padding: 0px; text-align: left; list-style: none; padding-top: 5px;}
#topMen ul li { float: left; margin: 0px; padding: 0px; }

/* ovo je klasa za ie6 da mu ovaj način ne radi probleme */

*html #topMen ul li {width: 1%; white-space: nowrap;}

/* ove klase ispod su za tabove dakle .def je srednji dio a leftMenPt je lijevi a rightMenPt desni */

#topMen a.def {
	display: block;
	float: left;
	background: url("http://titlovi.com/images/controlpanel/top_men_it.gif") repeat-x top left;
	height: 37px;
	font: 15px Arial,  Helvetica, sans-serif; 
  color: #abd3f5;
	margin-left: 2px;
}

.leftMenPt {
	background: url("http://titlovi.com/images/controlpanel/leftMenPt.gif") no-repeat top left;
	height: 35px;
	padding-left: 24px;
	cursor: pointer;
}

.rightMenPt {
	background: url("http://titlovi.com/images/controlpanel/rightMenPt.gif") no-repeat top right;
	height: 23px;
	padding-right: 24px;
	padding-top: 12px;
}

#topMen a.def:hover {
	display: block;
	float: left;
	background: url("http://titlovi.com/images/controlpanel/top_men_it.gif") repeat-x bottom left;
	height: 37px;
	font: 15px Arial,  Helvetica, sans-serif; 
  color: #dfebf6;
	margin-left: 2px;
	text-decoration: none;
}

#topMen a.defAkt {
	display: block;
	float: left;
	background: url("http://titlovi.com/images/controlpanel/top_men_it.gif") repeat-x bottom left;
	height: 37px;
	font: bold 15px Arial,  Helvetica, sans-serif; 
  color: #dfebf6;
	margin-left: 2px;
	text-decoration: none;
}

a.def:hover .leftMenPt {
	background: url("http://titlovi.com/images/controlpanel/leftMenPt.gif") no-repeat bottom left;
	height: 37px;
	padding-left: 24px;
}

a.def:hover .rightMenPt {
	background: url("http://titlovi.com/images/controlpanel/rightMenPt.gif") no-repeat bottom right;
	height: 25px;
	padding-right: 24px;
	padding-top: 12px;
}

/* na hover .def se mijenjau istot ako i leftMenPt i rightMenPt */

.pog {
	font: 15px Arial,  Helvetica, sans-serif; 
  color: #abd3f5;
	margin-left: 20px;
	display: block;
	float: left;
	height: 23px;
	padding-top: 12px;
}

.pog:hover {
	font: 15px Arial,  Helvetica, sans-serif; 
  color: #dfebf6;
	text-decoration: none;
}

/* podmeni ima samo klase za formatiranje teksta i pozicioniranje, svaka stavka ima porder i dobije pozadinsku boju na hover */

.podM {
	font: 13px Arial,  Helvetica, sans-serif; 
  color: #abd3f5;
	padding-left: 22px;
	padding-right: 22px;
	display: block;
	float: left;
	padding-top: 9px;
	padding-bottom: 4px;
	border-right: 1px solid #738b9f;
}

.podM:hover {
	background-color: #738b9f;
	text-decoration: none;
	color: #ffffff;
}

#subMen {
	padding-left: 18px;
}

/* klasa za container u kojen je sve u lijevoj koloni ispod menia, ima u pozadini ovu sivu koja ima crnu crtu koja odvaja kolone */
.pozadinaCol2 {
	background: url("http://titlovi.com/images/controlpanel/bkg_crte.gif") repeat-y top left;
	width: 898px;
}

/* lijeva kolona */
#leftPtT {
	width: 654px;
	float: left;
	padding-left: 16px;
	padding-top: 12px;
}


/* desna kolona */
#rightPtT {
	width: 216px;
	float: left;
	margin-left: 2px;
	padding-left: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
}

.naslovTreca {
	font: bold 15px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
}

/* editor, ovo je samo pokazno da se vidi kako bi text mogao biti formatiran, klase se zovu prema text u linkovima */

#editor {
	width: 647px;
	height: 350px;
	background: url("http://titlovi.com/images/controlpanel/editor.gif") no-repeat top left;
	margin-top: -11px;
	position: relative;
	padding-bottom: 29px;
}

.uredi {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #438bc9;
	display: block;
	margin-left: 489px;
	padding-top: 6px;
	float: left;
	display: inline;
}

.sastavi {
	font: 12px Arial,  Helvetica, sans-serif; 
  color: #2f3336;
	display: block;
	margin-left: 28px;
	padding-top: 6px;
	float: left;
}

.pregled {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #438bc9;
	display: block;
	margin-left: 592px;
	padding-top: 6px;
	margin-top: 15px;
}

.opcije {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #438bc9;
	display: block;
	margin-left: 9px;
	margin-top: 271px;
	padding-left: 10px;
	background: url("http://titlovi.com/images/controlpanel/strelica_editor.gif") no-repeat left;
}

.spob {
	width: 133px;
	height: 25px;
	background: url("http://titlovi.com/images/controlpanel/novi_pos.gif") no-repeat left top;
	display: block;
	font: bold 13px Arial,  Helvetica, sans-serif; 
  color: #e1f0fd;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	float: left;
	margin-right: 13px;
}

.spob:hover {
	background: url("http://titlovi.com/images/controlpanel/novi_pos.gif") no-repeat left bottom;
}

.povr {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
}

.povr:hover {
	text-decoration: none;
}

/*  četvrta */

#topMidNa {
	text-align: right;
	width: 646px;
	font: 13px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
	padding-bottom: 13px;
}

#topMidNa .topSel {
	margin-top: 2px;
	width: 277px;
	float: right;
}

#topMidNa .list_links {
	margin-top: 14px;
	width: 646px;
	float: left ;
	text-align:center;
}

#topMidNa .list_links a{
	font: bold 15px Arial,  Helvetica, sans-serif; 
	color: #8ec2ef;
	text-decoration:none;
}

.noviPost {
	background: url("http://titlovi.com/images/controlpanel/novi_pos.gif") no-repeat top left;
	display: block;
	width: 133px;
	height: 26px;
	float: left;
	font: bold 13px Arial,  Helvetica, sans-serif; 
  color: #e1f0fd;
	text-decoration: none;
	text-align: center;
	padding-top: 9px;
}

.noviPost:hover {
	background: url("http://titlovi.com/images/controlpanel/novi_pos.gif") no-repeat bottom left;
}

/* head tablice */

#tablicaHead {
	background: url("http://titlovi.com/images/controlpanel/head_tablica.gif") no-repeat top left;
	width: 631px;
	height: 58px;
	padding-left: 15px;
}

/* lijevi dio unutar heada s linkovima */

#headLt {
	padding-top: 10px;
	font: 12px Arial,  Helvetica, sans-serif; 
  color: #c6d2db;
	width: 173px;
	float: left;
}

#headLt a {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
}

#headLt a:hover {
	text-decoration: none;
}

/* desni dio unutar heada s linkovima */

#headRt {
	font: 12px Arial,  Helvetica, sans-serif; 
	color: #c6d2db;
	width: 440px;
	float: left;
	text-align:right;
	padding-top: 10px;
}

#headRt b {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #e7edf2;
}

#headRt a {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
}

#headRt a:hover {
	text-decoration: none;
}

/* red tablice ima bordere i pozadinu i unutar njga je 5 kolona koje imaju klase col1, col2... */

.redTabl {
	width: 636px;
	background-color: #313941;
	border-left: 5px solid #5f7282;
	border-right: 5px solid #5f7282;
	border-top: 1px solid #7b8086;
	padding-top: 21px;
	padding-bottom: 23px;
}

.col1 {
	width: 125px;
	float: left;
	padding-left: 10px;
}

.col1 input {
	padding: 0px;
	margin: 0px;
	width: 13px;
}

.col1 a {
	font: bold 15px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
	text-decoration: none;
	padding-left: 4px;
}

.col1 a:hover {
	text-decoration: underline;
}

.col1_small {
	width: 70px;
	float: left;
	padding-left: 10px;
}

.col1_small input {
	padding: 0px;
	margin: 0px;
	width: 13px;
}

.col1_small a {
	font: bold 15px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
	text-decoration: none;
	padding-left: 4px;
}

.col1_small a:hover {
	text-decoration: underline;
}

.col2 {
	width: 181px;
	float: left;
	padding-right: 47px;
	padding-top: 2px;
	font: 13px Arial,  Helvetica, sans-serif; 
	color: #a0aab2;
}

.col2_big {
	width: 350px;
	float: left;
	padding-right: 47px;
	padding-top: 2px;
	font: 13px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
}

/* klasa za link sa strelicom, strelica je klasa u kojoj strelica pokazuje lijevo a strelicaDown prema dolje */

.strelica {
	background: url("http://titlovi.com/images/controlpanel/strelica.gif") no-repeat top left;
	padding-left: 10px;
	font: 15px Arial,  Helvetica, sans-serif; 
	color: #e7edf2;
	text-decoration: underline;
	display: block;
}

.strelica_release {
	background: url("http://titlovi.com/images/controlpanel/strelica.gif") no-repeat top left;
	padding-left: 19px;
	font: 12px Arial,  Helvetica, sans-serif; 
	color: #e7edf2;
	text-decoration: none;
	display: block;
}

.strelicaDown {
	background: url("http://titlovi.com/images/controlpanel/strelicad.gif") no-repeat top left;
	padding-left: 19px;
	font: 13px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
	text-decoration: none;
	display: block;
}

.col3 {
	width: 100px;
	float: left;
	font: 13px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
	text-align: right;
	padding-right: 20px;
}

.col3 a {
	font: 13px Arial,  Helvetica, sans-serif; 
  color: #c6ddf1;
	text-decoration: none;
}

.col4 {
	width: 98px;
	float: left;
	font: 13px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
}

.col4 span {
	color: #e7edf2;
}

.col5 {
	width: 50px;
	float: left;
	font: 13px Arial,  Helvetica, sans-serif;
}

.col5 span {
	color: #e7edf2;
}

.col5 a {
	font: bold 13px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
	text-decoration: none;
}

.col5 a:hover {
	text-decoration: underline;
}

/* kraj tablice */

#botTab {
	background: url("http://titlovi.com/images/controlpanel/boot_tabl.gif") no-repeat top left;
	width: 625px;
	height: 45px;
	font: 12px Arial,  Helvetica, sans-serif; 
  color: #c6d2db;
	text-align: right;
	padding-right: 21px;
	padding-top: 14px;
	margin-bottom: 50px;
}

#botTab a {
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
}

#botTab a:hover {
	text-decoration: none;
}

/* druga */


/* ljevi dio gdje naslov za stavku */

.leftPtDr {
	width: 158px;
	float: left;
	font: bold 15px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
	padding-top: 2px;
	padding-right: 20px;
}


/* ovo je klasa za container gumba spremi i samo se tamo koristi */
.rightPtDrZ {
	width: 400px;
	float: left;
	font: 12px Arial,  Helvetica, sans-serif; 
  color: #c6d2db;
	padding-right: 70px;
}

.rightPtDrZ a {
	font: 12px Arial,  Helvetica, sans-serif; 
  color: #c6d2db;
	padding-right: 70px;
}

/* desni dio gdje su tekstovi i input polja */

.rightPtDr {
	width: 400px;
	float: left;
	font: 12px Arial,  Helvetica, sans-serif; 
  color: #c6d2db;
	padding-right: 70px;
}

.rightPtDr a {
	font: 12px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
	text-decoration: none;
}

.rightPtDr a:hover {
	text-decoration: underline;
}

/* input polja su širine 400px */

.inpDr {
	width: 400px;
}

.inpDrT {
	width: 400px;
	height: 100px;
	margin-bottom: 10px;
}

.inpDrS {
	margin-bottom: 10px;
}

/* sreparator redova, nacrta crtu a ujedno i cleara svaki red */

.sepDr {
	clear: both;
	height: 15px;
	overflow: hidden;
	border-bottom: 1px solid #7b8086;
	width: 638px;
	margin-bottom: 20px;
}

/* link dole spremi */

.spob2 {
	width: 133px;
	height: 25px;
	background: url("http://titlovi.com/images/controlpanel/novi_pos.gif") no-repeat left top;
	display: block;
	font: bold 13px Arial,  Helvetica, sans-serif; 
  color: #e1f0fd;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
}

.spob2:hover {
	background: url("http://titlovi.com/images/controlpanel/novi_pos.gif") no-repeat left bottom;
	text-decoration: none;
}

/* response stranica */

#upNas2 {
	margin-left: 2px;
	width: 300px;
	float: left;
	font: bold 17px Arial,  Helvetica, sans-serif; 
  color: #c6ddf1;
}

.stvori2 {
	display: block;
	width: 90px;
	float: left;
	background: url("http://titlovi.com/images/controlpanel/stv_sep.gif") no-repeat right;
	font: bold 12px Arial,  Helvetica, sans-serif; 
  color: #8ec2ef;
}

.stvori2:hover {
	text-decoration: none;
}

#upLnk2 {
	width: 150px;
	float: left;
	padding-top: 1px;
}

.imdb_select {
	background: url("http://titlovi.com/images/controlpanel/strelica.gif") no-repeat top left;
	padding-left: 19px;
	font: 13px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
	text-decoration: none;
	display: block;
}

.imdb_id {
	padding-left: 19px;
	font: 13px Arial,  Helvetica, sans-serif; 
  color: #a0aab2;
	text-decoration: none;
	display: block;
}
