/*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

CSS Created by Chialab.it

http://www.chialab.it 2011

Custom publication css / override base.css

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

*/


/*...........................................    

    General, elements

...........................................*/

BODY {
	background: #dfd6c0 /*url("../img/sfo_00.png") repeat-x fixed*/;
}


/*...........................................    

    Typography

...........................................*/

BODY {font:14px/1.313em "Droid Sans","Lucida Grande","Lucida Sans Unicode", "Verdana", sans-serif;}

.text .abstract, .text .body, .serif, .chapteresult .intro P, .graced {
	font-family: "Droid Serif", "Georgia", serif;
}

textarea, input, .dida {
	font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
}

/*...........................................    

    index / home

...........................................*/

.guest.index {
	background:#a6967c url('../img/sfo_00_light.jpg') fixed;
}

/*...........................................    

   user e menu panels

...........................................*/

.user, .menu {
background:#B3AC9A  /*url('../img/sfo_00_light.jpg')*/ fixed;
}

.menu.indexlist {
	background-image:none;
}



/*...........................................    

    Menu colors

...........................................*/

article.u_V, .u_V .chapterBlock,
article.u_0, .u_0 .chapterBlock,
article.u_ , .u_  .chapterBlock {border-color: #00798c !important;}
article.u_A, .u_A .chapterBlock {border-color: #00798c !important;}
article.u_B, .u_B .chapterBlock {border-color: #666699 !important;}
article.u_C, .u_C .chapterBlock {border-color: #006699 !important;}
article.u_D, .u_D .chapterBlock {border-color: #339933 !important;}

div.u_V, .u_V .chapterBlock,
div.u_0, .u_0 .chapterBlock,
div.u_ , .u_  .chapterBlock {border-color: #00798c !important;}
div.u_A, .u_A .chapterBlock {border-color: #00798c !important;}
div.u_B, .u_B .chapterBlock {border-color: #666699 !important;}
div.u_C, .u_C .chapterBlock {border-color: #006699 !important;}
div.u_D, .u_D .chapterBlock {border-color: #339933 !important;}

.u_V .on.numb, .u_V .chapter,
.u_0 .on.numb, .u_0 .chapter,
.u_  .on.numb, .u_  .chapter {background-color: #00798c !important;}
.u_A .on.numb, .u_A .chapter {background-color: #00798c !important;}
.u_B .on.numb, .u_B .chapter {background-color: #666699 !important;}
.u_C .on.numb, .u_C .chapter {background-color: #006699 !important;}
.u_D .on.numb, .u_D .chapter {background-color: #339933 !important;}


.indexlist .u_V H1, .indexlist .u_ h1, .indexlist .u_0 h1  {border-color: #009999 !important;}
.indexlist .u_A H1 {border-color: #dcb515 !important;}
.indexlist .u_B H1 {border-color: #666699 !important;}
.indexlist .u_C H1 {border-color: #006699 !important;}
.indexlist .u_D H1 {border-color: #339933 !important;}

.indexlist .u_A .numb {background-color: #dbce9a !important;}
.indexlist .u_B .numb {background-color: #8a8a99 !important;}
.indexlist .u_C .numb {background-color: #5c8599 !important;}
.indexlist .u_D .numb {background-color: #6b996b !important;}
.indexlist .u_V .numb {background-color: #5c9999 !important;}

.menu .numb {background-color:#D1C9B4;}

/*...........................................    

  text trittici e dittici

...........................................*/

.dittico {
overflow:hidden;
border-top:1px solid silver; 
margin:10px 0px 5px 0px;
padding-top:10px; 
clear:both; 

}

.dittico LI {
display:block;
width:250px;
margin:0px 0px 20px 20px;
padding:0px 0px 10px 0px; 
float:left; 
}

.dittico LI:nth-child(odd) {
	margin-left:0px;
}

.dittico LI:before {
	padding-right: 5px;
	content: url(../img/menu_arrow_on.png);
}

/*...........................................    

    categorie specifiche, in colonnino e nel testo

...........................................*/

.per_saperne_di_piu .block, .facciamo-il-punto .block, .esercizio .block, .esercizio-guidato .block, .ricorda .block, .fissa-i-concetti .block, .segui-l-esempio .block, .risolvi-il-problema .block, .prova-tu .block, .applica-la-regola .block {
	border-top:10px solid #ff6600;
}

.per_saperne_di_piu.box {
	border-bottom:10px solid #ccff66;
}


/*...........................................    

    Testatina superiore

...........................................*/

.detail hgroup {background-color:white; padding-bottom:0px;}

.detail hgroup h1 {font-size:1em; text-align:right; margin-right:30px;}

hgroup .number {background-color:#00798C!important; color:white; padding:10px 2px 3px 5px; margin-right:5px;}


/*...........................................    

    Testata apertura paragrafo

...........................................*/

.text .chapter {color:#999!important; background-color:white!important; padding-right:15px;}

.pubname h1 a {color:#666;}

.text .chapterBlock {border:0px !important; padding:0px !important; background-color:#00798c; margin-bottom:20px !important; text-transform:uppercase;}

.chapterBlock .mod4 h1{color:white !important; padding-left:65px !important; width:660px; margin-top:14px !important;}

.detail .chapterBlock .chapternumb {float:left; background-color:black; color:white; font-size:1.7em !important; font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif; padding:6px 14px 6px 14px; margin-left:1px}

.authors {color:black !important;}

.title .numb.on {background-color:white !important; color:black !important;}


/*...........................................    

   Pagina apertura capitolo 

...........................................*/

/*
.apertura blockquote {margin:0px 0px 20px 0px !important;}
.apertura.head {background-color:white !important; background-image:none !important;}
.apertura.head .numb {color:#00798c !important; font-size:1em}
.apertura.head a h1 {color:black !important; font-size:3em}

.colonninoApertura .tags li {border-bottom:1px solid #00798c}
*/
.tags {margin:0px !important; padding:0px !important; border-top:4px solid #00798c; color:#c1133d;}

/*.chapterintro .description {background-color:#cce2e5; padding:20px 20px 20px 40px; position:absolute; top:50px; z-index: 100; left:10px; width:320px; height:200px; font-size:0.9em;}*/
.chapterintro .head {background-color:white!important; background-image:none!important; padding-top:25px !important; }
.chapterintro .head h1 {color:black !important; font-size:2em; }
.chapterintro .body {font-family: "Droid Serif", "Georgia", serif;}

.subhead h1 .numb span {font-size:0.3em !important;}
.subhead h1 .numb {font-size:2.3em; line-height:0.15em;}
.subhead h1 {font-size:1.6em; line-height:1.2em; display:block;}

.chapterintro section div ul li {padding-bottom:12px !important;}
.chapterintro section div ul li a {padding-bottom:12px !important;}
.chapterintro section div ul li .cnumb {font-weight:bold;}
.chapterintro .head {padding-top:30px !important; padding-bottom:10px;}
.chapterintro aside {display:none;}
.chapterintro .body, .chapterintro .block {border:0px !important;}
.chapterintro .colonnino h3 {display:none;}

.chaptercover {clear:both;}

.chapterintro .colonnino .dida table {display:block!important;}
.chapterintro .colonnino .dida table td {border:1px solid #00798C; padding:5px; color: #AF101D}
.chapterintro .colonnino .dida table th {border:1px solid #00798C; padding:5px; background-color:#00798C; color:#fff; font-weight:normal; display-block:block; width:170px}
.chapterintro .colonnino .dida {margin-bottom:2em}

/*...........................................    

    Pagina

...........................................*/

.text .dida {margin-top:5px !important;}

.dida h1 {
	text-indent:0px;
	font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
	background:none !important;
	color:black !important;
	padding:0px 5px 0px 0px !important;
	text-transform:none !important;
}

dfn {color:#af101d;}

.latin {list-style-type:lower-latin;}

.attachgallery a img {margin-right:-5px;}

.text .definizione {padding:5px 14px 5px 14px !important; background-color:#fff3ca !important;}

.formula {color:inherit;}
.formula .number {margin-top:-20px;}
.formula {margin-bottom:5px;}
.esempio .formula {margin-bottom: 5px; margin-left: 10px;}

.text h1 {color:#00798c; margin-top:20px; margin-bottom:12px;}
.text a {font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;}

div.spreadsheet thead td, .multimediaGianniBox thead td, .inline-table thead td {background-color:#a5cdd3 !important; font-weight:normal;}
div.spreadsheet td, .multimediaGianniBox td, .inline-table td {background-color:white !important; border:1px solid #00798c !important; font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;}
table caption {font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;}

.attachgallery .dida {margin-top:-15px !important;}

cite {display: block; font-style: normal; padding-bottom:10px}


/*...........................................    

    Box

...........................................*/

.domanda strong {color:#af101d; font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif; text-transform:uppercase; font-weight:normal;}

.soluzione strong {color:#af101d; font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif; text-transform:uppercase; font-weight:normal;}

.domanda {
	border-top:2px solid #00798c; 
	margin-top:10px; 
	padding-top:10px!important; 
	text-indent: 0 !important;
}

.box .attachgallery {padding-left:10px;}

.esempio table td {border:none;}

.esempio .multimediacontainer {padding-left:10px;}

.parola-chiave h1 {float:left !important; background-color:white !important; color:#af101d !important; text-transform:none!important; border:1px solid #00798c; display:block; clear:both; padding:5px 10px 0px 0px !important; font-size:1em;}

.parola-chiave .domanda {border:0px; clear:both;}

.parola-chiave p {clear:both;}
/*
.parola-chiave h1:before {
content:'PAROLA CHIAVE';
padding:4px 10px 4px 10px;
margin-right:10px;
background-color: #00798c;
color:white;
}
*/
.parola-chiave h1 strong {
text-transform:uppercase;
font-weight:normal;
padding:4px 10px 4px 10px;
margin-right:10px;
background-color: #00798c;
color:white;
}

.text .box.esempio {border:4px solid #00798c!important; margin:10px 0px 30px 0px !important; padding:0px; /*float:left;*/ clear:both;}
.text .box p {text-indent:0px; padding:0px 10px 0px 10px;}

.text .box h1 {
	text-indent:0px;
	font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
	background-color:#00798c;
	color:white;
	padding:0px 3px 3px 10px;
	height:19px;
	line-height:1em;
	text-transform:uppercase;
}

.esempio.bigger {width:720px;}

/*...........................................    

    Schede 

...........................................*/

.cat {
	border-left:8px solid !important;
	border-right:8px solid !important;
	border-bottom:2px !important;
	padding:15px 32px 40px 32px !important;
	border-top:33px solid !important;
	font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
}

.cat .catlabel {font-size:1.3em !important; font-weight:normal !important;}

.cat p {font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;}

.Questionnaire h1.chapter {background-color:inherit !important;}

.cat hgroup h1 span {color:#999; text-transform:none; }

.cat hgroup h1 .number {color:white; }

.spreadsheet .dida a {display:block !important; float:left;}
.spreadsheet .dida {margin-top:15px !important;}

.catlabel {color:white !important; font-size:1em !important; margin-top:-40px !important;}

.cat hgroup {margin-left:-32px; width:734px; margin-top:-15px !important;}

.cat .box p {border:0px;}

.Questionnaire hgroup {background-color:inherit !important; padding-top:10px !important;}
.Questionnaire h2.paragraph {color:black !important;}
.Questionnaire .number {color:black !important;}

.parola-chiave h1 {background-color:white !important; color:#af101d !important; text-transform:none!important; border:1px solid #00798c; width:auto; display:block; float:left; clear:both; padding:5px 10px 0px 0px !important; font-size:1em; margin-bottom:0px; margin-top:20px !important;}

.cat h2 {
	font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
	font-size:1em;
	font-weight:bold;
	padding-bottom:5px;	
}

.cat ul li {
	font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
}

.cat blockquote{
	font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
	margin:0px;
	font-size:1em;
}

.cat .box p {
	padding:0px;
}

.Questionnaire hgroup {display:none;}

/*...........................................    

    Exclusions

...........................................*/

.dida .didanumb .medianumber {display:none;}
.mappa-dei-concetti h1 {display:none;}
h1 img {display:none;}
.spreadsheet .wimage {display:none !important;}

.dida .wimage {display:none;}
.paragraph {display:none;}
.cat hgroup {display:none;}

/*...........................................    

    Next + prevpage

...........................................*/


div.prevpage, div.nextpage {
	position:absolute; 
	top:0px; 
	width:37px; 
	cursor:pointer;
	opacity:0.2;
	filter:alpha(opacity=20);
}

div.nextpage:hover,
div.prevpage:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

div.nextpage, div.nextpage:hover {
	background:transparent url('../img/ico_arrow_nextpage.png') left 0px no-repeat;
}

div.prevpage, div.prevpage:hover {
	background:transparent url('../img/ico_arrow_prevpage.png') right 0px no-repeat;
}

div.nextpage {
    margin-left: 722px;
}


/*...........................................    

    Primo paragrafo (regola zanichelli)

...........................................*/

.formula+p, .box+p, .chapterintro blockquote+p, .cat blockquote+p  {
        text-indent:0px;
}

/*...........................................    

    Questionnaire

...........................................*/

.Questionnaire.detail {
	border-color: #f5a62d !important;
    background-color:#fff;
}

.Questionnaire H1 {
	color:#f5a62d;
}

.Questionnaire .selectable {color:#333 !important; font-style: normal;}

.Questionnaire .download H3, .Questionnaire .seealso H3 {display:none}

.Questionnaire P {text-indent:0em}

/*...........................................    

    Laboratorio e simulazioni (Colonnino)

...........................................*/
/*
.colonnino .laboratorio h3 {
	font-variant: small-caps; 
	color:#00798C
}

.colonnino .block {
	border-top: 10px solid #CCCCCC;
    padding-top: 10px;
}*/

/*...........................................    

    Multimedia thumb nuova versione (testing, da integrare in base.css)

...........................................*/

.multimedia-item h3 {
	background-color:#00798C; /* colore custom pubblicazione */
	color:white;
	text-align:right;
	width:177px;
	font-weight:normal;
	text-transform:uppercase;
	padding-right:3px !important;
	font-size:0.9em;
	margin-bottom:0px !important;

}

.multimedia-item {border-bottom: 3px solid #00798C /* colore custom pubblicazione */; margin-bottom:20px;}

/*.multimedia-item .ico {margin-top:-15px !important; padding:0px important}*/

.multimedia-item .block {margin-top:0px}

.multimedia-item a {font-weight:bold;}

.multi-thumb {margin-top:-2px !important; display:block; padding:0px; margin-bottom:5px;}

.multi-description {font-weight:normal;}

.multimedia-item .block {border:none; margin-bottom:0px; padding:0px;}

aside.download .block {border-top:none; padding-left:0px; border-bottom: 3px solid #00798C /* colore custom pubblicazione */;}

aside.download h3 {
	background-color:#00798C; /* colore custom pubblicazione */
	color:white;
	text-align:right;
	width:174px !important;
	font-weight:normal;
	text-transform:uppercase;
	padding-right:3px !important;
	font-size:0.9em;
	margin-bottom:5px !important;
	padding-bottom:2px;
	padding-top:2px;
}

aside.download h3 {
	display: none;
}

aside.download .simulazione h3, aside.download .scheda-di-lavoro h3 {
	display: block;
}

aside.download .ico {
	margin:5px 0px 5px 0px !important;
}

aside.download a {font-weight:bold;}

.no-tipo {border-top:10px solid #00798C !important /* colore custom pubblicazione */; padding-bottom:5px;}

.download .no-tipo {padding-top:5px;}

.multimedia ul li a div span {display:none}

.download div h3 {display:block !important; width:180px}

aside.link h3 {
	display:none;
}

/*.link .block, .download .block {
	border-bottom: 3px solid #00798C;
    border-top: 16px solid #00798C;
    padding-bottom: 5px;}
*/

.link .block, .download .block {
	border:none}

/*...........................................    

   Physics in english

...........................................*/

.cat.physics-in-english {border-color:#af101d !important;}

.cat.physics-in-english h1 {background-color:#004368; color:white; padding:2px 5px 2px 5px; width:auto !important; display:inline-block;}

.cat.physics-in-english .spreadsheet td {background-color:white; border:1px solid #AF101D !important;}

.cat.physics-in-english .spreadsheet thead td {background-color:#af101d !important; border:1px solid #AF101D !important; color:white; text-transform:uppercase;}

.cat.physics-in-english hgroup {display:block; margin-top:-48px !important; background-color:#af101d; padding-left:30px;}

.cat.physics-in-english hgroup .paragraph {display:block; width:auto; font-size:1.3em; text-transform:uppercase}

.cat.physics-in-english hgroup h1, .cat.physics-in-english hgroup .number, .cat.physics-in-english hgroup .menulevel {display:none !important;}

.cat.physics-in-english .catlabel {float:right; width:auto; margin-top:-20px !important}

.cat.physics-in-english .text h2 {font-family: "Droid Sans","Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif; text-transform:uppercase; color:#af101d;}

.physics-in-english .square {
    list-style-type: square;
}

.physics-in-english .circle {
    list-style-type: circle;
    padding-left: 15px; 
}


.physics-in-english .disc {
    list-style-type: disc;
}

.physics-in-english h1 {
    margin:20px 0px 10px 0px;
}

.physics-in-english h2 {
    margin-top:20px;
}

.Questionnaire.physics-in-english h1 {
color:white !important;
}

.Questionnaire.physics-in-english {
border-top:30px solid #AF101D !important;
}


/*...........................................    

   Apparati finali

...........................................*/


.withplaceholder .multimediacontainer .spreadsheet .dida {
    display: inline-block;
}


/*...........................................    

   Book Project Intro

...........................................*/

.pub_info H1 .description {
	display:block !important;
	padding-top:0.4em;
}

/*...........................................    

   Video, simulazioni, approfondimenti

...........................................*/



.multimedia .block {
    border-top: 10px solid #00798C;
}

.multimediaitem:hover {
	border-top-color: #7dabb3 !important;
}

/* logo zte video*/
.zte_logo{
	background-image: url("../img/logo-ZTE.jpg");
  	background-position: right bottom;
  	background-repeat: no-repeat;
  	height: 15px;
}
ul .zte_logo a{
	color: #000000!important;
}
.in-laboratorio {
    margin-bottom: 0!important;
}
.in-laboratorio .block{
	margin-bottom:0px!important
}
.in-laboratorio br{
   display: none;
}
.in-laboratorio ul{
	color: #000000!important;
}
.in-laboratorio .text LI{
	margin-top: 0.4em;
}
.in-laboratorio .ico {
	display: none;
}
/* logo zte video */

.userblock form {display:none;}