/* --Default Page Settings-- */

/* Body */

body {
    margin-top: 2px; margin-left: 2px; margin-right: 2px;
	padding:0px;
}
p, td, div	{
font-family: Verdana, arial, sans-serif;
font-size: 12px;
line-height: 1.5; 
}
p {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
text-indent: 0pt;
}



ol{
margin: 0px;
padding: 0px;

}

ol li {
	line-height: 180%;
	font-size: 11px;
	font-weight: normal;
	color: #252525;
	margin-left: 35px;
}


ul.checklist {
	list-style: none;
}

ul.checklist li {
	background: url(../images/list1.gif) no-repeat 0 4px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}
ul.checklist2 {
	list-style: none;
}

ul.checklist2 li {
	background: url(../images/list2.gif) no-repeat 0 4px;
	padding: 0 0 0 20px;
}
.search,.login,.textbox,.input,.lila {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: #9BAAAF;

		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #AABBBF;

		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #9BAAAF;

		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #9BAAAF;
		}		
.select,.input {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #999999;
		}
.textarea {
	    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: #9BAAAF;

		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #AABBBF;

		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #9BAAAF;

		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #9BAAAF;
	}
	
.lila:hover, .inputbox:focus {
	border-color: #778899;
}
	
	
.title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #345487;
}
.title2 {
	font-family: Verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336666;
	line-height: 14px;
	text-decoration: none;

}
.title3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #CC0066;
	text-decoration: none;

}
.date	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #cccccc;
}
.content	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;

}
A.footer:hover {
	color:#FF9900;
	text-decoration: underline;

}
.vgraybold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.vgray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.mainlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #465584;
	line-height: 14px;
	text-decoration: none;
	font-weight: normal;
}
.tableborder {
	background-color: #f9f9f9;
	border: 1px solid #CCCCCC;
}.bordergray {
	border: 1px solid #CCCCCC;
}
.borderbordo {
	background-color: #990000;
	border: 1px solid #000000;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}
a.header:hover {color: #f9f9f9; text-decoration: underline;
}

.tdlightblue {
	font-size: 11px;
	background-color: #D1DCEB;
}
.vsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.vgraysmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #666666;
}

a.readmore, a.readmore:active, a.readmore:visited {
float: left;
width: 180px;
display: block;
background: url(../images/read_more.gif) no-repeat top left;
font-size: 11px;
line-height: 20px;
text-indent: 27px;
height: 20px;
color: #003399;
}
a.readmore:hover, a.readmore:hover a {
background: url(../images/read_more.gif) no-repeat bottom left;
color: #FF6600;
text-decoration: none;

}
/* Calendar CSS Classes */
.minidigit {
font-family: Trebuchet MS, Verdana, Arial, sans serif; 
font-size: 9px;
font-weight: bold;
font-style: normal;
text-decoration: none;
background-repeat: no-repeat;
background-position: center;
}
.miniweekdaylabel {
	font-family: Trebuchet MS, Verdana, Arial, sans serif; 
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
.minidate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 14px;
	color: #990000;
}
.minicontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 15px;
	color: #000000;
}
.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
}
a.nav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: underline;
}
a.mainlinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #003366;
	text-decoration: underline;
	font-weight: normal;
}
.titlelinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	color: #CCCCCC;
}
.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
.subtitle_large {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
.vsmallbordo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #990000;
	text-decoration: none;
}
.vred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
.row1 {
	background-color: #dae6ec;
	padding: 2px;

}
.row2 {
	background-color: #EEF0F0;
	padding: 2px;

}
.row3 {
	background-color: #f9f9f9;
	padding: 2px;

}
.borderblack {
	border: 1px solid #000000;
}
.vsindent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 3px;
}
.vsindentlarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 20px;
	margin-left: 20px;
}
.vptitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #345487;
	line-height: 14px;

}
.vredsmall {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
.vbordo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #990000;
	text-decoration: none;
}
.formborder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	padding: 3px;
	border: 1px solid #EBEFF7;
}
.formborder2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	padding: 10px;
	border: 1px solid #EBEFF7;
}
.nav2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
}
a.nav2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FF6600;
	text-decoration: underline;
}
.nav_large {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
}
a.nav_large:hover {
	color: #FF6600;
	text-decoration: underline;
}
.borderblue {
	background-color: #F0F4F6;
	border: 1px solid #d8e2e6;
	padding: 2px;
}
hr {
border: 0;
color: #d1d1d1;
background-color: #d1d1d1;
height: 1px;
width: 100%;
text-align: center;
}
.dot {
background: url(/images/dot_gray.gif);
background-repeat: repeat-x;
height: 1px;
margin-top:5px;
margin-bottom:5px;
padding-top:5px;
padding-bottom:5px;
}
.dot2 {
border-bottom: 1px dotted #cccccc; 
}
img.frame {
	padding: 2px;
	border: 1px solid #778899;
	}
#notice span.notice {
	color: #ff0000;
	border-top: 3px solid #ff0000;
	border-bottom: 3px solid #ff0000;
	background: #EEF0F0 url(./images/info.gif) 10px 50% no-repeat;
}
span.notice {
	display: block;
	padding: 10px 10px 10px 50px;
	margin: 15px 0;	
}
#notice2 span.notice2 {
	color: #CC0000;
	border-top: 3px solid #ff0000;
	border-bottom: 3px solid #ff0000;
	background: #EEF0F0 url(./images/info.gif) 10px top no-repeat;
}
span.notice2 {
	display: block;
	padding: 10px 10px 10px 10px;
	margin: 0px;	
}
table.private {
	margin-top: 15px;
	margin-bottom: 15px;
}
table.private td {
	background-color: #ffffff;
}
table.private p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 3px;
}
table.rentals {
	margin-top: 15px;
	margin-bottom: 15px;
}
table.rentals td {
	background-color: #ffffff;
}
.info{
	color: #333333;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.6;
}
div.box-br {
	background: url(../images/box-br.gif) no-repeat bottom right;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width:70%;
}
div.box-bl {
	background: url(../images/box-bl.gif) no-repeat bottom left;
	padding: 0;
}
div.box-tr {
	background: url(../images/box-tr.gif) no-repeat top right;
	padding: 0;
}
div.box-tl {
	background: url(../images/box-tl.gif) no-repeat top left;
	padding: 10px;
}
/* Clearfix */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html > body .clearfix {
	display: block;
	width: 100%;
}
* html .clearfix {
	height: 1%;
}

#boxwrap {
	text-align:left;
	margin:0 auto;
	}
.clear {
	clear:both;
	}
.boxes {
	margin: 22px 0 0px 0px;
	float: left;
	width: 100%;
	}
.box {
	background:#fff url(http://www.dubrovnik-online.com/images/okvir2_1.png) top left no-repeat;
	height: 100px;
	width: 44%;
	margin: 0 20px 20px 0;
	float: left;
	}
.box em {
	font-weight: normal;
	color: #0049aa;
	text-decoration: underline;
	}
.box h2 {
	margin: 1px 0 0 0;
font-size: 16px;
padding-top: 13px;
	}
.box p {
	margin-top: 5px;
	font-size: 12px;
	line-height: 18px;
	}
.box2 {
	background:transparent url(http://www.dubrovnik-online.com/images/okvir2_2.png) top right no-repeat;
	padding: 14px 10px 26px 10px;
	height:100px;
	}
.box img {
	float:left;
	margin: 4px 10px 1em 0;
	}
.box a {
	color:#05b;
	display:block;
	text-decoration:none;
	}
.box a:hover, .box:hover a {
	color:#333;
	}
	
	


.tourads {
	margin: 22px 0 0px 0px;
	float: left;
	width: 90%;
	text-align:left;
	margin:0 auto;
	}
	
.dot2 {
background: url("../images/dot_gray.gif");
background-repeat: repeat-x;
height: 1px;
margin-top: 15px;
margin-bottom: 15px;
}
.touradsbox {
	background:#fff;
	width: 100%;
	margin: 0 0 0 0;
	float: left;
	}
.touradsbox em {
	font-weight: normal;
	color: #0049aa;
	text-decoration: underline;
	}
.touradsbox h2 {
margin: 1px 0 0 0;
font-size: 14px;
margin-bottom: 10px;
color:#05b;
	}
.touradsbox p {
	margin-top: 5px;
	font-size: 12px;
	line-height: 18px;
	}
.touradsbox2 {
	background:transparent;
	padding: 0 0 0 0;
	}
.touradsbox img {
	float:left;
	margin: 0px 10px 1em 0;
	}
	
.description {
	padding-left:75px;
	line-height: 18px;
	color: #333;
	}
	
	
p.tourinfo {
	padding: 15px 0px 15px 45px;
	background: url(../images/tourinfo1.png) no-repeat 0px top #FFFFFF;
	color: #3172B4;
	font-size: 120%;
}



li.pagination	{

}

ul.pagination	{

	list-style-type:						none;
	cursor:	default;
margin-left: 0; padding-left: 5px;
	white-space: nowrap;
}

ul.pagination {

	text-decoration:						center;
    font-size:								1em;
	margin: 								0	0	0	0;
	float:									none;

}


li#pagination	{

	list-style-type:						none;
	cursor:									default;

}

ul.pagination li	{

	display: 								block;
	float:									left;
	margin:									0 0 5px 4px;
	padding: 								2px;
	border:									1px solid #c4c4c7;
	color: 									#a4a4a7;

}

ul.pagination li:hover	{

	border-color:							#a4a4a7;
}

ul.pagination li a,

ul.pagination li em	{

	position:								relative;
	display: 								block;
	padding: 								1px  4px;
	 font-size: 9px;
	line-height: 12px;
}
ul.pagination li a	em	{
	 font-style:							normal;
	 padding:								0;
	 font-size: 9px;
	line-height: 12px;
	font-weight: normal;
	color: #003399;
	text-decoration: 					none;

}
ul.pagination li a:visited	{
	color: #003399;
    text-decoration: 					underline;
}
ul.pagination li a:hover	{

	text-decoration: 					underline;
	color: #FF6600;
}
.readon {
	float: left;
	width: 120px;
	display: block;
	background: url(../images/readmore.gif) no-repeat top left;
	font-size: 11px;
	color: #003399;
	line-height: 20px;
	text-indent: 0px;
	height: 20px;
	border: 0px;
	cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.readon:hover, .readon:active, .readon:focus {
	background: url(../images/readmore.gif) no-repeat bottom left;
	color: #FF6600;
	text-decoration: none;
}





.privateads p {
	font-weight:normal;
	color: #333333;
	text-align: left;
	margin-top:.5em;
	}
.privateads p.contact {
	font-weight:normal;
	color: #678197;
	margin-top:.5em;
	}	
.privateads a:link {
	color:#d42945;
	text-decoration:none;
	border-bottom:1px dotted #ffbac8;
	}	
.privateads a:visited {
	color:#d42945;
	border-bottom:none;
	text-decoration:none;
	}		
.privateads a:hover,
.privateads a:focus {
	color:#f03b58;
	border-bottom:1px solid #f03b58;
	text-decoration:none;
	}
.privateads table a,
.privateads table a:link,
.privateads table a:visited {
	border:none;
	}		
.privateads img {
	border:0;
	margin-top:.5em;
	}	
.privateads {
	width:98%;
	border-top:1px solid #e3f1fe;
	border-right:1px solid #e3f1fe;
	margin:1em auto;
	border-collapse:collapse;
	}
.privateads caption {
	color: #9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	padding:0;
	margin:1em 0 0 0;
	margin-bottom:0;
	caption-side:top;
	text-align:center;
	}	
.privateads tr.odd td,
.privateads tr.odd .column1 {
	background:#f4f9fe url(images/background_privateads.gif) no-repeat;
	}	

.column1	{
	background:#f9fcfe;
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#345487;
	text-align:center;
	}
.privateads td {
	color:#678197;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:left;
	}	
	
.privateads td.text  {
	color:#678197;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	vertical-align: top;
	}	
		.privateads h2 {
	font-weight:bold;
	color: #345487;
	margin: 0;
  padding: 0;
  font-size: 1.3em;
  line-height: 1.4;
	}	
	
	
				
.privateads th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.1em 1em;
	}	
.privateads thead th {
	background:#f4f9fe;
	text-align:left;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3;
	}				
.privateads tfoot th {
	background:#f4f9fe;
	text-align:center;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
.privateads tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	
	
	
ol {
	margin:0.7em 0;
padding:0;
	}
	
.orderedlist li {
	margin-top:10px;
	}
	
	
.businessads p {
	font-weight:normal;
	color: #333333;
	text-align: left;
	margin-top:.5em;
	font-size:12px;
	}
.businessads p.contact {
	font-weight:normal;
	color: #678197;
	margin-top:.5em;
	font-size:12px;
line-height:1.5;
	}	
.businessads a:link {
	color:#d42945;
	text-decoration:none;
	border-bottom:1px dotted #ffbac8;
	}	
.businessads a:visited {
	color:#d42945;
	border-bottom:none;
	text-decoration:none;
	}		
.businessads a:hover,
.businessads a:focus {
	color:#f03b58;
	border-bottom:1px solid #f03b58;
	text-decoration:none;
	}
.businessads table a,
.businessads table a:link,
.businessads table a:visited {
	border:none;
	}		
.frame2 {
	border:1px solid #E3F1FE;
	margin:.5em;
	padding:4px;
	background:#ffffff;
	}
	.frame3 {
	border:1px solid #E3F1FE;
	padding:2px 4px;
	background:#ffffff;
	}
	
.businessads {
	width:96%;
	border-top:1px solid #e3f1fe;
	border-right:1px solid #e3f1fe;
	margin:1em auto;
	border-collapse:collapse;
	}
.businessads caption {
	color: #9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	padding:0;
	margin:1em 0 0 0;
	margin-bottom:0;
	caption-side:top;
	text-align:center;
	}	
.businessads tr.odd td,
.businessads tr.odd .column1 {
	background:#f4f9fe url(images/background_privateads.gif) no-repeat;
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	}		

.column1	{
	background:#f9fcfe;
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#345487;
	text-align:center;
	}
.businessads td {
	color:#678197;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:left;
	}	
	
.businessads td.text  {
	color:#678197;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	vertical-align: top;
	}	
	
	.businessads h2 {
	font-weight:bold;
	color: #345487;
	margin: 0;
  padding: 0;
  font-size: 14px;
	}	

				
.businessads th {
	font-weight:normal;
	color: #678197;
	text-align:center;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.1em 1em;
	}	
.businessads thead th {
	background:#f4f9fe url(images/background_privateads.gif) no-repeat;
	text-align:left;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3;
	}				
.businessads tfoot th {
	background:#f4f9fe;
	text-align:center;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
.businessads tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}
div.spacing_ten {
	margin: 10px 0 10px 0; 
	} 
div.spacing_twenty {
	margin: 20px 0 20px 0; 
	} 
.frame4 {
	border:1px solid #E3F1FE;
	padding:2px 2px 2px 2px;
	background:#ffffff;
	margin-top:2px;
	}
	h2 {
	font-size: 14px;
}


.ja-msg-foot {background:url('http://www.dubrovnik-online.com/images/icons/msg-foot-cmt.png') no-repeat 100% 15px #ebf2f6;
padding:15px 0 0 15px;
min-height:140px;
margin:10px 0 5px;
border:1px solid #cfd9df;
text-shadow:0 1px 2px rgba(255,255,255,1);}
.ja-msg-foot h2,.ja-msg-foot h3,.ja-msg-foot h4{border-top:0 !important;margin-top:0 !important;padding-top:0 !important;}
.msg-foot-info{background:url('http://www.dubrovnik-online.com/images/icons/msg-foot-conc.png') no-repeat 98% 15px #ebf2f6;}