/*
-----------------------------------------------------------------------------
CSS Documento Base
-----------------------------------------------------------------------------
versione:		1.0
autore:			Maurizio Petrelli			
email:			
website:		
-----------------------------------------------------------------------------
*/

/*
-----------------------------------------------------------------------------
RESETTO LE IMPOSTAZIONI BASE DEI BROWSERS
-----------------------------------------------------------------------------
*/

body, span, form1, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, input, table, td, embed, blockquote
{
	margin:0;
	padding:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

h1, h2, h3, h4, h5, h6, strong
{
	font-weight: normal;
}

img
{
border: 0;
}
/*
-----------------------------------------------------------------------------
STILE BASE
-----------------------------------------------------------------------------
*/



body
{
	font-size:100%;
	line-height:1.375em; /* 22px */
	font-family: Arial, Helvetica, sans-serif ; 
	color: #333333;
	
	background: #F4F4F4 url(../images/bkazzurro.gif) repeat-x bottom fixed;
	
	
	
}




a:link,
a:visited
{
		color: #811310;
}
a:hover
{
	color: #FFFEF7;
	background-color:#811310;
}


.esternal
{
background: url(../images/external1.gif) right top no-repeat;
padding-right: 13px;
margin-right: 3px;
}

.centro{
text-align:center;
}

.noevidenzia:hover
{
	color: #811310;
	background-color: #F4F4F4;
}

a.nostile{
text-decoration:none;
font-family: Arial, Helvetica, sans-serif; 
font-weight:bold;
}



.right{
text-align: right;
width:620px;
padding:0;
margin:0px;
font-size: 0.6875em; /*11px*/
float:left;
}	

.nor{ padding-left:2px; padding-right:1px; color:#0033FF; background-color:#CCFF33;}
.rev{ padding-left: 1px; padding-right:2px; color:#CCFF33; background-color:#0033FF;}

em{
font-style: italic;
font-weight:bold;
}
/*
-----------------------------------------------------------------------------
NAVIGAZIONE
-----------------------------------------------------------------------------
*/


#headerNav100
{
width:100%;
height:231px;
background:url(../images/bk1.gif) top left repeat-x;
}

#headerNav
{
    width:750px;
	height:231px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	
}

#headerNav h1 
{
    margin-top:11px;
	padding:0px;
	width:750px;
	height:192px;
	text-decoration: none;
	text-indent: -2100px;
	background: url(../images/spiaggia1.jpg) no-repeat;
	float: left;	
	border:0px;
}

#headerNav ul
{

	height:28px;
	margin:0;
    float:left;
	
}


#headerNav li
{
	display:inline;
	text-align:left;
	text-indent:-5000px; 
	height:28px;
	
}



#nav
{
	float:left;
	top:0;
	width:750px;	
}

#nav li a:hover 
{
	background-position: 0 -28px;
}

#nav a.current
{
	background-position: 0 -28px;
}



#home
{
	height:28px;
	width:79px;
	background: url(../images/intesta_e_navigazione/Home.gif) no-repeat;
	position:relative;
	float:left;
}

#offerte
{
	height:28px;
	width: 123px;
	background: url(../images/intesta_e_navigazione/Offerte.gif) no-repeat;
	position:relative;
	float:left;
}


#dovesiamo
{
	height:28px;
	width:146px;
	background: url(../images/intesta_e_navigazione/DoveSiamo.gif) no-repeat;
	float:left;
}

#contatti
{
	height:28px;
	width:117px;
	float:left;
	background: url(../images/intesta_e_navigazione/Contatti.gif) no-repeat;
}



#fine
{
	height:28px;
	width:431px;
	float:left;
	background: url(../images/intesta_e_navigazione/Fine1.gif) no-repeat;
	}

#fine h2
{
position:absolute;
text-indent:-2500px;
width:148px;
height:190px;
background: url(../images/pontiinsegna.jpg) no-repeat;
left:680px;
top:14px;


	}
/*
-----------------------------------------------------------------------------
CONTENUTO
-----------------------------------------------------------------------------
*/


#contenuto { width:750px;

				margin-left:auto;
				margin-right:auto;
				overflow:hidden;
				background-image: url(../images/Bk.gif);
				background-repeat:repeat-y;
				
}
				
#contsx { width:627px;
float:left;
overflow:hidden;
}		
		
		

#contenuto address  
{
	padding:0px;
	width:750px;
	height:129px;
	text-indent: -2100px;
    background: url(../images/intesta_e_navigazione/PONTIGO_indirizzo.jpg) no-repeat;
	border:0px;
}


.colonneHome
{
width:220px;
float:left;
margin-left:5px;
}

.colonneHome p
{
width:210px;
text-align:left;
overflow:hidden;
margin-left:5px;
font-size: 0.75em; /*12px*/
}

h2.pontigo
{
	padding:0px;
	width:220px;
	height:40px;
	text-indent: -2100px;
    background: url(../images/H2_Home_alti.gif)  no-repeat;
	background-position: 0 0;
	border:0px;
}

h2.dovesiamo
{
	padding:0px;
	width:470px;
	height:40px;
	text-indent: -2100px;
    background: url(../images/DoveSiamo.gif)  no-repeat;
	background-position: 0 0;
	border:0px;
	float:left;
}

h2.richiestainfo
{
	padding:0px;
	width:470px;
	height:40px;
	text-indent: -2100px;
    background: url(../images/Richiesta-Info.gif) no-repeat;
	background-position: 0 0;
	border:0px;
	float:left;
	margin-top:15px;
}

h2.pontigo1
{
	padding:0px;
	width:470px;
	height:40px;
	text-indent: -2100px;
    background: url(../images/H2pontigo1.gif) no-repeat;
	background-position: 0 0;
	border:0px;
	float:left;
	margin-top:15px;
	}

h2.InAgenzia
{
	padding:0px;
	width:470px;
	height:40px;
	text-indent: -2100px;
    background: url(../images/H2Enanuele_Mauro.gif) no-repeat;
	background-position: 0 0;
	border:0px;
	float:left;
	margin-top: 40px;
}

#fotoContatto{
margin-left:10px;
border:#666666 solid 1px;
margin-bottom:20px;
}			

h2.cosa_offriamo
{
	padding:0px;
	width:220px;
	height:40px;
	text-indent: -2100px;
    background: url(../images/H2_Home_alti.gif)  no-repeat;
	background-position: 0 -40px;
	border:0px;
}

#contsxDown  {
margin-top:10px;
width:490px;
float:left;
}				


#skype  {
margin-top:25px;
width:625px;
height:60px;
text-align:center;
display:block;
clear:both;
float:left;
}	



#skype  img{
border: #666666 1px solid;
}

#skype1  img{
border: #666666 1px solid;
}

.colonneDown { width:480px;
float:left;
margin-left:5px;
}				


.colonneDown p
{
width:480px;
overflow:hidden;
margin-left:5px;
font-size: 0.75em; /*12px*/
}

h2.accessibilita
{
	padding:0px;
	width:470px;
	height:40px;
	text-indent: -2100px;
    background: url(../images/H2_Home_bassi.gif)  no-repeat;
	background-position: 0 -40px;
	border:0px;
	margin-top:15px;
}

h2.inevidenza
{
	padding:0px;
	width:470px;
	height:40px;
	text-indent: -2100px;
    background: url(../images/H2_Home_bassi.gif)  no-repeat;
	background-position: 0 0;
	border:0px;
	margin-top:15px;
}

.colonneDown ul {
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: 15px;
font-size: 0.75em; /*12px*/
	}

.colonneDown li{
background:url(../images/frecciadx.gif) no-repeat 0 1px;
	}

#locandina
{ width:150px;
height:170px;
float: left;
margin-top:20px;
margin-left:10px;
overflow:hidden;
border: #666666 1px solid;
}
	
#locandina a
{
width:150px;
overflow:hidden;
display:block;
font-size: 0.875em; /*14px*/
font-weight:bold;
font-variant:small-caps;
text-align:center;

}	

#flashcontent{
width:130px;
height:119px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
overflow:hidden;
}
	
#citazione { width:155px;
float: right;
margin-right:15px;
margin-top:30px;
text-align:right;
font-size: 1.875em; /* 30px */
line-height:0.9em; 
overflow:hidden;
}



.piccolo{
font-style:italic;
font-weight:bold;
font-size: 0.4em;
}
.lbrown{
color: #703838;
display:block;
text-align:right;
}

.dbrown{
color: #2C1616;
display:block;
text-align:right;
}

.first{
background: url(../images/virgoletteopen.gif) top left no-repeat;
padding-left: 40px;
}

#contsxDown1  {
margin-top:30px;
width:127px;
float:left;
}



#contsxDown1  h2{
margin-top:23px;
background-image:url(../images/pontigopiccolo.gif);
background-repeat:no-repeat;
text-indent:-2500px;
width:125px;
height:30px;
}	

#contsxDown1  address{
width:125px;
text-align:center;
background-image:none;
text-indent: 0;
font-size: 0.75em; /*12px*/
line-height:1.25em; /* 20px */
font-style:normal;
margin:0;
padding:0;
overflow:hidden;
margin-top:20px;
}

#contsxDown1 a
{
font-size: 90%;
}

#contsxDown2  {
margin-top:10px;
width:550px;
text-align:center;


}

#contsxDown2  h2{
margin-top:23px;
background-image:url(../images/pontigopiccolo.gif);
background-repeat:no-repeat;
background-position:center;
text-indent:-2500px;
width:550px;
height:30px;
margin-bottom:5px;
}	

#contsxDown2  address{

width:550px;
text-align:center;
background-image:none;
text-indent: 0;
font-size: 0.6875em; /*11px*/
line-height:1.25em; /* 20px */
font-style:normal;
margin:0;
padding:0;
}

#contdx {
width:120px;
float:left;
padding:0;
font-size: 0.625em; /*10px*/
}		

#contdx h2{
width:120px;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size: 1.375em; /* 22px */
color: #FFFFFF;
font-weight:bold;

}

#contdx img{
border: #FFCC00 dashed 1px;
margin:0;
margin-top:4px;
margin-bottom:4px;
}

#contdx a{
width:120px;
text-align:center;
padding:0;
margin-top:4px;
display:block;
margin:0;
}

#map {
margin-top:10px;
margin-left:10px;
width: 550px; height: 400px; 
border:#999999 solid 2px;
float:left;
}

.contatto {
width:550px;
height:500px;
float:left;
padding:0;
font-size: 0.75em; /*12px*/
margin-left:10px; 
}		


.cont {
width: 550px;
margin-left:10px;
font-size: 0.75em; /*12px*/
margin-left:10px;
float:left;
text-align:center;
}		
.cont a{
width:550px;
}

.offerta {
width:615px;
float:left;
}	

.offertadx {
width:370px;
float:left;
font-size: 0.75em; /*12px*/
float:left;
padding:10px;
padding-top:25px;
}

.offertadx h3{
font-variant:small-caps;
font-weight:bold;
font-size: 120%
}




#ischia{
width:222px;
height:150px;
background:url(../images/offerte/Ischia.jpg) no-repeat;
float:left;
}

#MarRosso1{
width:222px;
height:150px;
background: url(../images/offerte/sharm1.jpg) no-repeat;
float:left;
}

#MarRosso2{
width:222px;
height:150px;
background: url(../images/offerte/sharm2.jpg) no-repeat;
float:left;
}

#Friuli{
width:222px;
height:150px;
background: url(../images/offerte/Friuli.jpg) no-repeat;
float:left;
}

input{ width:550px; font-size:120%; }	

textarea { width:550px; height:300px; font-size:120%;}	


.accessibilita1 {
width:615px;
float:left;
font-size: 0.75em; /*12px*/
float:left;
padding:10px;
padding-top:25px;
}

.accessibilita1 h2{
font-variant:small-caps;
font-weight:bold;
font-size: 120%;
margin-top:30px;
}

.accessibilita1 ul{
list-style-position:inside;
margin-left:10px;

}