/* layout.css

/*----------------Definizioni TAG------------------*/
html,body {
	margin: 10px 0 0 0;
	padding:0;
	width:100%;
	/*height:100%;*/
    background-image:url(../../../images/back-def.jpg)
	}

/*----------------Definizioni INPUT------------------*/
input.red {
	background-color:#8F0000;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}

input.ltl {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	background-color:#000000;
	border:1px solid #CCCCCC;
	text-decoration:none;
	}

input.white {
	font-size:10px;
	color:8F0000;
	}

/*----------------Definizioni TESTO------------------*/

p 	{/*testo standard*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
	color:#fff;
	background-color:transparent;
	}

p.titolo {/*emula la scritta descrittiva della pagina (usato solo in e-bottega)*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#efefef;
	padding-top:30px;
	padding-left:20px;
    text-transform: uppercase;
	}

p.lred {
	color:#8f0000;
	font-size:11px;
	}

p.input {
	font-size:11px;
	font-weight:bold;
	text-align:right;
	}

p.center_bold {
	font-size:11px;
	text-align:center;
	font-weight:bold;
	}

p.bold {
	font-size:11px;
	font-weight:bold;
	}

.white {
  color:#fff;
}

p.redbold {
	color:#DD0000;
	font-size:11px;
	font-weight:bold;
	}

p.boldbig {
    font-size:13px;
    font-weight:bold;
}

/*----------------Definizioni LINK------------------*/
a.bord {
	border:1px solid #FFFFFF;
	}

a.bord:hover {
	border:1px solid #8F0000
	}

a.white {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}

a.white:hover {
	font-size:10px;
	color:#DD0000;
	text-decoration:none;
	}

a.black {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	}

a.black:hover {
	color:#DD0000;
	text-decoration:none;
	}

a.pulsante {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px solid #8F0000;
	}

a.pulsante:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8F0000;
	text-decoration:none;
	border-bottom:1px solid #8F0000;
	}

a.green {
	font-family:Arial, Helvetica, sans-serif;
	color:#339900;
	font-size:11px;
	text-decoration:none;
	}

a.green:hover {
	color:#33CC00;
	font-size:11px;
	}

/*-------------Definizioni ID/CLASSI LAYOUT-----------------------------------*/
/*struttura della pagina :
	-TABELLA ESTERNA : Definita per centrare verticalmente la Pag

	-TABELLA CONTAINER : "involucro" del layout

	-DIV UPPER :Menu alto (sfondo color)

	-DIV TESTATA e DIV LOGIN:parte superiore del layout
		|_TESTATA :sfondo img con nome del gruppo
		|_LOGIN :form per accesso

	-DIV MENU :Menu (sfondo img)

	-DIV CONTENUTO :Punto nel quale si alternano i contenuti, dimensione relativa ai
					contenuti.Ogni Pagina "importa" un div di dimensione fissa (345px)
					definendo la dimensione di DIV CONTENUTO.
					Unica ecccezione per la pagina "E-bottega" che ha una dimensione
					variabile, ed andr�quindi a modificare DIV CONUTO a seconda del
					numero di elementi presenti al suo interno.

	-DIV PIEDE : Fondo pagina.
*/

/*--------------------------------------------------------------------*/
#working {
    background-color:#000000;
    width:100%;
}

object {
  background-color:#000000;
}

embed{
  background-color:#000000;
}

/*table.esterna{
	height:100%;
    vertical-align: middle;
}*/

#container {
    position:relative;
    display:block;
    margin:0 auto 0 auto;
    width:795px;
    color:#ff0000;
    height:auto;
    border:3px solid #dadcdb;
    border-width:0 3px 3px 3px
}

#top {
    display:block;
    background-color:#dadcdb;
    height:20px;
    color:#000;
}

#top ul {
    width:200px;
    margin:0 0 0 0;
    padding:0;
    position:relative;
    left:640px;
    top:2px;
}

#top ul li {
    margin:0 0 0 10px;
    display:inline;
}

#top ul li a {
    color:#343434;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
}

#top ul li a:hover {
    color:#fff;
}

#header {
    position:relative;
    display:block;
    top:0;
    left:0;
    height:87px;
    background-image:url(../../../images/banner-def.jpg);
    background-repeat:no-repeat;
    background-color:#3e3e3e;
}

#home {
   height:345px;
   background-image:url(../../../images/Home-def.jpg);
}

#header ul {
    margin:0 0 0 30px;
    list-style:none;
    padding:0;
    position:absolute;
    top:65px!important;
    top:64px;
}

#header ul li {
    margin:0 0 0 20px;
    display:inline;
}

#header ul li a {
    padding-left:5px;
    padding-right:5px;
    font-family:Arial;
    font-size:11px!important;
    font-size:10px;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
}

#header ul li a:hover {
    font-family:Arial;
    background-color:#464646;
    border-top:1px solid #880000;
    border-bottom:1px solid #880000;
}

#header div.logout {
    position: relative;
    width: 150px;
    left: 650px;
}

#header div.logout a {
    color: #cc0000;
    font-family:Arial;
    font-size: 10px;
    position: relative;
    top: 10px;
    left: 30px;
}

#header div.logout a:hover {
    color:#fff;
    font-family:Arial;
    font-size:10px;
}

#header div.logout p {
    position:relative;
    top:10px;
    color:#cdcdcd;
    font-size:
}

#header fieldset {
    position:relative;
    width:150px;
    left:650px;
    top:4px;
    margin:0;
    padding:0;
    border:0;
}

#header .f_field {
    margin:0;
    padding:0;
}

#header fieldset input {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 50px;
    font-size: 10px!important;
    font-size: 9px;
    font-family: Arial;
    border: 1px solid #cdcdcd;
    color: #ff0000;
    background-color: #000;
    width: 50px;
}

#header fieldset input.sub {
    padding: 0;
    margin: 0;
    color: #cc0000;
    width: 52px;
}

#header fieldset label {
    position: relative;
    top: -3px!important;
    top: -5px;
    padding: 0;
    margin: 0;
    font-size: 10px!important;
    font-size: 9px;
    font-family: Arial;
    color: #cfcfcf;
}

#header fieldset a {
    position: relative;
    top: -3px;
    font-size: 10px!important;
    font-size: 9px;
    font-family: Arial;
    color: #cdcdcd;
}

#header fieldset a:hover{
    color: #cc0000;
}

#footer {
    height: 15px;
    background-color: #000;
    border: 1px solid #fff;
    border-width: 1px 0 0 0;
}

#footer p {
    color:#fff;
    font-family:Arial;
    font-size:10px!important;
    font-size:9px;
    margin:3px 0 0 10px;
}

 ul.path {
    margin:0;
    padding:0;
    list-style:none;
}

ul.path li {
    margin:0;
    padding:0;
    color:#fff;
    font-family:Arial;
    display:inline;
    font-size:10px;
}

ul.path li a {
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    text-decoration: none;
}

ul.path li a:hover {
    color: #990000;
}

/*Css for Lyrics */
#content_lyrics {
 background-color: #000;
  border: 2px solid #fff;
  width: 500px;
  margin-top: 20px;
}

#content_lyrics .title {
  font-family:Arial;
  font-size:13px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom:10px;
  border-bottom: 1px solid #fff;
}

#content_lyrics .text {
  font-family:Arial;
  font-size: 11px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* -----------Misto-------------------------*/
div.spacer {
  margin: 30px 0 0 0;
}

input.reallyshort {
  width: 30px
}

input.short {
  width: 50px
}

input.medium {
  width: 150px
}

input.long {
  width: 200px
}

input.verylong {
  width: 450px
}

textarea.colored {
    color:#fff;
    background-color:#989898;
    border:1px solid #fff;
}

textarea.medium {
  width: 400px;
  height: 100px;
}

textarea.big {
  width: 450px;
  height: 200px;
}

table.explorersuck td {
  background-color: #000;
}

a.iscriviti {
  position:absolute;
  top:10px;
  left:465px;
  border:0;
}

a.iscriviti img {
  border:1px solid #000;
}

a.iscriviti:hover img {
  border:1px solid #fff;
}
/*---------------Pagination---------------*/

div.pagination {}

div.pagination a {
  color: #fff;
  text-decoration: none;
  font-family: Arial;
  font-size: 10px;
}

div.pagination a:hover {
  color: #c10000;
}

div.pagination a.underline {
  text-decoration: underline;
}