/***********************************************************************************/
/*	 Foglio di stile del sito http://www.naturagiuridica.com/ - Alex Della Marra   */
/***********************************************************************************/

/* ---------------- SEZIONE GENERICA ---------------- */

* {padding:0; margin:0; }*

/*** Corpo della pagina ***/
body {
  background-color: #ffffff;
	color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/*Riquadro principale Home Page con immagine di sfondo*/
#paginaHome {
	position: relative;
	margin: 10px auto;  /*Margini dagli oggetti circostanti */
  padding: 0px;
  width: 952px;
  height: 1502px;
	background-image: url("img/sfondoHome.jpg");
}

/*Riquadro principale Landing1 con immagine di sfondo*/
#paginaLanding1 {
	position: relative;
	margin: 10px auto;  /*Margini dagli oggetti circostanti */
  padding: 0px;
  width: 952px;
  height: 1502px;
}

/*Riquadro principale Landing2 con immagine di sfondo*/
#paginaLanding2 {
	position: relative;
	margin: 10px auto;  /*Margini dagli oggetti circostanti */
  padding: 0px;
  width: 952px;
  height: 1502px;
	background-image: url("img/sfondoLanding2.jpg");
}

/*Riquadro principale LandingMappa con immagine di sfondo*/
#paginaLandingMappa {
	position: relative;
	margin: 10px auto;  /*Margini dagli oggetti circostanti */
  padding: 0px;
  width: 952px;
  height: 1502px;
	background-image: url("img/sfondoLandingMappa.jpg");
}

/*Blocco di completamento intestazione*/
#cappello {
	position: absolute;
	top: 0px;
	left: 0px;	
  padding: 5px;
  width: 940px;
  height: 105px;
}

/*Immagine con testo di dedica*/
#dedica {
	position: absolute;
	bottom: 3px;
	left: 380px;
}

/*H1 dentro cappello*/
#mainDescr {
	position: absolute;
	top: 40px;
	left: 90px;	
  padding: 5px;
  width: 105px;
  height: 45px;
  font-size: 13px;
  font-family: Verdana;
  text-align: center;
}

/*Logo principale*/
#bloccoLogo {
	position: absolute;
	top: 5px;
	left: 220px;	
  border-width: 0px;
}

/*Logo di completamento*/
#completamCappello {
	position: absolute;
	top: 5px;
	right: 5px;	
  border-width: 0px;
}

/*Barra menu orizzontali*/
#barraMenu {
	position: absolute;
	top: 116px;
	left: 2px;
  padding-top: 6px;
  width: 948px;
  height: 24px;
  text-align: center;
	background-image: url("img/barraMenu.jpg");
}

/*Riquadri di link per immagini su sfondo*/
.divFintoLink {
  position: absolute;
  cursor: pointer;
  z-index: 99;
}

/*COLONNA SINISTRA*/
#boxSx {
	position: absolute;
	top: 150px;
	left: 0px;	
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  width: 190px;
  height: 1220px;
  text-align: center;
}

/*Blocco 1S pubblicità*/
#banner1S {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
	width: 180px;
	height: 150px;	
	border: 1px;
	border-color: #000000;
	border-style: solid;
}

/*Pulsanti menu sx*/
.pulsanteMenu {
	margin: 6px auto;  /*Margini dagli oggetti circostanti */
	padding-top: 3px;
  width: 170px;
  height: 17px;
  border-width: 1px;
  border-style: solid;
  background-image: url("img/sfondoPulsanti.gif");
  background-repeat: repeat-y;
}
.pulsanteMenuHover {
	margin: 6px auto;  /*Margini dagli oggetti circostanti */
	padding-top: 3px;
  width: 170px;
  height: 17px;
  border-width: 1px;
  border-style: solid;
  background-image: url("img/sfondoPulsantiHover.gif");
  background-repeat: repeat-x;
}

#lavagna {
  padding-top: 70px;
  padding-left: 16px;
	margin: 15px auto;  /*Margini dagli oggetti circostanti */
  width: 137px;
  height: 93px;
  text-align: left;
  background-image: url("img/lavagnaSolo.jpg");
}

.linkLavagna {
  margin: 2px;
}

/*Blocco 2S pubblicità*/
#banner2S {
  margin: 10px auto;  /*Margini dagli oggetti circostanti */
	width: 120px;
	height: 240px;
	border: 1px;
	border-color: #000000;
	border-style: solid;
}

#safeLinks {
  position: absolute;
  top: 230px;
  left: 30px;
  width: 140px;
  color:#FFFFFF;
  text-align: left;
}

a:link.safeLink {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

a:visited.safeLink {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

/*COLONNA DESTRA*/
#boxDx {
	position: absolute;
	top: 150px;
	left: 749px;
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  width: 195px;
  height: 1235px;
  text-align: center;  
}

/* Riquadro "ricerca" (cappello del box DX)*/
#cappelloBoxDx {
	position: absolute;
	top: 0px;
	left: 5px;
  width: 195px;
  height: 65px;
  overflow: hidden;
}

/*Testo "Cerca nel sito"*/
#cercaNelSito {
	position: absolute;
	top: 10px;
	left: 60px;
  font-size: 13px;
  font-weight: bold;
  font-family: Verdana;
  text-align: center;	
  color: #272070;
}

/*Testo di ricerca*/
.ricercaTxt {
	position: absolute;
	top: 35px;
	left: 40px;
	width: 90px;
	height: 18px;
	font-size: 10px;	
	border: 1px;
	background: #E9EEE5;
	border-color: #D74C3A;
	border-style: solid;	
}

/*Pulsante di ricerca*/
#ricercaCmd {
	position: absolute;
	top: 35px;
	left: 140px;
	font-size: 15px;
	border: 1px;
	border-color: #63B46C;
	border-style: solid;	
}

/* Riquadro contenuti del box Dx (sotto "ricerca") */
#contenutoBoxDx {
	position: absolute;
	top: 75px;
	left: 5px;
  width: 195px;
  height: 1140px;
}

/*Blocco strumenti di Login*/
#bloccoLogin {
  position: relative;
	width: 190px;
	height: 60px;
}

/*Scritta LOGIN*/
#scrittaLogin {
  position: relative;
  margin: 0px auto;
  border: 0px;
}

/*Campi di login*/
.campiLogin {
  position: absolute;
  top: 22px;
	width: 70px;
	height: 21px;
	font-size: 12px;
	border: 1px;
	background: #E9EEE5;
	border-color: #63B46C;
	border-style: solid;	
}

/*Pulsante di login*/
#loginCmd {
  position: absolute;
  top: 22px;
	border: 1px;
	border-color: #63B46C;
	border-style: solid;	
}

/*Riquadro dell'area utilities sotto il login*/
#bloccoUtility {
  position: relative;
	width: 190px;
	font-family: Verdana;
}

/*Blocco 1D pubblicità*/
#banner1D {
  margin: 20px auto 10px auto;
	width: 180px;
	height: 150px;	
	border: 1px;
	border-color: #000000;
	border-style: solid;
}

/*Blocco 2D pubblicità*/
#banner2D {
  margin: 20px auto 10px auto;
	width: 180px;
	height: 150px;
	border: 1px;
	border-color: #000000;
	border-style: solid;
}

/* Widget blog */
#widget {
  margin: 10px auto;
  width: 170px;
  height: 423px;
}

/* Recensioni */
#recensioniBox {
  position: relative;
  margin: 10px auto;
  width: 172px;
  height: 135px;
  background-image: url("img/boxRecensioni.jpg");
}

#imgRecensione {
  position: absolute;
  top: 40px;
  left: 10px;
  border-width: 0px;
}

#testiRecensione {
  position: absolute;
  top: 38px;
  left: 65px;
  width: 90px;
  height: 75px;
  font-size: 10px;
  text-align: left;
  overflow: hidden;
}

/* Immagine mese */
#imgMeseBox {
  position: relative;
  margin: 10px auto;
  padding-top: 32px;
  width: 174px;
  height: 98px;
  background-image: url("img/boxImgMese.jpg");
}

/* Video */
#videoBox {
  margin: 10px auto;
	width: 180px;
	height: 150px;
	border: 1px;
	border-color: #000000;
	border-style: solid;
	background-image: url("img/_tmpPubblicita.gif");
}

/*AREA CENTRALE*/
/*Feed e Calendario*/
#banner {
	position: absolute;
	top: 145px;
	left: 200px;
  padding: 5px;
  width: 540px;
  height: 75px; 
}

/*Riquadri dei link partners e links in intestazione*/
.partnerLinkDiv {
	position: absolute;
	left: 13px;
}

a:link.partnerLink {
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}

a:visited.partnerLink {
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}

/*Messaggio di benvenuto per utente*/
#benvenuto {
	position: absolute;
	top: 45px;
	left: 5px;
	padding-left: 5px;
	height: 29px;
	width: 99px;   
  font-size: 11px;
}
  
/*Calendario dinamico*/
#calendario {
	position: absolute;
	top: 5px;
	right: 5px;
}

/* Contenuto della pagina */
#contenuto {
	position: absolute;
	top: 230px;
	left: 200px;
  padding: 10px;
  width: 529px;
  height: 1160px;
}

/*Sezione dedicata all'editoriale*/
#editoriale {
	position: absolute;
	top: 46px;
  padding: 5px;
  width: 520px; 
  height: 65px;
  font-size: 11px;
  font-family: Verdana;
  text-align: justify;
  overflow: hidden;
}

/*Titolo dell'editoriale in HP - larghezza ridotta per non sovrapp. con data ins*/
p.titoloEditorialeHP {
  position: relative;
  left: 75px;
  width: 445px;
  text-align: justify;
}

/*Fascia di chiusura in basso*/
#chiusura {
	position: absolute;
	top: 1410px;
	left: 0px;	
	height: 80px;
  width: 940px;	
}

/*Campi di input a dimensione ridotta*/
input.ridotto {
   font-size: 11px;
}
select.ridotto {
   font-size: 11px;
}

/*Riquadro contenente testo "continua..."*/
.continua {
	position: absolute;
	bottom: 0px;
	right: 1px;
	height: 15px;
  width: 65px;
  font-size: 11px;
  font-family: Verdana;
  font-style: italic;
  text-align: right;
}

/*Riquadro contenente data*/
.dataIns {
	position: absolute;
	right: 0px;
	height: 15px;
  width: 78px;
  font-size: 11px;
  font-family: Verdana;
  font-style: italic;
  text-align: right;
  color: #1d429a;
}

/*Riquadro contenente la sequenza dei numeri di pagina*/
#pagine {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 15px;
  width: 150px;
  font-size: 10px;
  font-family: Verdana;
  font-weight: bold;
  text-align: right;
}

/*H1 titolo LP*/
#mainTitle {
	position: absolute;
	top: 30px;
	left: 70px;
  padding: 5px;
  width: 660px;
  height: 20px;
  font-size: 12px;
  font-family: Verdana;
  color: #1d429a;
  text-align: left;
}

/*Titolo H1 del riquadro di spiegazione dell'area*/
#areaH1 {
  position: absolute;
  left: 10px;
  top: 65px;
  width: 526px;
	padding: 3px;
  font-size: 14px;
  font-family: Verdana;
  text-align: justify;
}

/*Spiegazione dell'area in pagina 1*/
#areaSpiegazione {
  position: absolute;
  left: 10px;
  top: 100px;
  width: 526px; /*Originale: 526px*/
	padding-left: 3px; /*Originale: 3px*/
	padding-right: 3px; /*Originale: 3px*/
	padding-top: 3px;
	padding-bottom: 3px;
  font-size: 12px;
  font-family: Verdana;
  text-align: justify;
  line-height: 20px;
}

/*Riquadro titolo notizie (HomePage e LP)*/
.titoloVoce {
  position: absolute;
  left: 10px;
  width: 524px;
	height: 26px;
	padding: 3px;
  font-size: 11px;
  font-family: Verdana;
  text-align: justify;
}

/*Immagine Materia (HomePage)*/
.imgHPMateria {
  position: absolute;
  border: 0px;
}

/*Riquadro abstractS notizie (HomePage)*/
.abstractSVoce {
  position: absolute;
  width: 448px;	
	height: 50px;
	padding: 2px;
  font-size: 11px;
  font-family: Verdana;
  text-align: justify;
  overflow: hidden;
}

/*Riquadro abstract notizie (LP)*/
.abstractVoce {
  position: absolute;
  left: 10px;
  width: 526px;
	height: 110px;
	padding: 2px;
  font-size: 11px;
  font-family: Verdana;
  text-align: justify;
  overflow: hidden;
}

/*Riquadro invia e scarica notizia (LP)*/
.sendDownVoce {
  position: absolute;
  left: 10px;
  width: 526px;
	height: 20px;
	padding: 2px;
  text-align: left;
}

/*Testo del "sendDownVoce" (ripetuto due volte nel div contenitore)*/
.sendDownParte {
  position: absolute;
  padding: 0px;
  margin: 0px;
  text-align: right;
}

/*Riquadro dei contenuti, nel blocco centrale, delle LP2*/
#contenutiLP2 {
	position: absolute;
	top: 80px;
	left: 10px;
  padding: 5px;
  width: 485px;
  height: 1080px;
  font-size: 12px;
  text-align: justify;
}

/*Titolo del riquadro foto del mese*/
p.titoloFoto {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

/*Riquadro dei contenuti principali (parte alta) nelle LP2*/
#contenutiLP2Main {
	position: absolute;
	top: 0px;
	left: 0px;
  width: 485px;
  height: 760px;
  padding-right: 4px;
  font-size: 12px;
  text-align: justify;
  overflow: auto;
}

/*Titolo del riquadro lista contenuti*/
p.titoloPrecedenti {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

/*Riquadro della lista contenuti precedenti (parte bassa) nelle LP2*/
#contenutiLP2List {
	position: absolute;
	top: 780px;
	left: 0px;
  width: 485px;
  height: 300px;
  font-size: 12px;
  text-align: justify;
  border: 1px;
	border-color: #808080;
	border-style: dashed;
	overflow: hidden;
}

/*Titolo del riquadro di admin (inserimento/gestione)*/
p.adminTitle {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

/*Riquadro di inserimento elementi nelle pagine di amministrazione*/
#adminAdd {
	position: absolute;
	top: 0px;
	left: 0px;
  width: 485px;
  height: 760px;
  font-size: 12px;
  text-align: justify;
}

/*Riquadro di gestione elementi nelle pagine di amministrazione*/
#adminEdit {
	position: absolute;
	top: 780px;
	left: 0px;
  width: 485px;
  height: 300px;
  font-size: 12px;
  text-align: justify;
  border: 1px;
	border-color: #808080;
	border-style: solid;
}

/*Riquadro di contenimento liste utenti, per admin, da gestire*/
.adminBloccoFunzione {
	position: relative;
	margin-top: 10px;
	top: 0px;
	left: 0px;
  width: 100%;
  /*height: 760px; => Definita sullo specifico blocco*/
  font-size: 12px;
  text-align: center;
  overflow: auto;
  border: 1px;
	border-color: #000000;
	border-style: solid;
	background: #DFEADC;
}

/*Sezione dedicata all'inserimento dell'abstract editoriale in Admin*/
#abstractEditorialeAdminAdd {
  padding: 5px;
  width: 520px;
  height: 52px;
  font-size: 11px;
  font-family: Verdana;
  text-align: justify;
  border: 1px;
  border-color: #000000;
  border-style: solid;
}

/*Sezione dedicata all'inserimento del testo editoriale in Admin*/
#testoEditorialeAdminAdd {
  height: 200px;
  width: 485px;
  border: 1px;
  font-size: 12px;
  text-align: justify;
  border-color: #000000;
  border-style: solid;
}

/*Sezione dedicata all'inserimento del testo editoriale in Admin*/
#testoRecensioneAdminAdd {
  height: 200px;
  width: 485px;
  border: 1px;
  font-size: 12px;
  text-align: justify;
  border-color: #000000;
  border-style: solid;
}

/*Sezione dedicata all'inserimento dell'abstract sintetico articoli in Admin*/
#abstractSArticoloAdminAdd {
	padding: 2px;
  width: 448px;
	height: 50px;
  font-size: 11px;
  font-family: Verdana;
  text-align: justify;
  border: 1px;
  border-color: #000000;
  border-style: solid;
}

/*Sezione dedicata all'inserimento dell'abstract sintentico in Admin*/
#abstractArticoloAdminAdd {
	padding: 2px;
  width: 526px;
	height: 110px;
  border: 1px;
  font-size: 12px;
  text-align: justify;
  border-color: #000000;
  border-style: solid;
}

/*Riquadri su tabelle elenco varie*/
td.lineaTitolo {
  font-weight: bold;
  border-bottom: 1px;
  border-bottom-color: #000000;
  border-bottom-style: solid;
  text-align: center;
}
td.linea {
  border-bottom: 1px;
  border-bottom-color: #000000;
  border-bottom-style: dotted;
  text-align: center;
}

a:link.menuAdmin {
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana;
}

a:visited.menuAdmin {
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana;
}

a:link.aChiusura {
	position: absolute;
  font-size: 10px;
  font-weight: bold;
  font-family: Verdana;
  color: #000000;
}

a:visited.aChiusura {
	position: absolute;
  font-size: 10px;
  font-weight: bold;
  font-family: Verdana;
  color: #000000;
}

a:link.continua {
  font-size: 11px;
  font-family: Verdana;
  font-weight: bold;
  text-decoration: none;
}

a:visited.continua {
  font-size: 11px;
  font-family: Verdana;
  font-weight: bold;
}

/*Scritte in parte bassa, non linkate*/
.aFisso {
	position: absolute;
  font-size: 10px;
  font-weight: bold;
  font-family: Verdana;
  color: #000000;
}

/*** SEZIONE AJAX ***/
/*Riquadro generale di messaggio di result delle chiamate ajax*/
#riquadroResult {
  position: absolute;
  width: 350px;
  padding: 5px;
  z-index: 100;
  font-weight: bold;
  color: #1d429a;
  border-top: 1px;
  border-left: 1px;
  border-bottom: 2px;
  border-right: 2px;
  border-style: solid;
  border-top-color: #63B46C;
  border-left-color: #63B46C;
  border-bottom-color: #135930;
  border-right-color: #135930;
  background-color: #E9EEE5;
  text-align: center;
  visibility: hidden;
  /* Definite sul singolo caso
    top:
    left:
  */
}

/*Riquadro di testo di result delle chiamate ajax*/
#txtResult {
  margin-top: 5px;
  border: 0px;
  font-weight: normal;
  font-style: italic;
  color: #1d429a;
  text-align: center;
}

.fintoLink {
  cursor: pointer;
  text-decoration: underline;
}

/*** SEZIONE GENERALE ***/
img {
  border-width: 0px;
}

#messaggio {
  font-weight: bold;
  color: #1d429a;
  text-align: center;
}

/*Div in primo piano, per disattivazione pagina e preparazione div di popup*/
#overDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #848484;
  filter: alpha(opacity=55);
  -moz-opacity: 0.55;
  opacity: 0.55;
  z-index: 199;
  visibility:hidden;
}

/*Div di popup*/
#popupDiv {
  position: absolute;
  width: 460px;
  z-index: 200;
  visibility:hidden;
  color: #1d429a;
  border-top: 1px;
  border-left: 1px;
  border-bottom: 2px;
  border-right: 2px;
  border-style: solid;
  border-top-color: #63B46C;
  border-left-color: #63B46C;
  border-bottom-color: #135930;
  border-right-color: #135930;
  background-color: #E9EEE5;
}

#popupContent {
  position: relative;
  top: 10px;
  padding: 25px;
  text-align: center;
  font-size: 14px;
}

.paginaCorrente {
  color: #1d429a;
  font-size: 11px;
  font-style: italic;
}

.fintoLink {
  cursor: pointer;
}

a:link {
  color: #0000FF;
  font-family: Verdana;
  font-size: 12px;
  text-decoration: none;
}

a:visited {
  color: #0000FF;
  font-family: Verdana;
  font-size: 12px;
}

a:link.linkUtility {
  color: #003465;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

a:visited.linkUtility {
  color: #003465;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

a:link.pagina {
  color: #1d429a;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

a:visited.pagina {
  color: #1d429a;
  color: #1d429a;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
}

a:link.articoli {
  color: #1d429a;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

a:visited.articoli {
  color: #1d429a;
  color: #1d429a;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
}

a:link.fonte {
  color: #000000;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
a:visited.fonte {
  color: #000000;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
}

a:link.menu1 {
  color: #003465;
  font-family: Verdana;  
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
a:link.menu2 {
  color: #0E5321;
  font-family: Verdana;  
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

a:visited.menu1 {
  color: #003465;
  font-family: Verdana;  
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
a:visited.menu2 {
  color: #0E5321;
  font-family: Verdana;  
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

a:link.vediBlog {
  color: #e95c14;
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
}

a:visited.vediBlog {
  color: #e95c14;
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
}