/* CSS Document */

/* universals */
* { margin : 0; padding : 0; }

html {background : #a4c7e5; }

/*body {margin: 0 auto;}*/
/*body {margin-top: 0px;
	margin-bottom: 0px;}*/
#main, #main_home, #main_grad, #main_ap, #main_con, #main_gal {
position:relative;
margin: 0 auto; width:810px; 
border-left:20px solid #386BC6; 
border-right:20px solid #386BC6;
background:url(../slike/grad_tekst.gif);
padding-bottom:50px;
}


/* Header */
div#hed {
position:relative; top : 5px; 
margin-left:auto;
margin-right:auto;
width: 800px; height: 150px;
background : url(../slike/head.jpg) no-repeat; text-indent : -9999px;
/*border:5px solid #d8d9da;
border-bottom:2px solid #d8d9da;  */}

/* Pozadina sadrzaji */
div#content_main, div#content_gr, div#content_ap, div#content_lok, div#content_con
{background:url(../slike/grad_tekst.gif);}

/* Pozicioniranje sadrzaja stranica */
div#content_main, div#content_gr, div#content_con
{position : relative; top : 0; width : 810px; border:none; }

/* Apartman frame */
div#sadrzaj_apartman {position :relative; top : 0;  }

/* Galerija - produzeni prostor za slike*/
div#content_gal {
position : relative; top : 170px; left : 95px;
width : 810px; height:415px;
border:none;
background:url(../slike/grad_tekst.gif);}

/* lokacija */
div#content_lok {
position : relative; top : 0; /*left : 95px;*/
width : 810px; height:390px;
border:none;}

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

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

/** Navigacija gore **/
div#nav_top {
position:relative; 
top : 0; left:5px;
width: 810px; height : 25px; }

div#nav_top ul li {
	list-style: none;
	display: block;
	width: 160px;
	float: left;
	text-align: center;
	line-height: 25px;
	font-size: 13px;
	font-weight: bold;
	background:url(../slike/nav_top.jpg);
	/*border-left: 5px solid #d8d9da;
	border-top: 2px solid #d8d9da;
	border-bottom: 2px solid #d8d9da;*/
	letter-spacing:.1em;}

	
div#nav_top ul li a {
width: 100%;
	height: 25px;
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#003399;
	text-decoration: none;}
	
div#nav_top ul li a:hover {background:#a0c3e1;}

/*******************************************************************

*******************************************************************/

/*Izbor jezika*/
#brit a {position:absolute; top:5px; left:55px;
width:120px; height:35px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;}

/*#brit a:hover {text-decoration : underline; color : #C3AAB0; }*/
#brit a {color : #003399; text-decoration : none;}


/*******************************************************************/
/*** Home ***/
div#content_main {width:810px; height:360px;}

/* dobro došli */
#dob {
position:relative; top:50px; left:40px; float:left;
width:300px; height:300px;
border: 10px solid #0033CC;}

/* DD naslov */
#content_main h1 {
font-size:170%; text-align:center;
position:relative; margin:15px auto 5px auto;
color:#0033CC;
font-family:"Courier New", Courier, monospace; letter-spacing:.1em;
background:url(../slike/dobrodos.png) no-repeat; text-indent:-9999px;}

#content_main h1#wel {background:url(../slike/welcome.png) no-repeat; text-indent:-9999px;}

/* DD tekst */
div#content_main p {
position:relative; margin:0 20px 5px 20px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:0.02em;
letter-spacing:inherit;
word-spacing:.1em;}

/* DD - slika koralj */
#kor {
width: 248px; height:110px;
position:relative; margin: 0 auto;
font-style:italic;
text-indent : -9999px;
background:url(../slike/koralj.jpg) no-repeat; }

/* slika kuca */
#kuc{
width:380px; height:310px;
position:relative; top: 50px; left:70px;  float:left;
border:#d8d9da solid 5px;
background:url(../slike/kuca.jpg) no-repeat;
text-indent : -9999px; }


/************************************************************************/


/* Grad Senj Naslov */
div#content_gr h3 {
font-size:38px;
font-family:serif; letter-spacing:.1em; 	
color:#2d49b4;
background:url(../slike/grad_naslov.png) no-repeat; text-indent:-9999px;
position:relative; left:210px; width:350px; height:55px;}

/** Grad Senj Tekst **/
div#content_gr p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
/*letter-spacing: -0.5px*/
word-spacing:-0.5px;
line-height:170%;}

div#content_gr p#prvi {
position:relative;width:770px;
margin:0 10px 0 10px;
padding:5px 10px 2px 10px;}

div#content_gr p#drugi {
margin:0 10px 0 10px;
padding:0 10px 5px 10px;
width:540px; height:auto;}

/* Gr. Senj - kula slika */
div#kula {
position:absolute; top:190px; right:6px;float:right; 
width:232px; height:182px;
background:url(../slike/kula_nehaj.jpg) no-repeat; text-indent:-9999px;}

#kula_en {position:absolute; top:330px; right:6px;float:right; 
width:232px; height:182px;
background:url(../slike/kula_nehaj.jpg) no-repeat; text-indent:-9999px;}


/********************************************************************************/

/** Apartman sadrzaj **/

div#content_ap {padding:20px 10px 50px 30px;}
div#content_main {width:810px; height:360px;}

/* Apartman naslov */
div#content_ap h3 {
position:absolute; right:90px; top:20px; 
width:350px; height:55px;
font-size:30px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#0000cc;
background:url(../slike/apartman_naslov.png) no-repeat; text-indent:-9999px;}

/* Apartman - kamera slika */
div#cam {
width:48px; height:48px;
position:absolute; top:10px;
background:url(../slike/camera.png);}

/* Apartman - galerija link */
div#gal{
width:300px; height:30px; 
text-align:center;
letter-spacing:.1em; }

div#gal a {
text-decoration:none;
font-size:120%; font-family:"Courier New", Courier, monospace; 
font-weight:bold; color:#a5a6a6; 
line-height: 30px; }

div#gal a:hover {text-decoration:underline;}

/* Apartman tekst */
div#content_ap blockquote {
position:relative; top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
white-space:pre;}

/* Tablica apartman */ 
div#content_ap table {border:1px solid #000000;
position:absolute;; right:50px; top:480px;}

div#content_ap th {background:#386bc6;color:#fff;
padding : .4em .7em;font-weight:bold;}

div#content_ap tr {background:#bdddfa;}

div#content_ap td { padding : 0 10px;}

div#content_ap td#ds1, td#ds2, td#bk, td#sk, td#bal, td#pog, td#par1, td#par2, td#fl  {
background:url(../slike/kvacica.png) #bdddfa;}


/****************************************************************************/


/** Lokacija **/

#content_lok a.croatia span, a.trbusnjak span, a.senj span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;    }

/* lokacija - ubacivanje thumbnaila */	
#content_lok a.croatia, a.trbusnjak, a.senj, {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    cursor:default;}

#content_lok a.croatia {
    background:url(../slike/lokacija/karta_hrv_2.gif); 
    height:330px; 
    width:42px;
	position:absolute;
	margin:0 auto;
	float:left;
	border: 1px solid white;
	border-left:none; border-top:none;
	}
	
#content_lok a.trbusnjak {
    background:url(../slike/lokacija/karta_trbusnjak_2.jpg); 
    height:330px; 
    width:42px;
	position:absolute; right:0; top:0;
	float:right;
	border-right:none; border-top:none;}
	
#content_lok a.senj {
    background:url(../slike/lokacija/senj_2.jpg); 
    height:50px; 
    width:380px;
	position:absolute; top:339px; left:50px;
	float:left;
	border-bottom:none;
	border-left:none;}
	
/* lokacija - stil za :hover span */
#content_lok a.croatia:hover span {
    position:absolute; 
    width:412px; 
    height:370px; 
    top:0; left:0; 
    color:#000; 
    background:#fff;
	border:none; }

#content_lok a.trbusnjak:hover span {
    position:absolute; 
    width:372px; 
    height:372px; 
    top:0; left:-332px; 
    color:#000; 
    background:#fff;
	border:1px solid #000; }
	
#content_lok a.senj:hover span {
    position:absolute; 
    width:470px; 
    height:348px; 
    top:-300px; left:0; 
    color:#000; 
	border:1px solid #000; }
	
	
/***********************************************/
	
/*** kontakt ***/
div#content_con {width:810px; height:360px;}

/* kontakt tekst i cijenik*/
div#info {float:left; position:relative; top:50px; left:30px; }

div#info p  {
width:350px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:0.04em;
letter-spacing:inherit;
word-spacing:.1em;
line-height:150%; }

#cijenik {position:absolute; width:200px; top:370px; left:80px; margin:0 auto;}

#cijenik table {border:none;}

#cijenik caption {padding-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif; /*font-weight:bold;*/
font-size:13pt;
letter-spacing:0.04em;
letter-spacing:inherit;}

#cijenik td {padding:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:0.04em;
letter-spacing:inherit;
text-align:center;
background:#B7D2E7;
border:none;}

/*slika zalaz */
#sunset {position:relative; top:50px; left:40px;  float:left;
width:375px; height:250px;
background:url(../slike/sunset.jpg) no-repeat; border:2px solid #386BC6;}

/* link - Senj, Croatia official*/
#con_senj, #con_off {
position:relative; width:600px; height:auto;
top:0px; left:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:0.04em;
letter-spacing:inherit;
word-spacing:.1em;
line-height:130%;}

#con_senj a:hover, #con_off a:hover {text-decoration : underline; color : #C3AAB0; }
#con_senj a, #con_off a {color : #003399; text-decoration : none;}

/************************************************************

************************************************************/


/* Navigacija dolje */
div#nav_bot {position:relative; top:15px; 
width: 810px; height : 30px;}

div#nav_bot ul li {
	list-style: none;
	display: block;
	width: 161px;
	float: left;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	/*background : #a4c7e5;*/
	border-left: 1px solid #d8d9da;
	letter-spacing:.1em;}

div#nav_bot ul li a {
width: 100%;
	height: 20px;
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#C3AAB0;
	text-decoration: none;}
	
div#nav_bot ul li a:hover {text-decoration:underline;}