/* -------------------------------------------------------------------
	Documento CSS per la parte utente di Ostetriche Siryo
	
	Versione:	1.1
	Autore:		Alessandro Placidi
	© 2007 Associazione Ostetriche Siryo
------------------------------------------------------------------- */




/* Tags HTML generici
------------------------------------------------------------------- */
body {
	margin: 0;
	background: #DEDBFF url(../img/sfondoEsternoPagina.jpg) repeat-x 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul {
	position: relative;
}




/* Layout di pagina
------------------------------------------------------------------- */
/* Contenitore di pagina */
#contenitore {
	position: relative;
	width: 900px;
	margin: auto;
	border: 1px solid #B1AF9F;
	background: #FFFFFF url(../img/sfondoInternoPagina.jpg) repeat-y 0 0;
}

/* Testata */
#testata {
	height: 232px;
	color: inherit;
	background: #FFFFFF url(../img/testata.jpg) no-repeat 0 0;
}

/* Corpo principale della pagina e contenitore delle colonne */
#corpo {
	padding: 0 50px 0 20px;
}

/* Contenitore degli elementi di navigazione, login e ricerca */
#navigazione {
	float: left;
	width: 270px;
	min-height: 300px;
	background: url(../img/sfondoColonnaSinistra.jpg) no-repeat -10px 0;
	font-size: 11px;
	color: #696969;
}

/* Contenuto di pagina */
#contenuto {
	float: right;
	width: 483px;
	padding-bottom: 20px;
}

/* Footer */
#footer {
	clear: both;
	height: 16px;
	background: url(../img/footer.jpg) no-repeat 0 bottom;
}

#footerOmbra {
	width: 920px;
	color: #5A6084;
	background: #DEDBFF url(../img/footerOmbra.jpg) repeat-x 0 0;
	margin: auto;
	line-height: 20px;
	font-size: 10px;
	text-align: right
}

#footerOmbra span {
	margin-right: 10px;
}




/* Headings
------------------------------------------------------------------- */
#testata h1 {
	text-indent: -5000px;
}

h2 {
	margin: 15px 0 0 0;
	padding-left: 15px;
	border-bottom: 1px solid #CAC8B6;
	color: #696969;
	line-height: 30px;
	font-size: 12px;
}

h3 {
	margin: 15px 0 0 0;
	padding-left: 15px;
	line-height: 25px;
	font-size: 11px;
	color: #696969;
}




/* Testo
------------------------------------------------------------------- */
#contenuto p {
	margin: 10px 0 0 0;
	padding: 0 15px;
	font-size: 11px;
	text-align: justify;
	text-indent: 15px;
	color: #696969;
}

#contenuto p.sfondo {
	background-color: #F3F2ED;
	border: 1px solid #B1AF9F;
	padding: 15px 30px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
}

#contenuto p.nonAutorizzato {
	background-color: #F3F2ED;
	border: 1px solid #B1AF9F;
	padding: 15px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
}

#contenuto blockquote {
	margin: 10px 0 0 0;
	padding: 0 60px;
	font-size: 11px;
	text-align: justify;
	text-indent: 15px;
	color: #888888;
}

#contenuto p#paging {
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}

.attenzione {
	display: block;
	color: #FF0000;
	font-size: 10px;
	line-height: 12px;
}

.imgDidascalia {
	margin-top: 5px;
	padding: 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
}

.imgChiudi {
	margin-top: 5px;
	padding: 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
}

#risultatiRicerca td {
	line-height: 15px;
	font-size: 11px;
}




/* Links
------------------------------------------------------------------- */
#contenuto p a, #contenuto p.nonAutorizzato a  {
	color: #696969;
	background-color: inherit;
}

#contenuto p.sfondo a {
	padding-left: 20px;
	background: url(../img/iconaPDF.gif) no-repeat 0 center;
	color: #696969;
	font-weight: bold;
	text-decoration: none;
}

.imgChiudi a, #risultatiRicerca td a {
	text-decoration: none;
	color: #696969;
}

#contenuto p a:hover, #contenuto p.sfondo a:hover, .imgChiudi a:hover, #risultatiRicerca td a:hover, #contenuto p.nonAutorizzato a:hover {
	color: #9B9B9B;
}

.tastoViolaDx a, .tastoViolaSx a, .tastoViolaCn a {
	display: block;
	color: #605C7A;
	
	
	line-height: 29px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

.tastoViolaDx a:hover, .tastoViolaSx a:hover, .tastoViolaCn a:hover {
	color:#8F8CA8;
}




/* Pulsanti
------------------------------------------------------------------- */
.tastoViolaDx, .tastoViolaSx, .tastoViolaCn {
	display: block;
	width: 100px;
	height: 29px;
	margin-top: 10px;
	padding-left: 15px;
	color: #605C7A;
	background: url(../img/sfondoPulsanteViolaDx.jpg) no-repeat right 0;
	line-height: 29px;
}

.tastoViolaDx {
	margin-left: auto;
}

.tastoViolaSx {
	margin-right: auto;
}

.tastoViolaCn {
	margin-left: auto;
	margin-right: auto;
}




/* Titoli
------------------------------------------------------------------- */
#titoloAssociazione {
	background: url(../img/titoloAssociazione.gif) no-repeat center 0;
	text-indent: -5000px;
}

#titoloPerche {
	background: url(../img/titoloPerche.gif) no-repeat center 0;
	text-indent: -5000px;
}

#titoloRisultatiRicerca {
	background: url(../img/titoloRisultatiRicerca.gif) no-repeat 15px center;
	text-indent: -5000px;
}

#titoloRicerca {
	background: url(../img/titoloRicerca.gif) no-repeat 15px center;
	text-indent: -5000px;
}

#titoloMenu {
	background: url(../img/titoloMenu.gif) no-repeat 15px center;
	text-indent: -5000px;
}

#titoloLogin {
	background: url(../img/titoloLogin.gif) no-repeat 15px center;
	text-indent: -5000px;
}

#titoloIscrizioneUtente {
	background: url(../img/titoloIscrizioneUtente.gif) no-repeat 15px center;
	text-indent: -5000px;
}





/* Ricerca e Login
------------------------------------------------------------------- */
#ricerca, #login {
	line-height: 20px;
	margin: 10px 15px 0 15px;
}

#ricerca label, #login label {
	display: block;
}

#ricerca input, #login input {
	width: 97%;
	height: 13px;
	font-size: 11px;
}




/* Login principale
------------------------------------------------------------------- */
#loginPrincipale {
	display: block;
	line-height: 20px;
	margin: 10px 15px 0 15px;
	font-size: 11px;
	color: #696969;
}

#loginPrincipale label {
	display: block;
	font-weight: bold;
}

#loginPrincipale input {
	display: block;
	width: 50%;
	height: 13px;
	font-size: 11px;
}




/* Iscrizione utente
------------------------------------------------------------------- */
#iscrizioneUtente {
	display: block;
	line-height: 20px;
	margin: 10px 15px 0 15px;
	font-size: 11px;
	color: #696969;
}

#iscrizioneUtente fieldset {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #F3F2ED;
	border: 1px solid #CAC8B6;
}

#iscrizioneUtente label {
	display: block;
	font-weight: bold;
	margin-top: 10px;
}

.radioButtonACapo {
	display: block;
}

.campoTestoLargo {
	width: 90%;
}

.campoTestoStretto {
	width: 60px;
}



/* Menu
------------------------------------------------------------------- */
#menuPrincipale {
	position: relative;
	margin: 10px 15px 0 15px;
	padding: 0;
	list-style: none;
}

#menuPrincipale li {
	margin: 0 0 5px 0;
	border: 1px solid #CAC8B6;
}

#menuPrincipale li a {
	font-size: 10px;
	font-weight: bold;
	display: block;
	padding: 2px 23px 2px 2px;
	height: 18px;
	line-height: 18px;
	color: #696969;
	text-decoration: none;
}

/* -- Classi deprecate ----------------------------------------------------------
#menuPrincipale li a.menuRigaViola {
	background: url(../img/bulletTriangoloViola.gif) no-repeat right center;
}

#menuPrincipale li a.menuRigaViola:hover {
	background-color: #E1E1D9;
}

#menuPrincipale li a.menuRigaGialla {
	background: url(../img/bulletTriangoloGiallo.gif) no-repeat right center;
}

#menuPrincipale li a.menuRigaGialla:hover {
	background-color: #E1E1D9;
}
------------------------------------------------------------------------------ */

#menuPrincipale li a.menuRigaHaFigli {
	background: url(../img/bulletTriangoloViola.gif) no-repeat right center;
}

#menuPrincipale li a.menuRigaHaFigli:hover {
	background-color: #E1E1D9;
}

#menuPrincipale li a.menuRigaNonHaFigli {
}

#menuPrincipale li a.menuRigaNonHaFigli:hover {
	background-color: #E1E1D9;
}

/* Classe inserita da Dirk per la gestione del menu */
.menuSubDiv{
	margin-left: 5px;
	position: absolute;
	visibility: hidden;
}

.menuItemSelected{
	background-color: #E1E1D9;
}

.menuItemNotSelected
{
}

.menuSecondario {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #CAC8B6;
	background-color: #F3F2ED;
}

.menuSecondario li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CAC8B6;
}

.menuSecondario a {
	display: block;
	width: 150px;
	padding: 5px;
	color: #696969;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

.menuSecondario a:hover {
	background-color: #E1E1D9;
}




/* Immagini
------------------------------------------------------------------- */
.contenitoreFotoSx, .contenitoreFotoDx {
	width: 120px;
	background-color: #F3F2ED;
	margin: 10px 10px 10px 10px;
	border: 1px solid #CAC8B6;
}

.contenitoreFotoSx {
	float: left;
}

.contenitoreFotoDx {
	float: right;
}

.contenitoreFotoBasso {
	margin: 20px 15px 0 15px;
	padding-left: 35px;
	border: 1px solid #CAC8B6;
	background-color: #F3F2ED;
}

.contenitoreFotoSx img, .contenitoreFotoDx img, .contenitoreFotoBasso img {
	margin: 10px;
	border: 1px solid #CAC8B6;
}

.immagineCentrata {
	display: block;
	margin: 15px auto;
	border: none;
} 




/* Risultati della ricerca
------------------------------------------------------------------- */
#risultatiRicerca {
	width: 95%;
	margin: 10px 10px 0 15px;
	border-collapse: collapse;
	border: 1px solid #CAC8B6;
}

#risultatiRicerca td {
	height: 30px;
	padding: 10px 10px 20px 10px;
}

.dispari {
	background-color: #F3F2ED;
}




/* Elenco utenti
------------------------------------------------------------------- */
#elencoUtenti {
	
}







/* Gestione utenti
--------------------------------------------------------------------------------------*/
.radioButtonACapo {
	display: block;
	border-collapse: collapse;
}

#elencoUtenti {
	width: 100%;
	font-size: 11px;
	border: 1px solid #CAC8B6;
}

#elencoUtenti th {
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #CAC8B6;
	background-color: #DCDCDC;
}

#elencoUtenti td {
	text-align: left;
	padding: 5px;
	
}

.dispari {
	color: inherit;
	background-color: #EBEBEB;
}

.bordoDestro {
	border-right: 1px solid #DEDEDE;
}




/* Paging
--------------------------------------------------------------------------------------*/
#paging {
	line-height: 25px;
	font-size: 11px;
	text-align: right;
	font-weight: bold;
}





fieldset {
	margin: 10px 0;
	border: 1px solid #CAC8B6;
	padding: 5px 0;
}

fieldset label {
	display: block;
}

#contenuto fieldset p {
	margin: 0 0 25px 0;
	font-size: 11px;
	text-indent: 0;
}

.avvisoTestata {
	margin: 8px 0 0 30px;
	padding-left: 25px;
	background: url(../img/iconaAvviso.jpg) no-repeat 0 center;
	font-size: 11px;
}

.titoloFieldset, .titoloEdit, .titoloEditPiccolo {
	font-weight: bold;
	color: #FFFFFF;
}

.titoloFieldset, .titoloEdit {
	font-size: 12px;
	margin-bottom: 40px;
}

.titoloEditPiccolo {
	font-size: 11px;
}

#contenuto fieldset li {
	font-size: 12px;
}

#corpo a, #corpoForm a, #corpoEdit a {
	color: #333333;
	background: inherit;
	text-decoration: none;
}

#corpoEditImmagini a {
	color: #333333;
	background: inherit;
}

#paging a, #elencoUtenti a {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background: inherit;
}

#corpo a:hover, #corpoForm a:hover, #corpoEdit a:hover, #corpoEditImmagini a:hover, #paging a:hover, #elencoUtenti a:hover {
	color: #FF6600;
	background: inherit;
}

.pulsanteArancio, .pulsanteBlu, .pulsanteGrigio {
	display: block;
	width: 150px;
	height: 25px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}

#corpoFormPiccolo .pulsanteArancio, #corpoFormPiccolo .pulsanteBlu, #corpoFormPiccolo .pulsanteGrigio {
	margin-left: auto;
	margin-right: auto;
}

.pulsanteArancio {
	background: #FFFFFF url(../img/sfondoPulsanteArancio.jpg) repeat-x 0 0;
}

.pulsanteBlu {
	background: #FFFFFF url(../img/sfondoPulsanteBlu.jpg) repeat-x 0 0;
}

.pulsanteGrigio {
	background: #FFFFFF url(../img/sfondoPulsanteGrigioScuro.jpg) repeat-x 0 0;
}	

.pulsanteArancio a, .pulsanteBlu a, .pulsanteGrigio a {
	display: block;
	color: #333333;
	line-height: 25px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.pulsanteArancio a:hover, .pulsanteBlu a:hover, .pulsanteGrigio a:hover {
	color: #FF6600;
}