@charset "utf-8";
/* CSS Document */
@import url("/tabs.css");

body { 
	background-color: #FFFFFF;
	margin : 0 0 0 0;
	font-size : 12px;	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color : #333333;
	text-align:left; }

/* BACKGROUND */	

.bg-home { 
	background: url(/img/bg_home.jpg); 
	background-repeat: repeat-x;
	background-color: #FFFFFF;
    padding: 0px;
    height: 100%;
	margin : 0 0 0 0;
}

.bg-home-new { 
	background-color:#03346C;
	background-image:url(/img/new/bg-new.png);
	background-position:top;
	background-repeat:repeat-x; 	
	margin : 0;
	font-size : 12px;
	font-family: ;
	color : #ffffff;
}

.bg-rentacar { 
	background: url(/img/bg_rentacar.jpg); 
	background-repeat: repeat-x;
	background-color: #FFFFFF;
    padding: 0px;
    height: 100%;
	margin : 0 0 0 0;
}

.bg-charter { 
	background: url(/img/bg_charter.jpg); 
	background-repeat: repeat-x;
	background-color: #FFFFFF;
    padding: 0px;
    height: 100%;
	margin : 0 0 0 0;
}

/* TEXT */	

.text {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	padding-left: 5px;
	padding-right: 5px;
	color : #333333;
	text-decoration : none; }
	
h3 {
	font-size: 20px;
	margin: 0 0 0 0;
	display: inline;
	text-decoration : none;	}
	
h4 {
	font-size: 17px;
	margin: 0 0 0 0;
	display: inline;
	text-decoration : none;	}

h5 {
	font-size: 20px;
	margin: 0 0 0 0;
	display: inline;
	text-decoration : none;	}

.text5 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	padding-left: 5px;
	color : #333333;
	text-decoration : none; }

.title-home {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	color : #FF6600;
	text-decoration : none; }

a.title-home:link {
	text-decoration:none;
	color: #FF6600; } 

a.title-home:hover {
	text-decoration:none;
	color: #03346C; } 	

.text-home {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #ffffff;
	line-height: 14pt;
	text-decoration : none; }

a.text-home:link {
	text-decoration:none;
	color: #ffffff; } 

a.text-home:hover {
	text-decoration:none;
	color: #FF6600; } 	

.textOrange {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #FF6600;
	text-decoration : none; }

/* MENU */

.menu a {
	color: #333333;
	background-color: #CCCCCC;
	FONT-FAMILY: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	font-weight: bold;
	text-decoration: none; 	
	text-align: left; }

.menu a:hover {
	background-color: #FF6600;
	color: #FFFFFF;
	text-decoration: none;
	LIST-STYLE-TYPE: none; }

.menu_selected a  {
	color: #FFFFFF;
	background-color: #FF6600;
	FONT-FAMILY: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	font-weight: bold;
	text-decoration: none; 	
	text-align: left; 
}

.menu-left a {
	color: #333333;
	background-color: #F5F5F5;
	padding-top: 2px;
	padding-bottom: 2px;	
	display: block;
	border-bottom: 1px solid #D2D2D4;
	FONT-FAMILY: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;	
	font-weight: normal;
	text-decoration: none;
	WIDTH: 100%; 	
	text-align: left; }

.menu-left a:hover {
	background-color: #DDDDDD;
	color: #333333;
	text-decoration: none;
	LIST-STYLE-TYPE: none; }
	
.menu-silver {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight : bold;
	color : #333333;
	text-decoration : none;
	text-align:left; }

a.menu-silver {
	text-decoration:none;
	color:#333333;
	text-align:left;  }
	
a.menu-silver:hover {
	text-decoration:none;
	color:#999999;
	text-align:left; }	

a#menu1 {
	display : block;
	width : 85px;
	height : 25px;
	background-image : url(/img/menu/hr/vozni_park-off.gif);
	margin : 0 auto;
	text-align : right; }
	
a#menu1.selected {
	display : block;
	width : 85px;
	height : 25px;
	background-image : url(/img/menu/hr/vozni_park-on.gif);
	margin : 0 auto;
	text-align : right; }	

a#menu1:hover {
	background-image : url(/img/menu/hr/vozni_park-on.gif);
	text-align : right; }

a#menu2 {
	display : block;
	width : 60px;
	height : 25px;
	background-image : url(/img/menu/hr/cjenik-off.gif);
	margin : 0 auto;
	text-align : right; }

a#menu2.selected {
    clear:both;
	display : block;
	width : 60px;
	height : 25px;
	background-image : url(/img/menu/hr/cjenik-on.gif);
	margin : 0 auto;
	text-align : right; }


a#menu2:hover {
	background-image : url(/img/menu/hr/cjenik-on.gif);
	text-align : right; }

a#menu3 {
	display : block;
	width : 100px;
	height : 25px;
	background-image : url(/img/menu/hr/uvjeti-off.gif);
	margin : 0 auto;
	text-align : right; }

a#menu3.selected {
	display : block;
	width : 100px;
	height : 25px;
	background-image : url(/img/menu/hr/uvjeti-on.gif);
	margin : 0 auto;
	text-align : right; }
	
a#menu3:hover {
	background-image : url(/img/menu/hr/uvjeti-on.gif);
	text-align : right; }
	
a#menu4 {
	display : block;
	width : 95px;
	height : 25px;
	background-image : url(/img/menu/hr/kako_do_nas-off.gif);
	margin : 0 auto;
	text-align : right; }

a#menu4.selected {
	display : block;
	width : 95px;
	height : 25px;
	background-image : url(/img/menu/hr/kako_do_nas-on.gif);
	margin : 0 auto;
	text-align : right; }

a#menu4:hover {
	background-image : url(/img/menu/hr/kako_do_nas-on.gif);
	text-align : right; }
	
a#menu5 {
	display : block;
	width : 70px;
	height : 25px;
	background-image : url(/img/menu/hr/kontakt-off.gif);
	margin : 0 auto;
	text-align : right; }

a#menu5.selected {
	display : block;
	width : 70px;
	height : 25px;
	background-image : url(/img/menu/hr/kontakt-on.gif);
	margin : 0 auto;
	text-align : right; }

a#menu5:hover {
	background-image : url(/img/menu/hr/kontakt-on.gif);
	text-align : right; }	

a#menu6 {
	display : block;
	width : 75px;
	height : 25px;
	background-image : url(/img/menu/hr/charter-off.gif);
	margin : 0 auto;
	text-align : right; }

a#menu6.selected {
	display : block;
	width : 75px;
	height : 25px;
	background-image : url(/img/menu/hr/charter-on.gif);
	margin : 0 auto;
	text-align : right; }

a#menu6:hover {
	background-image : url(/img/menu/hr/charter-on.gif);
	text-align : right; }	


.button {
  	background:#CCCCCC;
  	color:#fff;
  	font-size : 12px;
	font-weight : normal;
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
  	border:1px solid #D8DDE0;
  	border-color:#D8DDE0 #CCC #CCC #D8DDE0; }
	
.imgright {
	float: right;
	margin: 0px 5px 0px 5px;
	border: 1px solid #CC0E0F;
	padding: 1px; }		

.imgleft {
	float: left;
	margin: 2px 7px 5px 0px;
	border: 0px;
	padding: 1px; }		

.imgcenter {
	float: center;
	margin: 0px 0px 0px 0px;
	border: 5px solid #E1F5FF;
	padding: 0px; }		

.Paginator {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	padding-left: 5px;
	padding-right: 5px;
	color : #333333;
	text-decoration : none; }

.PaginatorLink a {
	BORDER-LEFT-COLOR: #8B8F92; 
	BACKGROUND: #8B8F92; 
	BORDER-BOTTOM-COLOR: #8B8F92; 
	COLOR: #fff; 
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px 2px 2px 2px;
	BORDER-TOP-COLOR: #8B8F92; 
	TEXT-DECORATION: none; 
	BORDER-RIGHT-COLOR: #8B8F92
}
.PaginatorLink a:visited {
	BORDER-LEFT-COLOR: #8B8F92; 
	BACKGROUND: #8B8F92; 
	BORDER-BOTTOM-COLOR: #F5F5F5; 
	COLOR: #fff; 
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px 2px 2px 2px;
	BORDER-TOP-COLOR: #F5F5F5; 
	BORDER-RIGHT-COLOR: #F5F5F5
}
.PaginatorLink a:hover {
	BORDER-LEFT-COLOR: #8B8F92; 
	BACKGROUND: #F5F5F5; 
	BORDER-BOTTOM-COLOR: #F5F5F5; 
	COLOR: #222; 
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px 2px 2px 2px;
	BORDER-TOP-COLOR: #F5F5F5; 
	BORDER-RIGHT-COLOR: #F5F5F5
}

.staza a {
	font-size : 12px;	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color : #333333; 
	text-decoration:none;
}

.staza a:hover {
	font-size : 12px;	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#FF9900; 
	text-decoration:none;	
}

.staza a:visited {
	font-size : 12px;	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color : #333333; 
	text-decoration:none;
}
				
.textlink {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #333333;
	text-decoration : none; }

a.textlink:link {
	text-decoration:none;
	color: #333333; } 

a.textlink:hover {
	text-decoration:none;
	color: #FF6600; } 		

.textwhite {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none; }

a.textwhite:link {
	text-decoration:none;
	color: #FFFFFF; } 

a.textwhite:hover {
	text-decoration:none;
	color: #FF6600; } 		
	
.textmenuon {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#235FA7;
	color : #FFFFFF;
	text-decoration : none; }

.textmenuoff {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#5A87C0;
	color : #FFFFFF;
	text-decoration : none; }



.menuNauticalGuide a {
	color: #FFFFFF;
	background-color: #2360A8;
	padding-top: 3px;
	padding-bottom: 3px;	
	display: block;
	border-bottom: 1px solid #FFFFFF;
	FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;	
	font-weight: normal;
	text-decoration: none;
	WIDTH: 250px; 	
	text-align: left; }

.menuNauticalGuide a:hover {
	background-color: #296AB5;
	color: #FFFFFF;
	text-decoration: none;
	LIST-STYLE-TYPE: none; }


.menuRoadGuide a {
	color: #FFFFFF;
	background-color: #333333;
	padding-top: 3px;
	padding-bottom: 3px;	
	display: block;
	border-bottom: 1px solid #FFFFFF;
	FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;	
	font-weight: normal;
	text-decoration: none;
	WIDTH: 250px; 	
	text-align: left; }

.menuRoadGuide a:hover {
	background-color: #4D4D4D;
	color: #FFFFFF;
	text-decoration: none;
	LIST-STYLE-TYPE: none; }

/*.lang_menu a { padding:0px 5px 0px 5px; }*/
.lang_menu img { padding:0px 0px 0px 15px; }

.right_side_table a { color:#EEE; text-decoration:none; }
.right_side_table tr.kasko_info td { padding:0; margin:0; }
.right_side_table ul { width:100%; }


/*-------------------------------------------------------------*/

#rightDiv div.lista_vozila { 
background-color:#FF6600;
border:2px solid #FF6600;
height:300px;
overflow:auto;
width:246px;
 }
#rightDiv div.lista_vozila  ul { margin:0; padding:5px 5px 0 5px; width:218px; }
#rightDiv div.lista_vozila  ul li { 
	list-style:none; display:block; clear:both; position:relative; 
	background-color:#FFFFFF; 
	margin:0px 0px 10px 0px;
	}
#rightDiv div.lista_vozila  ul li a { display:block; text-decoration:none; height:70px;}
#rightDiv div.lista_vozila  ul li a img { float:left; width:80px; border:0;}
#rightDiv div.lista_vozila  ul li a span { float:right; text-align:right; padding-right:5px; width:130px; text-decoration:none; color:#999999; font-size:18px; }

#rightDiv div.lista_vozila  ul li a:hover { color:#FF6600; }

div.resultBox { 
margin:0 0 10px 5px;
padding:0; 
width: 480px;
vertical-align:top;
border:1px solid #999999; 
}

div.resultBox div.boxMenu { height:22px; background-color:#CCCCCC; clear:both; display:block; text-align:left; color:#FFFFFF; }
div.resultBox div.boxMenu a { float:right; padding:2px; color:#000; font-weight:bold; text-decoration:none; }
div.resultBox div.boxMenu a:hover { background-color:#333333; color:#FFFFFF; } 

div.resultBox ul { padding:0; margin:0 0 0 10px; }
div.resultBox ul li { list-style:none; }

div.rezervacija_info {
background-color:#FF6600;
border:2px solid #FF6600;
height:auto;
overflow:auto;
width:231px;
color:#FFFFFF;
margin-top:10px;
padding:5px 5px 5px 10px; }

div.vozilo_info {
background-color:#FFFFFF;
border:2px solid #FF6600;
height:auto;
overflow:auto;
width:231px;
color:#FFFFFF;
margin:0px;
padding:5px 5px 5px 10px; }

div.vozilo_info a { display:block; text-decoration:none; height:70px;}
div.vozilo_info a img { float:left; width:80px; border:0;}
div.vozilo_info a span { float:right; text-align:right; padding-right:5px; width:130px; text-decoration:none; color:#999999; font-size:18px; }

div.vozilo_info a:hover { color:#FF6600; }
div.vozilo_info div.vozilo-opsirnije { color:#333333; text-align:right; }

div.vozilo-opsirnije { color:#333333; text-align:right; padding-right:10px; }

.messageTable small { float:right; padding-right:5px; color:#FF0000; }

div.rezervacija {
background-color:#FF6600;
border:2px solid #FF6600;
height:auto;
overflow:auto;
width:231px;
color:#FFFFFF;
margin-top:10px;
padding:5px 5px 5px 10px; }

#certifikati a { text-decoration:none; color:#086296; }
#certifikati a:hover { color:#E20074; }
#certifikati p.left { display:block; float:left; width:150px; padding-left:5px; }
#certifikati p.right { display:block; float:right; width:320px; text-align:justify; }

.headerLogin { padding:0; margin:0;}

.headerLogin input.input_polje {
	background-color:#23262B;
	border:1px solid #666666;
	color:#EEEEEE;
}

.headerLogin input.botun {
	background-color:#23262B;
	border:1px solid #666666;
	color:#EEEEEE;
}