/*-------------------general stuff--------------- */
body
{
background:url(../images/parquet.jpg);
font-size: 62.5%;
line-height: 1.7em;
text-align: left;
color: #060606; /*black*/
font-family: Verdana, Arial;
}

*{margin: 0; padding: 0;}

#girl
{
background: url(../images/girl.png) no-repeat top left;
overflow: hidden;
}

.container
{
margin-top:90px;
}

.innercontainer 
{
overflow: hidden;
background: url(../images/bg-container2.png) repeat-y left top; /*left for IE7 */
width:980px;
}

h1
{
display:none;
}

h2
{
font-family: "century gothic", verdana;
line-height: 1.8em;
border-bottom: #060606 1px solid;
}

h3
{
font-family: "century gothic";
color:#6a6a6a;
line-height: 24px;
}

h4
{
font-family: "century gothic";
color:#666666;
font-size: 1.4em;
}

p a
{
color:#eee0a8;/*gold*/
text-decoration:none;
}

p a:hover
{
color:#eee0a8;
text-decoration:underline;
}

.text /*on black bg*/
{
color:#828282;/*grey*/
font-size:1.2em;
}

.text2 /*on paper bg*/
{
color: #060606; /*black*/
font-size:1.2em;
}

.text2 a
{
color: #060606; /*black*/
text-decoration:underline;
}

.text2 a:hover
{
color:#828282;/*grey*/
}

.text2 ul /* address second page */
{
padding-left:15px;
}

/*------------------------=header--------------------------*/

.header
{
background: url(../images/bg-header.jpg) repeat-y center top;
height:141px;
}

/*-----------------------=topnavigation-------------------*/
.googletranslator
{
padding-bottom:5px;

}

.topnavigation
{
background: url(../images/bg-topnav.jpg) repeat-y center top;
height:47px;
text-align:left;
font-size:1.2em;
text-transform:uppercase;
padding-top:10px;
}

.topnavigation ul
{
padding-left: 23px;
margin-top:7px;
}

.topnavigation li
{
display:inline;
color:#eee0a8;/*gold*/
}

.topnavigation a
{
padding:20px;
color:#828282;
text-decoration:none;
}

.topnavigation a:hover
{
color:#eee0a8;/*gold*/
}

#home a.pocetna, #o-nama a.o-nama, #hoteli-vile a.hoteli-vile, #prijevoz a.prijevoz, #automobili a.automobili, #nekretnine a.nekretnine, #must-visit a.must-visit, #nautica a.nautica, #sport a.sport, #lifestyle a.lifestyle, #moda a.moda, #galerije a.galerije, #zlatarne a.zlatarne, #casinos a.casinos, #restorani-barovi a.restorani-barovi, #vina a.vina, #agroturizam a.agroturizam, #mame-djeca a.mame-djeca, #zastitari a.zastitari, #privatne-skole a.privatne-skole, #racunala a.racunala, #foto a.foto, #mobiteli a.mobiteli, #kucni-ljubimci a.kucni-ljubimci, #zdravlje-ljepota a.zdravlje-ljepota, #kultura a.kultura, #linkovi a.linkovi                      
{
color:#eee0a8;/*gold*/
}

.search-box7{ /*outer background*/
background:#292929;
height: 22px;
padding:0px;
width: 219px;
margin-left:20px;
margin-top:5px;
}

.search-box7 input.search-field{ /*input field */
float: left;
border:0;
margin:0;
font-family:tahoma;
font-size: 12px;
padding: 5px 0px 0px 4px;
height:17px;
background: #323232;
width: 180px;
color:#eee0a8;
}

.search-box7 input.search-go { /*search icon */
float:left;
border:0;
margin:0;
padding:0;
margin-left: 5px;
height: 21px;
width: 21px;
background: url(../images/search-icon.png) no-repeat top left;
cursor: pointer;
}

.search-box7 input.search-go:hover{ /*search icon hover �Does Not work in ie6? */
background:url(../images/search-icon.png) no-repeat bottom left;
}


/*-----------------------=content is everything bellow topnavigation---------*/

.content
{
overflow:hidden;
}

/*-----------------------=paper everything inside paper background-----------*/

.paper
{
width:940px;
overflow:hidden;
margin: 0 auto;
background: url(../images/paper.jpg) center top;
padding:0px 10px 10px 10px;
}

.top-text
{
font-size:2em;
line-height: 1.4em;
height:100px;
padding:0 0 37px 0;
}

.o-nama2
{
font-size:1em;
}

.logo /* round - first page only */
{
background: url(../images/prestige-glamour.png) no-repeat bottom right;
height:140px;
}



/*------------------------=kategorija first page image links--------------*/

/* kategorija general */

.kategorija 
{
background:#323232;
padding:10px;
margin-bottom: 10px;
}

.kategorija p
{
font-family: "century gothic";
font-size: 1.4em;
padding-bottom: 10px;
color:#cccccc;
margin:0;
text-transform:uppercase;
}

.kategorija a, .kategorija a:hover
{
width:200px;
height:100px;
display:block;
}

.kategorija a
{
background-position: 0px 0px;
text-decoration:none;
}

.kategorija a:hover
{
background-position: 0px -100px ;
}

/* kategorija each section */

a.aveda, .aveda a:hover
{
background: url(../kategorije/aveda.jpg) no-repeat top left;
}

a.domoadami, .domoadami a:hover
{
background: url(../kategorije/domo-adami.jpg) no-repeat top left;
}

a.aperitivo, .aperitivo a:hover
{
background: url(../kategorije/aperitivo.jpg) no-repeat top left;
}

a.jgl, .jgl a:hover
{
background: url(../kategorije/jgl.jpg) no-repeat top left;
}

a.flashived, .flashived a:hover
{
background: url(../kategorije/flashived.jpg) no-repeat top left;
}

a.hoteli, .hoteli a:hover
{
background: url(../kategorije/hotels.jpg) no-repeat top left;
}

a.prijevoz, .prijevoz a:hover
{
background: url(../kategorije/prijevoz.jpg) no-repeat top left;
}

a.automobili, .automobili a:hover
{
background: url(../kategorije/automobili.jpg) no-repeat top left;
}

a.nekretnine, .nekretnine a:hover
{
background: url(../kategorije/nekretnine.jpg) no-repeat top left;
}

a.must-visit, .must-visit a:hover
{
background: url(../kategorije/must-visit.jpg) no-repeat top left;
}

a.nautica, .nautica a:hover
{
background: url(../kategorije/nautica.jpg) no-repeat top left;
}

a.sport, .sport a:hover
{
background: url(../kategorije/sport.jpg) no-repeat top left;
}

a.lifestyle, .lifestyle a:hover
{
background: url(../kategorije/lifestyle.jpg) no-repeat top left;
}

a.moda, .moda a:hover
{
background: url(../kategorije/moda.jpg) no-repeat top left;
}

a.zlatarne, .zlatarne a:hover
{
background: url(../kategorije/zlatarne.jpg) no-repeat top left;
}

a.casinos, .casinos a:hover
{
background: url(../kategorije/casinos.jpg) no-repeat top left;
}

a.restorani-barovi, .restorani-barovi a:hover
{
background: url(../kategorije/restaurants.jpg) no-repeat top left;
}

a.vina, .vina a:hover
{
background: url(../kategorije/vina.jpg) no-repeat top left;
}

a.agroturizam, .agroturizam a:hover
{
background: url(../kategorije/agroturizam.jpg) no-repeat top left;
}

a.mame-djeca, .mame-djeca a:hover
{
background: url(../kategorije/mame-djeca.jpg) no-repeat top left;
}

a.zastitari, .zastitari a:hover
{
background: url(../kategorije/zastitari.jpg) no-repeat top left;
}

a.privatne-skole, .privatne-skole a:hover
{
background: url(../kategorije/privatne-skole.jpg) no-repeat top left;
}

a.racunala, .racunala a:hover
{
background: url(../kategorije/racunala.jpg) no-repeat top left;
}

a.foto, .foto a:hover
{
background: url(../kategorije/foto.jpg) no-repeat top left;
}

a.mobiteli, .mobiteli a:hover /*financije*/
{
background: url(../kategorije/financije.jpg) no-repeat top left;
}

a.kucni-ljubimci, .kucni-ljubimci a:hover
{
background: url(../kategorije/kucni-ljubimci.jpg) no-repeat top left;
}

a.zdravlje-ljepota, .zdravlje-ljepota a:hover
{
background: url(../kategorije/zdravlje.jpg) no-repeat top left;
}

a.galerije, .galerije a:hover
{
background: url(../kategorije/galerije.jpg) no-repeat top left;
}

a.kultura, .kultura a:hover
{
background: url(../kategorije/kultura.jpg) no-repeat top left;
}

/*-------------------------------=footer---------------------------*/

.footer
{
padding:20px;
}

.subheading
{
color:#f0efea;
font-size: 1.4em;
}

.footer .marketing a
{
display:block;
background:#323232;
border-bottom:#000000 1px solid;
height:140px;
}

.footer .marketing a:hover
{
background:#444444;
}

.footer img
{
padding:9px;
}	

/* bottom stich border and copyright info */

.stich
{
margin:0 auto;
text-align:center;
background: url(../images/bott-cont.png) no-repeat center top;
}

.stich p
{
padding-top: 20px;
color:#cccccc;
}

/*------------------------------=leftlinks other pages----------------*/

.leftlinks ul
{
list-style:none;
font-family: "century gothic";
}

.leftlinks a
{
display:block;
background: #323232;
height: 30px;
border-bottom:#3d3d3d 1px solid;
line-height: 30px;
padding-left: 20px;
color:#d5d3d2;
text-transform:uppercase;
font-size:1.2em;
text-decoration:none;
}

.leftlinks a:hover
{
background:#292929;
color:#eee0a8;/*gold*/
}

.divider /* black line under each category, second pages*/
{
height:1px;
border-bottom: #828282 1px solid;
margin-bottom: 20px;
}

/* hotel stars*/

h3 span.stars5, h3 span.stars4, h3 span.stars3, h3 span.stars2, h3 span.stars1
{
padding-right:110px;
line-height: 21px;
}

h3 span.stars5
{
background: url(../images/5-stars.png) no-repeat right;
}

h3 span.stars4
{
background: url(../images/4-stars.png) no-repeat right;
}

h3 span.stars3
{
background: url(../images/3-stars.png) no-repeat right;
}

h3 span.stars2
{
background: url(../images/2-stars.png) no-repeat right;
}

h3 span.stars1
{
background: url(../images/1-stars.png) no-repeat right;
}

/*-----------------------------=pagination on subpages------------*/

div.pagination 
{
padding: 5px 0 5px 0;
background-color:#323232;
text-align:center;
}

div.pagination a 
{
padding: 2px 5px 2px 5px;
margin: 2px;
text-decoration: none; /* no underline */
color:#d5d3d2;
}

div.pagination a:hover, div.pagination a:active 
{
background:#292929;
color:#eee0a8;/*gold*/
}

div.pagination span.current 
{
padding: 2px 5px 2px 5px;
margin: 2px;
font-weight: bold;
color:#eee0a8;/*gold*/
}

div.pagination span.disabled 
{
padding: 2px 5px 2px 5px;
margin: 2px;
color: #797979;
}

/*----- linkovi -----*/

.linkoteka a
{
text-decoration: none;
font-size:1.2em;
color: #060606; /*black*/
}

.linkoteka a:hover
{
text-decoration:underline;
}	

/* -- Timeline -- 

#timeline
{
margin-top:0;
}	

#stage
{
width:939px; 
overflow:auto; 
overflow-x:hidden; 
overflow-y:hidden; 
height:100px; 
margin:0 auto; 
border-bottom:#323232 1px solid;
border-right:#323232 1px solid;
}	

/* --List Elements-- 

#myList{width:3000px; border:0; margin:0; padding:0;}

#myList li{
	list-style:none; 
	margin-right:px;  
	border-left:#323232 1px solid;
	padding:10px;  
	float:left;
	width:214px;
	height:142px;
	}

#myList li.holiday{
	background:#eee0a8;/*gold
	}

#myList .day{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#323232;
	clear:both;
	font-weight:bold;
}	

#myList .day-text{
	font-family:"century gothic";
	font-size:14px;
	color:#323232;
	text-transform:uppercase;
	font-weight:normal;
}

#myList .month{
	font-family: "verdana";
	font-size:14px;
	color:#323232;
	padding:3px 0;
}



#myList .year{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:16px;
	color:#666666;
	clear:both;
	padding-bottom:5px;
}

#myList p{
	background:#323232;
	padding:3px;
	font-size:12px;
	color:#cccccc;
	margin-bottom:4px;
}

/* ------------------------------------ 

/* Buttons		 						

#slider-buttons{
width:940px; 
margin:0 auto;
height:24px; 
line-height:24px; 
clear:both;
background:#323232;
text-transform:uppercase;
}

#slider-buttons a
{
font-weight:bold; 
color:#cccccc;
text-decoration:none;
}

#slider-buttons a:hover
{ 
color:#eee0a8;/*gold
}


#previous
{
float:left; 
width:70px; 
border-right:solid 1px #FFF; 
text-align:center;
}

#next
{
float:right; 
width:70px; 
border-left:solid 1px #FFF; 
text-align:center;
}

#slider-buttons span 
{
float:left; 
width: 798px; 
color:#cccccc; 
text-align:center; 
font-weight:bold; 
}---- end timeline*/

/*-- topbanner with clients - right to left

.topbanner
{
color:#ffffff;
font-size:1.2em;
line-height:24px;
}	

.topbanner a
{
color:#cccccc;/*grey
}

.topbanner a:hover
{
color:#eee0a8;/*gold
}	--*/