html, body {
margin: 0; padding: 0;
}

body {
background-color: #fff; color: #004273;/*url(/img/sfondo_azz.gif)*/
font-family:  Arial, Verdana, Tahoma,Sans-Serif;
font-size: 76%; 
/*text-align: center;*/ /* per il browser IE 5.5 */ 
width: 100%;
border: none;
}

ul li {list-style-type: square;}

p {text-align: justify;}


a:link {
font-weight: normal; 
color: #004273;
text-decoration: underline; 
background-color: transparent;
}

a:hover {
color: #004273;
text-decoration: underline; 
background-color: transparent;
}
		  
a:visited { 
font-weight: normal; 
color: #004273;
text-decoration: underline; 
background-color: transparent;
}

img {
margin: 0;
padding: 0;
border: none;
}

.imgdx {
margin: 0 0 5px 15px;
padding: 0;
border: none;
float: right;
}
	
.imgsx {
margin: 0 15px 5px 0;
padding: 0;
border: none;
float: left;
}

.nascosto {
position: absolute; left: -1000em; width: 20em;
}

h2 {
margin: 0 0 0 10px; padding: 15px 10px 0px 10px;
text-align: left;
border: 0px solid red; /* METTERE none */
font-weight: bold;
font-size: 14px;
}

h3 {
margin: 0 0 10px 0; padding: 0;
text-align: left;
border: 0px solid red; /* METTERE none */
font-weight: bold;
font-size: 12px;
color: #dd0909;
}

h4 {
margin: 0; padding: 0;
text-align: center;
border: none; 
font-weight: bold;
font-size: 10px;
color: #dd0909;
}

h5 {
margin: 0; padding: 10px 5px 10px 5px;
text-align: center;
border: none; 
font-weight: normal;
font-size: 14px;
line-height: 20px;
}

/*============ TESTATA ============*/

div#intestazione {
padding: 0; margin: 0;
width: 790px;
height: 139px;
color: #000;
background: #8acdff url(/img/testata.jpg) no-repeat;
position: relative;
border: none;
}

div#intestazione h1 {
padding: 0; margin: 0 0 0 0;
text-align: left;
width: 394px;
background: transparent;
color: #000;
}

div#intestazione h2 {
padding: 0; margin: 10px 0 0 0;
text-align: center;
width: 396px; height: 27px;
background: transparent;
color: #fff;
font-size: 11px;
word-spacing: 0.5px;
}


/*============ LAYOUT  ============*/


div#container {
padding: 0; margin: 0 auto; /*centra negli altri browsers*/
text-align: left; /* ripristinato allineamento del testo */
width: 65em; max-width: 100%;
height: 100%; 
background-color: #fff;
color: #004273;
border: 0px solid #004275;
}

div#contenitorehome {
padding: 0; margin: 0 auto; /*centra negli altri browsers*/
text-align: left; /* ripristinato allineamento del testo */
border: 1px solid #004275;
max-width: 100%;
background-color: #fff;
color: #004273;
float: left;
}

div#wrapper {
padding: 0; margin: 0;
border: none;
}

div#coldx{
margin: 0; padding: 0;
float: right;
width: 50%;
display: inline;
border: none; 
}

div#colsx{
float: left;
width: 49%;
display: inline;
margin: 0; padding: 0;
border: none;
}


/*============  COLONNA SX HOME ============*/ 


/*** primo piano ***/

div#primopiano{
margin: 0; padding: 0.5em 0 0 0;
text-align: left;
border: none;
}

.txtprimopiano {
padding: 1em; margin: 0;
line-height: 17px;
text-align: justify;
border: none;
}

div#primopiano h2 {
margin: 20px 0 0 0; padding: 0;
text-align: left;
border: none;
}

/*div#imgprimopiano {
border: none; 
width: 114px;
margin: 2em 0.5em 0.5em 1em;
padding: 1em 0 0 0;
float: right;
}*/


/*** servizi- HOME ***/

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

}

ul#multi{
width: 99%; 
overflow: hidden;
padding: 0;
margin: 1em 0 1em 0;
line-height: 16px;
background-color: #fff;
color: #000;
font-size: 11px;
border: 0px solid red;/* METTERE none */
}

ul#multi li{
float: left;
width: 43%;
margin-left: 25px; padding: 0.5em 0 0.5em 0;
display: inline;
border-bottom: 1px dotted #777;
} 




/*============  COLONNA DX HOME ============*/ 



div#menu {
margin: 0; padding: 0;
width: 170px; height: 100%;
background: #e5e5e5 url(/img/sf_menu.jpg) repeat-x;
color: #004273;
text-align: left;
border: 0px solid green;/* METTERE none */
float: left;
}

div#address {
padding: 130px 10px 40px 13px ; margin: 130px 0 0 0;
line-height: 17px;
text-align: left;
border: none;
}


div#address2 {
padding: 25px 10px 40px 13px ; margin: 200px 0 0 0;
line-height: 17px;
text-align: left;
border: none;
background-color: #f7f718;
color: #004273;
}

div#address2 span {
color: #dd0909;
font-weight: bold;
font-size: 13px;
background-color: #fff;
padding: 2px;
}

/*** menu  ***/

.ulmenuint {
margin: 0; padding: 0;
width: 170px;
background: transparent;
color: #004273;
text-align: left; 
font-weight: bold;
font-size: 12px;
border: 0px solid red;/* METTERE none */
float: left;
}

.limenuint {
border-bottom: 1px solid #fff;
padding: 7px 0px 7px 10px; margin: 0px;
list-style-type: none;
}

.limenuint a:link {font-weight: bold; text-decoration: underline; color: #004273;}
.limenuint a:hover {font-weight: bold; text-decoration: underline; color: #004273; background-color: #fff;}
.limenuint a:visited {font-weight: bold; text-decoration: underline; color: #004273;}

.limenuintsel {
border-bottom: 1px solid #fff;
padding: 7px 0px 7px 10px; margin: 0;
color: #004273;
background-color: #c0c0c0;
font-weight: normal;
list-style-type: none;
}

.limenuintsel a:link {font-weight: normal; text-decoration: underline; color: #004273;}
.limenuintsel a:hover {font-weight: normal; text-decoration: underline; color: #004273; background-color: #c0c0c0;}
.limenuintsel a:visited {font-weight: normal; text-decoration: underline; color: #004273;}





/*** compravendita ***/

div#menu2 {
margin: 1px 0 0 1px; padding: 0;
width: 210px; height: 100%;
background-color: #fff;
color: #004273;
text-align: left;
border: 0px solid red;/* METTERE none */
float: left;
}

div#menu2 h2 {
margin: 0; padding: 0;
}

div#menu2 img {
border: none;
float: left;
margin: 4px 4px 0 0; padding: 0 0 0 0;
}

.ulmenuofferte {
margin: 0; padding: 10px 10px 0 10px;
background: transparent;
color: #004273;
text-align: left; 
border: 0px solid red;/* METTERE none */
}

.limenuofferte {
float: left;
width: 200px;
border-bottom: 1px dotted #004276;
padding: 7px 0px 7px 0px; margin: 0px;
list-style-type: none;
}

.limenuofferte a:link {font-weight: bold; text-decoration: underline; color: #004273;}
.limenuofferte a:hover {font-weight: bold; text-decoration: underline; color: #de1212; background-color: #fff;}
.limenuofferte a:visited {font-weight: bold; text-decoration: underline; color: #004273;}

/*** elenco OFFERTE ***/

div#menu3 {
margin: 1px 0 0 1px; padding: 0;
width: 500px; 
background-color: #fff;
color: #004273;
text-align: left;
border: 0px solid red;/* METTERE none */
float: left;
}

div#menu3 h2 {
margin: 0; padding: 0;
}

div#menu3 img {
border: 5px solid #fff;
float: left;
margin: 0 15px 0 0; padding: 0 0 0 0;
}

.ulofferte {
float: left;
margin: 0; padding: 10px 10px 0 10px;
width: 500px;
background: transparent;
color: #004273;
text-align: left; 
border: 0px solid red;/* METTERE none */
}

.liofferte {
float: left;
width: 500px;
border-bottom: 1px solid #e5e5e5;
padding: 5px 5px 5px 5px; margin: 0px 0 10px 0;
list-style-type: none;
background-color: #f5f5f5;
}

.lioffertesel {
float: left;
width: 500px;
border-bottom: 1px solid #e5e5e5;
padding: 5px 5px 5px 5px; margin: 0px 0 10px 0;
list-style-type: none;
background-color: #D0E9FD;
}

.liofferte a:link {font-weight: bold; text-decoration: underline; color: #004273;}
.liofferte a:hover {font-weight: bold; text-decoration: underline; color: #de1212; background-color: #fff;}
.liofferte a:visited {font-weight: bold; text-decoration: underline; color: #004273;}


/* scheda imbarcazioni */

div#scheda {
float: left;
margin: 0; padding: 0;
border: 0px solid red;/* METTERE none */
width: 550px;
}

.ulscheda {
float: left;
margin: 0; padding: 0;
background-color: #fff;
color: #004273;
text-align: left; 
border: 0px solid red;/* METTERE none */
}

.lischeda {
float: left;
width: 280px;
border-bottom: 1px solid #e5e5e5;
padding: 5px 5px 5px 5px; margin: 0px 0 10px 0;
list-style-type: none;
}

.lischedasel {
float: left;
width: 280px;
border-bottom: 1px solid #e5e5e5;
padding: 5px 5px 5px 5px; margin: 0px 0 10px 0;
list-style-type: none;
background-color: #f5f5f5;
}

.lischeda a:link {font-weight: bold; text-decoration: underline; color: #004273;}
.lischeda a:hover {font-weight: bold; text-decoration: underline; color: #de1212; background-color: #fff;}
.lischeda a:visited {font-weight: bold; text-decoration: underline; color: #004273;}

.lischedared {
float: left;
width: 280px;
border-bottom: 1px solid #e5e5e5;
padding: 5px 5px 5px 5px; margin: 0px 0 10px 0;
list-style-type: none;
color: #dd0909;
}


/* foto scheda */

.fotoscheda { 
padding: 0; margin: 0;
border: none;
float: right;
width: 240px;
}

.fotoscheda img{ 
padding: 0; margin: 0;
border: 2px solid #004276;
background-color: #fff;
}

/*============  LAYOUT INTERNO  ============*/ 

div#coldxint{
margin: 0; padding: 0;
float: right;
width: 170px;
display: inline;
border: 0px solid red;/* METTERE none */
}

div#colsxint{
float: left;
width: 75%;
display: inline;
margin: 0; padding: 0;
border: 0px solid green;/* METTERE none */
}

div#contenuti{
margin: 5px 0 0 20px; padding: 10px 20px;
border-top: 2px solid #f7f718;
line-height: 17px;
}

.mappa {
margin: 0 0 0 30px; padding: 0;
border: 0px solid green;/* METTERE none */
}


/* galleria fotografica */

.galleriamain { 
padding: 0; margin: 0;
border: none;
text-align: left;
}

.galleria { 
padding: 0px;
border: none;
text-align: center;
margin: 0px auto;
}

.galleria img{ 
padding: 5px; margin: 5px;
border: 1px solid #93d2fe;
background-color: #fff;
}

/* form ricerca */

div#cerca{
text-align: left;
padding: 10px 5px 20px 5px; margin: 0 0 0 0;
float: left;
border: 2px solid #feffcf; 
background-color: #ffffeb;
color: #004273;
font-size: 9px;
width: 520px;
}



/*.box {
border: 1px solid #c0c0c0;
color: #004273;
margin: 0; padding: 0;
}*/

form {
margin: 0; padding: 0;
}

label {
float: left;
font-size: 11px;
text-align: left;
padding: 0 5px 0 0;
}

label input {
display:block;
width: 130px;
border: 1px solid #c0c0c0;
color: #004273;
} 

label select {
display:block;
width: 90px;
border: 1px solid #c0c0c0;
color: #004273;
} 

fieldset {
border: none;
margin: 0; padding: 0;
} 

button {
width: 65px;
background: transparent;
border: none; 
float: left;
margin: 10px 0 0 0; padding: 0;
}

/*============  FOOTER ============*/ 

div#footer  {
clear: left;
padding: 0; margin: 0;
border: none;
background-color: #fff;
color: #000;
font-size: 10px;
text-align: right;
}

div#footer span  {
font-style: italic;
}

div#validatori {
text-align: left;
margin: 0 0 10px 10px;
padding: 0;
width: 50%;
float: left;
} 

div#validatori img {
border: none;
} 

/*============  BANNER ============*/ 

div#bannerhome {
padding: 5px; margin: 20px auto 0 auto;
background-color: #d7ecfd;
color: #004273;
border: 1px solid #004177;
width: 195px;
clear: both;
}



div#bannerhome2 {
padding: 5px; margin: 20px auto 0 auto;
background-color: #F7F718;
color: #004273;
border: 1px solid #004177;
width: 190px;
clear: both;
}

div#bannerhome2 img {
padding: 5px 0 5px 5px;
float: right; 
}

.txt {
font-size: 11px;
text-align: left;
}