@charset "utf-8";
/* CSS Document */

@charset "utf-8";
html, body {
	margin: 0;
	padding:0
}
body {
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	background-color: #000;
}
div#container {
	width:950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(image/sfondo_home.jpg);
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	height: 600px;
	float: none;
}
div#containerBlack {
	width:950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(image/sfondo_black.jpg);
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	height: 600px;
}
div#containerBlackColor {
	width:950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(image/sfondo_blackColor.gif);
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	height: 600px;
}
.blackcolor div#containerBlackColor {margin-top:20px;}
.upbooks div#containerBooks {
	margin-top:20px;
	background-image:url(image/books/sfondo_books.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.black div#containerBlack {margin-top:20px;}
.arguto div#containerBooks {
	background-image:url(image/books/sfondo_arguto.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.ore div#containerBooks {
	background-image:url(image/books/sfondo_ore.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bambini div#containerBooks {
	background-image:url(image/books/sfondo_bambini.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.cavaliere div#containerBooks {
	background-image:url(image/books/sfondo_cavaliere.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.cuore div#containerBooks {
	background-image:url(image/books/sfondo_cuore.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #000;
}
.mostri div#containerBooks {
	background-image:url(image/books/sfondo_mostri.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.promessi div#containerBooks {
	background-image:url(image/books/sfondo_promessi.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #000;
}
.rosa div#containerBooks {
	background-image:url(image/books/sfondo_rosa.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.canto div#containerBooks {
	background-image:url(image/books/sfondo_canto.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#containerBooks {
	width:950px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	background-position: center top;
	height: 640px;
	background-color: #FFF;
}
div#containerSoccer {
	width:950px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	height: 600px;
	background-color: #FFF;
	background-image: url(image/soccer/sfondo.jpg);
}
div#containerContact {
	width:950px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFF;
}
div#containerContact h1{
	font-family: 'Coming Soon', cursive;
	font-size:38px;
	color:#d00505;
	padding-top: 20px;
}
nav {
	font-family: 'Coming Soon', cursive;
	width: 950px;
	height: 45px;
	padding-top: 490px;
	text-align: center;
}
nav ul {
	list-style-type: none;
	display: inline;
	padding: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
nav ul2 {
	list-style-type: none;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
nav li {
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
nav a {
	color:#FFFFFF;
	text-decoration: none;
	font-family: 'Coming Soon', cursive;
	font-size: 14px;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
}
nav a:hover {
	color: #d00505;
	text-decoration: none;
	font-family: 'Coming Soon', cursive;
	font-size: 14px;
}
article {
	display: inline-block;
	float: left;
	width: 268px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 130px;
	margin-right: -30px;
}
article p {
	text-align: left;
}
article a {
	font-family: Helvetica,sans-serif;
    font-size: 13px;
	color:#000
}
article a:hover {
	color: #d00505;
}
footer {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #aaa9a9;
	display: block;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}
footer a {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #aaa9a9;
}
footer a:hover {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
div#footerContact {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #aaa9a9;
	display: block;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
div#footerContact a {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #aaa9a9;
}
div#footerContact a:hover {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
.upbooks footer{
	position:relative
}
.blackcolor div#immagine {
	height: 382px;
	/*text-align: center;*/
}
div#immagine {
	height: 365px;
	display: block;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 20px;
	text-align: center;
}
.book div#immagine {	width: 550px;}
.black div#immagine {	width: 950px;}


div#immagine div{
	width: 100%;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 20px;
	text-align: center;
}
div#immagine div span {
	font-family: Helvetica-light, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	display: block;
	width:350px;
	height:25px
}
div#immagineBook_cnt {
	float: left;
	width: 470px;
	height:540px;
	overflow:hidden;
	margin-right:10px;
}
.soccer div#immagineBook_cnt {
	width: 606px;
}

.blackcolor div#immagine_cnt {
	width: 950px;
	height:400px;
	position:relative;
	display: inline-block;
}


div#immagine_cnt {
	width: 950px;
	height:400px;
	overflow:hidden;
	text-align: center;
}
div#immagineBook {
	margin:0 auto;
	vertical-align:middle;
}
div#immagineBook div {
	margin-top:20px;
	height:516px;
}
div#immagineBook div:after {
	content: '';
	display: inline-block;
	height: 90%;
	vertical-align: middle;/*margin-right: -0.25em; /* Adjusts for spacing */
}
div#immagineBook div img {
	vertical-align:middle;
	display: inline-block;
}
div#immagineBook div span {
	font-family: Helvetica-light, Helvetica, sans-serif;
	position:absolute;
	top:456px;
	left:0px;
	font-size:15px;
	font-weight:bold;
	width:450px;
	height:22px;
	color:#000000;
	/*border: 2px solid #fff;*/
	/*background-color: rgba(96,96,96,0.5);*/
}
.soccer div#immagineBook div span {
	position:absolute;
	top:402px;
	left:0px;
	font-size:15px;
	font-weight:bold;
	width:450px;
	height:22px;
	color:#fff;
	/*border: 2px solid #fff;*/
	background-color: rgba(96,96,96,0.5);
}
div#immagineContact {
	height: 70px;
	display: block;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 20px;
	padding-left: 120px;
}
div#menuBlack {
	display: block;
	width: 400px;
	padding-left: 70px;
	float: left;
	padding-top: 70px;
	clear: both;
}
div#menuBC {
	/*display: block;
	width: 400px;
	padding-left: 70px;
	float: left;
	padding-top: 70px;
	*/
}
div#menuBC ul {
	height:22px;
	/*display: block;
	float: left;
	margin-left: -30px;
	*/
}
div#menuBC li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}
div#menuBC li a {
	/*display: inline;*/
	font-family: 'Coming Soon', cursive;
	font-size: 21px;
	color: #000;
	text-decoration: none;
}
div#menuBC li:hover {
	text-decoration: none;
	padding-top: 3px;
	color: #399;	
	display: inline-block;
}
div#freccia {
	position: absolute;
	top: 600px;
}
div#frecciaContact {
	display: block;
	padding-left: 106px;
	padding-top: 40px;
}
.upbooks div#freccia {
	top: 0px;
}
.black div#freccia{
	top: 500px;
	padding-left: 48px;
}
.blackcolor div#freccia, .soccer div#freccia {
	top: 550px;
	padding-left: 48px;
}
.books div#freccia{
	right: 654px;	
}
.ore div#freccia, .promessi div#freccia{
	right: 730px;
}
.bambini div#freccia, .arguto div#freccia{
	right: 604px;
}
.canto div#freccia{
	right: 650px;
}
.mostri div#freccia{
	right: 640px;
}

div#miniature {
	float: right;
	width: 650px;
	padding-top: 50px;
	padding-right: 100px;
	text-align: left;
}
div#miniature ul {
	list-style-type:none;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 90px;
}
div#miniature li {
	padding-right: 4px;
	padding-left: 4px;
	vertical-align: middle;
	display: inline;
	padding-bottom: 0px;
	border:none;
}
div#miniature img {
	cursor:pointer;
}
.upbooks div#miniature{
	position:relative;
	float: left;
	width: 950px;
	padding-top: 30px;
}
.cavaliere div#miniature, .promessi div#miniature, .mostri div#miniature, .ore div#miniature{
	position:relative;
	float: left;
	width: 950px;
	padding-top: 30px;
}
.upbooks div#miniature img {
	padding-right: 10px;
	padding-left: 10px;
}
div#didascalia{
	font-family: 'Coming Soon', Helvetica, cursive, sans-serif;
	font-size: 16px;
	color: #000;
	text-decoration: none;
	text-align: left;
	height: 105px;
	width: 400px;
}
div#didascalia h3{
	font-family: 'Coming Soon', Helvetica, cursive, sans-serif;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
	font-weight: lighter;
	margin-top: -15px;
}
.ore div#didascalia {
	position:absolute;
	left: 830px;
	top: 489px;
}
.arguto div#didascalia {
	position:absolute;
	left: 918px;
	top: 460px;
}
.bambini div#didascalia {
	position:absolute;
	left: 948px;
	top: 490px;
}
.canto div#didascalia {
	position:absolute;
	left: 878px;
	top: 477px;
}
.cavaliere div#didascalia {
	position:absolute;
	left: 868px;
	top: 442px;
}
.rosa div#didascalia {
	position:absolute;
	left: 915px;
	top: 471px;
}
.cuore div#didascalia {
	position:absolute;
	left: 890px;
	top: 442px;
	color: #FFF;
	
}
.promessi div#didascalia {
	position:absolute;
	left: 811px;
	top: 500px;
	color: #FFF;
	width: 200px;
}
div#soccermenu {
	margin-right: 80px;
	float: right;
	margin-top: 20px;
	margin-left: -20px;
}
.mostri div#didascalia {
	position:absolute;
	left: 892px;
	top: 442px;
}
div#soccermenu ul {
	list-style-type:none;
	display: inline-block;
	float: none;
}
div#soccermenu li {
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}
div#books {
	float:left;
	margin: 8px 0 0 36px;
	font-family: 'Coming Soon', cursive;
	font-size:25px;
}
.upbooks div#books {
	float:left;
	margin: 8px 0 0 36px;
	font-family: 'Coming Soon', cursive;
	font-size:25px;
	position:absolute;
}
div#modulo {
	display: inline-block;
	width: 900px;
	padding-top: 10px;
}
div#modulo p {
	text-align: left;
	padding-left: 120px;
}
div#modulo a {
	color: #F00;
}
div#modulo a:hover {
	color: #000;
}
div#testo {
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 30px;
	padding-left: 30px;
}
div#testo p {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
}
div#testo h1 {
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	line-height: 20px;
	color: #F00;
}
.back {
	width: 40px;
	height: 17px;
	float: left;
	display: block;
}
.back a {
	display: inline-block;
	width: 40px;
	height: 17px;
	background: url(image/freccia.png) no-repeat top left;
}
.back a:hover {
	background-position: top right;
}
.backBlack a {
	display: inline-block;
	width: 40px;
	height: 17px;
	background: url(image/freccia_Black.png) no-repeat top left;
}
.backBlack a:hover {
	background-position: top right;
}

.halfSize {
    float: left;
    width: 50%;
}
.leftSize {
    float: left;
    width: 70%;
}
.rightSize {
    float: left;
    width: 30%;
}