@charset "utf-8";

/* CSS Document */

/****************************************
General settings
****************************************/


body {
	/*background: url(../img/bg.gif) repeat 0px -215px;*/
	background-color:#96C63F;
	text-align:center;
	margin:0;
	padding:0 0 20px 0;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	/*color:#949494;*/
	color:#000;
	}
	
a {
	color:#e51837;
	font-weight:bold;
	outline:none;
	}
	
a:hover {
	text-decoration:underline;
	background-color:#e51837;
	color:#FFF;
	}

a img {
	border:none;
	}
	
.spacer {
	margin:0;
	display:block;
	clear:both;
	}
	
/*****************************************
Main structure settings
*****************************************/
	
#wrapper-top {
	width:986px;
	margin:19px auto 0 auto;
	padding:7px 0 0 0;
	background:url(../img/container-bg-top.png) no-repeat top left;
}

#wrapper-horiz {
	width:986px;
	margin:0;
	padding:0;
	background:url(../img/container-bg.png) repeat-y top left;
}	

		
#container {
	width:970px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
	}
	
#header {
	height:50px;
	background-color:#e51905;
	margin:0;
	padding:12px 0 0 0;
	}

#header h1 {
	margin:0 0 0 14px;
	padding:0;
	background:url(../img/benvenuti-logo.gif) no-repeat 0 -37px;
	float:left;
	width:173px;
	}

#header h1#home {
	background:url(../img/benvenuti-logo.gif) no-repeat 0 0;
	width:173px;
	height:37px;
	text-indent:-10000px;
	}

#header h1 a {
	text-indent:-10000px;
	background:url(../img/benvenuti-logo.gif) no-repeat 0 0;
	margin:0;
	padding:0;
	width:173px;
	height:37px;
	display:block;
}
	
#header h1 a:hover {
	background:url(../img/benvenuti-logo.gif) no-repeat 0 -37px;
}	

#header #zanichelli {
	margin-left:880px;
	background:url(../img/zanichelli-logo.gif) no-repeat 0 -20px;
	padding:0;
}
	
#header #zanichelli a {
	text-indent:-10000px;
	background:url(../img/zanichelli-logo.gif) no-repeat 0 0;
	margin:0;
	padding:0;
	width:84px;
	height:20px;
	display:block;
}	

#header #zanichelli a:hover {	
		background:url(../img/zanichelli-logo.gif) no-repeat 0 -20px;
		}
		
#content  {
	margin-top:23px;
	}
	
#left {
	float:left;
	width:160px;
}

#center {
	margin-left:20px;
	width:504px;
	float:left;
}

#right {
    float:right;
	width:279px;
}

#footer {
	margin-top:30px;
	text-align:center;
	padding-bottom:15px;	
	color:#949494;
}

#wrapper-bot {
	width:986px;
	height:7px;
	margin:0 auto 20px auto;
	padding:0;
	background:url(../img/container-bg-bottom.png) no-repeat top left;
}	


/***********************************************
Left Settings
************************************************/

ul#menu {
	margin:0 0 0 7px;
	padding:0;
	list-style-type:none;
	}

ul#menu li {
	margin:0;
	padding:16px 0 0 0;
	}

ul#menu li h2 {
	margin:0 0 0 18px;
	padding:0;
	text-indent:-3000px;

}
ul#menu li#noi {
	background:url(../img/menu-noi.jpg) no-repeat top left;
	width:168px;
	height:166px;
	}

ul#menu li#noi h2 {
	background:url(../img/h2-noi.jpg) no-repeat top left;
	width:30px;
	height:17px;
}

ul#menu li#blog {
	background:url(../img/menu-blog.jpg) no-repeat top left;
	width:168px;
	height:166px;
	}

ul#menu li#blog h2 {
	background:url(../img/h2-blog.jpg) no-repeat top left;
	width:84px;
	height:29px;
}

ul#menu li#materiali {
	background:url(../img/menu-materiali.jpg) no-repeat top left;
	width:168px;
	height:166px;
}

ul#menu li#materiali h2 {
	background:url(../img/h2-materiali.jpg) no-repeat top left;
	width:84px;
	height:29px;
}


ul#menu li ul {
	margin:0;
	padding:94px 13px 0 0;
	list-style-type:none;
	}
	
ul#menu li ul.due-item {
	padding-top:89px;
	}

ul#menu li ul.tre-item {
	padding-top:68px;
	}

ul#menu li ul li {
	margin:0 0 0 0;
	padding:0;
	text-align:right;
	}

ul#menu li ul li a {
	color:#FFF;
	text-decoration:none;
	}

ul#menu li ul li a:hover {
	text-decoration:underline;
	background-color:transparent;
	}

/***********************************************
Center Settings
***********************************************/

.banner {
	width:507px;
	height:166px;
	margin:0 0 17px 0;
}

#banner-noi {
	background:url(../img/banner-noi.gif) no-repeat top left;
}

#banner-noi #noi-sx {
	float:left;
	width:200px;
	padding:12px 0 0 15px;
}

#banner-noi #noi-dx {
	margin-left:202px;
	padding:10px 0 0 0px;	
}

#banner-blog {
	background:url(../img/banner-blog.jpg) no-repeat top left;
	padding:11px 0 0 0;
	height:155px;	
}

#banner-blog h3 {
	margin:0px 0 0 18px;
	height:25px;
	width:155px;
	background:url(../img/h3-intercultura.jpg) no-repeat top left;	
}

#banner-blog h3 a {
	width:155px;
	text-indent:-300000px;
	height:25px;
	display:block;
}

#banner-blog h3 a:hover {
	background-color:transparent;
}

#banner-blog ul {
	list-style-type:none;
	margin:15px 0 0 11px;
	padding:0;
}

#banner-blog ul li {
	margin:3px 0 3px 0;
	padding:0;
}

#banner-blog ul li a {
	text-decoration:none;
	font-size:1.4em;
	padding:0 0 0 23px;	
}

#banner-blog ul li a#risposta { background:url(../img/ico-blog-domande.gif) no-repeat 0 2px;}
#banner-blog ul li a#materiale { background:url(../img/ico-blog-materiale.gif) no-repeat 2px 2px;}
#banner-blog ul li a#ascolto { background:url(../img/ico-blog-ascolta.gif) no-repeat 1px 2px;}
#banner-blog ul li a#canzone { background:url(../img/ico-blog-canzone.gif) no-repeat 1px 4px;}
#banner-blog ul li a#lavoro { background:url(../img/ico-blog-lavoro.gif) no-repeat 1px 4px;}
#banner-blog ul li a#italiano { background:url(../img/ico-blog-italiano.gif) no-repeat 1px 4px;}

#banner-blog ul li a:hover {
	color:#e51837;
	background-color:#FFF;
	text-decoration:underline;
}


#banner-materiali {
	background:url(../img/banner-materiali.gif) no-repeat top left;
}

#banner-materiali #materiali-sx {
	float:left;
	width:200px;
	padding:12px 0 0 15px;
}

#banner-materiali #materiali-dx {
	margin-left:202px;
	padding:10px 0 0 0px;	
}


.text {
	margin:6px 0 0 9px;
	padding:0 0 9px 0;
	font-size:1.1em;
	background-color:#FFF;
}

.text h2 {
	margin:0;
	padding:0;
	font-size:1.3em;
	}

.text p {
	margin:8px 0 0 0;
	padding:0;
}

/***********************************************
Right Settings
***********************************************/

#right-box {
	width:269px;
}

#right-box-top {
	height:47px;
	background:url(../img/right-top.jpg) no-repeat top left;
	/*background:url(../img/right-top2.gif) no-repeat top left;*/
	padding:16px 0 0 0;
}	

#right-box-top h2 {
	margin:0px 0 0 18px;
	padding:0;
	text-indent:-3000px;
	background:url(../img/h2-ultimi-post-dal-blog.jpg) no-repeat top left;
	width:176px;
	height:17px;
}

#right-box-bottom {
	background:url(../img/right-bottom.jpg) no-repeat bottom left;
	padding:3px 23px 38px 33px;
}	

#right-box-bottom #chan {
	margin:0;
	height:418px;
	overflow:auto;
	padding:15px 15px 0px 5px;	
	}

#right-box-bottom #chan #item_title {
	margin:0;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	color:#555;
	}

#right-box-bottom #chan #item_link {
	margin:0 0 15px 0;
	text-align:right;
	padding:0 0 20px 0;
	border-bottom:1px solid #ddd;
	}

/********************************************
Inner pages Settings
********************************************/

#page {
	margin-left:180px;
	padding-right:20px;
	padding-top:6px;
}

.text {
	margin-top:25px;
}

.text h3 {
	margin:5px 0 0 0;
	padding:0;
	font-size:1.1em;
	}

.text ul {
	list-style-image:url(../img/arrow.gif);
}

.text ul li {
	margin-bottom:15px;
}

.text ul.booklist li ul {
	list-style-image:none;
	list-style-type:none;
	margin-top:10px;
	margin-bottom:15px;
}

.text ul.booklist li ul li {
	margin-bottom:2px;
}

.text ul.singlebooklist li {
	margin-bottom:0;
}

.text ul.normallist li {
	margin-bottom:2px;
}

.note {
	font-weight:bold;
	font-size:0.8em;
	line-height:10px;
	}

.poster {	
	float:right; 
	border:1px solid #ccc; 
	margin-left:14px; 
	margin-bottom:10px; 
	padding:3px; 
	background-color:#eee;
	}
	
/***************************************
Page turner JS
***************************************/

h3.sfoglia {
margin:30px 0 0 0;
padding:0;
font-size:1.2em
}

div#book {
	margin:10px auto 0 auto;
	width:440px;
}

div#turner {
padding-top:15px;
width:440px;
height:320px;
position:relative;
background: transparent url(../img/noi-base-pagina1.png) 0px 2px  no-repeat; /* this graphic gives us the book edges and the shadows around the edges 
/*background-color:#666;*/
}

#leftpage, #rightpage {
float:left;
position:relative;
background-image:url(../img/noi-pagine2.jpg);
overflow:hidden;
width:200px;
height:286px;
left:20px; 
cursor:pointer;
}
#leftpage{
background-position:0 0px;
}
#rightpage{
background-position:200px 0 
}
div#flip {
background: transparent url(../img/noi-sfoglio3.png) top center;
height:316px;
width:90px;
position:absolute;
top:0;
left:174px;
z-index:99;
margin-bottom:0;
padding-bottom:0;
}

div.didascalia {
	font-weight:bold;
	text-align:right;
	font-size:0.9em;
	color:#666;
}

/* Accoglienza */

div.accoglienza {
width:450px;
}

div.accoglienza #turner {
background: transparent url(../img/accoglienza-base-pag1.png) 0px 2px  no-repeat; 
width:450px;
padding-top:16px;
}

div.accoglienza #turner #leftpage, div.accoglienza #turner #rightpage{
background-image:url(../img/accoglienza-pagine.jpg);
width:200px;
height:286px;
}

div.accoglienza #turner div#flip {
background: transparent url(../img/accoglienza-sfoglio.png) top center;
}

ul.icons {
	height:250px;
	list-style-type:none;
	list-style-image:none;
	}

ul.icons li {
	margin:10px 18px;
	border:1px solid #000;
	float:left;
	}

ul.icons li a img {
	border: none;
	}

/******************************************************
Blog Settings
******************************************************/

#content.contentblog {
	margin-top:11px;
	}

.contentblog #left {
	padding-top:12px;
	}

#pageblog {
	margin-left:170px;
	padding-right:20px;
	padding-top:0px;
}

#pageblog #breadcrumbs {
	margin-left:10px;
}

#pageblog  h2.title {
	margin:0 0 0 0;
	width:621px;
	height:80px;
	background:url(../img/blog-header.gif) no-repeat top left;
	}

#pageblog h2.title a {
	display:block;
	text-indent:-3000px;
	width:621px;
	height:80px;
	background:url(../img/blog-header.gif) no-repeat top left;
}

#pageblog .description {
	text-align:center;
	margin:5px 170px 25px 5px;
	font-size:17px;
	font-variant:small-caps;
	color:#333;
	letter-spacing:-1px;
	}

#pageblog .text {
	width:550px;
	float:left;
	margin-top:5px;
	margin-left:30px;
}

.navigation {
	margin-bottom:45px; 
	font-size:10px
}
	
.navigation .alignleft {
	float:left;
	}

.navigation .alignright {
	float:right;
	}		
	
.post {
	margin:20px 0 40px 0;
	}

.post h3 {
	padding-bottom:6px;
	background:url(../img/blog-title.gif) no-repeat bottom left;
	font-size:20px;
	}

.post h3 a {
	text-decoration:none;
	font-weight:normal;
	}

.post h3 a:hover {
	text-decoration:underline;
	color:#e51837;;
	background-color:transparent;
	}

.post .entry {
	padding:5px 15px 5px 5px;
	font-size:12px;
	}

.post .entry p {
	font-size:16px;
	}

.post .entry a img {
	border:none;
	}

.post .entry .attachment {
	margin:10px;
	display:block;
	clear:both;
}

.post .entry .attachment a img {
	border:none;
	float:left;
}

.post .entry .attachment a.link {
	padding:10px 0 0 0;
	height:38px;
	display:block;
}

.post .entry .attachment a:hover {
	background-color:transparent;
	color:#e51837;
	}
	
.post .postmetadata {
	padding-top:9px;
	background:url(../img/blog-footer.gif) no-repeat top right;
	color:#777;
	text-align:right;
	}

.post .searchmetadata {

}

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

textarea#comment {
	width:540px;
}

#sidebar {
	margin-left:770px;
	padding:10px 10px 5px 10px;
}

#sidebar #sidebar-top {
	width:180px;
	height:20px;
	background:url(../img/sidebar-top.gif) no-repeat top left;
	}

#sidebar #sidebar-middle {
	background:url(../img/sidebar-middle.gif) repeat-y top left;
	width:140px;
	padding:1px 15px 1px 20px;
}

#sidebar #sidebar-bottom {
	background:url(../img/sidebar-bottom.gif) no-repeat top left;
	height:20px;
	width:180px;
}

#sidebar #sidebar-middle ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#sidebar #sidebar-middle ul li.widget {
	margin:5px 10px 20px 0;
}

#sidebar #sidebar-middle ul li.widget ul {
	list-style-image:url(../img/arrow.gif);
	margin-left:7px;
	}

#sidebar #sidebar-middle ul input {
	width:110px;
}

h2.widgettitle, #sidebar h4 {
	margin:0 0 4px 0;
	padding:0;
	font-size:12px;
	}

#sidebar .search form {
	margin:5px 0 0 0;
	}

#sidebar .search input.input {
	width:110px;
}

#sidebar .search input.submit {
	margin:5px 0 5px 75px;
	font-weight:bold;
} 

#sidebar #sidebar-middle ul li#subscribe2widget {
	margin-bottom:5px;
}

/********************************************************
Admin Settings
*********************************************************/

#breadcrumbs-admin {
	float:left; 
	width:500px;
}

#logout {
	float:right;
}


#loginpage {
	text-align:left;
	margin:30px 0 10px 100px;
}

#loginform {
	margin:0 0 15px 0;
	}

.rosso {
	color:#F00;
}

.star {
	color:#000;
	font-size:14px;
	font-weight:bold;
}

table.agenzie {
	margin-top:20px;
}

table.agenzie tr td {
	padding-bottom:7px;
}

table.agenzie tr td.tdleft {
	width:210px;
	text-align:right;
	padding-right:10px;
}

a.checkedTag {
	background-color:#e51837;
	color:#FFF;
}

div#googlemap {
	
}

div#map {
	width: 740px; 
	height: 350px; 
	margin:20px 0; 
	border:1px solid #666;
}

div#directions {
	margin-bottom:20px; 
	margin-right:28px;
}

div#search {
	width: 740px; 
	margin:40px 0px 40px 0;
	background-color:#ccc;
	padding:5px;
	border:2px solid #666;
}

table#stripes {
	width:98%;
border: 1px solid #666;
	margin-top:20px;
}

table#stripes tr th {
	text-align:center;
	background-color:rgb(51, 55, 57);
	color:#FFF;
	padding:6px 8px;
	border-bottom: 1px solid #999;
}

table#stripes tr th a {
	color:#FFF;
	text-decoration:none;
}

table#stripes tr th a:hover {
	background-color:transparent;
	color:#aaa;
}

table#stripes tr td {
	text-align:center;
		padding: 3px 8px;
		background: #fff;
		border-left: 1px solid #D9D9D9;
}

table#stripes tr.even td{
		background: #eee;
	}

table#stripes tbody tr.selected td{
		background: #3d80df;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
	}
table#stripes tbody tr.ruled td{
		color: #000;
		background-color: #C6E3FF; 
		font-weight: bold;

	}
	
	/* Opera fix */
head:first-child+body table#stripes tr.ruled td{
		background-color: #C6E3FF; 
	}

table#stripes tr td.province {
	font-weight:bold;
	text-align:left;
	width:200px;
}

/************************************
Esercizi Blog
************************************/

div#exercise-generator {
	margin:20px 0 0 0;
	}

div#exercise-generator form label {
	width:100px; 
	float:left;
	padding-top:3px;
}

div.domanda {
	padding:10px;
	margin:20px 5px;
	border:1px solid #ddd;
	}
	
div.domanda ul.risposte {
	margin-left:80px;
	list-style-type:none;
	list-style-image:none;
	}	

div.domanda ul.risposte li {
	margin:4px 0;
}

div.domanda ul.risposte li input.radio {
	float:left;
	width:auto;
	margin-right:10px;
	}	

div#esercizio4, div#esercizio5, div#esercizio6, div#esercizio7, div#esercizio8, div#esercizio9, div#esercizio10 {
  display: none;
}

/****/

/*.blog-exercise {
	border:1px solid #bbb;
	padding:5px 15px 15px 15px;
	margin:15px 0;
}*/

h4.blog-exercise-title {
	font-size:1.3em;
	margin:25px 0 15px 0;
	padding:3px 0 3px 0;
	border-bottom:1px solid #bbb;
}

ul.blog-exercise-list {
	list-style-type:none;
	list-style-image:none;
}

ul.blog-exercise-list li ul {
	list-style-type:none;
	list-style-image:none;
	}
	
ul.blog-exercise-list li ul li {
	margin:0 0 0 7px;
}

.green {
	background:#99FF66 url(../img/ok.gif) right top;
	border:2px solid #009900;
	padding:3px 20px 3px 0;
	font-weight:bold;
	}
	
/************************************
Flash
************************************/

#flashapp {
	margin:20px 0 10px 0px;
}

/********************************************************
SiteMap
*********************************************************/

.sitemap {
	line-height:20px;
	margin:20px 0 10px 20px;
}

.sitemap ul, .sitemap ul li {
  list-style-type: none;
  list-style-image:none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.sitemap span.none, .sitemap span.vert, .sitemap span.last, .sitemap span.midd {
  width: 24px;
  height: 18px;
  margin-left: 1em;
  background: transparent 0px 0px no-repeat;
  display: block;
  float: left;
}

.sitemap span.vert {background-image: url(../img/map_vert.gif);}
.sitemap span.last {background-image: url(../img/map_last.gif);}
.sitemap span.midd {background-image: url(../img/map_midd.gif);}


/************************************************************
Panebianco pages
*************************************************************/

.pb {
	font-size:1.3em;
	padding-right:25px;
	}

.pbtable {
	width:90%;
	margin:10px auto;
	border:1px solid #777;
}

.pbtable th {
	font-weight:bold;
	color:#FFF;
	background-color:#000;
	padding:4px;
	text-align:center;
	}

.pbtable td {
	padding:4px;
}

.pbtable td.pbtable-left {
	font-weight:bold;
	border-right:1px solid #777;
	border-bottom:1px solid #777;	
	width:25%;
}

.pbtable td.pbtable-right {
	border-bottom:1px solid #777;
}
.warning {
	border:1px solid #777;
	padding:1%;
	background-color:#ddd;
	margin:20px auto;
	width:88%;
}

h4.panebianco {
	font-size:1.25em;
	margin-bottom:2px;
}

.indent p {
	text-indent:20px;
	margin:0;
	}
	
/********************************************
New Exercises override
********************************************/

.custom-esercizio {
	margin:20px 0;
}

.text .post .entry .custom-esercizio ul {
	list-style-image:none;
}

.text .post .entry .custom-esercizio ul li {
margin-bottom:0;
}