﻿/* GLOBAL */
/* MENU   */
#menu { border: 0px solid #FF0000;
        /* margin: 10px 0px 0px 60px; */
        margin: -13px 0px 0px 60px;
        padding: 0px; 
        list-style: none; 
        color: #01456a; 
        /* line-height: 37px; */
        width: 675px;
        height: 27px;
        font-family: 'Peralta', Tahoma, Arial, sans-serif, Verdana;
        font-size: 14px;  
        z-index: 6; 
}


#menu > li a { color: #01456a; text-decoration: none; cursor: pointer; }
#menu > li a:hover { color: #FFFFFF; text-decoration: none; cursor: pointer; }


#menu li { border: 0px solid green; float: left; margin: 0px; padding: 3px 20px 0px 0px; position: relative; height: 35px; z-index: 6; }


/* SUB-MENUS*/
#menu ul { padding: 0px; margin: 0px; display: block; }
#menu li ul { border: 0px solid #FF0000; position: absolute; left: -8px; top: 35px; margin: 0px; width: 180px; line-height: 10px; display: none; z-index: 1; z-index: 1; }
#menu li:hover ul { border: 0px solid #FF0000; display: block; font-size: 11px; }

#menu li ul li { font-family: 'Peralta', Tahoma, Arial, sans-serif, Verdana; margin: 0px; padding: 9px 0px 0px 15px; list-style-type: none; font-size: 12px; }
#menu li ul li a { display: block; color: #01456a; width: 180px; height: 30px; }
#menu li ul li a:hover { color: #FFFFFF; }       
#menu .bgRepeatSubMenu { margin: 0px; background: url('../images/repeat_sub_menu.png') repeat-y; width: 180px; height: 21px; }
#menu .bgSubMenuLast { margin: 0px; background: url('../images/last_sub_menu.png') no-repeat; width: 180px; height: 10px; }

/* FOOTER SUB-MENU */
.csCaixaChannelPage { border: 0px solid green; margin: 0px; padding: 0px; float: left; width: 120px; line-height: 9px; }
.csCaixaChannelPagePadding { border: 0px solid #000; margin: 15px 0px 15px 0px ; padding: 0px; }
    .csCaixaChannelPageTitle { font-family: Tahoma, Arial, sans-serif, Verdana; font-size: 11px; font-weight: bold; color: #69a0b8; }
    .csCaixaChannelPageTitle a { color: #69a0b8; }
    .csCaixaChannelPageTitle a:hover { color: #FFFFFF; }
        
    .csCaixaChannelPageText { padding-left: 8px; font-family: Tahoma, Arial, sans-serif, Verdana; font-size: 10px; }
    .csCaixaChannelPageText a { color: #50b4e3; }
    .csCaixaChannelPageText a:hover { color: #FFFFFF; }
    
    
    

/* PARTY FIESTA */    
/* CONTENT | SUB-MENU */
.csContentSubMenu { border: 0px solid red; margin: 0px; padding: 0px; position: relative; left: 15px; top: -6px; background: url('../images/imgBgSubMenu.png') repeat-y; width: 242px; }
.csContentLastSubMenu { border: 0px solid red; margin: 0px; padding: 0px; position: relative; left: 15px; top: -6px; background: url('../images/imgBgLastSubMenu.png') no-repeat; width: 242px; height: 60px; }

#dvContentSubMenu ul { margin: 0px; padding: 0px; }

#dvContentSubMenu li {
    list-style: none;
	text-align: left;
}

#dvContentSubMenu li.SubMenu {
	padding: 5px;
	width: 100%;
}

#dvContentSubMenu li.buttonSubMenu a 
{
    color: #0f4864;
    border: 0px solid #FF0000;
	display: block;
	font-family: 'Peralta', Tahoma, Arial, sans-serif, Verdana;
	font-size: 13px;
	overflow: hidden;
	padding: 0px;
	position: relative;
	/* margin: 20px 20px 0px 0px; */
	padding: 20px 0px 0px 25px;
	cursor: hand;
}

#dvContentSubMenu li.buttonSubMenu a:hover {
	text-decoration: none;
	color: #0083cf;
}

#dvContentSubMenu li.buttonSubMenu a:hover { background-position: bottom left; }

#dvContentSubMenu li.buttonSubMenu .csItemSubMenuActive { color: #72c6ef; overflow: hidden; display: block; position: relative; } /* SUB-MENU ACTIVE*/

#dvContentSubMenu .buttonTriMenu 
{
    border: 0px solid green;
	display: none;
	font-size: 11px;
	font-family: 'Peralta', Tahoma, Arial, sans-serif, Verdana;
	margin-top: 0px;
	padding: 0px 0px 0px 20px;
	width: 100%;
}

#dvContentSubMenu .buttonTriMenu li {
	color: #002f5f;
	margin: 5px 0px 0px 25px;
	padding: 2px 0px 0px 0px;
	border: 0px solid #FF0000;
	height: 15px;
	cursor: hand;
	width: 100%;
}


#dvContentSubMenu .buttonTriMenu a:hover .csTriMenu { color: #0083cf;}
#dvContentSubMenu .buttonTriMenu a.active .csTriMenu { color: #72c6ef;}
