body { margin:0px; padding:0px; font-family:"Gotham Book"; letter-spacing:-0.025em;color:#FFF; font-size:14px;} body, html { width:100%; height: 100%; min-height: 100%;} a, a:hover { text-decoration:none; cursor:pointer; transition:all 1s; -webkit-transition: all 1s; } h1, h2, h3, h4, h5, h6, h7 { font-weight:normal; margin:0px; letter-spacing:-0.05em;} ul { margin:0px; padding:0px; list-style:none;} input, textarea { font-size:14px;} img { border:none;} .clear { clear:both;} .flt { display:inline-block; position:relative;} .novel { display:none;} section { position:relative; min-height:100%; overflow:hidden;} /* MENU */ .idm { position:absolute; top:0; left:0} .idm a { padding:10px 3px} .idm a.lng { padding:0;} .idm .marc { width:53px; height:46px; padding-top:10px; padding-left:3px; display:inline-block; background:url(https://www.jobinternational.eu/img/idm.png) no-repeat center top;} .idm .exte:hover > .salte{ opacity:1;} .idm .salte { opacity: 0; position:absolute; top: 10px; left: 56px; transition:all 0.2s; width:200px;} nav { padding-top:230px; width:285px; height:100%; box-sizing: border-box; position:absolute; z-index:10; /*left:-285px;*/ top:0; border-right:2px solid #FFF; transition:left 1.5s; -webkit-transition: left 1.5s} nav #pull { display: none;} nav .logo { margin-bottom:20px; padding-left:70px;} nav .logo img { width:180px;} nav .resto { height:calc(100% - 119px); height:-webkit-calc(100% - 119px);} nav ul { margin-bottom:40px; padding-top:10px;} nav li a { height:auto; display:block; padding:3px 20px 2px 60px; font-size:18px; border:2px solid transparent; font-weight:bold;} nav li a:hover, nav li a.select { border-bottom:2px solid #FFF;} nav li ul { text-align:right; max-height:0; overflow:hidden; transition:all 1s; -webkit-transition: all 1s; position:relative; width: 100%; padding-top:0; margin-bottom:0;} nav li:hover > ul, nav li ul.select { max-height:200px; background:#FFF;} nav li ul a { font-weight:bold;} nav .supicon { width:46px; height:50px; vertical-align:bottom; margin-left:30px; background-repeat:no-repeat; background-size:46px 46px;transition:background 0.1s; -webkit-transition:background 0.1s; background-position:center bottom; position:relative;} nav .supicon span { text-transform:uppercase; position:absolute; width:100px; font-weight:bold; color:#FFF; left:-27px; text-align:center; bottom:-30px; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s;} nav .supicon:hover { background-position:center top;} nav .supicon:hover > span { bottom:-15px; opacity:1;} .supicon.par { background-image:url(https://www.jobinternational.eu/img/par.png);} .supicon.emp { background-image:url(https://www.jobinternational.eu/img/emp.png);} nav .social { margin-left:60px} nav .social a { width:23px; height:25px; display:inline-block; background-image:url(https://www.jobinternational.eu/img/social.png); background-repeat:no-repeat; transition:background 0.1s; -webkit-transition:background 0.1s; margin-right:2px;} nav .social a:hover {} nav .social .face { background-position:0 0;} nav .social .twit { background-position:-23px 0;} nav .social .gogp { background-position:-46px 0;} nav .social .yout { background-position:-69px 0;} /* clases MENU*/ /*HOMES*/ nav {background-color:rgba(0,0,0,0.2);} nav li a {color:rgb(255,255,255);} nav li:hover > ul, nav li ul.select { border-right:2px solid rgb(255,255,255);} nav li ul a:hover {border-bottom:2px solid rgb(255,255,255);} nav li:hover > ul, nav li ul.select { background:rgba(0,0,0,0.8);} .idm .marc { color: rgb(0,0,0)} #form .fcent2, #form input[type=text], #form select, #form textarea{color:rgb(174,174,174); border:1px solid rgb(174,174,174);} #form label, #form #send, .btnform {background-color:rgb(174,174,174);} #form .check .checkbox { background: url(https://www.jobinternational.eu/img/check_gris.png) no-repeat;} #form .select {background: url(https://www.jobinternational.eu//img/select_gris.png) no-repeat;} /*QS*/ nav.quienes_somos {background-color:rgba(152,71,128,0.5);} nav.quienes_somos .resto, #quienes_somos .sociales a, .btnform.quienes_somos { background-color:rgb(152,71,128);} nav.quienes_somos li a {color:#FFF;} nav.quienes_somos li:hover > ul, nav.quienes_somos li ul.select { border-right:2px solid rgb(152,71,128);} nav.quienes_somos li ul a:hover, nav.quienes_somos li ul a.select {border-bottom:2px solid rgb(152,71,128);} nav.quienes_somos li:hover > ul, nav.quienes_somos li ul.select { background:#FFF;} nav.quienes_somos li ul a, #quienes_somos h1, #quienes_somos h2, #quienes_somos h3, #quienes_somos h4, #quienes_somos h5, #quienes_somos a, #quienes_somos span, #quienes_somos .mail, #quienes_somos .texto li:before, .quienes_somos .idm .marc { color:rgb(152,71,128)} #form.quienes_somos .fcent2, #form.quienes_somos input[type=text], #form.quienes_somos select, #form.quienes_somos textarea{color:rgb(152,71,128); border:1px solid rgb(152,71,128);} #form.quienes_somos label, #form.quienes_somos #send {background-color:rgb(152,71,128);} #form.quienes_somos .check .checkbox { background: url(https://www.jobinternational.eu/img/check_morado.png) no-repeat;} #form.quienes_somos .select {background: url(https://www.jobinternational.eu//img/select_morado.png) no-repeat;} /*TRABAJO*/ nav.ofertas {background-color:rgba(179,216,241,0.5);} nav.ofertas .resto, #ofertas .sociales a, #ofertas #filtro label, .btnform.ofertas { background-color:rgb(179,216,241);} nav.ofertas li a {color:#FFF;} nav.ofertas li:hover > ul, nav.ofertas li ul.select { background:#FFF;border-right:2px solid rgb(179,216,241);} nav.ofertas li ul a:hover, nav.ofertas li ul a.select {border-bottom:2px solid rgb(179,216,241);} nav.ofertas li:hover > ul, nav.ofertas li ul.select { background:#FFF;} nav.ofertas li ul a, #ofertas h1, #ofertas h2, #ofertas h3, #ofertas h4, #ofertas h5, #ofertas a, #ofertas span, #ofertas .mail, #ofertas #filtro option, #ofertas #filtro select, #ofertas .texto li:before, .ofertas .idm .marc { color:rgb(179,216,241)} #ofertas #filtro select { border:1px solid rgb(179,216,241);} #ofertas #resultados .r_mas { background-image:url(https://www.jobinternational.eu/img/mas_trabajos.png);} #ofertas .closer a { background-image:url(https://www.jobinternational.eu//img/clo_trabajos.jpg);} #ofertas .ofertass { background-image:url(https://www.jobinternational.eu/img/icos/trabajo_1.jpg);} #ofertas .becas { background-image:url(https://www.jobinternational.eu/img/icos/trabajo_2.jpg);} #ofertas .voluntariado { background-image:url(https://www.jobinternational.eu/img/icos/trabajo_3.jpg);} #form.ofertas .fcent2, #form.ofertas input[type=text], #form.ofertas select, #form.ofertas textarea{color:rgb(179,216,241); border:1px solid rgb(179,216,241);} #form.ofertas label, #form.ofertas #send {background-color:rgb(179,216,241);} #form.ofertas .check .checkbox { background: url(https://www.jobinternational.eu/img/check_azul.png) no-repeat;} #form.ofertas .select, #ofertas #filtro .select {background: url(https://www.jobinternational.eu//img/select_azul.png) no-repeat;} /* FORMACION */ nav.formacion {background-color:rgba(213,126,68,0.5);} nav.formacion .resto, #formacion .sociales a, #formacion #filtro label, .btnform.formacion { background-color:rgb(213,126,68);} nav.formacion li a {color:#FFF;} nav.formacion li:hover > ul, nav.formacion li ul.select { background:#FFF;border-right:2px solid rgb(213,126,68);} nav.formacion li ul a:hover, nav.formacion li ul a.select {border-bottom:2px solid rgb(213,126,68);} nav.formacion li:hover > ul, nav.formacion li ul.select { background:#FFF;} nav.formacion li ul a, #formacion h1, #formacion h2, #formacion h3, #formacion h4, #formacion h5, #formacion a, #formacion span, #formacion .mail, #formacion #filtro option, #formacion #filtro select, #formacion .iconos.dos li:before, #formacion .texto li:before, .formacion .idm .marc { color:rgb(213,126,68)} #formacion .idiomas { background-image:url(https://www.jobinternational.eu/img/icos/icono1_9.jpg);} #formacion .otros { background-image:url(https://www.jobinternational.eu/img/icos/icono2_9.jpg);} #form.formacion .fcent2, #form.formacion input[type=text], #form.formacion select, #form.formacion textarea{color:rgb(213,126,68); border:1px solid rgb(213,126,68);} #form.formacion label, #form.formacion #send {background-color:rgb(213,126,68);} #form.formacion .check .checkbox { background: url(https://www.jobinternational.eu/img/check_naranja.png) no-repeat;} #form.formacion .select {background: url(https://www.jobinternational.eu//img/select_naranja.png) no-repeat;} /* OTROS SERVICIOS*/ nav.otros_servicios {background-color:rgba(246,232,63,0.5);} nav.otros_servicios .resto, #otros_servicios .equipor .cont .sociales a, #otros_servicios #filtro label, .btnform.otros_servicios { background-color:rgb(246,232,63);} nav.otros_servicios li a {color:#FFF;} nav.otros_servicios li:hover > ul, nav.otros_servicios li ul.select { background:#FFF;border-right:2px solid rgb(246,232,63);} nav.otros_servicios li ul a:hover, nav.otros_servicios li ul a.select {border-bottom:2px solid rgb(246,232,63);} nav.otros_servicios li:hover > ul, nav.otros_servicios li ul.select { background:#FFF;} nav.otros_servicios li ul a, #otros_servicios h1, #otros_servicios h2, #otros_servicios h3, #otros_servicios h4, #otros_servicios h5, #otros_servicios a, #otros_servicios span, #otros_servicios .mail, #otros_servicios #filtro option, #otros_servicios #filtro select, #otros_servicios .iconos.dos li:before, #otros_servicios .texto li:before, .otros_servicios .idm .marc { color:rgb(246,232,63);} #form.otros_servicios .fcent2, #form.otros_servicios input[type=text], #form.otros_servicios select, #form.otros_servicios textarea{color:rgb(246,232,63); border:1px solid rgb(246,232,63);} #form.otros_servicios label, #form.otros_servicios #send {background-color:rgb(246,232,63);} #form.otros_servicios .check .checkbox { background: url(https://www.jobinternational.eu/img/check_amarillo.png) no-repeat;} #form.otros_servicios .select {background: url(https://www.jobinternational.eu//img/select_amarillo.png) no-repeat;} #contenido.otros_servicios .texto ul { margin-left:0; padding-top:5px;} #contenido.otros_servicios .texto ul li { display:inline-block; font-weight:bold; padding-right:10px; font-size:16px;} /* INSCRIBETE */ /* NEWS */ nav.noticias {background-color:rgba(246,232,63,0.5);} nav.noticias .resto, #noticias .equipor .cont .sociales a, #noticias #filtro label, .btnform.noticias { background-color:rgb(246,232,63);} nav.noticias li a {color:#FFF;} nav.noticias li:hover > ul, nav.noticias li ul.select { background:#FFF;border-right:2px solid rgb(246,232,63);} nav.noticias li ul a:hover, nav.noticias li ul a.select {border-bottom:2px solid rgb(246,232,63);} nav.noticias li:hover > ul, nav.noticias li ul.select { background:#FFF;} nav.noticias li ul a, #noticias h1, #noticias h2, #noticias h3, #noticias h4, #noticias h5, #noticias a, #noticias span, #noticias .mail, #noticias #filtro option, #noticias #filtro select, #noticias .iconos.dos li:before, #noticias .texto li:before, .noticias .idm .marc { color:rgb(246,232,63);} #form.noticias .fcent2, #form.noticias input[type=text], #form.noticias select, #form.noticias textarea{color:rgb(246,232,63); border:1px solid rgb(246,232,63);} #form.noticias label, #form.noticias #send {background-color:rgb(246,232,63);} #form.noticias .check .checkbox { background: url(https://www.jobinternational.eu/img/check_amarillo.png) no-repeat;} #form.noticias .select {background: url(https://www.jobinternational.eu//img/select_amarillo.png) no-repeat;} #contenido.noticias .texto ul { margin-left:0; padding-top:5px;} #contenido.noticias .texto ul li { display:inline-block; font-weight:bold; padding-right:10px; font-size:16px;} #noticias .closer a { background-image:url(https://www.jobinternational.eu//img/clo_news.jpg);} /* CONTACTO */ nav.contacto {background-color:rgba(152,71,128,0.5);} nav.contacto .resto, #contacto .sociales a, .btnform.contacto { background-color:rgb(152,71,128);} nav.contacto li a {color:#FFF;} nav.contacto li:hover > ul, nav.contacto li ul.select { background:#FFF;border-right:2px solid rgb(152,71,128);} nav.contacto li ul a:hover, nav.contacto li ul a.select {border-bottom:2px solid rgb(152,71,128);} nav.contacto li:hover > ul, nav.contacto li ul.select { background:#FFF;} nav.contacto li ul a, #contacto h1, #contacto h2, #contacto h3, #contacto h4, #contacto h5, #contacto a, #contacto span, #contacto .mail, #contacto .texto li:before, .contacto .idm .marc { color:rgb(152,71,128)} #form.contacto .fcent2, #form.contacto #form input[type=text], #form.contacto select, #form.contacto textarea{color:rgb(152,71,128); border:1px solid rgb(152,71,128);} #form.contacto label, #form.contacto #send {background-color:rgb(152,71,128);} #form.contacto .check .checkbox { background: url(https://www.jobinternational.eu/img/check_morado.png) no-repeat;} #form.contacto .select {background: url(https://www.jobinternational.eu//img/select_morado.png) no-repeat;} /* NUESTROS SERVICIOS */ nav.nuestros_servicios {background-color:rgba(179,216,241,0.5);} nav.nuestros_servicios .resto, #nuestros_servicios .sociales a, #nuestros_servicios #filtro label, .btnform.nuestros_servicios { background-color:rgb(179,216,241);} nav.nuestros_servicios li a {color:#FFF;} nav.nuestros_servicios li:hover > ul, nav.nuestros_servicios li ul.select { background:#FFF;border-right:2px solid rgb(179,216,241);} nav.nuestros_servicios li ul a:hover, nav.nuestros_servicios li ul a.select {border-bottom:2px solid rgb(179,216,241);} nav.nuestros_servicios li:hover > ul, nav.nuestros_servicios li ul.select { background:#FFF;} nav.nuestros_servicios li ul a, #nuestros_servicios h1, #nuestros_servicios h2, #nuestros_servicios h3, #nuestros_servicios h4, #nuestros_servicios h5, #nuestros_servicios a, #nuestros_servicios span, #nuestros_servicios .texto li:before, .nuestros_servicios .idm .marc { color:rgb(179,216,241)} #form.nuestros_servicios .fcent2, #form.nuestros_servicios input[type=text], #form.nuestros_servicios select, #form.nuestros_servicios textarea{color:rgb(179,216,241); border:1px solid rgb(179,216,241);} #form.nuestros_servicios label, #form.nuestros_servicios #send {background-color:rgb(179,216,241);} #form.nuestros_servicios .check .checkbox { background: url(https://www.jobinternational.eu/img/check_azul.png) no-repeat;} #form.nuestros_servicios .select {background: url(https://www.jobinternational.eu//img/select_azul.png) no-repeat;} /* PROYECTOS */ nav.proyectos {background-color:rgba(179,216,241,0.5);} nav.proyectos .resto, #proyectos .sociales a, #proyectos #filtro label, .btnform.proyectos { background-color:rgb(179,216,241);} nav.proyectos li a {color:#FFF;} nav.proyectos li:hover > ul, nav.proyectos li ul.select { background:#FFF;border-right:2px solid rgb(179,216,241);} nav.proyectos li ul a:hover, nav.proyectos li ul a.select {border-bottom:2px solid rgb(179,216,241);} nav.proyectos li:hover > ul, nav.proyectos li ul.select { background:#FFF;} nav.proyectos li ul a, #proyectos h1, #proyectos h2, #proyectos h3, #proyectos h4, #proyectos h5, #proyectos a, #proyectos span, #proyectos .mail, #proyectos li:before, .proyectos .idm .marc { color:rgb(179,216,241)} #proyectos .erasmus { background-image:url(https://www.jobinternational.eu/img/icos/proyectos_1.jpg);} #proyectos .escuelas { background-image:url(https://www.jobinternational.eu/img/icos/proyectos_2.jpg);} #proyectos .tripartita { background-image:url(https://www.jobinternational.eu/img/icos/proyectos_3.jpg);} #proyectos .mobipro { background-image:url(https://www.jobinternational.eu/img/icos/proyectos_4.jpg);} #form.proyectos .fcent2, #form.proyectos input[type=text], #form.proyectos select, #form.proyectos textarea{color:rgb(179,216,241); border:1px solid rgb(179,216,241);} #form.proyectos label, #form.proyectos #send {background-color:rgb(179,216,241);} #form.proyectos .check .checkbox { background: url(https://www.jobinternational.eu/img/check_azul.png) no-repeat;} #form.proyectos .select {background: url(https://www.jobinternational.eu//img/select_azul.png) no-repeat;} /*COMENTARIOS */ nav.comentarios {background-color:rgba(179,216,241,0.5);} nav.comentarios .resto, #comentarios .sociales a, #comentarios #filtro label, .btnform.comentarios, .h_btn, .h_cont label, .h_cont .submit { background-color:rgb(179,216,241);} nav.comentarios li a {color:#FFF;} nav.comentarios li:hover > ul, nav.comentarios li ul.select { background:#FFF;border-right:2px solid rgb(179,216,241);} nav.comentarios li ul a:hover, nav.comentarios li ul a.select {border-bottom:2px solid rgb(179,216,241);} nav.comentarios li:hover > ul, nav.comentarios li ul.select { background:#FFF;} nav.comentarios li ul a, #comentarios h1, #comentarios h2, #comentarios h3, #comentarios h4, #comentarios h5, #comentarios a, #comentarios span, #comentarios .mail, #comentarios li:before, .comentarios .idm .marc { color:rgb(179,216,241)} #form.comentarios .fcent2, #form.comentarios input[type=text], #form.comentarios select, #form.comentarios textarea{color:rgb(179,216,241); border:1px solid rgb(179,216,241);} .h_cont input[type=text], .h_cont textarea {border:1px solid rgb(179,216,241)} #comentarios #com_list li { border-bottom:3px solid rgb(179,216,241)} #form.comentarios label, #form.comentarios #send {background-color:rgb(179,216,241);} #form.comentarios .check .checkbox { background: url(https://www.jobinternational.eu/img/check_azul.png) no-repeat;} #form.comentarios .select {background: url(https://www.jobinternational.eu//img/select_azul.png) no-repeat;} #comentarios .closer a { background-image:url(https://www.jobinternational.eu//img/clo_trabajos.jpg);} /*NEWS */ nav.news {background-color:rgba(246,232,63,0.5);} nav.news .resto, #news .sociales a { background-color:rgb(246,232,63);} nav.news li a {color:#FFF;} nav.news li:hover > ul, nav.news li ul.select { background:#FFF;border-right:2px solid rgb(246,232,63);} nav.news li ul a:hover, nav.news li ul a.select {border-bottom:2px solid rgb(246,232,63);} nav.news li:hover > ul, nav.news li ul.select { background:#FFF;} nav.news li ul a, #news h1, #news h2, #news h3, #news h4, #news h5, #news a, #news span, #news .mail, #news li:before, .news .idm .marc { color:rgb(246,232,63)} #form.news .fcent2, #form.news input[type=text], #form.news select, #form.news textarea{color:rgb(246,232,63); border:1px solid rgb(246,232,63);} #news #com_list li { border-bottom:3px solid rgb(246,232,63)} #form.news label, #form.news #send {background-color:rgb(246,232,63);} #form.news .check .checkbox { background: url(https://www.jobinternational.eu/img/check_amarillo.png) no-repeat;} #form.news .select {background: url(https://www.jobinternational.eu//img/select_amarillo.png) no-repeat;} #news #resultados .r_mas { background-image:url(https://www.jobinternational.eu/img/mas_news.png);} #news .closer a { background-image:url(https://www.jobinternational.eu//img/clo_news.jpg);} /*404*/ nav.error {background-color:rgba(0,0,0,0.5);} nav.error .resto { background-color:rgb(0,0,0);} nav.error li a {color:#FFF;} nav.error li:hover > ul, nav.error li ul.select { background:#FFF;border-right:2px solid rgb(0,0,0);} nav.error li ul a:hover, nav.error li ul a.select {border-bottom:2px solid rgb(0,0,0);} .error .idm .marc {color:rgb(0,0,0)} /* --------------------------------------------------------------------------------------------- */ /* COMMENTARIOS */ .commentar { width: 95px; height: 62px; display: block; position: absolute; top: 0; right: 0; z-index: 100; color:#FFF; background:url(https://www.jobinternational.eu/img/comments.png) no-repeat center top; text-align:center; padding-top:3px; font-weight:bold;} /* HOME */ #home { width:100%; height:100%; display:table; background-repeat: no-repeat; background-position: center center; background-size:cover;} #home article { display:table-cell; vertical-align:middle;} #home #logo { margin-left:60px;vertical-align:bottom; padding-right:15px;} #home #frase { max-width:1000px; width:55%; vertical-align:bottom; padding: 10px 0; border-left:1px solid #FFF; padding-left:15px;} #home #frase h2 {font-size:16px; line-height:18px;} #home .clear { margin-bottom:15px;} #home .idioms { width:239px; margin-left:60px; vertical-align:bottom;} #home .idioms a { margin-right:5px; font-weight:bold;} #home .idioms a:hover { text-decoration:underline;} #home #icons { vertical-align:bottom;} #home #icons a { width:75px; height:auto; height:80px; position:relative; display:inline-block; margin-right:20px; transition:background 0.1s; background-repeat:no-repeat; background-position:center bottom;} #home #icons a:hover { background-position:center top;} #home #icons a.par { background-image:url(https://www.jobinternational.eu/img/par.png);} #home #icons a.emp { background-image:url(https://www.jobinternational.eu/img/emp.png);} #home #icons a span { text-transform:uppercase; position:absolute; bottom:-50px; opacity:0; transition:all 0.3s; font-size:14px; color:#FFF; text-align:center; width:120px; left:-22px; font-weight:bold; } #home #icons a:hover > span { opacity:1; bottom:-18px;} #home2 { width:100%; height:100%; display:table; background-repeat:no-repeat; background-position: center center; background-size:cover; position:relative;} #home2 article { display:table-cell; vertical-align:bottom; text-align:right; padding:0 60px 100px 0;} #home2 article h1 { font-size:48px; font-weight:bold;} #home2 article h2 { font-size:18px;} /* ZONAS */ #cabecera { width:100%; height:349px; background-size:cover; background-position:center center; position:relative;} #cabecera .titular { position:absolute; left:350px; font-size:45px; font-weight:bold; bottom:15px; line-height:40px; max-width: 200px;} #contenido { padding-left:350px; padding-top:30px; width: calc(90% - 350px);} #contenido .desc { color:rgb(152,71,128); font-weight:bold;} #contenido .desc:hover { text-decoration:underline;} #contenido .video {width:100%; height:350px;} #contenido .video iframe {width:600px; height:350px; display:inline-block;} #contenido .titu { margin-bottom:20px;} #contenido .titu .flt { vertical-align:bottom;} #contenido .titu .icon2, #contenido .titu .icon2 img { width: 350px;} #contenido .titu h2 { max-width:800px} #contenido .titu h2, #contenido .titu h3, #contenido .titu h4 { font-weight:bold; font-size:36px;} #contenido .texto {color:#aeaeae; font-size:14px; line-height:18px; margin-bottom:40px; padding-right:10%;} #contenido .texto h4 { color:#aeaeae; font-size:24px;} #contenido .texto a { font-weight:bold;} #contenido .texto a:hover { text-decoration:underline;} #contenido .texto ul { margin-left:20px;} #contenido .texto ul.dd { margin-left:0; padding-top:5px;} #contenido .texto ul.dd li { display:inline-block; font-weight:bold; padding-right:10px; font-size:16px;} #contenido .texto li:before { content: "• "; } #contenido .iconos { text-align:center; height:auto; margin-bottom:40px; } #contenido .iconos.izq { text-align:left; } #contenido .iconos.izq .flt:first-child { margin-left:0;} #contenido .iconos.izq .flt:last-child { margin-right:0;} #contenido .iconos.izq h3, #contenido .iconos.izq .icon { vertical-align:bottom;} #contenido .iconos.dos div { text-align:left; } #contenido .iconos.dos li:first-child { padding-left:0;} #contenido .iconos.dos li { display:inline; padding: 0 10px 0 15px; } #contenido .iconos.dos li:before { content: "• "; } #contenido .iconos .flt {max-width:375px; min-width:320px; width: 25%; margin:0 3%;vertical-align:top; height:auto; margin-bottom:20px;} #contenido .iconos .flt a.ico { display:block; height:125px; position:relative; background-position:center top; background-repeat:no-repeat;} #contenido .iconos .flt a.ico2 {display:inline-block; padding-left:100px; height:84px; background-position:left top; background-repeat:no-repeat; position:relative;} #contenido .iconos .flt a span { font-size:30px; font-weight:bold; position:absolute; bottom:0; line-height:25px;} #contenido .iconos .flt a.ico span { width:100%; text-align:center; left:0; bottom:5px;} #contenido .iconos .flt div {color:#aeaeae; line-height:18px;} #contenido .iconos div div a { font-weight:bold;} #contenido .iconos div div a:hover { text-decoration:underline;} #contenido .iconos2 .flt {width: 100%; margin-bottom:20px; text-align:left} #contenido .iconos2 .flt a.ico { display:block; height:125px; position:relative; background-position:center top; background-repeat:no-repeat;} #contenido .iconos2 .flt a.ico2 {display:inline-block; padding-left:100px; height:84px; margin-bottom:20px; background-position:left top; background-repeat:no-repeat; position:relative;} #contenido .iconos2 .flt a span { font-size:36px; font-weight:bold; position:absolute; bottom:0; line-height:25px; width:1000%} #contenido .iconos2 .flt a.ico span { width:100%; text-align:center; left:0; bottom:5px;} #contenido .iconos2 .flt div {color:#aeaeae; line-height:18px; margin-bottom:40px;} #contenido .iconos2 div div a { font-weight:bold;} #contenido .iconos2 div div a:hover { text-decoration:underline;} #contenido .equipor { padding-bottom:60px;} #contenido .equipor .persona { display:none;} #contenido .equipor .select { display:block; margin-bottom:15px;} #contenido .equipor .flt { vertical-align:top;} #contenido .equipor .imagen { margin-right:20px;} #contenido .equipor .texto { width:50%; padding-top:20px;} #contenido .equipor h3 { font-size:30px; font-weight:bold; margin-bottom:5px;} #contenido .equipor h4 { font-size:18px; font-weight:bold; margin-bottom:10px;} #contenido .equipor p { margin-top:0;} #contenido .equipor .cont {} #contenido .mail { font-weight:bold; vertical-align:bottom; margin-right:50px; margin-bottom:10px;} #contenido .sociales { vertical-align:bottom;} #contenido .sociales a { width:23px; height:23px; display:inline-block; margin-right:5px; background-repeat:no-repeat; background-image:url(https://www.jobinternational.eu/img/sociales.png);} #contenido .face { background-position:0 0;} #contenido .twit { background-position:-23px 0;} #contenido .gogp { background-position:-46px 0;} #contenido .mas_equipor { text-align:center; padding-bottom:60px;} #contenido .mas_equipor .flt { margin:0 -2px; vertical-align:top;} #contenido .mas_equipor .flt:hover img { opacity:0.7;} #contenido .mas_equipor .flt, #contenido .mas_equipor .flt img { width:205px; transition:all 0.3s; -webkit-transition:all 0.3s;} #contenido .mas_equipor .select { display:none;} #contenido .mas_equipor h5 { font-size:15px; font-weight:bold;} #contenido .mas_equipor .span { font-size:12px; font-weight:bold;} #contenido #filtro { margin-bottom:40px;} #contenido #filtro label { padding:5px 20px; font-size:15px; font-weight:bold; vertical-align:middle; height:17px; display:inline-block;} #contenido #filtro select { padding:3px 7px; font-size:15px; margin-left:-4px; vertical-align:middle; margin-right:35px; width:150px; font-weight:bold;} #contenido #filtro .select { position: absolute; right:35px; width: 130px; height: 19px; color:#aeaeae !important; padding:4px 10px; overflow: hidden; } #contenido #filtro option { font-family:inherit; font-weight:bold !important;} #contenido #resultados { margin-bottom:40px;} #contenido #resultados .empleo { position:relative; width:80%; margin-bottom:20px;} #contenido #resultados .r_ico { width:53px; height:53px; margin-right:7px; vertical-align:top;} #contenido #resultados .r_ico img { width:53px;} #contenido #resultados .r_ico2 { width:200px; height:auto; margin-right:7px; vertical-align:top;} #contenido #resultados .r_ico2 img { width:200px;} #contenido #resultados .r_con { width:calc(100% - 65px);} #contenido #resultados .r_con2 { width:calc(100% - 250px);} #contenido #resultados h4 { font-size:30px; font-weight:bold;} #contenido #resultados .r_mas { width:22px; height:22px; display:block; position:absolute; bottom:20px; right:0; background-repeat:no-repeat; background-position:center center;} #contenido #otros { text-align:center; margin-bottom:60px;} #contenido #otros .flt { margin:0 10px; position:relative; width:84px; height:84px;} #contenido #otros span { position:absolute; top:100px; font-size:20px; width:200px; left:-58px; text-align:center; opacity:0; transition:all 0.3s; -webkit-transition: all 0.3s; font-weight:bold;} #contenido #otros a:hover > span { opacity:1; top:90px;} #contenido .detalle {} #contenido .detalle .d_logo { width:270px; margin-right:10px; text-align:center;} #contenido .detalle .d_det { width:calc(100% - 285px);} #contenido .detalle .d_det h5 { font-size:18px; font-weight:bold;} #contenido .closer { width:180px; margin:0px auto; text-align:center; padding-top:40px; margin-bottom:60px;} #contenido .closer a {display:block; padding-top:62px; font-size:24px; font-weight:bold; background-position:center top; background-repeat:no-repeat;} #contenido .video { text-align:center; margin-bottom:40px;} #contenido #contacto .val {max-width:375px;margin:0 3%;vertical-align:top; height:auto;} #contenido #contacto .val .texto { padding-right:0;} #contenido #contacto .val:first-child { margin-left:0;} #contenido .h_com { width:700px; color:#aeaeae; max-height:50px; overflow:hidden; margin-bottom:40px; transition:max-height 0.7s; -webkit-transition:max-height 0.7s;} #contenido .h_com.closed { max-height:1000px;} #contenido .h_btn { font-size:20px; font-weight:bold; color:#FFF; padding:10px 50px 10px 15px; background-image:url(https://www.jobinternational.eu/img/pick.png); background-position:95% 50%; background-repeat:no-repeat; margin-bottom:10px; cursor:pointer;} #contenido .closed .h_btn {background-image:url(https://www.jobinternational.eu/img/picka.png);} #contenido .h_cont {} #contenido .h_cont .flt { margin-right:15px; margin-bottom:15px;} #contenido .h_cont label { padding:4px 10px 5px; color:#FFF; font-weight:bold; font-size:16px; height:18px; display:inline-block; vertical-align:middle; } #contenido .h_cont input[type=text] { width:220px; font-size:14px; padding:5px 10px; font-family:inherit; color:#aeaeae !important; height:15px; vertical-align:middle;} #contenido .h_cont textarea {width:530px; height:100px; resize:none; padding:15px; color:#aeaeae !important} #contenido .h_cont .submit { width:68px; height:68px; display:inline-block; margin:0px auto; background-image:url(https://www.jobinternational.eu/img/send.png); cursor:pointer;} #contenido .h_cont .mensaje { display:none;} #comentarios {} #com_list { padding-bottom:100px;} #com_list li { padding:15px 10px; margin-bottom:20px;} #com_list h4 { font-size:18px; font-weight:bold;} #com_list span.cm { margin-right:5px;} #com_list .sociales a { margin-bottom:0;} /* FORMULARIOS */ .btnform { width:100px; text-align:center; padding: 15px; height:15px; position:fixed; right:5px; top: 400px; z-index:1002; cursor:pointer; transition:right 1s; -webkit-transition:right 1s;} .btnform span { width: 32px; height:32px; display:block; position:absolute;background-color:inherit; top:7px; left:-17px; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:5; transition:left 1s; -webkit-transition: left 1s;} .btnform p { margin:0px; padding:0px; position:relative; z-index:10 } .btnform.vuelta { right:25px;} .btnform.vuelta span { left:115px;} #prueba {width:100%; height:100%; position:fixed; z-index:1002; top:0; left:0;} #form { width:100%; height:100%; position:fixed; z-index:1000; background:rgba(255,255,255,0.8); top:0; display:none; opacity:0; transition:all 1s; -webkit-transition: all 1s;} #form.vel { display:table; opacity:100;} #form .fcent { display:table-cell; vertical-align:middle; position:relative; z-index: 1001;} #form .fcent2 { width:700px; padding:30px 40px 6px; background:#FFF; text-align:left; margin:0px auto; position:relative; z-index: 1003;} #form .titular { font-weight:bold; font-size:36px; margin-bottom:30px;} #form .flt { margin-bottom:15px; margin-right:10px;} #form label { padding:4px 10px 5px; color:#FFF; font-weight:bold; font-size:16px; vertical-align: middle; height:18px; display:inline-block;} #form input[type=text], #form select { font-size:14px; padding:5px 10px; font-family:inherit; color:#aeaeae !important; height:15px; vertical-align: middle;} #form select { padding:4px 10px; width:150px; height:27px; } #form .select { position: absolute; right:10px; width: 130px; height: 19px; color:#aeaeae !important; padding:4px 10px; overflow: hidden; } #form #selectpais { right:5px;} #form .check { text-align:right;} #form .check span { cursor:pointer;} #form .check .checkbox { width: 20px;height: 20px; display: inline-block; vertical-align:middle;} #form .check label.idf { color:inherit; background:#FFF; width:90px; height:auto; display:inline;} #form .check label.fix { width: 60px; display: inline-block;} #form textarea { width:670px; height:100px; resize:none; padding:15px; color:#aeaeae !important} #form .nacim input { width:22px;} #form .nacim input:last-child { width:40px;} #form .calle input { width:140px;} #form .cp input { width:50px;} #form .archivo input { width:60px; cursor:pointer;} #form .top { vertical-align:top;} #form .send { text-align:center; width:100%;} #form #send { width:68px; height:68px; display:inline-block; margin:0px auto; background-image:url(https://www.jobinternational.eu/img/send.png); cursor:pointer; } /* RESPONSIVE */ @media screen and (min-height:500px) and (max-height:900px) { nav {padding-top: 120px;} #cabecera { height:239px;} } @media screen and (min-width:1000px) and (max-width:1500px) { #contenido { width:calc(95% - 350px)} #contenido .iconos .flt { max-width:200px;} } /*Tablet horizontal*/ @media screen and (min-width:769px) and (max-width:1024px) { #contenido { width:calc(95% - 320px)} #contenido { padding-left: 320px;} #contenido #resultados .empleo { width:100%;} } /*Tablet vertical*/ @media screen and (min-width:600px) and (max-width:768px) { .btnform.contacto { display:none;} #contenido { width:calc(100% - 300px); padding-left:300px} #contenido .iconos .flt a.ico { height:150px;} #contenido .titu h2 { max-width:200px;} #contenido .mas_equipor .flt { margin-bottom:20px;} #contenido .equipor .texto, #contenido #resultados .r_con2 { width:100%} nav li a.nolk { display:none;} } @media screen and (min-width:480px) and (max-width:600px) { #home { text-align:center;} #home #logo { margin:0; padding:0;} #home #logo img { width:200px;} #home #frase { width:calc(100% - 30px); border:none;} #home #frase h2 { font-size:14px; line-height:14px;} #home .idioms { width: 160px; vertical-align:top;} .btnform { display:none;} #cabecera { height:300px;} #cabecera .titular { left:15px; max-width:none;} #contenido { padding-left:15px; width:calc(100% - 30px);} #contenido .equipor .texto { width:100%;} #contenido .video { height:150px;} #contenido .video iframe {width:480px; height:150px;} #contenido #resultados .r_con2 { width:100%;} #contenido .h_com { width:480px;} #contenido .h_cont textarea { width:400px;} #contenido #resultados .empleo { width:100%;} nav li a.nolk { display:none;} nav .resto { height:auto;} .supicon { display:none;} nav { position:absolute; margin-bottom:0px; width:100%; height:auto; padding:0; text-align:left; left:0 !important} .resto ul { margin: 0; display:none; position: relative; z-index:2000; padding:0; text-align:center; height:auto; } .resto li { display:block; margin:0 0 5px; width:100%; text-align:center; padding:0;} nav span#pull {display: block; padding:7px 15px; color:#FFF; background:#7a7a7a; width:calc(100% - 30px); font-weight:bold; cursor:pointer;} nav span#pull:after { content:""; background: url('https://www.jobinternational.eu/img/nav-icon.png') no-repeat; width: 20px;height: 20px;display: inline-block; position: absolute; right: 15px;} nav li a { padding:0;} } @media screen and (max-width:479px) { #home { text-align:center;} #home #logo { margin:0; padding:0;} #home #logo img { width:200px;} #home #frase { width:calc(100% - 30px); border:none;} #home #frase h2 { font-size:14px; line-height:14px;} #home .idioms { width: 160px; vertical-align:top;} .btnform { display:none;} #cabecera { height:300px;} #cabecera .titular { left:15px; max-width:none;} #contenido { padding-left:15px; width:calc(100% - 30px);} #contenido .equipor .texto { width:100%;} #contenido .video { height:150px;} #contenido .video iframe {width:350px; height:150px;} #contenido #resultados .r_con2 { width:100%;} #contenido .h_com { width:350px;} #contenido .h_cont textarea { width:300px;} #contenido #resultados .empleo { width:95%;} nav li a.nolk { display:none;} nav .resto { height:auto;} .supicon { display:none;} nav { position:absolute; margin-bottom:0px; width:100%; height:auto; padding:0; text-align:left; left:0 !important} .resto ul { margin: 0; display:none; position: relative; z-index:2000; padding:0; text-align:center; height:auto; } .resto li { display:block; margin:0 0 5px; width:100%; text-align:center; padding:0;} nav span#pull {display: block; padding:7px 15px; color:#FFF; background:#7a7a7a; width:calc(100% - 30px); font-weight:bold; cursor:pointer;} nav span#pull:after { content:""; background: url('https://www.jobinternational.eu/img/nav-icon.png') no-repeat; width: 20px;height: 20px;display: inline-block; position: absolute; right: 15px;} nav li a { padding:0;} }