/* estilos de la pagina web */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100);
@font-face {
    font-family: 'ITCA';
    src: url('../fonts/ITCAvantGardeStd-XLt.eot');
    src: url('../fonts/ITCAvantGardeStd-XLt.woff2') format('woff2'),
         url('../fonts/ITCAvantGardeStd-XLt.woff') format('woff'),
         url('../fonts/ITCAvantGardeStd-XLt.ttf') format('truetype'),
         url('../fonts/ITCAvantGardeStd-XLt.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ITCA';
    src: url('../fonts/ITCAvantGardeStd-Md.eot');
    src: url('../fonts/ITCAvantGardeStd-Md.woff2') format('woff2'),
         url('../fonts/ITCAvantGardeStd-Md.woff') format('woff'),
         url('../fonts/ITCAvantGardeStd-Md.ttf') format('truetype'),
         url('../fonts/ITCAvantGardeStd-Md.eot?#iefix') format('embedded-opentype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'ITCA';
    src: url('../fonts/ITCAvantGardeStd-Demi.eot');
    src: url('../fonts/ITCAvantGardeStd-Demi.woff2') format('woff2'),
         url('../fonts/ITCAvantGardeStd-Demi.woff') format('woff'),
         url('../fonts/ITCAvantGardeStd-Demi.ttf') format('truetype'),
         url('../fonts/ITCAvantGardeStd-Demi.eot?#iefix') format('embedded-opentype');
    font-weight: 700;
    font-style: normal;
}

html, body{height: 100%;}
body.openmenu{overflow: hidden;}
a{-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}

*{font-family: 'ITCA'; font-size: 14px; font-weight: 700; color: #000000;}
h3,
h4,
h5{font-family: 'ITCA';}
svg#Layer_1 { width: 130px;}
header{position: relative; width:100%;/*padding-top: 22px;*/z-index: 40; height: 65px;}
header .jumbotron{padding: 15px;}
.contenidoMenu h5,
header h5{font-weight: 700; float: left; font-size: 16px; line-height: 22px; margin: 0;}
header .logoContenido{text-align: right;}
header .logoContenido img{height: 18px;}
.centradocaja {
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  margin:auto
}

.tcon{float:left;padding: 0; margin-right: 15px;height: 20px;}
.tcon-menu__lines {height: 2px;width: 28px;border-radius: 0;background: black;}
.tcon-menu__lines::before,
.tcon-menu__lines::after {height: 2px;}
.tcon-menu__lines::before {top: 8px;}
.tcon-menu__lines::after {top: -8px;}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before,
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {width: 35px;}

.imageFondo{position: relative; width: 100%;}
.imgbackground.imgnoticias{background-image: url(../img/background-noticias.jpg);}
.shadows{position: absolute; width: 100%;}
#gradTop {height: 100px; top: 0;z-index: 35;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
    background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
    background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0.8));
}
#gradBottom {height: 40%; bottom: 0;z-index: 35;
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
    background: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
    background: -moz-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}
.sombras{position: fixed;height: 165px; width: 100%; top: 0px;z-index: 10;}
.imageFondo.imgnoticias{position: fixed; top: 0; left: 0;}
.contentNoticias{padding-bottom: 40px;}
/*.contentNoticias{position:absolute; height: 100%; width: 100%; top:0; padding-top: 70px;overflow-y: scroll;}
.contentNoticias .shadows{position: fixed;}*/

.txt-fonts-style h3{font-weight: 300;text-align: center;margin-top: 15px; margin-bottom: 20px;}
.txt-fonts-style hr{border-top: 2px solid #000000;margin-bottom: 25px; margin-top: 15px;}
.txt-fonts-style p{font-size: 16px;}
.txt-fonts-style .detalles{margin-top: 25px; margin-bottom: 25px;}
.txt-fonts-style .detalles p{color: #868686;}
.txt-fonts-style .detallesCompartir p{width: 90px; display: inline-block;}
.txt-fonts-style .detallesCompartir a,
.txt-fonts-style .detallesCompartir p,
.txt-fonts-style .detallesCompartir a > i{color:#878787; font-size: 14px;}
.txt-fonts-style .detallesCompartir a:hover,
.txt-fonts-style .detallesCompartir a:hover i{text-decoration: none;color: #000000;}
.txt-fonts-style .detallesCompartir a > i{font-size: 15px; margin-left: 10px;}
.txt-fonts-style .info{text-align: right;}
.txt-fonts-style .info h5{margin: 0; margin-top:6px}
.open-info{cursor:pointer; margin-top: 12px;}
.txt-fonts-style .info img{margin-left: 20px;}
.txt-fonts-style .info .open-info{cursor: pointer;}
.txt-fonts-style .detallesCompartir a:focus{text-decoration: none;}

.contenidoAbsoluto{position: relative;width: 100%;z-index: 0;}
.contenidoAbsoluto.unproyecto,
.contenidoAbsoluto.nosotros{-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.contenidoAbsoluto.inicio{bottom: 0px; z-index: 35;}
.contenidoAbsoluto.proyectoslista{height: 100%;right: 0; top: 0; bottom: 0; overflow: initial; overflow-y: hidden; /*background-color: rgba(255, 255, 255, 0.8);*/}
.contenidoAbsoluto.proyectoslista .txt-fonts-style,
.contenidoAbsoluto.proyectoslista .lista{height: 100%;}

#arrows{position: absolute;width: 100%;top: 50%; margin-top: -22.5px; z-index: 40;}
#arrows .jumbotron{padding: 0 65px;}

#arrows .arrows img{cursor: pointer;}

.filtros a{color: #4c4c4a; font-weight: 400; font-size: 12px;margin-left: 18px;}
.filtros a:first-child{margin-left: 0;}
.filtros a:last-child{margin-right: 0;}
.filtros a.active,
.filtros a:hover{color:#acacac;text-decoration: underline;}

#full-width-slider,
#full-width-slider-home{width: 100%;height: 100% !important;}
.royalSlider.heroSlider,
.royalSlider.heroSlider {width: 100%; height: 100% !important;}
.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {background: #ffffff;}
.royalSlider.heroSlider.sliderMobile,
.royalSlider.heroSlider.sliderMobile {height: auto !important;}


.capa{position: fixed;width: 100%; height: 100%; top: 0;background: rgba(255, 255, 255, 0.85);z-index: 50;display: none;}
.capa2{position: fixed;width: 100%; height: 100%; top: 0;background: rgba(255, 255, 255, 0.85);z-index: 45;display: none;}

.noticia{margin-bottom: 50px;}
.noticia .fecha{color:#898888;}
.noticia img{width: 100%;margin-top: 15px;}
.noticia.primerBloque{height: 100px; display: block;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
.noticia.primerBloque.efecto{margin-top: 0;}

section#menu{position: fixed;z-index: 200;width: 100%;height: auto; height: 100%; top: 0;background-color: #151515;left: -992px;}
.contenidoMenu{padding-left: 50px; padding-right: 50px; padding-top: 25px; color: #ffffff; width: 100%; height: 100%;}
.contenidoMenu .tcon-menu__lines::before,
.contenidoMenu .tcon-menu__lines::after {background: white;}
.contenidoMenu ul{padding:0;list-style: none; margin-top: 20px; margin-bottom: 20px;}
.contenidoMenu ul li{line-height: 30px;}
.contenidoMenu p,
.contenidoMenu a{color: #ffffff; font-size: 12px;}
.contenidoMenu p.titulo,
.contenidoMenu a:hover,
.contenidoMenu a.active{text-decoration: underline;}
.contenidoMenu p{margin-bottom: 0;}
.contenidoMenu p > a,
.contenidoMenu p span{color: #c3c3c3; font-size: 12px;}
.contenidoMenu .panel-group{margin-top: 25px; padding-bottom: 50px;}
.contenidoMenu a > div{float: right;margin-right: 2px;}
.contenidoMenu a > div span{color: #6e6e6e;}

.panel-group .panel {border-radius: 0; border:0;background-color: transparent;}
.panel-default>.panel-heading {color: #ffffff;background-color: transparent;border:0;padding: 0;}
.panel-default>.panel-heading+.panel-collapse .panel-body {border:0;padding: 0;}
.panel-title {margin-bottom: 15px;}
.panel-title a{text-decoration: underline;}
.panel-title a.collapsed{text-decoration:none;}
.panel-title a > div{transform:rotate(180deg);
                    -webkit-transform:rotate(180deg);
                    -moz-transform:rotate(180deg);
                    -ms-transform:rotate(180deg);
                    -o-transform:rotate(180deg);}
.panel-title a.collapsed > div{transform:rotate(0deg);
                    -webkit-transform:rotate(0deg);
                    -moz-transform:rotate(0deg);
                    -ms-transform:rotate(0deg);
                    -o-transform:rotate(0deg);}

.redesociales a{font-size: 20px;margin-right: 15px;text-decoration: none;}
.redesociales a:hover,
.redesocilaes a:focus,
.redesocilaes a:active{text-decoration: none;}
.redesociales a:hover{opacity: 0.7;}

#maps-canvas,
#maps-canvas2{height: 163px;width: 100%; margin-bottom: 15px;}
#maps-canvas2{margin-bottom: 50px;}

.jumbotron{background-color: transparent; padding:0 15px; margin-bottom: 0;}

.lista ul{padding: 0; list-style: none;}
.lista li{line-height: 40px;position: relative; left: 0; /*opacity: .6;*/ display: block;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; margin-bottom:17px}
.lista li a{font-size: 19px;color: #ffffff;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);}
.lista li a:hover,
.lista li a:active,
.lista li a:focus{text-decoration: none;}

#words{position: absolute;top: 1000px;left: 0px;width: 100%; -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;}

#ticker{position: absolute;height: 60px;top: 50%;margin-top: -30px;z-index: 48;}
#ticker .indicador{margin-top: 27px; display: inline-block;}
#ticker .indicador span{display: inline-block; border: 2px solid #000000; width: 12px; height: 12px; border-radius: 50%;}
#ticker .indicador hr{width: 75px; display: inline-block; border-top: 2px solid #ffffff;margin-top: 0px;margin-bottom: 4px;/*margin-left: -5px;*/-webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 11px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 11px 0px rgba(0, 0, 0, 0.75);}

#enlace{position: absolute;height: 60px;top: 50%;margin-top: -30px;left: 15%;z-index: 40;}
.btn.btn-verproyecto{background: none;color: #000000;font-size: 14px;font-weight: 300;text-transform: uppercase;padding: 0px;border: 0;border-radius: 0;margin-top: -3px;margin-right: 15px;}
.btn.btn-verproyecto:hover{text-decoration: underline;}
.btn.btn-cargarmas{margin-bottom: 10px;}

form{margin-top: 15px;padding-bottom: 30px;}
form label,
form input,
form textarea{width: 100%; font-size: 12px; font-weight: 300;color: #c3c3c3; background: transparent;}
form input,
form textarea{border:0; border-bottom: 1px solid #6e6e6e;}
form .btn.btn-enviar{background: 0; border: 1px solid #6e6e6e; border-radius: 0; font-size: 12px; color: #ffffff;width: 73px; height: 22px; padding: 0; font-weight: 300;margin-top: 15px;}
form .btn.btn-enviar:hover{background: rgba(255,255,255, 0.5);}

.formcontacto .success{color: green;position: absolute;margin-top: -24px;text-align: center;width: 100%;left: 0;}
.formcontacto .error,
.formcontacto .empty{color: red;font-size: 10px;}
.formcontacto :focus{outline: none;-webkit-box-shadow: none; box-shadow: none;}
.formcontacto .controls{height: 34px;}
.formcontacto .controls2{height: 84px;}
.formcontacto label{margin-bottom: 5px;}
.formcontacto textarea{height: 70px;}

span.stretch {
    display:inline-block;
    transform:scale(1.4,0.6); /* W3C */
    -webkit-transform:scale(1.4,0.6); /* Safari and Chrome */
    -moz-transform:scale(1.4,0.6); /* Firefox */
    -ms-transform:scale(1.4,0.6); /* IE 9 */
    -o-transform:scale(1.4,0.6); /* Opera */
}

.imagen-mobile{padding: 30px 15px;/*padding-bottom: 30px; padding-top: 30px;*/}
.imagen-mobile img{margin-bottom: 15px; width: 100%;}
.imagen-mobile img:last-child{margin-bottom: 0;}

.menuproyectos{min-height: 54px; background-color: rgba(0, 0, 0, 0.65);position: absolute;width: 100%;z-index: 40;}
.tcon.btn-menuproyectos{float:right; margin-right: 0; margin-left: 15px;}
.tcon.btn-menuproyectos .tcon-menu__lines::before,
.tcon.btn-menuproyectos .tcon-menu__lines::after,
.tcon.btn-menuproyectos .tcon-menu__lines {background: white;}
.tcon.btn-menuproyectos.tcon-menu--xcross.tcon-transform .tcon-menu__lines {background: transparent;}
.menuproyectos h4{margin: 0px; color: #ffffff; font-weight: 300; margin-top: 15px;}
.menuproyectos .boton-proyectos{margin-top: 15px;}
.menuproyectos h5{float: right;margin-top: 3px; margin-bottom: 0; color: #ffffff; font-weight: 300;}
.listamenuproyecto ul{list-style: none; padding: 30px 0; margin-bottom: 0; border-top: 1px solid #ffffff; text-align: right;}
.listamenuproyecto li a{color: #ffffff;font-size: 18px;text-align: right;line-height: 2.9;}
.listamenuproyecto li a:hover,
.listamenuproyecto li.active a{text-decoration: underline;}

.portadasMobiles .proyecto{margin-bottom: 30px; position: relative;}
.portadasMobiles .proyecto img{width: 100%;}
.portadasMobiles .proyecto span{font-size: 30px; color: #ffffff;text-shadow: 0px 0px 11px rgba(0, 0, 0, 1);position: absolute;top: 50%; left: 50%; width: 100%; text-align: center; line-height: 1;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);}
.portadasMobiles .proyecto a:hover{text-decoration: none;}
.unproyecto .descripcion{overflow: auto;}

#full-width-slider.rsMinW .rsArrowLeft {right: auto;bottom: 49%;left: 35px;}
#full-width-slider.rsMinW .rsArrowRight {right: 35px;bottom: 49%;}
#full-width-slider.rsMinW .rsArrow,
#full-width-slider.rsMinW .rsArrowIcn{height: 45px;width: 25px;}
#full-width-slider.rsMinW .rsArrowIcn {margin-top: 0px;margin-left: 0px;}
#full-width-slider.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background: url(../img/flecha-izquierda.png) no-repeat; background-position: 0;}
#full-width-slider.rsMinW.rsHor .rsArrowRight .rsArrowIcn { background: url(../img/flecha-derecha.png) no-repeat; background-position: 0;}

#full-width-slider.rsMinW .rsPlayBtn,
.royalSlider.rsMinW .rsPlayBtn{background:url(../img/PLAY.png);}
#full-width-slider.rsMinW .rsPlayBtnIcon,
.royalSlider.rsMinW .rsPlayBtnIcon{background:url(../img/PLAY.png); background-position: bottom; opacity: 0;}
#full-width-slider.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon,
.royalSlider.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon{ opacity: 1;}
#full-width-slider.rsMinW .rsCloseVideoBtn,
.royalSlider.rsMinW .rsCloseVideoBtn{top: 30px;width: 31px;height: 31px; background: url(../img/CERRAR.png) no-repeat;}
#full-width-slider.rsMinW .rsCloseVideoIcn,
.royalSlider.rsMinW .rsCloseVideoIcn{margin: 0px;width: 31px;height: 31px;background: url(../img/CERRAR.png) no-repeat; background-position: bottom; opacity: 0;}
#full-width-slider.rsMinW .rsCloseVideoBtn:hover .rsCloseVideoIcn,
.royalSlider.rsMinW .rsCloseVideoBtn:hover .rsCloseVideoIcn{opacity: 1;}

@media (max-width: 991px){
    .contenidoAbsoluto.unproyecto{height: auto !important; margin-top: 54px;}
    .contenidomobile{height: 54px;}

    #ticker{margin-top: 0px;text-align: center;width: 100%;}
    #ticker h3{margin: 0; font-size: 28px;}
    #ticker .indicador{display: none;}
    .btn.btn-verproyecto {margin:0;}

    .collapsedmobile.collapse.in{display: none !important;}
    .panel-title a.collapsedmobile > div{transform:rotate(0deg);
                    -webkit-transform:rotate(0deg);
                    -moz-transform:rotate(0deg);
                    -ms-transform:rotate(0deg);
                    -o-transform:rotate(0deg);}

    .contentNoticias .jumbotron.txt-fonts-style{padding: 0;}

    form {padding-bottom: 50px;}
    form .btn.btn-enviar {color: #000000;}
    form label,
    form input,
    form textarea{color: #000000;}
}

@media (min-width: 768px){
    #maps-canvas2{height: 280px;}
    svg#Layer_1{width: 230px;}
}

@media (min-width: 992px){
    section#inicio,
    .jumbotron.bordes{height: 100%;}
    .jumbotron{padding: 46px 25px 30px 25px;}

    #contenido .jumbotron{padding: 0 25px;}

    header{position: fixed;height: auto;/*padding-top: 25px;*/}
    header .jumbotron{background: #ffffff; padding: 8px 25px;}
    header .logoContenido{text-align: center;}
    header .logoContenido img{height: auto;}
    header .col-md-3{padding-top: 6px;}

    .contenidoAbsoluto{position: absolute;width: 100%;bottom: 30px;overflow: hidden;z-index: 48;}
    .contenidoAbsoluto.unproyecto{background-color: rgba(255, 255, 255, .6); height: 0;}
    .contenidoAbsoluto.unproyecto.mostrar,
    .contenidoAbsoluto.nosotros{background-color: rgba(255, 255, 255, .8);}
    #contenido.unproyecto .jumbotron,
    #contenido.nosotros .jumbotron{padding: 10px 65px;}

    .contenidoAbsoluto.unproyecto{ height: 0; max-height: 50%;  }
    .contenidoAbsoluto.unproyecto.efecto{height: 65px;}
    .contenidoAbsoluto.unproyecto.efecto.mostrar{height: 100%;}
    #contenido.unproyecto .jumbotron{height: 100%;}


    .noticia{display: none;}
    .noticia.efecto{display: block;}

    #gradTop {height: 40%;}

    .imgbackground{background: #ffffff center center; background-size: cover; height: 100%;}
    .imgbackground.imgnosotros{background-image: url(../img/background-nosotros.jpg);}
    .contenidoAbsoluto.nosotros{height: 0px;}
    /*.contenidoAbsoluto.nosotros.efecto{min-height: 160px;}*/

    .txt-fonts-style h3{text-align: left;margin:0;}
    .txt-fonts-style .detalles{margin-top: 0; margin-bottom: 0;}
    .txt-fonts-style .detallesCompartir p{display: block;}
    .txt-fonts-style .detallesCompartir a > i{float: right;margin: 0;}

    .noticia.primerBloque{height: 300px;margin-top: 50%;}

    .noticia img{margin-top: 0;}

    .sombras{height: 100%;}
    .contentNoticias{padding-bottom: 10px;}

    section#menu{position: fixed;height: 100%;width: 350px;left: -357px;}
    .contenidoMenu ul{ margin-top: 60px; margin-bottom: 35px;}

    .txt-fonts-style p{font-size: 12px;}
    .txt-fonts-style .detallesCompartir a,
    .txt-fonts-style .detallesCompartir p,
    .txt-fonts-style .detallesCompartir a > i{font-size: 12px;}
    #maps-canvas{width: 260px;}

    .bordeLeft,
    .bordeRight{position: fixed; top: 0; width: 25px; height: 100%;background-color:#ffffff;}
    .bordeLeft{left: 0;}
    .bordeRight{right: 0;}
    .bordeBottom{position: fixed; bottom: 0; width: 100%; height: 30px;background-color:#ffffff;}



    .contenidoAbsoluto.proyectoslista {width: 35%;}
    #words {padding: 0 25px 0 30px;}
    .lista li a {font-size: 16px; line-height:25px}
    #ticker {right: 25.4%;}
}


@media(min-width: 1200px){
    .contenidoAbsoluto.proyectoslista{width: 30%;}
    #words{padding: 0 40px 0 60px;}
    .lista li a {font-size: 19px; line-height:25px}
    #ticker{right: 20.4%;}
}
@media(max-width:1199px){
	.img-logo-slide{width:500px}
}
