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

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }


/* IMPAGINAZIONE */
html {background:url(images/fondo.jpg) repeat-x top #EBECE6;}
body {font:12px Arial; color:#333; }

/* LAYOUT */
#ombra { background:url(images/ombra.png) repeat-y; margin:0 auto; width:980px;}
#head { margin:0 auto; width:960px; height:370px; background:url(images/pagina.gif) 0px -30px no-repeat;   }
#gallery {width:741px; height:345px; overflow:hidden; float:right;  }



#language { margin:0 auto; width:960px; height:30px; background:#2B241E; text-align:right;  }
#language .scelta {background:url(images/language.gif) no-repeat; margin:5px; border:0; height:20px; width:95px; padding:3px; font:bold 11px Arial; color:#666; }
#language option {padding:5px; border:0; border-bottom:1px solid #CCC;}

#nav {width:200px; padding-left:10px; float:left; font:11px Arial,Calibri,"Trebuchet MS"; text-transform:uppercase; font-weight:normal; }
#nav li { background:url(images/punto_nero.gif) 6px 9px no-repeat; display:block; padding:5px 0 2px 20px; width:200px;}
#nav li a { color:#CC3300; }
#nav li a:hover, #nav .on a { color:#000000;  }
#nav .logo {margin:15px 0 15px 10px; background:url(images/logo.png) no-repeat; width:146px; height:92px; display:block; }

#main { margin:0 auto; padding-top:20px;padding-bottom:20px; width:960px; background:#F6F3D8; }

#side1 {float:left; padding:0 0px 0 20px; margin:0; width:265px;}
#home  {float:left; padding:0 0px 0 20px; margin:0; width:360px;}
#side2 {float:left; padding:0 0px 0 20px;; margin:0; width:260px;}
#sidelivello {float:left; padding:0 0px 0 20px; margin:0; width:200px;}
#livello  {float:left; padding:0 0px 0 20px; margin:0; width:700px;}

#box {float:left; padding:0; margin:0; width:100%;}
#box #tl { background: url(images/box.jpg) no-repeat top left; width:30px; height:30px; display:block;}
#box #tr { background: url(images/box.jpg) no-repeat top right; width:100%; height:30px; display:block;float:left;}
#box #mr { background: url(images/box.jpg)  repeat-y right -30px; width:100%; display:block;float:right; }
#box #testo {padding:0 0 0 30px; background: url(images/box.jpg)  repeat-y 0px -30px; margin-right:30px; }
#box #bl { background: url(images/box.jpg) no-repeat bottom left; width:30px; height:30px; display:block;}
#box #br { background: url(images/box.jpg) no-repeat bottom right; width:100%; height:30px; display:block;float:left;}

#side2 #box li { background:url(images/punto.gif) 0px 0px no-repeat; padding-left:22px; padding-bottom:16px;}


#faq h1.head {background:#F4F0D4 url(images/punto.gif) 3px 5px no-repeat; padding:5px; padding-left:25px; font-size:12px; margin-bottom:1px;}
#faq h1.head a { color:#000; text-decoration:none;}
#faq h1.head a:hover { color:#CC3300; text-decoration:none;}

#faq h1.selected {background:#DDD8BE url(images/punto.gif) 3px 5px no-repeat; padding:5px; padding-left:25px; color:#CC3300; margin-bottom:1px;}
#faq h1.selected a { color:#000; text-decoration:none;}
#faq h1.selected a:hover { color:#CC3300; text-decoration:none; }

#faq h2 { color:#CC3300; font-weight:bold; margin-bottom:5px; margin-top:15px; text-transform:uppercase;}
#faq li {  background:url(images/punto_nero.gif) 6px 9px no-repeat; display:block; padding:5px 0 2px 20px;}
#faq ul { margin-bottom:15px; }


/* FORM */
label { width:200px; text-align:right; padding:5px; background:#F4F0D4; display:block; float:left; margin-right:5px; }
input { margin:1px; padding:5px; border:1px solid #CCC; }
select { margin:2px; padding:3px; border:1px solid #CCC; margin-right:10px;}



/* TIPOGRAFIA */
a {color:#666; text-decoration:none; font-weight:bold;}
a:hover {color:#333; text-decoration:none;}
p {line-height:16px; margin-top:20px;}
h1 {font:normal 14px Arial; color:#CC3300; margin-bottom:15px; text-transform:uppercase; font-weight:bold; }
h2 { color:#CC3300; font-weight:bold; margin-bottom:5px; margin-top:15px; text-transform:uppercase;}

.foto {float:right; margin-left:10px; margin-bottom:10px; margin-top:5px;}
.foto_2 {float:right; margin-left:10px; margin-bottom:0px; margin-top:0px;}
.banner { margin-bottom:10px; margin-top:10px; }
#main a {color:#000; text-decoration:underline; font-weight:bold;}
#main a:hover {color:#CC3300; text-decoration:none;}

.spot {
	width:180px;
	height:210px;
	border-left:1px solid #D1D1D1;
	display:inline-block;
}
.spot {font:11px Arial; color:#CC33000; padding:15px; margin-top:20px;}
.spot img {margin-bottom:15px;}


#menu {width:100%; display:block; margin-bottom:20px; }

#menu ul#bottone { float:left; list-style: none; font:13px "Arial"; font-weight:bold; margin:0; padding:0 5px 0 0;}
#menu ul#bottone li{float:left;margin: 0 0 0 0;padding: 0;  margin-right:10px;}
#menu ul#bottone a{float: left;padding: 0 0 0 10px;background: url(images/bottone.jpg) no-repeat top left; text-decoration: none; color:#FFF;}
#menu ul#bottone span{float: left;padding: 4px 10px 5px 0; background: url(images/bottone.jpg) no-repeat top right;cursor: pointer}
#menu ul#bottone li#active a,#menu  ul#bottone a:hover{ background: url(images/bottone2.jpg) no-repeat top left}
#menu ul#bottone li#active span,#menu ul#bottone a:hover span{ background: url(images/bottone2.jpg) no-repeat top right;color: #FFF}

/* TITOLI */


/* FOOTER */
#footer { margin:0 auto; padding:0px; width:980px; height:50px; font:10px Arial; color:#FFF; background:url(images/footer.png) no-repeat;  }
#address { margin:0; width:630px; position:relative; float:left; padding:10px 0 0 25px;  }
#credits {  margin:0; width:270px; position:relative; float:right; text-align:right; padding:10px 25px 0 0;  }
#footer a {color:#CC3300; text-decoration:none;}
#footer a:hover {color:#FFF; text-decoration:underline;}


/* NAVIGATION BAR */

/* BUTTONS */

/* OVER STATES */

/* NAVIGATION LINK */

/* BUTTONS */

/* OVER STATES */
#slideshow { position:relative;height:345px;}
#slideshow IMG {position:absolute;top:0;left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active { z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}

#slideshow4 { position:relative;height:200px;}
#slideshow4 A {position:absolute;top:0;left:0; z-index:8; opacity:0.0;}
#slideshow4 A.active { z-index:10; opacity:1.0;}
#slideshow4 A.last-active {z-index:9;}.foto_sx {
	float:left;
	margin-left:0px;
	margin-bottom:10px;
	margin-top:5px;
	margin-right: 10px;
}


#slideshow2 { position:relative;height:272px;}
#slideshow2 IMG {position:absolute;top:0;left:0; z-index:8; opacity:0.0;}
#slideshow2 IMG.active { z-index:10; opacity:1.0;}
#slideshow2 IMG.last-active {z-index:9;}

#slideshow3 { position:relative;height:200px;}
#slideshow3 IMG {position:absolute;top:0;left:0; z-index:8; opacity:0.0;}
#slideshow3 IMG.active { z-index:10; opacity:1.0;}
#slideshow3 IMG.last-active {z-index:9;}.foto_sx {
	float:left;
	margin-left:0px;
	margin-bottom:10px;
	margin-top:5px;
	margin-right: 10px;
}







/* css paginazione vacanze_romane */
#paginazione {border-top: 1px solid #F4F0D4; padding-top:10px}
#paginazione td {padding: 5px}
#paginazione a:link, #paginazione a:visited {text-decoration:none}
#paginazione a:active, #paginazione a:hover {text-decoration:none}
#paginazione a.freccia:link, #paginazione a.freccia:visited {height:20px;padding:3px; border:1px solid #333333;text-align:center;vertical-align:middle}
#paginazione a.freccia:active, #paginazione a.freccia:hover {background-color: #333333}
#paginazione span.sel {color: #cc3300}