/* CSS Document */
.menu {font-family: "Arial Narrow"}

.h1 {
	font-family: "Arial Narrow";
	font-size: 6mm;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #CC0000;
	text-align: left;
	left: 5px;
}

.h3 {
	font-family: "Arial Narrow";
	font-size: 5mm;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #02105A;
	
	text-align: left;
	text-indent: 10px;
}

.h4 {
	font-family: "Arial Narrow";
	font-size: 4mm;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #02105A;
	
	text-align: left;
}

.h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FF0000;
	text-align: left;
	border: thin none #000000;
	padding-left: 5px;
}

.h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #02105A;
	text-align: left;
	border: thin none #000000;
	padding-left: 1px;
}
.titolonews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	
	text-align: left;
	border: thin none #000000;
}

.testonews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	
	text-align: left;
	border: thin none #000000;
}
.header {
	position: relative;
	top: 10px;
	background-color: #FFFFFF;
}

.cellait {
	font-family: "Arial Narrow";
	height: 81px;
	width: 160px;
	position: relative;
	font-size: 4.23mm;
	color: #02105A;
	text-align: center;
	clip: rect(0px,0px,0px,0px);
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	font-style: normal;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.cellaitalmondo{
	font-family: "Arial Narrow";
	position: relative;
	font-size: 2.5mm;
	color: #02105A;
	text-align: center;
	clip: rect(auto,auto,auto,auto);
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	font-style: italic;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	height: 67px;
	width: 657px;
}
.testofooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #02105a;
	text-align: center;
	position: relative;
	width: 100%;
	font-weight: normal;
}

.testoheader {
	font-family: "Arial Narrow";
	font-size: 3mm;
	font-style: italic;
	color: #02105a;
	text-align: center;
	position: relative;
	width: 620px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-weight: bold;
	height: 16px;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}
.cellamenu {
	font-family: Arial, Helvetica, sans-serif;
	height: 100px;
	width: 70px;
	position: relative;
	font-size: 10pt;
	color: #02105A;
	text-align: center;
	padding-top: 0px;
	clip: rect(10px,auto,auto,auto);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
}

.testomenu{
	width: 100%;
	position: relative;
	color: #02105A;
	text-align: center;
	border: thin none #000000;
	top: -4px;
}

.foto{
	position: relative;
	color: #02105A;
	text-align: left;
	border: thin none #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	
	list-style-type: circle;
}
.footer {
	position: relative;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.foot {
	position: relative;
	width: 820px;
	top: 20px;
}
.cellafootersx{
	height: 102px;
	width: 190px;
	position: relative;
	color: #02105A;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	
}

.cellafooterdx{
	height: 102px;
	width: 190px;
	position: relative;
	color: #02105A;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	
}

.cellafootercentro{
	height: 102px;
	width: 195px;
	position: relative;
	color: #02105A;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	
}
.sfondo_partner{
	width: 100%;
	position: relative;
	color: #02105A;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	left: 0px;
	top: 20px;
}
.cellapartner{
	height: 102px;
	width: 30px;
	position: relative;
	color: #02105A;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #FFFFFF;
}



.cellauli{
	font-family: "Arial Narrow";
	height: 100px;
	width: 100px;
	position: relative;
	font-size: 3.53mm;
	color: #02105A;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	border: thin none #000000;
	
}

.cellacontent{
	height: 415px;
	width: 336px;
	color: #02105A;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
}

.cellasfondo{
	height: 415px;
	width: 300px;
	color: #02105A;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 0px;
	border-right-width: 1px;
}
.cellabanner{
	position: relative;
	background-image: url(/img/banner_fra.gif);
	background-repeat: no-repeat;
	width: 169px;
	background-position: center top;
	height: 415px;
	border-top-width: 1pt;
	border-right-width: 1px;
	border-bottom-width: 1pt;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-image: url(/img/banner_fra.gif);
}

.sfondo{
	position: relative;
	color: #02105A;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
}

.cellacentro{
	height: 415px;
	width: 650px;
	position: relative;
	color: #02105A;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
}

.cellacentrofoto{
	height: 415px;
	width: 80%;
	position: relative;
	color: #02105A;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
}
.tabellaregate{
	width: 90%;
	position: relative;
	color: #02105A;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	vertical-align: top;
	text-align: center;
}

.tabellanews{
	width: 90%;
	position: relative;
	color: #02105A;
	vertical-align: top;
	text-align: left;
	font-size: 4mm;
	border: thin none #FF0000;
	margin-left: 10px;
	padding-left: 10px;
}

.tabellah22{
	width: 90%;
	position: relative;
	color: #02105A;
	text-align: left;
	font-family: "Arial Narrow";
	font-size: 3.5mm;
	font-style: normal;
	border: thin none #FF0000;
	
	margin-left: 10px;
	vertical-align: top;
	padding-left: 50px;
}

.tabellalink{
	width: 80%;
	position: relative;
	color: #02105A;
	text-align: center;
	font-family: "Arial Narrow";
	font-size: 4mm;
	font-style: normal;
	border: thin none #FF0000;
	
	margin-left: 10px;
	vertical-align: middle;
	padding-left: 10px;
}
.tabellanewsindex{
	width: 100%;
	position: relative;
	color: #02105A;
	vertical-align: top;
	text-align: left;
	font-family: "Arial Narrow";
	font-size: 3.5mm;
	font-style: normal;
	margin-left: 10px;
}
.cellavergraf{
	font-family: "Arial Narrow";
	height: 100px;
	width: 100px;
	position: relative;
	font-size: 3.53mm;
	color: #02105A;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	border: thin none #000000;
	top: 2px;
}

.cellanewsdata{
	font-family: "Arial Narrow";
	height: 20px;
	width: 120px;
	position: relative;
	font-size: 4mm;
	color: #02105A;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	border: thin none #000000;
}

.cellanewstitolo{
	font-family: "Arial Narrow";
	height: 20px;
	width: 480px;
	position: relative;
	font-size: 4mm;
	color: #02105A;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	border: thin none #000000;
}
.imgmenu {
	font-family: "Arial Narrow";
	height: 86px;
	width: 70px;
	position: relative;
	font-size: 4.23mm;
	color: #0000CC;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.imgbanner {
	position: relative;
	color: #0000CC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
a:link {
	text-decoration: none;
	color: #02105A;
	font-style: normal;
	font-weight: normal;
}
a:visited {
	text-decoration: none;
	color: #02105A;
	font-style: normal;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
	color: #00FFFF;
	font-style: normal;
	font-weight: normal;
}
a:active {
	text-decoration: none;
	color: #02105A;
	font-style: normal;
	font-weight: normal;
}


.fotogrande {
	text-decoration: none;
	color: #02105A;
	width: 90%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.fleet_table {
	text-decoration: none;
	color: #02105A;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	width: 90%;
	font-family: "Arial Narrow";
	font-size: 3.5mm;
}

div.more_spam_calculator
{
 background-color: #FFC;
 border: dashed 1px green;
}


div.thumbnails { }

div.thumbnails > table.thumbs { }
div.thumbnails > table.thumbs > tr,
div.thumbnails > table.thumbs > tbody > tr { }
div.thumbnails > table.thumbs > tr > td,
div.thumbnails > table.thumbs > tbody > tr > td { padding: 5px; }
div.thumbnails > table.thumbs > tr > td > a > img,
div.thumbnails > table.thumbs > tbody > tr > td > a > img { border: solid 1px ; }
div.thumbnails > table.thumbs > tr > td > a:hover > img,
div.thumbnails > table.thumbs > tbody > tr > td > a:hover > img { border: solid 1px white; }

div.thumbnails > div.nav { text-align: center; }

div.thumbnails > table.thumbs > tr { }
div.thumbnails > table.thumbs > tr > td,
div.thumbnails > table.thumbs > tbody > tr > td { padding: 5px; }
div.thumbnails > table.thumbs > tr > td > a > img,
div.thumbnails > table.thumbs > tbody > tr > td > a > img { border: solid 1px red; }
div.thumbnails > table.thumbs > tr > td > a:hover > img,
div.thumbnails > table.thumbs > tbody > tr > td > a:hover > img { border: solid 1px red; }

ul.collections_list
{
 font-size: 150%;
}

table.generic {
	font-family: "Arial Narrow";
	font-size: 3.5px;
	
	width: 600px;
	margin-left: 5px;
}
table.generic > caption {
	text-align: left;
	font-size: 3.5mm;
	font-weight: bold;
	font-family: "Arial Narrow";
}
table.generic > tr,
table.generic > tbody > tr { }
table.generic > tr.even,
table.generic > tbody > tr.even { background-color: #333; }
table.generic > tr.odd,
table.generic > tbody > tr.odd { background-color: #222; }
table.generic > tr > th,
table.generic > tbody > tr > th { padding: 0.5em; margin: 0.2em; border: solid 1px #222; }
table.generic > tr > td,
table.generic > tbody > tr > td { padding: 0.5em; margin: 0.2em; border: solid 1px #222; }

table.rassegna_stampa { margin: 1em; }



table.calendario_regate { margin: 1em; }
table.calendario_regate > tr > td.data,
table.calendario_regate > tbody > tr > td.data { text-align: right; }
table.calendario_regate > tr > td.luogo,
table.calendario_regate > tbody > tr > td.luogo { }
table.calendario_regate > tr > td.links,
table.calendario_regate > tbody > tr > td.links { }


span.new
{
 color: red;
 text-decoration: blink;
 font-weight: bold;
}

div.regolamento
{
 font-size: 85%;
}

div.h22_background_logo
{
 background-image: url('/img/logo_h22_background.png');
 background-repeat: no-repeat;
 width: 121px;
 height: 160px;
 position: absolute;
}

div.contacts_association_name
{
 font-size: 200%;
 font-variant: small-caps;
 font-weight: bold;
 color: red;
}

table.logo_selection { margin: 1em; }
table.logo_selection > caption { margin-top: 1em; font-size: 150%; }
table.logo_selection > tr,
table.logo_selection > tbody > tr { }
table.logo_selection > tr > td,
table.logo_selection > tbody > tr > td { text-align: center; padding: 0.3em; color: #666; }
table.logo_selection > tr > td.selected,
table.logo_selection > tbody > tr > td.selected {
	background-image: url(/warner_logo/shader_small.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

div.logo_preview
{
	position: relative;
	width: 100%;
	height: 415px;
	background-image: url(/warner_logo/logo_select_base.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

a.logo_selection
{
 border: none;
 
}

a.logo_selection:hover
{
 
}

a.logo_selection:active
{
 
}

div.logo_preview > img
{
 position: relative;
 left: 80px;
 top: 90px;
}

div.logo_selection
{
	width: 100px;
	
	position: relative;
	
	margin-top: 10px;
	margin-left: 10px;
}

div.logo_selection > img
{
 position: relative;
 
 
}

table.boats_table > tr > td,
table.boats_table > tbody > tr > td
{
 vertical-align: top;
 font-size: 100%;
}

table.boats_table > tr > td.boat,
table.boats_table > tbody > tr > td.boat
{
}

table.boats_table > tr > td.boat > div.boat,
table.boats_table > tbody > tr > td.boat > div.boat
{
 position: relative;
 left: 0px;
 top: 0px;
 width: 100px;
 height: 142px;
}

table.boats_table > tr > td.boat > div.boat > img.boat,
table.boats_table > tbody > tr > td.boat > div.boat > img.boat
{
 position: absolute;
 left: 0px;
 top: 0px;
}

table.boats_table > tr > td.boat > div.boat > img.warner_logo,
table.boats_table > tbody > tr > td.boat > div.boat > img.warner_logo
{
 position: absolute;
 left: 20px;
 top: 60px;
}

table.boats_table > tr > td.boat > div.boat > img.warner_logo_hid,
table.boats_table > tbody > tr > td.boat > div.boat > img.warner_logo_hid
{
 position: absolute;
 left: 0px;
 top: 0px;
 visibility: hidden;
}

table.boats_table > tr > td.boat > div.boat:hover > img.warner_logo,
table.boats_table > tbody > tr > td.boat > div.boat:hover > img.warner_logo
{
 visibility: hidden;
}

table.boats_table > tr > td.boat > div.boat:hover > img.warner_logo_hid,
table.boats_table > tbody > tr > td.boat > div.boat:hover > img.warner_logo_hid
{
 visibility: visible;
}

table.boats_table > tr > td.name,
table.boats_table > tbody > tr > td.name
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

table.boats_table > tr > td.name > div.sailing_number,
table.boats_table > tbody > tr > td.name > div.sailing_number
{
	font-size: 100%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

table.form { background-color: #FFFFCC; border: dashed 1px #555; margin: 0.5em; }
table.form > caption {}
table.form > tr > th,
table.form > tbody > tr > th,
table.form > tr > td,
table.form > tbody > tr > td { padding: 0.5em; }
table.form > tr > td.submit,
table.form > tbody > tr > td.submit { text-align: center; }

.owner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	
	text-align: left;
	border: thin none #000000;
}

.sponsor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	
	text-align: left;
	border: thin none #000000;
}
.circle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #000066;
	
	text-align: left;
	border: thin none #000000;
}