/* CSS Document */

body{
background:url(../images/sfumatura.png) repeat-x;
margin:0px;
padding:0px;
height: 100%;
font-family:Arial, Helvetica, sans-serif;
}
p{
margin:0px;
padding:0px;
}

a:link, a:visited {
color:#99CCFF;
text-decoration: none;
font-weight: bold;

}



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

a.mainlevel{
font-size:12px;
color:#ffffff;
text-decoration: none;
text-transform:uppercase;
padding:0 10px 0 10px;
}

a.mainlevel:hover {
font-size:12px;
color:#99CCFF;
text-decoration: none;
}
a.mainlevel:visited {
font-size:12px;
color:#99CCFF;
text-decoration: none;
}
a.mainlevel#active_menu {
font-size:12px;
text-decoration: none;
color:#ffffff;
}

a.mainlevel#active_menu:hover {
font-size:12px;
color:#ffffff;
}


.menu_top{
position:absolute;
top:24px;
left:0px;
width:460px;
font-size:11px;
color:#ffffff;

}
.like{
width:364px;
height:24px;
position:absolute;
top:16px;
left:410px;
z-index:999;
background:#FFF;
padding:2px;
border:1px solid #cccccc;
}
.band{
position:absolute;
top:-24px;
right:0px;

}


div.adoc{
width: 90%;
text-align:left;
line-height:17px;
font-size:12px;
color:#ffffff;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
}

/*per hotel nettuno*/

.bg{
margin-top:10px;
background-image:url(../images/bg_sf.png);
background-repeat:no-repeat;
background-position:top center;
width:100%;
height:100%;

}

div.contenitore{
width:778px;
position:absolute;
top:0px;
z-index:100;
}

div.hotel_sx{
width:408px;
background-color:#FFFFFF;
float:left;
height:470px;
}
div.hotel_sx img{
margin:0 0 0 -10px;
}
div.hotel_sx p{
text-align:left;
font-size:12px;
height:388px;
margin:0 10px 0 20px;
}
div.hotel_sx p a{
font-size:12px;
color:#c64934;
}
.leading{

}
.hotel_dx{


float:right;
width:340px; 
margin:0px;

padding:0px 15px 0px 10px;


text-align:left;
line-height:14px;
font-size:12px;
color:#ffffff;
}


li{
list-style-type:none;
}

.tit{
font-size:12px;
font-weight:bold;
color:#99CCFF;
line-height:20px;
}

.contentpaneopen {
width: 95%;
margin-top:5px;
margin-left:5px;
padding-bottom:0px;
}



div.footer {
width:960px;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
color:#ffffff;
padding-top:15px;
margin-bottom:10px;
}



div.footer a:link{
font-size:11px;
color:#ffffff;
}

div.footer a:hover{
font-size:11px;
color:#ffffff;
}

div.footer a:visited{
font-size:11px;
color:#ffffff;
}

div.img_sx{
margin-top:11px;
width:388px;
}

div.bot_menu{
width:400px;
margin-left:8px;
background-color:#FFFFFF;
}

.mainlevel-bot_element{
border-top:1px solid #ffffff;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
width:66px;
height:41px;
background-color:#4F7789;
text-align:center;
vertical-align:middle;
float:left;
padding-top:20px;
margin-right:1px;
margin-left:1px;
padding-right:5px;
padding-left:5px;
}

a.mainlevel-bot_element:link{
color:#ffffff;
}

a.mainlevel-bot_element:hover{
color:#4F7789;
background-color:#ffffff;
}

/*per hotel nettuno*/

html {
height: 100%;
}

.clr {
clear: both;
}

ul#mainlevel-nav
{
list-style: none;
font-size: 12px;
padding-left:0px;
}



ul#mainlevel-nav li
{
padding-left:0px;
height:20px;
float: left;
list-style: none;
}



ul#mainlevel-nav li a
{
padding-left: 0px;
padding-right: 29px;
text-decoration: none;
color: #ffffff;
text-transform:uppercase;
}





#buttons>ul#mainlevel-nav li a {
width: auto;
list-style: none;
color: #ffffff;
}


ul#mainlevel-nav li a:hover
{
list-style: none;
}



#header {
float: left;
padding: 0px;
margin-right: 2px;
width: 635px;
height: 150px;
background: url(../images/header_short.jpg) no-repeat;
}





/** old stuff **/

.back_button {
float: left;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}



.pagenav {

  text-align: center;

  font-size: 11px;

  font-weight: bold;

  border: 3px double #cccccc;

  width: auto;

  background: url(../images/button_bg.png) repeat-x;

  padding: 0px 10px;

  line-height: 20px;

  margin: 1px;

}



.pagenavbar {

	margin-right: 10px;

	float: right;

}



.menu{
 width:700px;
 height:15px;
 margin:0 auto;
}


.menu li {
padding:0px 10px 0px 10px;
height:13px;
min-width:80px;
list-style-type:none;
display:inline;
}






table.contentpane {

text-align:left;



width: 85%;

line-height:16px;

font-size:12px;

color:#ffffff;

margin-top:10px;

}



td.contactheading {

text-align:left;

font-size:13px;

color:#ffffff;

font-weight:bold;

margin-top:10px;

}


.button {

}





.componentheading {

	color: #99CCFF;

	font-weight: bold;

	font-size: 14px;

	text-align:center;

	text-transform: uppercase;



}



.contentcolumn {

	padding-right: 5px;

}



.contentheading {
	color: #99CCFF;
	font-weight: bold;
	font-size: 14px;
	text-align:center;
	text-transform: uppercase;
	line-height:30px;
	margin-top:15px;


}

.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.moduletable {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	text-align:center;
	font-weight: normal;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {
}
.sectiontableentry1 {
	background-color : transparent;
}
.sectiontableentry2 {
	background-color : #f9f9f9;
}

.small {
	color: #ffffff;
	font-size: 11px;
}
.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #ffffff;
	font-size: 11px;
}


.form {
font-size:11px;
color:#ffffff;
height:720px;
}

/* parte scrollbar*/


#Scroller-1 { 
  position: absolute;
  overflow: hidden;
  width: 350px;
  height: 450px;
  top: 0px;

}

.Scroller-Container {

  position: relative;
  top: 0px;
  left: 0px;
    padding-bottom:20px;
}
#Scrollbar-Container {
  position:relative;
  top: 10px;
  left: 10px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  width: 18px;
  height: 400px;
  position: absolute;
  top: 36px; left: -1px;

}
.Scrollbar-Handle {
  position: absolute;
  width: 16px; height: 50px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 455px;
}

.Scroller-Container img{
margin:0px 5px 2px 2px;
border:2px solid #ffffff;
}

/* per contatti e moduli*/

.contact{

}

.contact_address{
margin:0 0 10px 0;
}

.contact_email{
margin:5px 0 0 0; 
clear:both;
float:left;
}
.marker{
float:left;
width:150px;
clear:both;
}

.element label{

font-size:13px;
float:left;
width:240px;
line-height:15px;
clear:both;
position:relative;
bottom:-10px;
}

.element input{

float:right;

}

 label{
font-size:13px;
float:left;
width:150px;
line-height:15px;
clear:both;

}

.contact input{
float:left;
height:14px;
width:300px;
clear:both;
margin:5px 0 0 0;

}

textarea{
float:left;
width:300px;
height:60px;
clear:both;
margin:5px 0 5px 0;
}

button{
margin:10px 0 0 0;
width:150px;
border:1px solid #ffffff;
background:#507689;
color:#FFFFFF;
clear:both;
}

/*form richiesta informazioni*/
.form table{
margin:0px;
padding:0px;
}
.form tr{
margin:0px;
padding:0px;
}
.element{
margin:2px;
padding:0px;
height:36px;
}
.form td{
margin:0px;
padding:0px;
height:30px;
}
.form label{
margin:7px 0 7px 0;
padding-left:4px;
width:130px;
float:left;

}
#spec_d{
margin-right:5px;
}
#spec_m{
margin-right:5px;
}
#spec_y{

}
.form input{
width:150px;
height:20px;
border:none;
float:right;
}
.etichetta{
float:left;
width:150px;
margin-left:5px;
}

.form textarea{
width:400px;
height:80px;
}

.privacy{
margin:10px 0 0 0;
width:328px;
height:80px;
overflow-y:scroll;
border:1px solid #ffffff;
padding:10px;
}

.mapdirform{
color:#000000;
}

address{
font-style:normal;
}