@charset "utf-8";
/* CSS Document 
* {
	margin: 0;
}*/

/*--------------------------------LAYOUT HOME-------------------------------------------------*/
html, body {
	padding:0;
	margin:0;
	height: 100%;
	text-align:center;
}

body{
	background-color:#FFFFFF;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper{
	min-height: 90%;
	height: auto !important;
	height: 90%;
	margin: 0 auto 0px;
	width:929px;
	margin-top:15px;
	position:relative;
	text-align:justify;
}

#colsx{
	width:192px;
	float:left;
	margin-left:5px;
	margin-top:20px;
	padding-bottom:60px;


}

#home_menu{
	width:324px;

	float:right;
	padding-bottom:50px;
	margin:20px 0 0;
}

#footer{
	/*height: 60px;
	width:929px;
	margin:auto;
	text-align:center;
	border-top:1px solid #027DBC;
	
	background:url(../images/loghi.gif) bottom left no-repeat;*/

}
#footer a img{
border:none;}

#header{
	background:url(../images/menu.gif) top left no-repeat;
	width:706px;
	height:96px;
	padding-left:223px;
}

#logo{
	background:url(../images/logo.gif) top left no-repeat;
	width:115px;
	height:245px;
	margin:5px 5px 0;
}

#logo h1{	
	margin:0;
	padding:0;
}

#logo a{
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
	width:110px;
	height:243px;

}

#flash{
	/**/background:url(../images/flashponte.jpg) top left no-repeat;
	width:797px;
	height:209px;
	position:absolute;
	top:101px;
	left:123px;/**/
}

#bar{
	background:url(../images/bar.gif) top left no-repeat;
	width:797px;
	height:32px;	
	position:absolute;
	top:315px;
	left:123px;
}

#content_home{
	float:left;
	width:350px;
	margin:20px 0 0 6px;
	padding:0 20px 20px 20px;
	color:#333333;
		z-index:1;
		

/*		border:1px solid red;*/
}
#content_home, #content, #content_narrow{line-height:1.3em;}
.clr{clear:both;}
.alt{display:none;}
/*---------------------------------LAYOUT PAGE 1 and 2----------------------------------------------*/
#content{
	float:left;
	width:479px;
	margin:20px 0 0 6px;
	padding:0 15px 20px 20px;
	color:#333333;
		z-index:1;

/*	border:1px solid red;	*/
}
#content_narrow{
	float:left;
	width:369px;
	margin:20px 0 0 6px;
	padding-bottom:20px;
	color:#333333;
	z-index:1;
/*		border:1px solid red;*/
}

#bar1{
	background:url(../images/bar1.gif) top left no-repeat;
	width:797px;
	height:32px;	
	position:absolute;
	top:315px;
	left:123px;
}

#coldx{
	position:relative;
	width:201px;
	float:right;
	padding-bottom:60px;
	margin:0px 0 0;
}

#coldx_wide{
	position:relative;
	width:346px;
	float:right;
	padding-bottom:60px;
	margin:0px 0 0;
}

#sezione{
position:absolute;
top:347px;
right:9px;
width:337px;
height:85px;
text-align:center;
	background:url(../images/bar2.gif) top left no-repeat;
	z-index:0;
/*		border:1px solid red;*/
}
#sezione_nomenu{
position:absolute;
top:347px;
right:9px;
width:337px;
height:85px;
text-align:center;
	background:url(../images/bar2_nomenu.gif) top left no-repeat;
	z-index:0;
/*		border:1px solid red;*/
}

#sezione h2, #sezione_nomenu h2{
margin:0;
padding:0;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
text-transform:capitalize;
}
#fotoDX{
margin-top:85px;
width:145px;
float:left;
}
#fotoDX img{margin-bottom:8px;}
/*---------------------------------------------------------------------------------*/
#home_menu a{
float:left;
display:block;
width:158px;
height:44px;
text-align:center;
padding:120px 0 0;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
color:#00368C;
/*border:1px solid red;*/
}

#home_btn1{
background:url(../images/ponte.jpg) top left no-repeat;
}
#home_btn2{
background:url(../images/blagaj.jpg) top left no-repeat;margin-left:4px;
}
#home_btn3{
background:url(../images/ricetta.jpg) top left no-repeat;
}
#home_btn4{
background:url(../images/rafting.jpg) top left no-repeat;margin-left:4px;
}
#home_btn5{
background:url(../images/blues.jpg) top left no-repeat;
}
#home_btn6{
background:url(../images/guida.jpg) top left no-repeat;margin-left:4px;
}
#home_btn7{
background:url(../images/stolac.jpg) top left no-repeat;margin-left:4px;
}

a#home_btn1:hover{}
a#home_btn2:hover{}
a#home_btn3:hover{}
a#home_btn4:hover{}
a#home_btn5:hover{}
a#home_btn6:hover{}



/*---------------------------------------------------------------------------------*/
#colsx{
background:url(../images/botton02.jpg) -2000px -2000px no-repeat;
}

#menuV a{
display:block;
background:url(../images/botton01.jpg) top left no-repeat;
width:192px;
height:40px;
text-align:center;
padding:13px 0 0;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
/*border:1px solid red;*/
}

#menuV a:hover{
background:url(../images/botton02.jpg) top left no-repeat;


color:#00368C;}



/*---------------------------------------------------------------------------------*/
#header a{
display:block;
float:left;
text-align:center;
padding:40px 0 0;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
/*border:1px solid red;*/
}
#header a#menuH_btn1{
width:140px;
height:56px;
/*margin-left:223px;*/
}
#header a#menuH_btn2{
width:131px;
height:56px;}
#header a#menuH_btn3{
width:142px;
height:56px;}
#header a#menuH_btn4{
width:142px;
height:56px;}
#header a#menuH_btn5{
width:145px;
height:56px;}


#header a#menuH_btn1:hover{color:#00368C;}
#header a#menuH_btn2:hover{color:#00368C;}
#header a#menuH_btn3:hover{color:#00368C;}
#header a#menuH_btn4:hover{color:#00368C;}
#header a#menuH_btn5:hover{color:#00368C;}
/*---------------------------------------------------------------------------------*/
#bar a, #bar1 a{
float:left;
display:block;
width:28px;
height:17px;
text-decoration:none;
color:#00368C;
margin:7px 10px 0;
padding:0;
/*border:1px solid red;*/
}
#bar1 a span{
}
#flag1{
background:url(../images/bosnian_flag.gif) top left no-repeat;
border:1px solid transparent;
}
#flag2{
background:url(../images/english_flag.gif) top left no-repeat;
border:1px solid transparent;
}
#flag3{
background:url(../images/italian_flag.gif) top left no-repeat;
border:1px solid transparent;
}

a:hover#flag1 {border:1px solid white;}
a:hover#flag2 {border:1px solid white;}
a:hover#flag3 {border:1px solid white;}

/*---------------------------------------------------------------------------------*/
#menuDX{
float:right;
width:191px;
margin-top:85px;
padding-left:4px;

border-left:2px solid #C5C5C5;}
#menuDX_nomenu{
float:right;
width:191px;
margin-top:85px;
padding-left:4px;
}

html{/*PRELOAD IMG BACKGROUND*/
background-image:url(../images/menu_bkg2.gif);
background-repeat: no-repeat;
background-position: -1000px -1000px;
}
#menuDX a.active{
background:url(../images/menu_bkg2.gif) top left repeat-x;
color:#ffffff;
}
#menuDX a.active:hover{

}

#menuDX a{
display:block;
background: top left repeat-x;
background:url(../images/menu_bkg.gif) top left repeat-x;
width:169px;
height:26px;
text-align:left;
padding:4px 0 0 5px;;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:0.85em;
color:#00368C;
/*border:1px solid red;*/
}

#menuDX a:hover{
color:#ffffff;

background:url(../images/menu_bkg2.gif) top left repeat-x;}

#menuDX a#tophome{
background:url(../images/menuhome_bkg.gif) top left repeat-x;
}

#menuDX a:hover#tophome{
background:url(../images/menuhome_bkg2.gif) top left repeat-x;
}
#menuDX a#tophome.active{
background:url(../images/menuhome_bkg2.gif) top left repeat-x;
}
/*---------------------------- FORMAZIONE TESTO CONTENT -----------------------------------------------------*/

h1{
color:#990000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
text-align:left;
text-transform:uppercase;
margin-bottom:5px;}

h2{
color:#990000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
margin-top:20px;
padding-bottom:0;
margin-bottom:5px;}
/**/
div#content p{
margin-top:0px;
margin-bottom:10px;}
div#content div.info p.indirizzo{
padding-top:0px;
margin-top:0;
}

h3{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
margin-bottom:5px;}

h4{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
margin-bottom:5px;
margin-top:0;
padding:0;}



/*---------------------------- BOX -----------------------------------------------------*/
.box{
padding:10px;
color:#000000;
}
.box h2{
padding-top:0;
margin-top:0;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.info {
background:url(../images/info3.gif) left top no-repeat;
padding-left:25px;
padding-top:0px;
height:18px;
height:auto !important;
min-height:18px !important;
line-height:1.3em;
}
.orange {
background-color:#FCC852;
}
.blue {
background-color:#98BCDE;
}
/*---------------------------- BOX End-----------------------------------------------------*/

.indirizzo{
text-align:left;
color:#005DA4;}
p.indirizzo span.email a:link{

color:#0066B2;}
.email{
text-align:left;}

.titoletto{
font-style:italic;
font-weight:bold;

}

#content li,#content_narrow li,#content_home li{
list-style-type:none;
margin-bottom:10px;
}

#content ul.bullet li,#content_narrow ul.bullet li,#content_home ul.bullet li{
list-style-type:disc;
margin-bottom:10px;
}

#content img,#content_narrow img,#content_home img{
/*border:1px solid #0282BD;*/
}

.capital{
text-transform:uppercase;}

/*---------------------------- HOSPITALITY-----------------------------------------------------*/

div.obj{border-bottom:1px solid green;
margin-bottom:10px;
padding-bottom:10px;
margin-left:0;
margin-right:0;}


div.objbox{
float:left;
width:220px;
height:347px;
}

div.objbox p{
text-align:right;
font-size:0.9em;
color:#FFFFFF;
line-height:1.2em;
padding:0 10px 0;
margin:5px 0 0;}

div.objbox img{
margin-top:39px;
border:none;
margin-bottom:5px;

}

p.objbox_text a.blank{
color:#FFFFFF;
text-decoration:underline;

}
p.objbox_text a.blank:link{
color:#FFFFFF;
text-decoration:underline;

}
p.objbox_text a.blank:hover{
color:#FFFFFF;
text-decoration:underline;

}
div.objtext{
float:right;
width:240px;
/*border:1px solid red;*/

}
div.objtext h2{
margin-top:10px;
text-align:left;
/*border:1px solid red;*/

}
.verde{background:url(../images/box_green.gif) top left no-repeat;}
.arancio{background:url(../images/box_orange.gif) top left no-repeat;}
.rosso{background:url(../images/box_red.gif) top left no-repeat;}
.viola{background:url(../images/box_purple.gif) top left no-repeat;}
.celeste{background:url(../images/box_blue.gif) top left no-repeat;}

/*---------------------------- HOSPITALITY End-----------------------------------------------------*/
#content a,#content_narrow a,#content_home a{
/*color:#333333;*/
color:#0066B2;
text-decoration:none;
border-bottom:1px dotted #0066B2;
}
#content a:link,#content_narrow a:link,#content_home a:link{
/*color:#333333;*/
color:#0066B2;
text-decoration:none;
border-bottom:1px dotted #0066B2;
}
#content a:hover,#content_narrow a:hover,#content_home a:hover{
color:#FF0000;
border-bottom:1px dotted red;
}
th.col_blu{
background-color:#0066B3;
color:#FFFFFF;
font-weight:bold;}
th{
background-color:#D66B2A;
color:#FFFFFF;
font-weight:bold;
padding-left:5px;
}
.col_blu{
background-color:#C7D2EB;}

#dictionary{
background-color:#F3DBC6;}
td{
border:1px solid white;
padding:3px 0 3px 5px;
}
table#dictionary caption{
margin-bottom:15px;
font-weight:bold;
color:#990000;}
table#dictionary li{
list-style-type:circle;}

.imgcont{
width:250px;
float:left;
margin-right:15px;
margin-bottom:5px;
}

div#content p a.linkpop, div#content table tr td a.linkpop{
text-decoration:none;
border-bottom:none;

}
div#content p a.linkpop:visited, div#content table tr td a.linkpop{
text-decoration:none;
border-bottom:none;

}
div#content p a.linkpop:hover, div#content table tr td a.linkpop{
text-decoration:none;
border-bottom:none;

}
table.grid td{
text-align:center;
}
