/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/



/* Containers
----------------------------------------------------------------------------------------------------*/
.container_10 {
	margin-left: auto;
	margin-right: auto;
	height:100%;
	/*margin-left:0;
	margin-right:0;*/
	width: 1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background-color:#E1E1E1;
	}

body{
	background-color:#E1E1E1;
	text-align:left;
	height:100%;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_2_reklami,
.grid_2_meni,
.grid_2_naslovna,
.grid_2_info_half, 
.grid_2_info_full, 
.za_slika,
.grid_3,
.grid_3_left,
.grid_3_full,
.grid_3_napis,
.grid_3_oglas,
.grid_3_ppk,
.grid_3_napis_heder,
.grid_3_napis_heder_naracaj,
.grid_3_napis_futer_naracaj,
.grid_3_broj_info_pretplata,
.grid_3_naslovni,
.grid_4,
.grid_5,
.grid_5_udarna,
.grid_5_naracaj,
.grid_5_pretplata, 
.grid_5_naslovna,
.grid_6,
.grid_6_sodrzina,
.vertical_line,
.horizontal_line,
.horizontal_line_ppk,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.ppk_opis,
.ppk_cena,
.ppk_sifra,
.ppk_status,
.ppk_naracaj,
.broj_za_ppk,
.apstrakt_kniga,
.apstrakt_kniga_u,
.oglas_levo,
.oglas_desno{
	display:inline;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	/*background-color: #FFF;*/
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_10 .grid_1 {
	width:87px;
}

.grid_2_info_half {
	width:48%;
	margin:5px;
	margin-top:10px;
	padding:0;
	background-color:#D4ECFB;
	border-style:solid;
	border-width:1px;
	border-color:#2A7FAA;
	text-align:left;
}

.grid_2_info_half p{
	padding:3px;
	margin:2px;
	/*background-color:#AABFFF;*/

}

.grid_2_info_half h1{
	padding:3px;
	margin:0;
	font-size:10pt;
	font-weight:bold;
	background-color:#2A7FAA;
	color:#E5E5E5;
}

.grid_2_info_full {
	width:96%;
	padding:5px;
	margin:5px;
	margin-top:10px;
	background-color:#D4ECFB;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:#2A7FAA;
}

.grid_2_info_full .za_slika{
	width:45%;
	padding:0px;
	margin:10px;
	background-color:#D4ECFB;
	text-align:center;
	vertical-align:top;
}
.grid_2_info_full .za_slika p{
	font-size:10pt;
	color:#2A3F55;
	text-align:left;
	vertical-align:top;
	margin-top:0px;
	padding-top:0px;
}


.grid_2_info_full img{
	border-style:none;
	margin:7px;
	margin-bottom:3px;
}

.grid_3_full .grid_2 {
	margin:0;
	margin-right:10px;
	margin-bottom:10px;
	padding:0;
	background-color:#AABFFF;
}

.grid_3_full img{
	border-style:none;
	margin-right:10px;
}

.grid_2_meni {
	margin-top:6px;
	width:159px;
}

.grid_2_meni ul {
margin: 0;
padding: 0;
list-style-type: none;
} 

.grid_2_meni li {
margin: 2px 0 0;
} 

.grid_2_meni li a:link, .grid_2_meni li a:visited, .grid_2_meni li a:active {
display: block;
width:135px;
padding: 2px 2px 2px 15px;
border: 1px solid #000000;
color: #000000;
background:#CCC;
background-image:url(sliki/strelka1_meni.png);
background-position:left;
background-repeat:no-repeat;
text-decoration: none; /*lets remove the link underlines*/
font-weight:bold;
}
.grid_2_meni li a:hover {
color: #C33;
}
.grid_2_meni li a.active:link, .grid_2_meni li a.active:visited, .grid_2_meni li a.active:active, .grid_2_meni li a.active:hover {
color: #C33;
}

.prebaruvanje_button{
	width:148px;
}
.prebaruvanje_input{
	width:142px;
}

.grid_2_meni .prebaruvanje{
	display: block;
	width:148px;
	margin-top:5px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #000000;
	color: #000000;
	background:#CCC;
}

.prebaruvanje form{
	display: inline; 
	margin: 0;
	}

.container_10 .grid_2_reklami {
	width:202px;
	background-color:#CCC;
	text-align: center;
}

.grid_2_reklami img{
	border:none;
}

.container_10 .grid_3 {
	width:291px;
}

.grid_6_sodrzina .grid_3_left {
	/*width:292px;*/
	width:47%;
	margin:0px;
	padding:5px;
	background-color:#FFF;
	text-align: left;
	float:left;
}

.grid_6_sodrzina .grid_3_full {
	/*width:600px;*/
	width:94%;
	margin:0px;
	padding:5px;
	background-color:#FFF;
	text-align: left;
	float:left;
}

.grid_6_sodrzina .grid_3_napis {
	/*width:600px;*/
	width:97%;
	margin:5px;
	padding:5px;
	background-color:#FFF;
	text-align: left;
	float:left;
	/*border-style:solid;
	border-width:1px;
	border-color:#AA9FAA;
	background-color:#E6E6E6;*/
}

.grid_6_sodrzina .grid_3_oglas {
	/*width:600px;*/
	width:97%;
	margin:5px;
	/*padding:5px;
	background-color:#FFF;*/
	text-align: left;
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:#AA9FAA;
	background-color:#E6E6E6;
}

.grid_6_sodrzina .grid_3_ppk {
	/*width:600px;*/
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#FFF;
	text-align: left;
	float:left;
	/*border-style:solid;
	border-width:1px;
	border-color:#AA9FAA;
	background-color:#E6E6E6;*/
}

.grid_6_sodrzina .grid_3_napis_heder {
	/*width:600px;*/
	width:67%;
	margin:5px;
	padding:5px;
	text-align: left;
	float:left;
	/*border-style:solid;
	border-width:1px;
	border-color:#AA9FAA;
	background-color:#E6E6E6;*/
}

.naslov_kniga1{
	margin:0px;
	margin-bottom:5px;
	padding:0px;
}

.naslov_kniga{
	padding-left:10px;
	margin:0px;
}

.grid_6_sodrzina .grid_3_napis_heder_naracaj {
	/*width:600px;*/
	width:25%;
	margin:5px;
	padding:5px;
	text-align: center;
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:#AA9FAA;
	background-color:#FF7979;
}

.grid_6_sodrzina .grid_3_broj_info_pretplata {
	/*width:600px;*/
	width:300px;
	margin:5px;
	margin-left:150px;
	padding:5px;
	text-align: center;
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:#AA9FAA;
	background-color:#FF7979;
}

.grid_6_sodrzina .grid_3_napis_futer_naracaj {
	/*width:600px;*/
	width:96%;
	margin:5px;
	padding:5px;
	text-align: center;
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:#AA9FAA;
	background-color:#FADFEB;
}

.grid_3_left img{
	border-style:none;
	margin-right:10px;
	margin-bottom:2px;
}

.grid_3_full img{
	border-style:none;
	margin-right:10px;
	margin-bottom:2px;
}

.grid_3_napis img{
	border-style:none;
	margin-right:10px;
	margin-bottom:2px;
}

.grid_3_napis p{
	margin:0px;
	padding:0px;
}

.grid_3_ppk a{
	margin:0px;
	padding:0px;
	color:#333;
}

.grid_3_ppk a:hover{
	margin:0px;
	padding:0px;
	color:#C03;
}

.broj_za_ppk{
	margin:0px;
	margin-top:10px;
	padding:0px;
	padding-left:10px;
	width:370px;
}

.ppk_heder{
	margin-top:10px;
	margin-left:10px;
}

.ppk_naracaj{
	margin:0px;
	padding:0px;
	font-size:10pt;
	width:60px;
	float:left;
	vertical-align:bottom;
	text-align:center;
}

.ppk_naracaj_h{
	margin:0px;
	margin-top:10px;
	padding:0px;
	font-size:10pt;
	width:60px;
	float:left;
}

.ppk_opis{
	margin:0px;
	margin-left:10px;
	margin-bottom:3px;
	padding:0px;
	font-size:10pt;
	width:370px;
	float:left;
	vertical-align:bottom;
}
.ppk_sifra{
	margin:0px;
	padding:0px;
	font-size:10pt;
	width:70px;
	float:left;
	vertical-align:bottom;
}
.ppk_sifra_h{
	margin:0px;
	margin-top:10px;
	padding:0px;
	font-size:10pt;
	width:70px;
	float:left;
}

.ppk_status{
	margin:0px;
	padding:0px;
	font-size:10pt;
	width:65px;
	float:left;
	text-align:center;
}
.ppk_status_h{
	margin:0px;
	margin-top:10px;
	padding:0px;
	font-size:10pt;
	width:65px;
	float:left;
	text-align:center;
}

.ppk_cena{
	margin:0px;
	padding:0px;
	font-size:10pt;
	width:45px;
	float:left;
	vertical-align:bottom;
}

.ppk_cena_h{
	margin:0px;
	margin-top:10px;
	padding:0px;
	font-size:10pt;
	width:45px;
	float:left;
}

.grid_3_napis_heder img{
	border-style:none;
	margin-right:10px;
}

.grid_6_sodrzina .vertical_line {
	/*width:2px;*/
	width:2%;
	height:300px;
	/*margin:1px;*/
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	background-image:url(sliki/v_line.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

.grid_6_sodrzina .horizontal_line {
	width:615px;
	height:2px;
	margin:3px;
	margin-left:8px;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
	background-image:url(sliki/h_line.jpg);
	background-repeat:repeat-x;
}

.grid_6_sodrzina .horizontal_line_ppk {
	width:615px;
	height:2px;
	margin:3px;
	margin-left:8px;
	margin-top:0px;
	margin-bottom:5px;
	float:left;
	background-image:url(sliki/h_line.jpg);
	background-repeat:repeat-x;
}

.grid_6_sodrzina .grid_3{
	margin:0;
	width:100%;
	color:#333;
	font-weight: bold;
	text-align:right;
	
}

p.poveke{
	margin:0;
	width:100%;
	font-weight: bold;
	text-align:right;
	padding-top:3px;
}

p.poveke a{
	color:#333;
	font-weight: bold;
	background-image:url(sliki/strelka1_poveke.png);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration: none; /*lets remove the link underlines*/
	padding-left:15px;
}

.poveke a:hover {
	color: #C33;
} 

p.poveke_k{
	margin:0;
	width:95%;
	font-weight: bold;
	text-align:right;
	padding-top:3px;
}


p.poveke_k a{
	color:#333;
	font-weight: bold;
	background-image:url(sliki/strelka1_poveke.png);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration: none; /*lets remove the link underlines*/
	padding-left:15px;
}

.poveke_k a:hover {
	color: #C33;
	font-weight:bold;
} 

p.komentar{
	color:#333;
	font-weight:bold;
}

.container_10 .grid_4 {
	width:393px;
}

.container_10 .grid_5 {
	width:495px;
}

.grid_6_sodrzina .grid_5_udarna {
	width:230px;
	height:300px;
	/*background-color:#AABFFF;*/
	margin-left:0;
	margin-right:0;
	margin-bottom:5px;
	margin-top:10px;
	text-align: left;
}

.grid_6_sodrzina .grid_5_naracaj {
	width:375px;
	height:130px;
	padding:10px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#D4ECFB;
	margin-left:0;
	margin-right:0;
	margin-bottom:10px;
	margin-top:10px;
	text-align: center;
}

.grid_5_naracaj h1{
	margin-top:10px;
}

.grid_6_sodrzina .grid_5_pretplata {
	width:375px;
	height:150px;
	background-color:#D4ECFB;
	padding:10px;
	padding-top:0px;
	margin-left:0;
	margin-right:0;
	margin-bottom:5px;
	/*margin-top:10px;*/
	text-align: left;
}

.grid_6_sodrzina .grid_5_naslovna {
	width:100%;
	margin-left:0;
	margin-right:0;
	margin-bottom:5px;
	margin-top:10px;
	text-align: left;
}

.grid_5_udarna img {
	margin-right:10px;
	border:none;
}

.grid_5_naslovna img {
	margin-right:10px;
	border:none;
}

.grid_5_udarna p.naslov{
	width:260px;
	background-image:url(sliki/strelka1_udarna_mala.png);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:225px;
	margin-bottom:10px;
	padding-left:20px;
	vertical-align:middle;
}

.grid_5_udarna p.glaven_naslov{
	width:280px;
	margin-left:220px;
	margin-top:4px;
	padding-left:25px;
	vertical-align:middle;
	font-weight:bold;
	font-size:20px;
}

.container_10 .grid_6 {
	width:596px;
}

.container_10 .grid_6_sodrzina {
	width:629px;
	height:100%;
	margin-left:0;
	margin-right:0;
	background-color:#FFF;
	padding:5px;
	text-align:left;
	vertical-align:middle;
}

p.rubrika{
	margin:0;
	padding-bottom:8px;
	width:100%;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-style:italic;
	background-image:url(sliki/strelka2_rubrika.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#F00;
	font-size:12pt;
}

.oglas_levo{
	width:25%;
	height:100%;
	padding:0;
}
.oglas_desno{
	width:75%;
	height:100%;
	padding:0;
}

p.kategorija_oglas{
	margin:0;
	padding:3px;
	width:96%;
	height:35px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-style:italic;
	/*background-image:url(sliki/strelka2_rubrika.png);*/
	background-position:left;
	background-repeat:no-repeat;
	color:#FFF;
	font-size:11pt;
	background-color:#F00;
}

p.naslov{
	margin:0;
	width:100%;
	font-weight: bold;
	font-size: 11pt;
}

p.oglas_naslov{
	margin:0px;
	padding:3px;
	width:96%;
	height:33px;
	font-weight: bold;
	font-size: 10pt;
	float:left;
	background-color:#FFF;
	color:#F00;
}
p.oglas_izbrisi{
	margin:0;
	width:100%;
	font-weight: bold;
	font-size: 11pt;
	text-align:right;
}

p.oglas_izbrisi a{
	color:#333;
	margin:0;
	width:100%;
	font-weight: bold;
	font-size: 12pt;
	text-decoration: none; /*lets remove the link underlines*/
}

p.oglas_izbrisi a:hover{
	color: #C33;
}

p.oglas_datum{
	margin:0;
	padding:3px;
	padding-top:5px;
	vertical-align:bottom;
	width:96%;
	height:28px;
	font-size: 9pt;
	float:left;
	color:#999;
	border-top:thin;
	border-top-color:#666;
	background-color:#CCC;
}
p.oglas_kontakt{
	margin:0;
	width:18%;
	height:32px;
	font-weight: bold;
	font-size: 9pt;
	text-align:left;
	float:left;
	padding-left:32px;
	padding-top:5px;
	background-image:url(sliki/contact.png);
	background-repeat:no-repeat;
}
p.oglas_telefon{
	margin:0;
	width:19%;
	height:32px;
	font-weight: bold;
	font-size: 9pt;
	text-align:left;
	float:left;
	padding-left:32px;
	padding-top:5px;
	background-image:url(sliki/telephone.png);
	background-repeat:no-repeat;
}
p.oglas_email{
	margin:0;
	width:24%;
	height:32px;
	font-weight: bold;
	font-size: 8pt;
	text-align:left;
	float:left;
	padding-left:32px;
	padding-top:5px;
	background-image:url(sliki/email.png);
	background-repeat:no-repeat;
}

p.naslov a{
	color:#333;
	margin:0;
	width:100%;
	font-weight: bold;
	font-size: 11pt;
	text-decoration: none; /*lets remove the link underlines*/
}

p.naslov a:hover{
	color: #C33;
}

p.tekst{
	margin-bottom:5px;
	width:100%;
	font-size: 10pt;
	text-align:left;

}
p.oglas_tekst{
	width:98%;
	height:70px;
	font-size: 10pt;
	text-align:left;
	background-color:#BFC8E3;
	margin:0;
	padding:5px;

}

.apstrakt_kniga{
	margin-bottom:5px;
	margin-top:10px;
	width:100%;
	font-size: 10pt;
	text-align:left;

}

.apstrakt_kniga_u{
	margin-bottom:5px;
	margin-top:10px;
	width:300px;
	font-size: 10pt;
	text-align:left;

}

p.datum_vreme{
	margin:0;
	font-size:9pt;
	font-weight:bold;
	color:#CCC;
	display:inline;
}

p.podmeni{
	margin:0;
	margin-left:320px;
	font-size:9pt;
	font-weight:bold;
	color:#CCC;
	display:inline;
}

p.copyright{
	margin:0;
	font-size:9pt;
	font-weight:bold;
	color:#CCC;
	text-align:center;
	display:inline;
}

.grid_6_sodrzina .grid_6 {
	width:608px;
	margin:1px;
	background-color:#FFF;
	text-align: left;
}

.container_10 .grid_7 {
	width:699px;
}

.container_10 .grid_8 {
	width:801px;
}

.container_10 .grid_9 {
	width:903px;
}

.container_10 .grid_10 {
	width:1000px;
	background-color:#E1E1E1;
	
}

.container_10 .grid_10_podmeni {
	width:990px;
	background-color:#666;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
}
.container_10 .grid_10_copyright{
	width:990px;
	background-color:#666;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
	text-align:center;
	vertical-align:middle;
}


/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_10 .prefix_1 {
	padding-left:102px;
}

.container_10 .prefix_2 {
	padding-left:204px;
}

.container_10 .prefix_3 {
	padding-left:306px;
}

.container_10 .prefix_4 {
	padding-left:408px;
}

.container_10 .prefix_5 {
	padding-left:510px;
}

.container_10 .prefix_6 {
	padding-left:612px;
}

.container_10 .prefix_7 {
	padding-left:714px;
}

.container_10 .prefix_8 {
	padding-left:816px;
}

.container_10 .prefix_9 {
	padding-left:918px;
}


/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_10 .suffix_1 {
	padding-right:102px;
}

.container_10 .suffix_2 {
	padding-right:204px;
}

.container_10 .suffix_3 {
	padding-right:306px;
}

.container_10 .suffix_4 {
	padding-right:408px;
}

.container_10 .suffix_5 {
	padding-right:510px;
}

.container_10 .suffix_6 {
	padding-right:612px;
}

.container_10 .suffix_7 {
	padding-right:714px;
}

.container_10 .suffix_8 {
	padding-right:816px;
}

.container_10 .suffix_9 {
	padding-right:918px;
}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.grid_3_ppk a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
.grid_3_ppk a.tooltip span {display:none; padding:2px 3px; border:0px; margin-left:8px; width:130px;}
.grid_3_ppk a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; text-align:left; background:#CCC; color:#6c6c6c;}
/*.grid_3_ppk a.tooltip:hover span{display:inline; position:absolute; border:1px; background:#ffffff; color:#6c6c6c;}*/

.podmeni a {
	margin-right:7px;
	text-decoration: none; /*lets remove the link underlines*/
	font-weight:bold;
} 

.podmeni a:link, .podmeni a:visited {
	color:#BEBEBE;
}

.podmeni a:hover, .podmeni a:active {
	/*background: #333333;*/
	color:#FFF;
} 
