/*****   CSS document   *****/

/****************************\
| Author:     Obrad Mirkovic |
| Copyright:  Obrad Mirkovic |
| Date:       April 2010.    |
\****************************/


* { margin: 0; padding: 0; border: none;}

body {
	margin: 0; padding: 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background-color: #070707;
}

/************************\
|   RASPORED ELEMENATA   |
\************************/

#zaglavlje, #telo, #podnozje {
	margin: 0 auto;
	width: 960px;
}
#zaglavlje {
	margin-top: 15px;
	background-color: #000;
}
#telo {
	clear: both;
	background-color: #000;
}
#podnozje {
	clear: both;
	color: #8E8E8E;
	background-color: #070707;
}

#nav, #sadrzaj {
	margin: 0; padding: 0;
}
#nav {
	height: 80px;
	border-top: 10px solid #F0F0F0;
	border-right: 10px solid #F0F0F0;
	border-left: 10px solid #F0F0F0;
}
#sadrzaj {
	height: 480px;
	border-right: 10px solid #F0F0F0;
	border-bottom: 10px solid #F0F0F0;
	border-left: 10px solid #F0F0F0;
}

/************************\
|  RASPORED: NAVIGACIJA  |
\************************/

#nav {
	position: relative;
}
#zaglavlje .logo {
	position: absolute;
	top: 0; left: 0;
}
#nav ul#meni {
	position: absolute;
	top: 5px; left: 360px;
}
#nav ul#podmeni-kol {
	position: absolute;
	top: 40px; left: 360px;
}
#nav ul#podmeni {
	position: absolute;
	top: 40px; left: 360px;
}
#nav a#pismo {
	position: absolute;
	top: 5px;
	right: 15px;
	z-index: 100;
}

/************************\
|   RASPORED: SADRZAJ    |
\************************/

#sadrzaj {
	position: relative;
}

#sadrzaj .kol_1 {
	position: relative;
	float: left;
	width: 330px;
	height: 480px;
}
#sadrzaj .kol_2 {
	position: relative;
	float: left;
	width: 290px;
	height: 480px;
}
#sadrzaj .kol_3 {
	position: relative;
	float: right;
	width: 320px;
	height: 480px;
}

/************************\
|   RASPORED PODNOZJE    |
\************************/

#podnozje .kol-1 {
	float: left;
	width: 330px;
	padding-left: 35px;
}
#podnozje .kol-2 {
	float: left;
	width: 320px;
}

/************************\
|       NAVIGACIJA       |
\************************/

#nav ul {
	list-style-type: none;
}
#nav ul li {
	display: inline;
	font-weight: bold;
	margin-right: 12px;
}
#nav ul li a {
	text-decoration: none;
}
#nav ul li a:link, #nav ul li a:visited {
	color: #FFF;
}
#nav ul li a:hover {
	color: #8E8E8E;
}
#nav li.ova-st {
	color: #AB2B34;
}

/***********************\
|        SADRZAJ        |
\***********************/

.sadrzaj-tekst {
	padding: 35px 35px 13px 30px;
	height: 432px;
	overflow: auto;
}
.sadrzaj-slika {
	position: absolute;
	bottom: 10px; left: 30px;
}
.sadrzaj-video {
	position: absolute;
	top: 20px; left: 15px;

}
.traka {
	position: absolute;
	bottom: 10px; right: 0;
	width: 210px;
	height: 438px;
	overflow: auto;
}
.traka-mala {
	position: absolute;
	bottom: 10px; right: 0;
	width: 120px;
	height: 438px;
	overflow: auto;
}

/************************\
|         SLIKE          |
\************************/

.sl-o { border: 1px solid #8E8E8E; }
.sl-bo { border: 1px solid #222; }
.thumbs img { border: 1px solid #8E8E8E;}
.thumbs img:hover { border: 1px solid #333; }
.thumbs a {
	display: block;
	float: right;
	width: 70px; height: 105px;
	margin-bottom: 14px; margin-right: 14px;
	border: none;
}

/************************\
|         TEKST          |
\************************/

h1, h2, h3, p, ul {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {font-size: 120%; line-height: 1.5em; margin-bottom: 0.6em;}
h2 {font-size: 100%; line-height: 1.5em; margin-bottom: 0.6em;}
h3 {font-size: 90%; line-height: 1.5em; margin-bottom: 0.6em;}
#zaglavlje ul { font: bold 110% 'Trebuchet MS', Arial, Helvetica, sans-serif; }
#sadrzaj p { font-size: 80%; line-height: 1.4em; margin-bottom: 0.6em; color: #F0F0F0; }
#sadrzaj ul li {font-size: 80%; line-height: 1em; }
#sadrzaj a { text-decoration: none; }
#sadrzaj a:link, #sadrzaj a:visited { color: #F0F0F0; }
#sadrzaj a:hover { color: #8E8E8E; }
#podnozje p { font-size: 60%; line-height: 1em; padding-top: 3px; }
#podnozje address { font-size: 60%; line-height: 1em; padding-top: 3px; padding-left: 3px;}
#podnozje a { text-decoration: none; }
#podnozje a:link, #podnozje a:visited { color: #8E8E8E; }
#podnozje a:hover { color: #FFF; }

/************************\
|  ELEMENTI JAVASCRIPTA  |
\************************/

#zemlja {
	padding: 2px;
	font: bold 100% Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #DCDCDC;
	border: 2px solid #DCDCDC;
}
ul.gradovi { list-style-type: none; }
ul.gradovi li { margin-bottom: 3px; }
ul#prodavnice li { font-size: 110%; line-height: 1.5em; }

/* prikaz */

#zemlja, ul#sr, ul#cg, ul#rs, ul#prodavnice li {
	display: none;
}
#podmeni-kol {
	display: none;
}