/* Overheat Tuning CSS for TuningTube - CopyRight 2010 Radulovic Stevan - V1.0 */

@import 'Overheat_CSS_Dodaci.css';
@import 'Overheat_Forum.css';
@import 'Overheat_CSS_Ocene_Albuma.css';

html, body {
	margin: 0;
	padding: 0;
	background: #121212;
	color: #777;
	font: 11px verdana, arial;
	text-align: center;
	min-width:900px;
}
/* --- Definisanje osnovnih elemenata --- */
#TuningTube {
	margin:0px;
	/* background:url(../grafika/bcg.gif) repeat-x; */
	background:url(../flash/flash_pozadina_grad.jpg) center top no-repeat;
	
}
#Header{
	height:250px;
	/* background:url(../grafika/header/header.gif) center no-repeat; */
	
}
#Kontejner {
	text-align:left;
	margin:0px 0px; margin:0 200px 0 200px;
	/* min-height:300px; */
}
#Kontejner_Foruma, #Kontejner_Siroki {
	text-align:left;
	margin:0px 0px; padding:0 10px 0 200px;
	min-height:300px;
}
#Sadrzaj {
	text-align:left;
	border: 1px solid #444444;
	/* background:#fff; */ background:url(../grafika_v2.0/sadrzaj_bcg.gif) repeat-x #252525;
}
#Levi-Meni{
	position:absolute; top:200px; left:10px;
	width:180px;
	background:none;
}
#Desni-Meni{
	position:absolute; top:200px; right:10px;
	width:180px;
	background:none;
}
/* --- Nav za glavnu navigaciju --- */
#Glavna_Navigacija {
	height:35px;
	background:url(../grafika_v2.0/Navigacija/pozadina_navigacije.jpg) repeat-x #252525;
}

UL, OL{margin:0;padding:0;list-style:none}

.IE #Glavna_Navigacija{margin-top:28px}
#Glavna_Navigacija LI{float:left;height:35px;padding:0;background-image:none;}
.IE #Glavna_Navigacija LI{width:0}
#Glavna_Navigacija LI A{display:block;height:35px;text-decoration:none;padding:0;outline-style:none;text-indent:-9999px}
#Glavna_Navigacija LI A:hover{background-position:0 -35px}
#Glavna_Navigacija LI#Aktivan_Glavni_Link A{background-position:0 -70px}

.NavPocetna A{width:112px;background:url(../grafika_v2.0/Navigacija/pocetna.jpg) left top no-repeat}
.NavTuningGalerija A{width:164px;background:url(../grafika_v2.0/Navigacija/tuning_galerija.jpg) left top no-repeat}
.NavAutomobiliČlanova A{width:200px;background:url(../grafika_v2.0/Navigacija/automobili_clanova.jpg) left top no-repeat}
.NavVirtualniTuning A{width:170px;background:url(../grafika_v2.0/Navigacija/virtualni_tuning.jpg) left top no-repeat}
.NavInfo A{width:78px;background:url(../grafika_v2.0/Navigacija/info.jpg) left top no-repeat}
.NavForum A{width:98px;background:url(../grafika_v2.0/Navigacija/forum.jpg) left top no-repeat}
.NavKontrolniPanel A{width:172px;background:url(../grafika_v2.0/Navigacija/kontrolni_panel.jpg) left top no-repeat}
.NavBlogovi A{width:107px;background:url(../grafika_v2.0/Navigacija/blogovi.jpg) left top no-repeat}
.NavRegistracija A{width:142px;background:url(../grafika_v2.0/Navigacija/registracija.jpg) left top no-repeat}
/* ---
Definisanje glavnih osobina Linkova
--- */
a:link {
	color:#ff6600;
	text-decoration:none;
	}
a:visited {
	color:#ff6600;
	text-decoration:none;
	}
a:hover {
	color:#ff6600;
	text-decoration:underline;
	}
a:active {
	color:#ff6600;
	text-decoration:none;
}
/* ---
Definisanje sekundarnih elemenata
--- */
.Desni-pod-Meni{
	margin-bottom:10px;
	background: url(../grafika_v2.0/sadrzaj_bcg.gif) repeat-x #252525; border: 1px solid #444;
}
.Levi-pod-Meni{
	margin-bottom:10px;
	background: url(../grafika_v2.0/sadrzaj_bcg.gif) repeat-x #252525; border: 1px solid #444;
}
.info {
border: 1px solid #444;
margin:10px;
/* NOVO */
background: url(../grafika_v2.0/sadrzaj_bcg.gif) repeat-x #252525;
/*
-moz-border-radius: 10px;
border-radius: 10px;
*/
}
.info2 { /* pocetna stranica - top 4 slike */
border: 1px solid #444;
padding:8px 0px; text-align:center;
border-left:none; border-right:none;
}
.tabela_info_pitanja {
background: #ECF3F7;
}
.tabela_info_pitanja a {
color: #105289;
}
.prijava {
position: absolute;
left: 25px; top: 15px;
color: #666;
font-size:11px;
text-align:left;
}

.greska {
margin: 10px;
padding: 3px;
padding-left: 10px;
background: #ffc9c9;
}

.greska_v2 {
height:30px;
font-weight: bold;
color:#E12D00;
padding-left: 35px;
padding-top: 7px;
background: url(../grafika_v2.0/znak_uzvika.gif) no-repeat left top;
}

#flashMessage {
border: 1px solid #f1f1f1;
background: #fff;
}
.senka {
	/* background: url(../grafika/sadrzaj_pod_menia_bcg.jpg) bottom repeat-x #fff; */
	/* Senka v2.0 */
	background: url(../grafika_v2.0/senka.jpg) bottom repeat-x #252525;
}
/* ---
Definisanje Komentara
--- */
.komentar {
	margin:10px 10px 10px 0px; padding:2%;
	background:#FDFDFD; border: 1px solid #f1f1f1;
}
.rank_komentatora {
	float:left; width:20%;
	margin:0px;
	background:#f1f1f1; border: 0px solid #f1f1f1;
}
.telo_komentara {
	float:right; width:78%; /* max => 80% */
	margin:0px;
	background:none; border: 0px solid #f1f1f1;
}
#dugmici_komentara {
	float:left;
	margin:10px; margin-bottom:0px;
}
/* ---
Inner Slika
--- */
#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}
.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff; padding: 5px;
	border: 1px solid #f1f1f1;
}
/* ---
Citac Slike
--- */
#loader_container {text-align:center;position:absolute;top:40%;width:100%}
#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}
/*
#preview_div{
	background:#f1f1f1;
}
.border_preview{
	margin: 10px; border: none;
}

#flashMessage {width:400px;
color:#FF0000;
border-bottom: 2px solid #FF0000;
border-top: 1px solid #FF0000;
font-size: 16px;
margin: 8px 0px;
font-weight: bold;
padding: 10px;}
*/
/* ---
Nav_Galerija
--- */
#Nav_Galerija {
	border: 1px solid #444444; border-bottom: none; margin-bottom:10px;
	/* Desni border se ne vidi zbog prevelike sirine od 175px ?! */
}

#Nav_Galerija ul {
	padding: 0;
	margin: 0;
	line-height: 15px;
}
#Nav_Galerija li {
	border-bottom: 1px solid #444444;
	list-style: none;
	margin: 0;
}
#Nav_Galerija a {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #87ACBB;
	padding-left: 5px;
	width: auto; /* <- odgovarajuce vrednosti: auto, max */
	background: url(../grafika_v2.0/link_galerije_pozadina.jpg) repeat-y #252525;
}
#Nav_Galerija a:hover {
	color: #fff;
	background: #C3D3E2;
}
#Nav_Galerija ul a.aktivan_link_0, #Nav_Galerija ul a.aktivan_link_1, #Nav_Galerija ul a.aktivan_link_2, #Nav_Galerija ul a.aktivan_link_3, #Nav_Galerija ul a.aktivan_link_4, #KP_Aktivan_Link {
	color: #fff;
	background: #A26B6B;
}
#Nav_Galerija ul a.aktivan_pod_link_0, #Nav_Galerija ul a.aktivan_pod_link_1, #Nav_Galerija ul a.aktivan_pod_link_2, #Nav_Galerija ul a.aktivan_pod_link_3, #Nav_Galerija ul a.aktivan_pod_link_4 {
	color: #87ACBB;
	background: #fff;
	/* trenutno bez razlike.. */
}
/* ---
Nav_Galerija Efekti
--- */
#Nav_Galerija li#aktivan_link a { /* --- Moze da se uhvati i preko samo [li#aktivan_link a] ! --- */
	color: #fff;
	background: #A26B6B;
}
#Nav_Galerija ul a.aktivan_link_0, #Nav_Galerija ul a.aktivan_pod_link_0 {
	padding-left: 5px;
}
#Nav_Galerija ul a.aktivan_link_1, #Nav_Galerija ul a.aktivan_pod_link_1 {
	padding-left: 10px;
}
#Nav_Galerija ul a.aktivan_link_2, #Nav_Galerija ul a.aktivan_pod_link_2 {
	padding-left: 13px;
}
#Nav_Galerija ul a.aktivan_link_3,#Nav_Galerija ul a.aktivan_pod_link_3 {
	padding-left: 16px;
}
#Nav_Galerija ul a.aktivan_link_4, #Nav_Galerija ul a.aktivan_pod_link_4 {
	padding-left: 19px;
}
#Nav_Galerija ul a.pod_link_0 {
	padding-left: 5px;
}
#Nav_Galerija ul a.pod_link_1 {
	padding-left: 10px;
}
#Nav_Galerija ul a.pod_link_2 {
	padding-left: 13px;
}
#Nav_Galerija ul a.pod_link_3 {
	padding-left: 16px;
}
#Nav_Galerija ul a.pod_link_4 {
	padding-left: 19px;
}
/* ---
Nav
--- */
#Nav ul {
	padding: 0;
	margin: 0;
	line-height: 15px;
}

#Nav li {
	display: inline;
	list-style: none;
	margin: 0;
}
#Nav a {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #666;
	padding:0px 10px 0px 10px;
	display: inline; 
	background: #fff;
	font-weight:bold;
}


#Nav a:hover, #Nav li#aktivan_link a:hover {
	color: #fff;
	background: #C3D3E2;
}


#Nav li#aktivan_link a { /* --- Moze da se uhvati i preko samo [li#aktivan_link a] ! --- */
	color: #000;
	background: #fff; /* #A26B6B; */
}
/* ---
ALBUM
--- */

/* ---
Head_Part -> sirina ustanovljena na 474px
--- */
.album-slika {
	float: left;
	padding-left: 10px;
	/*
	width: 146px;
	height: 175px;
	*/
}
.slika-albuma {
	text-align:center;
	list-style: none;
	margin-left:10px; margin-top:10px;
	/* width:584px; /* minimalna sirina za 4 male slike - ne ophodno za glupi IE6 */
}
.album-opis, .album-info {
	margin: 5px;
	margin-left: 15px;
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.4em;
	text-decoration: none;
}
.album-info {
	float:right;
	width: 60%;
	font-size: 1.3em;
	line-height: 1.5em;
}
/* ---
Definisanje Forme
--- */
form {
	padding: 0px; margin: 0px;
}
.fansy_forma input, textarea, select {
	/* width: 120px; */
	padding: 3px;
	background-color: #F3F4EC;
	color: #666;
	border: 1px solid #E6E6E6;
}

.fansy_forma input:focus { /* popotrebi dodati 'textarea:focus, select:focus' */
	background-color: white;
	color: #333;
}

.error {
font-weight: bold;
color:#FF3300;
padding-left: 18px;
background: url(../error.png) no-repeat left top;
}
/* ---
Definisanje txt atributa
--- */
h1 {
	margin: 0px; padding: 10px;
	text-align: left;
	color: #999;
	font-weight: normal;
	font-size: 20px;
	font-family: Lucida Sans Unicode, verdana, helvetica, sans-serif;
}
h2 {
	margin: 0px; padding: 10px;
	text-align: left;
	color: #999;
	font-weight: normal;
	font-size: 18px;
	font-family: Lucida Sans Unicode, verdana, helvetica, sans-serif;
}

h3 a:link, h3 a:visited, h2 a:link, h2 a:visited {
	color: #666;
}

p {
	margin: 0px; padding: 5px 10px 5px 10px;
	color: #777; /* 7C7C7C */
	text-align: left;
	font-size:120%; line-height:170%; /* za linkove -> font-size:110%; line-height:160%; */
}
/* ---
Definisanje txt dodataka
--- */
.op-test { /* dodaj komentar, opis slike */
	border: 1px solid #ececec;
	background:#FDFDFD;
	display: inline;
	margin: 15px;
	font-size:120%; line-height:170%;
}
.op-txt-polje { /* dodaj komentar, opis slike */
	background:#FDFDFD;
}
.naslov-test { /* dodaj komentar, opis slike */
	text-align: left;
	border: 1px solid #ececec;
	background:#FDFDFD;
	display: inline;
	padding: 5px;
	font-size:120%; line-height:170%;
}
.opis { /* ne iskoriscena klasa - galerija model - linija ~ 817 */
	background:#E1E9F0 /*E1E9F0, B4C0C8, E5EAE4, F3F4EC, EAECD6 | E9FFCE, f9*/; border: 1px solid #f1f1f1;
	padding:10px; margin:20px; margin-left:-10px; margin-right:0px; margin-bottom:0px;
	text-align:left;
}
.opis-automobila { /* galerija model - linija ~ 787 */
	margin: 15px;
}
/* ---
Definisanje txt pomocnika
--- */
.mali_txt {
	font-size:100%; line-height:100%;
}
/* ---
Definisanje slika
--- */
.thumb, .pregled_slike {
	border: 5px solid #C3D3E2;
	margin: 3px;
	background: #C3D3E2;
}
.pregled_slike {
	margin-left: -5px;
}
.glavni_thumb {
	border: 5px solid #C3D3E2;
	background: #C3D3E2;
}
.thumb:hover, .glavni_thumb:hover, .pregled_slike:hover {
  border: 5px solid #A26B6B;
}
img {
	border: none;
}
/* ---
Definisanje linkova
--- */
.multi_link {
padding-top: 10px;
}
a.povratak_gore {
	background: none no-repeat 0 50%;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(../grafika/povratak.gif);
}

#procenat {
margin:5px;
height:14px;
width:auto;
background-image: url(../grafika/bcg_glasanje_pozadina_prazno.png);
}

.procenat_zeleni {
float:left; /* Potrebno za glupi Imbecil Engine! */
height:14px;
background-image: url(../grafika/bcg_glasanje_zelena_pozadina_puno.png);
}

.procenat_crveni {
float:left; /* Potrebno za glupi Imbecil Engine! */
height:14px;
background-image: url(../grafika/bcg_glasanje_crvena_pozadina_puno.png);
}

.procenat_plavi {
float:left; /* Potrebno za glupi Imbecil Engine! */
height:14px;
background-image: url(../grafika/bcg_glasanje_pozadina_puno.png);
}

.fontic {
font-size:11px;
padding: 0px; padding-left: 5px;
}

.znaci_upozorenja {
padding: 2px;
}
/* ---
Pojasnjenje 1
--- */

/* --- Pojasnjenje 2 --- */

/* ---
NOVI DEV:
--- */
.dinamicna_opcija { /* isto kao i za: dodaj komentar, opis slike */
	margin:10px;
}
.dinamicna_navigacija { /* isto kao i za: dodaj komentar, opis slike */
	text-align: left;
	border: 1px solid #ececec;
	background:#FDFDFD;
	display: inline;
	padding: 5px;
	font-size:120%; line-height:170%;
}

.dinamican_sadrzaj {
	text-align: left;
	border: 1px solid #ececec;
	background:#FDFDFD;
	padding: 5px; margin-top: 10px;
}

/* PRETRAGA SAJTA */

#Pretraga {
	padding: 10px 5px 10px 10px;
}

#Pretraga #pretraga_sajta {
	width: 120px;
	padding: 3px;
	background-color: #f1f1f1;
	color: #666;
	border: 1px solid #E6E6E6;
}

#Pretraga #pretraga_sajta:focus {
	background-color: white;
	color: #333;
}

#Pretraga .trazi {
margin-bottom:-4px;
}

/* FaceBook */

.facebook {
	background: url("../grafika_v2.0/forum/ikone/facebook.gif") no-repeat;
	width: 20px; height: 20px;
}

/* Caskanje */

.caskanje {
	background: url("../grafika_v2.0/forum/ikone/caskanje.gif") no-repeat;
	width: 24px; height: 20px;
}

/* na brzinu samo izkopirano iz administracije css-a */

.tabela_V2 table {
	width: 100%;
	border: 1px solid #CCCFD3;
	background-color: #FFFFFF;
	padding: 1px;
}

.tabela_V2 th {
	padding: 3px 4px;
	color: #FFFFFF;
	background: #353535;
	text-align: left;
	font-size: 0.75em;
	text-transform: uppercase;
}

.tabela_V2 td {
	text-align: left;
	color: #999;
	font-size: 0.85em;
	padding: 4px;
	line-height: 1.20em;
}

.kolona1 {
	background: url(../grafika_v2.0/sadrzaj_bcg.gif) bottom repeat-x #353535;
}
.kolona2 {
	background: url(../grafika_v2.0/link_galerije_pozadina.jpg) repeat-y #252525;
}