/* CSS Document */

html,body{
	width: 100%;
	margin:0;
	padding:0;
	background: #3A7BBF;
	text-align: left;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
}

form, p, h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

img {
	border: 0;
}

a { color: #00598B; }
a:focus { outline: none; }

a:hover { color:#D30707; }

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagina {
	width: 1000px;
	margin: 0 auto 0 auto;
}
.contenuto {
	width: 100%;
	float: left;
	text-align: left;
}

#fascia_top {
	width: 100%;
	float: left;
	background: #FFF url(../images/bg_top.gif) top left repeat-x;
}

#fascia_animazione {
	width: 100%;
	float: left;
	background: #0B4C94 url(../images/bg_animazione.gif) top left repeat-x;
}

#fascia_menu {
	width: 100%;
	float: left;
	background: #CB0303;
}

#fascia_centro {
	width: 100%;
	float: left;
	background: #FFF url(../images/bg_centro.jpg) top center repeat-x;
	/* background: #FFF url(../images/bg_centro.jpg) top center repeat-x; */
}

#fascia_bottom {
	width: 100%;
	float: left;
	background: #3A7BBF url(../images/bg_bottom.gif) top left repeat-x;
}

#fondopagina {
	width: 100%;
	float: left;
	color: #FFF;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Helvetica, sans-serif;
	text-align: center;
	padding: 20px 0 15px 0;
}

#fondopagina a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#fondopagina a:hover {
	text-decoration: underline;
}

#fondopagina img {
	vertical-align: middle;
}

#fondopagina a:hover; {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}


/*--------------------------------------------------------
		MENU PRINCIPALE SOPRA
--------------------------------------------------------*/

#menu_sopra {
	visibility: hidden;
}

#menu_sopra ul li {
	display:inline;
	float: left;
}

#menu_sopra ul li a {
	display: block;
	padding: 0 12px;
	font-size: 12px;
	color: #00598B;
	text-decoration: none;
}

#menu_sopra ul li a:hover {
	color: #D00;
	text-decoration: underline;
}


/*--------------------------------------------------------
		MENU PRINCIPALE
--------------------------------------------------------*/

#menu {
	width: 100%;
	float: left;
	height: 38px;
	background: #D30000 url(../images/bg_menu.gif) top left repeat-x;
	float: left;
	clear:both;
	display:block;
}

#menu ul li {
	display:inline;
	float: left;
	margin-top: 5px;
}

#menu ul li a {
	font-size: 12px;
	display:block;
	color: #FFF;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Georgia, Arial, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif;
}

#menu ul li a:hover {
	color: #F9D9D9;
}

#menu ul li a:hover .curvasx {
	padding: 5px 26px 10px 26px;
}

#menu ul li a .curvasx {
	display: block;
	padding: 5px 26px 10px 26px;
	background: url(../images/riga-menu.gif) top right no-repeat;
}


#menu ul li a.attivo {
	color: #00588B;
	background: url(../images/ang-menuattivo-dx.gif) top right no-repeat;
}

#menu ul li a.attivo .curvasx {
	padding: 8px 26px 10px 26px;
	display: block;
	background: url(../images/ang-menuattivo-sx.gif) top left no-repeat;
}

#menu ul li a.attivo:hover {
	color: #00588B;
}


/*--------------------------------------------------------
		STILE BASE
--------------------------------------------------------*/


#intestazione {
	width: 100%;
	float: left;
	height: 100px;
}

#intestazione .data {
	color: #FFF;
	font-size: 11px;
	text-align: right;
}

.spazio_logo {
	width: 280px;height: 120px;
	z-index: 10;
	left: 30px;
	top: 0;
	position: absolute;
}


#col_sx {
	
}

#col_dx {
	
}

a.button {
	display: block;
	float: left;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	padding: 2px 10px;
	background: #D30000 url(../images/bg_button.gif) top left repeat-x;
	border: 1px solid #D30000;
	text-decoration: none;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
}

.sfumatura_dx {
	width: 12px;
	float: left;
	height: 100%;
	font-size: 1px;
	background: url(../images/sfum_dx.gif) top left no-repeat;
}

/*--------------------------------------------------------
		STILE CHARTER
--------------------------------------------------------*/

#charter .riquadro {
	background: #FFF;
	border: 1px solid #CCC;
}


#charter {
	width: 100%;
	float: left;
	height: 148px;
	margin-top: 15px;
}


#charter h3 {
	display: block;
	padding: 4px 10px;
	font-size: 18px;
	color: #00598B;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
	border-bottom: 1px solid #CCC;
	background: #FFF url(../images/bg_titolo.gif) bottom left repeat-x;
}

#charter ul li {
	display: block;
	width: 100%;
	float: left;
}

#charter ul li a {
	display: block;
	color: #00598B;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 10px 0px 10px;
	text-decoration: none;
	line-height: 15px;
	height: 32px;
	overflow: hidden;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;
	background: url(../images/bg_menucharter.gif) top right repeat-y;
}


#charter ul li a:hover {
	color: #D00;
	background: url(../images/bg_menucharter_on.gif) top right repeat-y;
}

#charter ul li a.attivo {
	color: #D00;
	background: url(../images/bg_menucharter_att.gif) top right repeat-y;
}

#charter h4.nome {
	display: block;
	padding: 2px 0 4px 0;
	font-size: 16px;
	color: #00598B;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
}

#charter p.descrizione {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	line-height: 16px;
	height: 32px;
	overflow: hidden;
	color: #393939;
}




/*--------------------------------------------------------
		STILE BOX HOME
--------------------------------------------------------*/

.box_home .riquadro {
	background: #FFF url(../images/bg_riquadro_box.gif) top right repeat-y;
	border: 1px solid #CCC;
}

.box_home h3 {
	display: block;
	padding: 4px 10px;
	font-size: 18px;
	color: #00598B;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
	border-bottom: 1px solid #CCC;
	background: #FFF url(../images/bg_titolo.gif) bottom left repeat-x;
}

a.link_all {
	float: right;
	font-size: 12px;
	padding: 3px 18px 4px 18px;
	color: #00598B;
	text-decoration: none;
	background: url(../images/freccia_all.gif) center right no-repeat;
}

a.link_all:hover {
	color: #D00;
	text-decoration: underline;
}


.box_home h3.rosso {
	color: #D00;
}

#listaregate ul li {
	display: block;
	width: 100%;
	float: left;
	padding: 6px 0;
	cursor: pointer;
	border-bottom: 1px dotted #CCC;
}

#listaregate ul li p.data {
	width: 80px;
	float: left;
	font-size: 11px;
	line-height: 15px;
	color: #393939;
}

#listaregate ul li h5 {
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 15px;
	height: 15px;
	overflow: hidden;
	color: #D00;
}

#lista_news ul li {
	display: block;
	width: 100%;
	float: left;
	padding: 6px 0 10px 0;
	cursor: pointer;
	border-bottom: 1px dotted #CCC;
}

#lista_news ul li p.data {
	display: block;
	font-size: 11px;
	line-height: 15px;
	color: #393939;
}

#lista_news ul li h5 {
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	line-height: 15px;
	height: 15px;
	overflow: hidden;
	color: #00598C;
}

#lista_news ul li p.testo {
	padding-top: 8px;
	display: block;
	font-size: 11px;
	line-height: 15px;
	height: 45px;
	overflow: hidden;
	color: #393939;
}


/*---------------------------------------------------
		NEWSTICKER - SCORRIMENTO NEWS
---------------------------------------------------*/

#NewsVertical {
	width: 100%;
	float: left;
	height: 110px;
	display: block;
	overflow: hidden;
	position: relative;
}

#controller{
	width: 100%;
	float: left;
	font-size:11px;
}
	
#play_scroll_cont{display:none;}
/* --------------- */
/* Ticker Vertical */
#TickerVertical {
	width: 290px;
	height: 110px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}


#TickerVertical li {
	display: block;
	width: 290px;
	height: 90px;
	text-align: left;
	font-size: 11px;
	float: left;
}

/*--------------------------------------------------------
		STILE LINK UTILI
--------------------------------------------------------*/

.link_utili {
	width: 258px;
	float: left;
	border: 1px solid #CCC;
	background: #DFDFDF;
}

.link_utili h3 {
	display: block;
	padding: 4px 10px;
	font-size: 18px;
	color: #00598B;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
	border-bottom: 1px solid #DDD;
	background: #EDEDED url(../images/bg_titolo_dx.gif) top right repeat-y;
}

.box_link {
	width: 100%;
	float: left;
	height: 97px;
	margin-top: 7px;
	background: url(../images/bg_box_link.gif) top left no-repeat;
	cursor: pointer;
}

.box_link h4 {
	display: block;
	padding: 4px 0;
	font-size: 17px;
	color: #3A7BBF;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
}

.box_link p {
	font-size: 12px;
	line-height: 15px;
	color: #00598B;
	padding-bottom: 8px;
}

.box_gallery {
	width: 100%;
	float: left;
	height: 142px;
	background: url(../images/bg_box_gallery.gif) top left no-repeat;
	margin-top: 7px
}


/*--------------------------------------------------------
		STILE PERCORSO
--------------------------------------------------------*/
#percorso {
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Helvetica, sans-serif;
	width: 100%;
	float: left;
	background: #EDEDED url(../images/bg_titolo_dx.gif) top right repeat-y;;
	padding: 10px 0;
}


#percorso a {
	padding: 0 5px;
	color: #00598B;
	text-decoration: none;
}

#percorso a:hover {
	text-decoration: underline;
}

#percorso a.attivo {
	font-weight: bold;
}


/*--------------------------------------------------------
		STILE SOTTOMENU	
--------------------------------------------------------*/

#sottomenu ul li {
	display: block;
	width: 100%;
	float: left;
}

#sottomenu ul li a {
	display: block;
	color: #00598B;
	font-size: 12px;
	padding: 4px 0 8px 18px;
	text-decoration: none;
	line-height: 14px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
	border-bottom: 1px dotted #CCC;
	background: url(../images/freccia_sottomenu.gif) top left no-repeat;
}

#sottomenu ul li a:hover {
	color: #D00;
	text-decoration: none;
}

#sottomenu a.attivo, #sottomenu a.attivo:hover {
	color: #D00;
}



/*--------------------------------------------------------
		STILE NEWS	
--------------------------------------------------------*/


#listanews {
	font-size: 11px;
	color: #434343;
}

#listanews ul li {
	display: block;
	width: 100%;
	float: left;
}

#listanews ul li a {
	display: block;
	color: #00598B;
	font-size: 12px;
	padding: 4px 0 8px 0;
	text-decoration: none;
	line-height: 14px;
	font-weight: bold;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
	border-bottom: 1px dotted #CCC;
}

#listanews ul li a:hover {
	color: #D00;
	text-decoration: none;
}

#listanews a.attivo, #listanews a.attivo:hover {
	color: #D00;
}

#listanews ul li .data {
	font-weight: normal;
	font-size: 11px;
}


/*--------------------------------------------------------
		STILE CONTENUTO STANDARD	
--------------------------------------------------------*/

#contenuto_standard {
}

#contenuto_standard h3 {
	color: #00598B;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
	padding: 0 10px 15px 0;
	font-size: 26px;
}

#contenuto_standard h3.tit_news {
	color: #00598B;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
	padding: 0 10px 20px 0;
	font-size: 22px;
}

#contenuto_standard h3.tit_prod {
	color: #D00;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
	padding: 0 10px 15px 0;
	font-size: 26px;
}

#contenuto_standard h5 {
	color: #00598B;
	font-weight: normal;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
	padding: 0 10px 0 0;
	font-size: 14px;
}


#contenuto_standard .testo {
	padding-bottom: 20px;
	color: #434343;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

#contenuto_standard .testo b, #contenuto_standard .testo strong {
	color: #323232;
}

/*--------------------------------------------------------
		STILE PARTICOLARE PRODOTTI	
--------------------------------------------------------*/


#icone_link ul li {
	display:inline;
	float: right;
}

#icone_link ul li a {
	display: block;
	padding: 0 2px;
}

#porto {
	width: 100%;
	float: left;
	overflow: hidden;
	font-size: 11px;
	line-height: 17px;
	color: #00598B;
	padding-bottom: 15px;
}

#porto h4 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #3A7BBF;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
}

#porto h5 {
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	text-transform: uppercase;
	font-size: 16px;
	color: #3A7BBF;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
}

#pagine {
	width: 100%;
	float: left;
	font-size: 11px;
	color: #434343;
	margin-top: 5px;
}

#pagine .spazio_freccia_sx {
	width: 20px;
	float: left;
	text-align: left;
}

#pagine .spazio_freccia_dx {
	width: 20px;
	float: right;
	text-align: right;
}
 
#pagine .num {
	width: 60px;
	text-align: center;
	float: left;
}
 
 
/*--------------------------------------------------------
		STILE FORM CONTATTI
--------------------------------------------------------*/

.form_contatti {
	width: 100%;
	float: left;
	font-size: 11px;
	line-height: 18px;
	text-align: left;
	color: #434343;
}

.form_contatti b {
	color: #323232;
}

.form_contatti h4.sottotitolo {
	color: #E4282E;
}

.form_contatti label {
	width: 200px;
	float: left;
	font-size: 12px;
	color: #00598B;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: right;
	margin-right: 10px;
	padding-top: 2px;
}

.form_contatti input.inpcont {
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 6px;
	background: #F3F6F8;
	padding: 3px 5px 3px 5px;
	border: 1px solid #B1CBDB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.form_contatti textarea {
	width: 250px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #B1CBDB;
	background: #F3F6F8;
}

.form_contatti input.check {
	float: left;
	margin-bottom: 10px;
}

.form_contatti select {
	float: left;
	font-size: 12px;
	background: #F3F6F8;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.form_contatti #conferma {
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}
.form_contatti input.button {
	display: block;
	font-size: 12px;
	color: #FFF;
	margin: 0;
	font-weight: bold;
	padding: 2px 10px;
	background: #D30000 url(../images/bg_button.gif) top left repeat-x;
	border: 1px solid #D30000;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
}

.form_contatti a.privacy:link, .form_contatti a.privacy:visited {
	color: #E00;
	text-decoration:none;
	font-weight: bold;
	vertical-align: middle;
}

.form_contatti a.privacy:hover {
	text-decoration:underline;
}

#indirizzo_contatti p {
	font-size: 11px;
	color: #434343;
	line-height: 14px;
}

#indirizzo_contatti h4 {
	display: block;
	padding: 4px 0;
	font-size: 18px;
	color: #00598B;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
}

#indirizzo_contatti h5 {
	display: block;
	padding: 15px 0 2px 0;
	font-size: 12px;
	color: #00598B;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
}

/*--------------------------------------------------------
			SLIDEVIEWER - Gallery Immagini
--------------------------------------------------------*/

/* SLIDEVIEWER 1.0 default styles */
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul{position: relative; left: -999em;}


.stripViewer { /* this is the DIV container for your UL of images */
	position: relative;
	overflow: hidden; 
	border: 0; /* this is the border. should have the same value for the links */
}
.stripViewer ul { /* this is your UL of images */
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
}
.stripViewer ul li { /* each image is arranged horizontally */
	float:left;
	cursor: pointer;
}
.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
	width: 100%;
	float: left;
	font-family: Arial, Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	overflow: auto;
	margin-top: 5px;
}
.stripTransmitter ul { /* the auto-generated set of links */
	position: relative;
	list-style-type: none;
}
.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
	float:left;
}
.stripTransmitter a{ /* the links. */
	display:block;
	margin-right: 2px;
	background: #B2CADD;
	font-size: 15px;
	padding: 1px 6px 0 6px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}


/* end slideViewer default styles */

/*--------------------------------------------------------
			OVERLAY
--------------------------------------------------------*/

#overlay{
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:50;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}


#finestra {
	position: absolute;
	z-index: 900;
	width: 440px;
	height: 300px;
	background: #FFF;
	/* display: none; */
	border: 1px solid #333;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -220px;
	color: #333;
	font-size: 11px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#finestra a.close:link, #finestra a.close:visited {
	color: #999;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

#finestra a.close:hover {
	text-decoration: underline;
}

#finestra img {
	margin-left: 5px;
}

/*--------------------------------------------------------
				STILE LIGHTSLIDE
--------------------------------------------------------*/

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	padding: 6px;
	border: 1px solid #FFF;
	margin-right: 5px;
}
.highslide:hover img {
	border: 1px solid #C0CCEC;
}


.highslide-image {
   /*  border: 2px solid white; */
	padding: 8px;
	background-color: white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
    background-color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	visibility: hidden;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}