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



/*
 * SITE COLORS
 *
   Background:						#93B1D7
   Text color:						#333333
   Body:							#C5D5E9
   
*/

/* *{border: solid thin black;} */

body { background-color: #93B1D7; font-family: Calibri; color: #333333; font-size: 12px; }
/****************************
 * 			LAYOUT 			*
*****************************/
#container { width: 804px; margin: 0 auto; }
#menu_background { width: 804px; height: 27px; background: url(../images/layout/menu_background.jpg) top left no-repeat; /* text*/ font-size: 14px; font-weight: bold; color: #FFF; }
#border_left { width: 803px; margin-left: 1px; background: url(../images/layout/border_line.jpg) top left repeat-y; }
#border_right { width: 798px; background: url(../images/layout/border_line.jpg) top right repeat-y; margin-left: 2px; padding-right: 2px; background-color: #C5D5E9; } /* body for context */
#logo { width: 167px; padding-top: 20px; padding-left: 1px; }
#body_header { width: 798px; height: 36px; background:url(../images/layout/body_header.jpg) top left no-repeat; }
#footer_background { width: 804px; height: 67px; background: url(../images/layout/footer_background.jpg) top left no-repeat; }
#flash { width: 630px; height:200px; }
/* menu */
#home,
#charter,
#sales,
#equipment,
#contact { width: 124px; height: 21px; padding-right: 2px; padding-top: 4px; background: url(../images/layout/menu_line.jpg) top right no-repeat; /* margin for menu_line */ margin-top: 2px; }
#home { width: 127px; } /* align the menu_line with flash right border*/
#language { height: 25px; padding-top: 2px; padding-left: 45px; }
/* INDEX page */
div.layout_boats { width: 720px; margin: 0px auto; padding-bottom: 3px; }
div.layout_boats div { padding-right: 5px; }
div.layout_boats div.boats_title_background { width: 175px; background: url(../images/layout/boats_title_background.jpg) top left no-repeat; /* text */ text-align: center; color: #FFF; height: 30px; padding-top: 10px; font-weight: bold; }
#divider { width: 731px; margin: 0px auto; padding-bottom: 10px; }
/* old new */
div.old_new_container div.layout_boats { width: 600px; margin: 0px auto; padding-bottom: 3px; }
div.layout_boats div.separate_new_old { padding-right: 60px; }
/* titles */
img.titles { padding: 24px 0 12px 70px; }
#prodaja_novih { padding: 14px 0 12px 110px; }
#prodaja_rabljenih { padding: 14px 0 12px 77px; }
/* footer */
#copyright { float: right; padding-top: 25px; padding-right:140px; font:11px bold; color:#000; }
/* CHARTER page */
#chart_menu_relative { position: relative; }
#chart_menu { position: absolute; top: -150px; left: 20px; width: 132px; height: 149px; background: url(../images/layout/charter/menu_background.png) top left no-repeat; padding: 15px 15px 0 15px; /* text */ text-align: center; font-weight: bold; letter-spacing: 1px; }
div.layout_boats_chart { width: 600px; margin: 0 auto; padding-bottom: 3px; }
div.layout_boats_chart div { width: 250px; padding: 0 25px; text-align: center; }
/* charter MARINA page */
#marina_large { width: 650px; margin: 0 auto; padding-bottom: 3px; }
#stripes_marina { width: 650px; margin: 0 auto; }
div.marina_pics { width: 650px; margin: 0px auto; }
div.marina_pics div { width: 122px; padding: 20px; }
/* charter ROUTE page */
table.route_stats { width: 600px; margin: 0 auto; margin-bottom: 10px; padding: 0; background-color: #93B1D7; /* text */ color: #FFF; }
table.route_stats td { padding: 5px; color: #1D4A84; vertical-align: top; }
table.route_stats th { font-size: 16px; background: #1D4A84 url(../images/layout/charter/route/route_htop_back.jpg) top left no-repeat; padding: 2px 0 2px 0; }
table.route_stats td.route_thumb { width: 220px; vertical-align: top; padding-top: 20px; text-align: center; }
td.route_thumb img { padding: 5px; border: 1px solid #FF0; }
table.route_stats td.col2 { width: 40px; }
/* CHARTER BOATS */
div.gallery_relative { position: relative; width: 680px; margin: 0 auto; padding-bottom: 30px; }
/* charter boats stats */
table.boat_stats { width: 600px; margin: 0 auto; padding-bottom: 10px; }
table.boat_stats th { font-size: 14px; padding-bottom: 5px; text-decoration: underline; }
table.boat_stats td.col1 { width: 150px; font-weight: bold; text-align: center; border-bottom: 1px solid #1C4984;}
table.boat_stats td.col2 { width: 450px; border-bottom: 1px solid #1C4984;}
/* charter RATES */
table.rates { margin: 0 auto; margin-bottom: 10px; }
table.rates td { padding: 3px 5px; }
table.rates td.inside { text-align: center; }
table.rates td.th { font-weight: bold; color: #1C4984; }
table.rates td.boats { font-weight: bold; }
/* SALE page */
div.sale { width: 725px; margin: 0 auto; padding: 0; padding-left: 25px; }
div.sale_three_lines { width: 711px; margin: 0 auto; padding: 10px 0 10px 0; }
div.sale_logo { width: 201px; padding: 2px 0;}
table.boat_stats td.price_tax { width: 200px; text-align: center; border: 1px solid #1C4984; font-weight: bold; }
/* CONTACT page */
.inside_text_left { padding: 0; margin: 0; padding-right: 5px; padding-bottom: 2px; }
.contact { margin: 0 50px 0 53px; text-align: center; font-size: 14px; }
div.gmap { width: 425px; margin: 0; text-align: right; }
/* News gallery(ies) */
table.news_gallery { width: 704px; margin: 0 auto; padding: 0; }
table.news_gallery td { margin: 0px; padding: 0px; vertical-align: top; }
/****************************
 * 			TOOLS 			*
*****************************/
/* FLOATS */
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
/* ALIGMENT */
.center { text-align: center }
.justify { text-align: justify }
/* OUTSIDE IN BOX/ WIDTH 100% */
.width100 { width: 100%; }
.height100 { height: 100%; }
/* divider */
div.divider { padding-bottom: 20px; }
/****************************
* 			TEXT 			*
*****************************/
h1,
h2,
h3,
h4,
p { width: 750px; margin: 0 auto; padding: 5px 0 10px 0; }
p.marina { width: 650px; margin: 0 auto; padding: 10px 0px; text-align: justify; }
p.sale { width: 500px; margin-left: 10px; margin-top: 0; padding: 0; text-align: justify; }
/****************************
* 			FORMS 			*
*****************************/

/****************************
* 			LISTS 			*
*****************************/
ul, li { margin: 0; padding: 0; }
ul.equip { margin-left: 35px; }
ul.equip li { padding-left: 5px; }
/**************
 * NAVIGATION *
**************/
a { text-decoration: none; color: #FFF; }
a.selected { text-decoration: none; color: #FF0; }
a:hover { text-decoration: underline; color: #FFF; }
#chart_menu a { text-decoration: none; color: #1D4A84; }
#chart_menu a:hover { text-decoration: underline; color: #1D4A84; }
#chart_menu img { border: none; }
/* LINKS */
div.layout_boats_chart a { text-decoration: none; color: #1C4984; }
div.layout_boats_chart a.selected { text-decoration: none; color: #FF0; }
div.layout_boats_chart a:hover { text-decoration: underline; color: #1C4984; }
div.sale a { text-decoration: none; color: #1C4984; }
div.sale a.selected { text-decoration: none; color: #FF0; }
div.sale a:hover { text-decoration: underline; color: #1C4984; }
div.contact_layout a { text-decoration: none; color: #1C4984; }
div.contact_layout a.selected { text-decoration: none; color: #FF0; }
div.contact_layout a:hover { text-decoration: underline; color: #1C4984; }
/**************
 * Pictures *
**************/
img { border: none; }
div.marina_pics img { border: solid 1px #FF0; }
/* news gallery */
table.news_gallery img { border: solid 1px #FFF;  margin: 5px; padding: 0; }
/* LIGHTWEIGHT */
/* begin gallery styling */
#jgal { list-style: none; width: 200px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; }
#jgal li img { position: absolute; top: 0px; left: 180px; display: none; }
#jgal li.active img { display: block; border: 3px solid #fff; outline: 1px solid #ddd; cursor: auto; }
#jgal li.active, #jgal li:hover { outline-color: #FF0; opacity: .99 /* safari bug */ }
/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }