@charset "utf-8";
/* CSS Document */
* {margin:0px;padding:0px;}

@font-face {
    font-family: 'humanst521_lt_btlight_italic';
    src: url('../fonts/human521-1-webfont.eot');
    src: url('../fonts/human521-1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/human521-1-webfont.woff') format('woff'),
         url('../fonts/human521-1-webfont.ttf') format('truetype'),
         url('../fonts/human521-1-webfont.svg#humanst521_lt_btlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'humanst521_lt_btlight';
    src: url('../fonts/human521-2-webfont.eot');
    src: url('../fonts/human521-2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/human521-2-webfont.woff') format('woff'),
         url('../fonts/human521-2-webfont.ttf') format('truetype'),
         url('../fonts/human521-2-webfont.svg#humanst521_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{background:#fff url(../images/bg/bg-contenedor.jpg); text-align:left;  color:#000; font-family: 'humanst521_lt_btlight'; font-size:15px; margin:0px; border-top:#0c0c0c 20px solid;}

img{ border:0}
a{ text-decoration:none; color:#000}
a:hover{ text-decoration:underline}
ul, li, p { list-style:none; padding:0px; margin:0px}

h1 { font:13px Arial, Helvetica, clean, sans-serif;}
h2 { font:12px Arial, Helvetica, clean, sans-serif; margin:0 0 5px 0; padding:0px; font-weight:normal}
h3 { color:#010101; font:16px Helvetica, sans-serif; margin:0 0 15px 0; padding:0px; font-weight:normal; width:400px; }
h4 { font:12px Arial, Helvetica, clean, sans-serif; margin:0 0 10px 0; padding-bottom:5px; color:#242424; font-weight:normal; border-bottom:#828282 1px dotted}
h5 { font:17px Arial, Helvetica, clean, sans-serif; font-weight:lighter; border-bottom:#828282 1px dotted; padding-bottom:6px; margin-bottom:10px; color:#383838; text-transform:uppercase; letter-spacing:1px}

.logo {padding:35px 0 0 294px; position:relative; margin:0 auto}

#idioma { position:relative; width:100%; background:#0c0c0c; height:20px; float:left;}
.idioma-content { width:0px; position:relative; margin:0 auto; display:none; visibility:hidden}
.idioma-content a{ margin:0 7px 0 7px; color:#FFF}
.idioma-content a.selected{ font-weight:bold}

a.facebook { background:url(../images/btn-facebook.jpg) top; width:13px; height:13px; display:block; text-indent:-9999px; position:absolute; right:18px; top:1px}
a.facebook:hover { background-position:bottom}
a.linkedin { background:url(../images/btn-linkedin.jpg) left bottom no-repeat; width:13px; height:13px; display:block; padding-left:16px; margin-top:-24px; color:#FFF; margin-bottom:10px}
a.linkedin:hover { background-position:bottom left}
.tiempo { position:absolute; color:#fff; left:10px; top:3px;}
.tiempo span { font-family:10px Georgia, "Times New Roman", Times, serif; padding-right:2px}
.links-der { position:absolute; right:0px; top:2px; width:180px; color:#FFF}

#contenedor {  width:100%; position:relative; float:left; margin:0 auto;}
.contenedor-content {  width:934px; margin:0 auto; position:relative}

/*background:url(../images/bg/bg-contenedor.jpg);-moz-box-shadow:0 0 10px #000; -webkit-box-shadow: 0 0 10px #000;box-shadow:0 0 10px #000;*/

#contenedor-splash { background:url(../images/bg/bg-contenedor.jpg); width:1140px; height:1000px; margin:0 auto; position:relative; overflow:auto}
#contenedor-splash img { margin:260px 0 0 410px}
.links { position:absolute; top:410px; font-size:14px; width:1140px; text-align:center}
.links a{ margin:0 20px 0 20px; padding:5px 7px 5px 7px}
.links a:hover{color:#fff; background:#aeaeae;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none}

.header { position:relative; float:left; height:290px}
#thephoto { visibility:hidden}

#home ul.botonera li a.home {color:#fff; background:#aeaeae;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none}
#services ul.botonera li a.services {color:#fff; background:#aeaeae;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none}
#about-us ul.botonera li a.about-us {color:#fff; background:#aeaeae;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none}
#location ul.botonera li a.location {color:#fff; background:#aeaeae;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none}
#contact-us ul.botonera li a.contact-us {color:#fff; background:#aeaeae;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none}
#candidates ul.botonera li a.candidates {color:#fff; background:#aeaeae;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none}
#clients ul.botonera li a.clients {color:#fff; background:#aeaeae;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none}

ul.botonera {padding:44px 0 11px 121px; position:relative; float:left;}
ul.botonera li { float:left; position:relative; margin-right:63px}
ul.botonera li a {color:#010101; font:14px Helvetica, sans-serif; padding:4px 6px 4px 6px}
ul.botonera li a:hover {color:#fff; background:#aeaeae;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none}

.contenido {background:url(../images/bg/bg-contenido.png); position:relative; float:left; width:900px; padding:30px 0 90px 34px}
.contenido .left { width:206px; float:left; position:relative; padding:0 30px 0 25px; color:#232323 }
.contenido .left span { margin:0 0 -10px -26px;background:url(../images/span.png); width:16px; height:14px; display:block}
.contenido .left span.span-2 { margin:-16px 0 0 0;background:url(../images/span-2.png); width:16px; height:14px; display:block; float:right}

.contenido .left ul { text-align:right; font:12px Georgia, "Times New Roman", Times, serif; margin-top:36px}
.contenido .left ul li {margin-bottom:14px}
.contenido .left ul li a{ padding:4px 7px 4px 7px; margin-bottom:14px;}
.contenido .left ul li a.selected{ background:#c3c3c3}

.links-2 { font:13px Georgia, "Times New Roman", Times, serif; font-weight:bold; position:absolute; left:122px; bottom:30px}
.links-2 li {float:left; position:relative;}
.links-2 li a{ color:#000; position:relative; float:right;background:#d8d8d8 url(../images/flecha-link.png) right no-repeat; margin:0 24px 0 0; padding:9px 24px 9px 9px; font:Georgia, "Times New Roman", Times, serif; font-style:italic;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.links-2 a:hover{ background:#c2c2c2 url(../images/flecha-link.png) right no-repeat;text-decoration:none}
.links-2 li a.selected{ background:#c2c2c2}

.contenido .right { float:left; position:relative; margin-left:87px; width:700px; line-height:20px}
.contenido .right-contact { float:left; position:relative; padding-left:30px; width:520px;border-left:#cdcdcd 1px solid;}

ul.news { position:relative; float:left;  line-height:17px; clear:both; width:100%}
ul.news li { position:relative; float:left; margin:0 27px 27px 0;}
ul.news li a{ width:276px; background:#d8d8d8; padding:30px; display:block; font:18px Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:22px; height:90px}
ul.news li a:hover{ background:#cecece; text-decoration:none}

a.more-news { color:#000; position:relative; float:right;background:#d8d8d8; margin:0 24px 0 0; padding:7px; font:Georgia, "Times New Roman", Times, serif; font-style:italic}
a.more-news:hover { background:#c2c2c2; text-decoration:none}


/* FOOTER =============================================================================== */

#footer { background:#0c0c0c; height:120px; width:100%; position:relative; float:left; padding:50px 0 30px 0 ; }
#footer .content { width:950px; margin:0 auto; color:#e1e1e1; position:relative; padding-left:50px}
#footer .content span{ font-size:10px; margin:0 0 0 7px;}

ul.botonera-footer { position:relative; float:left; margin:0 0 22px 0}
ul.botonera-footer li { float:left; position:relative; margin-right:6px;}
ul.botonera-footer li a {color:#e1e1e1; font:10px Helvetica, sans-serif;padding:3px 5px 3px 5px}
ul.botonera-footer li a:hover {color:#000; background:#d1d1d1;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none}
ul.botonera-footer li ul li { position:relative; float:none; margin:10px 0 0 5px}
ul.botonera-footer li ul li a{ position:relative; font-size:9px;}

#footer .left { width:570px; position:relative; float:left}
#footer .right { border-left:#828282 1px solid; position:relative; float:left; padding-left:40px;}
#footer .right img { margin-bottom:-7px}

ul.position { position:relative; float:left; margin-top:0px}
ul.position li{ position:relative; float:left; width:296px; margin:0 10px 20px 10px;background:#d8d8d8; padding:16px;}
ul.position-completo { position:relative; float:left; margin:0 0 20px 0;background:#d8d8d8; padding:8px 0 8px 0; width:700px}
ul.position-completo li{ position:relative; float:left; width:305px; margin:0;background:#d8d8d8; padding:8px 16px 8px 16px;}




.fullwidth { width:100%; position:relative; float:left; margin-top:0px}
ul.team { width:380px; position:relative; float:left; margin-left:30px}
ul.team li{position:relative; float:left; width:370px; line-height:21px; text-align:center}
ul.team li p{text-align:left}
ul.team li img{margin:16px}
ul.team li.image{ width:130px; padding-top:43px}
ul.team li h5 { font:17px Arial, Helvetica, clean, sans-serif; font-weight:lighter; border-bottom:#828282 1px dotted; padding-bottom:6px; margin-bottom:10px; color:#383838; text-transform:uppercase; letter-spacing:1px}

iframe {-moz-box-shadow:0 0 4px #1b1b1b; -webkit-box-shadow: 0 0 4px #1b1b1b;box-shadow:0 0 4px #1b1b1b; width:560px; height:290px; border:none}

a.btn-back { color:#000; position:relative; float:left; margin:30px 0 0 0; padding:4px 6px 4px 12px; font:Georgia, "Times New Roman", Times, serif; font-style:italic; background:#d8d8d8 url(../images/btn-back.png) no-repeat 4px; clear:both}
a.btn-back:hover { background:#c2c2c2 url(../images/btn-back.png) no-repeat 4px;; text-decoration:none}

input { width:250px; height:20px; border:none; margin-bottom:15px; font-size:10px; color:#696969}
textarea { width:250px; height:160px; border:none; font-size:10px; color:#696969; position:absolute; right:0px; top:0px; font:10px Arial, Helvetica, sans-serif; padding-left:1px}
span.radio { position:absolute; right:60px; top:0px}
span.radio input{ width:20px; height:13px; margin-left:20px; margin-top:0px}
label { float:right}



.buttonSubmit { color:#000; position:relative; float:right; padding:4px 6px 4px 6px; font:Georgia, "Times New Roman", Times, serif; font-style:italic; width:54px; margin-right:7px;background:#d8d8d8; cursor:pointer}
.buttonReset { color:#000; position:relative; float:right; padding:4px 6px 4px 6px; font:Georgia, "Times New Roman", Times, serif; font-style:italic; width:54px;background:#d8d8d8; cursor:pointer;}
.buttonSubmit:hover {background:#c2c2c2; text-decoration:none}
.buttonReset:hover {background:#c2c2c2; text-decoration:none}

ul.ul-candidates li { width:100%; margin-bottom:10px; background:url(../images/bg/bg-li.png) no-repeat left; padding-left:13px}

.imagen-completa { position:absolute; top:16px; left:81px}