/*********************************************
CSS RESET
*********************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  outline:0;
}

/*********************************************
COMMON STYLES
*********************************************/

html {
  font:13px/1.42em Calibri, "Trebuchet MS", sans-serif;
  background:#13100D;
  color:#fff;
}
body {
  width:100%;
}
a {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
#wrapper {
  width:100%;
}

/*********************************************
TOP
*********************************************/

#top {
  width:980px;
  margin:0 auto 0 -490px;
  position:absolute;
  left:50%;
  top:0;
  z-index:100;
}
.logo {
  display:inline-block;
  border:0;
  margin-top:29px;
  text-decoration:none;
  position:relative;
}
.langSelectExp {
  position:absolute;
  right:0;
  top:21px;
  font:bold 14px/1.3em Calibri;
  text-align:right;
}
.langSelectExp ul {
  list-style:none;
}
.langSelectExp ul li {
  list-style-type:none;
  display:inline-block;
  padding:0 0 0 4px;
}
.langSelectExp ul li a {
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
}
.langSelectExp ul li a:hover {
  color:#E3007B;
}
#menuTopIn {
  background:url(../images/menuBg.png) no-repeat left top;
  width:581px;
  height:62px;
  position:absolute;
  right:0;
  top:55px;
  text-align:center;
}
#menuTopIn > ul {
  float:none;
  display:inline-block;
  position:relative;
  left:0;
  top:1px;
  list-style:none;
}
#menuTopIn ul li {
  list-style-type:none;
  display:inline-block;
  float:none;
  font:14px/1.3em Calibri;
  position:relative;
  left:0;
  top:0;
}
#menuTopIn  ul li a {
  padding:0 15px;
  display:inline-block;
  text-decoration:none;
  color:#fff;
  text-transform:uppercase;
  line-height:59px;
}
#menuTopIn > ul > li:hover > a {
  background: #8c004e;
  background: -moz-linear-gradient(top, #8c004e 0%, #b90066 22%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c004e), color-stop(22%,#b90066));
  background: -webkit-linear-gradient(top, #8c004e 0%,#b90066 22%);
  background: -o-linear-gradient(top, #8c004e 0%,#b90066 22%);
  background: -ms-linear-gradient(top, #8c004e 0%,#b90066 22%);
  background: linear-gradient(to bottom, #8c004e 0%,#b90066 22%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c004e', endColorstr='#b90066',GradientType=0 );
}
#menuTopIn ul li ul {
  display:none;
  width:255px;
  position:absolute;
  left:0;
  top:59px;
  background:#302E2D;
}
#menuTopIn ul li:hover ul {
  display:block;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,.6);
  box-shadow: 1px 1px 2px 1px rgba(0,0,0,.6);
}
#menuTopIn ul li ul li {
  font:14px/1.2em Calibri;
  text-align:center;
  border-bottom:1px solid #514E4D;
  text-align:left;
  padding:0;
  width:100%;
  background:none;
}
#menuTopIn ul li ul li a {
  font:14px/1.2em Calibri;
  display:block;
  padding:12px 15px 12px 36px;
  background:url(../images/arrow.png) no-repeat 14px center;
  text-transform:none;
}
#menuTopIn ul li ul li:hover {
  background:none !important;
}
#menuTopIn ul li ul li:hover a {
  background:url(../images/arrow.png) no-repeat 18px center transparent;
  color:#E30079;
}

/*********************************************
MAPA
*********************************************/

#homeMap {
  width:100%;
  height:560px;
  background:url(../images/mapa.jpg) no-repeat center center;
  position:absolute;
  margin:0 auto 0 -50%;
  left:50%;
  top:-31px;
}
.lines {
  position:absolute;
  left:50%;
  top:205px;
  width:562px;
  height:245px;
  margin-left:-361px;
}
.lines > span {
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:245px;
}
.lines > span.k1 {
  background:url(../images/k1.png) no-repeat left top;
}
.lines > span.k2 {
  background:url(../images/k2.png) no-repeat left top;
}
.lines > span.k3 {
  background:url(../images/k3.png) no-repeat right top;
  left:auto;
  right:0;
}
.lines > span.k4 {
  background:url(../images/k4.png) no-repeat left top;
}
.lines > span.k5 {
  background:url(../images/k5.png) no-repeat left top;
}
.lines > span.k6 {
  background:url(../images/k6.png) no-repeat left top;
}
.lines > span.k7 {
  background:url(../images/k7.png) no-repeat right top;
  left:auto;
  right:0;
}
.lines > span.k8 {
  background:url(../images/k8.png) no-repeat left top;
  width:562px;
  height:0;
}
.lines > span.k9 {
  background:url(../images/k9.png) no-repeat left top;
  width:562px;
  height:0;
}
.lines > span.k10 {
  background:url(../images/k10.png) no-repeat left top;
}
.lines > span.k11 {
  background:url(../images/k11.png) no-repeat left top;
}
.lines > span.k12 {
  background:url(../images/k12.png) no-repeat left top;
}
.lines > span.k13 {
  background:url(../images/k13.png) no-repeat left top;
}
.lines > span.k14 {
  background:url(../images/k14.png) no-repeat left top;
  top:0;
  width:562px;
  height:0;
}
.lines > span.k15 {
  background:url(../images/k15.png) no-repeat left top;
}
.points {
  width:980px;
  height:560px;
  margin:0 auto 0 -490px;
  position:absolute;
  left:50%;
  top:0;
}
.points img {
  position:absolute;
  width:14px;
  height:auto;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  -moz-transform: scale(.88);
  -webkit-transform: scale(.85);
  -o-transform: scale(.85);
  -ms-transform: scale(.85);
  transform: scale(.85);
}
.points img.lastPoint {
  width:23px;
}
.points img#p1 {
  left:444px;
  top:199px;
}
.points img#p2 {
  left:679px;
  top:233px;
}
.points img#p3 {
  left:334px;
  top:295px;
}
.points img#p4 {
  left:403px;
  top:327px;
}
.points img#p5 {
  left:429px;
  top:340px;
}
.points img#p6 {
  left:342px;
  top:349px;
}
.points img#p7 {
  left:345px;
  top:441px;
}
.points img#p8 {
  left:125px;
  top:375px;
}
.points img#p9 {
  left:137px;
  top:308px;
}
.points img#p10 {
  left:235px;
  top:294px;
}
.points img#p11 {
  left:154px;
  top:248px;
}
.points img#p12 {
  left:178px;
  top:228px;
}
.points img#p13 {
  left:224px;
  top:221px;
}
.points img#p14 {
  left: 266px;
  top: 277px;
}
.names {
  text-transform:uppercase;
  font:13px/1.2em Calibri;
  width:980px;
  height:560px;
  margin:0 auto 0 -490px;
  position:absolute;
  left:50%;
  top:0;
}
.names span {
  position:absolute;
}
.names span#n1 {
  left: 423px;
  top: 181px;
}
.names span#n2 {
  left: 643px;
  top: 212px;
}
.names span#n3 {
  left: 352px;
  top: 285px;
}
.names span#n4 {
  left: 409px;
  top: 308px;
}
.names span#n5 {
  left: 451px;
  top: 338px;
}
.names span#n6 {
  left: 341px;
  top: 368px;
}
.names span#n7 {
  left: 365px;
  top: 440px;
}
.names span#n8 {
  left: 115px;
  top: 392px;
}
.names span#n9 {
  left: 72px;
  top: 306px;
  text-align:right;
}
.names span#n10 {
  left: 178px;
  top: 280px;
  text-align:right;
}
.names span#n11 {
  left: 109px;
  top: 246px;
  text-align:right;
}
.names span#n12 {
  left: 120px;
  top: 226px;
  text-align:right;
}
.names span#n13 {
  left: 184px;
  top: 202px;
}
.names span#n14 {
  left: 267px;
  top: 255px;
  font-size:15px;
}

/*********************************************
HOME BOXES
*********************************************/

#homeBoxes {
  width:1020px;
  margin:450px auto 0 auto;
  height:460px;
}
.hb1, .hb2, .hb3 {
  position:relative;
  left:0;
  top:0;
  width:300px;
  float:left;
  margin-right:40px;
}
.hbBg {
  background:url(../images/box.png) no-repeat 0 -21px;
  background-size:100% 100%;
  width:376px;
  height:432px;
  position:absolute;
  left:-38px;
  top:38px;
}
.hb3 {
  margin-right:0;
}
.hbIn {
  float:left;
  width:300px;
  position:relative;
}
.hbImg {
  width:300px;
  height:209px;
  float:left;
  position:relative;
  left:0;
  top:0;
  border-bottom:4px solid #C1006A;
  display:block;
  overflow-x:hidden;
}
.hbGray {
  position:absolute;
  left:0;
  bottom:0;
}
.hbColor {
  position:absolute;
  left:0;
  bottom:0;
  display:none;
}
.hbTriangle {
  position:absolute;
  left:50%;
  margin-left:-10px;
  bottom:0;
  background:url(../images/boxTriangle.png) no-repeat center center;
  display:inline-block;
  width:20px;
  height:14px;
}
.hbContent {
  float:left;
  width:264px;
  padding:10px 17px 18px 17px;
  background:#595959;
  border-width:1px 1px 4px 1px;
  border-color:#383838 #696969 #494949 #696969;
  border-style:solid;
  max-height:164px;
  height:164px;
}
.hb1 .hbContent {
  max-height:165px;
  height:165px;		
}
.hb2 .hbContent, .hb3 .hbContent {
  padding:15px 17px;
}
.hbContent h3 {
  font:normal 20px/1.2em Calibri;
  color:#fff;
  float:left;
  width:100%;
  padding-bottom:5px;
}
.hbContent h3:after {
  display:block;
  width:60px;
  height:2px;
  background:#FFCEE9;
  clear:both;
  content:"";
  margin-top:9px;
}
.hbContent h3 a {
  color:#fff;
  text-decoration:none;
}
.hbContent h3 a:hover {
  color:#FFCEE9;
}
.hbContent p {
  font:14px/1.05em Calibri;
  color:#fff;
  padding-top:8px;
  float:left;
  width:100%;
}
.hbMore {
  display:inline-block;
  float:right;
  margin-right:20px;
  background:url(../images/moreOut.png) no-repeat left top;
  width:112px;
  height:40px;
  font:16px/40px Calibri;
  text-align:center;
  text-decoration:none;
  color:#fff;
  text-indent:-8px;
  position:relative;
}
.hbMore:hover {
  height:44px;
  line-height:44px;
  background:url(../images/moreOver.png) no-repeat left top;
}

/*********************************************
SUBPAGE
*********************************************/

#content.subPage {
  width:980px;
  margin:150px auto 0 auto;
}
#content.subPage .left {
  float:left;
  width:290px;
  position:relative;
  z-index:3;
  padding-bottom:40px;
  margin-top:267px;
}
#content.subPage .left .leftMenu {
  float:left;
  width:370px;
  position:relative;
  left:0;
  top:0;
}
#content.subPage .left .leftMenu ul li {
  display:block;
  border-left:2px solid #E3007B;
}
#content.subPage .left .leftMenu ul li a {
  text-decoration:none;
  color:#fff;
  font:20px/1.42em Calibri;
  display:block;
  padding:11px 64px 11px 16px;
  background:url(../images/menuL1.png) repeat-y left top;
}
#content.subPage .left .leftMenu ul li.selected > a,
#content.subPage .left .leftMenu ul li a:hover {
  background:url(../images/menuL0.png) repeat-y left top;
}
#content.subPage .left .leftMenu ul li ul {
  position:relative;
  left:-2px;
}
#content.subPage .left .leftMenu ul li ul li {
  border-left:2px solid #736F6C;
  background:url(../images/menuL1.png) repeat-y left top;
}
#content.subPage .left .leftMenu ul li ul li a {
  background:url(../images/arrow.png) no-repeat 18px center;
  padding:11px 32px 11px 38px;
  font:16px/1.42em Calibri;
}
#content.subPage .left .leftMenu ul li ul li.selected,
#content.subPage .left .leftMenu ul li ul li:hover {
  background:url(../images/menuL0.png) repeat-y left top;
}
#content.subPage .left .leftMenu ul li ul li.selected a,
#content.subPage .left .leftMenu ul li ul li a:hover {
  background:url(../images/arrowWhite.png) no-repeat 18px center;
}
#content.subPage .right {
  float:right;
  width:650px;
  position:relative;
  z-index:2;
  padding-bottom:40px;
}
#content.subPage .right .tinyContent {
  padding-top:267px;
  position:relative;
  z-index:4;
}
.subDoc {
  float:left;
  width:100%;
}
.att {
  float:left;
  width:100%;
  clear:both;
  margin-bottom:18px;
}
.attTop {
  width:100%;
  height:1px;
  background:url(../images/attachTop.png) no-repeat left top;
}
.attMiddle {
  padding:17px;
  background:url(../images/attachBg.png) repeat-y left top;
}
.attBottom {
  width:100%;
  height:1px;
  background:url(../images/attachTop.png) no-repeat left top;
}
.att h3 {
  font:30px/1.2em "Trebuchet MS";
  padding:0 0 10px 0;
}
.att ul {
  list-style:none;
}
.att ul li {
  display:block;
  clear:both;
  list-style-type:none;
  padding-bottom:4px;
}
.att ul li a {
  color:#fff;
  text-decoration:none;
  display:inline-block;
  padding:2px 0 2px 24px;
  font:14px/1.3em "Trebuchet MS";
}
.att ul li a:hover {
  color:#E30079;
}
.att ul li a[href$=".pdf"] {
  background:url(../images/pdfIcon.png) no-repeat left 1px;
}
.att ul li a[href$=".xls"] {
  background:url(../images/xlsIcon.png) no-repeat left 1px;
}
.att ul li a[href$=".doc"] {
  background:url(../images/docIcon.png) no-repeat left 1px;
}
.att ul li a[href$=".rtf"] {
  background:url(../images/docIcon.png) no-repeat left 1px;
}
.att ul li a[href$=".zip"] {
  background:url(../images/zipIcon.png) no-repeat left 1px;
}
.att ul li a[href$=".rar"] {
  background:url(../images/zipIcon.png) no-repeat left 1px;
}
.att ul li a[href$=".docx"] {
  background:url(../images/docIcon.png) no-repeat left 1px;
}
.att ul li a[href$=".xlsx"] {
  background:url(../images/xlsIcon.png) no-repeat left 1px;
}
.att ul li a[href$=".odt"] {
  background:url(../images/docIcon.png) no-repeat left 1px;
}
.att ul li a[href$=".ods"] {
  background:url(../images/xlsIcon.png) no-repeat left 1px;
}
.att ul li a[href$=".txt"] {
  background:url(../images/docIcon.png) no-repeat left 1px;
}
.att ul li a[href$=".ppt"] {
  background:url(../images/pptIcon.png) no-repeat left 1px;
}
.att ul li a[href$=".pptx"] {
  background:url(../images/pptIcon.png) no-repeat left 1px;
}
.att a.mgFrame {
  width:147px;
  height:111px;
  display:inline-block;
  background:url(../images/galFrame.png) no-repeat center center;
  padding:0;
  margin:0 4px 8px 0;
}
.mgIn {
  display:inline-block;
  width:143px;
  height:106px;
  background-repeat:no-repeat;
  background-position:center center;
  margin:3px 0 0 2px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.mgIn:hover {
  -webkit-box-shadow:inset 0 0 15px 5px rgba(0,0,0,0.6);
  box-shadow:inset 0 0 15px 5px rgba(0,0,0,0.6);
}
.subTitle {
  width:840px;
  position:absolute;
  left:54px;
  bottom:124px;
}
.stTop {
  width:840px;
  height:1px;
  background:url(../images/titleTop.png) no-repeat left top;
  clear:both;
}
.stMiddle {
  clear:both;
  width:604px;
  padding:10px 118px;
  background:url(../images/titleMiddle.png) repeat-y left top;
  display:table;
}
.stMiddle h1 {
  clear:both;
  width:100%;
  font:normal 36px/1.2em "Trebuchet MS";
  padding-bottom:10px;
}
.stBottom {
  width:840px;
  height:1px;
  background:url(../images/titleTop.png) no-repeat left top;
  clear:both;
}
.breadCrumbs {
  width:100%;
  clear:both;
  font:14px/17px Calibri;
}
.breadCrumbs a {
  color:#E3007B;
  float:left;
  display:inline-block;
  text-decoration:none;
  margin:0 5px;
}
.breadCrumbs a:hover {
  color:#FF40A9;
}
.breadCrumbs a:first-child {
  margin-left:0px;
}
.breadCrumbs span {
  float:left;
  display:inline-block;
  width:10px;
  height:17px;
  background:url(../images/arrow.png) no-repeat center center;
  margin:0 5px;
  text-indent:-9999px;
}
.sDocTop {
  width:1265px;
  height:360px;
  position:absolute;
  left:-502px;
  top:0;
  z-index:0;
}
.sDocBg {
  width:1265px;
  height:360px;
  position:absolute;
  left:0;
  top:0;
}
.sDocFrame {
  width:1265px;
  height:360px;
  background:url(../images/sDocFrame.png) no-repeat center center;
  position:absolute;
  left:0;
  top:0;
}


/*********************************************
FOOTER
*********************************************/

#footer {
  margin:0 auto;
  clear:both;
  width:980px;
  border-top:2px solid #494949;
  padding:30px 0;
  display:table;
  font:14px/1.42em Calibri;
  position: relative;
  z-index: 10;
}
.fCol1 {
  float:left;
  width:343px;
}
.fCol2 {
  float:left;
  width:320px;
}
.fCol3 {
  float:right;
  width:310px;
  text-align:right;
}
#footer a {
  color:#E30079;
  text-decoration:none;
}
#footer a:hover {
  color:#FF4AA9;
}

/*********************************************
PUPUP
*********************************************/
.popUpBg{
  position:fixed;
  left:0;
  top:0;
  background-color:#000000;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  width:100%;
  height:100%;
  z-index:9998;
  display:none;
}
.popUp{
  position: fixed;
  z-index:9999;
  width: 630px;
  height: 294px;
  border:1px solid #696969;
  left:50%;
  top:200px;
  margin: 0 0 0 -316px;
  display:none;
}

.iks{
  width: 30px;
  height: 30px;
  position: absolute;
  top:0;
  right: 0;
  cursor: pointer;
  display: block;
  background: url('../images/iks.png') center center no-repeat;
}
/*********************************************
COOKIE
*********************************************/

#cookiesAlert {
  width:100%;
  height:70px;
  background:#595959;
  position:fixed;
  left:0;
  bottom:0;
  z-index:11;
  display:none;
}
.cookiesAlertIn {
  width:950px;
  margin:0 auto;
  height:70px;
  color:#4B6683;
  font:11px/1.2em "Trebuchet MS";
  position:relative;
  left:0;
  top:0;
  text-align:left;
}
#cookiesAlert p.firstCa {
  font-weight:bold;
  width:800px;
  text-align:left;
  margin:0;
  padding:10px 0 3px 0;
}
#cookiesAlert .contCa{
  width:800px;
  float:left;
}
#cookiesAlert p.secCa {
  width:800px;
  text-align:left;
  margin:0;
  padding:12px 0 0 0;
  float:left;
  line-height: 14px;
  color:#fff;
}
#cookiesAlert p.secCa a {
  font-weight:bold;
  text-decoration:none;
  color:#FFCAE7;
}
#cookiesAlert p.secCa a:hover {
  color:#FF6FBA;
}
#cookiesAlert .cookieClose {
  display:block;
  position:absolute;
  right:0;
  top:19px;
  width:30px;
  height:30px;
  background:url('../images/cookieClose.png') no-repeat left top;
}
#cookiesAlert .cookieClose:hover {
  opacity:.7;
}