/**
 * @version $Id: layout.css 10387 2008-06-03 10:59:16Z pasamio $
 * @author Design & Accessible Team ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */
 	
 
/* GLAVNE BOJE - YACHTIUM */
/* #CC2A00 - crvena boja */
/* #09247A - plava  boja */
/* #F9F9F9 - skoro bijela boja */
/* #ABAFA6 - tamno siva boja */
/* #C1BDBC - tamno siva boja */
 
a:link,a:visited
{
	/*color:#C1BDBC; */ /*#000 - crna boja */
	color:#7a7a7a; /* #3b3b3b najtamnija siva - skoro crna */
	font-weight:bold;
	text-decoration:none;
}

a:hover,a:active,a:focus
{
	/*background:#f9f9f9;*/  /*#000 - crna boja */
	color:#04113a; 
	text-decoration:none;
	/*color:#ABAFA6;*/ /* #fff - bjela boja */
}

h3 {
	font-size:1.1em;/* origigi 1.1em */
	font-weight:bold;
	margin:10px 0;
}

h4 {
	border:solid 0px#6f6cf7;
	color:#000;
	font-size:1em; 
}

input:focus {
	border:solid 2px;
}

fieldset {
	border:3px #000;
}

ol.list {
	list-style-position:inside;
	margin:20px 0;
	padding:0;
}

ol.list li {
	border-bottom:solid 1px #f9f9f9;/* #6f6cf7*/	
	margin:10px 0;
	padding:10px;
	background:#f9f9f9;/* f7f7fb  ZAMJENA*/	
}

ol.list li h4 {
	border-bottom:solid 0 #CCC;
	color:#099;
	display:inline;
	margin:0 0 10px;
}

p {
	line-height:1.4em;
	margin:5px 0;
}

ul li a.u2:focus,p a.u2:active
{
	padding:0.5em;
	background-color:#000;
	color:#FFF;
	display:inline;
	height:2.5em;
	left:0;
	margin-top:0;
	padding-left:15px;
	position:absolute;
	top:0;
	width:13.8em;
}

p.counter {
	background:#EEE;
	color:#000;
	font-weight:bold;
	margin:10px 0;
	padding:5px;
}

p.buttonheading {
	text-align:right;
}

.buttonheading img
{
	border:0;
}

p.buttonheading a:link,p.buttonheading a:visited
{
	border:solid 2px #fff;
}

.leading p.buttonheading a:link,.leading p.buttonheading a:visited
{
	border:solid 2px #6f6cf7;
}

p.buttonheading a:hover
{
	background:none !important;
	color:#000 !important;
}

p.buttonheading a:active,p.buttonheading a:focus
{
	border:solid 2px;
	color:#000;
}

em
{
	font-weight:bold;
}

.yachth2
 {
 	text-align:left;
 	color:#04113a; /* #09247A - YACHTIUM plava boja */
        font-family:arial, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	font-style:italic;
	text-decoration:none;
 } 


/* ###########  START pre-header content #############  */

#pre-header h1
{
	font-size:1.0em;
	font-weight:normal;
	/*text-transform:uppercase;*/
}


/*  Search box  */
#pre-header form
{
	background:#754ff1;/* original C39 , sada svjetlo plava 754ff1  */
	border:solid 1 #000;
	float:left; 
	height:2em; /* visina box-a , originalno je 5em*/
	/*min-width:240px;*/
	text-align:left;
	padding: 10px 0px 0px 20px; /*padding:0 0 20px 20px;*/
}


* html #pre-header form
{
	height:65px;
}


#pre-header form fieldset
{
	border:3px solid #336633; /* #336633 -ZELENA */
	/*display:inline;*/
	float:left;
	padding:19px;
	text-align:left;
	width:6em; /* original - 6em */
}


#pre-header form label
{
	color:#336633;  /*Kada se prelazi mi�em preko gornjeg izbornika START, FLOTA, �ARTER...*/
	position:absolute;
	/*left:-3000px; */
	/*top:-200px;*/
	left:-1000px; 
	top:-200px;
	width:auto;
}


#pre-header form .button
{
	background:#336633; /* #336633 -ZELENA */
	border:5;
	color:#fff;
	font-weight:bold;
	margin:20px 10px 0 0;
	padding:0px 5px 0px 30px;
	cursor:pointer;
}


/* Pravokutnik za SEARCH */
#pre-header form .inputbox
{
	background:#fff;
	border:solid 2px #131e8f;
	font-weight:bold;
	padding:0 0 0 2px;
	margin:10px 0 0 0 !important; /* ORIGINAL - margin:20px 10px 0 0 !important; */
	width:6em;
}

#pre-header form .inputbox:focus
{
	border:solid 2px #000;
}


/* pre-header Top-nav */
 /*Kada se prelazi mi�em preko gornjeg izbornika START, FLOTA, �ARTER...*/
#pre-header #active_menu-nav
{
	background:#336633; /* #336633 - zelena boja */
	color:#fff;
}


/*Podloga LINIJE gornjeg izbornika JEZIKA...* ovo sam mjenjao 14.04.2011. */
#pre-header ul 
{
	background:#f9f9f9; /* #f9f9f */
	display:block;
	margin: 0px 0 -30px;
   padding:5px 0;
	text-align:right;
}


/* NE VIDIM DA SE I�TA MJENJA , tek kada "#header ul li a:link,#header ul li a:visited?" nema boje pozadine pojavljuje se �uta boja koja prekriva samo visinu slova */
#pre-header ul li 
{
	background:#f9f9f9; /* #FAFA32 - �UTA BOJA*/
	color:#fff;
	display:inline;
	text-align:center;
	/*padding:10px 1px;*/
}


/* Podloga gornjeg izbornika START, FLOTA, �ARTER...*/
#pre-header ul li a:link,#pre-header ul li a:visited 
{
	background:#f9f9f9; /*#f9f9f9 */
	color:#7a7a7a; /* #3b3b3b najtamnija siva - skoro crna */
	font-weight:bold;
	text-decoration:none;
	border-right:solid 1px #3b3b3b;
	padding:0px 10px;
	line-height:3em;
}


#pre-header ul li a:hover,#pre-header ul li a:active,#pre-header ul li a:focus
{
	background:#f9f9f9; /* #f9f9f9  Boja napodlozi gornjeg menija koja se mjenja kada se prelazi miďż˝em * ovo sam mjenjao 14.04.2011. */
	color:#04113a; 
	font-weight:bold;
	font-size:1.00em

}

/* Na žalost, doljnji blok ne funkcionira za što je napisan, odnosno trajno ne drďż˝i oznaďż˝en onaj dio koji je prije aktiviran * ovo sam mjenjao 14.04.2011. */
#pre-header ul li.active a:link,#pre-header ul li.active a:visited
{
	background:#f9f9f9;
	color:#04113a;
	font-weight:bold;
	text-decoration:none;
	border-right:solid 1px #666;
	padding:0px 10px;
	line-height:3em;
	

}


/* ###########  FINISH pre-header content #############  */


/* ###########  header content #############  */
#header h1
{
	font-size:1.5em;
	font-weight:normal;
	text-transform:uppercase;
}

#logo
{
	font-size:1.1em !important;
	font-weight:bold !important;
	position:left;
	text-align:left;
	text-transform:none !important;
	z-index:0;
	margin-top:1em;
	margin-bottom:1em;
}

#logo img
{
	display:block;
}


#logo span
{
	display:block;
	margin:0 0 2px 100px !important;

}

/*  Search box  */
#header form
{
	/*background:#754ff1;*//* original C39 , sada svjetlo plava 754ff1  */
	border:solid 1 #000;
	float:left; 
	/*height:2em; *//* visina box-a , originalno je 5em*/
	/*min-width:240px;*/
	text-align:left;
	padding: 10px 0px 0px 20px; /*padding:0 0 20px 20px;*/
}


* html #header form
{
	height:65px;
}


#header form fieldset
{
	border:3px solid #336633; /* #336633 -ZELENA */
	/*display:inline;*/
	float:left;
	padding:19px;
	text-align:left;
	width:6em; /* original - 6em */
}


#header form label
{
	color:#336633;  /*Kada se prelazi mi�em preko gornjeg izbornika START, FLOTA, �ARTER...*/
	position:absolute;
	left:-3000px; 
	top:-200px;
	width:auto;
}


#header form .button
{
	background:#336633; /* #336633 -ZELENA */
	border:0;
	color:#fff;
	font-weight:bold;
	margin:20px 10px 0 0;
	padding:0px 5px 0px 30px;
	cursor:pointer;
}


/* Pravokutnik za SEARCH */
#header form .inputbox
{
	background:#fff;
	border:solid 2px #131e8f;
	font-weight:bold;
	padding:0 0 0 2px;
	margin:10px 0 0 0 !important; /* ORIGINAL - margin:20px 10px 0 0 !important; */
	width:6em;
}

#header form .inputbox:focus
{
	border:solid 2px #000;
}


/* header Top-nav */
 /*Kada se prelazi mi�em preko gornjeg izbornika START, FLOTA, �ARTER...*/
#header #active_menu-nav
{
	background:#336633; /* #336633 - zelena boja */
	color:#fff;
}


/*Podloga LINIJE gornjeg izbornika JEZIKA...*/
#header ul 
{
	background:#f9f9f9;
	display:block;
	margin: 7px 0 0px;
   /*padding:5px 0;*/
	text-align:right;
}


/* NE VIDIM DA SE I�TA MJENJA , tek kada "#header ul li a:link,#header ul li a:visited?" nema boje pozadine pojavljuje se �uta boja koja prekriva samo visinu slova */
#header ul li 
{
	background:#FAFA32; /* #FAFA32 - �UTA BOJA*/
	color:#fff;
	display:inline;
	text-align:center;
	/*padding:10px 1px;*/
}


/* Podloga gornjeg izbornika START, FLOTA, �ARTER...*/
#header ul li a:link,#header ul li a:visited 
{
	background:#f9f9f9;
	color:#7a7a7a; /* #3b3b3b najtamnija siva - skoro crna */
	font-weight:bold;
	text-decoration:none;
	border-right:solid 1px #3b3b3b;
	padding:0px 10px;
	line-height:3em;
}

#header ul li a:hover,#header ul li a:active,#header ul li a:focus
{
	background:#f9f9f9; /*  Boja napodlozi gornjeg menija koja se mjenja kada se prelazi mi�em */
	color:#04113a; 
	font-weight:bold;
	font-size:1.00em

}

/* Funkcija donjeg dijela je ozna�avanje na MENIU onog �to je aktivno */
/* Funkcionira pod uvjetom da je u Module Menager namje�teno MODULE PARAMETERS->MENU STYLES-> list */

#header ul li.active a:link,#header ul li.active a:visited
{
	background:#f9f9f9;
	color:#04113a;
	font-weight:bold;
	text-decoration:none;
	border-right:solid 1px #666;
	padding:0px 10px;
	line-height:3em;
	

}


/*  fontsize  */
#fontsize
{
	z-index:100;
	position:absolute;
	top:0;
	right:0;
	background:#fff;
	color:#000;
}

#fontsize h3,#fontsize p
{
	border:0;
	display:inline;
	font-size:1em;
}

#fontsize p
{
	margin:0 0 0 5px;
}

#fontsize p a
{
	font-weight:bold;
	margin:0 5px;
	display:inline;
	padding:2px 0 2px 24px;
}

/* background-images */
#fontsize p a.larger {
background:#fff url(../images/lupe_larger.gif) no-repeat;
}

#fontsize p a.smaller {
background:#fff url(../images/lupe_smaller.gif) no-repeat;
}

#fontsize p a.reset {
background:#fff url(../images/lupe_reset.gif) no-repeat;
}

#fontsize p a.larger:hover,#fontsize p a.larger:active,#fontsize p a.larger:focus {
background:#000 url(../images/lupe_larger_black.gif) no-repeat;
color:#fff;
}

#fontsize p a.smaller:hover,#fontsize p a.smaller:active,#fontsize p a.smaller:focus {
background:#000 url(../images/lupe_smaller_black.gif) no-repeat;
color:#fff;
}

#fontsize p a.reset:hover,#fontsize p a.reset:active,#fontsize p a.reset:focus {
background:#000 url(../images/lupe_reset_black.gif) no-repeat;
color:#fff;
}


/* ###########  START in-header content #############  */

/*  Search box  */
#in-header form
{
	background:#754ff1;/* original C39 , sada svjetlo plava 754ff1  */
	border:solid 1 #000;
	float:left; 
	height:2em; /* visina box-a , originalno je 5em*/
	/*min-width:240px;*/
	text-align:left;
	padding: 10px 0px 0px 20px; /*padding:0 0 20px 20px;*/
}


* html #in-header form
{
	height:65px;
}


#in-header form fieldset
{
	border:3px solid #336633; /* #336633 -ZELENA */
	/*display:inline;*/
	float:left;
	padding:19px;
	text-align:left;
	width:6em; /* original - 6em */
}


#in-header form label
{
	color:#336633;  /*Kada se prelazi mi�em preko gornjeg izbornika IN-HEADER...*/
	position:absolute;
	/*left:-3000px; */
	/*top:-200px;*/
	left:-1000px; 
	top:-200px;
	width:auto;
}


#in-header form .button
{
	background:#336633; /* #336633 -ZELENA */
	border:5;
	color:#fff;
	font-weight:bold;
	margin:20px 10px 0 0;
	padding:0px 5px 0px 30px;
	cursor:pointer;
}


/* Pravokutnik za SEARCH */
#in-header form .inputbox
{
	background:#fff;
	border:solid 2px #131e8f;
	font-weight:bold;
	padding:0 0 0 2px;
	margin:10px 0 0 0 !important; /* ORIGINAL - margin:20px 10px 0 0 !important; */
	width:6em;
}

#in-header form .inputbox:focus
{
	border:solid 2px #000;
}


/* in-header Top-nav */
 /*Kada se prelazi mi�em preko gornjeg izbornika IN-HEADER...*/
#in-header #active_menu-nav
{
	background:#336633; /* #336633 - zelena boja */
	color:#fff;
}


/*Podloga LINIJE gornjeg izbornika IN-HEADER-a, sada je to Lastminute Oneway i sl..*/
#in-header ul 
{
	background:#f9f9f9; /* #f9f9f */
	display:block;
	margin: 7px 0 5px;
   /*padding:5px 0;*/
	text-align:right;
	height:2.8em;
}


/* NE VIDIM DA SE I�TA MJENJA , tek kada "#header ul li a:link,#header ul li a:visited?" nema boje pozadine pojavljuje se �uta boja koja prekriva samo visinu slova */
#in-header ul li 
{
	background:#f9f9f9; /* #fbdd36 - �UTA BOJA*/
	color:#fff;
	display:inline;
	text-align:center;
	/*padding:10px 1px;*/
}


/* Podloga gornjeg izbornika IN-HEADER...*/
#in-header ul li a:link,#in-header ul li a:visited 
{
	background:#f9f9f9; /*#f9f9f9 */
	color:#cc2800;/* svjetlo plava 235FBD*/
	font-weight:bold;
	text-decoration:none;
	border-right:solid 1px #3b3b3b;
	padding:0px 10px;
	line-height:3em;
}

#in-header ul li a:hover,#in-header ul li a:active,#in-header ul li a:focus
{
	background:#f9f9f9; /* #f9f9f9  Boja napodlozi gornjeg menija koja se mjenja kada se prelazi mi�em */
	color:#092A89; /* #093273 tamno plava */
	font-weight:bold;
	font-size:1.00em

}

/* Na �alost, doljnji blok ne funkcionira za �to je napisan, odnosno trajno ne dr�i ozna�en onaj dio koji je prije aktiviran */
#in-header ul li.active a:link,#in-header ul li.active a:visited
{
	background:#f9f9f9;
	color:#092A89;/* svjetlo plava 235FBD*/
	font-weight:bold;
	text-decoration:none;
	border-right:solid 1px #666;
	padding:0px 10px;
	line-height:3em;

}


/* ###########  FINISH in-header content #############  */


/* ################# breadcrumbs ################ */
#breadcrumbs {
background:#f9f9f9;
/*min-height:0.5em;*/ /* Visina plavog box-a, gdje je YOU ARE HERE */
height:2em;
padding-top:0;
font-size: 1.1em;
text-align:left;
color:#09247A0;
}

#breadcrumbs p {
padding:5px;
display:inline;
}

* html #breadcrumbs {
height:20px; /* Ovo reagira samo u IE */
}

#breadcrumbs a {
text-transform:none;
}

#breadcrumbs a:link,#breadcrumbs a:visited {
background:#f9f9f9;
color:#7a7a7a; /*#7a7a7a*/
}

#breadcrumbs span { 
color:#04113a;
font-size:0.9em;
font-weight:bold;
padding:7px;
}

#breadcrumbs span a:hover,#breadcrumbs span a:active,#breadcrumbs span a:focus {
background:#f9f9f9;
color:#04113a;
text-decoration:none;
}


/* ################ LIJEVI MENI ######################## */
#left form {
background:#363636; /* #363636 -ZELENA BOJA , koliko vidim na nigdje se ne pokazuje */
color:#000;
font-size:0.9em;
margin:5px 0 20px 10px;
padding:20px 10px;
border:#dedede;
}


/*Naslovi glavnog menia, kao KATAMARAN, JEDRILICE i sli�no */
#left h3,#right h3 {
color:#cc2800;
font-family:helvetica, sans-serif;
font-size:1.2em;
margin:0 0 0 0px;
padding:4px 5px 4px 10px; /*padding:4px 5px 4px 10px;*/
border:solid 1px #336633;
}


/* ---------------------------------------LIJEVI GLAVNI MENI, kao npr.  KATAMARAN, JEDRILICE i sli�no -----------------------------------------*/
/* ova funkcija uop�e ne reagiara na "background" */
#left ul {	
/* background:#000; */
list-style-type:none;
/* margin:0 0 10px 10px;  */
/*border:solid 3px #336633;*/
}


/*Dijelovi lijevog menija, kao npr.  Bavaria 36, Bavaria 37, Bavaria 38, Bavaria 39 ,...*/
/* ova funkcija uop�e ne reagiara na "background" */
#left ul li { 
 /*background:#e2fc0b;*/ /* #e2fc0b- �uta boja,  #f9f9f9*/
/* border:solid 1px #336633; */
border-bottom:solid 0px #abafa6;
padding:2px 0px 2px 10px; /*padding:3px 4px 3px 10px; */
margin:2px 0  2px 0px; /* vertikalni razmak izme�u menija na lijevoj strani*/

}


/* Djeluje na sve �lanove u lijevi Meni */
#left ul li a { 
display:block;
padding:0px 0px 0px 5px; /* odnosi se na pomak teksta u meniju i prvom podmeniju u  */
text-decoration:none;
}

/* Djeluje na sve �lanove glavno menija i podmenija */
#left ul li a:link,#left ul li a:visited {
background:#f9f9f9; /* #dedede*/	
border-bottom:solid 0px #cc2800;
color:#3b3b3b; /*#3b3b3b*/
font-weight:bold;
}


#left ul li a:hover,#left ul li a:active,#left ul li a:focus {
background:#f9f9f9 !important; 
border-left:solid 2px #09247a; /* Obilje�ava dijelove menija preko kojih se prelazi mi�em #09247a u glavnom meniju*/
font-weight:bold;
color:#09247a !important; 
}

/* Glavna-prva sastavnica podmenija, ne�to kao naslov, i to kada je aktivirana odnosno aktivna */
#left ul li.active a:link,#left ul li.active a:visited {
background:#f9f9f9;
border-left:solid 4px #09247a; /* #09247a -neka plava boja*/
color:#09247a;
font-weight:bold;
border-bottom:solid 0px #09247a; 
padding:0px 0 0px 5px; /*padding:0px 0 0px 10px;*/
}


/* ------------------------------------------------------LIJEVI  PODMENI PRVI ------------------------------------------------------------------- */

/* Ova je funkcija za podmeni , uop�e ne reagira na "background" */
#left ul li ul {						
background:#f9f9f9; /* #fff - bijela boja*/
/*border:solid 2px #09247a;*/
/*border-bottom:solid 3px #09247a;*/ /* podvu�ena crta ispod podmenija */
border-left:solid 5px #f9f9f9;  
border-top:1em;
margin:0;
}

#left ul li ul li {
/*background:#cc2800;*/ /*KUSS crvena boja*/ 
/*border:solid 1px #336633; */
/*margin:0 0 2px;*/ /* vertikalni razmak izme�u menija na lijevoj strani*/
margin:2px 0  2px 0px; /* vertikalni razmak izme�u menija na lijevoj strani*/
padding:2px 0px 2px 10px; /*padding:3px 4px 3px 10px; */
}

#left ul li ul li {
margin:0;
}

/* Djeluje na  prvi podmeni, odnosno pomicanje teksta */
#left ul li ul li a { 
display:block;
padding:0px 0px 0px 5px; /* pomi�e tekst menija */
text-decoration:none;
}


/* NADODANO!!: da bi se u podmeniju stavila tanka (normal)  slova*/
/* Djeluje na sve �lanove glavno menija i podmenija, ali koji nisu aktivni */
#left ul li ul li a:link,#left ul li ul li a:visited {
background:#f9f9f9; /* #dedede*/	
border-bottom:solid 0px #09247a;
color:#000;
font-weight:normal;
}

/* Ovaj dio radi kod varijante podmenija, ali ne radi dio kod kojeg je aktiviran kao naslov podmenija */
#left ul li ul li a:hover,#left ul li ul li a:active,#left ul li ul li a:focus  {
background:#f9f9f9; 
border-left:solid 2px #09247a;
font-weight:normal; 
}


/** Svojstva podmenija */
/* Ovaj dio radi kada aktiviramo prvu sastavnicu podmenia, zna�i u osnovnom meniu */
#left ul li.active ul li a:link,#left ul li.active ul li a:visited {
background:#f9f9f9;
border-bottom:solid 0px #09247a; /* #09247a - plava boja*/
border-left:solid 0px #336633; /* ozna�i sve �lanove podmenija */
color:#000; 
font-weight:normal; 
padding:0px 0px 0px 5px; /* padding:0px 0px 0px 10px; */
}


/*S ovim dodatkom se mogu raditi hover na aktiviranom podmeniju */
#left ul li.active ul li a:hover,#left ul li.active ul li a:active ,#left ul li.active ul li a:focus {
background:#f9f9f9;
border-bottom:solid 0px #09247a; /* #09247a - plava boja*/
border-left:solid 2px #09247a; /* ozna�i sve �lanove podmenija */
color:#09247a; 
font-weight:normal; 
padding:0px 0px 0px 5px;
}


#left ul li.active ul li.active a:link,#left ul li.active ul li.active a:visited { 
background:#f9f9f9;   
border-left:solid 2px #09247a;
color:#09247a;
font-weight:normal; /* bilo bold*/
}


#left ul li ul li.active a:link,#left ul li ul li.active a:visited {
background:#fafafa;
border-left:solid 4px #06247a; /* #06247a -neka plava boja*/
color:#06247a;
font-weight:normal;
border-bottom:solid 0px #06247a;
padding:0px 0 0px 5px; /*padding:3px 0 3px 16px; */
}


/*--------------------------------------------------	LIJEVI DRUGI  PODMENIi--------------------------------------------------------------------------------------------*/

/* Ovo dolje je fakti�ki okvir drugog podmenia */
#left ul li ul li ul li {
/*background:#0beefc;*/ /*#0beefc- svjetlo plava boja*/ 
/* border:solid 1px #336633;  */
/*margin:0 0 2px;*/ /* vertikalni razmak izme�u menija na lijevoj strani*/
/*padding:3px 4px 3px 1px;*/
margin:2px 0  2px 0px; /* vertikalni razmak izme�u menija na lijevoj strani*/
padding:2px 0px 2px 10px; /*padding:3px 4px 3px 10px; */
}

/* Djeluje na  drugi podmeni ,odnosno pomicanje teksta*/
#left ul li ul li ul li a { 
display:block;
padding:0px 0px 0px 5px; /* pomi�e tekst menija */
text-decoration:none;
}

/* Ovo ne znam uop�e �emu slu�i */
#left ul li.active ul li ul li a:link,#left ul li.active ul li ul li a:visited {
/* background:#fff; */
background:#f9f9f9; /* to je povr�ina u kojoj pi�e npr Bavaria 39 Cruiser */
border-bottom:solid 0px #E0C1E0;
color:#000;
font-weight:normal;
margin:0px 0  0px 0px; /* vertikalni razmak izme�u menija na lijevoj strani*/
padding:0px 0px 0px 5px; /*padding:3px 4px 3px 10px; */
}

/** Svojstva podmenija */
/* Ovaj dio radi kada aktiviramo prvu sastavnicu podmenia, zna�i u osnovnom meniu */
#left ul li.active ul li.active ul li a:link,#left ul li.active ul li.active ul li a:visited {
background:#f9f9f9;
border-bottom:solid 0px #09247a; /* #09247a - plava boja*/
border-left:solid 0px #336633; /* ozna�i sve �lanove podmenija */
color:#000; 
font-weight:normal; 
margin:0px 0  0px 0px; /* vertikalni razmak izme�u menija na lijevoj strani*/
padding:0px 0px 0px 5px; /*padding:3px 4px 3px 10px; */
}


/*S ovim dodatkom se mogu raditi hover na aktiviranom podmeniju */
#left ul li.active ul li.active ul li a:hover,#left ul li.active ul li.active ul li a:active ,#left ul li.active ul li.active ul li a:focus {
background:#f9f9f9;
border-bottom:solid 0px #09247a; /* #09247a - plava boja*/
border-left:solid 2px #09247a; /* ozna�i sve �lanove podmenija */
color:#09247a; 
font-weight:normal; 
margin:0px 0  0px 0px; /* vertikalni razmak izme�u menija na lijevoj strani*/
padding:0px 0px 0px 5px; /*padding:3px 4px 3px 10px; */
}


#left ul li.active ul li.active ul li.active a:link,#left ul li.active ul li.active ul li.active a:visited {
background:#f9f9f9;
border-left:solid 2px #09247a; /* ##09247aa -neka plava boja*/
color:#09247a;
font-weight:normal;
border-bottom:solid 0px #09247a;
margin:0px 0px  0px 0px; /* vertikalni razmak izme�u menija na lijevoj strani*/
padding:0px 0px 0px 5px;
}

/* NAPOMENA: blok "#left ul li.active ul li.active ul li.active a:link" ne treba, jer ne treba huverirati aktualnu naredbu*/

#left ul li.active ul li.active ul li.active span.active_link {
background:#f9f9f9; 
/* border-bottom:solid 1px #cc2800; */
color:#000;
font-weight:bold;
margin:0 0 0 15px;
padding:3px 0 3px 10px; /*padding:3px 0 3px 15px;*/
}


/*------------------------------- KRAJ  DRUGOGOG  PODMENIJA ----------------------------------------------------------------------------------------*/


#left form a:hover,#left form a:active,#left form a:focus {
color:#f9f9f9;

}


/* ###############  MAIN * ########################### */

* GLAVNE BOJE - YACHTIUM */
/* #CC2A00 - crvena boja */
/* #09247A - plava  boja */
/* #F9F9F9 - skoro bijela boja */
/* #ABAFA6 - tamno siva boja */
/* #C1BDBC - tamno siva boja */


/* position */
.leading_separator {
border-bottom:solid 2px #008800; /* #008800 -zelena boja */
display:block;
height:10px;
margin:0;
}

/* Articles>>Category->Blog  - to su gotovo svi linkovi na MENU kod Yachtiuma*/
#main .leading h2,#main2 .leading h2 {
background:#09247; /* boja podvu�enog naslova u glavnom blogu */
border-bottom:solid 1px #008800; /* #008800 */
color:# 008800; /* neka plava boja 09247 */
font-family:helvetica, sans-serif;
font-size:1.6em; /*font-size:1.4em;*/
font-weight:normal; /*font-weight:bold;*/
margin:0 0 10px;
/*text-transform:uppercase;*/ /* Pretvara mala slova u velika */
text-transform:none;
}


#main h2 a,#main2 h2 a {
text-decoration:none;
}

#main .leading .readon,#main2 .leading .readon {
/*background:url(../images/pfeil.gif) #131e8f no-repeat;*/ /* TO JE SLIKA, plava boja - #131e8f */
background:url(../images/pfeil.gif) #f9f9f9 no-repeat;
border:solid 0;
bottom:0;
color:#000 !important;
display:block !important;
margin-top:20px !important;
position:absolute;
right:0;
text-decoration:none;
padding:2px 2px 0 30px;
}

#main .leading .small,#main .leading .modifydate,#main2 .leading .small,#main2 .leading .modifydate {
background:#f9f9f9;
color:#09247a; /* tamno plava boja - #09247a */
}

/* Ime articla */
.article_column h2 {
background:#cc2800;
color:#09247a !important;
font-family:helvetica;
font-size:1.2em !important;
font-weight:bold !important;
padding:0;
}


.article_row .column1 h2,.article_row .column2 h2 {
background:#f9f9f9;
border-bottom:solid 1px #0400a8;  /* #0400a8 - tamnija plava*/
color:#cc2800;
margin:0 0 10px;
padding:5px 5px 5px 0;
}

.article_row p.iteminfo {
background:#f9f9f9;
line-height:1em;
margin:0 -10px 5px;
padding:10px;
}

#main h3,#main2 h3 {
margin:20px 0 10px;
}

#main .blog_more h2,#main2 .blog_more h2 {
background:#cc2800;
color:#cc0000;  /* ne znam �to je to 131e8f  */
font-family:helvetica, sans-serif;
font-size:1.3em;
font-weight:normal;
margin:0;
}

#main .blog_more li a,#main2 .blog_more li a {
display:inline;
margin:0;
padding:0;
}

#main .blog_more li,#main2 .blog_more li {
padding:4px;
}

#main .blog_more ul li a,#main2 .blog_more ul li a {
background:url(../images/pfeil.gif) no-repeat;
font-weight:bold;
padding:2px 0 4px 30px;
}

#main .blog_more ul li a:hover,#main2 .blog_more ul li a:hover {
background:url(../images/pfeil.gif) #939 no-repeat !important;            /* TO JE SLIKA */
color:#cc2800;
font-weight:bold;
padding:2px 0 2px 30px;
}

#main .blog_more ul li a:active,#main2 .blog_more ul li a:active,#main .blog_more ul li a:focus,#main2 .blog_more ul li a:focus {
background:url(../images/pfeil.gif) #939 no-repeat !important;  /* TO JE SLIKA */
color:#fff;
font-weight:bold;
padding:2px 0 2px 30px;
}

#main .blog_more ul,#main2 .blog_more ul {
background:#eee;
border:solid 1px #ccc;
color:#000;
line-height:1.3em;
list-style-type:none;
margin:0;
padding:10px 10px 30px;
}

#main .blog_more,#main2 .blog_more {
padding-top:10px;
}

/* main generell  */
#main a.readon,#main2 a.readon {
background:url(../images/pfeil.gif) no-repeat;
font-weight:bold;
padding:2px 2px 0 30px;
display:inline-block;
}

/* READ MORE */
#main a.readon:hover,#main2 a.readon:hover,#main a.readon:active,#main2 a.readon:active,#main a.readon:focus,#main2 a.readon:focus {
/* url --  C:\xampp\htdocs\joomla\templates\Yachtium\images */
background:url(../images/pfeil.gif) #f9f9f9 no-repeat; /* TO JE SLIKA */
color:#09247a;
padding:2px 2px 0 30px;
text-decoration:underline;
}

#main a:link,#main2 a:link,#main a:visited,#main2 a:visited {
color:#09247a;
}

#main a:hover,#main2 a:hover,#main a:active,#main2 a:active,#main a:focus,#main2 a:focus {
background:#f9f9f9; 
color:#cc2800;
}

/* Naslov u srednjem dijelu prostora npr Sailing yachts-5 Cabins */
#main h1,#main2 h1 {
color:#09247a;
font-family:helvetica, sans-serif;
font-size:1.6em;
font-weight:normal;
text-transform:uppercase; /* KUSS */
margin:0;
}


#main h2,#main2 h2 { /* u centralnom dijelu naslov npr. BAVARIA 39 */
color:#09247a;/* #09247a - plava boja */
font-family:arial, sans-serif;
font-size:1.6em;
font-weight:normal;
}


#main ul li,#main2 ul li {
padding:0 0 0 10px;
line-height:1.4em;
margin:10px 0;
}

#main ul,#main2 ul {
list-style-position:outside;
list-style-type:square;
padding:0 0 0 10px;
margin:0 0 0 20px;
}

#main ul,#main ol {
list-style-position:inside;
margin:10px 0 10px 20px;
padding:0 0 0 10px;
}

.small {
border:solid 0;
color:#050282; /* TO JE NEKA DOSTA TAMNA ROZA #932467 */
font-size:0.85em;
margin:0 0 20px;
}

.contentdescription {
padding:10px 0;
overflow:hidden;
}

.image_left {
float:left;
border:solid 0 #ccc;
margin:0 10px 10px 0;
}

.image_right {
float:right;
border:solid 1px #ccc;
margin:0 0 10px 10px;
}

.wrap_image {
clear:left;
}

.createdate {
color:#932467;
display:block;
font-size:0.85em;
}

.createdby {
color:#932467;
display:block;
font-size:0.85em;
padding:0 0 0 2px;
}

.modifydate {
color:#932467;
display:block;
font-size:0.85em;
padding:0;
}

span.content_rating,.leading span.content_rating {
margin:10px 0 0;
display:block;
}

.content_vote {
margin:0 0 10px;
display:block;
}

.content_vote input {
margin:0 5px;
}

.content_vote .button {
background:url(../images/pfeil.gif) #000 no-repeat; /* TO JE SLIKA */
border:0;
color:#fff;
font-weight:bold;
margin:20px 10px 0 0;
padding:0 0 0 30px;
cursor:pointer;
}

/* ############# pagination ###################### */
#main2 .pagination,#main .pagination {
border-top:solid 1px #CCC;
margin:10px 0 0;
padding:10px 0;
}

ul.pagination {
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}

ul.pagination li {
display:inline;
padding:2px 5px 0;
text-align:left;
}

ul.pagination li a {
padding:2px;
}

/* ###############  right #################  */
#right .moduletable {
background:#f9f9f9;/* pozadina ovira ispod POOL, POPULAR#f9f9f9 kus mario*/
color:#000;
margin:10px 0;
padding:5px;
}

#right h3 {
background:#f9f9f9;/* pozadina POOL, POPULAR,#f9f9f9*/
border-bottom:solid 1px #0400a8;/* TO JE NEKA SVJETLIJA ROZA #D4A7C5 , stavljena tamno plava*/
color:#333;
margin:0 0 3px;
padding:0 5px 0 0;
}

#right h4 {
color:#000;
font-size:1em;
padding:10px 5px 0 0;
margin:0;
border:solid 0;
}

#right ul {
border:solid 0 #ccc;
color:#000;
line-height:1.4em;
list-style-type:none;
margin:0;
padding:10px 10px 10px 0;
position:relative;
}

#right ul li {
margin-bottom:4px;
}

#right ul li a {
color:#000;
font-weight:normal;
padding:2px;
}

#right ul li a:link,#right ul li a:visited {
color:#000;
}

#right ul li a:hover,#right ul li a:active,#right ul li a:focus {
background:#131e8f;
color:#fff;
}

#right form.poll {
padding:10px 0 0;
}

#right form.poll fieldset {
line-height:1.6em;
}

#right form.poll fieldset label {
padding:0 0 0 4px;
}

#right form.poll .button {
border:outset 1px #C39;
background:#abafa6;
cursor:pointer;
float:left;
width:auto;
line-height:0.9em;
display:inline;
height:1.55em;
font-size:1em;
overflow:visible;
margin:0 10px 0 0;
padding:0 2px !important;
}

#right form.poll .button:focus {
border:outset 1px #C39;
}

#right form.poll a {
text-decoration:none;
color:#000 !important;
padding:1px 2px !important;
border:outset 1px #C39;
background:#abafa6;
cursor:pointer;
float:left;
}

#right form.poll a:hover,#right form.poll a:active,#right form.poll a:focus,#right form.poll .button:hover,#right form.poll .button:active,#right form.poll .button:focus {
border:2px outset #C39;
}

#right form.poll:after {
/* Inhalt pseudo-Element :after;
			 * somit [clear] moeglich
			 */
content:".";
/* [content] verbergen;
			 */
visibility:hidden;
height:0;
/* Block-Level fuer [clear];
			 */
display:block;
/* [float] clearing;
			 * einbeziehen der Float-Container;
			 */
clear:both;
}

dl.poll {
}

dl.poll dt {
border-bottom:solid 1px #ccc;
}

dl.poll dd {
padding:6px 0;
font-weight:bold;
}

.polls_color_1 {
background:#000;
}

.polls_color_2 {
background:#999;
}

.polls_color_3 {
background:#131e8f;
}

.polls_color_4 {
background:#000;
}

.polls_color_5 {
background:#ccc;
}

.polls_color_6 {
background:#131e8f;
}

/*  ####################   Formulare   #####################  */
form.limit {
}

form.login {
background:#131e8f;
color:#000;
font-size:0.9em;
margin:5px 0 20px;
padding:10px 10px 20px 15px;
text-align:left;
}

form.login .inputbox:focus {
border:solid 2px #000;
}

form.login p {
clear:both;
border:solid 0 #000;
font-size:1em;
}

form.login .button {
background:url(../images/pfeil.gif) #C39 no-repeat;
clear:left;
color:#fff;
display:block;
font-weight:bold;
margin:0 0 10px !important;
padding:0 0 0 30px !important;
cursor:pointer;
border:solid 0;
}

form.login fieldset {
border:solid 0 #000;
margin:0;
padding:0;
text-align:left;
}

form.login input {
background:#fff;
border:solid 2px #C39;
color:#000;
padding:2px 2px 0;
width:90%;
}

form.login input.checkbox {
background:none;
border:solid 0 #000;
float:left;
margin:11px 0 0;
padding:5px;
width:20px;
}

form.login label {
color:#000;
display:block;
font-weight:bold;
margin:5px 0 0;
padding:2px 2px 0;
}

form.login label.remember {
float:left;
margin:5px 0 20px;
padding:5px 0 0;
width:11em;
}

form.login p {
color:#000;
}

form.login p a {
color:#000;
}

form.login p a:hover,form.login p a:active,form.login p a:focus {
color:#000;
text-decoration:none;
}

form.lost_password .button,.login_form .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:0;
padding:0 0 0 30px;
cursor:pointer;
}

/* ################# poll ################ */
.poll {
padding:20px 20px 20px 0;
}

form.poll fieldset {
border:0 solid #000;
margin:0 0 10px;
padding:0;
}

form.registration input,form.lost_password input,.login_form input {
border:solid 2px #131e8f;
}

form.registration label,form.lost_password label,.login_form label {
display:block;
float:left;
font-weight:normal;
width:12em;
}

/* #####################  form.registration ################ */
form.search_result,form.registration,form.lost_password,.login_form {
background:#fff;
border:solid 0 #131e8f;
margin:15px 10px 0;
padding:0;
position:relative;
}

.search_result .button,form.registration .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:10px 0 0;
padding:0 5px 0 30px;
cursor:pointer;
}

.registration fieldset p {
margin:10px 0;
}

.registration div,.login_form div,.lost_password div {
margin:5px 0;
}

/* ########################## search ############################ */
.searchintro {
font-weight:normal;
margin:0 0 20px;
}

.searchintro img {
display:inline; border:0px
}

.display {
margin:20px 0 0;
text-align:right;
}

.filter {
margin:10px 0 0;
}

.inputbox:focus {
border:solid 2px #000;
}

.highlight {
font-weight:bold;
}

fieldset.word,fieldset.only {
border:solid 1px #ccc;
}

.only {
border:solid 0;
margin:10px 0 0 10px;
padding:5px 10px;
line-height:1.3em;
}

.word {
background:#fff;
padding:10px 10px 10px 0;
border:solid 0 !important;
}

.word input {
background:#fff;
border:solid 2px #999;
color:#131e8f;
font-weight:bold;
margin:0 0 0 10px;
padding:2px;
}

.phrase {
color:#000;
margin:10px 10px 10px 0;
padding:10px;
width:60%;
border:solid 1px #ccc;
float:left;
}

/*Selects*/
.phrase .inputbox {
background:#fff;
color:#000;
display:block;
height:1.5em;
margin-top:10px;
width:12em;
}

.phrase .inputbox option {
background:#f9f9f9;
border-bottom:solid 1px #333;
padding:2px;
}

.phrase .inputbox option a:hover {
background:#C00;
border-color:#CFD0D6;
color:#fff;
}

.search_result legend {
border-bottom:solid 0 #000;
background:#fff;
}

/* ########################### contacts ########################### */
div.contact { 		/* Kontakt KUS IN�INJERSKE USLUGE */
margin:10px 0; 
font-weight:bold;
}

address {				/* adresa */
font-style:normal;
margin:10px 0 0 20px;
font-weight:normal;
}

address p {
line-height:3em;
}

.contact label {
float:left;
font-weight:bold;
width:14em;/*14em*/
margin:10px 0 0;
}

span.marker {
margin:0 10px 0 0;
}

.contact_email_checkbox label {
float:none !important;
}

.contact label.copy {
width:90%;
padding:0 0 0 10px;
}

.contact form {
background:#f9f9f9;/*Podloga okvira u kome su ENTER NAME , E_MAIL i sl.*/
color:#000;
padding:20px;
margin:20px 0;
}

.contact input {
background:#fff;/* Okvir u kome se vrši unos podataka ENTER NAME , E_MAIL i sl.*/
border:solid 1px #abafa6; /*siva boja*/ 
color:#09247a;/* Bilo #000 */
padding:2px 2px 0;
margin:10px 0 0;
}

.contact .button { /* Gumb SEND */

border:2;
color:#000;/*#fff*/
font-weight:bold;
margin:20px 10px 0 0;
/*padding:0 0 0 30px;*/
padding:3px;
cursor:pointer;
}


label.textarea {
float:none !important;
margin:10px 0;
display:block;
width:100%;
}

#contact_text {
width:80%;
height:150px;
}

.contact input.invalid,.contact textarea.invalid {
border:solid 1px #abafa6;/* Bila je red */
}

.contact label.invalid {
color:red;
}

/*#################### tabellen ############################ */
table.newsfeed {
border:solid 1px;
}

table.newsfeeds td,table.weblinks td,table.category td {
border-right:solid 1px #EEE;
padding:5px;
}

table.newsfeeds th,table.weblinks th,table.category th {
background:#EEE;
padding:5px;
}

table.newsfeeds,table.weblinks,table.category {
border:solid 1px #eee;
font-size:1em;
margin:20px 0;
}

/* category table */
#count {
width:10%;
}

#tableOrdering {
width:70%;
}

#author {
width:20%;
}

/*  polls */
poll .polls_color_1,.poll .polls_color_2,.poll .polls_color_3,.poll .polls_color_4,.poll .polls_color_5 {
border:solid 1px;
position:relative;
}

.poll h3 {
color:#932467;
border:solid 0;
margin:20px 0;
}

.poll .td_2 {
width:100px;
}

.poll .td_3 {
width:300px;
}

.poll form {
margin:20px 0;
}

.poll table {
font-size:1em;
width:auto;
border:solid 0;
position:relative;
}

.poll table .td_1 {
width:30px;
}

.poll table caption {
color:#131e8f;
font-size:1em;
font-weight:bold;
margin:10px 0;
text-align:left;
}

.poll td {
border:solid 1px #ddd;
padding:2px;
}

.poll td.line {
width:300px;
}

.poll th {
background:#EEE;
border:solid 1px #ccc;
}

.question {
font-weight:bold;
}

#pre-footerr {
background:#f9f9f9;/* Skoro bijela boja */
color:#fff;

margin:0px 0px 0px 0px;
padding:-40px 0px 0px 0px;
float:right;
display:block;
border-top:solid 0px #c0bcbb;
}
/*******************************************************************************************/
/***  Ovo je dodatak za footer meni ************/
/*Podloga LINIJE gornjeg izbornika JEZIKA...*/
#pre-footer ul 
{
	background:#f9f9f9;
	display:block;
	margin: 7px 0 0px;
   /*padding:5px 0;*/
	text-align:right;
}


/* NE VIDIM DA SE I�TA MJENJA , tek kada "#header ul li a:link,#header ul li a:visited?" nema boje pozadine pojavljuje se �uta boja koja prekriva samo visinu slova */
#pre-footer ul li 
{
	background:#FAFA32; /* #FAFA32 - �UTA BOJA*/
	color:#fff;
	display:inline;
	text-align:center;
	/*padding:10px 1px;*/
}


/* Podloga gornjeg izbornika START, FLOTA, �ARTER...*/
#pre-footer ul li a:link,#pre-footer ul li a:visited 
{
	background:#f9f9f9;
	color:#7a7a7a; /* #3b3b3b najtamnija siva - skoro crna */
	font-weight:bold;
	text-decoration:none;
	border-right:solid 1px #3b3b3b;
	padding:0px 10px;
	line-height:3em;
}

#pre-footer ul li a:hover,#pre-footer ul li a:active,#pre-footer ul li a:focus
{
	background:#f9f9f9; /*  Boja napodlozi gornjeg menija koja se mjenja kada se prelazi mi�em */
	color:#04113a; 
	font-weight:bold;
	font-size:1.00em

}

/* Funkcija donjeg dijela je ozna�avanje na MENIU onog �to je aktivno */
/* Funkcionira pod uvjetom da je u Module Menager namje�teno MODULE PARAMETERS->MENU STYLES-> list */

#pre-footer ul li.active a:link,#pre-footer ul li.active a:visited
{
	background:#f9f9f9;
	color:#04113a;
	font-weight:bold;
	text-decoration:none;
	border-right:solid 1px #666;
	padding:0px 10px;
	line-height:3em;
	

}

/*******************************************************************************************/


#footer {
background:#09247a;/* Plava boja */
color:#fff;
padding:5px;
text-align:right;
border-top:solid 2px #c0bcbb;
}

p.syndicate {
float:left;
display:block;
text-align:left;
}


#footer a {
color:#fff;
}

/* Error Message contact form */
p.error {
color:#131e8f;   /*  #131e8f  */
background:#abafa6;
border-top:3px solid #131e8f;
border-bottom:3px solid #131e8f;
padding:10px;
}

body.contentpane {
background:#fff;
width:auto;
margin:10px;
line-height:1.4em;
text-align:left;
}

.tool-tip {
font-size:0.8em;
}

.tool-title {
font-weight:bold;
}

/* form validation */
.invalid {
border-color:red !important;
}

label.invalid {
color:red;
}

/* editor */
.contentpaneopen_edit{
	float: left;
}

.contentpaneopen_edit img
{	border:0
}

form.editor legend {
font-size:1.2em;
font-weight:bold;
padding:2px;
}

form.editor fieldset {
border:solid 1px #ccc;
padding:20px;
margin:10px 0;
}

form.editor .publishing label {
float:left;
width:14em;
font-weight:bold;
}

form.editor .publishing div {
margin:5px 0;
}

form.editor .publishing .radio label {
float:none;
width:14em;
}

form.editor .publishing .radio label span {
float:left;
width:14em;
}

form.editor fieldset.metadata label {
float:none !important;
display:block;
font-weight:bold;
}

.save {
text-align:right;
padding:10px 0;
}

/* user */
form.user {
 margin:10px 0;

}

form.user label {
width:40%;
float:left;
}

/* article index */
table.contenttoc {
border:solid 1px #ccc;
padding:10px;
margin:10px;
}

.pagenavcounter {
font-weight:bold;
}


/* Advertisement */

.moduletable_text
{margin:10px}

.banneritem_text
{
margin: 10px 0 10px 0;
background:#f5f5f5;
padding:5px;
border:solid 1px #eee
}


/* Tabela Cjenici */

.cjenik_biger
{
	font-family: Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size: 14px;
}

.cjenik_smaller
{
	font-family: Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size: 12px;
}

.cjenik_datum
{
font-family: Helvetica,Arial,sans-serif;
font-weight:normal;
font-size: 12px;
}

.basic_plavo
{
	font-family: Helvetica,Arial,sans-serif;
	color: #09247A;
	font-weight:bold;
	font-size: 16px;
}

.basic_sivo
{
	font-family: Helvetica,Arial,sans-serif;
	color: #ABAFA6;
	font-weight:bold;
	font-size: 16px;
}

.vrste_yacht
{
	font-family: Helvetica,Arial,sans-serif;
	color: #09247A;
	font-weight:normal;
	font-size: 13px;
}

/* za onmouseover */

td.off {
background: #f9f9f9;
}

td.on {
background: #e8e8e8;
}