/* Ogni sezione è stata numerata con [xy]. Nel caso ci siano rimandi ad uno stile in una sezione diversa (es. nel caso di condivisione di stili), all'elemento seguirà un commento con il nome del rimando ed il numero della sezione in cui si trova quest'ultimo.
In caso di css particolarmente lungo, si può trovare velocemente una sezione cercando col formato [xy].

ultimo aggiornamento: 06.05.2008 */

/* Indice sezioni
[01] tag comuni
[02] dichiarazione div di layout
[02b] dichiarazione div di layout per pagine specifiche
[03] dichiarazione id vari
[04] classi in ordine alfabetico
[05] box con angoli arrotondati
[06] Esempio Image replacement

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------- [00] INCLUDES -------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

@import url("youtube.channel.css");
@import url("prettyPhoto.css");
@import url("scrollable-horizontal.css");

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------- [01] tag comuni ------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */

a { 
	text-decoration:none;
	color:#ffcc00;
	outline:none;
}

blockquote {
	font-style:normal;
	margin:0;
	padding:0;
}
body { 
	margin:0; 
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	background:#233459 url(../gfx/bg_body.gif) repeat-x left top;
	color:#FFF;
	overflow-x:hidden;
}

h1, h2, h3 {
	margin:0;
	padding:0;
	color:#FFF;
}

h2 {
	font-size:30px;
	font-weight:normal;
}

h3 {
	margin-top:5px;
	font-size:15px;
	font-weight:bold;
}

img {
	border:0;
}

p {
	margin:25px 0 0 0;
	padding:0;
}

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------- [02] dichiarazione div di layout-------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

#bg_sx{
	top:0;
	left: 0;
	width: 40%;
	height: 800px;
	background:url(../gfx/bg_sx.gif) repeat-x left top;
	position: absolute;
	z-index:-1;
	}
#header {
	height:500px;
	width:955px;
	margin:0 auto;
	
}
#content {
	width:927px;
	margin:0 auto;
	background:url(../gfx/bg_content.gif) no-repeat 30px -400px;
}

#content_splash {
	width:955px;
	height:500px;
	margin:0 auto;
	background:url(../gfx/bg_splash.jpg) no-repeat top left;
}
#content_splash #b2c{
	float:left;
	display:inline;
	width:96px;
	height:74px;
	margin:5px 0 0 10px;
}
#content_splash #claim{
	float:right;
	margin:98px 14px 0 0;
	width:244px;
	height:72px;
	background:url(../gfx/bg_claim.gif) no-repeat top left;
}
#content_splash #dubai {
	position:absolute;
	width:140px;
	height:70px;
	left:672px;
	top:10px;
}

#content_splash #dubaitourism {
	position:absolute;
	width:240px;
	height:70px;
	left:848px;
	top:11px;
}

#content_splash #selector {
	font-family:'Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;
	float:left;
	display:inline;
	margin:150px 0 0 50px;
}
#content_splash #selector ul {
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
}
#content_splash #selector ul li {
	line-height:21px;
	font-size:12px;
}
#footer {
	clear:both;
	background:url(../gfx/bg_footer.jpg) left top no-repeat;
	width:955px;
	padding:62px 0 0 0;
	margin:0 auto;
}

#footer #link {
	background:#000;
	color:#FFF;
	margin:0;
	padding:0;
	line-height:27px;
	text-align:center;
}

#footer #link a {
	color:#FFF;
	text-decoration:underline;
	cursor:pointer;
}

#footer h3 {
	margin:0;
	padding:0;
}

#footerContent {
	border-top:11px solid #000;
	background:url(../gfx/bg_footerContent.gif) left top repeat-x;
	background-color:#FFF;
	color:#ad9961;
	font-size:11px;
	text-align:center;
	overflow:hidden;
	width:955px;
	height:160px;
}

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------- [02b] dichiarazione div di layout per pagine specifiche--------- */
/* ------------------------------------------------------------------------------------------------- */

/* pagina "Home" */

		#home .ciao {
		}

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------- [03] dichiarazione id vari ------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

#intro, 
#twitter, 
#blog, 
#pics, 
#videos {
	padding:12px 10px 10px;
	background: url(../gfx/bg_tab.gif) repeat-x left top #000000;
	min-height:38px;
	height:auto!important;
	height:auto;
}

#blog hr {
	display:none;
}





/*->  INTRO  <--------------------------------------------------------------------------------------*/
#intro {                                 
	/*height:108px!important;*/
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
}

#intro h2 {
	width:650px;
}

#intro p {                                 
	width:541px;
	margin-top:
}

#intro p a {
	font-weight:bold;
}

#intro .btn_cta {
	background:url(../gfx/btn_cta.png) no-repeat right top;
	_background:url(../gfx/btn_cta.gif) no-repeat right top;
	position:absolute;
	top:102px;
	right:20px;
}

#changelanguage {
	float:right;
	display:inline;
	text-align:right;
	position:relative;
	z-index:2;
}


/*->  FACEBOOK  <--------------------------------------------------------------------------------------*/
#facebook {
	background:url(../gfx/bg_facebook.gif) repeat-x left top;
	margin-bottom:10px;
	position:relative;
	padding:12px 10px 10px;
	overflow:hidden;
	min-height:38px;
	height:auto!important;
	height:auto;
}



#facebook h2 {
	position:absolute;
	top:10px;
	left:10px;
	_left:0px;
}
#fb_intro{
	width:250px;
	float:left;
	margin:10px 0 0 0;
	z-index:1;
	position:relative;
}

#fb_intro p {
	margin:0;
	padding:0;
	width:211px;
	/*position:absolute;
	top:60px;
	left:10px;
	z-index:10;*/
}
#fb_fanBox{
	float:left;
	margin-right:30px;
	position:relative;
}
#fb_fanBox h3 {
	position:absolute;
	top:-32px;
	_left:0;
	width:250px;
	height:30px;
	left: 0px;
}
#fb_liveStream {
	float:left;
	position:relative;
}

#fb_liveStream h3 {
	position:absolute;
	top:-32px;
	left:0px;
	_left:0px;
	width:250px;
	height:30px;
}


#facebook iframe {
	position:relative;
	z-index:2;
}

/*#facebook .wrap {
	display: block;
}*/


/*->  TWITTER  <--------------------------------------------------------------------------------------*/
#twitter {
	margin:0 10px 10px 0;
	padding:0 0 10px 0;
	width:550px;
	position:relative;
	overflow:hidden;
	background: url(../gfx/bg_tab_social.gif) repeat-x left top #3c5999;
	min-height:40px;
	height:auto!important;
	height:auto;
}


#twitter .wrap h3 {
	padding:0 0 10px 10px;
}

#twitter .wrap p {
	padding:10px 10px 0 10px;
	margin:0;
}

#twitter h2 {
	position:absolute;
	top:10px;
	left:10px;
}
#twitter .button {
	margin-right:10px;
	margin-top:12px;
}

.twitStream{
	font-family: verdana;
	font-size: 11px;
}
.twitStream a{
	font-family: verdana;
	font-size: 11px;
}
.tweet{
	display: block;
	padding: 12px 12px 4px 12px;
	background:url(../gfx/bg_tweet.gif) repeat-x left top;
}
.tweet-left{
	float: left;
	margin-right: 1em;
}
#twitter .wrap .tweet p.text{
	margin: 0;
	padding: 0;
}

#twitter blockquote {
	background:url(../gfx/bg_tweet.gif) repeat-x left top;
	position:relative;
	padding:15px 0 15px 15px;
	margin:0;
}

#twitter blockquote a {
	font-weight:bold;
	line-height:20px;
}

#twitter #logo_twitter {
	position:absolute;
	right:10px;
	top:30px;
	width:110px;
	height:25px;
}


/*->  BLOG  <--------------------------------------------------------------------------------------*/
#blog {
	margin:0 10px 10px 0;
	width:530px;
	position:relative;
}

#blog #feed h2 {
	font-size:15px;
}

#blog h2#title {
	position:absolute;
	top:10px;
	left:15px;
}

#blog blockquote {
	margin:5px 0 0 0;
	font-style:normal;
}

#blog blockquote a {
	line-height:20px;
	font-weight:bold;
}



/*->  PICS  <--------------------------------------------------------------------------------------*/
#pics {
	margin:0 0 10px 0;
	width:365px;
	position:relative;
	padding:0 0 10px 0;
	overflow:hidden;
}

#pics p {
	margin:0 10px 5px 10px;
	padding:10px 0 0 0;
}

#pics h2 {
	position:absolute;
	top:10px;
	left:10px;
}

#list1b a {
	cursor:pointer;
	display:block;
	width:355px;
	height:30px;
	line-height:30px;
	background:url(../gfx/bg_listab_anchor.gif) left top no-repeat;
	padding:0 0 0 10px;
	font-weight:bold;
}

.pics_gallery {
	padding-top:0 !important;
	padding-top:0;
}


.items {
	padding-top:0 !important;
	padding-top:0;
}

.pics_gallery .items {
	padding-top:0 !important;
	padding-top:0;
	margin:0 !important;
}

#pics #list1b .pics_gallery ul {
	margin:0;
	padding:0;
	list-style:none;
}

#pics #list1b .pics_gallery ul li {
	margin:0;
	padding:0;
	float:left;
	display:inline;
}

#pics #list1b .pics_gallery ul li a {
	width:60px;
	height:60px;
	margin:10px 0 10px 9px ;
	padding:0;
	float:left;
	display:inline;
	background:none;
}

#list1b a.selected {
	background:url(../gfx/bg_listab_anchor.gif) left bottom no-repeat;	
	color:#FFF;
}

#pics .button {
	margin-right:10px;
	margin-top:12px;
}


/*->  VIDEO  <--------------------------------------------------------------------------------------*/
#videos {
	margin:0 0 13px 0;
	width:365px;
	position:relative;
	padding:0 0 10px 0;
	overflow:hidden;
}

#videos h2 {
	position:absolute;
	top:10px;
	left:10px;
}

#videos p {
	margin:0 10px 5px;
	padding:10px 0 10px 0 ;
}
#videos .button {
	margin-top:12px;
	margin-right:10px;
}
#videos a.allVideos {
	padding:0 0 0 10px;
	font-weight:bold;
	line-height:40px;
}



/*->  FOOTER  <-------------------------------------------------------------------------------------*/

#patrocinio  {
	position:relative;
	float:left;
	margin:13px 0 0 73px;
	display:inline;
	width:313px;
	height:150px;
}

#patrocinio h3 {
	color:#ad9961;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:normal;
}

#patrocinio #logo_consolatoItalia { 
	position:absolute;
	left:0px;
	bottom:5px;
	width:110px;
	height:67px;
}

#patrocinio #logo_ambasciataItalia {
	position:absolute;
	top:19px;
	left:115px;
	width:97px;
	height:66px;
}

#patrocinio #logoItalia {
	position:absolute;
	bottom:5px;
	right:0;
	width:107px;
	height:45px;
}

#partecipazione {
	width:463px;
	height:150px;
	float:right;
	display:inline;
	margin:13px 0 0 88px;
	position:relative;
	overflow:hidden;
}

#partecipazione h3 {
	color:#ad9961;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	position:absolute;
	top:0;
	left:200px;
}

#partecipazione #logo_Emirates {
	float:left;
	display:inline;
	margin:10px 25px 0 0;
}

#partecipazione ul {
	margin:10px 0 0 0;
	padding:0;
	/*float:left;*/
	float:right;
	display:inline;
	overflow:hidden;
}

#partecipazione ul li {
	padding:0;
	list-style:none;
	display:inline;
}
#partecipazione ul li a {
	float:left;
	display:block;
	margin:21px 0 0 5px;
	padding:0;
}

#partecipazione #MadeItaly {
	width:463px;
	background:url(../gfx/bg_madeItaly.gif) left top repeat-x;
	overflow:hidden;
}

#partecipazione #MadeItaly h3 {
	position:absolute;
	top:90px;
	left:0;
	width:463px;
	padding:0 0 0 0;
}

#partecipazione #MadeItaly ul li a {
	float:left;
	display:block;
	margin:21px 0 0 10px;
	padding:0;
}


/*->  LOCALIZZAZIONE MERCATO ITALIANO  <-------------------------------------------------------------*/

.i #partecipazione #MadeItaly ul {
	margin:0 0 0 150px;
	padding:0;
	float:left;
	display:inline;
	overflow:hidden;
}



/*->  / LOCALIZZAZIONE MERCATO INGLESE  <-----------------------------------------------------------*/

.en #videos {
	margin:0 0 13px 0;
	position:relative;
	padding:0 0 10px 0;
	overflow:hidden;
	clear:left;
	width:100%;
}
.en .yt_gallery {
	display: block;
	background:url(../gfx/bg_listab_anchor_horizontal.gif) repeat-x left top;
	padding:5px 0 0 12px;
	width:100%;
}
.en .ytVideoContainer {
	width:100%;;
	overflow:hidden;
}

.en .ytOuterVideoContainer {
	padding:10px 10px 0 12px;
	overflow:hidden;
	float:left;
	clear:none;
}

.en .ytVideoInnerContainer {
	width:180px;
}

.en #intro .btn_cta {
	background:url(../gfx/btn_cta.png) no-repeat right top;
	_background:url(../gfx/btn_cta.gif) no-repeat right top;
	position:absolute;
	top:73px;
	right:20px;
}

/*->  LOCALIZZAZIONE MERCATO FRANCESE  <-------------------------------------------------------------*/

.fr .ytVideoInnerContainer {
	width:230px;
	margin:0 0 0 10px;
	padding:0 0 10px 0;
	float:left;
	display:inline;
	min-height:auto!important;
	min-height:auto;
	height:auto;
}

.fr #intro .btn_cta {
	top:100px;
}

/*->  LOCALIZZAZIONE MERCATO TEDESCO  <-------------------------------------------------------------*/

.de #intro .btn_cta {
	top:100px;
}


/*->  LOCALIZZAZIONE MERCATO SPAGNOLO  <------------------------------------------------------------*/

.es #intro .btn_cta {
	background:url(../gfx/btn_cta.png) no-repeat right top;
	_background:url(../gfx/btn_cta.gif) no-repeat right top;
	position:absolute;
	top:87px;
	right:20px;
}

.es #fb_intro p {
	_margin:10px 0 0 0;
}



/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------- [04] classi in ordine alfabetico ------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

.block {
	display:block;
}
.btn_cta {
	background:url(../gfx/btn_cta.png) no-repeat right top;
	_background:url(../gfx/btn_cta.gif) no-repeat right center;
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	padding:0 40px 0 0;
	margin:0 -10px 0 0;
	float:right;
	display:inline;
	clear:both;
}
.bold {
	font-weight:bold;
}
.button{
	float:right;
	background:url(../gfx/btn_cta.png) no-repeat right center;
	_background:url(../gfx/btn_cta.gif) no-repeat right center;
	font-size:15px;
	font-weight:bold;
	line-height:35px;
	padding:0 40px 0 0;
	margin:0 0 0 0;
	float:right;
	clear:both;
	position:relative;
	z-index:2;
}
.chiusura_div {
	clear:both;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
	display:inline;
}
.hide {
	display:none;
}
.menu_txt {
	visibility:hidden;
}
.wrap{
	clear:both;
	/*position:relative;*/
	/*display:none;*/
}

.yt_gallery {
	width: 353px;
	display: block;
	background:url(../gfx/bg_listab_anchor.gif) left -30px no-repeat;
	padding:5px 0 0 12px;
}
.yt_gallery table {
	padding:10px;
}

.ytVideoContainer {
	padding:0;
	overflow:hidden;
}

.ytVideoContainer img {
	float:left;
	display:inline;
	margin:0 0 10px 0;
	width:90px;
	height:70px;
}

.ytOuterVideoContainer {
	padding:10px 10px 0 12px;
	overflow:hidden;
	clear:left;
}

.ytVideoInnerContainer {
	width:230px;
	margin:0 0 0 10px;
	padding:0 0 10px 0;
	float:left;
	display:inline;
	height:63px;
	min-height:auto!important;
	min-height:auto;
}

/*.ytVideoContainer div {
	float:left;
	display:inline;
	width:200px;
	margin:0 0 10px 10px;
}*/



/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------- [06] Esempio Image replacement --------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.box_flash_sx_h2 span {
	display: block;
	width:0; 
	height:0; 
	line-height:0; /* attribuisce dimensioni nulle */
	overflow:hidden;
	clip:rect(0,0,0,0); /* nasconde il testo */
}