/*#######################################
Sito: http://www.pieromazzini.com
CSS per la stampa
Autore: Piero Mazzini
E-mail: info@pieromazzini.com
######################################*/




/*###############################

      Layout

################################*/

html,body{margin:0;padding:0;}

body{font-family: Verdana,sans-serif; background: #FFF;}

div#superwrapper, div#wrapper, div#content {
	width: 100%;
	background: #FFF;
	color: #000;
	text-align: justify;
	margin: 0;
	padding: 0;
}

div#header {
	height:80px;
	line-height: 80px;
	margin:0;
	padding: 0;
	background: #FFF;
	color: #000;
	text-align: center;
}


div#percorso {
	height: 25px;
	line-height: 25px;
	background: transparent;
	border-bottom: 2px solid #A1A1A1;
	clear: both;
}




div#navigation {display: none;}

div#footer {
	clear: both;
	width: 650px;
	height: 35px;
	line-height: 35px;
	padding: 10px 0;
	color: #000;
	background: #FFF;
	text-align: center;
}


.inside {padding: 10px;}



/*#############################

           Menu

################################*/


/*Pathway--- percorso tra le varie pagine*/
div#percorso ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
}

div#percorso li {
	display:inline;
}

div#percorso li a {
	font-size: 12pt;
	font-weight: bold;
	color: #6093E4;
	text-decoration: none;
	text-align: left;
}

div#percorso li#active a {
	color: #990000;
	background: #FFFFCC;
	text-decoration: none;
}


.menuSx {display: none;}


/* #########################################

          Tipografia

###########################################*/

/* Header */

div#header h1 {font-size: 20pt; padding: 0; margin:0;}


/* Testo corpo pagina */

div#content h1,h2,h3 { 
	font-weight: bold;
	margin: 0; 
	padding: 0;
}

div#content h1 {font-size: 18pt;}
div#content h2 {font-size: 16pt;}
div#content h3 {font-size: 15pt;}

div#content p {
	font-size: 12pt;
	color: #3F341F;
	line-height: 15pt;
	margin: 0 0 10pt 0;
	padding: 0;
}

div#content p a {
        color: #6093E4;
        text-decoration: underline;
}

div#art ul {
	margin: 0 0 30px 10px;
}

div#art ul li {
	list-style-type: disc;
	line-height: 15pt;
	margin-bottom: 10px;
}

div#art ul li p { font-size: 12pt; color: #000;}

div#art ul li p a { font-size: 12pt; color: #6093E4; text-decoration: underline;}


/* Footer */

div#footer ul {
        list-style: none;
        padding: 0;
        margin: 0;
	color: #000;
}

div#footer ul li {
        display: inline;
        margin-right: 15px;
        font-size: 12px;
}

div#footer a:active {
	font-size: 12pt;
        color: #6093E4;
        text-decoration: underline;
}

div#footer p {font-size: 12pt;}


/*##############################################

    Sezione News

###############################################*/

div#news {
	height: 30px;
	background: #FFF;
	color: #FFF;
	border-bottom: 2px solid #A1A1A1;
	padding:0;
	margin: 80px 30px 0 0;
}


/* Contenitore dell'anteprima delle News*/
div#newsbody{
	color: #000;
	background: #FFF;
	margin: 0 30px 30px 0;
}



/* Bordo colorato dove la parola News appare al centro*/
div#news h1 {
	font: bold 15pt/1.3 Verdana,sans-serif;
	text-align:center;
	margin: 0 10px;
}


div#newsbody  h4{
	font: bold 13pt/1.3 Verdana,sans-serif;
	margin: 0;
	padding: 5px 10px 0 10px;
	text-align:left;
}
	
div#newsbody  h5{
	font: bold 11pt/1.3 Verdana,sans-serif;
	margin: 0;
	padding: 0 10px 0 10px;
	text-align:left;
}

div#newsbody  p{
	font-size: 10pt;
	margin:0;
	padding: 0 10px 3px 10px;
}

div#newsbody p a {
	font-size: 10pt;
	color: #6093E4;
	text-decoration: underline;
	margin:0;
	padding: 0 10px 3px 10px;
}

/* Contenitore degli approfondimenti delle News*/
.moreNews {
	width: 90%;
	background: #CFC6B5;
	margin-bottom: 20px;
	padding: 10px;
}

.moreNews h4 {
	font: bold 13pt/1.3 Verdana,sans-serif;
	margin: 0;
	padding: 15px 10px 0 0;
	text-align:left;
	color: #FFFBEF;
}
.moreNews h5 {
	font: bold 11pt/1.3 Verdana,sans-serif;
	margin: 0;
	padding: 0 10px 5px 0;
	text-align:left;
	color: #9F8E6D;
}

.moreNews p { font-size: 10pt; margin:0 0 10px 0; padding: 0 10px 3px 0; color: #3F341F;}


.morenews p a {
	font-size: 10pt;
	color: #6093E4;
	text-decoration: underline;
}


/*######################################

     Sezione Articoli

########################################*/

/* Contenitore del titolo della News e della data */
div#intestazione {width: 70%; background:transparent; padding: 0 0 10px 0;}

div#intestazione2 {width: 70%; background:transparent; padding: 0 0 10px 0;}


/* Contenitore colorato dell'editoriale in Homepage e nella pagina del Profilo */
div#art {
	width: 100%;
	background: #FFF;
	color: #000;
	margin: 0 0 20px 0;
	padding: 0;
}

/* Contenitore del motivo decorativo, pag. approfondimenti.php */
div#inner {
	background: transparent;
	color: #000;
	height: auto !important;  /* per i browser moderni */
	height: 400px;      /* per IE5.x e IE6 */
	min-height: 400px;  /* per i browser moderni */
	
}


/*########################################################################

     Tabelle dei corsi - pagine autori.php

###########################################################################*/



/*Barra delle tabelle dei corsi*/
.headTab {
	height: 2.5em;
	line-height: 2.5em;
	background: #F1E9D1;
	border-bottom: 2px solid #9F8E6D;
	margin-top: 40px;
	padding: 5px;
}

.insDati {
	list-style: none;
	color: #3F341F;
	font-size: 10pt;
	padding: 0;
	margin: 0;
}

.insDati li {text-align: left;}



.insDati li#insegnante {background: url(../img/layout/calendar.png) no-repeat 0.4em -0.1em; padding: 0 0 0 25px;}

/*.insDati li#memb {background: url(../img/layout/icona_mi-chi.gif) no-repeat 0.4em -0.1em; padding: 5px 0 5px 35px;}*/

.insDati li {display: inline; padding: 0 0 0 10px; line-height: 35px;}

.insDati li a {color: #CF8C19; text-decoration: none;}

.insDati li a:hover {color: #990000; background: #FFFFCC; text-decoration: none;}


.cal {
	width: 100%;
	color: #3F341F;
	text-align: center;
	border: 1px solid #CCC;
}



.cal a:link {color: #CF8C19; text-decoration: none;}

.cal a:visited {color: #AF6DAB; text-decoration: none;}

.cal a:hover {color: #990000; background: #FFFFCC; text-decoration: none;}



.legenda {background: #EFCD86; font-size: 10pt;}

.chiaro {background:#FFF; font-size: 10pt;}

.scuro {background:#FFF; font-size: 10pt;}



.cal th  {padding: 5px;}

.cal td {padding: 5px; border: 1px solid #CCC;}



/*Classi tabella dei corsi nella pagina "Corsi e Stages"*/

.pratica {width: 60%;}

.data {width: 20%;}

.luogo {width: 15%;}

.check {width: 5%;}



/*Classe  tabella presente nella pagina "Chi Siamo"*/

.info {width: 30%; text-align: right;}

.info a:hover{background: none;}

.fototessera {width: 10%;}
.curriculum {width: 100%;}
.curriculum td {text-align: center;}

/*Form Prenotazione*/
#prenotazione form {width: 100%;}

#prenotazione fieldset {
	color: #3F341F;
	background: #DFD5C3;
	padding: 5px;
}


#prenotazione fieldset.in label{
	float: left;
	font: 101% Verdana,Arial,sans-serif;
	text-align: left;
	margin: 0px 10px 5px 0;
}



#prenotazione fieldset.in input{
	display: block;
	border: 2px solid #CCC;
}



#prenotazione legend {
	font: 110% verdana,sans-serif bold;
	color: #AFA36D;
}


#prenotazione label.req strong, strong.asterisco{
	font-weight: bold;
	font-family: verdana,sans-serif;
	color: red;
}

br  {clear: left;}

input#nome, input#cognome, input#telefono, input#email {width: 250px;}

.small {
	font-size: 90%;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
}





/*#############################

     Formattazione immagini

################################*/

div#header img {float: left;}


div.imgcontainer{
	padding: 0 0 5px 5px;
	margin: 15px 20px 5px 5px;
    background: #FFF url(../img/layout/dropshadow.jpg) no-repeat bottom left;
}

div.imgcontainer img{
	display:block;
    position:relative;
	top: 0;
	left: 0;
    border:1px solid #ccc;
	border-color: #ccc #666 #666 #ccc;
    padding:5px;
}



/*###################################

   Galleria di immagini con LightBox

#####################################*/

table#gallery {width: 10%;}

table#gallery td {padding: 5px;}

div.polaroid {
	width:160px;
	height: 160px;
	background:transparent url(../img/layout/polaroid.png) no-repeat;
	margin: 0 auto;
	text-align: center;
}

div.polaroid img {
	border: 1px solid #CCC;
	margin: 10px auto;
	text-align: center;
}






/*#########################################################################

  Pagina del Portfolio web
  con le relative descrizioni

##########################################################################*/

#port {
	width: 100%;
	color: #3F341F;
	border: 1px solid #A99071;
	padding: 0;
	margin-bottom: 40px;
}

.chiaroPort {background:#FFF; font-size: 12pt;}
.scuroPort {background:#FFF; font-size: 12pt; padding:0;}

#port td {padding: 5px 5px 15px 5px;}


#port  a {color: #EC993F; text-decoration: underline;}

.portimg {width: 1%; text-align: left;}





/*#########################################################################

  Pagina dei  links
  con le relative descrizioni

##########################################################################*/
#links {
	width: 100%;
	color: #3F341F;
	border: 1px solid #A99071;
	padding: 0;
	margin-bottom: 40px;
}

.chiaroLinks {background:#FFF; padding: 0;}
.scuroLinks {background:#FFF; padding:0;}

#links td {padding: 5px 5px 15px 5px;}

#links p {font-size: 12pt; line-height: 15pt;}
#links  a {color: #EC993F; text-decoration: underline;}


.linkimg {width: 1%; text-align: left;}



/*#########################################################################

 Pagina dei video
 con le relative descrizioni

##########################################################################*/
.video {
	width: 100%;
	color: #3F341F;
	border: 1px solid #A99071;
	padding: 0;
	margin-bottom: 40px;
}

.chiaroVideo1 {background:#FFF; width: 425px; padding:0; margin: 0; }
.scuroVideo1 {background:#FFF; padding:0; margin: 0;}

.chiaroVideo2 {background:#FFF; width: 425px; padding:0; margin: 0; }
.scuroVideo2 {background:#FFF; padding:0; margin: 0;}

.video td {padding: 5px 5px 15px 5px; border-bottom: 1px solid #A99071;}

.video p {font-size: 12pt; line-height: 15pt;}
.video  a {color: #EC993F; text-decoration: underline;}





/*#########################  

  Pagina Contatti

#########################*/

.recapiti {

        font-weight: bold;
        list-style: none;
        color: #3F341F;
        margin-left: 10px;
        padding:0;
}

.recapiti li#indirizzo, .recapiti li#tel, .recapiti li#fax, .recapiti li#mail {
        line-height: 15pt;
        padding-left: 25px;
        margin-bottom: 10px;
}

.recapiti li#indirizzo {background: url(../img/layout/house.png) no-repeat 0 0.2em;}
.recapiti li#tel {background: url(../img/layout/phone.gif) no-repeat 0 0.1em;}
.recapiti li#fax {background: url(../img/layout/printer.png) no-repeat 0 0;}
.recapiti li#mail {background: url(../img/layout/icon_email.gif) no-repeat 0 0.2em;}

.recapiti li#mail a:active {
        color: #EC993F;
        text-decoration: underline;
}


/*  Lista delle Mappe Interattive nella pagina dei Contatti   */
.indirizziWeb {
        list-style: none;
        margin: 20px 0;
        padding: 0;
        color: #663333;
}

.indirizziWeb li {
        float: left;
        line-height: 1.5em;
}

.indirizziWeb li a {
        display: block;
        width: 162px;
        padding: 0px;
        margin-bottom: 75px !important;
        margin-right: 10px;

}

.indirizziWeb li img {
        border: none;
}




/*Form per i messaggi*/

#msg {width: 50%; min-width:300px;}

#msg fieldset {border:none; margin:0; padding:0;}

#msg legend {
	font: bold 16pt/1.3 "Arial Narrow",arial,sans-serif;
	color: #8F641A;
}

#msg div {
	padding: 10px 0;
	background: #DFD5C3;
	color: #333;
	border-top: 1px solid #BFB6A5;
}

#msg label{
	float: left;
	width: 33%;
	line-height: 23px;
	padding-right: 2%;
	text-align:right
}

#msg fieldset input,textarea {width:61%}


.form-button input {margin-left:35%}





/*#############################################

Newsletter e lista articoli nella pagina "profilo.php"

###############################################*/

/* Lista dei numeri arretrati della Newsletter */

.articoli {
        list-style: none;
        color: #3F341F;
        font-size: 12pt;
        font-weight: bold;
        margin-left: 10px;
        padding:0;
}

.articoli li {
        background: url(../img/layout/file_acrobat.gif) no-repeat 0 0.2em;
        line-height: 2em;
        padding-left: 25px;
        margin-bottom: 5px;
}

.articoli li a:active {
        color: #EC993F;
        text-decoration: underline;
}



/* Forms newsletter */

#nl form {width: 100%;}

#nl fieldset {
        color: #3F341F;
        background: #DFD5C3;
	padding: 5px;
}

#nl fieldset.in label{
        float: left;
        font: 12pt Verdana,Arial,sans-serif;
        text-align: left;
        margin: 0px 10px 5px 0;
}

#nl fieldset.in input{
        display: block;
        border: 2px solid #CCC;
}

#nl legend {
        font: 16pt verdana,sans-serif bold;
        color: #AFA36D;
}

#nl label.req strong, strong.asterisco{
        font-weight: bold;
        font-family: verdana,sans-serif;
        color: red;
}

br  {clear: left;}

input#nome, input#cognome, input#telefono, input#email {width: 250px;}

.small {
  font-size: 10pt;
  margin: 0 0 10px 0;
  padding: 0 10px 0 0;
}



/*########################################

        Varie

#########################################*/

.leggitutto { margin:0;}

.leggi {
	font-weight: bold; 
	color: Red;
	margin: 0;
	padding:0;
}


hr {margin-top: 30px;}

.rigaArt {
	border: 1px solid #CCC;
	margin: 5px 0 50px 0;
}


/*Freccina torna su */
.tornasu {display: none;}






/* Tabella Editoriale */

table#edit {width: 100%;}

td.testo {width: 90%;}
td.foto {width: 10%; padding: 0;}