/* -- elementi generali -- */

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	text-align:center;
	color: #333;
	background-color: #ededed;
	margin : 0px 0px 0px 0px;
	padding : 0;
	background-image : url("../images/grafica/bodybackground.gif");
}

img
{
border: 0;}

hr {
display: none;}

acronym {
  cursor: help;
  border-bottom: 1px solid #adadad;
}

SELECT {
FONT-SIZE: 0.9em;
color:#000;
text-transform: uppercase;
letter-spacing: 0.1em;
border: #7e9db9 1px solid;}

INPUT {
border-right: #7e9db9 1px solid;
border-top: #7e9db9 1px solid;
font-weight: normal;
font-size: 0.9em;
border-left: #7e9db9 1px solid;
color: #333033;
border-bottom: #7e9db9 1px solid;
font-family: arial, helvetica, sans-serif;
}

.ricerca {
border-right: #7e9db9 1px solid;
border-top: #7e9db9 1px solid;
font-weight: normal;
font-size: 0.8em;
border-left: #7e9db9 1px solid;
width: 145px;
color: #333033;
border-bottom: #7e9db9 1px solid;
font-family: arial, helvetica, sans-serif;
}

.login {
border-right: #7e9db9 1px solid;
border-top: #7e9db9 1px solid;
font-weight: normal;
font-size: 0.9em;
border-left: #7e9db9 1px solid;
width: 145px;
color: #333033;
border-bottom: #7e9db9 1px solid;
font-family: arial, helvetica, sans-serif;
}

.go {

margin-top: 6px;
font-weight: bold;
font-size: 0.9em;
width: 15px;
color: #fff;
font-family: verdana, geneva, arial, helvetica, sans-serif;
background-color: #f16311;
border: none;}

.go2 {
margin-top: 6px;
font-weight: bold;
font-size: 0.9em;
color: #fff;
font-family: verdana, geneva, arial, helvetica, sans-serif;
background-color: #f16311;
border: none;}

.tab {
display: block;
width:145px;}

/* -- classi di layout e container principali-- */


#bigcontainer {

	width: 780px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color : transparent;
	background-image : url("../images/grafica/bigcontainerbackground.gif");
}



#bottomcontainer {
	text-align:left;
	width: 780px;
	height: 61px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color : transparent;
	background-image : url("../images/grafica/footerbackground.gif");
}

#bottomcontainer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #botto,container {height: 1%;}
/* End hide from IE-mac */



#topcontainer {
text-align:left;
	width: 780px;
	height: 58px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color : transparent;
	background-image : url("../images/grafica/headerbackground.gif");
}



#maincontainer {
	text-align:left;
  width: 760px;
  	margin-top: 0px;
	margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  background-color : transparent;
}


#maincontainer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #maincontainer {height: 1%;}
/* End hide from IE-mac */



/* -- area contenuto principale e barre dei menu-- */
#menu_soggetti {
	clear: left;
	float: left;
	width: 180px;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 0.9em;
}



#menu_soggetti ul {	

	list-style: none;
	width: 180px;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 1.5em;
font-weight: bold;
}	



#menu_soggetti li {
	margin-bottom: 4px;
}



#menu_soggetti li a, #menu_soggetti li a:visited {
	text-align: right;
	height: 40px;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 8px 8px 5px 10px;
	background: #F16311;
	border : 1px solid #999;
}	

	

#menu_soggetti li a:hover {

	background: #cacaca;

	color: #000;

}

#content {
  float: right;
  width: 382px;
  margin-right: 10px;
}

#contentinterno {
  float: right;
  width: 562px;
  margin-right: 10px;
    margin-top: 10px;
}

#contentinterno2 {
  float: right;
  width: 460px;
  margin-right: 5px;
}

#content p, #contentinterno p, #contentinterno2 p {
margin-top: 0px;
background-color: transparent;
padding-top: 0em;
padding-left: 8px;
line-height:1.5em;
padding-bottom: 0em;
padding-right: 8px;}

#help{

  margin-bottom: 10px;
  background-color: transparent;
  border-bottom: 1px dotted #cc0000;

}

#help p {
  margin-top: 0px;
  margin-bottom: 5px;
  background-color: transparent;
  border: none;
}



#menuhelp {
	display: block;
	margin: 5px 5px 5px 5px;
	padding: 2px;
	width: 145px;
	border: 1px solid #888888;
	float : left;}

#menuhelp a.menuitem {
background: #cacaca;
width: 141px;
font-size:0.8em;
color: #000;
float:left;
padding:2px;
border-bottom: 1px #fff solid}

#menuhelp a:hover.menuitem {
background: #f16311;
color: #fff;
text-decoration:none;
}


#contentinterno a, #content a {
  text-decoration: none;
  color: #333333;  
  font-weight: bold;
}

#contentinterno a:hover, #content a:hover {  
  color: #cc0000;
text-decoration: underline;}

#contentinternoa img, #content a img {
  border: 0px;
}

/** MENU 1 ** roll-over basato solo sui colori **/
ul.menu1 { 
width:124px;
float:left;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu1 li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
font-size:0.7em;
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
}
ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu1 li a:link, ul.menu1 li a:visited { 
background:#ccc;
color: #009;
} /* colori per il link */
ul.menu1 li a:hover, ul.menu1 li a:active { 
background: #eee;
color:#c00;
} /* colori per l'effetto roll-over */


 #contentinterno h2 {
	clear: both;
	font-size: 1.6em;
	margin: 0px 0 5px 0;
	color: #c00;
	font-weight : bold;
padding-left: 8px;}

 #contentinterno h2 a {
	color: #c00;
text-decoration: none;}

 #contentinterno h2 a:hover {
text-decoration: underline;}


#content h3, #contentinterno h3 {
	clear: both;
	height: 20px;
	font-size: 1.0em;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-indent: 10px;
	margin: 0px 0 5px 0;
	color: #c00;
	background-color: #adadad;
	padding-bottom : 5px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 5px;
}

#content h3 a, #contentinterno h3 a {
color: #c00;
}
#content h3 {
	background-image : url("../images/grafica/big_but_background.gif");
}

#contentinterno h3 {
	background-image : url("../images/grafica/big_but_internal_background.gif");
}

#barradestra h3, #barrasinistra h3{
	clear: both;
	height: 20px;
	font-size: 1.0em;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-indent: 10px;
	margin: 0px;
	color: #c00;
	background-color: #adadad;
	background-image : url("../images/grafica/button_background.gif");
	padding-bottom : 5px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 5px;
}

/* -- content header and footer -- */

#header {
  display: table-cell;  
  height: 362px;
  text-align: right;
  vertical-align: bottom;
  margin-bottom: 0px;
  background: url(../images/grafica/relaxed_hdr.gif) no-repeat top left;  
}

#footer {
  float: left;
  height: 75px;
  width: 382px;  
  font-size: 0.8em;
  text-transform: uppercase;
  text-align: center;  
  margin-top: 10px;
  margin-bottom: 10px; 
  background: #333333 url(../images/grafica/round_corner.gif) no-repeat bottom right;  
}

#footer a {
  border: 0px;
  color: #cc0000;  
}

#footer a:hover {
  border: 0px;
  color: #aaaaaa;  
}

/* -- menu & news container -- */
#barrasinistra {
	float: right;
	width: 180px;
	margin: 0px;
	background-image : url("../images/grafica/bg_barra.gif");
	background-color : transparent;
}

#barrasinistra p {    
  margin: 0px;
  padding: 5px 5px 10px 5px;
  background-color: transparent;
}

#barrasinistra a {  
  text-decoration: none;
  border-bottom: 1px solid #cc0000;
  color: #333333;
}

#barrasinistra a:hover {
  color: #cc0000;
}



#barrasinistra a.menuitem {
  display: block;
  clear: both;
  font-size: 0.8em;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 1px;
  padding: 0 0 0 25px;
  border: 0px;
  color: #003;
  background: #cacaca url(../images/grafica/relaxed_icn_menu.gif) no-repeat center left;
}
#barrasinistra a:hover.menuitem {
  color: #fff;
  background: #f16311 url(../images/grafica/relaxed_icn_menu_on.gif) no-repeat center left;
}

#serielinks a.menuitem {
  display: block;
  clear: both;
  font-size: 0.8em;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 1px;
  border: 0px;
  color: #003;
  background: #cacaca;
padding: 5px;}


#serielinks a:hover.menuitem {
  color: #ffffff;
  background: #f16311;
}



#menuorizzontale a.menuitem {
  font-size: 0.8em;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 1px;
  padding: 0em 10px 0em 10px;
  border-bottom: 1px #999 dotted;
  color: #999;
border-top: none;
border-left: 1px #999 dotted;
border-right: 1px #999 dotted;}

#paginato {
display: block;
text-align:right;
float:right}


#paginato a.menuitem {
  font-size: 0.9em;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 1px;
  padding: 0em 10px 0em 10px;
  color: #999;
font-weight: bold;}

#paginato a:hover.menuitem {
  color: #c00;
background: #f16311;
color: #fff;
text-decoration: none;}


#menuorizzontale a:hover.menuitem {

  color: #c00;
background: #f16311;
border-bottom: 1px #ccc solid;
color: #fff;
border-top: none;
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
}


#barrasinistrafooter {
	height: 35px;
	background: url("../images/grafica/ButFooterBackground.gif") no-repeat bottom right;
}
#barradestra {
  float: right;  
  width: 180px;
  margin: 0px;  
  background-color: #ffffff;
  background-image : url("../images/grafica/bg_barra.gif");

}

#barradestra p {    
  margin: 0px;
  padding: 5px 5px 10px 5px;
  background-color: transparent;
}

#barradestra a {  
  text-decoration: none;
  border-bottom: 1px solid #cc0000;
  color: #333333;
}

#barradestra a:hover {
  color: #cc0000;
}



#barradestra a.menuitem {
  display: block;
  clear: both;
  font-size: 0.8em;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 1px;
  padding: 0 0 0 25px;
  border: 0px;
  color: #003;
  background: #cacaca url(../images/grafica/relaxed_icn_menu.gif) no-repeat center left;
}

#barradestra a:hover.menuitem {
  color: #fff;
  background: #f16311 url(../images/grafica/relaxed_icn_menu_on.gif) no-repeat center left;
}


#barradestrafooter {  
  height: 35px;
	background: url("../images/grafica/ButFooterBackground.gif") no-repeat bottom right;
}

/* -- title and sub-headings -- */

.highlight {
  color: #cc0000;
}

/* -- ie css2 selector hack.  this still validates, but ie ignores the class defined
      with the [id].  the result is you set the ie specific value in the first class
      definition, and the standard compliant browser value in the second class -- */

#title {
  font-size: 36px;
  padding: 48px 4px 0px 0px;  
  
}

#title[id] {
  padding-top: 0px;
  padding-bottom: 3px;
}

#title a{
  display: block;  
  font-size: 10px;
  text-transform: uppercase;
  margin-top: -8px;
  border: 0px;
}

#title a:hover{
  color: #cc0000;
}

strong, .subheading, .subheadingx{
  font-size: 0.8em;
  text-transform: uppercase;  
  color: #cc0000;  
}

.subheading {
  display: block;
}

.subheadingx {
	display: block;
  float: right;
}

/* -- banners -- */


#banner120a, #banner120b, #banner120c {
	width: 120px;
	height: 60px;
	background-color:  #ffffff;
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	margin: 10px 30px 10px 30px;
}

/*id di banner non usati--------------*/


/*#banner234 {
	float: right;
	width: 234px;
	height: 60px;
	background-color: transparent;
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	margin: 10px 5px 10px 5px;
}

#banner310 {
	float: left;
	width: 310px;
	height: 27px;
	background-color: transparent;
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	margin: 10px 5px 10px 5px;
}

#banner455 {
	float: right;
	width: 455px;
	height: 27px;
	background-color: transparent;
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	margin: 10px 5px 10px 5px;
}
*/
#banner728 {
	width: 728px;
	height: 90px;
	background-color: transparent;
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	margin: 10px auto 10px auto;
}

#bannerflash {
	width: 382px;
	height: 150px;
	background-color: transparent;
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	margin: 0px auto 10px auto;
}


/* -- images styles -- */

.imgright, .imgleft, .imgthree, .imgcenter {
  border: 1px solid #888888;
}

.imgright {
  float: right;
  margin: 0 0 10px 10px;
  
}

.imgcenter {
margin: 10px 10px 10px 10px;}

.imgthree {
	float: left;
	margin: 5px 5px 5px 0;
}

.imgleft {
  float: left;
  margin: 0 10px 10px 0;  
}

/* -- takes care of the 'jump to top' arrow -- */

.uparrow {
  clear: both;
  display: block;
  text-align: right;
}

.uparrow a img {  
  margin-top: 10px;
  border-bottom: 0px;
  background-color: #cc0000;
}

.uparrow a:hover img {  
  border: 0px;
  background-color: #bbbbbb;
}

/* -- Stili dei blocchi negozio in home page -- */

.blocchisinistra {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	width: 178px;
	border: 1px solid #888888;
	background-color: #ededed;
	float : left;
}


.blocchidestra {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	width: 178px;
	border: 1px solid #888888;
	background-color: #ededed;
	float : right;
}

.blocchipiccoli {
	display: block;
	margin: 5px 5px 5px 5px;
	padding: 2px;
	width: 170px;
	border: 1px solid #888888;
	float : left;
text-align: center;}

.blocchicollane {
	display: block;
	margin: 5px 5px 5px 5px;
	padding: 2px;
	width: 124px;
	border: 1px solid #888888;
	float : left;
text-align: center;}

.blocchiuscite {
	display: block;
	margin: 5px 5px 5px 5px;
	padding: 2px;
	width: 265px;
	border: 1px solid #888888;
	float : left;
text-align: center;}



/*LA CLASSE blocchiduecolonne NON E' USATA NELLO STILE PRESENTATO: SERVE PER AVERE UN BOX GRIGIO CHE PRENDA TUTTA LA PAGINA*/

.blocchiduecolonne {
	display: block;
	margin: 0px 2px 10px 2px;
	padding: 2px;
	width: 370px;
	border: 1px solid #888888;
	background-color: #ededed;
	float : left;
}


.author {
  display: block;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #cc0000;
}

/* stili delle barre dei titoli e dei loghi*/

/* stili della barra in testata*/


#paninicomics {
padding-top: 12px;
color: #fff;
width:150px;
height:22px;
font-size: 0.9em;
float:left;
padding-left: 20px;}

#disclaimer2 {
padding-top: 16px;
color: #fff;
font-size: 0.9em;
float:left;
width:460px;
text-align: center;}

#disclaimer2 SELECT {
	FONT-SIZE: 0.9em;
	background-color : #D23A08;
	color:#fff;
text-transform: uppercase;
margin-left: 5px;
margin-right: 5px;
letter-spacing: 0.1em;}

#mappamondo {
padding-right: 20px;
color: #fff;
font-size: 0.9em;
float:left;
height:22px;}

#mappamondo a {
	text-decoration: none;
	margin-left: 50px;
	position: absolute;
	height: 52px;
	width:75px;
background-image: url(../images/grafica/LogoMappamondo.gif);
background-repeat: no-repeat;}

#mappamondo a i
{ visibility: hidden; }

/* stili della barra in calce*/

#panini {
padding-top: 18px;
color: #fff;
width:130px;
height:22px;
font-size: 0.9em;
float:left;
padding-left: 18px;}

#panini a {
	text-decoration: none;
	margin-left: 18px;
	position: absolute;
	height: 23px;
	width:95px;
background-image: url(../images/grafica/LogoPanini.gif);
background-repeat: no-repeat;}

#panini a i
{ visibility: hidden; }


#disclaimer {
padding-top: 5px;
color: #fff;
font-size: 0.9em;
float:left;
width:500px;
text-align: center;}

#disclaimer a {
color: #fff;
text-decoration:none;}

#disclaimer a:hover {
color: #000;
}

#interactive {
padding-right: 20px;
padding-top: 18px;
color: #fff;
font-size: 0.9em;
float:left;
height:22px;}

#interactive a {
	text-decoration: none;
	margin-left: 35px;
	position: absolute;
	height: 22px;
	width:88px;
background-image: url(../images/grafica/LogoInteractive.gif);
background-repeat: no-repeat;}

#interactive a i
{ visibility: hidden; }

#squaremarvel i
{ visibility: hidden; }

#squaremarvel {
	text-decoration: none;
	height: 74px;
	width:118px;
background-image: url(../images/logoMarvelItalia.gif);
background-repeat: no-repeat;}

#squarecomics i
{ visibility: hidden; }

#squarecomics {
	text-decoration: none;
	height: 74px;
	width:118px;
background-image: url(../images/logoCultComics.gif);
background-repeat: no-repeat;}

#squaremanga i
{ visibility: hidden; }

#squaremanga {
	text-decoration: none;
	height: 74px;
	width:118px;
background-image: url(../images/logoPlanetManga.gif);
background-repeat: no-repeat;}

#squarevideo i
{ visibility: hidden; }

#squarevideo {
	text-decoration: none;
	height: 74px;
	width:118px;
background-image: url(../images/logoPaniniVideo.gif);
background-repeat: no-repeat;}

.copy {
color: #999;
font-style: italic;
font-size: 0.9em;
padding-left: 8px;}