﻿/*********************** PROJECT BY GRAFFITI 2000 - G2K ***************/

/*********************** STILI PER IL BODY ****************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background: #212121;

	}
	
a {
	text-decoration: none;
	outline: none;
	}
	
hr {
	height: 1px;
	background: #FFFFFF;
	border: 0px;
	}
	
form {
	margin: 0;
	padding: 0;
	}

.mail:link 			{ text-decoration:none; color:#FFFFFF; }
.mail:visited		{ text-decoration:none; color:#FFFFFF; }
.mail:active		{ text-decoration:none; color:#FFFFFF; }
.mail:hover			{ text-decoration:none; color:#21190e; }
	
/*********************** STILI PER IL LAYOUT **************************/

#layout {
	width: 919px;
	height: 770px;
	background: url("/images/back_lay.jpg") no-repeat;
	padding: 13px 16px 11px 15px;
	margin: 0 auto;
	}
	
	
#layoutHome {
	width: 919px;
	height: 990px;
	background: url("/images/back_layHome.jpg") no-repeat;
	padding: 13px 16px 11px 15px;
	margin: 0 auto;
	}
	
/*********************** STILI PER L'INTESTAZIONE *********************/

#header {
	height: 118px;
	background: url("/images/header.jpg") no-repeat;
	}
	
/*********************** STILI PER LA SPLASH PAGE *********************/
	
.wrappersplash { /*gestisce lo spazio fra i div dello splash e la header*/
	width: 1px;
	height: 20px;
	}
	
.splash {
	width: 304px;
	height: 217px;
	float: left;
	margin: 1px;
	overflow: hidden;
	}	
	
.splash img{
	width: 304px;
	height: 217px;
	}	

/******* Stili per la navbar ********/

.navbar {
	height: 30px;
	font-size: 11px;
	color: #FFFFFF;
	padding: 90px 0px 0px 0px;
	}
	
.navbar a {
	color: #FFFFFF;
	}
	
.navbar a:hover {
	color: #5f6499;
	}
	
.button {
	text-align: center;
	width: 175px;
	float: left;
	cursor: pointer;
	}
	
.separator {
	margin: 0px 3px 0px 3px;
	float: left;
	}

/*********************** STILI PER I CONTENUTI ************************/

#content {
	color: #FFFFFF;
	font-size: 11px;
	}
	
#contentSplash {
	height: 475px;
	color: #FFFFFF;
	font-size: 11px;
	}
	
.containerTitle {
	/*background: #666699;*/
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 20px 10px;
	border-left: 3px solid #FFFFFF;
	height: 10px;
	font-weight: bold;
	}
	
.container {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	}

.container img {
	border: 5px solid #666666;
	margin: 0px 1px 0px 0px;
	}

.container1 {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	}
.container1 img {
	border: 0px;
	}
	
	
.wrapper {
	width: 1px;
	height: 31px;
	}
		
/******* STILI I CONTENUTI della pagina di default ********/

#leftDefault {
	width: 613px;
	float: left;
	padding-bottom:20px;
	}
	
#rightDefault {
	width: 266px;
	float: left;
	padding: 30px 20px 0px 20px;
	line-height: 18px;
	}
	
/******* STILI I CONTENUTI della pagina dei dettagli ********/
	
#leftDettagli {
	width: 471px;
	float: left;
	line-height: 20px;
	padding: 30px 40px 0px 40px;
	}
	
#rightDettagli {
	width: 368px;
	float: left;
	}
	
#bottomDettagli {
	clear: left;
	width: 819px;
	height: 94px;
	background: #121423;
	margin: 0 auto;
	}
	
.dettagliwrapper {
	clear: left;
	height: 50px;
	width: 1px;
	}
	
/***** Contenuti del #rightDettagli *****/

.rightDettagliImg {
	margin: 30px 0 0 0;
	}

.rightDettagliImg img {
	border: 5px solid #666666;
	margin-bottom: 30px;
	}
	
/***** Stili per la LISTA DELLE OFFERTE *****/
	
.listaOfferte {
	height: 580px;
	width: 266px;
	overflow: auto;
	}
	
.listaOfferte a {
	color: #FFFFFF;
	}
	
.listaOfferte a:hover {
	color: #5f6499;
	}
	
.offertaDescr {
	float: left;
	margin-right: 90px;
	}

.offertathumb {
	width: 50px;
	height: 50px;
	background: #666666;
	float: left;
	margin-bottom: 5px;
	}

/***** Stili per il BOX dei MENU *****/

.boxMenu {

	}
	
.boxMenu a {
	color: #FFFFFF;
	}
	
.boxMenu a:hover {
	color: #5f648f;
	}

	
.boxMenuDettagli {
	width: 300px;
	}
	
.boxMenuButton {
	padding: 5px 0px 5px 0px;
	width: 265px;
	}

.boxMenuButton a {
	font-weight: bold;
	font-size: 0.95em;
	}
	
.boxMenuButtonDettagli {
	padding: 5px 0px 5px 0px;
	width: 300px;
	}
	
.boxMenuButton:hover {
	padding: 5px 0px 5px 0px;
	width: 265px;
	background: #2c2f53;
	}

.boxMenuButtonDettagli:hover {
	padding: 5px 0px 5px 0px;
	width: 300px;
	background: #2c2f53;
	}
	
.boxMenuTitle {
	width: 222px;
	float: left;
	border-left: 3px solid #FFFFFF;
	padding: 0px 0px 0px 5px;
	}
	
.boxMenuTitle2 {
	width: 252px;
	float: left;
	padding: 0px 0px 0px 5px;
	}
	
	
.boxMenuTitle2 a {
	color: #FFFFFF;
	}	
	
.boxMenuTitle2 a:hover  {
	color: #e36e28;
	}		
	
.boxMenuTitleDettagli {
	width: 222px;
	float: left;
	border-left: 3px solid #FFFFFF;
	padding: 0px 0px 0px 5px;
	}

	
/*********************** STILI PER IL FOOTER **************************/

#footer {
	clear: both;
	height: 20px;
	border-top:1px solid #636768;
	/*background: url("/images/footer.jpg") no-repeat;*/
	font-size: 10px;
	color: #FFFFFF;
	padding: 20px 0px 0px 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	}
	
#footer a {
	color: #FFFFFF;
	}
	
#footer a:hover {
	color: #5f6499;
	}

	
#footerSplash {
	clear: both;
	height: 29px;
	background: url("/images/footerSplash.jpg") no-repeat;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 150px 0px 0px 0px;
	}

	
.g2k {
	float: left;
	width: 105px;
	height: 10px;
	text-align: left;
	background: url("/images/pulsante.gif") bottom right no-repeat;
	font-size: 9px;
	padding-left: 40px;
	}
	
.credits {
	float: left;
	font-size: 11px;

	
	}
	
#entra {
	width: 190px;
	height: 35px;
	background: url("/images/entra.jpg") no-repeat;
	cursor: pointer;
	position: absolute;
	z-index: 1000;
	margin: 90px 0px 0px 350px;
	}
	
/*********************** STILI PER IL BOX DEI GOLD MEMBER **************************/
	
#goldmemberBox {
	width: 212px;
	height: 143px;
	border: 3px solid #666666;
	background: #0d102d;
	padding: 10px 0px 0px 50px;
	margin: 70px 0 0 0;
	}
	
#OfficialBox {
	width: 257px;
	height: 20px;
	border: 3px solid #666666;
	background: #0d102d;
	padding: 15px 0px 15px 5px;
	margin-top: 25px;
	}

.OfficialBox02 {
	width: 257px;
	height: 20px;
	border: 3px solid #666666;
	background: #0d102d;
	padding: 15px 0px 15px 5px;
	margin-top: 25px;
	}
			
.goldInput {
	width: 165px;
	}
	
.goldInput input {
	border: 0px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	width: 155px;
	height: 15px;
	padding: 5px;
	}
	
.goldDescr {
	width: 165px;
	text-align: center;
	}
	
.goldInfo {
	width: 165px;
	margin: 20px 0px 0px 0px;
	text-align: center;
	}
	
#bottomBox {
	width: 260px;
	margin: 23px 0px 0px 0px;
	}
	
.teamGarda {
	width: 180px;
	height: 55px;
	background: url("/images/logot.jpg") top left no-repeat;
	cursor: pointer;
	}
	
.bottomBoxDescr {
	text-align: center;
	}
	
.goldTitle {
	height: 30px;
	font-size: 15px;
	color: #e36e28;
	padding-left: 7px;
	font-weight: bold;
	}
	
/*********************** STILI PER IL FORM DEI CONTATTI **************************/

#contattiTable {
	width: 100%;
	}
	
#contattiTable textarea {
	font-size: 11px;
	font-family: Verdana;
	background: #0C0E25;
	border: 1px solid #42435b;
	color: #7a7b98;
	}

#contattiTable textarea:hover {
	font-size: 11px;
	font-family: Verdana;
	background: #1b1f48;
	border: 1px solid #42435b;
	color: #7a7b98;
	}

	
#contattiTable input {
	font-size: 11px;
	background: #0C0E25;
	border: 1px solid #42435b;
	color: #7a7b98;
	}
	
#contattiTable input:hover {
	font-size: 11px;
	background: #1b1f48;
	border: 1px solid #42435b;
	color: #7a7b98;
	}
	
#contattiTable select {
	font-size: 11px;
	background: #0C0E25;
	border: 1px solid #42435b;
	color: #7a7b98;
	}
	
#contattiTable select:hover {
	font-size: 11px;
	background: #1b1f48;
	border: 1px solid #42435b;
	color: #7a7b98;
	}

	
	
/******* PAGINA IMMOBILI ********/

.TabellaImmobili {
	width:90%;
	height:550px;
	margin-left:15px;
	margin-top:50px;
	margin-right:0px;
	float:left;
	line-height:18px;
	overflow:auto;
	scrollbar-base-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	text-align:center;
	padding-left:15px;
	border:0px solid #FFFFFF;
}

.Categoria {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 20px 10px;
	border-left: 3px solid #FFFFFF;
	height: 10px;
	font-weight: bold;
	text-align:left;
	}

.boxImmobile {
	width: 90%;
	/*height: 150px;*/
	border:0px solid #FFFFFF;
	text-align:left;
	float:left;
	padding-bottom:10px;
	}
	
.fotoImmobile {
	width: 210px;
	/*height: 160px;*/
	padding-top:1px;	
	padding-right:5px;
	float: left;
	text-align:right;	
	}

.fotoDettImmobile {
	/*width: 120px;*/
	/*height: 160px;*/
	padding-top:1px;	
	padding-right:5px;
	float: left;
	text-align:right;	
	}

.fotoImmobile img {
	}
	
.TestoImmobile { 
	color:#FFFFFF;
	font-family: verdana;
	font-size:8pt;
	text-align:left;
	padding: 0px 2px 2px 2px;
}
.TestoImmobile:link 	{ text-decoration:none; color:#FFFFFF; }
.TestoImmobile:visited	{ text-decoration:none; color:#FFFFFF; }
.TestoImmobile:active	{ text-decoration:none; color:#FFFFFF; }
.TestoImmobile:hover	{ text-decoration:none; color:#FFFFFF; }

.more:link 		{ text-decoration:none; color:#FFFFFF; }
.more:visited	{ text-decoration:none; color:#FFFFFF; }
.more:active	{ text-decoration:none; color:#FFFFFF; }
.more:hover		{ text-decoration:none; color:#FFFFFF; }

.TabellaLogin	{ width:100%; padding-left:50px; border:0px solid #FFFFFF; text-align:center; padding-top:50px;}

.contentInfo	{ width:100%; padding-left:50px; border:1px solid #FFFFFF; text-align:center; padding-top:50px;}






.boxgallery {padding: 10px 0 0 0; margin-left: 40px;}
.gallery {
	font-size: 10px;
	float: left;
	width: 819px;
	height: 87px;
	border:0px solid #000000;
	}
	
.gallery img {
	float: left;
	border: 1px solid #AAAAAA;
	margin:1px;
	}

#slide {
	width: 819px;
	height: 87px;
	overflow: hidden;
	}
	
#sliderz {

}