@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ol, ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: #06C;
	font-weight:bold;
}



/* Main
======================================================= */

body {
	background: #f8f1df url(img/bg.jpg) repeat-x;
	background-color:#c0dff1;
}


 
#container {
	width: 960px;
	margin: 0 auto;
	background: #f8f1df url(img/bg.jpg) repeat-x;
	background-color:#c0dff1;
}

.clear {
	clear: both;
}

/* Header
======================================================= */

#header {
	width: 950px;
	height: 101px;
	background:url(img/villaggio-vacanze.jpg) repeat-x;
	background-color:#c0dff1;
	padding-top:18px;
	padding-left:5px;
	padding-right:5px;
}

#logo {
	width: 460px;
	height: 81px;
	 background-image:url(img/villaggio-calabria-santamonica-new.jpg); background-repeat:no-repeat;
	float: left;
 
}

#dati-villaggio {
	float: right;
	color: #ede4c7;
	padding: 4px 0px 0px 10px;
	width: 330px;
	height: 76px;
	background: url(img/navigation_bg.jpg) repeat-x;
	margin: 0px 0px 0px 0px;
	color: #06C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
}

#dati-villaggio a:link { color: #039; font-weight:bold;}
#dati-villaggio a:hover { color: #039; font-weight:bold;}
#dati-villaggio a:visited { color: #039; font-weight:bold;}

#dati-villaggio li {
	display: inline;
	height: 31px;
}

#menu-servizio {
	float: right;
	color: #ede4c7;
	padding: 10px 0px 0px 10px;
	width: 230px;
	height: 42px;
	background: url(img/navigation_bg.jpg) repeat-x;
	margin: 0px 0px 0px 0px;
	
}
#menu-servizio li {
	display: inline;
	float: left;
	height: 31px;
}

.separate {
	background: url(img/menu-servizio-nav-border.gif) top right no-repeat;
}


/*menu main*/

#menu-main {
	float: left;
	color: #ede4c7;
	padding: 0px 0px 0px 0px;
	width: 960px;
	height: 41px;
	background: url(img/bg-main-menu.gif) repeat-x;
	margin: 0px 0px 0px 0px;
	
}
#menu-main li {
	display: inline;
	float: left;
	height: 25px;
}

#menu-main .separate {
	background: url(img/menu-main-nav-border.gif) top right no-repeat; margin-top:0px;
}

#menu-main ul {
	padding-top: 10px;

}

#menu-main img {
	float: right;
	margin-top: 0px;
}

#menu-main a.hover {
	padding: 8px 22px 6px 22px;
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0077b0;
	font-weight:bold;
}

#menu-main a:hover.hover {
	color: #e2001a; 
	background: url(img/menu-main-nav-hover.gif) center bottom no-repeat;
}
/*end menu main*/


/*menu main*/

#menu-main2 {
	float: left;
	color: #F00;
	padding: 0px 0px 0px 0px;
	width: 560px; /*560*/
	height: 32px;
	background: url(img/bg-main-menu2.gif) repeat-x;
	margin: 0px 0px 0px 00px;
	font-weight:bold;
}

#menu-main2 li {
	display: inline;
	float: left;
	height: 16px; 
}

#menu-main2 .separate {
	background: url(img/menu-main-nav-border.gif) top right no-repeat; margin-top:0px;
}

#menu-main2 ul {
	text-align:center;
	padding-top: 8px;
	padding-left:20px;

}

#menu-main2 img {
	float: right;
	margin-top: 0px;
}

#menu-main2 a.hover {
	padding: 8px 22px 8px 22px;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0077b0;
	font-weight:bold; text-align:center;
}

#menu-main2 a:hover.hover {
	color: #e2001a; 
	background: url(img/menu-main-nav-hover2.gif) center bottom no-repeat;
}
/*end menu main*/

/* Content
======================================================= */

#content {
	width: 960px;
	background: #fff;

	padding-top: 0px;
}

#fly {
	width: 948px;
	height: 15px;
	font: 10px arial;
	padding: 2px 0px 2px 12px;
	background-color:#d9e0f3;
	color:#2d759e;
	margin-bottom:10px;
}

#fly li {
	display: inline;
	color: #4d5653;
}

#fly li .here {
	color: #fff;
	font-weight:bold;
}

#fly li a {
	color: #2fa17b;
	text-decoration: underline;
}

#banner-foto {
	width: 960px;/*130px;*/
	height:300px;
	padding-left:0px; /*827*/
	padding-right:0px;
	padding-top:0px;
	margin-bottom:0px;
	background-image:url(img/villaggi-calabria.jpg);
	background-color: #ffffff;
	background-position:left;
	background-repeat:no-repeat;
	/*text-align:right;*/	
}


#banner-foto-home {
	width: 960px;/*130px;*/
	height: 300px;
	padding-left:0px; /*827*/
	padding-right:0px;
	padding-top:0px;
	margin-bottom:0px;
	background-image:url(img/foto-home-300-2.jpg);
	background-color: #ffffff;
	background-position:left;
	background-repeat:no-repeat;
	/*text-align:right;*/	
}


#banner-foto-pagine {
	width: 960px;
	height: 300px;
	padding-left:0px; 
	padding-right:0px;
	padding-top:0px;
	margin-bottom:0px;
	
	background-color: #ffffff;
	background-position:left;
	background-repeat:no-repeat;
}

#banner-foto-pagine-content  {
	width: 950px; 
        height: 160px; 
        float:left;
        background-image:url(img/foto-banner-pagine.jpg);
}

#3loghi-pagine{
	width: 110px;
	height: 160px;
	background-color: #ffffff;	
        background-image:url(img/3loghi-pagine.jpg);
        float:left;
}


/* Left Side
=================================== */

#parte-sinistra {
	width: 226px;
	float: right;
	padding: 0px 0px 0px 0px;
}

#menu {
	width: 236px;
	background: #f4f4f4 url(img/menu_top-251.jpg) top no-repeat;
	padding-left:7px;
	padding-right:8px;
	padding-top:40px;
}

#menu ul {
	margin: 0px 0px 20px 0px;
}

#menu li a {
	font: 11px verdana;
	color: #477ed0;
	width: 216px;
	height: 28px;
	padding: 3px 0px 0px 25px;
	display: block;
	font-weight:bold;
	background: url(img/menu_hover-new.jpg) 0px -35px no-repeat;
}

#menu li a:hover {
	font-weight: bold;
	color: #ff5a00;
	width: 211px;
	height: 23px;
	padding: 8px 0px 0px 25px;
	display: block;
	background: url(img/menu_hover-new.jpg) top no-repeat;
}

#menu .data-news{
	color: #434343;
	/*border-bottom: 1px dotted #929292;*/
	font: 11px verdana;
	padding: 2px 0px 5px 4px;
	margin: 10px 0px 0px 0px;
	/*background: url(img/menu_hover-new.jpg) 0px -35px no-repeat;*/s
	font-weight:bold;
}

#menu .titolo-news{
	color: #b09439;
	/*border-bottom: 1px dotted #929292;*/
	font: 12px verdana;
	padding: 2px 0px 5px 4px;
	margin: 0px 0px 0px 0px;
	
	font-weight:bold;
}



#parte-sinistra h4 {
	color: #39413e;
	border-bottom: 1px dotted #929292;
	font: 11px verdana;
	padding: 0px 0px 5px 3px;
	margin: 0px 0px 0px 0px;
}

#parte-sinistra h4 a {
	color: #3a6a8e;
	
}

#parte-sinistra p {
	color: #606e69;
	font: 11px verdana;
	padding-left: 0px;
}

#try {
	font: 11px verdana;
	font-weight: bold;
	color: #424a47;
	text-decoration: underline;
	margin-left: 10px;
	margin-top: 22px;
	display: block;
}

#menu_bottom {
	width: 251px;
	height: 12px;
	background: url(img/menu_bottom-251.jpg) no-repeat;
}

/* Right Side
=================================== */

#parte-destra {
	width:755px;
	float: right;
}

#splash {
	width: 550px;
	height: 127px;
	margin-left: 2px;
	background: url(img/splash_bg.jpg) no-repeat;
	padding: 15px 20px 15px 20px;
}

#parte-destra h1 {
	color: #ffffff;
	font: 24px tahoma;
	margin-bottom: 14px;
}

#parte-destra h3 { 
	font: 12px verdana;
	color: #7dc2e8;
	margin-bottom: 14px;
	line-height: 18px;
}

#parte-destra span {
	color: #ffffff;
}

#parte-destra h2 {
	font: 18px verdana;
	color: #2f8bc7;


	margin-bottom: 8px;
}

#parte-destra p {
	font: 11px verdana;
	color: #616f78;
	line-height: 17px;
	text-align:justify;
}

#right_first {
	width: 459px;
	float:left;
	/*border-bottom: 2px solid #e5e5e5;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 3px;
}

#right_first h1 { 
	font: 24px verdana;
	font-weight: bold;
	color: #000000;
}

#right_first h4 { 
	font: 16px arial;
	font-weight: bold;
	color: #9d8023;
	text-align:justify;
}

#right_first p {
	line-height: 19px;
	font-size:12px;
	color:#333333;
}

#right_first-box1 {
	width: 443px;
	float:left;
	background-image:url(img/titolo-accademia.jpg);
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 0px;
	line-height: 20px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	padding-left:8px;
	padding-right:8px;
	text-align:justify;f4f1e3
}

.right_first-box2 {
	width: 443px;
	float:left;
	background-image:url(img/bg-box2.gif);
	background-repeat:repeat-x;
	background-color:#f4f1e3;
	
	padding: 4px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding-left:8px;
	padding-right:8px;
	text-align:justify;
	line-height:20px;
	margin-bottom:8px;
}
.right_first-box2 .titolo-box { color: #996600; font-weight:bold; font-size:13px;}
.right_first-box2 .titolo-box a { color: #996600; font-weight:bold; font-size:13px;}
.right_first-box2 .data-news { color: #7f4c2a; font-weight:bold; }
.right_first-box2 .titolo-news { color:#660000; font-weight:bold;}
.right_first-box2 .titolo-news a { color:#660000; font-weight:bold;}
.right_first-box2 .news { color:#000; font-weight:normal;}

#right_second {
	width: 284px;
	float:left;
	/*border-bottom: 2px solid #e5e5e5;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 3px;
	text-align:left;
}




/* Footer
======================================================= */

#footer {
	width: 960px;
	height: 100px;
	background: url(img/bg-footer.gif) repeat-x; background-color:#edf1ff;
	padding: 30px 0px 0px 0px;
	font: 9px verdana;
	text-align:center;
	color: #06C;
	clear: both;
}

#footer a {	
	color: #06C;
}

#footer2 {
	
	padding: 0px 0px 0px 0px;
	font: 9px verdana;
	text-align:center;
	color: #09C;
	clear: both;
}

#footer2 a {	
	color: #06C;
}

/* pagine successive
======================================================= */

#parte-sinistra-pagine {
	width: 194px;
	float: left;
	padding: 10px 0px 0px 0px;
	background:no-repeat top left url(img/bg-menu-sx2.jpg);
}

#parte-sinistra-pagine .titolo { 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:15px;
	padding: 0px 0px 0px 40px;
	color:#005885; 
	font-weight:bold;	
}

#contenuto-pagine{
	width: 540px;
	float:left;
	background:#fff url(img/bg-contenuto-pagine.jpg) repeat-x scroll center top;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px; 
	line-height:22px;
}

#contenuto-pagine h1 {
	font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ed1d25;
	padding:20px 50px 0px 50px;
}

#contenuto-pagine  h3 { 
	
	color: #00336e;
	
}


#contenuto-pagine h4 { 
	font: 16px arial;
	font-weight: bold;
	color: #9d8023;
	text-align:justify;
	
}

#contenuto-pagine  p {

	font: 14px arial;
	color:#333333;
	line-height:22px;
}

/*interne*/
#contenuto-pagine-interne{
	width: 540px;
	float:left;
	background:#fff  url(img/bg-contenuto-pagine-interne.jpg) repeat-x scroll center top;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px; 
	line-height:22px;
}

#contenuto-pagine-interne h1 {
	font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ed1d25;
	padding:20px 50px 0px 50px;
}

#contenuto-pagine-interne  h3 { 
	
	color: #00336e;
	
}


#contenuto-pagine-interne h4 { 
	font: 16px arial;
	font-weight: bold;
	color: #9d8023;
	text-align:justify;
	
}

#contenuto-pagine-interne  p {

	font: 14px arial;
	color:#333333;
	line-height:22px;
}



/*interne 2 col*/
#contenuto-pagine-interne-2-colonne{
	width: 730px;
	float:left;
	background:#fff  url(img/bg-contenuto-pagine-interne2col.jpg) repeat-x scroll left top;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px; 
	line-height:22px;
}

#contenuto-pagine-interne-2-colonne h1 {
	font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ed1d25;
	padding:20px 50px 0px 50px;
}

#contenuto-pagine-interne-2-colonne  h3 { 
	
	color: #00336e;
	
}


#contenuto-pagine-interne-2-colonne h4 { 
	font: 16px arial;
	font-weight: bold;
	color: #9d8023;
	text-align:justify;
	
}

#contenuto-pagine-interne-2-colonne  p {

	font: 14px ;
	color:#333333;
	line-height:22px;
}






/*menu sx*/

#menu-sx {
background:#fff url(uploads/img/menu_top.jpg) no-repeat scroll center top;
padding:0px;
width:194px;
}

#menu-sx ul {
margin:0px 0px 0px 0px;
}


#menu-sx li a {
-x-system-font:none;
background-image:url(img/bottonesx-off3.jpg);
color:#445f7b;
display:block;
font-family:arial;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:19px;
line-height:normal;
padding:10px 0px 5px 48px;
width:146px;

}

#menu-sx li a:hover { background-image:url(img/bottonesx-on3.jpg);
color:#ff0000;
display:block;
font-weight:bold;
height:19px;
padding:10px 0px 5px 48px;
width:146px;

}

#menu-sx  .currentpage { 
background-image:url(img/bottonesx-off3.jpg);
color:#663333;
display:block;
font-family:arial;
font-weight:bold;
height:19px;
padding:10px 0px 5px 40px;
width:190px;

}

#menu-sx  .currentpage ul{margin:0px 0px 0px 0px;}
#menu-sx  .currentpage ul a {margin:0px 0px 0px 0px;}

#menu-sx  .currentpage li{ color:#ddd; font-size:12px;}
#menu-sx  .currentpage li a{ color:#ddd; padding:10px; font-size:12px;}

#menu-sx  .currentpage ul ul{margin:0px 0px 0px 0px;}
#menu-sx  .currentpage ul ul a {margin:0px 0px 0px 0px;}

#menu-sx  .currentpage ul ul li{ color:#ddd; font-size:12px;}
#menu-sx  .currentpage ul ul li a{ color:#ddd; padding:10px; font-size:12px;}


/* pagine successive 3 col 
======================================================= */

#parte-destra-pagine3col {
	width:720px;
	float: left;
}
#right_first-3col {
	width: 430px;
	float:left;
	/*border-bottom: 2px solid #e5e5e5;*/
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background:#fff url(img/bg-contenuto-pagine.jpg) repeat-x scroll center top;
	font: 14px arial;
	line-height:22px;
}

#right_first-3col  h1 { 
	font: 20px arial;
	font-weight: bold;
	color: #865d09;
	padding:0px 0px 0px 0px;
}

#right_first-3col  h4 { 
	font: 16px arial;
	font-weight: bold;
	color: #9d8023;
	text-align:justify;
}

#right_first-3col p {
	font: 14px arial;
	color:#333333;
	line-height:22px;
}

#right_second-3col {
	width: 260px;
	float:left;
	/*border-bottom: 2px solid #e5e5e5;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

.news-dx {
	width: 240px;
	float:left;
	/*background-image:url(uploads/img/bg-box2.gif);*/
	background-repeat:repeat-x;
	background-color: #f7f4e7;   /*#f4f1e3;*/
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding-left:8px;
	padding-right:8px;
	text-align:justify;
	line-height:20px;
	margin-bottom:4px;
}
.news-dx .titolo-box-dx { color: #996600; font-weight:bold; font-size:13px;}
.news-dx  .titolo-box-dx  a { color: #996600; font-weight:bold; font-size:13px;}
.news-dx  .data-news-dx  { color: #7f4c2a; font-weight:bold; }
.news-dx  .data-news-dx a  { color: #7f4c2a; font-weight:bold; }
.news-dx  .titolo-news-dx  { color:#660000; font-weight:bold; padding-top: 4px;}
.news-dx  .titolo-news-dx  a { color:#660000; font-weight:bold;}
.news-dx  .news-dx  { color:#000; font-weight:normal;}

.etichetta-news-dx { 
font-family:Arial, Helvetica, sans-serif;
background-image:url(img//top-strillo.jpg);
color: #7e541f; 
font-weight:bold; 
font-size:13px; 
padding-left:6px; 
padding-top:6px; 
padding-bottom:6px; }

.box-dx { 
width: 256px; 
background-color: #f7f4e7; 
margin-bottom:20px; 
background-image:url(img/top-strillo.jpg); 
background-repeat:repeat-x; font:Arial, Helvetica, sans-serif; 
font-size:13px; }

.box-dx .titolo { color:#CC6600; font-weight:bold; font:Arial, Helvetica, sans-serif; }
.box-dx .testo { color:#000; font-weight:normal; font:Arial, Helvetica, sans-serif; }

/*-----pagine*/
#banner-pagine {
	width: 860px;
	height: 209px;
	
	background-color:#fff;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}

#banner-pagine-sinistra {
	width: 620px;
	height: 209px; background-image:url(img/villaggio-santa-monica-banner-sx1.jpg);
	float: left;
 
}

#banner-pagine-destra {
	float: right;
	color: #004d9a;
	padding: 0px 0px 0px 0px;
	width: 240px;
	height: 209px; 
	
	margin: 0px 0px 0px 0px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
}

.strillo {
	width: 180px;
	height: 177px;
	background-color:#fff;
	background-image:url(img/bg-strillo.gif);
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	
	font-size:12px;
	text-align:center;
	padding-top:8px;
	margin-left:10px;
	margin-bottom:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:  #0077b0 ; 
}

.strillo a:link {color: #09C; text-decoration:none;}
.strillo a:hover {color: #F60; text-decoration:none;}
.strillo a:visited{color:#09C; text-decoration:none;}

.strillo img { border:#ffffff 1px solid;}

.strillo2 {
	width: 180px;
	height: 294px;
	background-color:#fff;
	background-image:url(img/bg-strillo2.gif);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-right:0px;
	padding-bottom:0px;
	color:  #0077b0 ; 
	font-size:12px;
	text-align:center;
	padding-top:8px;
	margin-left:10px;
	font-weight:normal;
}

.strillo2 a:link {color: #0077b0; text-decoration:none;}
.strillo2 a:visited{color:#09C; text-decoration:none;}

.strillo2 img { border:#ffffff 1px solid;}

.strillo2 h2 { font-size:16px;}

.img-ilus { 
background: url(img/shadow.gif) no-repeat bottom right; 
margin: 10px 10px; 
padding: 0px; width:159px;
} 

.img-ilus img { 
background-color: #fff; 
border: 3px solid #fff; 
margin: -5px 5px 5px -5px; 
padding: 0px; 
vertical-align: bottom; 
} 

.rosso { color: #F00;}  

.testino { padding:0px 8px 0px 8px; text-align:justify; #036; width:164px; line-height:13px;  font-size:10px;
}

.testino a:link {color: #036; text-decoration:none;}
.testino a:hover { color: #069; text-decoration:none;}
.testino a:visited{color:#036; text-decoration:none;}