@CHARSET "UTF-8";

/** 
New layout from the Chich Chicken templates
*/
html {
	_background-color: #F9F7ED;
	background-color: #726457;
	background-image: url('cc/background.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	height: 100%;
}

body {
	margin: 0em auto;
	width: 900px;
	border-top: 0;
	font-family: Georgia;
	font-family: Georgia, Times new Roman, serif;
	_height: 100%;
	padding: 0;
	height: 100%;
	overflow: auto;
}

h2,h3,h4,ul,#content {
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 20px;
}

hr {
	border: 0;
	border-bottom: 1px solid #eaeaea;
}

hr.top-sep {
	border-bottom: 1px dashed black;
}

#blob {
	position: relative;
	min-height: 100%;
}

#footer {
	position: absolute;
	bottom: 0;
}

#content {
	padding-bottom: 43px; /* footer + 15 */
}

a.thickbox img {
	border: 1px solid #aeaeae;
}

div.description a.thickbox img {
	margin-right: 5px;
	margin-bottom: 5px;
}

/** header */
#claim {
	margin-top: -10px;
	height: 20px;
	color: black;
	font-size: 14px;
	background: #aeaeae;
	padding: 2px 5px;
}

#langs {
	background: #aeaeae;
	float: right;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	padding: 0 1em;
	height: 1.5em;
	text-align: center;
}

/** cerca */
#search-box {
	float: right;
	background-image: url('cc/cerca.png');
	background-repeat: no-repeat;
	padding-left: 30px;
	width: 100%;
}

#search-box form input#go {
	background: transparent;
	color: black;
	border: 0;
	float: right;
	_width: 25%;
}

#search-box form input#search {
	width: 72%;
}

/** */
.blocco-hp {
	margin-top: 15px;
}

/** HOME page */ /** mappa Google */
#mappaEdifici,#mappaCitta {
	
}

#mappaCitta,#mappaMondo {
	overflow: hidden;
}

#mappaCitta h2 {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 20px;
	float: left;
}

#mappaCitta .subtitle {
	float: left;
	line-height: 30px;
}

#gmapH {
	_padding-top: 8px;
}

#mapC,#map {
	height: 300px;
	border: 1px solid #cdcdcd;
}

#map {
	margin-top: 20px;
}

#mapA,#mapB {
	height: 100%;
}

#gmapA,#gmapB,#gmapC {
	height: 350px;
}

#gmapC {
	height: 370px;
}

#gmapC {
	padding-top: 10px;
}

/* GMAPS popup  ******/
.gmaps-popup {
	width: 250px;
	height: 90px;
	overflow: hidden;
}

.gmaps-popup a {
	dtext-decoration: none;
	dfont-weight: bold;
	dcolor: #7f1c1c;
	font-size: 1.5em;
}

.popup-info {
	float: right;
	font-size: 12px;
	width: 150px;
	mmargin-left: 95px;
}

div.gmaps-popup img {
	float: left;
	margin-right: 5px;
}

.gmaps-popup:after {
	ccontent: "";
	cclear: both;
}

#magnify {
	float: right;
	background: url(imgs/zoom.png);
	background-repeat: no-repeat;
	lpadding-left: 30px;
	width: 20px;
	height: 20px;
}

#magnify .txt {
	display: none;
}

/** lista di oggetti */
.city-list,.area-list,.building-list {
	width: 100%;
	padding-top: 5px;
}

/** item lists: generic **/
ul.children-list-column2-1 {
	float: left;
	width: 50%;
}

ul.children-list-column2-2 {
	float: left;
	width: 48%;
	padding-left: 0.3em;
}

ul.children-list-column3-1 {
	float: left;
	width: 32%;
	border-right: 1px dashed grey;
}

ul.children-list-column3-2 {
	float: left;
	width: 32%;
	padding-left: 0.3em;
	border-right: 1px dashed grey;
}

ul.children-list-column3-3 {
	float: left;
	padding-left: 0.3em;
	width: 32%;
}

ul.children-list-column4-1,ul.children-list-column4-2,ul.children-list-column4-3
	{
	float: left;
	width: 24%;
	border-right: 1px dashed grey;
}

ul.children-list-column4-2,ul.children-list-column4-3 {
	padding-left: 0.3em;
}

ul.children-list-column4-4 {
	float: left;
	padding-left: 0.3em;
	width: 24%;
}

ul.children-list-column5-1,ul.children-list-column5-2,ul.children-list-column5-3,ul.children-list-column5-4
	{
	float: left;
	width: 19%;
	border-right: 1px dashed grey;
}

ul.children-list-column5-2,ul.children-list-column5-3,ul.children-list-column5-4
	{
	padding-left: 0.3em;
}

ul.children-list-column5-5 {
	float: left;
	padding-left: 0.3em;
	width: 20%;
}

div.children-list {
	_overflow: hidden;
	_width: 100%;
	_padding: 8px;
	_padding-top: 0;
}

div.no-overflow {
	overflow: visible;
	padding: 0;
	padding-top: 8px;
}

div.children-list>ul>li {
	list-style-type: none;
	width: 100%;
	display: block;
}

div.children-list ul li a {
	text-decoration: none;
	_padding: 0.1em;
	padding-bottom: 0.1em;
	_width: 90%;
	width: 100%;
	display: block;
	margin: 0;
	display: block;
}

div.children-list ul li a:hover {
	text-decoration: none;
	background: #eaeaea;
	border: 1px solid #eaeaea;
	border-bottom: 1px dashed #666;
	margin: -1px;
}

a span.noA {
	color: black;
	font-weight: normal;
}

/** Banner **/
#banner {
	height: 122px;
}

.banner-item {
	width: 287px;
	height: 120px;
	float: right;
	margin-left: 17px;
	font-size: 14px;
	border: 1px solid #666;
}

.banner-item img {
	width: 287px;
	border: 0;
}

.banner-item img a {
	border: 0;
}

.banner-item .txt {
	display: none;
}

#banner-1 {
	margin-left: 0;
	float: left;
	position: absolute;
	background-color: #eaeaea;
	_background-image: url('cc/background.jpg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
}

#banner-1 a,#banner-1 a:hover {
	display: inline;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#banner-1 a.sfondo-a,#banner-1 a.sfondo-a:hover {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background-image: url(cc/banner_sfondo.png);
}

.banner-item .city {
	font-size: 36px;
	color: #7f776e;
	font-style: italic;
	margin-left: 20px;
	margin-top: -120px;
	float: left;
}

.banner-item .tag {
	font-size: 18px;
	font-style: italic;
	color: #7f776e;
	position:absolute;
	margin-top: -30px; 
	right: 30px;
}

.banner-item .fwd {
	font-size: 18px;
	font-style: italic;
	color: black;
	margin-top: 0px;
	margin-left: 230px;
}

.shadowed-black {
	text-shadow: 2px 2px black;
}
.shadowed-black-thin {
	text-shadow: 1px 1px black;
}

.banner-item .city a,.banner-item .tag a {
	color: #7f776e;
}

.random-img {
	margin-top: -100px;
}

ul#tags {
	list-style: none;
}

ul#tags li {
	display: inline;
	padding-right: 10px;
}

.tag-cloud-1 {
	font-size: 0.6em;
}

.tag-cloud-2 {
	font-size: 0.9em;
}

.tag-cloud-3 {
	font-size: 1.3em;
}

.tag-cloud-4 {
	font-size: 1.6em;
}

.tag-cloud-5 {
	font-size: 2em;
}

/** news */
#news {
	background: #e2dede;
	_height: 135px;
	overflow: hidden;
	padding: 4px;
}

#news h2 {
	font-size: 20px;
	float: left;
}

.news-title {
	overflow: hidden;
	border-bottom: 2px solid white;
}

.piece-news,.piece-news1,.piece-news2,.piece-news3 {
	float: left;
	width: 100%;
	overflow: hidden;
	_height: 100px;
}

.piece-news1 {
	width: 100%;
}

.piece-news2 {
	width: 50%;
}

.piece-news3 {
	width: 33%;
}

#news h3 {
	font-size: 14px;
}

/** varie ed eventuali */
#varie {
	xxheight: 90px;
	width: 100%;
	overflow: hidden;
}

.varie-item {
	width: 337px;
	height: 90px;
	float: left;
}

.last-item {
	float: right;
	overflow: hidden;
}

#partecipa,#tag-cloud {
	xxpadding: 5px;
}

#partecipa {
	background: url('cc/partecipa.png') no-repeat right top;
}

#registrati {
	border: 1px solid grey;
	width: 150px;
	float: left;
	height: 110px;
	background: white;
	margin-left: 15px;
	padding: 0; /** compensate the "box" padding */
}

#registrati .testo {
	padding: 5px;
}

#registrati a {
	background: #cdcdcd;
	display: block;
	height: 52px;
	padding-top: 20px;
	padding-left: 20px;
}

#tag-cloud {
	
}

#tag-cloud h2 {
	
}

/** generic **/ /** box generale **/
.box {
	background: white;
	border: 1px solid #cdcdcd;
	padding: 10px;
}

.mainImage {
	text-align: center;
}

/********** country *******/
#main-card {
	overflow: auto;
	width: 100%
}

#object-card {
	float: left;
	width: 420px;
}

.card-content {
	
}

.card-singlecontent {
	
}

.mainImage img {
	_width: 420px;
	border: 0;
}

#info-card {
	float: right;
	width: 430px;
}

/****** city *******/
#city-card {
	width: 100%;
	overflow: hidden;
}

#main-city-card {
	float: left;
	width: 330px;
}

#main-city-card .card-content h2 {
	display: inline;
}

#map-other-card {
	float: right;
	width: 520px;
}

#bi-map {
	width: 100%;
	overflow: hidden;
}

#bldg-small-list {
	font-size: 12px;
}

#bldg-small-list ul {
	list-style: none;
}

#map-card1 {
	float: left;
}

.map-size1 {
	width: 255px;
}

.map-size2 {
	width: 520px;
}

#map-card2 {
	width: 255px;
	float: left;
	padding-left: 10px;
}

#info-card2 {
	width: 100%;
	float: left;
}

#map,.public-map {
	width: 100%;
	height: 350px;
}

#descr-card {
	width: auto;
	overflow: hidden;
}

/** Building **/
#building-card {
	width: auto;
	overflow: hidden;
}

#building-card  h2 {
	display: inline;
}

#building-info-v {
	_padding-right: 10px;
	width: 260px;
}

#building-info-h {
	padding-right: 10px;
	width: 500px;
}

#building-info-n {
	padding-right: 10px;
	width: 420px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

#building-card-info-v {
	width: 550px;
}

#building-card-info-h {
	width: 500px;
}

#building-card-info-n {
	width: 420px;
}

#map-card-v {
	width: 300px;
}

#map-card-h {
	width: 350px;
}

#map-card-n {
	width: 430px;
}

#info-card-w {
	width: auto;
	overflow: hidden;
}

#info-card-n {
	width: 420px;
	overflow: hidden;
	float: left;
}

#info-c-w {
	width: 100%;
}

#info-c {
	width: 500px;
}

#info-card-w a img,#info-card-n  a img,#info-c-w a img,#info-c a img {
	border: 1px solid #aeaeae;
}

#info-card-w   img,#info-card-n  img,#info-c-w img,#info-c img {
	margin: 5px;
}

#info-child-r {
	float: right;
	width: 430px;
}

/************* Gallery **** iag*******/
#gallery {
	ppadding: 0.4px;
	overflow: hidden;
	float: none;
	width: 100%;
}

.galleryItem {
	float: left;
	width: 136px;
	height: 136px;
	line-height: 136px;
	background-color: white;
	position: relative;
	text-align: center;
	border: 1px solid #bcbcbc;
	margin-right: 5px;
	margin-bottom: 5px;
}

.galleryItem:hover {
	xbackground-color: #6BBA70;
	xtext-decoration: none;
	background: #eaeaea;
}

#gallery   img { /* for fucking IE */
	margin-top: expression((                                 
		                                                            
		                                     100 -     
		                                 
		  
		       
		                         
		                                                      this.height)/ 2
		);
}

html>body #gallery   img { /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
}

#gallery   img {
	border: 1px solid #666;
}

/* end gallery */ /** link page card **/
#linkpage-card {
	width: 100%;
	overflow: hidden;
}

#linkpage-singlecard {
	
}

.item-list {
	
}

.link-list {
	float: left;
	width: 330px; /* 330 - 2x10px padding */
	background: white;
}

.info-list {
	float: right;
	width: 520px; /* 540 - 2x 10px padding*/
	background: #cbc9c9;
}

.link-list ul>li,.info-list ul>li,.item-actual-list ul>li {
	list-style-type: square;
	list-style-position: inside;
}

/** search results **/
#result-card {
	overflow: hidden;
	width: auto;
}

#query-string {
	width: 100%;
	background: #aeaeae;
	padding: 0.5em;
	text-align: center;
}

.blocco-ricerca {
	margin-top: 1em;
	font-size: 22px;
	background: white;
}

.result-list {
	background: white;
	width: auto;
	overflow: hidden;
	padding: 10px;
}

.blocco-ricerca h3 {
	text-transform: uppercase;
	padding: 0.5em 1em;
	background: #9d2727;
	color: white;
	font-size: 18px;
}

.result-list ul li {
	list-style: none;
	margin-bottom: 5px;
}

.result-list img.list-img {
	float: left;
	margin-right: 5px;
	maring-bottom: 5px;
	border: 0;
}

.result-list li:hover {
	text-decoration: none;
	background: #eaeaea;
	border: 1px solid #eaeaea;
	border-bottom: 1px dashed #666;
	margin: -1px;
	margin-bottom: 4px;
}

/**
footer
*/
#footer {
	width: 100%;
	background: white;
	_height: 28px;
	font-size: 10px;
	bottom: 0;
}

#footer img {
	float: left;
	padding: 7px;
}

.cc {
	float: left;
	width: 60%;
	line-height: 13px;
	padding-left: 0.4em;
}

.blurb {
	float: right;
	_line-height: 28px;
	padding-right: 7px;
}

/** register form */
#register {
	
}

#register form {
	background: #eaeaea;
	sfont-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.5em;
	padding: 10px;
	overflow: hidden;
}

#register form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

#register form fieldset label,#register form dt {
	border: 0;
	width: 30%;
	float: left;
}

#register form fieldset input,#register form fieldset textarea,#register form dd,#register form dd input,#register form  input#submit
	{
	border: 0;
	font-family: Georgia, Times new Roman, serif;
	dfont-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1em;
	float: left;
	margin: 0;
	width: 300px;
	padding: 0 5px;
}

#register form dd {
	padding: 0;
}

#register input#captcha-input {
	
}

#register form dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#register form fieldset textarea#notes {
	border: 0;
	height: 2.5em;
}

#register form fieldset span.note {
	border: 0;
	dfont-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 0.5em;
	float: left;
	margin-left: 10px;
	width: 30%;;
}

#register form  input#submit {
	margin-left: 30%;
	margin-top: 10px;
	background-color: #7f1c1c;
	color: white;
}

#register hr {
	border: 0;
	border-bottom: 1px solid #900;
}

/** minilogin specific **/
#colorbox {
	
}

div#minilogin {
	
}

div#minilogin  label.multiLabel {
	float: left;
	width: 45%;
}

div#minilogin  fieldset {
	border: 0;
}

div#minilogin  fieldset.yagga_fs label {
	width: 45%;
	float: left;
}

div#minilogin input[type="text"],div#minilogin input[type="password"] {
	width: 50%;
}

div#minilogin input[type="submit"] {
	width: 50%;
	display: block;
	border: 1px solid #b66;
	background: #7f1c1c url(imgs/tick.png) no-repeat right center;
	padding: 0 4em;
	font-size: 1em;
	font-weight: bold;
	color: white;
	margin-left: 25%;
}

/*   error ----------------  */
#e1 {
	overflow: hidden;
}

#error-box {
	width: 350px;
}

#error-box h1 {
	margin: 0;
	background: #ea5656;
	padding: 5px;
}

#promo {
	width: 500px;
}

#promo #image-card {
	text-align: center;
}