﻿/* CCE */
@import url("Menus.css");
@import url("Paragraphs.css");

form {
  margin:  0px;
  padding: 0px;
}

input {
  border: 1px solid #999999;
}

textarea {
  border: 1px solid #999999;
}

a img {
  border: none;
}

.Main {
  background-repeat: no-repeat;
  background-image:  url(../../Navigation/CCE/Diversos/bkg_img.jpg);
  position:          relative;
}

#DwHeader {
  height: 112px;
}

#DwLogo {
  float:        left;
  padding-top:  20px;
  padding-left: 63px;
}

.LanguageMenu {
  float:         right;
  color:         #999999;
  font-size:     11px;
  padding-top:   60px;
  padding-right: 45px;
}

.LeftColumn {
  /*width: 24px;*/
  vertical-align:   bottom;
  background-color: #666666;
  border-right:     3px solid #000000;
}

.LeftBottomCorner {
  width:             24px;
  height:            20px;
  background-repeat: no-repeat;
  background-image:  url(../../Navigation/CCE/Diversos/LeftBottomCorner.jpg);
}

.LeftMenuCell {
  align:            center;
  vertical-align:   top;
  background-color: #FFFFFF;
}

.LeftMenu {
  width:  119px;
  margin: 65px 0px 10px 0px;
}

.DwContentCell {
  /*width: 539px;*/
  text-align:       left;
  vertical-align:   top;
  overflow:         hidden;
  background-color: #FFFFFF;
}

.DwHomeContentCell {
  width:            570px;
  text-align:       left;
  vertical-align:   top;
  background-color: #FFFFFF;
}

.DwContentHolder {
  /*width: 510px;
 overflow: hidden;*/
  margin: 0px 10px 25px 10px;
}

#DwContent {
  margin-top: 10px;
}

.T11-B11_image{
  text-align: center!important;
}

.PageTitle {
}

#DwLegend {
  color:  #CCCCCC;
  margin: 30px 0px 10px 0px;
}

#DwLegend a:hover {
  text-decoration: underline;
}

.HighlightsColumn {
  align:            center;
  vertical-align:   bottom;
  background-color: #FFFFFF;
}

.HighlightsContentor {
  width:    130px;
  overflow: hidden;
  margin:   30px 10px 25px 10px;
}

.RightColumn {
  /*width: 23px;*/
  vertical-align:    bottom;
  background-color:  #FFFFFF;
  background-repeat: no-repeat;
  background-image:  url(../../Navigation/CCE/Diversos/RightTopCorner.jpg);
}

.RightColumnBottomCorner {
  width:             23px;
  height:            20px;
  background-repeat: no-repeat;
  background-image:  url(../../Navigation/CCE/Diversos/RightBottomCorner.jpg);
}

/* FlashMenu */

#FlashMenu {
  height: 252px;
}

/* Página Intro */

.IntroLanguageMenu {
  padding: 25px 0px 0px 30px;
}

#languageMenuIntro {
  position: absolute;
  right:    0;
  top:      0;
  z-index:  999;
}

.IntroLanguageMenu, .IntroLanguageMenu a {
  font-size:       12px;
  color:           #CCCCCC;
  font-weight:     bold;
  text-decoration: none;
}

.IntroLanguageMenu a:hover {
  font-size:       12px;
  color:           #CCCCCC;
  font-weight:     bold;
  text-decoration: underline;
}

.IntroTextArea {
  width:       600px;
  text-align:  left;
  font-size:   12px;
  margin-left: 40px;
  padding-top: 6px;
}

.IntroLeftColumn {
  width:         130px;
  overflow:      hidden;
  padding-right: 30px;
}

#mainIntroContainer {
  width:    900px;
  height:   400px;
  float:    left;
  overflow: hidden;
}

#mainIntroContainer {
  width:    900px;
  height:   400px;
  float:    left;
  overflow: hidden;
  position: relative;
}

#mainIntroContainer .mainIntroMask {
  left:     0;
  bottom:   0;
  float:    left;
  width:    900px;
  height:   295px;
  overflow: hidden;
  position: absolute;
}

#mainIntroContainer .mainIntroMask .mainIntroHandler {
  left:       0;
  bottom:     0;
  float:      left;
  width:      30px;
  height:     400px;
  position:   absolute;
  background: url(../../Navigation/CCE/Diversos/bkg_img.jpg) no-repeat;
  z-index:    999;
  cursor:     e-resize;
}

#mainIntroContainer .mainIntroMask .mainIntroHandler > p {
  left:       -16px;
  top:        120px;
  float:      left;
  width:      61px;
  height:     57px;
  position:   absolute;
  background: url(../../Navigation/CCE/Diversos/bgBallon.png) no-repeat;
  z-index:    999;
  display:    none;
}

#mainIntroContainer:hover .mainIntroMask .mainIntroHandler > p {
  display: block;
}

#mainIntroContainer .mainIntroMask ul.mainIntro {
  float:    left;
  width:    900px;
  height:   295px;
  overflow: hidden;
}

#mainIntroContainer .mainIntroMask ul.mainIntro li {
  float:    left;
  width:    900px;
  height:   295px;
  position: absolute;
  top:      0;
  left:     0;
}

/* Image Gallery */

.MyImageGallery td {
  padding-bottom: 21px;
}

.MyImageGallery img {
  border: 2px solid #999999;
}

/* Footer */
#DwFooter {
  margin-top:     10px;
  padding-bottom: 10px;
}

#DwFooter small {
  color:      #666666;
  font-size:  9px;
  margin-top: 5px;
}

#DwFooter a {
  color:           #666666;
  font-size:       9px;
  text-decoration: none;
}

#DwFooter a:hover {
  color:           #666666;
  font-size:       9px;
  text-decoration: underline;
}

#Footer {
  position: relative;
}

.SocialNetworks {
  top:      0px;
  right:    14px;
  display:  none;
  position: absolute;
}

.SocialNetworks ul {
  margin:          0px;

  padding:         0px;
  list-style-type: none;
}

.SocialNetworks li {
  display:      inline;
  padding:      0px 7px;
  margin-top:   11px;
  border-right: 1px solid #666;
}

.SocialNetworks li.firstItem {
  border-left: 1px solid #666;
}
