/* =body
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}


html,body
{
	margin:0; 
	padding: 0;
	height: 100%
}

body {
	color: #ffffff;
	font-family: Arial, Helvetica, Sans-serif;
	margin: 0 auto;
	background: #333333;
}  
  body>div#container
  {
	height: auto; 
	min-height: 100%
	}
	 
div#container {
  background: url(img/fondo.jpg) repeat-y;
  width:750px;
  margin:0 auto;
  text-align: left;
  position: relative;
	padding-right: 0px;
	padding-left: 0px;
	height: auto;
	min-height: 100%;
	overflow: visible;
}

div#content{
width: 255px;
top:  100px;
height: auto;
	margin-top: 80px;
	position: absolute;
	border: 0px solid red;
	right: 25px;
}
  
  /* =Header
----------------------------------------------- */
#headerlit {
  width:100%;
  height:100px;
	background: url(img/bannerlit.jpg) no-repeat 0 0px;
}

#headermag {
  width:100%;
  height:100px;
	background: url(img/bannermag.jpg) no-repeat 0 0px;
}

h1 {
	width: 100%;
	height: 100px;
	position: absolute;
}
h1 a {
	display: block;
	width: 100%;
	height: 100%;
}


  /* =navigatore
----------------------------------------------- */
#navcontainer
{
	display: inline;
	position: absolute;
height: 25px;
width: 95%;
margin-left: 18px;
	clear: left;
	top: 101px;
}

#navcontainer ul
{
text-align: center;
font: 12px/26px Arial, Helvetica, Geneva, sans-serif;
}

#navcontainer ul li
{
display: inline;	
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 7px;
padding-top: 6px;
color: #ffffff;
background-color: #000000;
text-decoration: none;
}


#navcontainer ul li a:hover
{
background-color: #b7f61b;
color: #000000;
}

#navcontainer #active {
background-color: #b7f61b;
color: #000000;
}

  #navcontainer #active a:hover{
background-color: #b7f61b;
color: #000000;
}
  
  #navcontainer #active a {
 color: #000000;
 background-color: #b7f61b;
}

  #navcontainer #magnum a{
background-color: #ff00fc;
color: #ffffff;
}
 
  #navcontainer #magnum a:hover{
background-color: #ff00fc;
color: #ffffff;
}

  #navcontainer #activemag a{
background-color: #ff00fc;
color: #ffffff;
}
  
  
      /* filetto
----------------------------------------------- */
  #filetto
  {
	width: 95%;
	height: 1px;
	border-top: 1px dotted #b7f61b;
	position: absolute;
	margin-left: 18px;
	top: 127px;
}  
  
  
  #filettomag
  {
	width: 95%;
	height: 1px;
	border-top: 1px dotted #ff00fc;
	position: absolute;
	margin-left: 18px;
	top: 127px;
}
  
    /* =sottonavigatore
----------------------------------------------- */
  #navcontainer2
{
text-align: center;
margin-left: 18px;
width: 95%;
font: 11px/26px Arial, Helvetica, Geneva, sans-serif;
position: absolute;
	clear: left;
	top: 127px;
	display: inline;
	height: 18px;
}

  #navcontainer2 ul
{
text-align: center;
margin-left: 18px;
width: 95%;
font: 11px/26px Arial, Helvetica, Geneva, sans-serif;
}

  #navcontainer2 ul li
{
display: inline;
}
  
ul#navlist2 a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 6px;
text-decoration: none;
color: #ffffff;
background-color: #000000;
}
  
  
ul#navlist2 a:hover
{
background-color: #b7f61b;
color: #000000;
}

ul#navlist2 #active2 {
 color: #000000;
	background-color: #b7f61b;
}

ul#navlist2 #active2 a:hover{
 background-color: #b7f61b;
 color: #000000;
}
  
li#active2 a {
 color: #000000;
 background-color: #b7f61b;
}
  
ul#navlist2 #magnum2 a:hover{
background-color: #ff00fc;
color: #000000;
}
  
  

  
    /* sottonavigatore magnum
----------------------------------------------- */
  #navcontainermag
{
text-align: center;
margin-left: 18px;
width: 95%;
font: 11px/26px Arial, Helvetica, Geneva, sans-serif;
position: absolute;
	clear: left;
	top: 127px;
	display: inline;
	height: 18px;
}

  #navcontainermag ul li
{
display: inline;
}

  
  ul#navlistmag a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 6px;
text-decoration: none;
color: #ffffff;
background-color: #000000;
}
  
  
ul#navlistmag a:hover
{
background-color: #ff00fc;
color: #ffffff;
}

ul#navlistmag #active2mag {
 color: #ffffff;
	background-color: #ff00fc;
}

ul#navlistmag #active2 a:hover{
 background-color: #ff00fc;
 color: #ffffff;
}
  
li#active2mag a {
 color: #ffffff;
 background-color: #ff00fc;
}

  


  
  
  /* piede
----------------------------------------------- */
#footer {
	width: 95%;
	text-align: center;
	background-color: #000000;
	font: 12px/1.6em Verdana,Sans-serif;
	position: absolute;
	bottom: 0px;
	right: 0px;
	border-top: 1px dotted #b7f61b;
	padding-top: 0px; 
	padding-right: 0em;
	padding-bottom: 0px;
	color: #fff;
	left: 18px;
	height: 20px;
	clear: both;
	}

#footermag {
	width: 95%;
	text-align: center;
	background-color: #000000;
	font: 12px/1.6em Verdana,Sans-serif;
	position: absolute;
	bottom: 0px;
	right: 0px;
	border-top: 1px dotted #ff00fc;
	padding-top: 0em; 
	padding-right: 0em;
	padding-bottom: 0px;
	color: #fff;
	left: 18px;
	height: 20px;
}


/* Link footer
----------------------------------------------- */
#footer A:hover { 
text-decoration: none;
background-color: #000000;
 color: #b7f61b;
}

#footer A { 
text-decoration: none;
background-color: #000000;
 color: #fff;
}

#footermag A:hover { 
text-decoration: none;
background-color: #000000;
 color: #ff00fc;
}

#footermag A { 
text-decoration: none;
background-color: #000000;
 color: #ffffff;
}

    /* head testo
----------------------------------------------- */
h3 {
width: 100%;
color: #ffffff;
text-align: right;
position: relative;
letter-spacing: 1px;
font: normal bold 15px/17px Arial, Helvetica, Geneva, sans-serif;
right: 0;
top: 0;
height: 100%;
background-color: #000000;
margin: 0px 0 0px 0px;
text-transform: uppercase;
	clear: right;
	padding: 0px 0 2px 0px;
}
  
    /* testo
----------------------------------------------- */
h2 {
width: 100%;
color: #ffffff;
background-color: #000000;
text-decoration: none;
text-align: right;
padding-right: 0em;
position: relative;
border-top: 1px dotted #b7f61b;
float: none;
font: normal normal normal 15px/18px Arial, Helvetica, Geneva, sans-serif;
padding-top: 1px;
	clear: right;
	margin-right: 1px;
}

div#h8 {
	width: 100%;
color: #ffffff;
background-color: #000000;
	text-decoration: none;
	text-align: right;
	position: relative;
		border-top: 1px dotted #ff00fc;
	font: 15px/18px Arial, Helvetica, Geneva, sans-serif;
	padding-top: 1px;
}

input.text {
	background-color: #323232;
	border: 1px dotted #000;
	color: #fff;
	text-align: right;
	width: 100%;
	margin-bottom: 7px;
}

input.pulsante {
	border-style: solid;
	border-color: #ff00fc;
}
    /* testo home
----------------------------------------------- */
h5 {
	width: 100%;
color: #fff;
background-color: #000;
	text-decoration: none;
	text-align: right;
	padding-right: 0px;
	position: relative;
	float: none;
	font: normal normal normal 15px/18px Arial, Helvetica, Geneva, sans-serif;
	}

    /* indirizzo home
----------------------------------------------- */
h6 {
	width: 400px;
color: #b7f61b;
background-color: #000;
	text-decoration: none;
	text-align: right;
	padding-right: 0px;
	position: relative;
	float: none;
	font: 13px/14px Arial, Helvetica, Geneva, sans-serif;
	top: 0;
	padding-bottom: 50px;
}

h6 a {
	background-color: #000;
	text-decoration: none;
	color: #b7f61b;
}

h6 a:hover {
	text-decoration: none;
		background-color: #000;
	color: #fff;
}



  /* link form magnum
----------------------------------------------- */


h9 {
width: 100%;
color: #ff00fc;
text-align: right;
position: relative;
letter-spacing: 1px;
font: normal bold 15px/17px Arial, Helvetica, Geneva, sans-serif;
right: 0;
top: 0;
height: 100%;
background-color: #000000;
margin: 0px 0 0px 0px;
text-transform: uppercase;
	clear: right;
	padding: 0px 0 2px 0px;
}


h9 A:hover { 
text-decoration: none;
background-color: #000000;
 color: #ff00fc;
}

h9 A { 
text-decoration: none;
background-color: #000000;
 color: #ffffff;
}



  /* immagine
----------------------------------------------- */
div#image {
	width: 400px;
	height: auto;
	min-height: 100%;
	top: 80px;
	float: none;
	border: 0px solid #b7f61b;
	margin-left: 30px;
	margin-top: 0px;
	position: relative;
	padding-bottom: 80px;
	clear: both;
}

h4 {
	width: 100%;
	position: relative;
	float: none;
	clear: both;
}



    /* didascalie
----------------------------------------------- */


div#h7 {
	width: 400px;
	height: auto;
	min-height: 100%;
color: #fff;
background-color: #000;
	text-align: right;
	padding-right: 0px;
	position: relative;
	float: none;
	font: 12px/14px Arial, Helvetica, Geneva, sans-serif;
	border: 0px solid fuchsia;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

  /* bottoni avanti indietro
----------------------------------------------- */

#btn
 {
	position: relative;
	width: 100%;
	float: none;
	height: 28px;
	margin-top: 5px;
}


#btn1
 {
	position: absolute;
	border: 0px;
	bottom: 0;
	right: 0;
	margin-right: 5px;
}

#btn2
 {
	position: absolute;
 right: 35px;
	bottom: 0;
}





/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	color: #ffffff;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	color: #000000;
}

.lbLoading {
	background: #fff url(js/loading.gif) no-repeat center;
	color: #000000;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(js/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(js/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	color: #666666;
	text-align: left;
	border: 10px solid #ffffff;
	border-top-style: none;
	font: 13px/1.4em Arial, Helvetica, Geneva, sans-serif;
	background-color: #fdfdfd;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(js/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}