* body{margin:0;padding:0;}
html{background:url('../images/bg.jpg') repeat-x #eae4cc;}
body{font:9pt Verdana,Arial,sans-serif;color:#444;text-align:center;min-width:800px}
/* --------------------- STRUTTURA GENERALE ----------------------------- */
#container{width:100%;margin:0 auto;text-align:left;}

div#headwrapper{float:left;width:100%;height:123px;margin:0;background:url('../images/bg_head.png') repeat-x;}
div#headmain{margin: 0 35% 0 35%;height:123px;}
div#evidenza{float:left;width:35%;height:123px;margin-left:-100%;background:url('../images/bb.png') no-repeat left;}
div#extra{float:left;width:35%;height:123px;margin-left:-35%}
	
#wrapper{margin:0 30px 0 30px; background:url('../images/bg_green1.gif') repeat-y right #fff;clear:both}
#wrapper span.line{display:block;height:21px;margin:0 63px;background:url('../images/bg_head_c.gif') repeat-x}
div#left, div#right{margin:0;display:block;position:absolute;height:21px;width:93px;top:142px;}
div#left{left:0px;background:url('../images/bg_head_l.png') no-repeat;}
div#right{right:0px;background:url('../images/bg_head_r.png') no-repeat;}




/* column container - 2 and 3 columns */
	.colmask {position:relative;/* This fixes the IE7 overflow hidden bug */clear:both;	float:left;	width:100%;/* width of whole page */overflow:hidden;/* This chops off any overhanging divs */}
	
/* common column settings - 3 columns */
	
	.colmid,.colleft {padding:0;float:left;	width:100%;/* width of page */position:relative;}
	.col1,.col2,.col3 {	float:left;	position:relative;padding:0;overflow:hidden;}
	/* 3 Column settings */
	.threecol {	padding:0;background:#103c02;	/* right column background colour */}
	.threecol .colmid {	padding:0;right:25%;/* width of the right column */background:#fff;	/* center column background colour */}
	.threecol .colleft {padding:0;right:45%;/* width of the middle column */background:#fff;/* left column background colour */	}
	.threecol .col1 {width:45%;/* width of center column content (column width minus padding on either side) */	left:100%;/* 100% plus left padding of center column */	}
	.threecol .col2 {width:30%;/* Width of left column content (column width minus padding on either side) */left:25%;/* width of (right column) plus (center column left and right padding) plus (left column left padding) */}
	.threecol .col3 {width:24.9%;/* Width of right column content (column width minus padding on either side) */left:70%;/* Please make note of the brackets here:(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */}


/* common column settings - 2 columns */
	.colmid,.colleft {padding:0;float:left;width:100%;position:relative;}
	.col1,.col2,.col3 {float:left;position:relative;padding:0;overflow:hidden;}
	/* 2 Column (right menu) settings */
	.twocol {
		background:#103c02;		/* right column background colour */
	}
	.twocol .colleft {
		right:25%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.twocol .col1 {
		width:75%;			/* left column content width (left column width minus left and right padding) */
		left:25%;			/* (right column width) plus (left column left padding) */
	}
	.twocol .col2 {
		width:24.9%;			/* right column content width (right column width minus left and right padding) */
		left:25%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}


div#footer{clear:both;text-align:center;color:#FFF;font-size:7.5pt;height:21px;margin:-3px 0 0 0;width:100%;border:solid 0px red}
div#footer span.line{display:block;height:21px;margin:0 92px;background:url('../images/bg_head_c_d.png') repeat-x}
div#footer div.left, div#footer div.right{margin:0;display:block;position:absolute;height:21px;width:93px;}
div#footer div.left{left:0;background:url('../images/bg_head_l_d.png') no-repeat;}
div#footer div.right{right:0;background:url('../images/bg_head_r_d.png') no-repeat;}

div.box{height:233px;background:url('../images/bg_box.png') repeat-x;margin:0;padding:0}
div.box dl{display:block;margin:2px;padding:0;height:229px;background:url('../images/bg_orologi.jpg') no-repeat right;}
div.box dl dt{margin:0px;padding:10px;height:29px;display:block;text-align:left}
div.box dl dd{padding:0;margin:0 0 0 30px;text-align:left}
div.box dl dd a, ul.gestione li a{display:block;background:url('../images/bullet.png') no-repeat left;padding:10px 20px;margin:0;color:#103c02;text-decoration:none;}
div.box dl dd a:hover{text-decoration:underline}
div.box dl.azienda{background:url('../images/bg_azienda.jpg') no-repeat right}
div.box dl.login{background:url('../images/bg_login.jpg') no-repeat right}
div.box dl.login dd.form{border:solid 0px red;margin:0}
.col1 div.box{float:left;clear:none;width:49%;margin:0 1% 0 0}
.col2 div.box{float:left;clear:none;width:93.3%;margin:0 1.7% 0 5%}

ul.gestione{width:400px;margin:20px auto;display:block}
ul.gestione li{list-style-type:none}

#loginform{display:block;margin:5px 0;padding:0;font-size:9pt;border:solid 0px red}
#loginform form{margin:0;padding:0;border:solid 0px green}
#loginform label, form#login fieldset input.testo{width:45%;height:15px;text-align:right;float:left;margin:0 0 5px 0;line-height:1.7em;border:solid 0px blue}
#loginform fieldset{margin:0 0 3px 0;padding:0;border:none;}
#loginform form#login input{border:solid 1px #296c0a;}
#loginform form#login input.pulsante{float:right;border:solid 0px;margin:0 20px 0 0}
#loginform a{color:#666;float:left;display:block;width:46%;text-align:right}


.col2 ul, .col3 ul{border:solid 0px red;display:block;margin:0;padding:0;width:250px}
.col2 ul, .col3 ul{margin:0 auto;display:block}
.col2 ul li, .col3 ul li{display:block;margin:7px 2% 7px 2%;width:100px;height:50px;float:left;border:solid 0px green}
.col2 ul li.cl2, .col3 ul li.cl2, .col2 ul.ext li.cl2, .col3 ul.ext li.cl2{float:right;}
.col2 ul.ext li, .col3 ul.ext li{display:block;margin:10px 0 10px 1px;width:116px;height:116px;float:left}
.col2 ul li img, .col3 ul li img{border:solid 0px}

p{margin:10px}
a{color:#296a09}
.video{margin:0;padding:0;width:100%;border:solid 0px #296c0a;}

#indiriz{display:block;margin:0;padding:3px 20px;text-align:right;font-weight:bold;font-size:0.9em;}
#logo{background:url('../images/logo.png') no-repeat;height:120px;width:257px;display:block;float:right;border:solid 0px red}
form#search{margin:0;padding:0;width:100%;border:solid 0px red}
#tag_cloud{display:block;margin:0 20px 0 0;height:125px;padding:0;overflow:hidden}
#tag_cloud ul{padding:0;margin:10px 0 0 10px;display:block;border:solid 0px green;}
#tag_cloud li{list-style-type:none;display:inline;margin:0;padding:3px 0 0 0;color:#296c0a;text-align:left;line-height:11px;border:solid 0px red}
#tag_cloud li a{margin:0;color:#296c0a;text-decoration:none;display:block;float:right; padding:5px 3px;}

div#calendario{display:block;float:right;margin:5px 0;width:37.6%;height:130px;background:#fff;font-size:8pt}

ul#menu_level_a{margin:0;padding:0;display:block;height:210px;background:#232347 url('../images/righe.gif') repeat-x;}
ul#menu_level_a li{margin:0;padding:0;font-size:9pt;list-style-type:none;display:block;text-align:left;height:70px;
					background:url('../images/turismo.gif') no-repeat;background-position:15px 12px}
ul#menu_level_a li.Offerta_Commerciale{background-image:url('../images/turismo.gif');} 
ul#menu_level_a li.I_Castelli_Romani{background-image:url('../images/territorio.gif')}
ul#menu_level_a li.Il_Progetto{background-image:url('../images/servizi.gif')}
ul#menu_level_a li a{color:#fff;text-decoration:none;margin:0;padding:0 0 0 75px;line-height:70px}

input.pulsante{background:url('../images/pulsante.png') no-repeat;width:66px;height:23px;cursor:pointer;padding:0 0 4px 0;font-size:9pt}
form{font-size:8pt}
input{font-size:7pt;height:14px}
select{font-size:7pt;height:17px}
.clearer{clear:both;margin:0;padding:0;display:block;height:1px}
	
form#search{border:solid 0px red;padding:30px 20px 10px 20px;color:#296a09}
form#search input#q{width:100%;margin:0;}
form#search input.checkb{margin:0;float:left}
form#search label{border:solid 0px red;margin:0;padding:0}
form#search label span{border:solid 0px blue;margin:0;padding:0;display:inline}
form#search label.cerca{display:block;float:left;border:solid 0px blue;width:75%;height:30px;margin:0;padding:4px 10px 0 0 }
form#search label.puls{width:68px;height:30px;display:block;float:left}
form#search label.check{float:left;padding:0px;margin:0 10px 0 3px;text-align:right;
display:block;height:12px;}
input.pulsante{background:url('../images/pulsante.png') no-repeat;width:68px;height:27px;color:#fff;padding:0 0 5px 0 ;cursor:pointer;padding:0;border:none;font-size:7pt;float:right}

#scheda_comune, .scheda_evento, #scheda_attivitą{text-align:left;margin:0;padding:10px 20px 20px 10px;font-size:8.5pt;line-height:1.6em}
#scheda_comune dl dt, .scheda_evento dl dt, #scheda_attivitą dl dt{font-weight:bold}
#scheda_comune p, .scheda_evento p, #scheda_attivitą p{text-align:justify}
#scheda_comune p.abstract, .scheda_evento p.abstract, #scheda_attivitą p.abstract{font-style:italic}
#scheda_comune img, .scheda_evento img, #scheda_attivitą img{margin:0 10px 5px 0}
#scheda_comune img.image2{float:right;margin:0 0px 5px 10px}
#scheda_comune h1, .scheda_evento h1, #scheda_attivitą h1{font-size:11pt}
#scheda_comune h2, .scheda_evento h2, #scheda_attivitą h2{font-size:9pt}

#scheda_attivitą dl{float:left;display:block;width:400px;margin:0 0 0 20px}
#scheda_attivitą dl dt,#scheda_attivitą dl dd{float:left;margin:0;padding:3px;border:solid 0px red}
#scheda_attivitą dl dt{clear:left}

.lista_articoli{display:block;clear:both;margin:15px 5px 25px 20px;padding:0;width:85%;}
.lista_articoli li{list-style-type:none;font-size:8pt;margin:0;}
.lista_articoli li a{display:block;margin:0;border-bottom:solid 1px #ccc;padding:8px 6px 7px 23px;}
.lista_articoli li a{color:#2a4776;text-decoration:none;background:url('../images/link.gif') no-repeat 0 0; padding:5px 6px 5px 23px;}
.lista_articoli li a:hover{background:url('../images/link.gif') no-repeat 0 -22px #d7daec;}

.lista_eventi{display:block;clear:both;margin:0;margin-top:5px;padding:0;}
.lista_eventi dt{font-weight:bold;color:#232347;text-align:left;line-height:20px;text-indent:10px}
.lista_eventi dt, .lista_eventi dd p{margin:0;padding:0}
.lista_eventi dd{list-style-type:none;font-size:8pt;margin:0 10px 3px 10px;padding:0;text-align:left;border:solid 0px red}
.lista_eventi dd a{display:block;margin:0;border-bottom:solid 1px #ccc;}
.lista_eventi dd a{color:#2a4776;text-decoration:none;background:url('../images/icon_cal.gif') no-repeat 0 4px; padding:7px 2px 6px 23px;}
.lista_eventi dd a:hover{background:url('../images/icon_cal.gif') no-repeat 0 -60px #d7daec;}

a.art{color:#2a4776;text-decoration:none;background:url('../images/link.gif') no-repeat 0 -2px; padding:5px 6px 5px 23px;}
a.art:hover{background:url('../images/link.gif') no-repeat 0 -24px #d7daec;}

a.ext{color:#2a4776;text-decoration:none;background:url('../images/link_ext.gif') no-repeat 0 0px; padding:5px 6px 5px 23px;}
a.ext:hover{background:url('../images/link_ext.gif') no-repeat 0 -22px #d7daec;}

a.tag, .tags a{color:#2a4776;text-decoration:none;background:url('../images/icon_tag.gif') no-repeat 0 0px; padding:5px 6px 5px 23px;}
a.tag:hover, .tags a:hover{background:url('../images/icon_tag.gif') no-repeat 0 -22px #d7daec;}

ul.meta{padding-left:0px;margin:0;margin-bottom: 1em;}
ul.meta *{text-decoration:none;font-size:8pt;list-style-type:none;}
ul.meta li.date{margin-bottom:1em;font-style:italic}

ul.meta li.tag{display: inline;}

dl.dati{padding:10px;clear:both;margin:0;border-top:solid 1px white;border-left:solid 1px white;border-right:solid 1px #ccc;border-bottom:solid 1px #999;background:#e7e7e7 url('..images/bg_template.jpg') repeat-x bottom;font-size:8pt;}
dl.dati dt, dl.dati dd{display:inline;text-align:left;padding:0;margin:0;line-height:20px}

dl.links dd a{text-decoration:none}

div#map{width:100%;height:550px;margin:0;padding:0;}


dl#scheda_negozio dt, dl#scheda_negozio dd{display:block;float:left;margin:0 0 10px 0;padding:0;font-size:8pt}
dl#scheda_negozio dd{float:none}
dl#scheda_negozio dt{clear:left;text-align:right;width:110px}
dl#scheda_negozio dd{font-weight:bold;width:230px;text-align:left}
img.logo{float:right}

a.selezionepag{border:solid 1px #cc0000;}

#contenitore_news{border:solid 0px red;margin:0;padding:0 15px}
#contenitore_news h1,#programma h1{border:solid 0px green;margin:0;text-align:left}
.lista_news{margin:10px 0 0 0;padding:0}
.lista_news dt, .lista_news dd{margin:0;padding:0;text-align:left}
.lista_news dt a, .lista_news dd a{color:#296a09;text-decoration:none;font-weight:bold}
.lista_news dd{clear:both}
.lista_news dd.data{border-bottom:dotted 2px #ccc;height:30px;font-weight:normal;margin:0 0 10px 0;}
.lista_news dd.data span.left{display:block;float:left}
.lista_news dd.data span.right{display:block;float:right}
/* ---------------------------------------------------------BACK OFFICE------------------------------------------------------------------------- */

.backoffice{display:block;margin:0 auto;width:60%;padding:0 10px}
.backoffice input, .backoffice select, .backoffice textarea{width:100%;margin:3px 0 0 0;background:#efefef;border:solid 1px #666}
.backoffice textarea{height:56px}
.backoffice label{float:left;width:47%;margin:10px 1% 0 0;padding:0;text-align:left;font-weight:bold;display:block;border:solid 0px red}
.backoffice label.long{width:95%}
.backoffice label.short{width:23%}
.backoffice label.high{height:120px}
.backoffice input.pulsante{height:20px;border-top:#ccc solid;border-left:#ccc solid;border-right: #666 solid;border-bottom: #666  solid;border-width:1px;width:auto;margin:0 5px;padding:0 5px 0 5px;color:#000}

fieldset.pulsanti{border:solid 0px;clear:both;width:100%;}
div#disclaimer{width:95%;height:100px;float:left;overflow:scroll;margin-top:30px;border:solid 1px #666;background:#efefef;text-align:left}
div#disclaimer h2{font-size:8pt}
div#disclaimer h3{font-size:8pt}
div#disclaimer h2, div#disclaimer h3, div#disclaimer p{margin:15px;font-style:italic;}
span.esempio{font-style:italic;float:left;font-weight:normal;color:#666;}

dl#gallery{padding:0;margin:0px 10px 0 0;width:360px;float:left}
dl#gallery dt{text-align:left;font-size:9pt;margin:15px 0}
dl#gallery dd{padding:0;display:block;float:right;width:60px;height:auto;clear:right;border:solid 0px red;margin:0}
dl#gallery dd.thmbphoto{float:left;clear:left;margin:5px 5px 0 0;display:block;width:100px;height:100px;overflow:hidden;border:solid 1px #234b16}
dl#gallery dd img{margin:0;}
dl#gallery dd#bigphoto{width:250px;height:auto;position:relative;margin:5px 0 0 0;padding:0;float:right;border:solid 1px #234b16;}

dl#gallery dd#bigphoto a#zoom{border:solid 0px red;display:block;position:absolute;bottom:0;right:0;width:48px;height:48px;background:url('../images/zoom.png') no-repeat;z-index:100}
dl#gallery dd.nondisp{width:250px;float:right;clear:right;text-align:center;margin-top:20px;color:red;font-weight:bold}
dl#gallery dd#bigphoto img{margin:0;z-index:-100}

.risultati{display:block;float:left;width:32%;height:163px;background:url('../images/bg_res.jpg') repeat-x; margin:4px 1% 0px 0px ;padding:1px;}
.risultati dt, .risultati dd{font-size:8pt;margin:0;padding:0}
.risultati dt{display:block;margin:0;padding:0 0 0 5px;height:21px;color:#fff;border:solid 0px red;line-height:1.8em}
.risultati dt a{color:#fff;text-decoration:none}
.risultati dd{margin:0;padding:7px 0 7px 7px;border:solid 0px red;height:139px;font-size:7.5pt;line-height:1.5em;text-align:left}
.risultati dd img{border:solid 0px;margin:0 0 15px 0;padding:0}
.risultati dd span{display:block;margin:60px 0 0 5px;padding:0;border:solid 0px green}
.risultati dd span.nondisp{display:block;color:red;height:20px;float:left;width:100px;border:solid 0px red;clear:left;margin:7px 7px 0 0;padding:0;text-align:center}
dl.risultati dd a, dl.risultati dd.tools a.foto{display:block;float:left;width:100px;height:100px;overflow:hidden;border:#949393 solid 1px;margin:0 5px 0 0;padding:0}
dl.risultati dd.tools a, dl.risultati dd.tools input{display:inline;float:right;border:solid 0px;width:auto;height:auto;margin:0 5px 0 0;padding:0}
dl.risultati dd.tools span.tags{display:block;height:50px;}
dl.risultati dd.tools span.tags a{padding:0 0 0 20px;height:20px;float:left}

dl#box_p_news dd img{height:100px}
dl#box_p_news{width:50%}
dl#box_p_news dd{background:url('../images/brand logos/rolex.jpg') no-repeat}

dl.pagine{display:block;margin:10px 0 10px 0;line-height:2em;text-align:center;clear:all;}
dl.pagine dt, dl.pagine dd{display:inline}
dl.pagine dt a, dl.pagine dd a{display:inline;color:#103c02;text-decoration:none}

.content{padding:0 20px}
.content h1{color:#2b6e0d;font-size:1.3em;margin:20px 0 10px 0;width:100%}
.content h2{color:#2b6e0d;font-size:1.1em;margin:10px 0 0 0;width:100%}
.content h3{color:#666;font-size:1.0em;margin:0;width:100%}
#programma{margin:0px 0px 0 5%}
.content ul{margin:15px;clear:both;border:solid 0px red}
.content ul li{list-style-type:disc;margin:10px 0}

/*---------------------------------Menu------------------------------------------------*/
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal;  color: #000000;}

div.menuBar {border: 0px outset #e0e0e0;padding: 4px 2px 4px 2px;text-align: left;}
div.menuBar a.menuButton img{border:solid 0px;margin:10px 0 0 10px}

div.menuBar a.menuButton {
  border: 0px solid #e0e0e0;
  color: #000000;
  cursor: default;
  left: 0px;
  margin: 1px 0.5% 1px 0;
  padding: 1px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
  display:block;
  width:32%;
  height:50px;
  float:left;
  cursor:pointer
}
div.menuBar a.menuButton span{display:block;width:100%;
  height:50px;border:solid 0px red;}

div.menuBar a.menuButton:hover {
  border: 0px outset #2b6e0d;
  color: #000000;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  border: 0px inset #2b6e0d;
  color: #ffffff;
  left: 0px;
  top: 0px;
}

div.menu {
  background: url('../images/bg_menu.png');
  border: 1px outset #2b6e0d;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0px 1px 1px 0px;
  visibility: hidden;
  z-index: 300;
}

div.menu a.menuItem {
  color: #000000;
  background: url('../images/bullet.png') no-repeat;
  background-position:4px 7px;
  cursor: default;
  display: block;
  padding: 8px 3em 8px 22px;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #2b6e0d;
  color: #ffffff;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}

/*div.menuBar a#orologism{background:('../images/bg_orologi_sm.jpg') right}
div.menuBar a#aziendasm{background:('../images/bg_azienda_sm.jpg') right}
div.menuBar a#newssm{background:('../images/bg_news_sm.jpg') right}*/


/*-- FORM CONTATTI --*/
form#contatti{width:300px;display:block;margin:20px auto;padding:0;}
form#contatti label{font-size:8pt;color:#2b6e0d;clear:both}
form#contatti label input, form#contatti label textarea {color:#2b6e0d;float:left;margin:5px 0 5px 0;border: solid 1px #000053;
font-family: Verdana,Arial,sans-serif; font-size:9pt;background:#efefef}
form#contatti label textarea {width:254px;height:70px;}
p.contatti{color:#000053;margin:10px 0 0 10px}
/*-- FINE FORM CONTATTI --*/

{border:solid 1px red;width:auto;display:inline}
span.tit{font-weight:bold;line-height:2.0em}
span.des, span.tags{line-height:2.0em}

form#subscription, form#mail{width:500px;display:block;margin:20px auto}
form#subscription label, form#mail label{display:block;float:left;width:245px;margin:10px 0;padding:0;}
form#subscription label input, form#mail label input{width:200px}
form#subscription .pulsante, form#mail .pulsante{float:left}
form#subscription fieldset, form#mail fieldset{margin:0;padding:0;border:solid 0px}