@charset "utf-8";

/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 

	margin:0;

	padding:0;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

fieldset,img { 

	border:0;

}

address,caption,cite,code,dfn,em,strong,th,var {

	font-style:normal;

	font-weight:normal;

}

ol,ul {

	list-style:none;

}

caption,th {

	text-align:left;

}

h1,h2,h3,h4,h5,h6 {

	font-size:100%;

	font-weight:normal;

}

q:before,q:after {

	content:'';

}

abbr,acronym { border:0;

}

body {

	background-image:url(img/bgd.png);

	background-repeat:repeat-x;

    font-family: Arial, Tahoma;

}

h2 {

font-weight:bold;

margin-bottom:10px;

color:#800080;

font: 1.3em Times;

}

h3 {

font-weight:bold;

margin-bottom:5px;

color:#555555;

font: 1.1em serif;

}

p {

text-align:justify;

font-size: 0.8em;

margin-bottom:5px;

}

p a {

color:purple;

text-decoration: none;

}

#container {

	width:100%;

	margin:auto;

}

#image_rotator {

	width:980px;

	height:530px;

	left: 50%;

	margin-left:-490px;

	position:absolute;

	z-index:0;

	}

#header {

	position:absolute;

	width:100%;

	height:100px;

	background-image:url(img/header.png);

	background-repeat:repeat-x;

}

#logo {

	position:absolute;

	width:270px;

	height:100px;

	background-image:url(img/logo.png);

	left: 50%;

	margin-left:-490px;

}

	

#glavni_meni {

	position:absolute;

	width:100%;

	height:50px;

	z-index:1;

	top:100px;

	

	

	background-image:url(img/glavni_meni.png);

	font: medium Helvetica;

	color: #000000;

}

 /* Navigacija */

 #navlist

{

margin-left: auto;

margin-right:auto;

width:800px;

padding: 17px 0 20px 10px;

}

#navlist ul, #navlist li

{

margin-left: auto;

margin-right:auto;

padding: 0;

display: inline;

list-style-type: none;

}

#navlist a:link, #navlist a:visited

{

float: left;

line-height: 14px;

font-weight:normal;

margin: 0 10px 4px 10px;

text-decoration: none;

color:#333333;

}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover

{

border-bottom: 0px solid #cc9933;

padding-bottom: 2px;

background: transparent;

color: #cc9933;

}

#navlist a:hover { color: #cc9933; }

#content {

	position:absolute;

	width:980px;

	left: 50%;

	margin-left:-490px;

	top:550px;

}

/* Dvije kolone, lijeva u�a */

#left {

	float:left;

	width:270px;

	background:white;

	color:#666666;

	

}

#left H2 {

color: darkblue;

}

#right {

	background:white;

	padding-left:20px;

	width:680px;

	float:right;

	color:#666666;

}
#leftnews {

	float:left;
	width:270px;
	background:white;
	color:#666666;
	font-size:11px;
}

#leftnews H2 {

color: darkblue;

}

/* Dvije kolone */

#two1 {

    float:left;

	width:475px;

	background:white;

	color:#666666;

}

#two2 {

    float:right;

	width:475px;

	background:white;

	color:#666666;

    margin-left: 20px;

}

/* Tri kolone */

#three1 {

    float:left;

	width:313px;

	background:white;

	color:#666666;

}

#three2 {

    float:left;

	width:313px;

	background:white;

	color:#666666;

    margin-left: 20px;

    margin-right:21px;

}

#three2 H2 {

color: #CC6600;

}

#three3 {

    float:left;

    width:313px;

	background:white;

	color:#666666;

}

#three3 H2 {

color: #333333;

}

#footer {

	clear:both;
	background:white;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    font-size:0.7em;
    color:#666666;
	background-color:#F1F0FF;

}
#footer a, #footer a:hover{
  text-decoration: none;
  color:#333333;
}
/* Kraj navigacije */

#book_online {

	

	font-family:helvetica;

	color:#ffffff;

	width:270px; 

	position:absolute;

	height:380px; 

	left: 50%; 

	margin-left:-490px; 

	top:150px; 

	background-image:url(img/pozadina_left.png); 

	background-repeat:repeat-y; 

	z-index:4; 

	display:none;

	

}

#book_online p {

	padding:10px;

	text-decoration:none;

	font-family:helvetica;

	font-size:12px;

}

#book_online img {

	padding-left:25px;

}

#book_online a {

	text-decoration:none;

	color:#999;

}

#book_online a:hover {

	color:#FFF;

	

}

.close { 

font-size:10px;

position: absolute; 

bottom:0;

right:0px;

}

#contact {



	font-family:helvetica;

	color:#ffffff;

	width:600px;

	position:absolute;

	height:380px;

	left: 50%;

	margin-left:-300px;

	top:150px;

	background-image:url(img/pozadina_left_600.png);

	background-repeat:repeat-y;

	z-index:4;

	display:none;



}

#contact_left {

width:300px;

float:left;

padding-left:20px;

}



#contact_right{

width:250px;

float:right;

padding-right:20px;

padding-top:20px;

font-family:helvetica;

color:#FFFFFF;

font-size:10px;

}

.contact_right  {

border:solid;

border-width:thin;

border-color:#CCCCCC;

padding:10px;

margin-top:20px;



}

#contact_right h1  {

font-family:helvetica;

font-size:16px;







}

#contact_right h3  {

font-family:helvetica;

font-size:12px;

color: #48f;





}

#contact_right h2  {

font-family:helvetica;

font-size:14px;

color:#800080;





}

#contact_right p {

font-family:helvetica;

font-size:10px;

color:#FFFFFF;

}



#accommodation {



	font-family:helvetica;

	font-size:12px;

	color:#ffffff;

	width:270px;

	position:absolute;

	height:380px;

	left: 50%;

	margin-left:-490px;

	top:150px;

	background-image:url(img/pozadina_left.png);

	background-repeat:repeat-y;

	z-index:4;



	line-height:16px;

}

#accommodation li {

padding-left:10px;

}

#accommodation p {

padding-top:10px;

	padding-left:10px;

	padding-right:10px;

	text-decoration:none;

	font-family:helvetica;

	font-size:12px;

}

#accommodation img {

	padding-left:25px;

}

#accommodation a {

	text-decoration:none;

	color:#CCCCCC;

	font-size:10px;

}

#accommodation a:hover {

	color:#FFF;



}

#villa_duomo {



	font-family:helvetica;

	font-size:12px;

	color:#ffffff;

	width:980px;

	position:absolute;

	height:50px;

	left: 50%;

	margin-left:-490px;

	top:480px;

	background-image:url(img/pomocni_meni.png);



	z-index:4;



	line-height:16px;

}

#villa_duomo ul {

padding-top:18px;



margin:auto;

width:600px;





}

#villa_duomo li {

display:inline;

font-size:14px;

padding-right:20px;

}



#villa_duomo a {

	text-decoration:none;

	color:#BBBBBB;



}

#villa_duomo a:hover {

	color:#FFF;



}

#apartmani {

color:#CCCCCC;

}

#apartmani a {

text-decoration:none;

font-family:helvetica;

font-size:12px;

color:#CCCCCC;

padding-left:5px;

padding-right:5px;

}

#apartmani a:hover

{

color:#000;

}