* {
margin: 0;
}

html, body {
height: 100%;
background:transparent url(../images/bodybg.gif) repeat-x left top;
font-family:"arial", verdana, sans-serif; 
font-size:100%;
color: #545454;
}

/* MAIN STRUCTURE  */

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -6em;
max-width:1300px;
background:transparent url(../images/headerbg.gif) no-repeat left top;
}

.footer, .push { /* don't move this down the css otherwise the bg footer image won't display  */
height: 6em;
}

.header{
height:110px;
overflow:hidden;
display:block;
}


.container{
overflow:visible;
}

.content{
margin-left:310px;
padding-right:34px;
padding-top:50px;
font-size:80%;
}


#titleheader {
 width: 2px; height: 2px;
 margin:0;
  _display:none;
}

.logo{
margin:0;
display:block;
width:230px;
float:left;
margin-left:14px;
_margin-left:7px;
}

/*  FIXINGS */
.clear{
clear:both !important;
display:block !important;
height:1px;
}

.clearright{
clear:right;
}

/* LINKS STYLES  */
a img {
border:none;
}
 
.content a{
color: #E52B18;
text-decoration:underline;
}

.content a:hover{
background-color: #E52B18;
color:#fff;
text-decoration:none;
}

.content a:visited{
background-color: transparent !important;
color:#008AE6;
text-decoration:underline;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

 
/* GENERAL TYPOGRAPHIC RULES  */

h1 {
color:#133f7f;
font-size:180%;
font-weight:bold;
margin-bottom:30px;
font-size:230%;
}

h2 {
color:#E52B18;
font-size:150%;
display:block;
height:30px;
font-weight:bold;
padding:15px 30px;
background:transparent url(../images/boxact.gif) repeat-x top left;
margin-top:20px;
}

p{
line-height: 1.5em;
padding:0 0 20px 0;
 }
 
 .red{
color: #E52B18;
}

strong{
color:#262626;
}

.italic {
font-style:italic;
}

.navyupper {
color:#133F7F !important;
font-weight:bold;
margin-bottom:0 !important;
margin-top:22px;
padding:0 !important;
text-transform:uppercase;
}

.navyupperone {
color:#262626 !important;
font-weight:bold;
margin-bottom:22px !important;
padding:0 !important;
text-transform:uppercase;
}

.navyuppertwo {
color:#262626 !important;
font-weight:bold;
margin-top:22px !important;
padding:0 !important;
text-transform:uppercase;
}

ol{
_padding-left:45px;
}

/* START HORIZONTAL MENU  */

.menu {
background:#09254A;
color:#fff;
font-size: 90%;
height:1.5em;
margin:1em 0;
width:480px;
float:right;
text-transform:uppercase;
margin: 33px 34px 0 0;
padding:5px;
}

.menu ul{
line-height:1;
list-style:none;
margin:0;
padding:0;
}

.menu ul li {
display:inline;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
color:#fff;
float:left;
}

.menu ul li a{
text-decoration:none;
color:#fff;
}


.menu a:hover, .menu .current{
color:#66CCFF;
}


/* START VERTICAL MENU */

.nav{
float:left;
background:transparent url(../images/menu1.jpg) no-repeat left top;
padding:60px 0 0 14px;
height:250px;
}

.nav ul{
margin:0;
padding:0;
}

div.nav ul li {
list-style-type:none;
padding:8px 0 3px 0;
text-transform:uppercase;
font-size: 78%;
font-weight:bold;
color: #133F7F;
border-bottom:1px dashed #B7D8E5;
width:229px;
}

.nav li span{
font-weight:bold;
}

.nav li a:hover{
background:transparent url(../images/hover.gif) no-repeat 10px 70%;
}

.nav .current{
background:transparent url(../images/hover.gif) no-repeat 10px 70%;
padding-left:25px;
width:204px;
}

.nav li a{
color: #133F7F;
text-decoration:none;
padding-left:25px;
}

#chi-sono .nav{
display:block;
height: 360px;
width:150px;
background:transparent url(../images/menu21.jpg) no-repeat 0 0;
float:left;
width:250px;
padding:0;
}

#contatti .nav, #news .nav{
display:block;
height: 360px;
width:150px;
background:transparent url(../images/menu1.jpg) no-repeat 0 0;
float:left;
width:250px;
padding:0;
}

.fbone{
background:transparent url(../images/fb.gif) no-repeat scroll 0 0;
float:left;
height:58px;
margin:55px 0 0 40px;
width:178px;
}

/* BOXES IN ATTIVITA' E STRUMENTI MAIN PAGES */
.boxer{
background:transparent url(../images/boxact1.gif) repeat-x 5px 5px;
}

#attivita .content a, #strumenti .content a{
display:block;
overflow:hidden;
margin:0 0 22px 0;
padding:15px 30px;
text-decoration:none;
color: #545454;
}

#attivita .content a:hover, #strumenti .content a:hover{
background:transparent url(../images/boxhover.gif) repeat-x 0 0;
}

#attivita .titlebox, #strumenti .titlebox{
font-size:150%;
font-weight:bold;
color: #133F7F;
}

#strumenti .titlebox{
color:#E52B18;
}

#attivita .subtitle, #strumenti .subtitle, #regole .subtitle, #nodi .subtitle, #ristoranti .subtitle, #linkutili .subtitle{
padding:0 !important;
color: #6C94B1;
font-size:125%;
display:block;
}

#attivita .subtitle{
padding-bottom:15px !important;
}

#attivita .pi, #strumenti .pi{
line-height:1.5em;
display:block;
}

#strumenti .pi{
padding:5px 0;
}

#attivita .content ul{
list-style-type:none;
line-height:1.5em;
padding:0;
}

#attivita .content ul li a{
color: #E52B18;
text-decoration:underline;
padding:0;
display:inline;
}

#attivita .content ul li a:hover{
background-color: #E52B18;
color:#fff;
text-decoration:none;
}

#attivita .content ul li a:visited{
background-color: transparent !important;
color:#008AE6;
text-decoration:underline;
}


/* ATTIVITA' - ATTIVITA' WEB VIDEO  */

.videobox{
border:1px solid #B2B2B2;
margin:30px 30px 30px 0;
padding:3px;
float:left;
}

.nomargin{
margin-bottom:5px;
padding-bottom:0;
}

.videobox p{
color:#133F7F !important;
font-size:110%;
font-weight:bold !important;
padding:0;
}


/* STRUMENTI - NODI ANIMATI PAGE */
#nodi .content img{
border:1px solid #B2B2B2;
margin:0 0 10px 30px;
padding:3px;
float:left;
}

#nodi .content p{
padding:5px 30px 10px 30px;
}

#nodi .clear{
padding:0 0 5px 0 !important;
}


/* STRUMENTI - REGOLE DI REGATA and RISTORANTI */

#regole .content ol, #regole .content ul, #ristoranti .content ul, #ristoranti .content ol{
font-size:100%;
color:#133f7f;
line-height:1.6em;
font-weight: bold;
margin-left:10px;
}

#regole .content ul{
list-style-type:none;
margin-left:0;
list-style-position:outside;
padding-left:30px;
}

#ristoranti .content ul{
list-style-type:none;
margin-left:0;
list-style-position:outside;
padding-left:0;
line-height:1em;
margin-bottom:10px;
}

#regole .content ol li, 
#regole .content ul li,
#ristoranti .content ul li{
margin-bottom:4px;
}

ol span, ul span 
{font-weight: normal;
color:#545454;}

#ristoranti .content ol li{
margin-bottom:15px;
}

/* STRUMENTI - LINK UTILI */

#linkutili .content a img {
border:1px solid #CCCCCC;
float:left;
margin-right:20px;
}

#linkutili dl{font-size:110%;
 color:#545454; 
 clear:right;
 display:block; 
 margin-left:162px;}

#linkutili dd{
margin-top:5px;
_padding-bottom:38px;
}

#linkutili .link{
overflow:hidden;}

.link{margin:0 0 20px 30px;}

/* NEWS */

.date{
border-top:1px dotted #94D4EA;
border-bottom:none;
color:#0099CC;
text-decoration:none;
padding:8px 0 0 0;
}

.rss{
background:transparent url(../images/newsviareader.gif) repeat-x left top;
border-bottom:none;
text-decoration:none;
display:block;
height:33px;
margin:170px 0 0 40px;
width:177px;
}

.noright{
display: block !important;
clear:right !important;
}

#news h2{
background: none;
color:#133F7F !important;
font-weight:bold;
text-decoration:none;
font-size:125%;
margin:0;
padding:5px 0 0 0;
height:25px;
}

#news p{
padding-left:0;
}


#news ul{
list-style-type:none;
padding:0;
}

#news ul li{
margin-bottom:25px;
}

#news .link{
list-style-type:none;
padding:0;
margin: 0;
}

#news .testo{
padding-bottom:5px;
}



/* CONTATTI */

#contatti .content ul{
list-style-type: none;
margin-bottom: 15px;
padding:0;
}

#contatti .content ul li{
line-height:1.5em;
}

/* FOOTER */

.footer{
background:transparent url(../images/footerbg.jpg) repeat-x left top;
width:100%;
height:268px;
clear:both;
color:#fff;
font-size:75%;
}

.foot{
padding-top:195px;
}

.footrick{
display:block;
max-width:1300px;
margin:0 auto;
}

.footer p{
background-color:#329ebd;
display:block;
width:270px;
margin-left:10px;
padding:3px 8px;
margin:0auto;
}

.footer a{
color:#fff;
text-decoration:none;
}



.opaque {
     opacity: .7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; // first!
    filter: alpha(opacity=70);                    // second!
}

@media handheld {

	html, body {
	font: 12px/15px sans-serif;
	background: #fff;
	padding: 3px;
	color: #000;
	margin: 0;
	}
	
	h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}

	#content img { 
	max-width: 250px;
	}
	
	a:link, a:visited {
	text-decoration: underline;
	color: #0000CC;
	}
	
	a:hover, a:active {
	text-decoration: underline;
	color: #660066;
	}
	
	.logo img{
	display:block;
	width:100px !important;
	}

}

/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 

	html {
		-webkit-text-size-adjust: none;
		}

}