
#info {padding-bottom:100px;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/circular.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#circularMenu  {padding:0; margin:0 auto; list-style:none; position:relative; width:251px; height:193px; background:#B30E2F url(circular/background.gif) no-repeat; }

#circularMenu li {display:block; width:60px; height:60px; position:absolute;}
#circularMenu li.circular_activ {left:95px; top:4px; background:url(circular/activ.gif) no-repeat center center;}
#circularMenu li.circular_soci {left:175px; top:40px; background:url(circular/soci.gif) no-repeat center center;}
#circularMenu li.circular_foto{left:20px; top:40px; background:url(circular/foto.gif) no-repeat center center;}
#circularMenu li.circular_raco{left:175px; top:115px; background:url(circular/raco.gif) no-repeat center center;}
#circularMenu li.circular_concurs {left:15px; top:115px; background:url(circular/concurs.gif) no-repeat center center;}


#circularMenu li a b {display:none;}
#circularMenu li a {display:block; width:60px; height:60px; text-align:center;}

#circularMenu li a:hover {background:url(circular/circle.gif); text-decoration:none; font-family:georgia, serif;}
#circularMenu li a:hover b {position:absolute; display:block; width:90px; height:99px; font-size:16px; color:#f7a41f; background:#b30e2f;}
#circularMenu li a:hover b span {display:block; font-size:12px; color:#fff; font-weight:normal; margin-top:15px;}

#circularMenu li.circular_activ a:hover b {left:-13px; top:64px;}
#circularMenu li.circular_soci a:hover b  {left:-93px; top:28px;}
#circularMenu li.circular_foto a:hover b  {left:63px; top:28px;}
#circularMenu li.circular_raco a:hover b  {left:-92px; top:-47px;}
#circularMenu li.circular_concurs a:hover b  {left:64px; top:-47px;}




#circularMenu-1  { padding:0; margin:0 auto; list-style:none; position:relative; width:251px; height:193px; background:#B30E2F url(circular/background.jpg) no-repeat; }
#circularMenu-1 li {display:block; width:60px; height:60px; position:absolute;}
#circularMenu-1 li.circular_activ {left:95px; top:4px; background:url(circular/activ.gif) no-repeat center center;}
#circularMenu-1 li.circular_soci {left:175px; top:40px; background:url(circular/soci.gif) no-repeat center center;}
#circularMenu-1 li.circular_foto{left:20px; top:40px; background:url(circular/foto.gif) no-repeat center center;}
#circularMenu-1 li.circular_raco{left:175px; top:115px; background:url(circular/raco.gif) no-repeat center center;}
#circularMenu-1 li.circular_concurs {left:15px; top:115px; background:url(circular/concurs.gif) no-repeat center center;}


#circularMenu-1 li a b {display:none;}
#circularMenu-1 li a {display:block; width:60px; height:60px; text-align:center;}

#circularMenu-1 li a:hover {background:url(circular/circle.gif); text-decoration:none; font-family:georgia, serif;}
#circularMenu-1 li a:hover b {position:absolute; display:block; width:90px; height:99px; font-size:16px; color:#f7a41f; background:#b30e2f;}






#circularMenu-1 li.circular_series {left:95px; top:4px; background:url(circular/series.gif) no-repeat center center;}
#circularMenu-1 li.circular_personajes {left:180px; top:40px; background:url(circular/personajes.gif) no-repeat center center;}
#circularMenu-1 li.circular_horario{left:15px; top:115px; background:url(circular/horario.gif) no-repeat center center;}
#circularMenu-1 li.circular_videos{left:175px; top:115px; background:url(circular/videos.gif) no-repeat center center;}
#circularMenu-1 li.circular_cantaclub{left:15px; top:40px; background:url(circular/cantaclub.gif) no-repeat center center;}

#circularMenu-1 li.circular_series a:hover b {left:-13px; top:64px;}
#circularMenu-1 li.circular_personajes a:hover b  {left:-100px; top:28px;}
#circularMenu-1 li.circular_horario a:hover b  {left:64px; top:-47px;}
#circularMenu-1 li.circular_videos a:hover b  {left:-92px; top:-47px;}
#circularMenu-1 li.circular_cantaclub a:hover b  {left:63px; top:28px;}
