/* ---------------------------------------------------------------------- SECCIONES NUEVAS 2018 */ section.noticias2018 { width:990px; margin:0px auto; text-align:center; } section.noticias2018 h2 { font-size: 21px; line-height: 19px; font-weight: normal; color: #ff001c; text-align:center; } section.noticias2018 .btn { margin-top:20px; padding:5px 20px; display:inline-block; background: #303233; color: #FFF; font-size: 11px; text-decoration: none; text-transform: uppercase; } section.noticias2018 .noticias2018 { clear:both; } .noticia2018 { height: auto; width:270px; padding: 25px 30px; margin-top: 5px; text-align:center; float:left; border:2px dotted ##F0F; } .noticia2018 .img { width: 270px; height: 270px; display:block; overflow:hidden; } .noticia2018 img { width: 270px; height: 270px; transition: ease-in-out .5s; } .noticia2018 .fecha { font-size: 11px; color: #545454; text-decoration: none; text-align:center; display:block; padding-top:10px; } .noticia2018 h3 { font-size: 14px; line-height: 19px; padding: 10px 2px; font-weight: normal; color: #ff001c; text-transform: uppercase; display:inline-block; min-height:70px; } .noticia2018 a { padding:5px 20px; display:inline-block; background: #ff001c; color: #FFF; font-size: 11px; text-decoration: none; text-transform: uppercase; } section.mas2018 { width:990px; margin:0px auto; padding:50px 0; } section.mas2018 .enlaces2018 { height:400px; width: 600px; float:left; } section.mas2018 .enlaces2018 .enlaces-int { height:360px; width:500px; margin:0px auto; border:0px dotted #F0F; background:url(/assets/img/bg-enlaces2018.png) center center; } section.mas2018 .enlace2018 { width:190px; float:left; text-align:center; padding:30px 40px 0 20px; height:150px; font-size:11px; } section.mas2018 .enlace2018 a { text-decoration:none; color:#4b4d4e } section.mas2018 .enlace2018 img { margin-bottom:30px;} section.mas2018 .twitter2018 { height:400px; width: 300px; float:right; border:0px dotted #F0F; } section.mas2018 .twitter2018 h2 span { background: url(/assets/img/header-utils-rrss-2018.png) no-repeat 0 -120px; padding-left:40px; line-height: 30px; display:inline-block; } section.mas2018 .twitter2018 .twitter { height:370px; overflow:auto; } section.mas2018 h2 { font-size: 21px; line-height: 30px; font-weight: normal; color: #ff001c; text-align:center; padding-bottom:30px; } section.mas2018 .enlaces2018-pt { height:400px; width: 100%; float:none; } section.mas2018 .enlaces2018-pt .enlace2018 { width:185px; } section.talento2018 { width: 100%; height: 425px; background:url(/assets/img/talento/background.jpg) no-repeat top center; background-size: cover;} section.talento2018 .contccip { height: 425px; background:url(/assets/img/talento/talento.png) no-repeat bottom center;} section.talento2018 h1 { padding: 15px 0; font-size: 48px; color:#FFF; text-align:center; } /*section.talento2018 p { text-align:left; width:430px; margin:0px auto; font-weight:bold; color:#FFF; } section.talento2018 p.lnk { text-align:center; padding-top:30px; } section.talento2018 a { padding:5px 20px; display:inline-block; background: #000; color: #FFF; font-size: 11px; text-decoration: none; text-transform: uppercase;} */ section.talento2018-info { padding-top:15px; } section.talento2018-info .contccip div { float:left; width:310px; padding:190px 6px 0 6px; text-align:center; } section.talento2018-info .info1 { background:url(/assets/img/talento/info1.jpg) no-repeat top center; } section.talento2018-info .info2 { background:url(/assets/img/talento/info2.jpg) no-repeat top center; } section.talento2018-info .info3 { background:url(/assets/img/talento/info3.jpg) no-repeat top center; } section.talento2018-info h2 { text-transform:none; font-family: 'GothamBold'; font-size:18px; line-height:21px; height:110px; display:block; } section.talento2018-info .info1 h2 { background:url(/assets/img/talento/h2-info1.png) no-repeat bottom center;} section.talento2018-info .info2 h2 { background:url(/assets/img/talento/h2-info2.png) no-repeat bottom center;} section.talento2018-info .info3 h2 { background:url(/assets/img/talento/h2-info3.png) no-repeat bottom center;} section.talento2018-info p { text-align:left; padding:10px; } section.unete2018 { } section.unete2018 .contccip { background:url(/assets/img/talento/unete.jpg) no-repeat top center; padding-top:130px; } section.unete2018 .contccip div { width:380px; margin:0px auto; padding:30px 100px; } section.unete2018 h2 { text-transform:none; font-family: 'GothamBold'; font-size:18px; line-height:21px; display:block; text-align:center; } section.unete2018 p { text-align:center; padding:10px; } section.unete2018 p.lnk { text-align:center; padding-top:30px; } section.unete2018 a { padding:5px 20px; display:inline-block; background: #000; color: #FFF; line-height:30px; font-size: 17px; text-decoration: none; text-transform: uppercase;} .preguntas-y-respuestas { float:none; width:373px; height:129px; padding:30px 50px 0 0; margin:0px auto; } .perguntas-e-respostas { float:none; clear:both; width:373px; height:129px; padding:30px 50px 0 0; margin:0px auto; } .sliderinfografia { height:400px !important} .anclas { padding:30px 0; border-bottom:1px solid #666; margin-bottom:40px; z-index:9999; } .anclas a { display:inline-block; margin-right:100px; padding-right:40px; text-decoration:none; color:#666; background:url(/assets/img/flecha.png) no-repeat right center ; line-height:21px; } /* ---------------------------------------------------------------------- MISIÓN, VISIÓN, FUNDAMENTOS */ .ipvision { width: 450px; float:left; height:600px; color: #999; padding: 30px 0 0 0; background: url(/assets/img/det-vision.jpg) no-repeat center bottom; background-size: 250px 250px; } .ipvision h2 { background: url(/assets/img/det-h2-vision.png) no-repeat left center; line-height: 70px; padding-left: 60px; } .ipvision p { width:450px; padding:10px;} .ipmision { width: 450px; float:right; height:600px; color: #999; padding: 30px 0 0 0; background: url(/assets/img/det-mision.jpg) no-repeat center bottom; background-size: 250px 250px; } .ipmision h2 { background: url(/assets/img/det-h2-mision.png) no-repeat left center; line-height: 70px; padding-left: 60px; } .ipmision p { width:450px; padding:10px; } .ipmision ul { list-style: none; padding: 10px 0 10px 10px; color: #ff001c; width:450px; } .ipmision ul li { padding-bottom:10px; } .ipfundamentos { clear:both; width: 950px; min-height:250px; color: #999; padding: 30px 0 0 0; background: url(/assets/img/det-fundamentos.jpg) no-repeat right center; background-size: 250px 250px; border-top:1px solid #dedede; } .ipfundamentos h2 { background: url(/assets/img/det-h2-fundamentos.png) no-repeat left center; line-height: 70px; padding-left: 60px; } .ipfundamentos p { width:450px; padding:10px;} .ipfundamentos p span { color: #ff001c; } .ipfundamentos ul { list-style: none; padding: 10px 0 10px 10px; color: #ff001c; width:550px; } .ipfundamentos ul li { padding:15px 75px 15px 0; border-bottom:1px solid #dedede; } .ipfundamentos ul li:last-child { border:none; } .ipfundamentos ul li span { color: #999; } .ipfundamentos ul li.fun4 { background: url(/assets/img/det-fundamentos-04.png) no-repeat right center;} .ipfundamentos ul li.fun3 { background: url(/assets/img/det-fundamentos-03.png) no-repeat right center;} .ipfundamentos ul li.fun2 { background: url(/assets/img/det-fundamentos-02.png) no-repeat right center;} .ipfundamentos ul li.fun1 { background: url(/assets/img/det-fundamentos-01.png) no-repeat right center;} /* ---------------------------------------------------------------------- NUESTRA ACTIVIDAD */ h2.bl-cab { width:100%; height:100px; text-align:center; padding-top:32px; } h2.bl-cab strong { font-family: 'GothamBold'; } h2.bl-cab.act1 { background: url(/assets/img/bg-gestion-industrial.jpg) no-repeat top center; } h2.bl-cab.act2 { background: url(/assets/img/bg-atencion-mercado.jpg) no-repeat top center; } h2.bl-cab.act3 { background: url(/assets/img/bg-creciendo-proveedores.jpg) no-repeat top center; } h2.bl-cab.act4 { background: url(/assets/img/bg-relaciones-sector.jpg) no-repeat top center; } ul.menu-actividad { list-style:none; padding:30px 0; } ul.menu-actividad li { width:229px; height:100px; float:left; } ul.menu-actividad .m1 { margin-right:13px; } ul.menu-actividad .m2 { margin:0 12px;} ul.menu-actividad .m3 { margin-left:13px; } .relaciones-con-clientes { display:none; clear:both; } .ver-relaciones { display:block; width:29px; height:29px; margin:20px 10px 10px 100px; float:right; background:url(/assets/img/sostenibilidad/flechas.png) no-repeat 0 -58px; cursor:pointer; } .ver-relaciones.act { background-position: 0 0; } .des-neg { background: url(/assets/img/c-c/cs-desarrollo-negocio.png) no-repeat center top; margin-right:13px; } .ope-com { background: url(/assets/img/c-c/cs-operaciones-comerciales.png) no-repeat center top; margin:0 12px; } .cus-ser { background: url(/assets/img/c-c/cs-customer-service.png) no-repeat center top; margin:0 12px; } .sum-mer { background: url(/assets/img/c-c/cs-suministro-mercado.png) no-repeat center top; margin-left:13px; } .relaciones-clientes { background-size: 180px 180px; min-height: 180px; margin-top: 40px; width:220px; float:left; padding-top:170px; } .relaciones-clientes .ttc { font-size: 14px; font-weight:bold; padding: 10px 0; } .relaciones-clientes h3 { font-size:14px; text-align:center; font-family: 'GothamBold'; color: #999 !important; } .relaciones-clientes ul { list-style:none; font-size: 14px; } .relaciones-clientes ul li { padding-bottom:10px;} p.areas { border-bottom:1px solid #979797; border-top:1px solid #979797; line-height:45px; padding:0px; } p.areas span { float:right; display:block; width:140px; height:55px; padding-left:10px; line-height:55px; background:#d0021b url(/assets/img/area-mas.png) no-repeat center right; color:#FFF; cursor:pointer; } p.areas span.act { background:#d0021b url(/assets/img/area-menos.png) no-repeat center right; } p.subir { text-align:right; clear:both; padding:10px 0; } p.subir a { background:url(/assets/img/subir.png) no-repeat center right; display:inline-block; line-height:32px; padding-right:40px; font-weight:bold; color:#999; text-decoration:none; } /* ---------------------------------------------------------------------- ERROR 404 */ .error404 { background:#FFF; padding-bottom:50px; } .error404 img { width:100%; height:auto; } .error404 a { color: #ff001c; text-decoration:none; font-family: 'GothamBold'; } /* ---------------------------------------------------------------------- HOVER PARA ESCRITORIO */ @media only screen and (min-width: 1025px) { .noticias2018 .btn:hover { background: #ac0116; transition: ease-in-out .5s;} .noticia2018 img:hover { width: 280px; height: 280px; } .noticia2018 a:hover { background: #ac0116; transition: ease-in-out .5s; } .talento2018 a:hover { background: #FFF; color:#333; transition: ease-in-out .5s; } p.subir a:hover { color: #ff001c; } }}