/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-size:11px;
list-style-type: none;
}

.shadetabs li{
display: inline;
margin: 0;
float:left;
}

.shadetabs li a{
display:block;
width: 112px;
height: 29px;
padding: 4px 5px 0 5px;
text-decoration: none;
position: relative;
z-index: 1;
border-right:1px solid white;
color: #9b7a9b;
text-align:center;
background:url(../../images/tab_pestana_fondo2.gif) no-repeat;
border-bottom:1px solid white;

}

.shadetabs li a:visited{
color: #9b7a9b;
}

.shadetabs li a:hover{
text-decoration: none;
color: #7b1271;
background-position: 0 -33px;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;

}

.shadetabs li a.selected{ /*selected main tab style */
color: #7b1271;
background-position: 0 -33px;
border-bottom:0;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


/* ######### Tabs promos ######### */

.promotabs {
width: 600px;
padding: 3px 0;
margin-left: 97px;
margin-top: 1px;
margin-bottom: 0;
font-size:11px;
list-style-type: none;
botder-bottom:1px solid white;
position:absolute;
z-index:2;
}


.promotabs li{
display: inline;
margin: 0;
float:left;
}

.promotabs li a{
display:block;
width: 83px;
height: 44px;
padding-top: 7px;
text-decoration: none;
position: relative;
z-index: 1;
color: white;
font-size:10px;
font-weight:bold;
text-align:center;
}


#tab01 a {background: url(../../images/tab_left.gif) #9e9c9c no-repeat}
#tab01 a:hover {background: url(../../images/tab_left_hover.gif) no-repeat}
#tab01 a.selected {background: url(../../images/tab_left_hover.gif) no-repeat}
#tab01 a.selected:hover {background: url(../../images/tab_left_hover.gif) no-repeat}


#tab02 a {background: url(../../images/tab_center.gif) #9e9c9c no-repeat}
#tab02 a:hover {background: url(../../images/tab_familia_hover.gif) no-repeat}
#tab02 a.selected {background: url(../../images/tab_familia_hover.gif) no-repeat}
#tab02 a.selected:hover {background: url(../../images/tab_familia_hover.gif) no-repeat}

#tab03 a {background: url(../../images/tab_center.gif) #9e9c9c no-repeat}
#tab03 a:hover {background: url(../../images/tab_negocios_hover.gif) no-repeat}
#tab03 a.selected {background: url(../../images/tab_negocios_hover.gif) no-repeat}
#tab03 a.selected:hover {background: url(../../images/tab_negocios_hover.gif) no-repeat}

#tab04 a {background: url(../../images/tab_center.gif) #9e9c9c no-repeat}
#tab04 a:hover {background: url(../../images/tab_romantico_hover.gif) no-repeat}
#tab04 a.selected {background: url(../../images/tab_romantico_hover.gif) no-repeat}
#tab04 a.selected:hover {background: url(../../images/tab_romantico_hover.gif) no-repeat}

#tab05 a {background: url(../../images/tab_center.gif) #9e9c9c no-repeat}
#tab05 a:hover {background: url(../../images/tab_lujo_hover.gif) no-repeat}
#tab05 a.selected {background: url(../../images/tab_lujo_hover.gif) no-repeat}
#tab05 a.selected:hover {background: url(../../images/tab_lujo_hover.gif) no-repeat}

#tab06 a {background: url(../../images/tab_center.gif) #9e9c9c no-repeat}
#tab06 a:hover {background: url(../../images/tab_entretenimiento_hover.gif) no-repeat}
#tab06 a.selected {background: url(../../images/tab_entretenimiento_hover.gif) no-repeat}
#tab06 a.selected:hover {background: url(../../images/tab_entretenimiento_hover.gif) no-repeat}

#tab07 a {background: url(../../images/tab_right.gif) #9e9c9c no-repeat}
#tab07 a:hover {background: url(../../images/tab_wellness_hover.gif) no-repeat}
#tab07 a.selected {background: url(../../images/tab_wellness_hover.gif) no-repeat}
#tab07 a.selected:hover {background: url(../../images/tab_wellness_hover.gif) no-repeat}


/***** Tabs eclub ****/

.eclubtabs {
padding: 3px 0;
margin-left: 35px;
margin-top: 1px;
margin-bottom: 0;
font-size:11px;
list-style-type: none;
botder-bottom:1px solid white;
position:absolute;
z-index:2;
}


.eclubtabs li{
display: inline;
margin: 0;
float:left;
}

.eclubtabs li a{
display:block;
width: 97px;
height: 44px;
padding-top: 7px;
text-decoration: none;
position: relative;
z-index: 1;
color: white;
font-size:10px;
font-weight:bold;
text-align:center;
}

#eclub01 a {background: url(../../images/tabeclub_left.gif) #9e9c9c no-repeat}
#eclub01 a:hover {background: url(../../images/tabhps_hover.gif) no-repeat}
#eclub01 a.selected {background: url(../../images/tabhps_hover.gif) no-repeat}
#eclub01 a.selected:hover {background: url(../../images/tabhps_hover.gif) no-repeat}


#eclub02 a {background: url(../../images/tabeclub_center.gif) #9e9c9c no-repeat}
#eclub02 a:hover {background: url(../../images/tabhtc_hover.gif) no-repeat}
#eclub02 a.selected {background: url(../../images/tabhtc_hover.gif) no-repeat}
#eclub02 a.selected:hover {background: url(../../images/tabhtc_hover.gif) no-repeat}

#eclub03 a {background: url(../../images/tabeclub_center.gif) #9e9c9c no-repeat}
#eclub03 a:hover {background: url(../../images/tabehb_hover.gif) no-repeat}
#eclub03 a.selected {background: url(../../images/tabehb_hover.gif) no-repeat}
#eclub03 a.selected:hover {background: url(../../images/tabehb_hover.gif) no-repeat}

#eclub04 a {background: url(../../images/tabeclub_center.gif) #9e9c9c no-repeat}
#eclub04 a:hover {background: url(../../images/tabehv_hover.gif) no-repeat}
#eclub04 a.selected {background: url(../../images/tabehv_hover.gif) no-repeat}
#eclub04 a.selected:hover {background: url(../../images/tabehv_hover.gif) no-repeat}

#eclub05 a {background: url(../../images/tabeclub_center.gif) #9e9c9c no-repeat}
#eclub05 a:hover {background: url(../../images/tabhdc_hover.gif) no-repeat}
#eclub05 a.selected {background: url(../../images/tabhdc_hover.gif) no-repeat}
#eclub05 a.selected:hover {background: url(../../images/tabhdc_hover.gif) no-repeat}

#eclub06 a {background: url(../../images/tabeclub_right.gif) #9e9c9c no-repeat}
#eclub06 a:hover {background: url(../../images/tabmnr_hover.gif) no-repeat}
#eclub06 a.selected {background: url(../../images/tabmnr_hover.gif) no-repeat}
#eclub06 a.selected:hover {background: url(../../images/tabmnr_hover.gif) no-repeat}