a:link,a:visited,a:active
{
 color:#ff0099;
 }

a:hover
{
 color:#cc0088;
 background-color:#330011;
 border-color:#990000;
}

a.lang
{
font-family:'Bangers';
font-size:24pt;
}



a.lang:link,a.lang:visited,a.lang:active
{
 color:#ee0000;
 
}

a.lang:hover
{
 color:#cc0000;
 background-color:#330000;
 border-color:#990000;
}

li.project .buttons a:link,li.project .buttons a:visited,li.project .buttons a:active
{
 font-size:9px;
 color:#ffffff;
 background-color:#333333;
 border:2px solid #999999;
 padding:0 4px;
 margin:6px;
}

li.project .buttons a:hover
{
 color:#cc0000;
 background-color:#330000;
 border-color:#990000;
}

p
{
 color:#bbbbbb;
 font-weight:normal;
 text-indent:0.5cm;
 text-align:justify;
 padding:5px;
}

th.intro
{
 font-size:10pt;
 padding:15px;
 height:16px;
 color:#dddddd;
 font-family:"Mate SC";
 font-weight:bold;
 font-size: 10pt;
 text-align:center;
}

.btop
{
 padding:0;
 height:7px;
 background:url("../images/cyan.png") no-repeat 0px 0px;
}

.bmiddle
{
 background:url("../images/cyan_fill.png") repeat-y;
}

.bbottom
{
 padding:0;
 height:11px;
 background:url("../images/cyan.png") no-repeat 0px -8px;
}


h1
{
 color:#bebebe;
 text-shadow:-2px 2px 0 #660044;
}

img.intro
{
 border-style:inset;
 border-color:#777777;
 border-width:3px;
}

img.alogo
{
 border-style:solid;
 border-color:#ff0099;
 border-width:2px;
	box-shadow:-5px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow:-5px 5px 5px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow:-5px 5px 5px 0px rgba(0,0,0,0.25);
}

.q
{
 font-family: 'times new roman';
 font-size: 10pt;
 font-style: italic;
 text-align: justify;
}
ul
{
 list-style-image: url("images/bala_rojo.gif");
}
ul.project
{
 color: #00ff00;
/* 
 background-color: #191919;
 border: 2px inset #393939;
*/
 background-color: #138c8c;
 border: 1px solid #138c8c;
}
li
{
	vertical-align: middle;
}
li.project
{
	opacity: 0.65;
	color: #ffcccc;
/*
	background-color: #191919;
	border: 1px solid #191919;
*/
	background-color: #138c8c;
	border: 1px solid #138c8c;
	margin-bottom:8px;
	/*padding:5px 5px 10px 5px;*/
}
span.project
{
	color: #ff99aa;
}
.noti
{
	color: #ffffff;
	font-weight: normal;
}
.noti i
{
	color: #ffdd66;
}
div.noti
{
	margin: 4px;
}
em.project
{
	color: #ee5599;
}
h1.project
{
	color: #ff0099;
	font-weight: normal;
	text-shadow:-1px 1px 0 #660000;
}
tt.project
{
	color: #ff0099;
}
hr
{
	border: 1px solid #ff0099;
}
img.project
{
	border: 1px inset #111111;
}
.LinksBox
{
	margin: 10px;
	width: 82%;
}
div#intro {display:none;}
/*
#intro div 
{
	margin:0;
	padding:0;
}
*/
#intro .column
{
	width:50%;
}
#intro img
{
	float:left;
	border:1px inset #333333;
	margin-right:10px;
}
#intro p, #friends p
{
 text-indent:0;
}
#intro h1, #friends h1
{
 text-align:left;
}
#projectTitle
{
	color:#ff0099;
}
#infoBox
{
	position:absolute;
	opacity: 1.0;
	display:none;
	width:300px;
	border:1px solid #ff0099;
	box-shadow:-5px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow:-5px 5px 5px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow:-5px 5px 5px 0px rgba(0,0,0,0.25);
	z-index:100;
}
#infoBox img 
{
	border:1px solid #ff0099;
	float:left;
	margin-right:20px;
}
#infoBox div.content
{
	text-align:left;
	background-color:#220011;
	color:#ee0066;
	padding:20px;
}
li.songOver
{
	opacity: 1.0;
	background-color: #220011;
	border: 1px solid #ff0099;
	box-shadow:-5px 5px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow:-5px 5px 2px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow:-5px 5px 2px 0px rgba(0,0,0,0.25);
	z-index:200;
}

.buttons
{
	padding:5px;
}