/*------------------------------------------------------------
  filename: gpl.css
  content: Stili CSS per il sito della Global Point Lucca
  author: Federica Milella
  date: 01 settembre 2008
------------------------------------------------------------*/
/*
     impostazioni generali della pagina
------------------------------------------------------------*/
html, body {
	margin: 20px 0;
	text-align: justify;
	color: #b6cbd9;
}
html {
	background-color: #040912;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p {
	margin: 0;
	padding: 0;
}
/*
     stili dei contenitori
------------------------------------------------------------*/
div#contenitore {
	width: 960px;
	height: auto;
	background-image: url(immagini/sfondo-contenitore.gif);
	margin: 0 auto;
}
div#intestazione {
	width: 960px;
	height: 115px;
	background-image: url(immagini/sfondo-intestazione.png);
}
div#descrizione {
	width: 460px;
	height: 200px;
	background-image: url(immagini/descrizione.png);
	padding: 50px 250px;
}
.servizi {
	width: 306px;
	height: auto;
	margin-left: 9px;
	float: left;
	display: inline;
}
#menu, #piede {
	width: 960px;
	clear: both;
}
div#dove {
	width: 958px;
	height: 550px;
	padding-top: 50px;
	text-align: center;
	border-left: solid #082246 1px;
	border-right: solid #082246 1px;
	background-image: url(immagini/dove.png);
}
div#map {
	height: 450px;
	width: 600px;
	margin: auto;
}
/*
     stili dei link
------------------------------------------------------------*/
img {
	border: none;
}
.servizi a, .servizi a:visited, #dove a, #dove a:visited {
	color: #b6cbd9;
	text-decoration: none;
	font-weight: bold;
}
.servizi a:hover, #dove a:hover {
	color: #df0021;
}
#menu a, #menu a:visited {
	color: #6583a4;
	text-decoration: none;
}
#menu a:hover {
	color: #df0021;
}
#piede a, #piede a:visited {
	color: #6583a4;
	text-decoration: none;
}
#piede a:hover {
	color: #ff0;
}

/*
     stili dei testi
------------------------------------------------------------*/
#intestazione p {
	padding-left: 352px;
	padding-top: 14px;
	color: #061630;
	font-weight: bold;
	line-height: 26px;
}
#descrizione h1 {
	color: #b6cbd9;
	font-size: 14px;
	font-weight: bold;
	border-left: solid #df0021 3px;
	padding: 0 5px;
}
#descrizione p, #dove p {
	color: #6583a4;
	line-height: 18px;
}
.servizi h1 {
	color: #b6cbd9;
	font-size: 14px;
	font-weight: bold;
	border-left: solid #df0021 3px;
	padding: 0 5px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 25px;
}
.servizi h2 {
	color: #b6cbd9;
	font-size: 12px;
	font-weight: bold;
	padding: 0 8px;
}
.servizi p, .servizi ul {
	color: #6583a4;
	padding: 0 8px;
}
.servizi ul {
	color: #6583a4;
	padding: 0 8px;
	margin-left: 14px;
}
#menu p {
	color: #df0021;
	padding: 10px;
	text-align: center;
	font-size: 10px;
	border-bottom: solid #092a4b 1px;
}
#piede p {
	color: #444;
	padding: 10px;
	font-size: 10px;
	border-bottom: solid #092a4b 1px;
}
.giallo {
	color: #df0021;
}
.right {
	text-align: right;
}
.chiaro {
	color: #b6cbd9;
	font-weight: bold;
}
.flash {
	margin-bottom: 35px;
	text-align: center;
}
/*
     MEDIAZIONE - stili dei contenitori
-------------------------------------------------------------------------------------------------------------------------------------*/
div#med-intestazione {
	width: 960px;
	height: 115px;
	background-image: url(immagini/mediazione/mediazione-intestazione.png);
}
div#med-descrizione {
	width: 460px;
	height: 200px;
	background-image: url(immagini/descrizione.png);
	padding: 50px 250px;
}
.med-servizi {
	width: 940px;
	height: auto;
	margin-left: 9px;
	float: left;
	display: inline;
	background-color: #081f43;
	border: solid #444 1px;
}
#med-menu, #med-piede {
	width: 960px;
	clear: both;
}
/*
     stili dei testi
------------------------------------------------------------*/
#med-intestazione p {
	padding-left: 352px;
	padding-top: 14px;
	color: #1f2d7a;
	font-weight: bold;
	line-height: 26px;
}
#med-descrizione h1 {
	color: #b6cbd9;
	font-size: 14px;
	font-weight: bold;
	border-left: solid #0c0 3px;
	padding: 0 5px;
}
#med-descrizione p {
	color: #6583a4;
	line-height: 18px;
}
.med-servizi h1 {
	color: #b6cbd9;
	font-size: 14px;
	font-weight: bold;
	border-left: solid #0c0 3px;
	padding: 0 5px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 25px;
}
.med-servizi h2 {
	color: #b6cbd9;
	font-size: 12px;
	font-weight: bold;
	padding: 0 8px;
}
.med-servizi p, med-.servizi ul {
	color: #6583a4;
	padding: 0 8px;
	line-height: 18px;
}
.med-servizi ul {
	color: #6583a4;
	padding: 0 8px;
	line-height: 18px;
	list-style: none;
}
.med-servizi li {
	background-image: url(immagini/mediazione/ul.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 15px;
}
.med-chiaro {
	color: #b6cbd9;
	font-weight: bold;
}
#med-menu p {
	color: #0c0;
	padding: 10px;
	text-align: center;
	font-size: 10px;
	border-bottom: solid #092a4b 1px;
}
#med-piede p {
	color: #444;
	padding: 10px;
	font-size: 10px;
	border-bottom: solid #092a4b 1px;
}
.med-bordo {
	border: solid #0c0 2px;
}

/*
     stili dei link
------------------------------------------------------------*/
.med-servizi a, med-.servizi a:visited {
	color: #b6cbd9;
	text-decoration: none;
	font-weight: bold;
}
.med-servizi a:hover {
	color: #0c0;
}
#med-menu a, #med-menu a:visited {
	color: #6583a4;
	text-decoration: none;
}
#med-menu a:hover {
	color: #0c0;
}
#med-piede a, #med-piede a:visited {
	color: #6583a4;
	text-decoration: none;
}
#med-piede a:hover {
	color: #0c0;
}
/*
     FOTOVOLTAICO - stili dei contenitori
-------------------------------------------------------------------------------------------------------------------------------------*/
div#fot-intestazione {
	width: 960px;
	height: 115px;
	background-image: url(immagini/mediazione/mediazione-intestazione.png);
}
div#fot-descrizione {
	width: 460px;
	height: 200px;
	background-image: url(immagini/descrizione.png);
	padding: 50px 250px;
}
.fot-servizi {
	width: 940px;
	height: auto;
	margin-left: 9px;
	float: left;
	display: inline;
	background-color: #081f43;
	border: solid #444 1px;
}
#fot-menu, #fot-piede {
	width: 960px;
	clear: both;
}
/*
     stili dei testi
------------------------------------------------------------*/
#fot-intestazione p {
	padding-left: 352px;
	padding-top: 14px;
	color: #1f2d7a;
	font-weight: bold;
	line-height: 26px;
}
#fot-descrizione h1 {
	color: #b6cbd9;
	font-size: 14px;
	font-weight: bold;
	border-left: solid #fd8e40 3px;
	padding: 0 5px;
}
#fot-descrizione p {
	color: #6583a4;
	line-height: 18px;
}
.fot-servizi h1 {
	color: #b6cbd9;
	font-size: 14px;
	font-weight: bold;
	border-left: solid #fd8e40 3px;
	padding: 0 5px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 25px;
}
.fot-servizi h2 {
	color: #b6cbd9;
	font-size: 12px;
	font-weight: bold;
	padding: 0 8px;
}
.fot-servizi p, fot-.servizi ul {
	color: #6583a4;
	padding: 0 8px;
	line-height: 18px;
}
.fot-servizi ul {
	color: #6583a4;
	padding: 0 8px;
	margin-left: 14px;
	line-height: 18px;
	list-style: none;
}
.fot-servizi li {
	background-image: url(immagini/fotovoltaico/ul.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	bottom: 0;
}
.fot-chiaro {
	color: #b6cbd9;
	font-weight: bold;
}
.arancio {
	color: #fd8e40;
	font-weight: bold;
}
#fot-menu p {
	color: #fd8e40;
	padding: 10px;
	text-align: center;
	font-size: 10px;
	border-bottom: solid #092a4b 1px;
}
#fot-piede p {
	color: #444;
	padding: 10px;
	font-size: 10px;
	border-bottom: solid #092a4b 1px;
}

/*
     stili dei link
------------------------------------------------------------*/
.fot-servizi a, fot-.servizi a:visited {
	color: #b6cbd9;
	text-decoration: none;
	font-weight: bold;
}
.fot-servizi a:hover {
	color: #fd8e40;
}
#fot-menu a, #fot-menu a:visited {
	color: #6583a4;
	text-decoration: none;
}
#fot-menu a:hover {
	color: #fd8e40;
}
#fot-piede a, #fot-piede a:visited {
	color: #6583a4;
	text-decoration: none;
}
#fot-piede a:hover {
	color: #fd8e40;
}
.pdf li {
	background-image: url(immagini/pdf-ico.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
}