@font-face
{
font-family: astonish;
src: url('img/astonish.ttf');
}

@font-face
{
font-family: LoveLetter;
src: url('img/LoveLetter.TTF');
}

body {
	color : #FFFFFF;
	font : 12px Verdana, Tahoma, Helvetica;
	margin : 0px 0px 0px 5px;
	padding: 0px;
	text-align : left;
	border: 0px solid black;
	background: url('img/sfondo2.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}

hr {
color: #333333;
background : #FFFFFF;
height: 0px;
border: 1px solid #999999;

}

#principale {	
	border: 0px solid #cccccc;
	color : #363636;
	margin : 0px auto 15px;
	text-align : left;
	padding: 0px 0px 5px;
	width: 800px;


}

#header {	
	border: 0px solid black;
	height : 200px;
	width: 792px;
	margin : -8px auto 0px;
	padding : 0px 0px 0px 0px;
	
}

#header img {
	border:0px solid black;
	margin: 7px; 0px 15px;
	float: left;

}

#header p {
	color: rgb(200,0,0);
	font: bold 72px astonish, Arial, Verdana,  Tahoma;
	padding: 0px;
	margin: 0px 10px 5px 0px;
	line-height: 0.3;
	text-align:right;
	border: 0px solid black;
	overflow: hidden;
	text-shadow: 1px 1px 1px #333333;
}

#header a {
	text-decoration: none;
	color: rgb(0,0,0);
}

#duezero {
	height: 30px;

	color : #363636;
	margin: 0px auto;
	text-align: center;
	text-transform: lowercase;
	border: 0px solid black;
}

#duezero p {
	display: inline;
	line-height: 2;
	margin: 0px 5px;
	font : bold 14px Verdana, Tahoma, Helvetica;
}

#duezero a {
	color: #ffffff;
	text-decoration: none;
	padding: 4px 24px 7px 24px;
	-moz-border-radius: 5px ;
	border-radius: 5px;
	background: #cc0000;
	box-shadow: 1px 1px 2px #333333;
	-webkit-box-shadow: 1px 1px 2px #333333;
	-moz-box-shadow: 1px 1px 2px #333333;
	}

#duezero a:hover {
	color: #cc0000;
	background: #ffffff;
	box-shadow: inset 1px 1px 3px #333333;
	-webkit-box-shadow: inset 1px 1px 3px #333333;
	-moz-box-shadow: inset 1px 1px 3px #333333;
	border: 0px solid #ffffff;
	}

#navbar {	
	width : 195px;
	border: 0px solid black;
	float: left;
	clear: none;
	margin: 207px 0px 15px 0px;
	position: relative;
	}

#navbar  a {	
	color :#363636;
	text-decoration : none;
	font: 12px Verdana,Tahoma, Helvetica;
	font-weight: bold;	
}

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

#navbar  h1 {	
	border: 0px solid #666666;
	background: #cc0000;
	color : rgb(255,255,255);
	font : 12px Verdana, Tahoma, Helvetica;
	margin: 0px 0px 8px;
	text-align : center;
	padding:6px;
	text-transform: uppercase;
	font-weight: bold;
	-moz-border-radius: 0px 0px 0px 15px ;
	border-radius: 0px 0px 0px 15px;
	-webkit-box-shadow: inset 1px 1px 3px #333333;
	-moz-box-shadow: inset 1px 1px 3px #333333;
	box-shadow: inset 1px 1px 3px #333333;
	border: 0px solid #ffffff;
	text-shadow: 1px 1px 1px #333333;
}


#navbar  hr {
clear:0;

}

#navbar  p {	
	color : #363636;

	font : 12px Verdana, Tahoma, Helvetica;
	margin: 0px;
	border:0px;
	padding: 5px 5px 0px 2px;
	text-align: left;
}

#navbar  ol {	
	font : bold 10px Verdana, Tahoma, Helvetica;
	margin: 0px;
	border: 0px;
	padding: 1px 0px 1px 0px;
	text-align: left;
}

#navbar li    {	
	list-style-position: inside;
}

#navbar img {	
	border: 0px;
	color : #363636;
	text-align: center;
	float : none;
	padding: auto, 3px;
	margin-left: 3px;
	margin-top:1px;

}


.nave {
	margin-top: 5px;
	margin-bottom: 7px;
	border: 0px solid rgb(0,0,0);

	width: 145px;
	padding:4px;
	position:relative;
	float:right;
}


#riempi
{
float: left;
clear: none;
padding-top: 0px;
height: 800px;
}

#riempi img {
height: 50px;
width: 15px;
}

#track {
	color : #333333;
	padding: 0px 5px 0px 5px;
	voice-family : inherit;
	margin: 15px auto 10px;
	overflow: hidden;
	width: 638px;
	border: 1px solid #cccccc;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	-moz-box-shadow: 0px 0px 5px #000000;
	-moz-border-radius: 5px;
	border-radius: 5px;
}



#texttrack {
	color : #333333;
	padding: 5px 5px 0px;
	voice-family : inherit;
	margin: 15px 10px 0px 10px;
	width: 608px;
	height: 90%;
	border: 0px solid #000000;
	position:relative; 
}

#texttrack h1 {
	background : #cc0000;
	color : #ffffff;
	font : bold 14px verdana, Tahoma, Helvetica;
    padding-left: 10px;
    padding-right: 5px;
    padding-top:2px;
    padding-bottom:3px;
	margin : 0px;	
	margin-bottom: 15px;
	margin-left: 60px;
	margin-right:10px;
	text-transform: uppercase;
	text-align: left;
	-webkit-box-shadow: 1px 1px 1px #333333;
	-moz-box-shadow: 1px 1px 1px #333333;
	box-shadow: 1px 1px 1px #333333;

}

#texttrack #play4
{
	border:0px;
	margin-right:7px;
	-webkit-box-shadow: 1px 1px 1px #333333;
	-moz-box-shadow: 1px 1px 1px #333333;
	box-shadow: 1px 1px 1px #333333;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	float:left;
	font: bold 12px verdana, Tahoma, Helvetica;
	background: #cc0000; 
	color: #ffffff; 
	text-decoration: none; 
	width: 40px;
	overflow: none;
	padding: 10px;
	margin-left:-33px;
	margin-top:-33px;
	text-align: center;
}

#texttrack h2 {
	font : bold 10px Verdana, Tahoma, Helvetica;
	margin : 5px;
	padding-top: 1px;
    padding-left: 5px;
    padding-right: 5px;
    letter-spacing: 1px;
    text-align:right;
}

.karm {
	font : bold 11px Verdana, Tahoma, Helvetica;
	margin : 5px;
}

#texttrack h3 {
	font : bold 12px Verdana, Tahoma, Helvetica;
	margin : 5px;
}

#texttrack p {
	font : 14px Verdana, Tahoma, Helvetica;
	line-height : 150%;
	margin: 0px 5px 0px 5px;
	padding: 0px 5px 4px;
	text-align: justify;
	letter-spacing: 0px;
}



#cc0000 {
	color: #cc0000;
	font-weight:normal;
}

#cc0000:hover {
	color: #333333;
}

#texttrack p.last {
width: 120%;
	border-bottom : 2px groove #cc0000;
	font-size: 9px;
	margin-top: 5px;
	margin-bottom: 20px;
	clear: both;
	width: 90%;
}

#texttrack span.nota {
font-size: 9px;
}

#texttrack img.karma {
	margin: -15px 0px 0px 0px;
	clear: none;
	float:none;
	border: 0px;
}

#texttrack a {
	color:#333333;
	text-decoration: underline;
	font-weight: bold;
}

#texttrack img    {
margin:5px;
border:1px solid #cccccc;
	filter:alpha(opacity=”80?);
opacity: 0.8;
}

#texttrack a:hover {
	text-decoration: underline;
	color: #cc0000;
}

#permalink
{
border-right: 0px dotted #efefef;
padding:5px;
float:left;
}

#permalink a
{
color: #cc0000;
font-weight:bold;
text-decoration: none;
}

#articolo {
	border: 0px;
	margin : 0px;
	padding: 0px 0px 10px 16px;
	voice-family : inherit;
	width : 750px;
}

#articolo h1 {
	color : ;
		
}

#articolo h2 {
	color : ;
	
}

#articolo h3 {
	font : bold 10px Verdana, Tahoma, Helvetica;
	margin : 5px;
}

#articolo p {
	font : 11px Verdana, Tahoma, Helvetica;
	line-height : 150%;
	margin : 5px;
	padding-bottom : 4px;
	text-align: justify;
}

#articolo a {
	color : #cc0000;
	background : #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#articolo a:hover {
	color : #333333;
	background : #FFFFFF;
}

.movete
{
background-color: #cc0000;
color: #ffffff;
width:36px;
height:18px;
font: 12px Verdana, Tahoma, Helvetica;
border:2px outset #cc0000;
margin-left:3px;
margin-bottom: 2px;
border:1px outset #eeeeee;
}

form
{
padding:0px;
}

input
{
font: 10px tahoma, verdana, arial;
}

.tendina
{
font: 10px verdana, verdana, arial;
margin-bottom: 2px;
color :#cc0000;
background : #ffffff;
border:1px outset #eeeeee;
}

.estemp
{
	background-color: #eeeeee;
	border: 1px solid #333333;
	margin-top:30px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 3px;
	-webkit-box-shadow: inset 1px 1px 3px #333333;
	-moz-box-shadow: inset 1px 1px 3px #333333;
	box-shadow: inset 1px 1px 3px #333333;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.estemp a
{
background-color: #efefef;
}

.foto {
margin:5px;
border:1px solid #efefef;
}

#prece {
	color : #333333;
	background : #ffffff;
	padding: 5px 5px 10px;
	voice-family : inherit;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	width: 140px;
	border: 1px solid #cccccc;
	float: left;
	clear: none;
	box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	-moz-box-shadow: 0px 0px 5px #000000;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#prece img {
	border: 0px;
	margin-top: 7px;
	padding: 0px;
}

#prece a
{
text-decoration: none;
}

#prece p
{
border: 0px solid black;
margin: 0px;
padding: 0px;
font: bold 14px Verdana, Tahoma, Helvetica;
}

center
{
display:none;
}

.hyde
{
display: none;
color: #818181;
}

.cliccaqui
{
text-decoration: underline;
color: #cc0000;
cursor: pointer;
}

@media screen and (max-device-width: 480px){
body{
background: #ffffff;
}