/***************************************************
    DEFAULT CSS for Visia Dubrovnik
    Author: WEB Marketing (www.wem.hr)
    Media: Screen

    STRUCTURE:
    01/ BASIC SETTINGS
    02/ LAYOUT & GRID
    03/ NAVIGATION
    04/ FEATURES
    05/ CONTENT
    06/ MISC
***************************************************/

/*
01/ BASIC SETTINGS
==================================================*/
*              { margin: 0; padding: 0; list-style: none; outline: none; }
body           { font: normal 12px/1em Arial, Helvetica, sans-serif; color: #fff; background: #215c79 url(../images/css/body.gif) repeat-x 0 0; }

/**** RESET ***/
a,
a img          { outline: none; }
input:focus,
textarea:focus,
select:focus   { outline: none; } /* Safari Fix. */

a img,
fieldset       { border: none; }

legend         { display: none; }

h1, h2, h3, 
h4, h5, h6     { line-height: 1.5em; }

/*** HIDE ***/
#printlogo,
#printContacts { display: none; }

/*** BASIC TYP. ***/
p,
ul,
ol,
dl,
table          { margin: 10px 0; }

/*** HEADINGS ***/
h1             { font-size: 1.3em; line-height: 1.1em; font-weight: bold; margin: 0 0 20px 0; padding-bottom: 5px; border-bottom: 1px dashed #fff; }
h2             { font-size: 1em; line-height: 1.1em; font-weight: bold; margin: 20px 0 10px 0; }
h3,
h4,
h5,
h6             { font-size: 1em; font-weight: bold; margin: 20px 0 10px 0; }

/*** LIST ***/
ul li          { background: transparent url(../images/css/list.gif) no-repeat 0 7px; padding-left: 15px; margin-left: 15px; }
ul ul          { margin: 0; }
ol li          { list-style: decimal; margin-left: 40px; }
ol ol li       { margin-left: 25px; }

/*** TABLES ***/
table          { margin: 10px 0; border: 1px solid #356d80; border-collapse: collapse; border-spacing: 0; font-size: 1em; }
caption        { font-size: .9em; margin: 0; padding: 0; font-style: italic; }
td, th         { padding: 5px 10px; vertical-align: top; }
th             { background: #356d80; text-align: left; font-weight: bold; border: 1px solid #356d80; }
td             { background: none; border: 1px solid #356d80;}

table.blank    { margin: 0; border: none; border-collapse: collapse; border-spacing: 0; }
.blank th, 
.blank td      { font-weight: normal; border: none; background: none; padding: 0 5px 0 0; }

/*** LINKS ***/
a              { color: #f1b935; text-decoration: underline; }
a:hover        { color: #f1b935; text-decoration: none; }


/*
02/ LAYOUT & GRID
==================================================*/
#wrapper,
.inner         { width: 960px; height: 100%; overflow: hidden; margin: 0 auto; }

#wrapper       { background: transparent url(../images/css/wrapper-bg.jpg) no-repeat 0 0; }

#navigation    { display: inline; float: left; width: 250px; height: 100%; overflow: hidden; }

	#mainNav         { background: url(../images/css/cols-bg.png); padding-bottom: 10px; margin-bottom: 1px; }

	#logo            { width: 250px; height: 221px; margin: 0 0 15px 0; padding: 0; border: 0; }
	#logo a          { display: block; width: 250px; height: 221px; overflow: hidden; text-indent: -9999px; background: transparent url(../images/css/logo.png) no-repeat 0 0; }
	#mainMenu        { margin: 0 0 20px 0; }
	
	#sponsorsLeftBox { height: 100%; overflow: hidden; padding: 20px; background: url(../images/css/leftsponsors-bg.png); }

#container     { display: inline; float: left; width: 530px; height: 100%; overflow: hidden; }

	#path            { width: 510px; height: 20px; overflow: hidden; padding: 30px 0 0 0; margin: 0 0 0 10px; border-bottom: 1px dashed #fff; }
	#header          { min-height: 172px; height: 100% !important; height: 172px; overflow: hidden; margin: 20px 0 10px 0; background: transparent url(../images/css/header.jpg) no-repeat 0 10px; }
	#toolsHolder     { height: 100%; overflow: hidden; }
	
	#mainContent     { height: 100%; overflow: hidden; padding: 25px 20px; background: url(../images/css/content-bg.png); }
	
	#topLink         { height: 100%; overflow: hidden; margin-bottom: 20px; }
	#topLink a       { display: block; float: right; padding: 5px 18px 5px 8px; background: #5298af url(../images/css/top-link.gif) no-repeat 100% 4px; font-size: 11px; color: #fff; text-decoration: none; }
	#topLink a:hover { text-decoration: underline; }

#secContainer  { display: inline; float: left; width: 180px; height: 100%; overflow: hidden; }

	#language          { height: 23px; overflow: hidden; background: #0a3b4b; margin: 0 0 24px 0; padding: 1px 0 0 0; }
	#secContainerFrame { background: url(../images/css/cols-bg.png); height: 100%; overflow: hidden; }

#footer        { padding: 21px; background: url(../images/css/footer-bg.png); margin: 0 0 10px 0; }

	#footerBoxHolder   { width: 960px; height: 100%; overflow: hidden; background: transparent url(../images/css/footer-bg.gif) repeat-y 0 0; }


/*** Specific layout ***/
.home #container           { padding-top: 51px; }



/*
03/ NAVIGATION
==================================================*/

/*** main Menu ***/
#mainMenu           { padding: 0 20px; margin: 0; line-height: 1.1em; height: 100%; overflow: hidden; }
#mainMenu li        { background: none; padding: 0; margin: 0; }

#mainMenu a         { display: block; height: 1%; font-size: 16px; font-weight: bold; color: #fff; text-decoration: none; border-top: 1px solid #6fa9bc; padding: 9px 0; }
#mainMenu #firstItem a { padding-top: 0; border: 0; }
#mainMenu .on a,
#mainMenu a:hover   { color: #a6d0dd; }

#mainMenu ul        { padding: 5px 5px 5px 5px; }
#mainMenu ul ul     { padding-left: 10px; }
#mainMenu ul a      { color: #fff !important; font-size: 12px; font-weight: normal; border: none; padding: 3px 0 3px 10px; background: transparent url(../images/css/mainmenu-arrow.gif) no-repeat 0 7px; }
#mainMenu ul a.on,
#mainMenu ul a:hover{ text-decoration: underline; }


/*** Language ***/
#language           { font-size: 10px; color: #fff; line-height: 11px; }
#language li        { float: left; margin: 5px 0 0 5px; padding: 0 5px 0 0; border-right: 1px solid #fff; background: none; }
#language a         { color: #fff; text-decoration: none; }
#language a:hover   { color: #fff; text-decoration: underline; }
#language .on a,
#language .on a:hover    { color: #fff; text-decoration: underline; }
#language #firstLangItem { border: none; margin-left: 7px; }
#language #firstLangItem a { text-decoration: none !important; }
#language #hr              { border: none; }

/*
04/ FEATURES
==================================================*/

/*** Path ***/
#path               { font-size: 11px; }
#path li            { float: left; margin: 0 8px 0 3px; padding: 0 10px 0 0; background: transparent url(../images/css/path-arrow.gif) no-repeat right center; }
#path .on           { padding: 0; margin: 0; background: none; }
#path a             { color: #fff; text-decoration: underline; cursor: pointer; }
#path .on a         { text-decoration: none; }

/*** Tools ***/
#tools              { float: right; height: 100%; overflow: hidden; background: #356d80; padding: 5px 10px; }
#printIcon          { display: inline; float: left; width: 11px; height: 10px; overflow: hidden; background: transparent url(../images/css/print.gif) no-repeat 0 0; text-indent: -9999px; margin: 4px 0 0 0; padding: 0 0 0 10px; border-right: 1px solid #fff; }
#fontSize           { display: inline; float: left; height: 100%; overflow: hidden; padding-left: 10px; letter-spacing: 1px; line-height: 15px; }
#fontSize a         { color: #fff; text-decoration: none; }
#fontSize a:hover   { color: #fff; text-decoration: underline; }
#small              { font-size: 10px; }
#normal             { font-size: 12px; }
#large              { font-size: 15px; }

/*
05/ CONTENT
==================================================*/

/*** Header ***/
#quotedBox          { float: right; width: 255px; }
#quotedBox h2       { margin: 0 0 20px 0; font-size: 20px; font-weight: normal; }
#quotedTextHolder   { height: 100%; overflow: hidden; position: relative; padding: 20px 25px; background: #0a3b4b; font-size: 14px; font-style: italic; line-height: 18px; }
.quot-begin,
.quot-end           { font-size: 30px; line-height: 30px; height: 30px; }
.quot-begin         { position: absolute; margin: -3px 0 0 -15px; }
.quot-end           { position: absolute; margin-left: 5px; }

/*** secContainer ***/
#secContainer       { line-height: 1.45em; }

#secContent         { margin: 5px 5px 10px 5px; padding: 10px; height: 100%; overflow: hidden; background: url(../images/css/seccontent-bg.gif); }
#secContent h2      { font-size: 14px; font-weight: normal; margin: 0 0 5px 0; }
#secContent p,
#secContent ul,
#secContent ol,
#secContent table   { margin: 0; }
#secContent ul li   { margin: 0; }
#secContent a       { color: #fff; text-decoration: none; }
#secContent a:hover { text-decoration: underline; }
#secContent h2 a    { text-decoration: underline; }
#secContent h2 a:hover { text-decoration: none; }

#shareBox           { margin-bottom: 15px; height: 100%; overflow: hidden; }
#shareBox h2        { font-size: 14px; font-weight: normal; margin: 0 5px 10px 5px; padding: 7px 10px; background: url(../images/css/seccontent-bg.gif); }
#shareBox a         { color: #fff; text-decoration: none; }
#shareBox a:hover   { text-decoration: underline; }

.addthis_toolbox                   { padding: 0 15px !important; }
#shareBox .addthis_button_compact  { background: #3b6e7f url(../images/css/addthis-icons.gif) no-repeat 0 0 !important; }
#shareBox .addthis_button_facebook { background: #3b6e7f url(../images/css/addthis-icons.gif) no-repeat 0 -16px !important; }
#shareBox .addthis_button_myspace  { background: #3b6e7f url(../images/css/addthis-icons.gif) no-repeat 0 -32px !important; }
#shareBox .addthis_button_google   { background: #3b6e7f url(../images/css/addthis-icons.gif) no-repeat 0 -48px !important; }
#shareBox .addthis_button_twitter  { background: #3b6e7f url(../images/css/addthis-icons.gif) no-repeat 0 -64px !important; }
#shareBox .addthis_button_compact span,
#shareBox .addthis_button_facebook span,
#shareBox .addthis_button_myspace span,
#shareBox .addthis_button_google span,
#shareBox .addthis_button_twitter span { background: none !important; }

#facebookBox        { height: 100%; overflow: hidden; background: #fff; }
#facebookBox .fbConnectWidgetFooter { display: none !important; visibility: hidden !important; }

#sponsorsBox        { height: 100%; overflow: hidden; padding: 15px 10px; text-align: center; }
#sponsorsBox h2     { font-size: 14px; font-weight: normal; margin: 0 0 10px 0; text-align: left; }
#sponsorsBox img    { margin: 0 0 10px 0; }

#sponsorsLeftBox        { height: 100%; overflow: hidden; padding: 15px 10px; text-align: center; }
#sponsorsLeftBox h2     { font-size: 14px; font-weight: normal; margin: 0 0 10px 0; text-align: left; }
#sponsorsLeftBox img    { margin: 0 0 10px 0; }

/*** Footer ***/
#footer             { line-height: 1.6em; }
#contactBox         { display: inline; float: left; width: 220px; margin: 0 20px 0 0; }
#footer .box        { display: inline; float: left; width: 160px; padding: 0 10px; height: 100%; overflow: hidden; }
#footer h2          { margin: 0 0 15px 0; padding: 7px 0 0 0; font-size: 14px; }
#footer h2 img      { margin-top: -7px; }

#footer ul li       { margin: 0; padding: 0 0 0 10px; background: transparent url(../images/css/footer-list.gif) no-repeat 0 8px; }
#footer a           { color: #fff; }


/*** Home ***/
#homeContent        { line-height: 1.45em; }

#homeCols           { width: 500px; height: 100%; overflow: hidden; margin: 0 0 30px 0;  }
#homeCols .box      { display: inline; float: left; width: 240px; height: 100%; overflow: hidden; margin: 0 10px 0 0; }

#homeContent h2     { font-size: 1.2em; font-weight: normal; padding-bottom: 5px; border-bottom: 1px dashed #fff; margin-top: 0; }
#homeContent h2 a   { color: #fff; text-decoration: none; }
#homeContent h2 a:hover { text-decoration: underline; }

#homeWide           { height: 100%; overflow: hidden; }
.home imagesListing { margin: 0 0 10px 0; }

/*** Static ***/
#mainContent        { line-height: 1.45em; }
#facebook-like      { height: 100%; overflow: hidden; margin: 25px 0 0 0; line-height: 21px; color: #fff !important; }
#facebook-like span.connect_widget_text { color: #fff !important; }

/*** Images listing ***/
#searchBox          { height: 20px; overflow: hidden; background: #052631; padding: 10px; margin: 0 0 15px 0; position: relative; font-size: 1.2em; font-weight: bold; color: #f1b935; }
.searchForm         { position: absolute; top: 10px; right: 10px; }
.searchForm input   { float: left; }
.searchFor          { width: 170px; height: 18px; padding: 2px 4px 0 4px; font: normal 11px Arial, Helvetica, sans-serif; color: #052631; background: #fff; border: 0; vertical-align: middle; }
.searchSubmit       { width: 57px; height: 20px; font: normal 11px Arial, Helvetica, sans-serif; color: #fff; background: #666; border: 0; margin-left: 1px; vertical-align: middle; }

#imagesListing      { height: 100%; overflow: hidden; padding: 15px; background: #052631; margin: -5px 0 0 0; }
.imagesList         { width: 459px; height: 100%; overflow: hidden; }
.imagesList ul      { margin: 0; padding: 0; }
.imagesList ul li   { float: left; padding: 0; background: 0; margin: 0 1px 1px 0; width: 50px; height: 50px; }

.images-filter      { height: 100%; overflow: hidden; }
.images-filter h2   { font-size: 1.2em; font-weight: bold; color: #fff; margin-top: 0; }
.filter-form        { height: 100%; overflow: hidden; margin: 10px 0 0 0; }
.filter-form select { font: normal 11px Arial, Helvetica, sans-serif; color: #333; border: 1px solid #999; float: left; margin: 0 5px 0 0; padding: 1px; }
.filter-form input  { float: left; font: normal 11px Arial, Helvetica, sans-serif; color: #fff; background: #666; border: 0; padding: 2px 5px 1px 5px; }

/*** Image details ***/
#imageDetails       { background: #052631; padding: 15px; }
.main-image         { margin: -15px -15px 20px -15px; }
.autor-info         { margin: 0 0 20px 0; }
.autor-info li      { margin: 0; padding: 0; background: 0; }

/*** Search results ***/
.searchResults      { height: 100%; overflow: hidden; padding: 0 15px; }
.searchItem         { height: 100%; overflow: hidden; padding: 5px 0; border-top: 1px solid #0c2b33; position: relative; }
#firstSearchItem    { padding-top: 0 !important; border-top: 0 !important;}
.searchImage        { display: inline; float: left; width: 50px; height: 50px; overflow: hidden; margin: 0 15px 0 0; }
.searchAuthor       { display: inline; float: left; width: 250px; color: #add0db; }
.searchAuthor p     { margin: 0; }
.authorName         { font-size: 1.2em; font-weight: bold; }
.searchLink         { width: 100px; text-align: right; position: absolute; right: 0; bottom: 10px; color: #add0db; }
.searchLink a       { color: #add0db; }

.searchResults .paginator              { padding: 10px 0 0 0; border-top: 1px solid #5298af; border-bottom: 0; margin: 20px 0 0 0; }
.searchResults .paginator .firstPage a,
.searchResults .paginator .prevPage a,
.searchResults .paginator .nextPage a,
.searchResults .paginator .lastPage a  { background-image: url(../images/css/paginator-search.gif); }

.searchParameters            { height: 100%; overflow: hidden; margin: 0 0 20px 15px; font-size: .9em; }
.paginator .searchParameters { clear: both; padding: 5px 0 0 0; text-align: right; margin-bottom: 0; }
.searchForTerm               { font-size: 1.3em; margin-bottom: 5px; }

/*** Paginator ***/
.paginator          { height: 100%; overflow: hidden; padding: 0 0 10px 0; margin: 10px 0; border-bottom: 1px solid #5298af; }
.paginator ul       { float: right; margin: 0; padding: 0; }
.paginator ul li    { float: left; margin: 0; padding: 0; background: 0; }
.paginator a        { display: block; height: 20px; overflow: hidden; font-size: 11px; color: #fff; text-decoration: none; text-align: center; line-height: 20px; margin: 0 3px; }
.paginator a:hover,
.paginator .on      { color: #5298af; }

.paginator .firstPage a,
.paginator .prevPage a,
.paginator .nextPage a,
.paginator .lastPage a      { background-image: url(../images/css/paginator.gif); text-indent: -9999px; width: 15px; height: 15px; margin-top: 3px; }
.paginator .firstPage a     { background-position: 0 -30px; }
.paginator .firstPage a.off { background-position: -15px -30px; }
.paginator .prevPage a      { background-position: 0 0; }
.paginator .prevPage a.off  { background-position: -15px 0; }
.paginator .nextPage a      { background-position: 0 -15px; }
.paginator .nextPage a.off  { background-position: -15px -15px; }
.paginator .lastPage a      { background-position: 0 -45px; }
.paginator .lastPage a.off  { background-position: -15px -45px; }

.paginator .off             { cursor: default; }


/*
06/ MISC
==================================================*/
#development        { height: 100%; overflow: hidden; padding: 0 0 30px 0; color: #052631; font-size: 11px; line-height: 14px; text-align: center; }
#development a      { color: #052631; }
#development a:hover{ text-decoration: none; }