body {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #8C8C8C;
	height: 100%;
}

*, strong, a, input, td, form {
    font-family: verdana, arial, sans-serif;
	font-size: 8pt;
    color: #8C8C8C;
}

body, p, div, span, td, h1, h2, h3, h4, h5, h6, ul, li, input, textarea {
    line-height: 12pt;
}

div#curl {
	width: 190px;
	height: 161px;
	background-image: url(../images/page_curl.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
}

div#header {
    position: relative;
	top: 0px;
	width: 726px;
	left: 50%;
	margin-left: -363px;
	background-color: #f4f4f4;
	text-align: center;
	padding: 0px;
    border-left: 25px solid #fff;
    border-right: 25px solid #fff;
    border-top: 25px solid #fff;
}

#contenuto {
	position: relative;
    width: 726px;
	top: 0px;
	left: 50%;
	margin-left: -363px;
	background-color: #f4f4f4;
	text-align: center;
    padding: 0px;
    border-top: 0px solid #fff;
    border-left: 25px solid #fff;
    border-right: 25px solid #fff;
    border-bottom: 25px solid #fff;
}
#footer {
    position: relative;
    width: 726px;
    height: 20px;
    left: 50%;
	margin-left: -340px;
    /* background: #f4f4f4; */
    /* border-left: 25px solid #f4f4f4; */
    /* border-right: 25px solid #f4f4f4; */
    border-left: 25px solid #8c8c8c;
    border-left: 25px solid #8c8c8c;
    text-align: right;
    color: #fff;
}

#footer span {
    position: relative;
    top: 3px;
    font-size: 7pt;
}

h2.swap {
	background-repeat: no-repeat;
}
h2.swap span {
	display: none;
}
h2#t-benvenuti {
	background-image: url(../images/benvenuti.gif);
	background-position: top center;
	height: 28px;
	margin: 10px 0px 10px 0px;
}

div.swap {
	background-repeat: no-repeat;
}
div.swap span {
	display: none;
}

div#i-header-1 {
	background-image: url(../images/gspot_logo.jpg);
	background-position: top left;
	height: 50px;
	margin-top: 0px;
}
div#banner {
    margin: 0px;
}

div#i-header-3 {
	background-image: url(../images/pattern_45.gif);
	background-repeat: repeat-x;	
	height: 11px;
	margin-top: 4px;
}

p#info-home {
	color: #141152;
	font-size: 10pt;
	background-color: #ffffff;
}

/*  *******************  */
/*   STILI PER IL MENU   */
/*  *******************  */
ul.menu {
	position: relative;
	height: 17px;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 139px;
	margin-bottom: 0px;
    
}
li.swap {
	background-color: #f4f4f4;
	text-align: center;
	color: #ffffff;
	float: left;
	height: 17px;
	list-style-type: none;
	font-size: 8pt;
}
li.swap span {
	display: none;
}

a.menu {
	float: left;
	height: 100%;
	background-position: top;
}
a.menu#filosofia {
	background-image: url(../images/menu_filosofia.gif);
	width: 63px;
}
a.menu#filosofia:hover {
	background-position: bottom;
}
a.menu#filosofia-over {
	background-image: url(../images/menu_filosofia.gif);
	width: 63px;
	background-position: bottom;
}

a.menu#home {
	background-image: url(../images/menu_home.gif);
	width: 83px;
}
a.menu#home:hover {
	background-position: bottom;
}
a.menu#home-over {
	background-image: url(../images/menu_home.gif);
	width: 83px;
	background-position: bottom;
}

a.menu#agenzia {
	background-image: url(../images/menu_agenzia.gif);
	width: 63px;
}
a.menu#agenzia:hover {
	background-position: bottom;
}
a.menu#agenzia-over {
	background-image: url(../images/menu_agenzia.gif);
	width: 63px;
	background-position: bottom;
}

a.menu#servizi {
	background-image: url(../images/menu_servizi.gif);
	width: 63px;
}
a.menu#servizi:hover {
	background-position: bottom;
}
a.menu#servizi-over {
	background-image: url(../images/menu_servizi.gif);
	width: 63px;
	background-position: bottom;
}
a.menu#portfolio {
	background-image: url(../images/menu_portfolio.gif);
	width: 63px;
}
a.menu#partners {
	background-image: url(../images/menu_partners.gif);
	width: 63px;
}
a.menu#portfolio:hover {
	background-position: bottom;
}
a.menu#partners:hover {
	background-position: bottom;
}
a.menu#portfolio-over {
	background-image: url(../images/menu_portfolio.gif);
	width: 63px;
	background-position: bottom;
}
a.menu#partners-over {
	background-image: url(../images/menu_partners.gif);
	width: 63px;
	background-position: bottom;
}
a.menu#news {
	background-image: url(../images/menu_news.gif);
	width: 63px;
}
a.menu#news:hover {
	background-position: bottom;
}
a.menu#news-over {
	background-image: url(../images/menu_news.gif);
	width: 63px;
	background-position: bottom;
}
a.menu#contatti {
	background-image: url(../images/menu_contatti.gif);
	width: 63px;
}
a.menu#contatti:hover {
	background-position: bottom;
}
a.menu#contatti-over {
	background-image: url(../images/menu_contatti.gif);
	width: 63px;
	background-position: bottom;
}
a.menu#utility {
	background-image: url(../images/menu_utility.gif);
	width: 63px;
}
a.menu#utility:hover {
	background-position: bottom;
}
a.menu#utility-over {
	background-image: url(../images/menu_utility.gif);
	width: 63px;
	background-position: bottom;
}
a.menu#prova:hover {
	background-position: bottom;
}
a.menu#prova-over {
	background-image: url(../images/menu_prova.gif);
	width: 63px;
	background-position: bottom;
}


/*  ******************  */
/*   STILI PER I LINK   */
/*  ******************  */
a {
	color: #607889;
	text-decoration: none;
}
a:hover {
	color: #bfc9d0;
	text-decoration: underline;
}

div#separatore {
	position: relative;
	margin: 0px 10px 10px 10px;
	background-color: #607889;
	height: 3px;
	font-size: 1px;
}

div#content {
    
    width: 726px !important;
    width: 776px;
	height: 423px;
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -363px;
	margin-top:0px;
	background-color: #f4f4f4;
	text-align: center;
    padding: 0px;
    border-left: 25px solid #fff;
    border-right: 25px solid #fff;
    border-bottom: 25px solid #fff;
}

/*  ******************  */
/*   COLONNA SINISTRA   */
/*  ******************  */
div#colonna-sx {
	border:0px solid #f00;
	width: 409px;
    float: left;
	text-align: left;
}

/*  ****************  */
/*   COLONNA DESTRA   */
/*  ****************  */
div#colonna-dx {
    border:0px solid #f00;
	width: 293px;
    float: right;
	text-align: left;
}
	
div#colonna-dx-agenzia {
    border:0px solid #f00;
	width: 295px;
    float: right;
	text-align: left;
}

/* ************* */
/* COLONNA UNICA */
/* ************* */
div#colonna-unica {
    width: 711px;
    float: left;
	text-align: left;
}

img.dx {
	border: 1px solid #ffffff;
	margin-top: 5px;
	margin-bottom: 14px;
}

p.news {	
	font-size: 8pt;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
}

/*  ****************************  */
/*   STILI PER SCHEDA AUTOMEZZI   */
/*  ****************************  */
h1 {
	font-size: 12pt;
	font-weight: bold;
	color: #607889;
	text-transform: uppercase;
	margin-bottom: 20px;
}

span.preview-dati {
	position: absolute;
	float: left;
	height: 52px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 0px 0px 0px;
	text-align: right;
	width: 120px;
	right: 115px;
}
span.preview-dati-over {
	position: absolute;
	float: left;
	height: 52px;
	color: #607889;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 0px 0px 0px;
	text-align: right;
	width: 120px;
	right: 115px;
}
span.preview-img img {
	border: 0px solid #ffffff;
}

span.posti {
	font-style: italic;
}

/********/
/* TABS */
/********/
#tab-agenzia {
    background-image: url(../images/tab_agenzia.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 18px;
	border-bottom: 2px solid #C9C3C7;
	margin-top: 11px;
	margin-left: 13px;
}
#tab-partners{
    background-image: url(../images/tab_partners.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 18px;
	border-bottom: 2px solid #C9C3C7;
	margin-left: 13px;
	margin-top: 11px;
}
#tab-lavori-recenti {
	background-image: url(../images/tab_lavori-recenti.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 18px;
	border-bottom: 2px solid #C9C3C7;
	margin-top: 11px;
}

#tab-portfolio {
	background-image: url(../images/tab_esempi.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 18px;
	border-bottom: 2px solid #C9C3C7;
	margin-top: 11px;
	margin-left: 13px;
}
#tab-portfolio2 {
	background-image: url(../images/tab_progetto.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 18px;
	border-bottom: 2px solid #C9C3C7;
	margin-top: 11px;
	margin-left: 13px;
}
#tab-news-right {
	background-image: url(../images/tab_news.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 18px;
	border-bottom: 2px solid #C9C3C7;
	margin-top: 11px;
}
#tab-news-left {
	background-image: url(../images/tab_news.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 18px;
	border-bottom: 2px solid #C9C3C7;
	margin-top: 11px;
    margin-left: 13px;
}
#tab-no-right {
	background-repeat: no-repeat;
	background-position: top left;
	height: 18px;
	border-bottom: 2px solid #C9C3C7;
	margin-top: 11px;
}
#tab-utility {
	background-image: url(../images/tab_utility.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 18px;
	border-bottom: 2px solid #C9C3C7;
	margin-top: 11px;
    margin-left: 13px;
}
#tab-contatti {
	background-image: url(../images/tab_contatti.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 18px;
	border-bottom: 2px solid #C9C3C7;
	margin-top: 11px;
    margin-left: 13px;
}

div#portfolio {
	border-bottom: 1px solid #C9C3C7;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 19px;
	margin-left: 13px;
    height: 141px;
    width: 400px;
}
div#portfolio a {
    width: 91px;
    height: 58px;
    background-color: #b4b4b4;
    padding: 0px;
    border: 3px solid #b4b4b4;
    float: left;
    clear: right;
    margin-right: 2px;
    margin-bottom: 4px;
}
div#portfolio img {
    border: 1px solid #fff;
    margin: 0px;
    padding: 0px;
}
div#portfolio img.zoom-thumb {
    border: 0px solid #b4b4b4;
    
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;  
}

div#info {
	
	float: right;
	padding: 0px;
}

div#info div {
	
}


div#g-sign img {
	float: left;
	margin-right: 10px;
}

div.news {
	text-align: left;
	padding-top: 13px;
	padding-left: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	font-size: 8pt;
}
div.news h5 {
	font-weight: bold;
	font-size: 8pt;
	color: #205F4E;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #205F4E;
	background-image: url(../images/pattern_news.gif);
	background-repeat: repeat-x;
}
div.news p {
	margin-top: 7px;
	color: #8C8C8C;
	font-size: 8pt;
	margin-bottom: 3px;
}

div.continua {
	text-align: right;
	margin-right:10px;
}
div.continua img {
	border: 0px;
}
div.continua span {
	display:none;
}

h3 {
    width: 708px;
    height: 24px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 0px;
    margin-bottom: 3px;
}
h3#graphic-design {
    background-image: url(../images/accord_graphic_design.gif);
}
h3#soluzioni-digitali {
    background-image: url(../images/accord_soluzioni_digitali.gif);
}
h3#fotografia {
    background-image: url(../images/accord_fotografia.gif);
}
h3#video {
    background-image: url(../images/accord_video.gif);
}
h3#design-ambientale {
    background-image: url(../images/accord_design_ambientale.gif);
}
h3#budget-pubblicitari {
    background-image: url(../images/accord_budget.gif);
}
h3#produzione {
    background-image: url(../images/accord_produzione.gif);
}

.stretcher {
    background: none !important;
    background-color: #f4f4f4;
}
.stretcher p {
    float:right;
    width: 419px;
    text-align: justify;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    color: #8C8C8C;
	font-size: 8pt;
    margin-left: 10px;
}

div#filosofia {
    color: #8C8C8C;
    margin-top: 13px;
    margin-left: 13px;
    text-align: justify;
    font-size: 8pt;
}
div#news {
    color: #8C8C8C;
	height:450px;
    margin-top: 13px;
    margin-left: 13px;
    text-align: justify;
	padding-right:10px;
    font-size: 8pt;
	overflow:auto;
}
div#news h5 {
    font-size: 8pt;
    margin-bottom: 0px;
}
div#news h4 {
    color: #205F4E;
    margin-top: 3px;
    text-align: left;
}
div#news p {
    font-size: 8pt;
}
div#filosofia img {
    vertical-align: text-top;
    float: left;
    margin-right: 11px;
}
div#contatti {
    color: #8C8C8C;
    margin-top: 13px;
    margin-left: 13px;
    text-align: justify;
    font-size: 8pt;
}

.servizi-tree {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 27px;
    font-size: 8pt;
    text-align: left;
}
ul.servizi-tree {
    list-style-position: outside;
    list-style-type: disc;
    padding: 0px;
}
.servizi-tree li {
    margin-left: 0px;
    padding: 0px;
}
.servizi-tree li.primo {
    list-style-type: none;
    margin-left: -13px;
    margin-bottom: 5px;
    font-weight: bold;
}
.servizi-tree li.spaziatore {
    list-style-type: none;
    margin-bottom: 5px;
}

form#contatti input, form#contatti textarea {
    width: 263px;
}
form#contatti textarea {
    height: 161px;
}

iframe#portfolio {
    width: 100%;
    overflow: hidden;
}

div.pattern-contatti {
    width: 550px;
    height: 11px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/pattern_45.gif);
	background-repeat: repeat-x;
}

:-moz-any-link:focus {
    outline: none;
}

/* --- STILI PER SPLASH PAGE --- */
div#splash-main {
    width: 746px;
    height: 546px;
    margin-left: auto;
    margin-right: auto;
    border: 25px solid #e9eaec;
    background-image: url(../images/splash-bg.gif);
    background-repeat: repeat-y;
    background-color: #ffffff;
}

div#splash-content {
    width: 746px;
    height: 531px;
}
div#splash-content img {
    margin-top: 58px;
}

div#splash-content img#gspot-design {
    margin-top: 154px;
    margin-left: 519px;
    border: 0px;
}

div#splash-footer {
    width: 746px;
    height: 15px;
    background-image: url(../images/splash-footer.gif);
    background-repeat: none;
}

/* --- STILI PER PULSANTI SEZIONI PORTFOLIO --- */
.pulsante-sez-portfolio {
    display: block;
    margin-top: 10px;
    margin-left: 25px;
}

div#admin {
    color: #8C8C8C;
	margin-right:10px;
    margin-top: 15px;
    margin-left: 13px;
    text-align: justify;
    font-size: 8pt;
}
#colonna-sx-admin{
	height:680px;
	color: #8C8C8C;
    margin-top: 15px;
    margin-left: 13px;
    text-align: justify;
    font-size: 8pt;
	overflow:auto;
}
div#admin-dx {
    color: #8C8C8C;
	height:450px;
	margin-right: 20px;
	margin-top: 13px;
    text-align: justify;
    font-size: 8pt;
	overflow:auto;
}

#campin{
	margin-left:40px;
}
.titolonews {
	font-weight: bold;
}
#newsdx{
	margin-right:10px;
	font-size:11px;
	}
div#partners-sx{
border:0px solid #f00;
	position:relative;
	width:100px;
	float:left;
	margin-top:10px;
	}
	
div#partners-dx{
border:0px solid #f00;
	position:relative;
	width:570px;
	float:right;
	font-size:7pt;
	margin-top:20px;
	}
div#partners-cont{
    color: #8C8C8C;
    margin-top: 13px;
    margin-left: 13px;
	margin-right: 13px;
    text-align: justify;
	font-size:8pt;
}

div#partners-sx-imprese{
border:0px solid #f00;
	position:relative;
	width:100px;
	margin-left:13px;
	margin-top:10px;
}
	
div#partners-dx-imprese{
border:0px solid #f00;
	position:relative;
	width:570px;
	font-size:7pt;
	margin-top:20px;
	left:129px;
	top:-100px;
	}
	
div#brand a:hover{
background: url("../images/brandvideoscuro.gif") no-repeat top center;
color:#fff;
text-decoration:none;
}