﻿body {
	background-color: #FFFFFF;
	color:#333333;
	line-height: 1.428571429;
  	/*
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	*/
}
a{
	color:#333333;
	outline: none;
	text-decoration:none;
}
a:hover{
	color:#015BAD;
	outline: none;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6{
	color: #015BAD;
}
h1,.h1 {
  /*font-size: 36px;*/
  font-size: 2em;
}
h2,.h2 {
  /*font-size: 30px;*/
  font-size: 1.7em;
}
h3,.h3 {
  /*font-size: 24px;*/
  font-size: 1.4;
}
h4,.h4 {
  /*font-size: 18px;*/
  font-size: 1.2em;
}
h5,.h5 {
  /*font-size: 14px;*/
  font-size: 1.1em;
}
h6,.h6 {
  /*font-size: 12px;*/
  font-size: 1em;
}

/* pannelli collapse */
.panel-title a{
	color: #015BAD;
	text-decoration:none;
}
.panel-body{
	color: #333333;
}
.panel-body p{
	margin-top:0;
	margin-bottom:0;
}

.margine-top-10 {margin-top: 10px;}
.margine-top-20 {margin-top: 20px;}
.margine-top-30 {margin-top: 30px;}
.margine-bottom {margin-bottom: 20px;}
/*
 spazio_top è utilizzato per allineare orizzontalmente tasti e checkbox ai text box
 ma quando vanno sotto al controllo non devono lasciare lo spazio 
*/
.spazio_top{ display:inline-block;}
@media (max-width: 768px) {
	.spazio_top{ display:none;}
}

.bottoni {margin: 5px 5px 0 0 ;}

.body_background{
	position: relative;
	width:100%;
}

/***** Back-to-top-button beg *****/
#back-top {
	margin:0;
	padding:0;
	position: fixed;
	top:100%;
	left:100%;
	margin-left:-40px;
	margin-top:-40px;
	z-index:1000;
}
#back-top a {
	width: 35px;
	display: block;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #333333;
}
#back-top span {
	margin:0;
	padding:0;
	display: block;
	width: 35px;
	height: 35px;
	/* background transition */
	background: #9EC0DF url(../images/up-arrow.png) left top no-repeat;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #015BAD;
}
/***** Back-to-top-button end *****/

/*********** cookie BEG **********/
.cookie_background{
	position: relative;
	width:100%;
	background-color:#FF9900;
 }
.cookie_text{
	text-align:center;
	color:#FFFFFF;
	font-size:0.9em;
	padding:10px 15px 10px 15px;
}
.cookie_text a{
	color:#FFFFFF;
	text-decoration:underline;
	cursor:pointer;
}
.cookie_text a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
/*********** cookie END **********/

/*********** lingua BEG **********/
.lingua_background{
	position: relative;
	width:100%;
	background-color:#002D51;
 	height:40px;
	line-height:40px;
}
.lingua{
	position: relative;
	text-align:left;
	color:#999999;
    float: left;
}
.lingua a{
	color:#999999;
	margin-right:15px;
	font-size:0.9em;
	text-decoration:none;
}
.lingua a:hover{
	color:#FFFFFF;
}
.lingua a.active{
	color:#FFFFFF;
}
.lingua_dx{
	position: relative;
	text-align:right;
    float: right;
}
/*********** lingua END **********/

/*********** header BEG **********/
.header_background {
	position: relative;
	width:100%;
	background:#4E8BC9;
}
.header_logo{
	height:100px;
}
.header_logo_mobile{
	display:none;
}
.header_logo_img{
	text-align:right;
}
.header_logo_img img{
	height:100px;
}
.header_logo_script{
	padding-top:30px;
	padding-left:50px;
	text-align:left;
}

@media (max-width: 767px) {
	.header_logo{
		display:none;
	}
	.header_logo_mobile{
		display:inline;
		text-align:center;
	}
	.header_logo_img{
		text-align:center;
	}
	.header_logo_img img{
		height:70px;
	}
	.header_logo_script{
		padding-top:0;
		padding-left:0;
		text-align:center;
	}
	.header_logo_script img{
		max-width:200px;
	}
}
.navbar{
	background-color:#4E8BC9;
	margin-bottom:0;
	border:none;
}
.navbar-default .navbar-nav > li > a {
	font-size: 1.1em;
	font-weight: normal;
	color: #F9F9F9;
}

.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #002D51;
}

.navbar-default .navbar-nav .active > a,
.navbar-default .navbar-nav .active > a:hover,
.navbar-default .navbar-nav .active > a:focus {
	color: #002D51;
}
@media (max-width: 1199px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 1em;
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 991px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 0.9em;
		padding-left: 5px;
		padding-right: 5px;
	}
}
.navbar-default .navbar-toggle {
	border: 1px solid #FFFFFF;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #4E8BC9;
	background-color: #FFFFFF;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFFFFF;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #4E8BC9;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 1.1em;
		padding-left: 10px;
		padding-right: 10px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #4E8BC9;
		background-color: #FFFFFF;
		text-align:center;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #FFFFFF;
	}
  /*
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
*/
}

.badge {
  color: #fff;
  background-color: #FF0000;
  border-color: #fff;
}

/*********** header END **********/

/*********** ricerca BEG **********/
.ricerca{
	position:relative;
	text-align:left;
}
/*********** ricerca END **********/

/*********** footer BEG **********/
.footer_background {width:100%;background-color:#FFFFFF;padding-top:20px;padding-bottom:20px;border-top:solid 2px #4E8BC9;}
.footer_newsletter {margin-top:20px;}
.footer_social {margin-top:20px;padding:0;text-align:center;}
.footer_social a {padding-left:10px;padding-right:10px;}
.footer_link {margin-top:20px;text-align:center;}
.footer_link a {padding-left:10px;padding-right:10px;font-size:0.8em;}
.footer_societa {margin-top:20px;text-align:right;}
.footer_copy {margin-top:10px;font-size:0.8em;text-align:right;}

.footer_meteo{height:300px;}
.footer_meteo a img{height:240px;}


.footer_webmaster {width:100%;background-color:#002D51;}
.webmaster{padding:10px 0 10px 0;text-align:right;font-size:0.8em;}
.webmaster a{color:#ffffff;}
.area_riservata{padding:10px 0 10px 0;text-align:left;}
.area_riservata img{
	border: none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.area_riservata img:hover{
	border: none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
@media (max-width: 768px) {
	.footer_link, .footer_copy, .footer_social, .footer_societa, .webmaster, .area_riservata{
		text-align:center;
	}
}

/*********** footer END **********/

/*********** contenuto BEG **********/
.contenuto_background{
	width:100%;
	background-color:#FFFFFF;
}
.contenuto{
	padding:30px 0 50px 0;
	text-align:left;
	/*min-height:450px;*/
}
.testo_small{
	font-size:0.9em;
	font-weight:normal;
	color: #333333;
}

.traccia{
	position:relative;
	text-align:left;
	margin:0;
	padding:0 0 10px 0;
	border-bottom:solid 1px #CCCCCC;
}
.traccia span{
	margin-right:10px;
}

/*********** contenuto END **********/

/*********** default BEG **********/
.home_linkmenu h4{
	margin:10px 0 0 0;
	padding:0;
}
.home_linkmenu h6{
	margin:0px 0 0 0;
	padding:0;
	color: #333333;
}


.website{
	width:150px;
	margin-top:10px;
	margin-right:10px;
	float:left;
}
@media (max-width: 480px) {
	.website{
		width:100px;
	}
}

#home-section-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative;

    -webkit-border-bottom: 1px solid #efefef;
       -moz-border-bottom: 1px solid #efefef;
         -o-border-bottom: 1px solid #efefef;
            border-bottom: 1px solid #efefef;
}
#home-section-container {
    width: 100%;
    overflow: hidden;
	background: url(../images/puntonero.png) left top repeat;
}
#home-wrapper {
    width: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding: 100px 0 130px;
}
#welcome-msg {
    overflow: hidden;
    margin-bottom: 40px;
}
#welcome-msg h1 {
    color: #ffffff;
    font-size: 40px;
}

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center;}
#supersized {  display:block; position:absolute; left:0; top:0; overflow:hidden; z-index:-1; height:850px; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

#countdown_dashboard {
    max-width: 850px;
    overflow: hidden;
    margin: 0 auto 60px;
    text-align: center;
}
.digit {
    height: 65px;
    color: #ffffff;
    font-size: 60px;
    font-weight: 400;
    line-height: 65px;
    text-align: center;
    position: relative;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}
.dash_title {
    color: #ffffff;
    display: block;
    font-size: 20px;
    margin-top: 15px;
    text-transform: uppercase;
}
.days_dash,
.hours_dash,
.minutes_dash {
    position: relative;
    margin-bottom: 30px;
}
.days_dash:after,
.hours_dash:after,
.minutes_dash:after {
    position: absolute;
    top: 0;
    width: 1px;
    right: -15px;
    height: 100%;
    content: '';
    background-color: #ffffff;
}


/*********** default END **********/

/*********** eventi BEG **********/
.eventi_home_titolo{
	margin-top: 40px;
	padding:2px 0 2px 10px;
	color: #FFFFFF;
	background-color:#FF9900;
}
.eventi_home{
	margin:0;
	padding:0;
}
.eventi_home h2{
	font-size:1.5em;
}
.eventi_home h3{
	font-size:1.1em;
	padding-bottom:10px;
}
.eventi_home a{
	text-decoration:none;
}
.eventi{
	margin:0;
	padding:0;
}
.eventi h2{
	font-size:1.5em;
	padding-bottom:10px;
}
.eventi h3{
	font-size:1.1em;
	padding-bottom:10px;
}
.eventi a{
	text-decoration:none;
}
.eventi_box{
	border-bottom:solid 1px #4E8BC9;
}
.eventi_img{
	padding-top:20px;
}
.eventi_separa{
	padding-bottom:40px;
	border-bottom:solid 2px #4E8BC9;
}
/*********** eventi END **********/

/*********** barche BEG **********/
.barche{
	margin-top:20px;
	padding-top:10px;
	border-top:solid 1px #015BAD;
}
/*********** barche END **********/

/********** regate BEG **********/
.regata_box{
	margin-top:10px;
	margin-bottom:30px;
}
.regata_titolo_cmprgt{
	font-size:1.2em;
	font-weight:bold;
	color: #015BAD;
	padding-top:30px;
}
.regata_titolo{
	font-size:1.2em;
	font-weight:bold;
	color: #FF6600;
	padding-bottom:10px;
}
.regata_dettaglio{
	padding-bottom:10px;
}
.regata_quota{
	padding-bottom:10px;
}
.regata_iscr{
	font-weight:bold;
}
.regata_conclusa{
	font-size:0.9em;
	font-weight:normal;
	color: #FF6600;
}

/* classifica  BEG*/
.rgt_head{
	background-color:#DDDDDD;
}
.rgt_list{
	margin-top:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #DDDDDD;
}
.rgt_list:hover{
	background-color:#DDDDDD;
}
.rgt_col_padding{
	padding-right:10px;
}
.rgt_barca_dtg{
	cursor:pointer;
}
/* classifica  END*/
/********** regate END **********/

/********** campionati BEG **********/
.web_CMP_Table_Regate td{
	padding:0 5px 0 0;
}
.web_CMP_lst_CMP_Regate{
	margin:2px 0 0 0;
	padding:0;
	height:200px;
	border:1px solid #333333;
}
.web_CMP_Classifica_Nominativo_Header{
	font-size:10px;
	color:#000000;
	padding:0 5px 0 0;
	background-color:#DDDDDD;
	border: solid 1px #999999;
	width:170px;
}
.web_CMP_Classifica_Nominativo{
	font-size:12px;
	color:#000000;
	padding:0 5px 0 0;
	background-color:#DDDDDD;
	border: solid 1px #999999;
	width:170px;
}
.web_CMP_Classifica_Barca_Header{
	font-size:10px;
	color:#000000;
	padding:0 5px 0 0;
	background-color:#DDDDDD;
	border: solid 1px #999999;
	width:130px;
}
.web_CMP_Classifica_Barca{
	font-size:12px;
	color:#000000;
	padding:0 5px 0 0;
	background-color:#DDDDDD;
	border: solid 1px #999999;
	width:130px;
}
.web_CMP_Classifica_Num_Header{
	font-size:10px;
	color:#000000;
	text-align:center;
	padding:0 5px 0 0;
	background-color:#DDDDDD;
	border: solid 1px #999999;
	width:25px;
}
.web_CMP_Classifica_Num{
	font-size:12px;
	color:#000000;
	text-align:right;
	padding:0 5px 0 0;
	border: solid 1px #999999;
	width:25px;
}
/********** campionati END **********/

/********** web_CMP beg **********/
.web_CMP_Table_Regate td{
	padding:0 5px 0 0;
}
.web_CMP_lst_CMP_Regate{
	margin:2px 0 0 0;
	padding:0;
	width:370px;
	height:200px;
	border:1px solid #333333;
}
.web_CMP_Classifica_Nominativo_Header{
	font-size:0.9em;
	color:#000000;
	padding:0 5px 0 0;
	background-color:#DDDDDD;
	border: solid 1px #999999;
	width:170px;
}
.web_CMP_Classifica_Nominativo{
	font-size:1em;
	color:#000000;
	padding:0 5px 0 0;
	background-color:#DDDDDD;
	border: solid 1px #999999;
	width:170px;
}
.web_CMP_Classifica_Barca_Header{
	font-size:0.9em;
	color:#000000;
	padding:0 5px 0 0;
	background-color:#DDDDDD;
	border: solid 1px #999999;
	width:130px;
}
.web_CMP_Classifica_Barca{
	font-size:1em;
	color:#000000;
	padding:0 5px 0 0;
	background-color:#DDDDDD;
	border: solid 1px #999999;
	width:130px;
}
.web_CMP_Classifica_Num_Header{
	font-size:0.9em;
	color:#000000;
	text-align:center;
	padding:0 5px 0 0;
	background-color:#DDDDDD;
	border: solid 1px #999999;
	width:25px;
}
.web_CMP_Classifica_Num{
	font-size:1em;
	color:#000000;
	text-align:right;
	padding:0 5px 0 0;
	border: solid 1px #999999;
	width:25px;
}
/********** web_CMP end **********/

/*********** vacanze BEG **********/
.vacanze_box{
	text-align:center;
}
.vacanze_box a{
	/*display:inline-block;*/
}
.vacanze_box:hover{
	border:solid 1px #015BAD;
}
.vacanze_box img{
	min-height:370px;
	padding-top:5px;
}
.vacanze_box .caption{
	text-align:center;
	font-size:1em;
	font-weight:bold;
	color: #015BAD;
}
.vacanze_costi td{
	padding:2px;
	min-width:70px;
	border:solid 1px #CCCCCC;
}
.vacanze_calendario{
    margin:0;
}
.vacanze_calendario td{
    width:18px;
    height:18px;
    padding:2px;
    vertical-align:middle;
    text-align:center;
    font-size:9px;
    border:none;
}
.vacanze_calendario div{
    margin:0;
    padding:1px 1px 1px 1px;
    border: solid 1px #BBBBBB;
}
/*********** vacanze END **********/

/*********** contatti BEG **********/
.contatti_err{
	color:#a94442;
	white-space:nowrap;
}
.contatti_link a{
	padding-left:15px;
	font-size:.8em;
}

/*********** contatti END **********/

/********** sondaggio BEG **********/
.sondaggio_legenda{
	margin-top:20px;
	width:150px;
}
/********** sondaggio END **********/

/********** area_utenti BEG **********/
.area_utenti_elenco_head{
	background-color:#DDDDDD;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:5px;
	margin-left:5px;
}
.area_utenti_elenco_list{
	margin-top:5px;
	padding-bottom:5px;
	margin-right:5px;
	margin-left:5px;
	border-bottom:solid 1px #DDDDDD;
}
.area_utenti_elenco_list:hover{
	background-color:#DDDDDD;
}
.area_utenti_elenco_list p{
	margin-top:0;
	margin-bottom:0;
}
.area_utenti_elenco_list_note{
	padding-top:10px;
	font-size:0.9em;
}
.area_utenti_elenco_list_del a{
	padding-top:10px;
	font-size:1.5em;
	color:#a94442;
	text-align:center;
}

.area_utenti_head{
	text-align:left;
	font-size:1em;
}
.area_utenti_head_user{
	margin-right:20px;
	white-space:nowrap;
}
.area_utenti_head_esci{
	color: #FF9900;
	white-space:nowrap;
	font-size:0.9em;
	font-weight:bold;
}
.area_utenti_msg{
	font-size:0.9em;
	color:#FF6600;
	font-weight:bold;
	text-align:left;
}

.area_utenti_grp{
	margin-bottom:20px;
	padding:10px;
	width:auto;
	border: solid 1px #999999;
}
.area_utenti_grp_err{
	margin-bottom:20px;
	padding:10px;
	width:auto;
	border: solid 1px #FF0000;
}
.area_utenti_grp legend, .area_utenti_grp_err legend{
	padding:0;
	margin:0;
	font-size:1.3em;
}
.area_utenti_lista{
	height:200px;
	min-width:300px;
	width:100%;
}

/********** area_utenti END **********/

/********** elenco beg **********/
.elenco_grid {
	width:100%;
	border:solid 1px #333333;
}
.elenco_grid tr{
	background-color: #FFFFFF;
	Height:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.elenco_grid tr:hover{
	background-color: #CCCCCC;
}
.elenco_grid th{
	border:solid 1px #BBBBBB;
}
.elenco_grid td{
	border:solid 1px #BBBBBB;
}
.elenco_grid_Header{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	min-height:20px;
}
.elenco_grid_Header a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
	min-height:16px;
}
.elenco_grid_select{
	width:30px;
	background-color: #DDDDDD;
}
.elenco_grid_select input{
	width:30px;
	height:16px;
	border:none;
	background-color: #DDDDDD;
}
.elenco_grid_select input:hover{
	width:30px;
	height:16px;
	cursor:pointer;
	background-image:url(../images/bottoni_2.jpg);
	background-position:0px 0px;
}
.elenco_grid_select_seleziona{
	width:30px;
	background-color: #DDDDDD;
}
.elenco_grid_select_seleziona input{
	width:30px;
	height:16px;
	border:none;
	background-color: #DDDDDD;
}
.elenco_grid_select_seleziona input:hover{
	width:30px;
	height:16px;
	cursor:pointer;
	background-image:url(../images/bottoni_2.jpg);
	background-position:-30px 0px;
}
.elenco_grid_Pager table{
	margin:0;
	padding:0;
	background-color: #DDDDDD;
}
.elenco_grid_Pager td{
	height:16px;
	background-color: #DDDDDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#000000;
}
.elenco_grid_Pager span{
	margin:0;
	padding:0 5px 0 5px;
	background-color: #FFFFFF;
}
.elenco_grid_Pager a{
	margin:0;
	padding:0 5px 0 5px;
	color:#555555;
	text-decoration:none;
	border:none;
}
.elenco_grid_Pager a:hover{
	color:#000000;
}
/********** elenco end **********/
