/* 
Title: Naloo Surf
Owner: paolo Bini
Developer Agency: Beat Fly Lab
URL: http://www.beatfly.com

Created: May 10
Copyright: Beat Fly

All rights reserved including rights of reproduction and use in any form or by any means, including the making of copies by any photo process or by any electronic or mechanical device (printed, written, or oral), or recording for sound or visual reproduction, or for use in any knowledge or retrieval system or device, unless permission in writing is obtained from the copyright proprietor.
*/
@import "design.css";
@import "form.css";
@import "extra.css";

*{
	padding:0;
	margin:0;}
		
body{
	cursor:default;
	text-align:center;
	color:#382C1B;
	font-family:'Helvetica Neue',Helvetica,'Lucida Grande','Lucida Sans Unicode',sans-serif;
	font-size:14px;
	line-height:1.2em;
	background:#B9EBEB url(../../splash_library/bg_body.png) repeat-x left top;
	height:100%;}
	
	html, body{height:100%;}
	
	html>body #page{
		height:auto;
		min-height:100%;}
	
#page{
	margin:0;
	width:100%;
	float:left;
	background:url(../../splash_library/bg_page.png) no-repeat center top;}
	
#containerWrap{
	text-align:left;
	width:1010px;
	margin:0 auto;}
	
#header{
	width:1010px;
	height:257px;
	clear:both;
	float:left;
	padding-bottom:20px;
	position:relative;}
	
#logo{
	width:200px;
	height:220px;
	position:absolute;
	top:0;
	left:0;}
	
	#logo h1{
		width:200px;
		height:220px;
		line-height:200px;
		text-indent:-9000px;}
		
		#logo h1 a{
			display:block;
			width:200px;
			height:220px;}

/*menu*/
#menu{
	width:730px;
	text-align:left;
	float:right;
	position:absolute;
	top:60px;
	right:0;}

#menu ul {
    font-size:20px;
    line-height:1.2em;
    float:right;
    clear:both;}

#menu ul li{
    float:left;
	margin:0 0 0 5px;}

#menu ul li a{
    display:block;
    text-decoration:none;
    padding:10px 6px;
    color:#fafafa;
	font-weight:bold;}
	
	#menu ul li a:hover{
		background:url(../../splash_library/bg_white_60.png) repeat left top;
		border-radius:8px;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;}
		
		#menu ul li .current{
			color:#C60;
			background:url(../../splash_library/bg_white_20.png) repeat left top;
			border-radius:8px;
			-webkit-border-radius:8px;
			-moz-border-radius:8px;}

#menu ul li a span{
    display:block;}

#menu ul li a span.title{
    border-bottom:1px dotted #fff;}

#menu ul li a:hover span.title{
	color:#444;
	border-bottom:1px dotted #bbb;
	text-shadow:none !important;}

#menu ul li a span.text{
    padding:0px 5px 0 0;
    font-family:Georgia, serif;
    font-size:10px;
    font-style:normal;
    font-weight:normal;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:2.7em;
    color:#444;}

/*icons*/
#icons{
	width:500px;
	text-align:left;
	float:right;
	position:absolute;
	top:180px;
	right:0;}
	
	#icons ul{
		float:right;}
		
	#icons ul li{
		float:right;
		margin:0 0 0 15px;}
		
	#icons ul li#bookmark{
		background:url(../../splash_library/bookmark.png) no-repeat center center;
		width:32px;
		height:32px;}
		
		#icons ul li#bookmark a{
			text-indent:-9000px;
			width:32px;
			height:32px;
			display:block;}
		
	#icons ul li#facebook{
		background:url(../../splash_library/facebook.png) no-repeat center center;
		width:32px;
		height:32px;}
		
		#icons ul li#facebook a{
			text-indent:-9000px;
			width:32px;
			height:32px;
			display:block;}
		
	#icons ul li#myspace{
		background:url(../../splash_library/myspace.png) no-repeat center center;
		width:32px;
		height:32px;}
		
		#icons ul li#myspace a{
			text-indent:-9000px;
			width:32px;
			height:32px;
			display:block;}
		
	#icons ul li#flickr{
		background:url(../../splash_library/flickr.png) no-repeat center center;
		width:32px;
		height:32px;}
		
		#icons ul li#flickr a{
			text-indent:-9000px;
			width:32px;
			height:32px;
			display:block;}
		
/*bg_wrap_main*/
#bg_wrap_main{
	width:1010px;
	float:left;}

/*featured*/
#featured{
	color:#efefef;
	width:1010px;
	height:297px;
	float:left;}
	
#tabs{
	width:100%;
	float:left;}
	
.ui-tabs{}

.ui-tabs .ui-tabs-nav{
	float:right;	
	width:428px;}
	
	/* IE6 Only */
	* html .ui-tabs .ui-tabs-nav{
    	width:400px;}

	.ui-tabs .ui-tabs-nav li{
		background:transparent url(../../splash_library/shadow_more.png) repeat left top;
		background:rgba(0, 0, 0, 0.4) none;
		border-bottom-width:0 !important;
		border-left:5px solid #fff;
		width:423px;
		height:97px;
		margin:0 0 3px 0;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topright:5px;
		-webkit-border-bottom-right-radius:5px;
		-webkit-border-top-right-radius:5px;}
		
	/* IE7 Only */
	*:first-child+html .ui-tabs .ui-tabs-nav li{
		height:95px;}
		
		.ui-tabs .ui-tabs-nav li div{
			float:right;
			margin:10px 10px 0 0;
			width:360px;
			line-height:30px;}
		
		.ui-tabs .ui-tabs-nav li img{
			background-color:#ddd;
			border:4px solid #fafafa;
			float:left;
			margin:0 30px 0 0;
			padding:1px;}
						
			.ui-tabs .ui-tabs-nav li span,
			.ui-tabs .ui-tabs-nav li span,
			.ui-tabs .ui-tabs-nav li span{
				font-size:0.9em;}
					
			.ui-tabs .ui-tabs-nav li a{
				color:#FDD200;}
			
	.ui-tabs .ui-tabs-nav li a{
		text-decoration:none;
		font-size:20px;}
		
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
		background:transparent url(../../splash_library/shadow_less.png) repeat left top;
		background:rgba(0, 0, 0, 0.6) none;
		border-left:5px solid #FDD200;}
		
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
	.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
	.ui-tabs .ui-tabs-nav li.ui-state-processing a{
		cursor:text;}

	.ui-tabs .ui-tabs-nav li a,
	.ui-tabs.ui-tabs-collapsible,
	.ui-tabs-nav li.ui-tabs-selected a{
		cursor:pointer;}
		
 /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel{
    display:block;
	float:left;
	width:100%;}

.ui-tabs .ui-tabs-hide{
    display:none !important;}
	
	#tabs-1, #tabs-2, #tabs-3{
		width:578px;
		height:297px;
		float:left;
		position:relative;}
	
	#tabs-1{
		background:url(../../splash_library/windsurf.jpg) no-repeat left top;}
		
	#tabs-2{
		background:url(../../splash_library/surf.jpg) no-repeat left top;}
		
	#tabs-3{
		background:url(../../splash_library/pad.jpg) no-repeat left top;}
		
.contentTab{
	position:absolute;
	bottom:4px;
	left:4px;
	width:574px;
	background:url(../../splash_library/shadow_less.png) repeat left top;
	z-index:20;}
	
	.contentTab .pad{
	border:none !important;
	padding:5px 10px;
	float:left;}
	
.overlay{
	border:4px solid #fff;
	height:289px;
	left:0;
	position:absolute;
	top:0;
	width:574px;
	z-index:10;}
	
/* IE7 Only */
*:first-child+html .contentTab{
    bottom:0;}
	
	.contentTab h2 a{
		color:#FFE979;
		text-decoration:none;}
		
		.contentTab h2 a:hover{
			color:#fff;
			text-decoration:underline;}
			
/*submain*/
#submain{
	border:1px dotted #BEB596;
	width:1010px;
	float:left;
	padding:0 0 10px;}
	
/*link*/
#link{
	width:1010px;
	float:left;
	padding:0 0 10px;
	*margin : 10px 0 0 0; /* IE7 and below */}
	
/*leftside*/
#leftside{
	width:610px;
	float:left;
	padding:25px 0 0 0;}
	
#leftside .padBox{
	background:url(../../splash_library/bg_white_70.png) repeat left top;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;}
	
	#leftside h2,
	#leftside h3{
		padding:1em 0 1em 3em;}
		
	#leftside a:hover{
		background-color:#fff;}
		
		#rss{
			line-height:16px;
			height:16px;
			font-size:12px;
			background:url(../../splash_library/rss_16.png) no-repeat left 0;
			padding:0 0 5px 20px;
			margin:0 0 0 5px;}
			
	#leftside ul.generic{
		float:left;
		width:100%;}
		
		#leftside ul.generic li{
			border-bottom:1px dotted #bbb;
			background:url(../../splash_library/bullet.png) no-repeat left center;
			margin:10px 0;
			*margin : 10px 0 10px 5px; /* IE7 and below */ 
			padding:5px 4px 5px 20px;}
		
	#leftside ul#news{
		float:left;
		width:100%;}
		
		#leftside ul#news li{
			background:#fbfbfb;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ffffff');
			background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fff));
			background: -moz-linear-gradient(top,  #fbfbfb,  #fff);
			border:1px dotted #bbb;
			margin:10px 0;
			*margin : 10px 0 10px 10px; /* IE7 and below */ 
			padding:5px 4px;}
			
			#leftside ul#news li span{
				padding:0 0 8px 0;
				display:block;
				font-weight:bold;}
				
				#leftside ul#news li em.allegati a{
					background:url(../../splash_library/bullet_purple.png) no-repeat left 3px;
					font-size:12px !important;
					padding:3px 5px 3px 20px !important;
					text-decoration:none !important;}
					
				#leftside ul#news li em.allegati a:hover{
					background:#fff url(../../splash_library/bullet_purple.png) no-repeat left 3px !important;}
			
			#leftside ul#news li em.date{
				background-color:#8FD7E4;
				color:#CC6600;
				letter-spacing:-0,03;
				font-style:italic;
				font-weight:normal;
				padding:1px 5px;
				margin:0 2px 0 0;
				border-radius:6px;
				-webkit-border-radius:6px;
				-moz-border-radius:6px;
				text-shadow:1px 1px 1px #eee;}
							
			#leftside ul#news li a{
				padding:2px 4px;
				text-decoration:none;}
				
			#leftside ul#news li a:hover{
				text-decoration:underline;}
	
/*rightside*/
#rightside{
	width:370px;
	float:right;
	padding:25px 0 0 0;}
	
#rightside .padBox{
	background:url(../../splash_library/bg_white_42.png) repeat left top;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;}
	
	#rightside h2,
	#rightside h3{
		padding:1em 0 1em 3em;}
		
	#rightside a:hover{
		background-color:#fff;}
		
	#rightside ul.generic{
		float:left;
		width:100%;}
		
		#rightside ul.generic li{
			background:#fbfbfb url(../../splash_library/bullet.png) no-repeat left 5px;
			border:1px dotted #bbb;
			margin:8px 0;
			*margin : 8px 0 8px 5px; /* IE7 and below */ 
			padding:5px 4px 5px 20px;}
			
	#rightside ul.trasparent{
		float:left;
		margin-bottom:15px;
		width:100%;}
		
		#rightside ul.trasparent li{
			background:url(../../splash_library/bg_white_42.png) repeat left top;
			border:1px solid #fff;
			margin:8px 0;
			*margin : 8px 0 8px 5px; /* IE7 and below */
			padding:5px 0;
			border-radius:6px;
			-webkit-border-radius:6px;
			-moz-border-radius:6px;}
			
			#rightside ul.trasparent li span{
				background:url(../../splash_library/bullet.png) no-repeat left 5px;
				padding:5px 4px 5px 20px;}
	
	#rightside ul#foto{
		float:left;
		width:100%;}
		
		#rightside ul#foto li,
		#rightside ul#multimedia li{			
			background-color:#8FD7E4;
			border:1px solid #fff;
			margin:0 10px 10px 0;
			padding:4px 4px 0 4px;
			float:left;}
			
	#rightside ul#mappa{
		float:left;
		width:100%;}
		
		#rightside ul#mappa li{
			background:#fbfbfb;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ffffff');
			background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fff));
			background: -moz-linear-gradient(top,  #fbfbfb,  #fff);
			border:1px dotted #A17538;
			margin:0 10px 10px 0;
			padding:7px 7px 4px;}
			
		#rightside ul#mappa li.link{
			background:none !important;
			border:none !important;
			margin:0 0 3px 10px;
			padding:7px 7px 4px 0;}
			
	/*google meteo live*/
	#loadweather em{
		color:#CC6600;
		font-size:12px;
		text-shadow:1px 1px 1px #FAFAFA;}
	
	#wrapmeteo{
		margin:20px 0 5px;
		clear:both;}
		
		#wrapmeteo span.days{
			color:#755B47;
			display:block;
			font-size:13px;
			font-weight:bold;
			margin:0 0 5px;
			text-shadow:1px 1px 1px #ddd;}
					
	#rightside #slideweather{}
	
	#rightside .weather{
		background:url(../../splash_library/bg_white_42.png) repeat left top;
		border:1px solid #fff;
		padding:4px;
		margin-bottom:4px;
		width:340px;
		overflow:hidden;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;}
		
		#rightside .weather span{
			font-size:11px;
			text-shadow:1px 1px 1px #ddd;}
				
		#rightside .weather img{
			border:1px solid #ddd;
			vertical-align:middle;
			float:left;
			margin-right:4px;}
							
	#rightside ul#sponsor{
		float:left;}
		
		#rightside ul#sponsor li{
			float:left;
			margin:15px 4px 5px 2px;}
			
		#rightside ul#sponsor li a:hover{
			background-color:transparent;}
			
		#rightside ul#sponsor li#xray{
			background:url(../../splash_library/xray.png) no-repeat center center;
			width:101px;
			height:73px;}
			
			#rightside ul#sponsor li#xray a{
				text-indent:-9000px;
				width:101px;
				height:73px;
				display:block;}
				
		#rightside ul#sponsor li#wsr{
			background:url(../../splash_library/wsr.png) no-repeat center center;
			width:135px;
			height:73px;}
			
			#rightside ul#sponsor li#wsr a{
				text-indent:-9000px;
				width:135px;
				height:73px;
				display:block;}
				
		#rightside ul#sponsor li#cgb{
			background:url(../../splash_library/cgb.png) no-repeat center center;
			width:89px;
			height:73px;}
			
			#rightside ul#sponsor li#cgb a{
				text-indent:-9000px;
				width:89px;
				height:73px;
				display:block;}
				
/*thumbnail*/
#thumbnail{
	width:100%;
	float:left;
	margin:0 0 20px 0;}

	#thumbnail ul{
		float:left;
		width:100%;}
		
		#thumbnail ul li{
			background-color:#8FD7E4;
			border:1px solid #fff;
			float:left;
			margin:0 17px 20px 0;
			padding:4px 4px 3px 4px;
			position:relative;}
					
		#thumbnail ul li img{
			display:block;}
				
/*map*/
#map{
	width:100%;
	height:250px;
	min-height:300px;}
	
	.gmap_marker{
		color:#282828;
		font-size:10px;}
	
.hr{
	width:100%;
	height:2px;
	margin:10px 0;
	clear:both;}
	
/*boxfour*/
.boxfour{	
	background:#EFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFFFFF', endColorstr='#C3EDEE');
	background: -webkit-gradient(linear, left top, left bottom, from(#EFFFFF), to(#C3EDEE));
	background: -moz-linear-gradient(top,  #EFFFFF,  #C3EDEE);
	border:1px solid #fafafa;
	float:left;
	margin:10px 5px 0 8px;
	width:235px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;}
	
.boxfour h4{
	color:#404F4F;
	margin:5px 0 10px 15px;}
	
	.boxfour ul{
		float:left;
		margin:0 0 0 10px}
		
		.boxfour ul li{
			font-size:13px;
			background:url(../../splash_library/bullet_green.png) no-repeat left 0;
			margin:0 0 3px 0;
			padding:0 0 10px 18px;}
	
		.boxfour ul li a{
			color:#986A0B;
			text-decoration:none;}
			
			.boxfour ul li a:hover{
				color:#444;
				text-decoration:underline;}
		
/*footer*/
#footer{
	color:#444;
	background:url(../../splash_library/bg_footer.png) no-repeat center bottom;
	float:left;
	width:100%;
	height:300px;
	text-align:center;
	font-size:11px;
	margin:0;}
	
	#footer a{
		color:#006699;
		text-decoration:none;}
		
	#footer a:hover{
		color:#444;
		text-decoration:underline;}
	
	#inner_footer{
		float:none;
		width:1010px;
		height:300px;
		position:relative;
		margin:0 auto;}
		
		#ragionesociale{
			width:100%;}
				
		#copyright{
			width:228px;
			height:40px;
			line-height:38px;
			top:145px;
			right:100px;
			background:url(../../splash_library/bg_copyright.png) no-repeat center top;
			position:absolute;}
	
			#copyright p{
				margin:0 28px 0 0;}