* {margin:0; pagging:0}
body {
	background:#5EACDD url(../immagini/costadelsolehotels3.jpg) top center repeat-y;
	font: 1em "Trebuchet MS", Verdana, sans-serif; 
	color: #002361; 
	text-align: center;
}

/* Layout */
#wrapper { 
	width: 100%; 
	margin: 0 auto; 
	padding: 0;
	text-align:center;
}

#header { 
	width: 100%; 
	text-align:center;
	height: 104px;
	background:url(../immagini/bg_header.gif) top left repeat-x;
	line-height:0.9em;
}

#footer { 
	clear:both;
	width: 100%; 
	text-align:center;
	height: 90px;
	background:url(../immagini/bg_footer.gif) top left repeat-x;
	line-height:0.9em;
	padding-top:12px;
}

#body{
	width:602px;	
	text-align:center;
	margin:0 auto;
	margin-top:-2px;
}

#flash{ margin-bottom:-5px;}

.menu{
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:4px;
	height:27px;
}
#MP{background-image:url(../immagini/bg_menu_princ.gif); font-size:0.9em}
#M1{background-image:url(../immagini/costadelsolehotels4.jpg);}
#M2{background-image:url(../immagini/costadelsolehotels5.jpg);}

.card{
	margin-top:10px;
	background: transparent url(../immagini/bg_riquadro.gif) top left no-repeat;
	height:180px;width:300px;float:left;text-align:center;
	padding-top:5px;
}

.card#card-sx {background-position:top left}
.card#card-dx {background-position:top right}

.lista-hotel{
	background: transparent url(../immagini/bg_liste.gif) top left repeat-y;
	width:290px;
	text-align:center;
	padding-top:15px;
	margin:10px auto;
}

.lista-hotel table {width:270px;	height:1000px;}
.lista-hotel table img{width:86px;}
.lista-hotel table td{padding:2px;}

div.lista-hotel#lista-hotel-sx {float:left;}
div.lista-hotel#lista-hotel-dx {float:right;}

#interne{
	background:transparent url(../immagini/bg_interne.gif) top center repeat-y;
	width:572px;
	padding:0 15px;
	text-align:left;
}

div#top-interne{ height:10px;background: transparent url(../immagini/bg_interne_top.gif) top center no-repeat;}
div#bot-interne{ height:10px;background: transparent url(../immagini/bg_interne_bottom.gif) top center no-repeat;}

#hotel{padding:5px; background-color:#FFF; border:1px solid #ccc;font-size:1.1em; margin-bottom:10px;}

table.Tcard {width:100%; border:0; border-collapse:collapse; text-align:left; font-size:0.8em; margin-top:15px}
table.Tcard tr {border-top:1px solid #ccc;}
table.Tcard td {padding:5px 0}

/* LINK */

a:link { color: #002361; text-decoration: underline;}
a:visited { color: #002361; text-decoration: underline;}
a:focus { color:#F00; }
a:hover { text-decoration: none;color: #a90101; }
a.more{color:#a90101;}
a.hotel:link {font-size:1em; font-weight:normal; color: #002361; text-decoration: none;}
a.hotel:visited {font-size:1em; font-weight:normal; color: #002361; text-decoration: none;}
a.hotel:hover {font-size:1em; font-weight:normal; text-decoration: none;color: #002361; }

#header a{font-weight:bold;font-size:0.9em;}
.menu a{font-size:0.7em;}

.menu#M1 a{color:#FFF; font-size:1em; font-weight:bold; text-decoration:none;}
.menu#M2 a{font-size:1em; font-weight:bold; text-decoration:none;}

.lista-hotel a{font-size:0.8em; font-weight:bold}

/* Intestazioni */
h1 { font: bold 0.9em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; }
h1.interno { font: bold 0.9em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; color:#a23e12;}
h2 {
	border-top:1px solid #ccc;
	font: bold 0.8em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	padding:0.5em 0;
	margin-top:0.5em;
	color:#a23e12;
	clear:left;
}
h2.interno {font: bold 0.9em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; color: #002361; border-top:none;}

h3 {font: 0.6em/1.5 "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; padding:1em 0 0.5em 0; color:#666}

#interne h1 { padding:0.5em 0; }


/*FORMATTAZIONE*/
p{font-size:0.8em}
.card#card-sx p{padding:5px 15px 0 10px; text-align:left;}
.card#card-dx p{padding:5px 5px 0 20px; text-align:left;}
#interne p{font-size:0.7em; margin:0.5em 0; line-height:1.4em}

/*VARIE*/
img{border:0}
.img-left { float: left; margin:5px 10px 5px 0;}

