@font-face {
	font-family: soopafree;
	src: url('http://www.mondadorieducation.it/media/contenuti/canali/primaria/GPC/fonts/soopafre-webfont.ttf'),
    url('http://www.mondadorieducation.it/media/contenuti/canali/primaria/GPC/fonts/soopafre-webfont.eot');
}

@font-face {
	font-family: bbcasual;
	src: url('http://www.mondadorieducation.it/media/contenuti/canali/primaria/GPC/fonts/bbcasual_reg-webfont.ttf'),
    url('http://www.mondadorieducation.it/media/contenuti/canali/primaria/GPC/fonts/bbcasual_reg-webfont.eot');
}

@font-face {
	font-family: dsareg;
	src: url('http://www.mondadorieducation.it/media/contenuti/canali/primaria/GPC/fonts/Agenda-Regular.ttf'),
    url('http://www.mondadorieducation.it/media/contenuti/canali/primaria/GPC/fonts/Agenda-Regular.eot');
}

@font-face {
	font-family: dsabold;
	src: url('http://www.mondadorieducation.it/media/contenuti/canali/primaria/GPC/fonts/Agenda-Bold.ttf'),
    url('http://www.mondadorieducation.it/media/contenuti/canali/primaria/GPC/fonts/Agenda-Bold.eot');
}

/*------- Index ------*/

#index_hype_container .description {
	font-size:17px;
	line-height:120%;
	font-family: dsareg, Helvetica, Arial, sans-serif;
}

#index_hype_container .title {
	font-family:dsabold, helvetica, arial, sans-serif;
	font-size:24px;
	margin: 8px 0 10px 0;
}

/*------- Scene ------*/

#container p {
	font-size:18px!important;
	line-height:115%!important;
	font-family: dsareg, Helvetica, Arial, sans-serif!important;
}


#container h2 {
	font-family:dsabold;
	font-size:24px!important;
	line-height: 1em;
	color: #526381;
}

#container a {
	text-decoration: none;
	font-weight: bold;
	color: #ff7800;
}

#container a:hover {
	color: #fe9940;
}

#container .itemlist {
	padding:30px 20px;
}

#container .tips {
	font-size:14px!important;
}

/*#container .hit {
	font-size:24px;
	color: #FF6600;
	line-height: 1em;
	font-weight:bold;
}*/

#comics {
	/*display: table;*/
	font-family:dsareg, helvetica, arial, sans-serif;
	font-size:18px;
	color: #000;
	line-height: 1em;
	text-transform: uppercase;
	text-align: center!important;
}

.baloon {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px;
    font-family:dsareg, helvetica, arial, sans-serif;
	font-size:16px;
	color: #000;
	line-height: 1em;
	text-transform: uppercase;
}


#hit {
	font-family:dsareg, helvetica, arial, sans-serif;
	font-size:24px;
	color: #FF6600;
	line-height: 1em;
	font-weight:bold;
}

/*-------- convivenza -------*/

#convivenza p {
	font-family:dsareg, helvetica, arial, sans-serif;
	font-size:1.2em;
}

#convivenza .title {
	font-family:dsabold, helvetica, arial, sans-serif;
	font-size:24px;
}

/*-------- segnaletica -------*/

#segnaletica_hype_container .labels {
	font-family:dsareg, helvetica, arial, sans-serif;
	font-size:18px;
	font-weight:bold;
}

#segnaletica_hype_container h2 {
	font-family:dsabold, helvetica, arial, sans-serif;
	font-size:24px;
	color: red;
}

#segnaletica_hype_container .description {
	font-family:dsareg, helvetica, arial, sans-serif;
	font-size:20px;
}

/*------- dj index ------*/

#dj_hype_container {
	background: url('images/dj.jpg') no-repeat 20px 20px;
}

#dj_hype_container a {
	text-decoration: none;
}

#dj_hype_container .listitem {
	font-family:dsareg, helvetica, arial, sans-serif;
	font-weight: bold;
	color: #4d4d4d;
	font-size: 20px;
	padding: 20px 20px 20px 80px;
}
	

/*------- dj content ------*/

#dj {
	background: url('images/dj.jpg') no-repeat 20px 20px;
	padding: 20px 40px 0 180px;
	min-height: 250px;
}

#dj p {
	font-size: 1.3em;
}

/*#dj a:link, a:visited {
	text-decoration:none;
}*/

/*#dj a:hover {
	background:#80FFFF;
}*/

#dj p {
	text-indent:-10pt;
	margin-left:20pt;
	margin-top:2pt;
	margin-bottom:2pt;
	font-family: dsareg, "Times New Roman", Times, serif;
}

#dj div.Header {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-indent:-10pt;
	margin-left:10pt;
	margin-top:3pt;
	margin-bottom:2pt
}

#dj div.Note {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:11pt;
	text-indent:0pt;
	margin-left:10pt;
	margin-right:10pt;
	margin-top:7pt;
	margin-bottom:2pt;
	border:2px outset #DC0028;
	padding:3px;
}

#dj .Gramm {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	color:#DC0028;
	font-weight:bold;
	font-size:10pt;
}

#dj .Reg {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-style:italic;
	color:#DC0028;
}

#dj .Cat {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:gray;
}

#dj .Exe {
	font-family:dsareg, "Times New Roman", Times, serif;
	font-style:italic;
	color:#0000A0;
}

#dj .Infl {
	font-style:italic;
	color:#DC0028;
}

#dj .Gov {
	font-weight:bold;
}

#dj .Hword {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:bold;
	/*color:red;*/
	color: #DC0028;
}
#dj .Loc {
	font-family:dsareg, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#DC0028;
}

#dj .Pron {
	font-family:dsareg, Arial, Helvetica, sans-serif;
}

#dj .x {
	color:white;
}

#dj .Phon {
	font-style:italic;
}

#dj .Morpho {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:12pt;
}

#dj .Xref {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12pt;
}

#dj .Alias {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:13pt;
	font-weight:bold;
	font-style:italic;
	/*color:red;*/
	color: #DC0028;
}

#dj .Num {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	color:gray
}

#dj .Omo {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:9pt;
}

#dj .Exp {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:8pt;
}

#dj .s {
	color:#C00000;
}

#dj .sh {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:white;
	background-color:#C00000;
	font-weight:bold;
	padding:2px;
}

#dj .sv {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:11pt;
	/*color:red;*/
	color: #DC0028;
	font-weight:bold;
}

#dj .sn {
	font-family:dsareg, Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:gray;
	font-weight:bold;
}

#listenbt {
	background: #d11717 url(images/listenbt.png) no-repeat 8px center;
	border: 2px solid #eee;
	line-height: 28px;
	margin-top: 13px;
	padding: 12px 8px 8px 40px;
	overflow: hidden;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	text-transform: uppercase;
	text-decoration:none;
	font-family:dsabold, Arial, Helvetica, sans-serif;
	font-size:18px;
}

#indexbt {
	background: #d11717 url(images/indexbt.png) no-repeat 8px center;
	border: 2px solid #eee;
	line-height: 28px;
	margin-top: 13px;
	padding: 12px 8px 8px 40px;
	overflow: hidden;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	text-transform: uppercase;
	text-decoration:none;
	font-family:dsabold, Arial, Helvetica, sans-serif;
	font-size:18px;
}

#listenbt:hover {
	background: red url(images/listenbt.png) no-repeat 8px center;
}

#indexbt:hover {
	background: red url(images/indexbt.png) no-repeat 8px center;
}

/*------- Game ------*/

#game_hype_container p {
	font-size:22px;
	line-height:120%;
	font-family: dsareg, Helvetica, Arial, sans-serif;
}


#game_hype_container h2 {
	font-family:dsabold;
	font-size:30px;
	color: #526381;
}

/*------- Credits ------*/

#credits_hype_container p {
	font-size:18px;
	line-height:110%;
	font-family: dsareg, Helvetica, Arial, sans-serif;
}


#credits_hype_container h2 {
	font-family:dsabold;
	font-size:30px;
	color: #526381;
}


/*------- jQuery WDJ Dialog (deprecated) ------*/

/*.wdj-header {
	background:url('CPC_Resources/button_dj_over.png') no-repeat left center;
	height:80px;
	padding: 20px 10px 0 100px;
}*/


.wdj .ui-dialog-titlebar  {
	border: 0;
	background:url('scripts/images/wdj-header.png') no-repeat left top;
	width:466px;
	height:96px;
	margin: 7px 7px 20px 7px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0!important;
	position:absolute;
}

.wdj .ui-dialog-titlebar-close {
	/*display:none;*/
	top: 15px!important;
}


.wdj .ui-dialog-content {
	padding-top:0!important;
	margin:0;
	font-size: 1em;
}

.wdj .ui-button-text {
	font-size: 0.8em;
	color:#999;
}

.wdj button.ui-icon-listen .ui-button-text {
	background: url('scripts/images/sndbt.png') no-repeat 10px center;
	padding-left:40px;
}

.wdj a.button:link, a.button:visited { width:88px; text-decoration:none; }
.wdj a.button:hover{ background:#80FFFF;text-decoration:none; }


/* effects */

.flipped {
    transform: scale(-1, 1)!important;
    -moz-transform: scale(-1, 1)!important;
    -webkit-transform: scale(-1, 1)!important;
    -o-transform: scale(-1, 1)!important;
    -khtml-transform: scale(-1, 1)!important;
    -ms-transform: scale(-1, 1)!important;
}

#background {
	position:absolute;
	/*background-image:url("images/sfondo.png");*/
	background-size:580px 434px;
	width:580px;
	height:434px;
	z-index:auto;
}