﻿/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Haston & Aston
Version:	2.0
Starting Work: 26/05/08
Assigned to:	eCubecenter www.ecubecenter.it
Primary use:	Website
-------------------------------------------------------------------*/

@import "home.css"; /* QUESTO CSS DEFINISCE GLI STILI DELL'HOMEPAGE DEL SITO */
@import "chi-siamo.css"; /* QUESTO CSS DEFINISCE GLI STILI DELLA PAGINA DEL CHI SIAMO */
@import "servizi.css"; /* QUESTO CSS DEFINISCE GLI STILI DELLA PAGINA DEI SERVIZI */
@import "immobili.css"; /* QUESTO CSS DEFINISCE GLI STILI DEGLI IMMOBILI */
@import "contatti.css"; /* QUESTO CSS DEFINISCE GLI STILI DEI CONTATTI */
@import "mappa-sito.css"; /* QUESTO CSS DEFINISCE GLI STILI DELLA MAPPA DEL SITO */
@import "news.css"; /* QUESTO CSS DEFINISCE GLI STILI DELLE NEWS */
@import "staff.css"; /* QUESTO CSS DEFINISCE GLI STILI DELLO STAFF */
 @import "cantieri.css"; /* QUESTO CSS DEFINISCE GLI STILI DEI CANTIERI */ 
/*------------------------------------------------------------------
[Layout Pagine Sito]

* body
	+ Contenitore del sito / #contenitoreSito
		+ Testata / #testata
			- Logo / H1
			- Link Inglese e Partners / #boxInglese
			- Menu di navigazione / #menu
			
		+ Immagini pagine interne / fotoInterni	
			- Indirizzo / .indirizzo
		
		+ Contenitore pagine interne / #contenutiPagina
	
        + Footer / #footer
            - Link a sinistra / #links
            - Indirizzo a destra / #indirizzo
* body
——————————————————————————————————————————————————————————————————-*/

html {
	scrollbar-face-color:#4d7194;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#808080;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#808080;
}

/* CONTENITORE DEL SITO */
#contenitoreSito
{
	display: block;
	float: none;
	clear: both;
	margin: auto;
	width: 960px;
	margin-top: 10px;
}
/* CONTENITORE DEL SITO */

/* TESTATA */
#contenitoreSito #testata {
	display: block;
	float: left;
	clear: both;
	background-color: #FFFFFF;
	border-left: 10px solid #4d7194;
	border-right: 10px solid #4d7194;
	width: 940px;	
}	
#contenitoreSito #testata h1{
	display: block;
	float: left;
	width: 210px;
	padding-left: 24px;
}
#contenitoreSito #testata h1 span{
	display: none;
}
#contenitoreSito #boxInglese
{
    display: block;
    float: right;
    width: 170px;
    margin: 5px 17px 0px 0px;
} 
#contenitoreSito #boxInglese a
{
    display: block;
    float: left;
    color: #FFF;
    text-decoration: none;
    background-position: left;
    background-repeat: no-repeat;
}
#contenitoreSito #boxInglese a.ingleseBt
{
    background-image: url(/img/comuni/ingleseBt.gif);
    padding: 4px 17px 4px 32px;
}
#contenitoreSito #boxInglese a.partnerBt
{
    background-image: url(/img/comuni/partnerBt.gif);
    padding: 4px 24px 4px 10px;
}	
/* TESTATA */

/* MENU' DI NAVIGAZIONE */
#contenitoreSito #menu
{
    display: block;
    float: right;
	width: 680px;
	padding-right: 15px;
    text-align: right;
    margin: 0px;
}
#contenitoreSito #menu ul
{
	display: block;
	float: right;
	clear: both;
	margin: 30px 20px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#contenitoreSito #menu ul li
{
    display: inline;
    float: left;
}
#contenitoreSito #menu ul li a
{
    display: block;
    padding: 0px 4px 0px 4px;
    border-right: 1px solid #003366;
    color: #003366;
    text-decoration: none;
}
#contenitoreSito #menu ul li a.ultimaVoce
{
    border: none;
}   
#contenitoreSito #menu ul li a:hover
{
    color: #ff8b00;
}
#contenitoreSito #menu ul.jd_menu ul
{
	display: none;
	list-style-type: none;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	position: absolute;
	z-index: 10000;
	background-color: #fff;
	border: 1px solid #137b58;
	border-top: none;
}
#contenitoreSito #menu ul.jd_menu li
{
	float: left;
	background-color: #fff;
}
#contenitoreSito #menu ul.jd_menu ul li, 
#contenitoreSito #menu ul.jd_menu ul li a
{
	display: block;
	float: none;
}
#contenitoreSito #menu ul.jd_menu ul li a
{
	background-color: #fff;
	text-align: left;
	border-right: none;
	padding: 4px 0px 2px 7px;
}
#contenitoreSito #menu ul.jdm_events li
{
	width: 150px;
	border-top: 1px solid #137b58;
}
/* MENU' DI NAVIGAZIONE */


/* FOTO PAGINE INTERNE */
#contenitoreSito #fotoInterni{
	display: block;
	float: left;
	clear: both;
	border-left: 10px solid #4d7194;
	border-right: 10px solid #4d7194;
	width: 940px;
    background-image: url(/img/comuni/foto-interni.gif);
	background-repeat: no-repeat;
}
#contenitoreSito #fotoInterni .indirizzo{
	display: block;
	float: right;
	color: #fff;
	text-align: right;
	padding: 28px 40px 28px 0px;
}
#contenitoreSito #fotoInterni .indirizzo a{
	color: #fff;
}
/* FOTO PAGINE INTERNE */

/* CONTENUTI DELLA PAGINA */
#contenitoreSito  #contenutiPagina {
	display: block;
	float: left;
	clear: both;
	background-color: #fff;
	border-left: 10px solid #4d7194;
	border-right: 10px solid #4d7194;
	width: 900px;
	padding: 0px 20px 20px 20px;
	font-size: 12px;
	line-height: 18px;	
}
/* CONTENUTI DELLA PAGINA */

/* NAVIGATION BAR */
#contenitoreSito  #contenutiPagina #navBar{
	display: block;
	float: left;
	clear: both;
	border-bottom: 1px solid #f8bb49;
	margin-bottom: 20px;
	padding: 5px 0px 5px 0px;
	width: 100%;
}
#contenitoreSito  #contenutiPagina #navBar a{
	color: #f37423;
	font-weight: bold;
}
/* NAVIGATION BAR */

/* FOOTER */
#contenitoreSito #footer {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin: auto;
	padding: 24px 0px 10px 0px;
	color: #fff;
	background-image: url(/img/comuni/sfondo-footer.gif);
	background-repeat: no-repeat;
}
#contenitoreSito #footer #links {
    display: block;
    float: left;
	padding-left: 40px;
}
#contenitoreSito #footer #links a {
    color: #FFF;
    text-decoration: underline;
}   
#contenitoreSito #footer #indirizzo {
    display: block;
    float: right;
	margin-right: 40px; 
}
#contenitoreSito #footer #indirizzo a{	
	color: #fff; 
}
/* FOOTER */

/*------------------------------------------------------------------
[Stili comuni a tutte le pagine]
——————————————————————————————————————————————————————————————————-*/


/* STILI COMUNI */
html,body
{
    background-color: #003366;
    margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 11px;
	color: #444242;
}
.empty {
	display: block;
	float: none;
	clear: both;
}
a {
	text-decoration: underline;
	color: #003366;
}
a:hover {
	text-decoration: none;
} 
.row {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin: 0px 0px 10px 0px;
}
.blocco {
	display: block;
	float: left;
	width: 49%;
	height:40px;
}
img {
    border: 0px;
}
.imgDX {
	display: block;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
/* STILI COMUNI */

/* STILI COMUNI DEI TITOLI */
h1 {
	font-family: Times New Roman;
	font-size: 25px;
	color: #00704A;
	float: left;
	display: block;
	clear: left;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight: normal;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #f37423;
	margin: 0px 0px 15px 0px;
	text-transform: uppercase;
}
h3 {
	font-size: 15px;
	color: #ec6a17;
	margin: 0px 0px 8px 0px;
}
h4 {
	font-size: 12px;
}
p {
	margin: 0px 0px 10px 0px;
}
/* STILI COMUNI DEI TITOLI */

/* STILI COMUNI DEI FORM */
form
{
	margin: 0px;
	padding: 0px;
}
textarea, input, select, button, .button
{
	font-family: Tahoma;
	font-size: 12px;
	padding-left: 3px;
	color: #666666;
	border: 1px solid #ccc;
}
button, .button {
	cursor: pointer;
	border: none;
}
ul {
	list-style-type: square;
}
input.invalid, textarea.invalid {
	border-color: #f20;
	background-color: #fdeade;
}
label.invalid {
	border: 1px solid #f20;
	background-color: #fdeade;	
}
/* STILI COMUNI DEI FORM */




/*------------------------------------------------------------------

[Layout Pagina di risposta]

	+ Pagina di risposta dei contatti / #paginaRisposta
		- Immagine della pagina di risposta / .imgRisposta
		- Testo della pagina di risposta / .TxtRisposta		

------------------------------------------------------------------*/

/* PAGINA DI RISPOSTA */
#paginaRisposta{
	display: block;
	float: left;
	padding-top: 55px;
	padding-bottom: 55px;	
	width: 99.7%;
	background-color: #fff;
	margin-top: 10px;
	border: 1px dotted #ccc;
}
#paginaRisposta .imgRisposta{
	display: block;
	float: left;
	width: 30%;
	padding-right: 10px;
	text-align: right;
}
#paginaRisposta .txtRisposta{
	display: block;
	float: left;
	width: 65%;
	padding-top: 25px;
	text-align: left;
}
/* PAGINA DI RISPOSTA */


/* PAGINA DI AFFIDACI INCARICO */
#contenitoreSito #contenutiPagina .quotidiani
{
	display: block;
	float: left;
	margin-right: 15px;
	padding: 7px 5px 7px 5px;
	background-color: #EAEAEA;
}
#contenitoreSito #contenutiPagina .quotidiani a
{
	display: block;
	float: left;
	background-color: #fff;
	width: 115px;
	text-align: center;
	padding: 0px 2px 0px 2px;
	margin: 0px 2px 0px 2px !important;
	margin: 0px 1px 0px 1px;	
}
#contenitoreSito #contenutiPagina .quotidiani a:hover
{
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}
#contenitoreSito #contenutiPagina .vantaggi
{
	display: block;
	float: right;
	text-align: center;
	margin-left: 15px;
	padding: 7px 5px 7px 5px;
	background-color: #EAEAEA;
}
#contenitoreSito #contenutiPagina .vantaggi:hover
{
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}
#contenitoreSito #contenutiPagina .cartellonistica
{
	display: block;
	float: left;
	clear: both;
	width: 890px;
	padding: 7px 5px 7px 5px;
	background-color: #EAEAEA;
}
#contenitoreSito #contenutiPagina .cartellonistica a
{
	display: block;
	float: left;
	padding: 4px;
	width: 164px;
	text-align: center;
	background-color: #fff;
	margin: 0px 3px 0px 3px !important;
	margin: 0px 2px 0px 2px;
}
#contenitoreSito #contenutiPagina .cartellonistica a:hover
{
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}
#contenitoreSito #contenutiPagina .cartellonistica a span
{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	background-color: #003366;
	color: #fff;
}
/* PAGINA DI AFFIDACI INCARICO */

/* PAGINA INGLESE */
#contenitoreSito #contenutiPagina .fotoInglese {
	display: block;
	float: right;
	border: 1px solid #ccc;
	padding: 5px;
}
#contenitoreSito #contenutiPagina .fotoInglese img{
	display: block;
	float: none;
	clear: both;
}
#contenitoreSito #contenutiPagina .inglese {
	display: block;
	float: left;
	width: 500px;
	height: 460px;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	padding: 10px;
}
#contenitoreSito #contenutiPagina .inglese .gruppo {
	display: block;
	float: left;
	clear: both;
	width: 500px;
	border-bottom: 1px dotted #ccc;
	padding: 14px 0px 14px 0px;
}
#contenitoreSito #contenutiPagina .inglese .ultimo{
	border-bottom: none;
}
#contenitoreSito #contenutiPagina .inglese h3 {
	display: block;
	float: left;
	width: 130px;
	margin: 2px;
	text-align: left;
	font-size: 12px;
	padding-bottom: 3px;
	background-image: url(/img/english/freccia.gif);
	background-repeat: no-repeat;
	background-position: 120px 5px;
}
#contenitoreSito #contenutiPagina .inglese p {
	display: block;
	float: left;
	text-align: left;
	width: 360px;
	padding: 2px 0px 0px 4px;
	margin: 0px;
}
/* PAGINA INGLESE */

/* PAGINAZIONE */
.paginazione {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	background-color: #ffb65f;
}
.paginazione .numero_corrente {
	display: inline-block;
	padding: 5px;
	background-color: #ff5700;
	border-right: 3px solid #fff;
	color: #fff;
	font-weight: bold;
}
.paginazione a{
	display: inline-block;
	padding: 5px;
	background-color: #ffb65f;
	border-right: 3px solid #fff;	
	color: #fff;
	font-weight: bold;
}
.paginazione a:hover{
	color: #ff5700;
	background-color: #fff;
	font-weight: bold;
}
/* PAGINAZIONE */
