/* CSS Document */

body
{
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00476e;
	
	background-image:url(panel/tlo.jpg);
	background-repeat:repeat-x;
	background-color:#1c7cb0;
}

a { text-decoration:none; color:#FFFFFF; }
a:hover { color:#dddddd; text-decoration:none; }

.img { border:2px solid #F0C215; padding:2px; }

#web
{
	width:905px;
	margin:0 auto;	
}

#intro
{
	float:left;
	width:905px;
	height:250px;	
}

#intro #logo
{
	float:left;
	width:905px;
	height:192px;
}

#intro #menu
{
	float:left;
	width:905px;
	height:58px;
	
	background-image:url(panel/intro_menu.jpg);
}

#intro #menu a { text-decoration:none; color:#FFFFFF; font-weight:bold; }
#intro #menu a:hover { color:#dddddd; text-decoration:none; }
#intro #menu .active {  text-decoration:none; color: #ffde00; font-weight:bold; }

#song
{
	float:left;
	width:905px;
	background-image:url(panel/song_tlo.jpg);
}

#song .space
{
	float:left;
	width:905px;
	height:20px;
	background-image:url(panel/song_up.jpg);
}

#song #submenu
{
	float:left;
	width:222px;
}

#song #submenu .button
{
	float:left;
	width:203px;
	height:12px;
	background-image:url(panel/song_submenu.jpg);
	padding:4px;
	padding-left: 15px;
}

#song #submenu .button a
{
	color:#FFFFFF;
	text-decoration:none;
}

#song #submenu .button a:hover
{
	color:#dddddd;
	text-decoration:none;
}


#song #submenu .button a .active
{
	color:#ffde00;
	text-decoration:none;
}

#song #text
{
	float:left;
	width:606px; /* 683 */
	background-image:url(panel/song_text_up.jpg);
	background-repeat:no-repeat;
	padding-top:16px;
	padding-left:38px;
	padding-right:39px;		
}

#song #text a { text-decoration:none; color:#00476e; }
#song #text a:hover { color:#ff7600; text-decoration:none; }

#quatro .space
{
	float:left;
	width:905px;
	height:48px;
	background-image:url(panel/quatro_space.jpg);
}

#quatro #copyright
{
	float:left;
	width:905px;
	height:50px;
	background-image:url(panel/quatro_down.jpg);
}


#quatro #copyright .left { float:left; width:419px; text-align:left; padding:18px; color:#FFFFFF; }
#quatro #copyright .right  { float:left; width:414px; text-align:right; padding:18px; color:#FFFFFF;  }

h1
{ 
	font-size:15px;
	display:inline;
	color: #166198;
	text-transform:uppercase;
}

h2 
{ 
	font-size:12px;
	display:inline;
	color: #EC9011
}

.bl
{
	border-left:2px solid white;
}