@import url(nav.css);
@import url(novosti.css);
@import url(gallery.css);

* {
	margin: 0px;
	padding: 0px;	
}

A {outline: none; color: #535353; text-decoration: none;}

IMG {border: 0;}


P{
	margin-bottom: 18px;
	margin-top: 2px;
}

H1
{
	font-family: Times New Roman;
	font-size: 20px;
	line-height: 24px; 
	font-style: italic;	
	font-weight: normal;
	margin-bottom: 20px;
	color: #949494;
}

H2
{
	font-size: 14px;
	line-height: 18px; 
	font-weight: normal;
	margin-bottom: 10px;
}

BODY 
{
	background: #eeeeee url(../images/body/background.jpg) repeat-y 50% 0%;
	font-family: Verdana;
	text-align: center;
	color: #3c3b3b;
	font-size: 11px;
	line-height: 16px;
}

DIV#wrapper 
{
	width: 941px;
	padding: 0px 18px;
	margin: 0px auto;
	text-align: left;
}

DIV#header
{
	height: 130px;
}

DIV#header DIV#logo 
{
	float: left;
}

DIV#header DIV#flash 
{
	float: right;
}

DIV#langSwitch 
{
	width: 100%;
	text-align: right;	
}

DIV#langSwitch 
{
	width: 100%;
	text-align: right;
	height: 18px;	
}

DIV#langSwitch A
{
	font-size: 9px;
	line-height: 18px;
	font-weight: bold;	
}

DIV#left 
{
	width: 163px;
	float: left;	
}

DIV#main
{
	width: 759px;
	float: right;
}

DIV#main DIV#content A
{
	color: #002a00;
	text-decoration: underline;
}


DIV#main DIV#content TABLE
{
	border: 0px;
}

DIV#main DIV#content TABLE TD,
DIV#main DIV#content TABLE TH
{
	padding: 5px;
}

DIV#main DIV#content TABLE.wb TD
{
	border-bottom: 1px solid #eeeced;
}

DIV#main DIV#content TABLE TH,
DIV#main DIV#content TABLE TR.alt
{
	background-color: #eeeced;
}


DIV#main DIV#content
{
	width: 576px;
	float: left;
	text-align: justify;
}

DIV#main DIV#content ul li
{
	margin-left: 30px;
}



DIV#main DIV#right 
{
	float: right;
	width: 163px;	
}

DIV#footer 
{
	text-align: right;
	margin: 40px 0px 20px 0px;
}

DIV#footer DIV#info 
{
	height: 21px;
	background: #dddddd;
	border-bottom: 1px solid #003000;
	font-size: 11px;
	line-height: 21px;
	letter-spacing: 1.5px;
	color: #525353;
	padding-right: 20px;
}

DIV#footer DIV#development 
{
	font-family: Times New Roman;
	font-size: 10px;
	color: #b7b7b8;
	margin-top: 10px;
	padding-right: 20px;
}

DIV.clear 
{
	clear: both;	
}

DIV#mainPicture IMG 
{
	border: 1px solid #9ca19c;
}

hr 
{
	height: 0;
	border-width: 1px 0 0 0; 
	border-style: solid;
	border-color: #dddddd; 
	clear: both;
	margin: 0px 0px 6px 0px;
	
}

input 
{
	margin-right: 10px;	
}

.red_border { border: 1px solid Red;}

DIV#content ul li 
{
	list-style-type: none;
	padding-left: 15px;
	background: url(../images/icons/bullet.jpg) no-repeat 0px 7px;
} 

DIV#print 
{
	width: 100%;
	text-align: right;
	margin-bottom: 5px;	
}

DIV#print IMG 
{
	width: 14px;
}


.star {color: Red; font-size: 13px;}

P#errorBox {background: Red url(../images/error.gif) no-repeat top right; color: White; padding: 10px 40px 10px 10px; border: 1px solid #000; font-weight:bold; font-family: Verdana; min-height: 80px;}
*P#errorBox { height: 80px;}
P#validBox {background: #002b00 /*url(../images/valid.gif) no-repeat top right*/; color: White; padding: 10px 60px 10px 10px; border: 1px solid #000; font-weight:bold; font-family: Verdana; height: 60px;}

TABLE.calendar TD
{
  width: 14px;
  height: 14px;
  border: 1px solid #004d00;
  text-align: center;
  font-size: 10px;
  margin: 0 !important;
  padding: 1px !important;
  background: #008900;
  color: #fff;
}

TABLE.calendar TD A
{
  display: block;
  width: 14px;
  height: 14px;
  text-decoration: none !important;
  color: Black;
  margin: 0;
  padding: 0;  
}

TABLE.calendar TD.reserved
{
  background: #FF0000 !important;
}

TABLE.calendar TR.day TD
{
  background: #004d00 !important;
  color: White;
}

DIV#month 
{
	text-align: right;
	color: #004d00;
	font-size: 14px;
	font-weight: bold;
}

DIV#exchangeRate,
DIV#converter 
{
	margin: 15px 0px;
	border: 1px solid #002a00;
	padding: 5px;	
}

DIV#exchangeRate TD { width: 33%;}

DIV#exchangeRate H2,
DIV#converter H2
{
	color: #a5a8aa; 
	background: #002a00;
	padding: 5px; 
}

DIV#converter #kn,
DIV#converter #result
{
	width: 80px;
	font-size: 10px;	
}

DIV#converter #valute
{
	width: 50px;
	font-size: 10px;	
}

DIV#converter 
{
	font-size: 10px;	
}

/* Rezervacije filter */

DIV.wide3p, DIV.wide3pLast
{
	width: 305px;
	overflow: hidden;
	float: left;
	margin-right: 13px;	
	min-height: 320px;
	padding-bottom: 20px;
}

DIV.wide3pLast
{
	width: 305px;
	overflow: hidden;
	float: right;	
	margin: 0px;
	background: #eaedea;
	min-height: 475px;
	
}

H3 
{
	font-size: 10px;
	line-height: 23px;
	color: #fff;
	background: #555655; /*003801*/
	font-style: italic;
	padding-left: 5px;
}

DIV.desc 
{
	padding: 8px;	
}

A.request, 
A.request_v2
{
	padding-right: 25px;
	background: transparent url(../images/icons/mail.jpg) no-repeat top right;
	color: #64605f;
	text-decoration: underline;
	font-weight: bold;
}

A.request_v2
{
	padding-right: 0;
	background: none;
}

DIV#rooms A 
{
	display: block;
	min-height: 30px;
	border-bottom: 1px dotted #eaedea;	
	padding: 5px;
	font-size: 9px;
}

DIV#rooms A DIV.title
{
	font-size: 11px;
	display: block;
	font-style: italic;
	font-weight: bold;
	color: #64605f;
}

DIV#rooms A:hover 
{
	background: #eff1ef; 
	cursor: pointer;
}

DIV#rooms A.selected 
{
	background: #e2e6e2; 
	cursor: pointer;
}

DIV.galleryThumbs 
{
	width: 310px;
	margin-top: 2px;
	overflow: hidden;
	height: 45px;	
}

DIV.galleryThumbs IMG
{
	float: left; 
	margin-right: 4px;	
}


.btnReserve 
{
	background: url(../images/button-reserve.jpg) no-repeat 0 0;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;	
	margin-top: 10px;
	width: 132px;
	height: 24px;
	border: 0;
	color: #fff;
	text-transform: uppercase;
}