/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ body { font-family: 'robotoregular'; font-size: 62.5%; background: rgba(241,241,241,1); } h1,h2,h3,h4,h5,h6 { font-family:'OpenSanslight'; font-weight: normal; } h1 strong,h2 strong,h3 strong,h4 strong, h5 strong,h6 strong { font-family: 'OpenSansSemibold'; font-weight: normal; } h3 { font-size: 2.4em; } /* MENU DE NAVEGACION */ nav { position:fixed; top:0; left: 0; z-index: 10; width: 100%; height: 75px; background: rgba(245,245,245,.95); font-family: 'robotoregular'; box-shadow: 0 0 2px rgba(100,100,100,.5); } nav .logo { width: 250px; height: 75px; float: left; margin-left: 50px; margin-right: 0px; } nav .logo a { display: block; width: 300px; height: 75px; background: url(../logo.png) no-repeat 0 10px; } nav #main-menu {float: right;} nav #topMenu { float: left; min-width: 255px; margin: 0; padding: 0; } nav #topMenu ul { margin: 0; padding:0; } nav #topMenu ul li { margin: 0; padding:0; float: left; height: 75px; position: relative; } nav #topMenu ul li a { display: block; height: 75px; line-height: 5.4em; font-size: 1.4em; text-decoration: none; padding: 0 15px; } nav #topMenu ul li a:hover { background: rgba(230,230,230,.5); } nav #topMenu ul li ul{margin: 0; padding: 0; width: 200px; position: absolute; top: 75px; left: 0; background: rgba(245,245,245,1); box-shadow: 1px 1px 1px rgba(100,100,100,.5); display: none;} nav #topMenu ul li ul li{margin: 0; padding: 0; height: 30px; min-width: 200px; } nav #topMenu ul li ul li a{line-height: 1.6em; height: 20px; display: block; padding: 5px; margin: 0;} nav #topMenu ul li ul li a div.iconosubmenu{width: 18px; float: left;} nav #topMenu ul li:hover ul{display: block;} nav .userMenu { float:left; min-width: 195px; height: 75px; margin: 0; padding: 0; } nav .userMenu ul { margin: 0; padding: 0; } nav .userMenu ul li { float: left; padding: 0 3px; height: 75px; } nav .userMenu ul li a { margin: 0; padding: 8px; line-height: 5.8em; -webkit-transition: background .5s; -moz-transition: background .5s; -o-transition-property: background .5s; transition: background .5s; } nav .userMenu ul li a:hover { background: rgba(219,176,0,1);} nav .userMenu ul li.usuario {height: 75px; margin: 0; padding: 0 !important;} nav .userMenu ul li.usuario a{display:block; margin: 0; padding: 0 8px; min-width: 10px; text-align: center; font-size: 1.4em; text-decoration: none; line-height: 5.4em; -webkit-transition: background .5s; -moz-transition: background .5s; -o-transition-property: background .5s; transition: background .5s; } nav .userMenu ul li.usuario a:hover{background: rgba(5,69,145,1); color: #FFF;} nav .Language { margin:0; padding:0; float: left; width: 128px; height: 55px; padding-top: 25px; } nav .Language select { padding: 3px 8px; font-family: 'robotoregular'; -moz-appearance: button !important; } nav .Language .content-language { width: 130px; float: right; } #movil-icon-menu{display: none;} .close-menu-movil{visibility: hidden;} a.boton { background: rgba(5,69,145,1); border-radius: 3px; padding: 8px; color: #FFF; text-decoration: none; font-family: 'robotoregular'; font-size: 1.3em; } .icon-language { background: rgba(5,69,145,1); float: left; padding: 4px 4px 5px 4px; border-radius: 3px 0 0 3px; margin-left: 15px; } .icon-language i { color: #FFF; font-size: 1.5em; } /* PRINCIPAL */ .principal { height: 100%; position: relative; } .malla { width: 100%; height: 100%; background: url(../overlays/05.png); position: absolute; z-index: 2; top: 0; opacity: .9; } .titulos { width: 100%; min-height: 300px; position: absolute; top: 35%; z-index: 6; text-align: center;} .titulos p { font-size: 2.6em; color: #FFF; padding: 0 0 30px 0; font-family: 'robotoitalic'; } .titulos h1 { text-align: center; font-size: 7.5em; text-transform: uppercase; font-family: 'overpass'; color: #FFF;} .titulos article { width:650px; color: #FFF; font-size: 2em; margin: 0 auto; font-family: 'robotoregular'; text-shadow:1px 0 0 #000; display: block; height: 100px; } .titulos .separador { width: 100px; height: 3px; margin: 50px auto; background: rgba(219,176,0,1); } .titulos a { width: 200px; height: 30px; border: 3px solid rgba(219,176,0,1); background: none rgba(30,30,30,.2); padding: 14px 80px; font-size: 1.8em; text-transform: uppercase; font-family: 'overpass'; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .titulos a:hover { border: 3px solid rgba(255,255,255,1); background: none; } .titulos ul#news-main { position: relative; min-height: 70px;} .titulos ul#news-main li { position: absolute; top: 0; left: 0; width: 100%; } .titulos ul#news-main li h1 { text-align: center; line-height: 1em; } /* FULLSCREEN BACKGROUND SLIDER */ #slides { position: relative; } #slides .slides-container { display: none; } #slides .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; } #slides .scrollable:after { content: ""; display: table; clear: both; } .slides-navigation { margin: 0 auto; position: absolute; z-index: 7; top: 50%; width: 100%; } .slides-navigation a { position: absolute; display: block; text-decoration: none; width: 76px; height: 76px; border: 2px solid rgba(200,200,200,.4); border-radius: 40px; text-align: center; } .slides-navigation a i { font-size: 4em; line-height: 2em; color: rgba(200,200,200,.4); } .slides-navigation a.prev { left: 5%; } .slides-navigation a.next { right: 5%; } .slides-navigation a:hover { border: 2px solid rgba(220,220,220,1); } .slides-navigation a:hover i { color:rgba(220,220,220,1); } .slides-pagination { position: absolute; z-index: 3; bottom: 0; text-align: center; width: 100%; } .slides-pagination a { border: 2px solid #222; border-radius: 15px; width: 10px; height: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII="); margin: 2px; overflow: hidden; text-indent: -100%; } .slides-pagination a.current { background: #222; } .vegas-loading { border-radius: 10px; background: #000; background: rgba(0,0,0,0.7); background: url(images/loading.gif) no-repeat center center; height: 32px; left: 20px; position: fixed; top: 20px; width: 32px; z-index: 0; } .vegas-overlay { background: transparent url(images/05.png); opacity: 0.5; z-index: -1; } .vegas-background { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; max-width: none !important; /* counteracts global img modification by twitter bootstrap library */ z-index: -2; } .vegas-overlay, .vegas-background { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* USUARIOS REGISTRADOS */ .usuarios { height: 350px; background: url(../usuarios.png); } .usuarios .cantidad-usuarios { width: 550px; margin: 0 auto; text-align: center; padding-top: 75px; } .usuarios .cantidad-usuarios h1 { font-family: 'robotobold'; font-size: 9em; color: rgba(5,69,145,1); margin: 40px 0 50px 0; } .usuarios .cantidad-usuarios h2 { font-family: 'robotolight'; font-size: 4em; color: #666; } .usuarios .cantidad-usuarios h3 { font-family: 'robotolight'; font-size: 4.5em; color: #666; } /* ESTADISTICAS DE EMPLEOS PETROLEROS */ .estadisticas { min-height: 420px; background: #FFF; } .estadisticas .empleos-estadisticas { width: 350px; margin: 0 auto; text-align: center; padding-top: 55px; } .estadisticas .empleos-estadisticas h5 { margin: 0; padding: 0; font-family: 'robotolight'; color: rgba(179,179,179,1); font-size: 2em; } .estadisticas .empleos-estadisticas h4 { margin: 0; padding: 0; font-family: 'robotoregular'; color: #666; font-size: 2.3em; } .estadisticas .empleos-estadisticas .linea { width: 100px; margin: 0 auto; height: 2px; background: rgba(219,176,0,1); margin-top: 10px; } .estadisticas .datos-estadisticas { text-align: center; padding-top: 50px; } .estadisticas .datos-estadisticas a { text-decoration: none; } .estadisticas .datos-estadisticas i { display: block; height: 60px; width: 60px; margin: 0 auto; border-radius: 30px; background: #999; color: #FFF; line-height: 2.3em; font-size: 2.8em; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .estadisticas .datos-estadisticas a:hover i { background: rgba(255,204,0,1); } .estadisticas .datos-estadisticas h2 { font-family: 'robotomedium'; font-size: 6em; margin: 20px 0; color: #333; } .estadisticas .datos-estadisticas h4 { margin: 0; padding: 0; font-family: 'robotolight'; color: rgba(3,46,92,1); font-size: 2.5em; } .estadisticas .datos-estadisticas h6 { margin: 0; padding: 0; font-family: 'robotolight'; color: #999; } /* CALL CENTER */ .atencion-clientes { height: 350px; width: 100%; background: rgba(5,69,145,1); } .atencion-clientes .titulo-atencion { width: 850px; margin: 0 auto; } .atencion-clientes h2 { text-align: center; font-family: 'robotolight'; font-size: 12em; color: #FFF; margin: 100px 0 50px 0; letter-spacing: 8px; } .atencion-clientes h5 { text-align: right; font-family: 'robotolight'; font-size: 3.2em; color: #FFF; padding-right: 10px; margin-bottom: 10px; } .atencion-clientes h6 { text-align: right; font-family: 'robotolight'; font-size: 1.8em; color: #FFF; padding-right: 10px; } .atencion-clientes h6 a { text-decoration: none; color: #FFF;} .atencion-clientes .chica-atencion { position: absolute; top:74px; left: 300px; width: 200px; height: 276px; background: url(../chica-atencion.png) no-repeat; } /* NOTICIAS */ .noticias { min-height: 550px; width: 100%; background: #f2f2f2; } .noticias .titulo-noticias { width: 400px; margin: 0 auto; text-align: center; padding-top: 75px; } .noticias .titulo-noticias h3 { margin: 0; padding: 0; text-align: center; font-family: 'robotolight'; color: #4d4d4d; font-size: 4.2em; } .noticias .titulo-noticias .linea { width: 100px; margin: 0 auto; height: 2px; background: rgba(219,176,0,1); margin-top: 20px; } .noticias .titulo-noticias h5 { margin: 30px 0 30px 0; padding: 0; text-align: center; font-family: 'robotolight'; color: #4d4d4d; font-size: 1.8em; } .noticias .contenido-noticia { width: 100%; height: 275px; background: #FFF; } .noticias .contenido-noticia .imagen-noticia { width: 100%; height: 175px; position: relative; } .noticias .contenido-noticia .imagen-noticia img { width: 100%; } .noticias .contenido-noticia .imagen-noticia .vermas { position: absolute; top: 0; left: 0; width: 100%; height: 175px; background: rgba(10,10,10,.7); color: #FFF; font-family: 'robotolight'; text-align: center; font-size: 1.2em; visibility: none; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .noticias .contenido-noticia .imagen-noticia .icono { width: 50px; margin: 0 auto; padding-top: 55px; } .noticias .contenido-noticia .imagen-noticia .vermas i { display: block; width: 50px; height: 50px; background: rgba(255,204,0,1); border-radius: 25px; text-align: center; line-height: 2em; font-size: 2.3em; color: #333; } .noticias .contenido-noticia .descripcion-noticia { height: 100px; } .noticias .contenido-noticia a { text-decoration: none; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .noticias .contenido-noticia .descripcion-noticia article { text-align:center; font-size: 1.3em; font-family: 'robotoregular'; padding: 0; margin: 0; text-transform: uppercase; line-height: 1.2em; color: #666; padding: 35px 20px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .noticias .contenido-noticia a:hover .descripcion-noticia { background: rgba(5,69,145,1); } .noticias .contenido-noticia a:hover .descripcion-noticia article { color: #FFF; } .noticias .contenido-noticia a:hover .imagen-noticia .vermas { display: block; visibility: visible; opacity: 1; } .relativo{position: relative;} .newsPreview{font-size: 1.4em;} /* EMPRESAS */ .empresas { width: 100%; height: 170px; background: #FFF; } .empresas h5 { font-family: 'robotoitalic'; text-transform: uppercase; text-align: center; font-size: 1.3em; color: #999; margin: 35px 0 0 0; } /* ELASTISLIDE */ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } .bx-wrapper .bx-viewport { left: -5px; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } .bx-wrapper .bx-loading { min-height: 50px; background: url(../bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } .bx-wrapper .bx-prev { left: -70px; background: url(../controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: -70px; background: url(../controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* FOOTER */ footer { position: relative; margin-top: 80px; } footer.main { width: 100%; min-height: 280px; background: rgba(26,26,26,1); position: relative; padding-top: 40px; } footer .terminos { position: absolute; bottom: 0; width: 100%; min-height: 45px; background: rgba(0,0,0,1); padding-top: 3px; } footer h3 { color: rgba(148,194,204,1); font-family: 'robotoitalic'; padding-top: 10px; text-transform: uppercase; font-size: 2em; } footer .version-movil { position: relative;} footer .version-movil .iphone { position: absolute; top: 0; left: -10px; display: block; width: 95px; height: 189px; background: url(../iphone.png) no-repeat; } footer .version-movil .android { position: absolute; top: 35px; left: 30px; display: block; width: 80px; height: 156px; background: url(../android.png) no-repeat; } footer .version-movil h3, .version-movil h4, .version-movil h5 { padding-left: 115px; } footer .version-movil h3 { padding-top: 15px; color: rgba(255,173,18,1); text-transform: uppercase; font-family: 'bebas'; font-size: 2.8em; margin: 0; line-height: 1em; } footer .version-movil h4 { padding-top: 0px; color: rgba(255,173,18,1); text-transform: uppercase; font-family: 'bebas'; margin: 0; font-size: 2.5em; line-height: 1em; } footer .version-movil h5 { padding-top: 0px; color: rgba(255,173,18,1); text-transform: uppercase; font-family: 'bebas'; margin: 0; font-size: 1.7em; color: #FFF; } footer .describe-app { padding-left: 115px; padding-top: 5px; } footer .describe-app h6 { color: #FFF; font-size: 1.1em; font-family: 'bebas'; margin: 0; padding:0; } footer .describe-app h4 { padding-left: 0; margin-bottom: 10px; font-size: 1.4em; color: #FFF; margin: 0; padding: 0; line-height: 1.2em; } footer .describe-app .links-descarga a { margin: 10px 1px 10px 0; display: block; float: left; width: 90px; } footer .describe-app .links-descarga a:hover { opacity: .8; } footer .describe-app .links-descarga a img{width: 100%;} footer .contacto { color: #FFF;} footer .contacto h5 { color: rgba(148,194,204,1); text-transform: uppercase; font-size: 1.3em; font-family: 'robotoregular'; margin: 0; padding:0; } footer .contacto p{font-size: 1.4em;} footer .social { color: #FFF; } footer .social article { font-size: 1.2em; } footer ul.redes { margin: 20px 0 0 0; padding: 0; height: 130px; } footer ul.redes li { margin: 0 8px 0 0; padding: 0; float: left; } footer ul.redes li a { font-size:2.2em; line-height:2.1em; display: block; text-decoration: none; text-align: center; width: 45px; height: 45px; background: #666; border-radius: 3px; color: #000 !important; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } footer ul.redes li a.facebook:hover { background: rgba(48,107,168,1); color: #FFF !important; } footer ul.redes li a.twitter:hover { background: rgba(60,132,208,1); color: #FFF !important; } footer ul.redes li a.wordpress:hover { background: rgba(94,190,220,1); color: #FFF !important; } footer ul.redes li a.linkedin:hover { background: rgba(49,107,168,1); color: #FFF !important; } footer ul.redes li a.flickr:hover { background: rgba(239,7,130,1); color: #FFF !important; } select { padding:3px; margin: 0; background: #f8f8f8; color:#888; border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; font-family: 'OpenSansLight'; } footer .terminos .logo-footer { min-height: 30px; background: url(../icono.png) 0px 5px no-repeat; padding-left: 40px; line-height: 3.6em; font-size: 1.2em; color: rgba(148,194,204,1); font-family: 'robotoregular'; } footer .terminos ul { margin: 0; padding: 0; float: right; } footer .terminos ul li { margin: 0 12px 0 0; padding: 0; float: left; } footer .terminos ul li a { text-decoration: none; display: block; color: rgba(148,194,204,1); font-size: 1.3em; line-height: 2.8em; } footer .terminos ul li.min a { font-size: 1.1em; color: #666; line-height: 3.5em; } /* Revel Modal popup */ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.5); z-index: 101; display: none; top: 0; left: 0; } .reveal-modal { position: fixed; visibility: hidden; top: 130px; left: 50%; width: 280px; margin-left: -140px; background: rgba(240,240,240,1); z-index: 102; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; text-decoration: none; } .reveal-modal .header{display: block; width: 100%; height: 60px; border-radius: 5px 5px 0 0; background: url(../logo.png) no-repeat 45px 10px rgba(229,229,229,1); background-size: 65%;} .reveal-modal .body-modal{padding: 20px 10px;} .reveal-modal .body-modal .login-img{width: 100px; height: 100px; margin: 0 auto 20px auto; background: rgba(204,204,204,1); border-radius: 50px; text-align: center; color: #FFF; font-size: 11em; overflow: hidden; line-height: 1.1em;} .reveal-modal .body-modal form{margin: 0;} .reveal-modal .body-modal input[type=text],input[type=password]{width: 238px; border-radius: 5px; padding: 10px; margin:5px 0; } .reveal-modal .body-modal input[type=submit]{width: 100%;} .reveal-modal .body-modal input[type=checkbox]{ margin-bottom: 10px;} .reveal-modal .modalbtn{background: rgba(5,61,125,1); color: #FFF; padding: 10px 0; font-family: 'robotolight'; font-size: 1.4em; text-shadow:0 1px 0 rgba(3,41,84,1); -webkit-transition: background .5s; -moz-transition: background .5s; -o-transition-property: background .5s; transition: background .5s;} .reveal-modal .modalbtn:hover{background: rgba(219,176,0,1); color: #FFF; text-shadow:0 1px 0 rgba(194,156,2,1);} .reveal-modal .body-modal .social-recover {text-align: center;} .reveal-modal .body-modal .social-recover a{text-decoration: none; font-size: 1.2em;} .reveal-modal .body-modal .social-recover a b{font-family: 'robotomedium';} .reveal-modal .body-modal .social-recover a i{font-size: 1.6em;} .reveal-modal .body-modal h4{font-size: 1.6em; font-family: 'robotolight'; text-align: center; color: #333; margin: 0 0 20px 0;} .reveal-modal .body-modal ul{margin: 0; padding: 0;} .reveal-modal .body-modal ul li{margin: 0 0 0 20px; padding: 0; float: left; display: block; height: 100px; width: 100px; text-align: center;} .reveal-modal .body-modal ul li b{font-size: 1.2em; text-transform: uppercase;} .reveal-modal .body-modal ul li a{display: block; width: 100px; height: 100px; background: rgba(194,194,194,1); border-radius: 50px; text-align: center; font-size: 10em; line-height: 1.3em; overflow: hidden; color: #FFF; -webkit-transition: background .5s; -moz-transition: background .5s; -o-transition-property: background .5s; transition: background .5s; margin-bottom: 5px;} .reveal-modal .body-modal ul li a:hover{background: rgba(8,69,140,1);} /* BreadCrumbs */ .margin-menu{padding-top: 100px;} /* SEARCH RESULT JOBS */ #topResults{font-family: 'robotoregular';} #topResults h3{font-family: 'robotoregular'; color: #666; font-size: 2.5em; text-align: center; display: block; margin-bottom: 20px;} #topResults h3 i{font-size: 1.4em;} #topResults .separador { width: 100px; height: 3px; margin: 20px auto 35px auto; background: rgba(219,176,0,1); } .topResultsLinks{ } .topResultsLinks ul{margin: 0; padding:0;} .topResultsLinks ul li{margin:0; padding: 0; } .topResultsLinks ul li:first-child a{border-top: 1px solid #ccc;} .topResultsLinks ul li a{display:block; text-decoration: none; font-family: 'robotomedium'; background: #f5f5f5; color: #777; height: 35px; padding: 0 10px; font-size: 1.4em; line-height: 2.6em; border-bottom: 1px solid #ccc; -webkit-transition: background .1s; -moz-transition: background .1s; -o-transition-property: background .1s; transition: background .1s;} .topResultsLinks ul li a i{padding-right: 5px;} .topResultsLinks ul li a:hover{background: rgba(8,69,140,1); color: #FFF; border-bottom: 1px solid rgba(5,56,115,1); } .topResultsLinks ul li:first-child a:hover{border-top: 1px solid rgba(5,56,115,1);} .numberResults{ } .numberResults h4{font-family: 'robotomedium'; text-align: center; color: #333; margin: 0; padding: 10px 0; background: rgba(8,69,140,1); color: #FFF;} .numberPerPage{font-size: 1.3em; line-height: 2.2em; float: left; padding: 10px 0 0 10px;} .pageNavigation{padding: 10px 0px 0 0 ;} .pageNavigation ul{margin: 0 10px 0 0; padding: 0; float: right; } .pageNavigation ul li{margin: 0 2px; padding: 0; float: left;} .pageNavigation ul li a{ text-decoration: none; text-align: center; display: block; min-width: 24px; height: 24px; border: 1px solid #bbb; border-radius: 3px; font-size: 1.4em; line-height: 1.8em; background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,243,244,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(242,243,244,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(242,243,244,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(242,243,244,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(242,243,244,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(242,243,244,1) 100%); /* W3C */ } .pageNavigation ul li a:hover{border: 1px solid rgba(219,176,0,1);} .pageNavigation ul li.nlink a:hover{border: 1px solid #bbb;} .pageNavigation ul li a i{font-size: 1.2em;} .pageNavigation ul li.current a{border: 1px solid #ccc; color: #333; background: #ccc;} section.topContent{background: #FFF; height: 100px;} .bwhite{background: #FFF; min-height: 80px; box-shadow: 0 0 1px #aaa; position: relative;} .bwhite h3{background: #e6e6e6; font-family: 'robotoregular'; font-size: 1.8em; color: #666;} .bwhite h3.blue{background: rgba(8,69,140,1); color: #FFF;} .bwhite h4.quick{background: rgba(241,241,241,1); color: #666; font-family: 'robotomedium'; padding: 10px; margin-bottom: 10px; font-size: 2em;} .sel select { font-family: 'robotomedium'; padding:5px 8px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background: #fff; color:#333; border:1px solid #ccc; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; } .sel label {position:relative;} .sel label:after { content:'>'; font:1.5em "Consolas", monospace; color:#333; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:8px; top:4px; padding:0 0 2px; position:absolute; pointer-events:none; } .sel .tree label {position:relative;} .sel .tree label:after { content:''; font:1.5em "Consolas", monospace; color:#333; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:8px; top:4px; padding:0 0 2px; position:absolute; pointer-events:none; } label.quicksrch{width: 99%;} label.quicksrch select{width: 100%;} .minh6{min-height: 600px;} .QuickSearch{padding: 0 10px 10px 10px; height: 110px;} .QuickSearch input[type=text]{border-radius: 3px; padding: 7px; width: 90%;} .QuickSearch ul{margin: 0; padding: 0; display: block; width: 100%;} .QuickSearch ul li{float: left; display: block; height: 30px; width: 50%;} #refineResults h5{font-family: 'robotomedium'; font-size: 1.2em; border-bottom: 1px solid #ccc; padding: 5px 0 5px 5px; color: #666;} #refineResults ul#currentSearch{margin: 5px 0 0 0; padding: 0; } #refineResults ul#currentSearch li{margin: 3px 0; padding: 0; display: block; height: 45px; width: 95%; font-size: 1.2em; } #refineResults ul#currentSearch li strong{padding-left: 5px; font-size: .8em; padding-right: 10px; color: #666; } #refineResults ul#currentSearch li a{float: right; text-decoration: none; color: rgba(219,176,0,1); font-size: 1.3em; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition-property: color .4s; transition: color .4s;} #refineResults ul#currentSearch li a:hover{color: #F00;} #refineResults .currentSearch{} #refineResults .curSearchItem{padding-left: 10px;} #refineResults ul#refineResultsAdv{margin: 5px 0 0 0; padding: 0;} #refineResults ul#refineResultsAdv li{margin: 0; padding: 0 0 0 5px; display: block; min-height: 25px; width: 95%;} #refineResults ul#refineResultsAdv li:hover{cursor: pointer;} #refineResults ul#refineResultsAdv li .refine_icon{padding: 0 5px; font-size: 1.5em; color: rgba(219,176,0,1); } .refine_button{font-size: 1.2em; font-family: 'robotomedium';} .refine_icon{float: left;} .refine_block{margin: 5px 0 5px 10px;} .refine_block a{text-decoration: none; color: rgba(8,69,140,1); margin: 3px 0;} .refineItem{font-size: 1.2em;} #listingsResults table {width: 98%; margin: 0 auto;} #listingsResults table tr td{margin: 0; font-size: 1.2em; font-family: 'robotoregular';} #listingsResults table thead tr td{font-family: 'robotomedium'; font-size: 1.2em; padding: 5px 0 0 5px;} #listingsResults table thead tr td a{text-decoration: none; color: #333;} #listingsResults table tbody tr td{padding: 5px; border-bottom: 1px solid #CCC; vertical-align: middle; background: #f1f1f1;} #listingsResults table tbody tr:first-child td{border-top: 1px solid #CCC;} #listingsResults table tbody tr:nth-child(odd) td{background: #FFF;} #listingsResults table tbody tr td a{text-decoration: none;} #listingsResults table tbody tr td a strong{text-transform: uppercase; font-size: 1.2em; color: rgba(8,69,140,1); } #listingsResults table tbody tr td.compania i{display: block; font-size: 5em;} #displayJob h3{font-family: 'robotoregular'; color: #666; font-size: 2.5em; text-align: center; display: block; padding-bottom: 20px;} #displayJob .icono{width: 60px; height: 60px; background: #F00; display: inline; position: relative; } #displayJob .icono i{font-size: 1.2em; position: absolute; bottom: 0px; left: -40px;} .compProfileInfo{} .compProfileInfo .center img{width: 180px; height: 180px;} .center{ text-align: center; } .compProfileInfo h5{font-family: 'robotoregular'; width: 100%; text-align: center;} .compProfileInfo p{font-size: 1.2em; font-family: 'robotoregular'; margin: 0; padding: 0;} .compProfileInfo b{font-family: 'robotomedium'; font-size: 1.2em;} .searchResultsHeaderLineNew ul{margin: 0; padding: 0;} .searchResultsHeaderLineNew ul li{margin: 0; padding: 0; float: left;} .searchResultsHeaderLineNew ul li a{display: block; text-decoration: none;} .underQuickLinks{float: left; margin: 0; padding: 0; height: 40px;} .underQuickLinks ul{float: left; margin: 5px 0 0 0; padding: 0;} .underQuickLinks ul li{float: left; margin: 0; padding: 0;} .underQuickLinks ul li a{text-decoration: none; font-size: 1.5em; padding: 5px; display: block;} .searchResultsHeaderLineNew{float: right;} .searchResultsHeaderLineNew ul{margin: 0; padding: 0;} .searchResultsHeaderLineNew ul li{display: block; width: 30px; height: 30px; background: #e6e6e6; border-radius: 15px; margin: 4px 4px 0 0px;} .searchResultsHeaderLineNew ul li a{text-align: center; font-size: 2em; color: #999; line-height: 1.6em; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition-property: all .4s; transition: all .4s; border-radius: 15px;} .searchResultsHeaderLineNew ul li a:hover{background: rgba(8,69,140,1); color: #FFF;} #listingsResults{margin: 20px 0 0 0; padding: 5px; position: relative;} .listingInfojob2{padding: 10px;} .listingInfojob2 h2{font-family: 'robotomedium'; color: rgba(8,69,140,1); font-size: 2.5em;} #listingsResults .buttonApply{background: rgba(49,107,168,1); color: #FFF !important; font-family: 'robotolight' !important; padding: 15px 40px !important; font-size: 1.8em !important; text-align: center;} #listingsResults .fh-legend{display: none;} #listingsResults .displayFieldBlock{margin: 0; padding: 0;} #listingsResults .displayFieldBlock h3{text-align: left; font-size: 1.5em; background: none; border-bottom: none; margin: 0; padding: 0; } #listingsResults .displayField{font-size: 1.4em; color: #333;} #listingsResults .left-col{width: 50%; float: left;} #listingsResults .right-col{width: 50%; float: left;} #listingsResultsCV{margin: 20px 0 0 0; padding: 5px; position: relative;} #listingsResultsCV .buttonApply{background: rgba(49,107,168,1); color: #FFF !important; font-family: 'robotolight' !important; padding: 15px 40px !important; font-size: 1.8em !important; text-align: center;} .listingInfoCV{padding: 10px;} .listingInfoCV h2{font-family: 'robotomedium'; color: rgba(8,69,140,1); font-size: 2.5em;} #listingsResultsCV .fh-legend{display: none;} #listingsResultsCV .displayFieldBlock{margin: 0; padding: 0;} #listingsResultsCV .displayFieldBlock h3{text-align: left; font-size: 1.5em; background: none; border-bottom: none; margin: 0; padding: 0; } #listingsResultsCV .displayField{font-size: 1.4em; color: #333;} #listingsResultsCV .left-col{width: 50%; float: left;} #listingsResultsCV .right-col{width: 50%; float: left;} #listingsResultsCV .listingInfoCV h2{width: 100%; text-align: center;} .compProfileInfo b{font-family: 'robotomedium'; font-size: 1.6em; color: rgba(8,69,140,1); } #listingsResultsCV .descripcion h4{font-size: 1.4em; font-family: 'robotomedium'; color: rgba(8,69,140,1); } #listingsResultsCV .descripcion{font-size: 1.4em;} .listingInfo{font-size: 1.4em; padding: 5px; text-align: justify; } .listingInfo h5{font-family: 'robotoregular'; font-size: 1.8em; text-align: left;} #listingsResults .left-col ul, .right-col ul{margin: 0; padding: 0;} #listingsResults .left-col ul li, .right-col ul li{margin: 0; padding: 0; display: block; min-height: 40px; font-size: 1.2em; margin: 10px 0;} #listingsResults .left-col ul li article, .right-col ul li article {font-size: 1.2em; font-family: 'robotoregular'; color: #999;} #listingsResultsCV .left-col ul, .right-col ul{margin: 0; padding: 0;} #listingsResultsCV .left-col ul li, .right-col ul li{margin: 0; padding: 0; display: block; min-height: 40px; font-size: 1.2em; margin: 10px 0;} #listingsResultsCV .left-col ul li article, .right-col ul li article {font-size: 1.2em; font-family: 'robotoregular'; color: #999;} #listingsResults #col-narrow-left{width: 50%; float: left;} #listingsResults #col-narrow-right{width: 50%; float: left;} #listingsResults .descripcion h4{font-size: 1.8em; font-family: 'robotomedium'; color: rgba(8,69,140,1); } #listingsResults .descripcion{font-size: 1.4em;} #endResultsJobs2{ width: 100%;} #endResultsJobs2 ul.listingLinksBottom{margin: 0; padding: 0;} #endResultsJobs2 ul.listingLinksBottom li{margin: 0; padding: 0; float: left; width: 50%; height: 40px;} #endResultsJobs2 ul.listingLinksBottom li:last-child{text-align: right;} #endResultsJobs2 ul.listingLinksBottom li a{display:inline; line-height:2.8em; font-size: 1.5em; background: rgba(8,69,140,1); padding: 10px; color: #FFF; text-decoration: none;} #endResults{ width: 100%; background: #F00; height: 100px;} #endResults ul.listingLinksBottomCV{margin: 0; padding: 0;} #endResults ul.listingLinksBottomCV li{margin: 0; padding: 0; float: left; width: 50% !important; height: 40px; background: #FF0;} #endResults ul.listingLinksBottomCV li:last-child{text-align: right;} #endResults ul.listingLinksBottomCV li a{display:inline; line-height:2.8em; font-size: 1.5em; background: rgba(8,69,140,1); padding: 10px; color: #FFF; text-decoration: none;} .filtrarvacantes{} .filtrarvacantes h3{font-family: 'robotoregular'; width: 100%; color: #666; font-size: 2.5em; text-align: center; display: block; padding-bottom: 15px;} .advancedSearch{ padding: 10px; max-width: 400px; } .advancedSearch input[type=text], .advancedSearch textarea{min-width: 300px; margin:0; padding: 8px; } .advancedSearch select{width: 310px;} .advancedSearch .inputField small{font-size: 1.1em; color: #666;} .advancedSearch .inputName{font-size: 1.5em;} .advancedSearch .fieldTypeJobCategory{min-height: 200px;} .volver{display: block; width: 100%; height: 30px;} .volver ul{margin:0; padding: 0;} .volver ul li{float: left; margin: 0; padding: 0;} .volver ul li a{text-decoration: none; font-size: 1.5em; padding: 5px; display: block;} .tips {padding-top: 30px;} .tips ul{margin: 0; padding: 0;} .tips ul li{margin: 0; padding: 0; text-align: center;} .tips ul li article{ text-align: center; font-size: 1.8em; font-family: 'robotolight'; margin: 15px; line-height: 1.4em;} .tips ul li b{display: block; width: 150px; height: 150px; background: rgba(200,200,200,1); border-radius: 75px; text-align: center; margin: 0 auto; } .tips ul li b i{font-size: 8em; line-height: 1.8em; color: #FFF; } /*color: rgba(159,126,6,1); background: rgba(219,176,0,1); */ .loginCnt{width: 300px; margin: 0 auto; background: #f6f6f6; box-shadow: 0 2px 1px #ccc; padding: 10px;} .loginCnt a.usericon{display: block; width: 120px; height: 120px; background: rgba(8,69,140,1); border-radius: 60px; text-align: center; text-decoration: none; font-size: 12em; color: #FFF; overflow: hidden; line-height: 1.3em; margin: 0 auto;} .loginCnt input[type=text], .loginCnt input[type=password]{width: 200px !important; margin: 0 auto; padding: 10px; border-radius: 5px;} .loginCnt fieldset{margin: 10px 0; padding: 0;} .loginCnt input[type=submit]{width: 100%; margin: 0 auto;} .loginCnt form{margin: 0 auto; padding: 0; width: 230px;} .loginCnt .inputfieldlogin{margin: 0 auto; padding: 0;} .Iniciarsesion .bwhite{min-height: 500px; padding-top: 80px;} .MyAccount ul{margin:0; padding: 0;} .MyAccount ul li{margin: 10px 20px; padding: 0; float: left; width: 15%; min-height: 150px;} .MyAccount ul li a .icon{display: block; width: 100px; height: 100px; background: rgba(219,193,100,1); border-radius: 50px; font-size: 3.5em; text-align: center; line-height: 2em; color: rgba(129,109,31,1); margin:0 auto 10px auto; -webkit-transition: background .4s; -moz-transition: background .4s; -o-transition-property: background .4s; transition: background .4s;} .MyAccount ul li a{display:block; width: 100%; text-decoration: none; text-align: center; font-size: 1.4em;} .MyAccount ul li .PMMenu a{margin: 0; padding: 0; height: 20px; text-align: left; font-size: 1.2em;} .MyAccount ul li .PMMenu a i{color: rgba(129,109,31,1);} .MyAccount ul li a:hover .icon{background: rgba(8,69,140,1);; color: #FFF; } table.listing {width: 98%; margin: 0 auto;} table.listing tr td{margin: 0; font-size: 1.2em; font-family: 'robotoregular';} table.listing thead tr td{font-family: 'robotomedium'; font-size: 1.2em; padding: 5px 0 0 5px;} table.listing thead tr td a{text-decoration: none; color: #333;} table.listing tbody tr td{padding: 5px; border-bottom: 1px solid #CCC; background: #f1f1f1;} table.listing tbody tr:first-child td{border-top: 1px solid #CCC;} table.listing tbody tr:nth-child(odd) td{background: #FFF;} table.listing tbody tr td a{text-decoration: none;} table.listing tbody tr td a strong{text-transform: uppercase; font-size: 1.2em; color: rgba(8,69,140,1); } table.listing tbody tr td.compania i{display: block; font-size: 5em;} .login_buttons_txt{float: left; font-size: 1.2em;} a.social_login_button{ width: 32px; height: 32px; display: block; float:left; margin-left: 5px; margin-top: -6px; padding: 0px !important; vertical-align:middle; } #slb_linkedin{background: url(../social/linkedin_32x32.png) no-repeat;} #slb_facebook{background: url(../social/facebook_32x32.png) no-repeat;} #slb_google{background: url(../social/google16x16.png) no-repeat;} .registro{padding: 10px; font-size: 1.4em; font-family: 'robotoregular' !important; width: 60%; float: left; } .registro h4{font-family: 'robotoregular'; font-size: 1.6em;} .registro .inputName{ float: left; } .registro .icon-asterisk{ color: #F00; font-size: .7em; } .registro .obligatorio{ font-size: .9em; margin-bottom: 10px; } .registro fieldset{width: 300px; position: relative;} .registro .inputField{width: 100%;} .registro input[type=text],.registro input[type=password]{ min-width: 250px; border-radius: 5px; padding: 10px; } .registro select{ width: 100%; } .registro .instruction{ position: absolute; right: -40px; top:26px; display: inline; text-align: center; background: rgba(206,240,201,1); border-radius: 12px; line-height: 1.7em;} .registro .instruction .instr_block{ position: absolute;top: 12px; left: 20px; min-width: 250px; background: rgba(206,240,201,1); padding: 5px 0 0 10px; border-radius: 10px; display: none;} .registro .instruction .instr_cont{ font-size: .9em; text-align: left;} div.error{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); color: #a94442; padding: 5px; border:1px solid #dca7a7; margin: 2px; border-radius: 5px;} div.error b{font-family: 'robotobold';} .instruction .instr_icon{ float:left; height:24px; width:24px; } .publicaVacante{padding: 10px; font-size: 1.4em; font-family: 'robotoregular' !important; } .publicaVacante h4{font-family: 'robotoregular'; font-size: 1.6em;} .publicaVacante .inputName{ float: left; } .publicaVacante .icon-asterisk{ color: #F00; font-size: .7em; } .publicaVacante .obligatorio{ font-size: .9em; margin-bottom: 10px; } .publicaVacante fieldset{width: 300px; position: relative; margin: 10px 0;} .publicaVacante fieldset input[type=text]{width: 200px;} .publicaVacante fieldset select{width: 200px;} .publicaVacante .inputField{width: 100%;} .publicaVacante input[type=text],.registro input[type=password]{ min-width: 250px; border-radius: 5px; padding: 10px; } .publicaVacante select{ width: 100%; } .publicaVacante .instruction{ position: absolute; right: -40px; top:26px; display: inline; text-align: center; background: rgba(206,240,201,1); border-radius: 12px; line-height: 1.7em;} .publicaVacante .instruction .instr_block{ position: absolute;top: 12px; left: 20px; min-width: 250px; background: rgba(206,240,201,1); padding: 5px 0 0 10px; border-radius: 10px; display: none;} .publicaVacante .instruction .instr_cont{ font-size: .9em; text-align: left;} .publicaVacante table{width: 100% !important;} .publicaVacante table tr td{min-width: 200px; vertical-align: top;} .registro .inline{} .login-social{float: right; width: 35%;} .login-social h5{font-family: 'robotoregular';} /* BROWSE BY COMPANY */ .abc h5{font-family: 'robotoregular'; padding: 5px 0 0 8px; font-size: 1.4em;} .abc ul{ margin: 0 0 0 8px; padding: 0 } .abc ul li{ margin: 0; padding: 0; float: left; } .abc ul li a{text-decoration: none; display: block; width: 30px; height: 30px; background: rgba(219,193,100,1); border-radius: 3px; text-align: center; font-family: 'robotomedium'; margin: 3px 4px 3px 0; font-size: 1.4em; line-height: 2.2em; color: rgba(129,109,31,1);} .abc ul li a:hover{background: rgba(129,109,31,1); color: #FFF;} .padded{padding: 5px;} .companiasearch{font-size: 1.2em;} .companiasearch select{min-width: 200px;} .companiasearch ul{margin: 0; padding: 0;} .companiasearch ul li{float: left; display: block; width: 25%;} .companiasearch ul li input[type="text"]{width: 200px;} .companiasearch .quickSearchInputButton{} .compLogo img{width: 150px;float: left;} .escogeGrupo{min-height: 350px;} .escogeGrupo ul{margin: 0; padding: 0;} .escogeGrupo ul li{margin: 0; padding: 20px 0; text-align: center;} .escogeGrupo ul li b{ font-size: 2em;} .escogeGrupo ul li a{font-size: 2em; display: block; text-decoration: none; margin-bottom: 10px;} .escogeGrupo ul li a i{font-size:8em; display: block; width: 150px; height: 150px; margin: 0 auto; border-radius: 75px; background: #e6e6e6; overflow: hidden; line-height: 1.1em;} .registrosabias h5{font-family: 'robotomedium'; font-size: 2.5em; color: rgba(8,69,140,1); padding: 10px; line-height: 1.5em;} .logo-compania{float: left;} .userInfo h4{font-family: 'robotobold'; color: #333; font-size: 3em;} .userInfo .detalles{/*background: rgba(241,241,241,1);*/ min-height: 150px; padding-top: 20px;} .userInfo .detalles ul{margin: 0; padding: 0;} .userInfo .detalles ul li{margin: 5px 0 0 10px; padding: 5px; font-size: 1.2em; font-family: 'robotoregular';} .btn{background: rgba(49,107,168,1); color: #FFF !important; font-family: 'robotoregular' !important; text-align: center; min-width: 100px;} .btn:hover{background: rgba(8,69,140,1) !important;} .btn-cancel{background: #ccc; font-family: 'robotoregular' !important; text-align: center;} /* MIS CV'S */ .results table{width: 98%; margin: 0 auto;} .results table thead tr td{padding: 5px 2px; font-family: 'robotomedium'; font-size: 1.2em;} .results table thead tr td a{text-decoration: none;} .results table tbody tr td{padding: 5px 2px; font-size: 1.2em;} .results table tbody tr.evenrow td{vertical-align: middle; background: #f1f1f1;} .results table tbody tr.evenrow:nth-child(2){border-bottom: 1px solid #ccc;} .results table tbody tr td a{text-decoration: none;} .results table tbody tr td a:hover strong{text-decoration:underline;} .results table tbody tr td a strong{color: rgba(8,69,140,1); font-size: 1.2em;} .results table tbody tr td ul{margin: 0; padding: 0;} .results table tbody tr td ul li{margin: 0; padding: 0; float: left;} .results table tbody tr td ul li a{padding: 0 4px;} .results table tbody tr td ul li a:hover{text-decoration: underline;} .evenodd table tbody tr.ultimo td{border-bottom: 1px solid #ccc;} .mintexto table tbody tr td{font-size: 1.1em; padding: 5px 4px; text-align: left;} .mintexto table tbody tr td b{font-family: 'robotomedium'; font-size: 1.1em;} .mintexto table tbody tr td a{font-size: 1em;} .mintexto table tbody tr td a.JobTittleSR{font-family: 'robotolight';} .acciones{margin: 0; padding: 0; width: 98%; margin: 0 auto; text-align: right;} .agregalistado{padding: 5px;} .filtrarcv{margin: 0; padding: 0;} .filtrarcv form{margin: 0; padding: 0;} .filtrarcv form input[type=text]{margin: 0; width: 95% !important;} /* JOBS APPLIED */ .jobsapply table{width: 98%; margin: 0 auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} .jobsapply table thead tr td{ font-family: 'robotomedium'; font-size: 1.2em; border-bottom: 1px solid #ccc;} .jobsapply table thead tr td a{text-decoration: none;} .jobsapply table tbody tr td{ font-size: 1.2em;} .jobsapply table tbody tr.secondrow td{border-bottom: 1px solid #ccc; background: rgba(251,251,251,1);} .jobsapply table tbody tr td a{text-decoration: none;} .jobsapply table tbody tr td a:hover strong{text-decoration:underline;} .jobsapply table tbody tr td a strong{color: rgba(8,69,140,1); font-size: 1.2em;} .jobsapply table tbody tr td ul{margin: 0; padding: 0;} .jobsapply table tbody tr td ul li{margin: 0; padding: 0; float: left;} .jobsapply table tbody tr td ul li a{padding: 0 4px;} .jobsapply table tbody tr td ul li a:hover{text-decoration: underline;} /* MY NOTIFICATIONS */ .notify ul li{display: block; height: 30px; vertical-align: middle; font-size: 1.2em; font-family: 'robotoregular';} .notify input[type=checkbox],.notify input[type=text]{display: inline; float: left;} .notify input[type=text]{margin: 0; padding: 4px;} .nofity ul li .exp{float: left;} .message{width: 100%; text-align: center; font-size: 1.6em;} small{font-size: .9em;} .fieldTypeJobCategory{min-height: 300px; max-width: 290px;} #search_form fieldset{margin: 0; padding: 0;} #search_form .searchString{min-width: 280px;} .menuprivate{float: right;} .menuprivate ul{margin: 0; padding: 0;} .menuprivate ul li{margin: 0 10px 0 0; padding: 0; float: left; font-size: 1.4em;} .menuprivate ul li a{text-decoration: none; color: rgba(5,64,130,1);} .menuprivate ul li a:hover{color: #999;} #pmDetails{font-size: 1.4em; width: 90%; margin: 0 auto;} .addjobalert fieldset{margin: 0; padding: 0;} fieldset.w2{width: 200px;} fieldset.w3{width: 320px;} fieldset.w4{width: 380px;} fieldset.dispinline input{display: inline;} fieldset.floatleft input{flot:left;} .addjobalert fieldset{margin: 8px 0;} .addjobalert fieldset input{margin: 0;} .addjobalert .inputName{font-size: 1.2em; color: #999; font-family: 'robotomedium';} .searchGeoLocation{float: right;} .resume ul li{} .resume ul li a{ fdisplay:block; text-decoration: none; font-family: 'robotomedium'; background: #f5f5f5; color: #777; height: 30px; padding: 0 10px; font-size: 1.2em; line-height: 2.6em;} input.hasDatepicker{float: left;} #complexFields_Education{border-bottom: 1px solid #ccc; background: rgba(251,251,251,1); min-width: 350px; margin-bottom: 40px; margin-top: 10px; box-shadow: 0px 0px 2px #ccc;} #complexFields_WorkExperience{border-bottom: 1px solid #ccc; background: rgba(251,251,251,1); min-width: 600px; margin-bottom: 40px; margin-top: 10px; box-shadow: 0px 0px 2px #ccc;} .steps{display: block; width: 100%; height: 80px;} .steps ul{margin:0; padding: 0;} .steps ul li{display: block; width: 306px; height: 80px; float: left; margin-right: 10px; background: #F00; font-size: 2em; line-height: 4em; text-align: center; background: rgba(241,241,241,1);} .steps ul li:last-child{width:308px; margin-right: 0px;} .searchform{max-width: 400px;} .newsItems {min-height:460px; position: relative; margin: 0 0 20px 0;} .newsItems article{width: 98%; margin: 0 auto;} .newsItems a {text-decoration: none; color: #555; display: block; } .newsItems h3{background: none; line-height: 1.5em; margin: 0; padding: 0; font-size: 1.6em; min-height: 50px; font-family: 'robotomedium'; background: rgba(245,245,245,1); } .newsItems img{display: block; width: 100%;} .newsPreview {width: 98%; margin: 10px auto 0 auto; min-height: 70px; color: #666;} .newsPreview small{float: left;} .newsPreview .readmore{ position: absolute; bottom: 0; width: 98%;} .newsPreview .readmore p {margin: 0;} @media screen and (-webkit-min-device-pixel-ratio:0) { .sel select {padding-right:18px} } /* #Page Styles ================================================== */ /* #Media Queries ================================================== */ @media only screen and (min-width: 1280px){ .noticias { min-height: 590px; } .noticias .contenido-noticia { width: 100%; height: 338px; background: #FFF; } .noticias .contenido-noticia .imagen-noticia { width: 100%; height: 238px; position: relative; } .noticias .contenido-noticia .imagen-noticia img { width: 100%; } .noticias .contenido-noticia .imagen-noticia .vermas { position: absolute; top: 0; left: 0; width: 100%; height: 238px; background: rgba(10,10,10,.7); color: #FFF; font-family: 'robotolight'; text-align: center; font-size: 1.2em; visibility: none; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .noticias .contenido-noticia .imagen-noticia .icono { width: 50px; height: 80px; position: absolute; top: 40%; left: 50%; margin-left: -25px; margin-top: -40px; } .noticias .contenido-noticia .imagen-noticia .vermas i { display: block; width: 50px; height: 50px; background: rgba(255,204,0,1); border-radius: 25px; text-align: center; line-height: 2em; font-size: 2.3em; color: #333; } .noticias .contenido-noticia .descripcion-noticia { height: 100px; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { nav section.container{width: 100%;} nav .logo { width: 200px; margin-right: 5px; margin-left: 10px; } nav .logo a { width: 200px; background: url(../logo.png) no-repeat 0 15px; background-size: 100%; } nav #topMenu { float: left; min-width: 100px; margin-right: 5px;} nav #topMenu ul li a { font-size: 1.3em; line-height: 5.8em; padding: 0 12px;} nav .userMenu { margin-right: 10px; float: right; } nav .userMenu ul li { padding: 0 2px; } nav .userMenu ul li a { padding: 8px; margin: 0; font-size: 1.1em; line-height: 6.8em; } nav .Language { width: 50px; float: right; } nav .Language .content-language { width: 70px; } nav .Language select { width: 30px; } .titulos { top: 35%; min-height: 400px; } .titulos ul#news-main { min-height: 130px; } .slides-navigation a.prev { left: 2%; } .slides-navigation a.next { right: 2%; } .atencion-clientes h2 { font-size: 10.5em;} .atencion-clientes .titulo-atencion { width: 750px; margin: 0 auto; } .atencion-clientes .chica-atencion { position: absolute; top: 74px; left: 200px; } .noticias .contenido-noticia { height: 225px; } .noticias .contenido-noticia .imagen-noticia { height: 125px; } .noticias .contenido-noticia .imagen-noticia .vermas { height: 137px; } .bx-wrapper .bx-prev { left: 0px; background: url(../controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 0px; background: url(../controls.png) no-repeat -43px -32px; } footer.main {min-height: 320px;} footer { } footer .version-movil h3, .version-movil h4, .version-movil h5 { padding-left: 100px; } footer .version-movil h3 { padding-top: 0; } footer .describe-app { padding-left: 0px; padding-top: 25px; } footer .version-movil .iphone { left:0; width: 75px; height: 169px; background: url(../iphone.png) no-repeat; background-size: 100%; } footer .version-movil .android { width: 60px; height: 136px; background: url(../android.png) no-repeat; background-size: 100%; } footer ul.redes li { margin: 0 5px 0 0; padding: 0; float: left; } footer ul.redes li a { font-size:2em; line-height:2.1em; width: 40px; height: 40px; background: #666; border-radius: 3px; color: #000 !important;} footer .terminos .logo-footer { font-size: 1em; line-height: 4em; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #movil-icon-menu { width: 75px; height: 74px; display: block; position: absolute; top: 0; left: 0; z-index: 11; } #movil-icon-menu a { text-decoration: none; font-size: 3.5em; display: block; width: 75px; height: 75px; line-height: 2.2em; text-align: center; } #movil-icon-menu a:hover { color: #ccc; background: #333; } #main-menu { display: none; } .titulos { top: 30%; min-height: 400px; } .titulos p { font-size: 2.6em; color: #FFF; padding: 0 0 10px 0; font-family: 'robotoitalic'; } .titulos ul#news-main { min-height: 60px; } .titulos .separador{margin: 50px auto 30px auto;} .titulos h1 { text-align: center; font-size: 4.5em; text-transform: uppercase; font-family: 'overpass'; color: #FFF; } .close-menu-movil { visibility:visible;} nav .logo { width: 100%; height: 75px; float: left; margin-right: 0px; } nav .logo a { display: block; width: 100%; height: 75px; background: url(../logo.png) no-repeat 85px 10px; } .titulos article { width:300px; } .usuarios .cantidad-usuarios { width: 300px; margin: 0 auto; text-align: center; padding-top: 75px; } .estadisticas .empleos-estadisticas {width: 280px;} .atencion-clientes .titulo-atencion { width: 280px; margin: 0 auto; } .atencion-clientes .chica-atencion { position: absolute; top: 144px; left: 0px; width: 150px; height: 207px; background: url(../chica-atencion.png) no-repeat; background-size: 100%; } .atencion-clientes h2 { font-size: 5.5em; text-align: right; line-height: 1em; margin: 20px 0 20px 0;} .atencion-clientes h5 { font-size: 2.8em; text-align: right; color: #FFF !important; } .atencion-clientes h6 {font-size: 1.2em; text-align: right; padding-left: 30px;} .slides-navigation a.prev { display: none; } .slides-navigation a.next { display: none;} .noticias .titulo-noticias { width: 300px; margin: 0 auto; text-align: center; padding-top: 75px; } .bx-wrapper .bx-prev { left: 0px; background: url(../controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 0px; background: url(../controls.png) no-repeat -43px -32px; } footer.main {min-height: 600px;} footer { } footer .terminos ul{display: none;} footer .terminos .logo-footer{font-size: 1.1em;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { nav .logo { width: 200px; height: 75px; float: left; margin-right: 0px; margin-left: 70px;} nav .logo a { display: block; width: 100%; height: 75px; background: url(../logo.png) no-repeat 0px 15px; background-size: 100%; } } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ @font-face { font-family: 'robotoregular'; src: url('fonts/roboto_regular/Roboto-Regular-webfont.eot'); src: url('fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_regular/Roboto-Regular-webfont.woff') format('woff'), url('fonts/roboto_regular/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/roboto_regular/Roboto-Regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('fonts/roboto_medium/Roboto-Medium-webfont.eot'); src: url('fonts/roboto_medium/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_medium/Roboto-Medium-webfont.woff') format('woff'), url('fonts/roboto_medium/Roboto-Medium-webfont.ttf') format('truetype'), url('fonts/roboto_medium/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoitalic'; src: url('fonts/roboto_italic/Roboto-Italic-webfont.eot'); src: url('fonts/roboto_italic/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_italic/Roboto-Italic-webfont.woff') format('woff'), url('fonts/roboto_italic/Roboto-Italic-webfont.ttf') format('truetype'), url('fonts/roboto_italic/Roboto-Italic-webfont.svg#robotoitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotolight'; src: url('fonts/roboto_light/Roboto-Light-webfont.eot'); src: url('fonts/roboto_light/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_light/Roboto-Light-webfont.woff') format('woff'), url('fonts/roboto_light/Roboto-Light-webfont.ttf') format('truetype'), url('fonts/roboto_light/Roboto-Light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold'; src: url('fonts/roboto_bold/Roboto-Bold-webfont.eot'); src: url('fonts/roboto_bold/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_bold/Roboto-Bold-webfont.woff') format('woff'), url('fonts/roboto_bold/Roboto-Bold-webfont.ttf') format('truetype'), url('fonts/roboto_bold/Roboto-Bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas'; src: url('fonts/bebas/BEBAS-webfont.eot'); src: url('fonts/bebas/BEBAS-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebas/BEBAS-webfont.woff') format('woff'), url('fonts/bebas/BEBAS-webfont.ttf') format('truetype'), url('fonts/bebas/BEBAS-webfont.svg#bebas') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'overpass'; src: url('fonts/overpass/Overpass_Bold.eot'); src: url('fonts/overpass/Overpass_Bold.eot?#iefix') format('embedded-opentype'), url('fonts/overpass/Overpass_Bold.woff') format('woff'), url('fonts/overpass/Overpass_Bold.ttf') format('truetype'), url('fonts/overpass/Overpass_Bold.svg#overpass') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'custom'; src:url('fonts/custom/icomoon.eot?-6e6gb7'); src:url('fonts/custom/icomoon.eot?#iefix-6e6gb7') format('embedded-opentype'), url('fonts/custom/icomoon.woff?-6e6gb7') format('woff'), url('fonts/custom/icomoon.ttf?-6e6gb7') format('truetype'), url('fonts/custom/icomoon.svg?-6e6gb7#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="customicon-"], [class*="customicon-"] { font-family: 'custom'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .customicon-flickr:before { content: "\e600"; } .customicon-html5:before { content: "\e601"; } .customicon-css3:before { content: "\e602"; } .customicon-share:before { content: "\e603"; } .customicon-arrow-right:before { content: "\e604"; } .customicon-arrow-left:before { content: "\e605"; } .customicon-connection:before { content: "\e606"; } .customicon-wordpress:before { content: "\e607"; } .customicon-logo:before { content: "\e608"; } .customicon-candidato:before { content: "\e609"; } .customicon-empresa:before { content: "\e60a"; } .customicon-binoculares:before { content: "\e60b"; }