@charset "utf-8";
/* CSS Document */



/* LINKS AND IMAGES
-------------------------------------------------- */
a, a:visited {
	color: #cc0000;
}

a:hover {
	background: #cc0000;
	color: #fff !important;
	text-decoration: none;
}

a img, a.img {
	border: none;
}

.rightimg {
	float: right;
	margin: 0 0 15px 15px;
}


/* TYPOGRAPHY
-------------------------------------------------- */	
li, dt, dd, p, td, th {
	font-size: 14px;
	font-weight: normal;
}

ul, ol, dl, table, p, dd {
	margin-bottom: 18px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 12px 0;
	padding: 0;
}

h1, h2 {
	font-family:'Palatino Linotype';
	font-weight:normal;
	font-size:20px;
	color: #cc0000;
}

h3 {
	font-family:'Palatino Linotype';
	font-weight:normal;
	font-size:20px;
	color: #4E92BA;
	font-style: italic;
}

h4 {
	color: #787878;
}

p {
	line-height:1.6em;
}

#content strong {
	font-style: normal;
}

#content em {
	font-style: italic;
}


/* HEADER
-------------------------------------------------- */

#header #logo {
	padding-left:50px;
	padding-top:110px;
	float:left;
	padding-right:30px;
}

#header #logo:hover {
	background: none;
}

body.home #header #logo:hover {
	cursor: default;
}

#header #visual {
	float:right;
	padding-right:64px;
	padding-top:57px;
	width:597px;
	height:166px;
}


/* NAVIGATION
-------------------------------------------------- */


#nav ul {
	list-style: none;
	float:right;
	background: url("../assets/nav.jpg") top right no-repeat;
	margin: 0;
	padding: 0;
	width: 625px;
	height: 65px;
	margin-left:50px;
	margin-right:50px;
}

#nav ul li {
	background: none;
	float: left;
	text-indent: -999em;
	padding: 0;
}

#nav ul li a {
	outline: none;
	background: url("../assets/nav.jpg") top left no-repeat;
	border: none;
	display: block;
	height: 65px;
	text-decoration: none;
	overflow: hidden;
}

/*\*/ * html #nav ul {
	list-style: none;
	float:right;
	background: url("../assets/nav.jpg") top right no-repeat;
	margin: 0;
	padding: 0;
	width: 625px;
	height: 65px;
	margin-left:50px;
	margin-right:25px;
}

/*\*/ * html #nav ul li {
	background: none;
	float: left;
	text-indent: -999em;
	padding: 0;
}

/*\*/ * html #nav ul li a {
	outline: none;
	background: url("../assets/nav.jpg") top left no-repeat;
	border: none;
	display: block;
	height: 65px;
	text-decoration: none;
	overflow: hidden;
}

#nav ul li.rezervare a {
	background-position: -275px 0px;
	width: 132px;
}

#nav ul li.rezervare a:hover {
	background-position: -275px -65px;
}

#nav ul li.rezervare a.selected {
	background-position: -275px -130px;
}

#nav ul li.program a {
	background-position: -407px 0px;
	width: 114px;
}

#nav ul li.program a:hover {
	background-position: -407px -65px;
}

#nav ul li.program a.selected {
	background-position: -407px -130px;
}

#nav ul li.hoteluri a {
	background-position: -521px 0px;
	width: 112px;
}

#nav ul li.hoteluri a:hover {
	background-position: -521px -65px;
}

#nav ul li.hoteluri a.selected {
	background-position: -521px -130px;
}

#nav ul li.opinii-clienti a {
	background-position: -634px 0px;
	width: 162px;
}

#nav ul li.opinii-clienti a:hover {
	background-position: -634px -65px;
}

#nav ul li.opinii-clienti a.selected {
	background-position: -634px -130px;
}

#nav ul li.contact a {
	background-position: -795px 0px;
	width: 105px;
}

#nav ul li.contact a:hover {
	background-position: -795px -65px;
}

#nav ul li.contact a.selected {
	background-position: -795px -130px;
}

/* LAYOUT
-------------------------------------------------- */
	
body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:url(../assets/bg.jpg);
	background-repeat: repeat-x;
	font-family: 'Palatino Linotype';
	font-weight: normal;
	font-size:14px;
	color: #333;
}

#container {
	margin:0 auto;
	width:1000px;
	background-image:url(../assets/page.jpg);
	background-repeat:no-repeat;
	padding:0;
	height:auto;
}

.clear {
	clear:both;
}

.spacer {
	padding:10px 0 10px 0;
}

#content {
	padding:30px;
	background-color:#FFFFFF;
	width:900px;
	overflow:auto;
	margin:0 auto;
}

#column {
	float:left;
	width:245px;
	margin-right:30px;
}

#main {
	float:left;
	width:624px;
}


/* FOOTER COPYRIGHT
-------------------------------------------------- */	
#footer #copyright {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	text-align:right;
	padding-top:10px;
	padding-bottom:20px;
	margin-right:30px;
}

/*\*/ * html #footer #copyright {
	padding-top:10px;
	padding-bottom:30px;
}


/* FOOTER LINKS
-------------------------------------------------- */	
#footer .border {
	border-top:1px solid #E4E4E4;
	border-width:thin;
	border-spacing:inherit;
	margin:5px 30px;
	height:1px;
}

#footer #links {
	padding:5px 30px 5px 20px;
}

#footer .block-links {
	float:left;
	width: 160px;
	margin-left:10px;
}

#footer .block-links ul {
	padding:0;
}

*:first-child + html #footer .block-links ul {
	padding:0;
	margin:0
}

/*\*/ * html #footer .block-links ul {
	padding:0;
	margin:0
}

#footer .block-links ul li {
	list-style-type:none;
	background-image: url(../assets/bullet.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
}

#footer .block-links ul li a {
	text-decoration:none;
	color:#4E92BA;
}

/*\*/ * html #footer #links .block-links ul li a {
	text-decoration:none;
	color:#4E92BA;
}


/* PHOTO
-------------------------------------------------- */

.photo {
	float:left;
}

.photo .border {
	background-image:url(../assets/photo.jpg);
	background-repeat:no-repeat;
	width:312px;
	height:208px;
}

.photo .border img {
	width:278px;
	height:168px;
	margin-top:12px;
	margin-left:8px;
}

.photo .border a img {
	border:none;
}

.photo a:hover {
	border:none;
	background:transparent !important;
}

table {
      margin:1em 0;
      border-top:1px solid #ccc;
      border-left:1px solid #ccc;
	  font-size: 11px;
	  font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
	  font-weight: normal;
      }
td {
      border-right:1px solid #ccc;
      border-bottom:1px solid #ccc;
      padding:4px 10px;
      vertical-align:top;
      }
	  
th {
      border-right:1px solid #ccc;
      border-bottom:1px solid #A71E25;
      padding:4px 10px;
      vertical-align:top;
	  background-color: #A71E25;
	  color: #ffffff;
      }
	  
.bullet {
	list-style-image:url(../assets/bullet.png);
}

.formular {
	color: #A71E25;
	font-size: 12px;
	font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #FFF;
}

.form-text {
	font-size: 12px;
	font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
}