/* stili layout generali */

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

body {
    font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
    font-style: normal;
    color: #666666;
    background-color: #FFFFFF;
    text-align: left; /* per il browser IE 5.5 */
}

a {
font-weight: bold;
}

a:link {
color: #666;
text-decoration: none;
}
a:visited {
color: #666;
text-decoration: none;
}
a:hover {
color: #3f2682;
text-decoration: underline;
}
a:active {
color: #3f2682;
text-decoration: none;
}

p{
	text-align: justify;
	text-indent: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul 
{
    margin-top: 18px;
    margin-left: 16px;
    padding-left:0;
    list-style-image: url('images/freccia2.png');
}
li
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    padding-left:0;
}



/* ----------------CONTAINER------------------- */

#container {
	width:960px;
	margin: auto;
	text-align:left;
}

/* ------------------HEADER-------------------- */

#header {
	height: 445px;
	position:relative;
}

.logo {
	height: 197px;
	width: 195px;
	position:absolute;
	padding-left: 30px;
	z-index: -1;
}

.foto {
	width: 960px;
	height: 340px;
	position:absolute;
	top: 105px;
	z-index: -2;
}
	
.testamenu_viola {
	width: 300px;
	height: 25px;
	background-color: #3f2682;
	position:absolute;
	margin-top: 78px;
	margin-left: 640px;
}

.titolomenu_viola {
	margin: auto;
	margin-left:17px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-left:15px;
	line-height:25px;
}

.menu_viola {
	background-color: #3f2682;
	background-repeat: repeat;
	height: 340px;
	width: 300px;
	position:absolute;
	margin-top: 105px;
	margin-left: 640px;
	filter:alpha(opacity=70);
	-moz-opacity:0.x;
	opacity:.70;
}

.elenco_viola  {
	background-color: #FFFFFF;
	width: 300px;
	height: 60px;
	position:relative;
	float:right;
	top:375px;
	left: 38px;
	border-bottom: 1px solid #e2007a;
	border-top: 1px solid #e2007a;
	z-index:50;
}

.upper {
	text-transform: uppercase;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 9pt;
	color: #3f2682;
	position:relative;
	top:12px;
	left:32px;
	z-index:700;
    margin-bottom: 10px;
}

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

.menustriscia {
	border-bottom: 2px solid #ccc;
	margin-top:1px;
	z-index:5;
}

/* ------------------CONTENT-------------------- */

#sheetcontent  {
	width:960px;
	text-align:left;
}
#sheetcontent A:link {
	color: #666;
}
#sheetcontent A:active {
	color: #666;
}
#sheetcontent A:visited {
	color: #666;
}
#sheetcontent A:hover {
	COLOR: #3f2682
}

/* ------------------CONTENT HOME-------------------- */

.box {
	width: 240px;
	height: 350px;
	position:relative;
	float:left;
	color: #999999;
	font-size: 14px;
}

.titolobox {
	color: #999999;
	margin-top: 40px;
	margin-bottom: 0px;
	font-family: Helvetica, Arial;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
	
.titolobox A:LINK{
	text-decoration: none;
	color: #999;
	font-weight: bold;
}

.titolobox A:VISITED{
	text-decoration: none;
	color: #999;
}

.titolobox A:HOVER{
	Color: #3f2682;
	text-decoration: none;
}

.testobox {
	padding-top: 5px;
	padding-left:10px;
	margin-right:30px;
}

.testobox A:LINK{
	text-decoration: none;
	color: #999;
	font-weight: bold;
}

.testobox A:VISITED{
	text-decoration: none;
	color: #999;
	font-weight: bold;
}

.testobox A:HOVER{
	Color: #3f2682;
	text-decoration: none;
}

.offerta {
	padding-top: 15px;
	width:580px;
	border-bottom: 1px #e2007a dotted;
	margin-right:10px;
	padding-bottom:10px;
	float:left;
}

a.downloadphoto {
	background-image: url('images/download3.png');
	background-repeat:no-repeat;
	position:relative;
	float:right;
	margin-top:40px;
	padding-right:15px;
	width:24px;
	height:24px;
}

a.downloadphoto:hover{
	background-image: url('images/download2.png');
	background-repeat:no-repeat;
	position:relative;
	float: right;
	margin-top:45px;
	padding-right:15px;
	width:24px;
	height:24px;
}

a.download {
	background-image: url('images/download3.png');
	background-repeat:no-repeat;
	position:relative;
	float:left;
	padding-right:5px;
	width:24px;
	height:24px;
}

a.download:hover{
	background-image: url('images/download2.png');
	background-repeat:no-repeat;
	position:relative;
	float: left;
	padding-right:5px;
	width:24px;
	height:24px;
}


/* ------------------FOOTER-------------------- */

#footer {
	width: 960px;
}

.strisciafooter {
	width: 960px;
	border-top:10px solid #e2007a;
	position:relative;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}

.copyright {
	font-size: 10px;
	color:#999;
	position: relative;
	float:left;
	left:20px;
}

.menu_bottom {
	font-size: 10px;
	color:#999;
	position: relative;
	float:left;
	left: 50px;
	font-weight:normal;
}

.menu_bottom a:link, .menu_bottom a:visited{
	Color: #999; font-size:10px; font-weight:normal; text-decoration: none;
}

.menu_bottom a:hover {
	Color: #3f2682;	text-decoration: none; 
}

.menu_bottom a:active {
	Color: #3f2682;	text-decoration:none;
}

.login_textarea {
	color: #666;
	float: left;
	margin-top: 8px;
	text-align:right;
}

.login_name {
	font-size: 11px;
	color: #666;
	float: left;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	width: 54px;
}

.login_box {
	font-size: 11px;
	color: #666;
	float: left;	
}
	
div .login_area .textbox {
	color: #666666;
	float: left;
	height: 15px;
	width: 65px;
	border: 1px solid #fff;
}

div .login_area .textbox:hover {
	border: 1px solid #e2007a;
}

.note {
	margin-top:10px;
	float:left;
	}
	
.note:hover {
	Color: #e2007a;	
	text-decoration: none;
}

.registrati {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	margin-bottom:10px;
	text-align:center;	
}

.registrati A:LINK {
	text-decoration: none;
	color: #999;
}

.registrati A:VISITED{
	text-decoration: none;
	color: #999;
}

.registrati A:HOVER{
	Color: #e2007a;
	text-decoration: none;
}

.login_area{
	float: right;
	height: 35px;
	width: 290px;
	position: relative;
	right: 3px;
}
/*-------------LOGIN BG----------------*/

/* set millions of background images */
.rbroundbox { background: url('images/nt.gif');
}
.rbtop div { background: url('images/tl.gif') no-repeat left top;
}
.rbtop { background: url('images/tr.gif') no-repeat right top;
}
.rbbot div { background: url('images/bl.gif') no-repeat left bottom;
}
.rbbot { background: url('images/br.gif') no-repeat right bottom;
}

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 297px;
height: 7px;
font-size: 1px;
margin-left:auto;
margin-right:auto;

}
.rbcontent { margin: 0 7px 0 0; }
.rbroundbox { width: 297px; margin-left:auto; margin-right:auto; }



/* ------------------CONTENT CATALOGO-------------------- */

.left {
	width: 593px;
	position: relative;
	float: left;
	font-size: 12px;
	line-height: 1.3;
	left:20px;
	z-index:900;
}

.leftprenota {
	width: 680px;
	position: relative;
	float: left;
	font-size: 12px;
	line-height: 1.3;
	left:20px;
	z-index:900;
}

.mappa {
    width: 290px;
    position: relative;
    float: left;
    margin-top: 10px;
    margin-right: 15px;
}


.highslide-gallery {
	width: 280px;
	height: 274px;
	position:relative;
	border-style:double;
	border: 1px solid #999999;
	margin:auto;
	padding-top:9px;
	z-index:999;
}

.highslide-photogallery {
	width: 540px;
	height: 65px;
	position:relative;
	border-style:double;
	border: 1px solid #e2007a;
	margin:auto;
	padding-top:2px;

}

.box_gallery {
    width: 260px;
    height: 274px;
    position: relative;
    float: left;
    padding-right: 25px;
    margin-top: 10px;
    z-index: 999;
}

.box_photogallery {
	float: left;
	width: 540px;
	height: 100px;
	position:relative;
	padding-right:10px;
	margin-top:0px;


}


.scelte {
	width: 300px;
	position:relative;
	float:right;
	color: #999999;
	font-size: 12px;
	margin-right:0px;
	right:20px;
}

.right {
	width: 300px;
	position:relative;
	float:right;
	color: #999999;
	font-size: 12px;
	right:20px;

}

/* immagini */
.right img{
	padding: 0px;
	border: none;
	margin-top: -20px;
}

.titolocapo {
	color: #3f2682;
	font-family: Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-top:0px;
}

.titolo {
	color: #3f2682;
	font-family: Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-top:15px;
}

.titelenco 
	{
	color: #3f2682;
	font-family: Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
	
	}


.vai{
	text-decoration: none;
	color: #3f2682;
	float:right;
	}

.vai a:link
	{
	color: #3f2682;
	text-decoration: none;
	
}

.vai a:hover{
	color: #fff;
	text-decoration:none;
	background-color: #e2007a;

}

.vai A:VISITED{
	text-decoration: none;
	color: #3f2682;
	}


/* stili layout pagine interne dinamiche */

/*-------------BOX SCELTA ADULTI-SCUOLE-JUNIOR----------------*/

/* set millions of background images */
.rbroundboxa { background: url('images/nt.gif');
}
.rbtopa div { background: url('images/tl.gif') no-repeat left top;
}
.rbtopa { background: url('images/tr.gif') no-repeat right top;
}
.rbbota div { background: url('images/bl.gif') no-repeat left bottom;
}
.rbbota { background: url('images/br.gif') no-repeat right bottom;
}

/* height and width stuff, width not really nessisary. */
.rbtopa div, .rbtopa, .rbbota div, .rbbota {
width: 297px;
height: 20px;
font-size: 1px;
margin-left:auto;
margin-right:auto;

}
.rbcontenta { margin: 0 7px 0 0; }
.rbroundboxa {
    width: 297px;
    margin-bottom: 37px;
    margin-top: -13px;
    margin-left: auto;
    margin-right: auto;
}

/* background images mappagrande*/
.rbroundbox2a { background: url('images/nt.gif');
}
.rbtop2a div { background: url('images/tl.gif') no-repeat left top;
}
.rbtop2a { background: url('images/tr.gif') no-repeat right top;
}
.rbbot2a div { background: url('images/bl.gif') no-repeat left bottom;
}
.rbbot2a { background: url('images/br.gif') no-repeat right bottom;
}

/* height and width stuff, width not really nessisary. */
.rbtop2a div, .rbtop2a, .rbbot2a div, .rbbot2a {
width: 600px;
height: 10px;
font-size: 1px;
margin-left:auto;
margin-right:auto;

}

.rbcontent2a { margin: 0 0px 0 0; }
.rbroundbox2a { width: 600px; height: 10; margin-bottom :auto; margin-top:auto; margin-left:auto; margin-right:auto; }


#map {
	float:left;
	height: 283px;
	width: 290px;
	border: 1px solid gray;
	z-index:1;
}

.mappamondo {
	margin-top: 5px;
	margin-left:auto;
	margin-right:auto;
	height: 190px;
	width: 250px;
	border: 1px solid gray;
	z-index:1;
}


.titoloboxes {
	color: #e2007a;
	font-family: Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-left:23px;
	padding-bottom:5px;

}

.droplist {
	position:relative;
	color: #666666;
	font-family: Arial, Helvetica;
	font-size: 10px;
	padding-top:10px;
	margin-left:20px;
}

.noteboxes {
	color: #999;
	font-family: Arial, Helvetica;
	font-size: 11px;
	float:left;
	margin-top:5px;
	margin-left:23px;
	margin-bottom:-5px;
}

.noteboxes a:link {
	
	Color: #e2007a;	text-decoration: none;
	
}

/* ---------------DESTINAZIONE------------ */

.boxdestinazione {
    border: 1px solid #999999;
    height: 300;
    width: 585px;
    margin-bottom: 10px;
}

.fotodestinazione {
	float:left;
	height: 200px;
	width: 285px;
}


.menudestinazione {
	position:relative;
	float:right;
	width: 300px;
	
}

.upper2 {
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 9pt;
	list-style-image: url('images/freccia2.png');
}

.upper2 A:LINK{
	Color: #666666;
	text-decoration: none;
}

.upper2 A:HOVER{
	Color: #ffffff;
	text-decoration: none;
	background-color: #e2007a;
	
	}
	
.paginecatalogo {
	color: #666666;
	font-family: Helvetica, Arial;
	font-size: 10px;
	
}

.paginecatalogo a:hover {
	
	Color: #e2007a;	text-decoration: none;
	
}

/* ---------------POPUP PREZZI------------ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 900;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: gray;
text-decoration: none;
width:300px;
z-index: 900;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility:visible;
top: 0;
left: 30px; /*position where enlarged image should offset horizontally */

}

.click {
	color: #e2007a;
	font-family: Helvetica, Arial;
	font-size: 10px;
	text-transform: uppercase;
	padding-bottom: 5px;
}

.adswitch {
	position:absolute;
	margin-top: 12px;
	padding-left: 240px;
}
.loginstatus {
	position:absolute;
	margin-top: 18px;
	padding-left: 640px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999;
}
.loginstatus a:link {
	color:#999;
}
.loginstatus a:visited {
	color:#999;
}
.loginstatus a:hover {
	color:#e2007a;
	text-decoration: underline;
}

.wizmain2 {
	BORDER-RIGHT: #e2007a 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: #e2007a 1px dashed; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN-LEFT: 2px; BORDER-LEFT: #e2007a 1px dashed; WIDTH: 220px; MARGIN-RIGHT: 2px; PADDING-TOP: 5px; BORDER-BOTTOM: #e2007a 1px dashed; POSITION: relative; BACKGROUND-COLOR: #eceef4
}

.sitemaptitolo {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #3f2682; FONT-FAMILY: Helvetica, Arial
}
.sitemaptitolo A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #3f2682; FONT-FAMILY: Helvetica, Arial
}
.sitemaptitolo A:active {
	COLOR: #3f2682
}
.sitemaptitolo A:visited {
	COLOR: #3f2682
}
.sitemaptitolo A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #e2007a; FONT-FAMILY: Helvetica, Arial
}
.sitemap {
	PADDING-LEFT: 15px; FONT-SIZE: 12px; FONT-FAMILY: Arial
}
.sitemap A:link {
	PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: Arial;color: #666;
}
.sitemap A:active {
	PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: Arial;color: #666;
}
.sitemap A:visited {
	FONT-WEIGHT: normal;color: #666;
}
.sitemap A:hover {
	COLOR: #3f2682
}
.macro {
	PADDING-BOTTOM: 15px
}

/* ---------------FLYOUT------------ */
#draglink
{
    height: 20px;
    background-color: #e2007a;
    color: #FFFFFF;
    border: 1px;
    border-color: #ccc;
    border-style: solid;
    text-align: left;
    font-family: Arial;
    font-weight: bold;
    font-size: 8pt;
}
#draglink A:link
{
    color: #FFFFFF;
    text-decoration: none;
}
#draglink A:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
#draglink A:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}
#draglink A:active
{
    color: #FFFFFF;
    text-decoration: none;
}