/* =========================================================================================================================== */ /* CONTENT AREA - STRUCTURE "smallHeader" */ /* =========================================================================================================================== */ #contentWrapper { width: 944px; height: 100%; padding:0 28px; float: left; position: relative; z-index: 100; background-image:url(../../../common/images/bg_smallHeader.gif); background-repeat: no-repeat;} #leftColumn { width: 261px; /* min-height: 523px;*/ height: auto !important; /*height: 523px;*/ float: left; margin: 0; padding: 0;} #mainContentArea { width: 922px; float: left; margin: 21px auto 0px auto; padding: 0;} /* =========================================================================================================================== */ /* Anchor & EMO */ /* =========================================================================================================================== */ #mainAnchor { width: 922px; margin: 11px auto 0 auto;} .optionsDiv { width: 100%; } .breadCrumb { width: 100%; padding :5px 0px; } .breadCrumb .options_bread{ margin:5px 0px 0px 0px;} /* =========================================================================================================================== */ /* Content */ /* =========================================================================================================================== */ #content_full_smallHeader { width: 643px; float: left; margin: 0 0 0 17px;/*18px;*/ text-align: left; overflow-x: hidden} /*#content_full_smallHeader a{ font-size: 11px; }*/ #content_full_smallHeader #contentTabs { width: 643px; margin: 9px auto 0; height: 100%; padding:0; } #content_full_smallHeader #contentTabs .topTabs{ position: relative; width: 641px; text-align: left; height: 37px; padding: 2px 1px 0 1px; background-image:url(../images/bg_lp_internal_top_w-tabs_643w.gif); background-repeat:no-repeat; } #content_full_smallHeader #contentTabs #content{ width: 599px; height: 100%; padding: 0 0px; /*background-image:url(../images/bg_cont_internal_643w.gif); background-repeat: repeat-y; *//*remove right border for "Module Full Layout Paragraph"*/} #content_full_smallHeader #contentTabs #content h2{ padding: 7px 0 17px; } #content_full_smallHeader #contentTabs #bg_bottom{ width: 643px; height: 4px; background-image:url(../images/bg_cont_internal_bottom_643w.gif); background-repeat: no-repeat; } #content_full_smallHeader #contentTabs #anchorContent{ width: 599px; height: 100%; padding: 0 0 0 0px; /*background-image:url(../images/bg_cont_internal_643w.gif); background-repeat: repeat-y; */} #content_full_smallHeader #contentTabs #anchorContent h2{ padding: 7px 0 17px; } /*--P--*/ /*if anchor are inside 1 col module*/ #content_full_smallHeader #contentTabs .moduleInternal #anchorContent{ width: 100%; height: 100%; padding: 0 0 0 0px;} #content_full_smallHeader #contentTabs .moduleInternal #anchorContent h2{ padding: 8px 0 17px; } #content_full_smallHeader #contentTabs .moduleInternal #anchorContent #yearsMod{ width: 100%; height: 30px; margin: 0 auto; } /* Decade Selection Module */ /*#content_full_smallHeader #contentTabs #anchorContent #yearsMod{ width: 597px; height: 30px; margin: 0 auto; } #content_full_smallHeader #contentTabs #anchorContent #yearsMod #left{ float: left; width: 6px; height: 30px; background-image:url(../images/bg_mod_decades_left.gif); background-repeat: no-repeat; } #content_full_smallHeader #contentTabs #anchorContent #yearsMod #center{ float: left; width: 585px; height: 18px; padding: 6px 0; text-align: right; background-image:url(../images/bg_mod_decades_center.gif); background-repeat: repeat-x; } #content_full_smallHeader #contentTabs #anchorContent #yearsMod #center a{ color: #000000; font-size: 11px; text-decoration: underline; margin: 0 11px 0 11px; } #content_full_smallHeader #contentTabs #anchorContent #yearsMod #right{ float: left; width: 6px; height: 30px; background-image:url(../images/bg_mod_decades_right.gif); background-repeat: no-repeat; }*/ #content_full_smallHeader #contentTabs #anchorContent #yearsMod{ width: 597px; height: 30px; margin: 0 auto; } #content_full_smallHeader #contentTabs #anchorContent #yearsMod #left{ float: left; width: 6px; height: 30px; background-image:url(../images/bg_mod_decades_left.gif); background-repeat: no-repeat; } #content_full_smallHeader #contentTabs #anchorContent #yearsMod #center{ float: left; width: 585px; height: 18px; padding: 8px 0; text-align: left; background-image:url(../images/bg_mod_decades_center.gif); background-repeat: repeat-x; } #content_full_smallHeader #contentTabs #anchorContent #yearsMod #center a{ color: #000000; font-size: 11px; text-decoration: underline; margin: 0 3px 0 3px; } #content_full_smallHeader #contentTabs #anchorContent #yearsMod #center a:hover{ color: #000000; font-size: 11px; text-decoration: none; margin: 0 3px 0 3px; } #content_full_smallHeader #contentTabs #anchorContent #yearsMod #right{ float: left; width: 6px; height: 30px; background-image:url(../images/bg_mod_decades_right.gif); background-repeat: no-repeat; } /* Decades */ #content_full_smallHeader #contentTabs #anchorContent .decade .decadeTitle { background-image: url(../../../common/images/line_dotted_596px.gif); background-repeat: no-repeat; background-position:center; width: 100%/*596px;*/ margin: 20px 0 0; } #content_full_smallHeader #contentTabs #anchorContent .decade .decadeTitle h2 { display: inline; float: left; padding: 0 10px 0 0; background-color: #FFFFFF; } #content_full_smallHeader #contentTabs #anchorContent .decade .decadeTitle a img{ float: right; margin: 0; padding: 0 0 0 10px; background-color: #FFFFFF; } #content_full_smallHeader #contentTabs #anchorContent .decade img { margin: 5px 0; } /*Top navigation button*/ #content_full_smallHeader #contentTabs #anchorContent .decade .decadeTitle .topNavigationWithImage{float:right; cursor: pointer;width: 56px;} #content_full_smallHeader #contentTabs #anchorContent .decade .decadeTitle .topNavigationWithOutImage{float:right; background-color: #ffffff; padding: 5px 5px 5px 5px;cursor: pointer;} /* item */ #content_full_smallHeader #contentTabs #anchorContent .decade .decadeItem { margin: 11px 0 0; } #content_full_smallHeader #contentTabs #anchorContent .decade .decadeItem .leftMod { float: left; width: 120px; text-align: right; } #content_full_smallHeader #contentTabs #anchorContent .decade .decadeItem .leftMod img{ margin: 0 0 5px 0; } #content_full_smallHeader #contentTabs #anchorContent .decade .decadeItem .rightMod { float: left; width: 450px; padding: 0 0 0 22px; } #content_full_smallHeader #contentTabs #anchorContent .decade .decadeItem .rightMod h4{ color: #000000; margin: 0 0 5px 0; } #content_full_smallHeader #contentTabs #anchorContent .decade .decadeItem .rightMod .text { } /*below class use in "DATOS-CORPORATIVOS" page or page where u have vertical menu at right -- P --*/ #content_full_smallHeader #contentTabs .moduleTwoThirds .topTabs{ position: relative; width: 438px; height: 37px; padding: /*1px*/2px 1px 0 1px; background-image:url(../../../common/images/bg_m2_left_module_top_w-tabs.gif); background-repeat:no-repeat; margin: 0 0 0; }