body {
    margin: 0;
    font-family: Font-Family5;
}

*
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a {
    color: #ff6300;
}
.triberio, .triberio2 { 
  vertical-align: middle; 
  padding: 13px;  
}

.pakuRGeent1 {
	background-color: yellow;
	padding: 12px 12px 12px 42px;
	border-radius: 5px;
	box-shadow: 0px 1px 3px #bbb;
    background-image: url("http://tecontacto.com.mx/images/urgente-pa.png");
    background-repeat: no-repeat;
    background-position: center left 6px;
    width: 255px;
}

.SPTM{background-image: url("http://tecontacto.com.mx/images/direccion.png");}
.SPTM2{background-image: url("http://tecontacto.com.mx/images/referencias.png");}

.SPTM, .SPTM2{background-image: url("http://tecontacto.com.mx/images/referencias.png");}


.cabecitta {
    font-weight: bolder;
    padding: 12px 12px;
    background: 
    #ececec;
}


.tabli1, .tabli2, .tabli3, .tabli4 {
    display: inline-block;
    width: 24%;
    vertical-align: top;

}

.lacantida {

    padding: 13px;

}


#llegoLaHora{display: block;}
#llegoLaHora2{display: none;}



.Envoltui1 {
    width: 45%;
    display: inline-block;
    margin-top: 22px;
    padding: 5px 25px;
    background-size: 18px;
    background-position: top left;
    background-repeat: no-repeat;
    vertical-align: top;
}

.Envoltui1.Envoltuia{
    background-image: url("http://tecontacto.com.mx/images/nap2.png");
}


.Envoltui1.Envoltuib{
    background-image: url("http://tecontacto.com.mx/images/tag.png");
}


.triberio {
    width: 30%;
    display: inline-block;

}
.akavoYiorando {
    background-image: url("/img/cronos.png");
    background-color: #00b33c;
    border: none;
    border-radius: 8px;
    height: 50px;
    text-align: center;
    display: block;
    width: 290px;
    margin-top: 25px !important;
    padding: 15px 0px 27px 0px !important;
    background-repeat: no-repeat;
    background-position: center left 12px;
    color: white;
    text-decoration: navajowhite;
}
.contenidoEmplead.tamanoStandar{
    padding-bottom: 70px; box-shadow: 0 4px 6px -2px rgb(220, 220, 220); margin-bottom: 10px;
}

.triberio2 {
    display: inline-block;
    width: 9%;
}

.contenidoEmpleado.tamanoStandar{

padding-bottom: 70px; box-shadow: 0 4px 6px -2px rgb(220, 220, 220); margin-bottom: 10px;

}


.elTelesforo {

    padding-left: 22px !important;

}

.triberio label {
    display: block;
    width: 100%;
}

.triberio input, .triberio #ContentPlaceHolder1_ddlEstados, .triberio #ContentPlaceHolder1_ddlMunicipios {
    width: 100% !important;
    font-size: 16px;
    padding: 11px;
    height: unset !important;
    min-height: unset !important;
}
.encabezadoResposive
{
    display: none;
}

.triberio2 #ContentPlaceHolder1_btnBuscar {

    padding: 9px !important;
    width: 100%;
    color: transparent;
    background-image: url("http://tecontacto.com.mx/images/buscar.png");
    background-position: center;
    background-repeat: no-repeat;
background-size: 31px;
    margin: 17px 0 0 0 !important;
    height: 48px;

}

#ContentPlaceHolder1_txbUsuario {
    background: #041420;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-image: none;
        background-size: auto;
    padding: 12px;
    border-bottom: 1px solid #389cd5 !important;
    border-radius: 5px;
}


.imayinoldepipol, .imayinoldepipol2{
    display: inline-block !important;
    vertical-align: top !important;
}


.Culumnatta1, .Culumnatta2 {
    display: inline-block;
    vertical-align: top;
    min-height: 331px;
}

.Culumnatta1 {
    width: 34%;
    margin-right: -4px;
        background: #173844;
}

.Culumnatta2 {
    background: #0397b0;
    margin-bottom: 79px;
    width: 66%;
}

.divUserius input {
    width: 100% !important;
}

.divsDatos {
    color: white;
    grid-gap: 10px;
    grid-template-columns: 15% 80%;
    padding: 20px;
    width: 33%;
    display: inline-block;
}


.imayinoldepipol2 {

    width: 65%;
    padding-left: 1%;

}

.imayinoldepipol {
width: 33%;
}


.divUserius {

    padding: 20px;
}

.ayuda.azul {
    margin: 0;
    padding: 0;
}

.yoLaVedaSoyCurrante {
    color: rgb(3, 60, 112);
    font-family: Font-Family2;
    font-style: italic;
    height: 100%;
    text-align: center;
    padding: 37px 0;
}

.yoLaVedaSoyCurrante h1 {
    font-size: 95px;
    margin: 0 !important;
}
.buttonEmpleador.bailaComoElPapu {
    height: unset !important;
    padding: 25px 25px 25px 59px;
    font-size: 21px;
    text-align: left;
    max-width: 372px;
    background-size: 47px;
    color: #01457b;
}
.yoLaVedaSoyCurrante h4 {

    font-size: 64px;
    margin: 0 !important;

}

.tropicales {
    max-width: 500px;
}

.noLaboSERrUIUD_1, .noLaboSERrUIUD_2 {
    display: inline-block;
    vertical-align: top;
}

#iDosJobs {
    width: 90px;
    margin-right: 21px;
    border-radius: 12px;
    border: 15px solid #ffeb01;
}


.error {

    color: #331b1b;
    font-family: Font-Family5;
    margin-left: 12%;
    background-color: #ffdca6;
    padding: 10px 10px 10px 32px;
    display: block;
    background-image: url("http://tecontacto.com.mx/images/iconEroor.png");
    background-size: 30px;
    background-repeat: no-repeat;
    border-radius: 6px;
    box-shadow: 0px 0px 3px #e3d57d;
    border: 1px solid white;
    background-position: left center;
    font-size: 17px;

}

img{
    max-width: 100%;
}

.titukloi {
    width: 14%;
    margin-right: 11px;
    text-align: left !important;
}
.titukloi2 {

    width: 80%;

}
.titukloi, .titukloi2 {

    display: inline-block;
    vertical-align: top;

}

.divEstades {
    background: #003c6e;
    padding: 27px 18px;
}


.columna019 {
    width: 60%;
    display: inline-block;
    padding: 0 4% 0;
}

.envoltHead {
    display: block;
    clear: both;
    width: 100%;
    background: #003c6e;
}


#divOpciones {
    float: right;
    clear: both !important;
}

#home {

    min-height: 500px;
    overflow: hidden;
    width: 100%;

}

#menu {

    height: 72px;

}
.pUrgente.azul {
    padding: 0 0px 00 8px;
}
.ya.azul {
    margin-top: 82px;
}


.amarillo.pocomasgrande {
    font-size: 54px;
}

#imgMujerUrgente {

    width: 282px;
    margin: 0 0px 0 29px;

}

.nebuloso2 {
    background-image: url("http://tecontacto.com.mx/images/trabajandoArquitec.png");
}

.empleadoreCover {
    background-color: #014917;
    background-image: url("http://tecontacto.com.mx/images/office.jpg");
    background-size: auto 100% !important;
    background-position: right;
    background-repeat: no-repeat;
}

.btnEnviar {

    background-color: #074775;
    border: none;
    border-radius: 8px;
    font-family: Font-Family5;
    font-weight: bold;
    font-size: 20px;
    grid-column-start: 3;
    grid-column-end: 4;
    margin: 10px 0 10px 10%;
    text-align: left;
    padding: 17px 17px 17px 54px;
    background-image: url("http://tecontacto.com.mx/images/flechitaBlanca.png");
    background-repeat: no-repeat;
    background-position: center left 13px;
    width: 125px;

}

.nebuloso2{

}

.nebuloso2 {


    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right;


}
.amarilloCheck {
    padding: 0;
}
.amarilloCheck li {
    font-family: Font-Family5;
    line-height: 1.9;
    background-image: url("http://tecontacto.com.mx/images/checkAmarillo.png");
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: top 8px left;
    margin: 0 0 27px 0 !important;
    display: block;
    padding: 0 0 0 32px !important;
}


.orangeCheckFlecha {
    padding: 0;
}
.orangeCheckFlecha li {

    font-family: Font-Family5;
    line-height: 1.9;
    background-image: url("http://tecontacto.com.mx/images/checkanaranhado.png");
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: top 8px left;
    margin: 0 0 27px 0 !important;
    display: block;
    padding: 0 0 0 32px !important;
    text-align: justify !important;

}

#graciasPorUsar {

    text-align: center !important;

}

.CheckVerde li {

    background-image: url("http://tecontacto.com.mx/images/checkGreen.png");
    background-repeat: no-repeat;
    padding: 0 0 0 36px;
    background-size: 23px;
    background-position: center left;
    margin: 0 0px 11px 0px;

}

.siNoFun {
    font-size: 20px !important;
    color: yellow;
}
#divimgPaquetecontacteUrgente, #divTextoPaquetecontacteUrgente {

    vertical-align: middle;

}

.segundafranja .blanco {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 24px;
}

.datosTrabajador a, #menu a {

    text-decoration: none !important;

}

.derexos {
    padding: 41px 0 53px 0 !important;
    display: block !important;
    font-size: 13px;
}

.centraito {

    text-align: center;

}

.centraito h2 {

    margin: 35px 0 18px 0 !important;
    display: block;

}




.azul {
    color: #014878;
}

.blanco {
    color: white;
}

.amarillo {
    color: rgb(255, 255, 0);
}

.verde {
    color: #13ab40;
}

/*General Master Menu*/


nav {
    display: none;
}
    .otto {
        vertical-align: bottom !important;
        margin: 0 0 -90px 0;
    }


#menu {
    background-color: rgb(0, 60, 110);
    font-family: Font-Family4;
    width: 100%;
}

/*
.menuGeneral {
    display: grid;    
    grid-template-columns: 24% 10% 12% 12% 10% 15% 8% 8%; 
    margin-left: 4%;
    width: 95%;
}*/
.banderaLenguaje a img {

    height: 33px !important;
    margin: 0 0 0 16px;

}

.WhatDoYouSell, .botonVerdeHeaderLooking {
    padding: 21px 20px;
    margin: 0 0px 0 0;
}

.WhatDoYouSell {
    background-color: #ffff00;
}


.botonVerdeHeaderLooking{
    background-color: #00b33c;
}

.botonVerdeHeaderLooking {
    background-color: #00b33c;
    padding: 21px 20px 20px 52px;
    color: white;
    background-image: url("http://tecontacto.com.mx/images/worker2.png");
    background-repeat: no-repeat;
    background-position: center left 14px;
    margin: 0 -4px 0 17px;
    font-size: 24px;
}

.botonVerdeHeaderLooking a {
    text-decoration: none;
}

.looking4jobs {
    color: white;
    text-decoration: none !important;
}

.workingClass * {
    display: block !important;
}

.SalduDispo * {

    display: block !important;

}

#divOpciones * {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none !important;
}
.SalduDispo {
    margin: 0 14px;
}
.datosTrabajador {

    display: grid;
    grid-template-columns: 63px 162px;
    height: 100%;
    overflow: hidden;
    margin: 0 14px;

}











.menuGeneral a {

    display: inline-block;
    vertical-align: middle;

}

#divOpciones * {

    display: inline-block;
    vertical-align: middle;

}
.WhatDoYouSell a {
    color: #313171;
    text-decoration: none;
}
.menuGeneral:not(div){
    margin-top: 18px;
}


.menu {
    margin: 0 20px;
    text-decoration: none;
}

.divEmpleador2.empeleadore {
    margin-top: 166px;
}
header {

    background: #003c6e;

}

.WhatDoYouSell {

    font-size: 24px;
    background: rgb(255,197,20);
    background: linear-gradient(0deg, rgba(255,197,20,1) 0%, rgba(255,255,0,1) 95%, rgba(255,235,0,1) 100%);

}

#logo {

    width: 173px;
    height: 58px;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 14px;

}

#divOpciones, #logo {
    display: inline-block;
    vertical-align: middle;
}

#logo img {
    padding: 12px !important;
    margin: 0 !important;
}

#divOpciones, #logo {
    display: inline-block;
}

#lnkIngresar {
    background-image: url("/images/user-logeado.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding: 9px 33px 9px 26px;
    background-size: 20px;
    background-position: center left;
}

.trabajador {
    display: grid;
    grid-template-columns: 22% 16% 22% 11% 10% 6% 6% 6%;
    grid-template-rows: 60px;
    overflow: hidden;
    width: 100%;
}

.datosTrabajador {
    display: grid;
    grid-template-columns: 63px 162px;
    height: 100%;
    overflow: hidden;
}

.trabajador-A a, .trabajador-A a img, .empleadore a, .empleadore a img {
    width: 42px;
    height: 43px;
    border-radius: 7px !important;
    margin: 6px 0 7px 0;
}

.menuEmpleador {
    display: grid;
    grid-template-columns: 18% 21% 16% 17% 9% 6% 6% 6%;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.auditorio {
    margin: 21px 0 0 0 !important;
    display: block;
    padding: 16px 0 0 0;
}

.btnSalir {
    background-color: transparent;
    border: none;
    font-family: Font-Family4;
    font-size: 14px;
    font-weight: bold;
    height: 91%;
    width: 30px;
    color: transparent;
    height: 21px;
    background-image: url("http://tecontacto.com.mx/images/Icosalir.png");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.ajustage1 {
    background: #00b33c;
        background-color: rgb(0, 179, 60);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-image: none;
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
    padding: 12px;
    display: block;
    width: 281px;
    margin: 00 0 55px 1px;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    border: 1px solid #aaee6b;
    box-shadow: 0px 1px 2px #d2d2d2;
}

.blanco.UpdateData {
    margin: -19px 0px 0 0;
}
.SalduDispo, .datosTrabajador.trabajador1 {
    margin: -9px 14px 0 11px;
}

.franjaFooter1 div {

    display: inline-block;
    padding: 3%;

}
/* CSS de Cesar inicia*/

footer {

    background-color: #003c6e;

}


.KeBuscas {

    overflow: hidden;
    min-height: 300px;
    position: relative;


}


.keBuscas1, .keBuscas2 {

    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 -14px 0;

}
 .keBuscas1 {
width: 49%;
}

.keBuscas2 {

    width: 49%;
    padding: 0 0 58px 0;

}


.keBuscas1 img {
    max-width: 100%;
}


.barraFija img {
    width: 22px !important;
    margin-bottom: -7px;
}

.mitad {
    margin: 0 !important;
    padding: 0;
    width: 42.5%;
    vertical-align: top;
    display: inline-block;
}

.sellaxo {
display: inline-block;
width: 14%;
margin-top: 84px;
}

.sellaxo img {width: 100%;}

.EncabezadoHome {
    background-color: #01477b;
    background-image: url("http://www.tecontacto.com.mx/images/mitad.jpg");
    background-size: 100% auto;
    background-repeat: repeat;
}

.mitad1 .mitadInterno {

    margin: 90px 2% 90px 11%;

}

.mitad2 .mitadInterno {

    margin: 90px 11% 0px 2%;

}



.buttonEmpleador {

    background-color: #00b33c;
    background-image: url("/img/cronos.png");
    border: none;
    border-radius: 8px;
    height: 50px;
    text-align: center;
    padding: 15px;
    display: block;
    max-width: 300px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: white;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center left 7px;

}
.buttonEmpleador:hover {
    background-color: #20c658;
    -webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}






.mitad2 {

    color: white;
}


.mitad h2 {

    font-family: Font-Family;
    font-size: 6em;
    color: white;
    line-height: 58px;
    margin: 0 0 61px 0;

}
.laSecurity {
    display: block;
    font-size: 1.3em;
    margin: 0 0 32px 0;
}
.mitad2 h2 span {

    display: block;
    color: yellow;
    margin: 0;
    padding: 0;
    font-family: Font-Family;
    line-height: 1em;

}

.EncabezadoHome {
    background-color: #01477b;
}


.TextoGirado {
    font-family: Font-Family;
    -webkit-transform: rotate(-10deg) skew(-10deg, 0);
    -moz-transform: rotate(-10deg) skew(-10deg, 0);
    -ms-transform: rotate(-10deg) skew(-10deg, 0);
    -o-transform: rotate(-10deg) skew(-10deg, 0);
    transform: rotate(-9deg) skew(-19deg, 0);
}

.textogirado1, .textogirado2, .textogirado3 {
    text-align: center;
    text-shadow: 6px 4px 6px #0f546f, 6px 4px 106px #0f546f;
    margin: 0;
    padding: 0;
}

.Titulo h1 {
    color: yellow;
}

.TextoGirado.textogirado2 {
    font-size: 7em !important;
    margin: -24px;
}

.TextoGirado.textogirado3 {

    color: white;
    font-size: 5em;
    margin-top: -30px;

}


.bloqueInvitacion {
    color: white;
    border-top: 1px solid #36d8e4;
    padding: 22px 1px;
    border-bottom: 1px solid #36d8e4;
    margin: 29px 0 36px 0;
}



.BotonNaranjaHeader, .BotonAmariloHeader {

    box-shadow: 1px 1px 4px #174848;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 86px;
    border-radius: 5px;
    margin: 26px 0 21px 0;
    background-size: 54px auto;

}
.BotonNaranjaHeader .botonTexto1, .BotonAmariloHeader .botonTexto1  {
    font-size: 1.5em;
    display: block;
    margin: 0 0 10px 0;
    font-weight: bold;
}

.BotonNaranjaHeader a {
    color: white;
    text-decoration: none;
}

.BotonAmariloHeader a {
    text-decoration: none;
    color: #004a78;
}

.BotonAmariloHeader {
    background-color: yellow;
    background-image: url("/images/worker.png");
}

.YaEstoy a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    text-align: right;
    float: right;
    background-image: url("/images/head_cabe.png");
    padding: 15px 0 11px 34px;
    background-repeat: no-repeat;
    background-position: center left;
}

.BotonNaranjaHeader  {
    background-color: #f56522;
    background-image: url("/images/handShake.png");
}

.BotonAmariloHeader, .BotonNaranjaHeader  {
    background-repeat: no-repeat;
    background-position: left 18px center;
    -webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.bomboroGignac1 {
    max-width: 90%;
    height: auto;
}

.botonTexto2 {
    padding: 0px 0px 0px 12px;
}

.BotonNaranjaHeader:hover {
    background-color: orange;
    -webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;

}

.BotonAmariloHeader:hover {
    background-color: #ffffab;
    -webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;

}


.oficioCambiante{
    color: rgb(245, 97, 34);
}

.tamanoStandar{
    max-width: 1200px;
    margin: auto;
}

.tamanoStandar2{
    max-width: 1200px;
    margin: auto;
}



/* CSS de Cesar termina */



/*Invitacion a registrarte*/
.invitacion {
    background-color: #fff;
    height: 50px;
    overflow: hidden;
    width: 100%;
}

.divInvitacion {
    display: grid;
    grid-template-columns: 44% 8% 35% 5% 5%;
    margin-left: 15%;
    overflow: hidden;
    width: 70%;
}

.divInvitacion p {
    font-family: Font-Family6;
    font-size: 13px;
}

.divInvitacion button {
    background-color: #00cc44;
    border-radius: 3px;
    margin-top: 10px;
    font-family: Font-Family6;
    font-size: 11px;
    height: 30px;
    width: 90%;
}

/*Home*/
#home{
    min-height: 500px;
    overflow: hidden;
}

.trabajosUrgentes {
    background-color: #ffff00;
    float: left;
    height: 60px;
    padding: 10px 15px;
    margin-right: 2%;
    width: 27%;
}

.contratarTrabajador {
    background-color: #3894b5;
    height: 60px;
    margin-top: -20px;
    overflow: hidden;
    width: 38%;
}


.trabajos.cuerrelos {
    display: inline-block;
    width: 45%;
}

.trabajos.cuerrelos, .currelos2 {
    display: inline-block;
    width: 48% !important;
    vertical-align: middle;
    text-align: center;
}

#divunete {
    background-color: #3894b5;
    min-height: 500px;
    float: left;
    overflow: hidden;
    padding: 50px 10px 40px 30px;
    text-align: center;
    width: 50%;
}


.currantes1al, .divEmpleador1 {

    background-repeat: no-repeat;
    width: 49%;
    display: inline-block;
    margin: 80px 0px 0px 0px;
    background-position: bottom;
    background-size: auto 100%;
    padding-bottom: 57px;
    vertical-align: middle;

}

.currantes1al {
    background-image: url("/images/mujer-apurada.jpg");
    padding-left: 5% !important;
    border-left: 1px solid #aebbc0;
}
.divEmpleador1 {

    padding-right: 7px;

}

#unete {
    font-size: 90px;
    display: inherit;
    font-family: Font-Family2;
    font-style: italic;
    margin: -20px 0 -20px 0;
    text-shadow: -3px 5px 5px #004a78;
}

#llegaste {    
    font-family: Font-Family;
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
    text-shadow: -3px 5px 5px #004a78;
}

.esGratis {
    font-family: Font-Family;
    font-size: 70px;
    font-style: italic;
    font-weight: bold;
    text-shadow: -3px 5px 5px #004a78;
}

#divunete p {
    color: rgba(255, 255, 255, 0.6);
    font-family: Font-Family5;
    font-size: 15px;
    line-height: 1.6;
    margin: 10px 0 20px 27%;
    text-align: left;
    width: 60%;
}

#yaEstoy {
    background-image: url("/images/user-logeado.png");
    background-repeat: no-repeat;
    background-position: left;
    font-size: 15px;
    font-family: Font-Family5;
    font-weight: bold;
    padding: 20px 0 27px 47px !important;
    text-decoration: none;
    display: block;
    text-align: left;
}

#somos {
    background-color: #004a78;
    background-image: url("/images/imgDocs.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
    min-height: 670px;
    float: right;
    font-family: Font-Family2;
    padding: 50px 15% 40px 12%;
    width: 50%;
}

#somos label {
    font-size: 70px;
    line-height: 0.8;
}

.docu {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.8;
    list-style-type: none;
    margin: 10px 0 0 -40px;
}

.divClientes {
    display: grid;
    grid-gap: 10px;
    grid-template-rows: 80px 80px 35px;
    width: 100%;
}

.divClientes img {
    border-radius: 5px;
    width: 100%;
}

.registrar {
    border: none;
    box-shadow: 6px 6px 4px #317f9e;
    border-radius: 5px;
    font-family: Font-Family4;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 10px 27%;
    width: 66%;
}

#imgEscudo {
    position: absolute;
    top: 110px;
    margin-left: -99px;
    width: 200px;
}

#divEstas {    
    font-family: Font-Family;

    min-height: 100px;
    overflow: hidden;
    text-align: center;

}

#divEstas h2 {
    font-size: 35px;
}

.estas {

    font-size: 65px;
    margin-top: 20px;
    text-shadow: 0px 2px 2px #e4e4e4;

}
.buscas {
    background-color: #f56522;
    box-shadow: 1px 0 5px 1px rgb(220, 220, 220);
    display: grid;
    grid-template-columns: 45% 30% 25%;
    font-family: Font-Family;
    min-height: 80px;
    overflow: hidden;
    padding: 20px 25px;
}

.buscas h2 {
    margin: 10px 0 10px 20px;
    font-size: 35px;
}

.buscas input {
    background-image: url("/images/registrate.png");
    background-repeat: no-repeat;
    background-position: left;
}




#yaEstoy {

    background-image: url("/images/user-logeado.png");
    background-repeat: no-repeat;
    background-position: left;
    font-size: 15px;
    font-family: Font-Family5;
    font-weight: bold;
    padding: 20px 0 20px 30px;
    text-decoration: none;
    display: block;
    text-align: left;

}


.queBuscas h1 {
    font-size: 60px;
    font-family: Font-Family;
    text-align: center;
    margin-bottom: 0;
}

.queBuscas p {
    font-size: 25px;
    font-family: Font-Family4;
    margin-bottom: 30px;
    margin-top: 12px;
    text-align: center;
}
    
.buscador {
    min-height: 50px;
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 33% 33% 33%;
}

.divBuscador {

    background-color: #003c6e;
    border-radius: 8px;
    box-shadow: 10px 7px 5px 0 rgb(208, 214, 214);
    min-height: 120px;
    padding: 10px 0 20px 40px;


}

.divBuscador h2 {
    font-family: Font-Family4;
    text-align: center;
}

/*
.divBuscador div {
    display: grid;
    grid-template-columns: 90%;
}
*/

.filtros {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 28% 28% 28% 8%;    
}

.filtros div {
    display: grid;
}

.filtros input {
    margin-top: 5px;
}

.btnBuscar {
    height: 57px;
    margin-top: 25px !important;
}

.divMediaLinea {
    font-family: Font-Family4;
}

.medialinea {
    background-color: rgba(0, 73, 122, 0.1);
    height: 2px;
    margin-top: 15px;
    width: 32%;
}

.contenedorEstadosyTrabajos {

    display: grid;
    grid-gap: 20px;
    grid-template-columns: 78% 20%;
    grid-template-rows: min-content min-content;
    min-height: 300px;
    overflow: hidden;


}

#estadosyTrabajos {
    min-height: 200px;
    overflow: hidden;
    width: 100%;
}

#divEstados {
    background-color: #004a78;
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    overflow: hidden;
    padding: 50px 20px 20px;
    width: 100%;
}


.divEstades .amarillo {
    color: rgb(255, 255, 0);
    margin: 0 0 7px 0;
}



#estadosyTrabajos h2 {
    font-family: Font-Family4;
}

#estadosyTrabajos input {
    background-color: transparent;
    border: none;
    font-family: Font-Family5;
    font-size: 15px;
    min-height: 30px;
    text-align: left;
    text-decoration: underline;
}



#estadosyTrabajos .medialinea {
    width: 29%;
}

.proyectos1 {
    font-family: Font-Family4;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, minmax(49%, 1fr));
    margin-top: 20px;
    min-height: 200px;
    width: 100%;
}

.bannerVertical {
    background-color: #003c6e;
    min-height: 300px;
    overflow: hidden;
    padding-bottom: 10px;
    width: 100%;
}



/*PerfilUsuario*/
#divPerfil {
    overflow: hidden;
    width: 100%;
}

#divContenido {
    font-size: 15px;
    margin-left: 15%;
    min-height: 200px;
    overflow: hidden;
    width: 70%;
}

#divContenido h1 {
    font-family: Font-Family;
    font-size: 40px;
}

#divEditar {
    min-height: 20px;
    overflow: hidden;
    width: 100%;
}

#divEditar p {
    float: left;
    font-family: Font-Family4;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0;
}

#divEditar input {
    border: none;
    border-radius: 3px;
    background-color: #3894b5;
    float: right;
    font-family: Font-Family4;
    font-weight: bold;
    height: 25px;
    width: 80px;
}

#divLinea {
    background-color: #bfd2db;
    height: 2px;
    width: 100%;
}


#divContenido input:not(#ContentPlaceHolder1_btnEditar) {
    border: none;
    border-bottom: 1px solid #eec;
    height: 55%;
    width: 90%;
}

.rayiya {
    background-image: url("http://tecontacto.com.mx/images/puntillo.png");
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    margin-top: 42px;
}
.rayiya h3 {
    background: white;
    width: 300px;
    margin: auto;
}

.Culumnatta2 {
    background: #0397b0;
}

.ikoniyo2 input, .Culumnatta2 input {
    background: #167286;
    padding: 5px;
    border-radius: 3px;
    margin-top: 7px;
}


.divUser {
    background-color: #183f52;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 20% 45% 20%;  
    grid-template-rows: 25% 75%;
    font-family: Font-Family4;
    grid-row-start: 1;
    grid-row-end: 4;
    padding: 25px 20px 25px;
}

#spnCliente {
    grid-column-end: 4;
    grid-column-start: 2;
}

.divUser input {
    background-color: #183f52;
}

.divUser img {
    width: 100%;
}


.divsDatos {

    color: white;
    width: 32%;
    display: inline-block;
    padding: 29px 16px !important;

}

.ikoniyo, .ikoniyo2 {
    display: inline-block;
}

.ikoniyo {
    width: 20%;
}

.ikoniyo2 {
    width: 100%;
}

.ikoniyo3a.SPTM {
    background-repeat: no-repeat;
    padding: 0px 0 0 30px;
    background-position: left center;
    background-size: 36px;
}

.ikoniyo3a {
    width: 24%;
    display: inline-block;
    padding: 10px;
}

#ContentPlaceHolder1_txbUsuario, #ContentPlaceHolder1_txbCorreo, #ContentPlaceHolder1_txbContraseña, #ContentPlaceHolder1_txbTelefono,
#ContentPlaceHolder1_txbTelOficina, #ContentPlaceHolder1_txbCelular, #ContentPlaceHolder1_txbGiro, #ContentPlaceHolder1_txbProfesion,
#ContentPlaceHolder1_txbPersona, #ContentPlaceHolder1_txbRfc, #ContentPlaceHolder1_txbNombre1,
#ContentPlaceHolder1_txbTelefono1, #ContentPlaceHolder1_txbNombre2, #ContentPlaceHolder1_txbTelefono2 {
    font-family: Font-Family4;
    font-size: 15px;
}

.divsDatos img {
    width: 100%;
}

#divDocumentos {
    color: white;
    grid-column-start: 1;
    grid-column-end: 4;
    line-height: 0.6;
}

#divDireccion {    

    font-family: Font-Family4;
    grid-template-columns: 4% 18% 8% 16% 18% 18% 15%;
    margin-bottom: 10px;
    min-height: 120px;
    padding: 20px 20px 25px;
    width: 100%;
}

#spnDireccion, #spnReferencias {
    font-size: 20px;
    font-weight: bold;
    grid-column-start: 2;
    grid-column-end: 4;
    margin-left: 10px;
}

#divDireccion img {
    grid-column-start: 1;
    grid-column-end: 2;
    width: 80%;
}

span[id="spnCalle"], span[id="spnNombre1"] {
    grid-column-start: 2;
    grid-column-end: 3;
    margin-left: 10px;
}

#divReferencias {   
    font-family: Font-Family4;
    margin-bottom: 30px;
    min-height: 120px;
    padding: 20px 20px 25px;
    width: 100%;
}

#divReferencias img {
    width: 100%;
}


#misTrabajos {
    display: grid;
    font-family: Font-Family4;
    grid-template-columns: 50% 50%;
    /*height: 40px;*/
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
    margin-top: 42px;
}

#misTrabajos input{
    height: 18px !important;
    width: 15% !important;
}

#misTrabajos div {
    display: grid;
    grid-template-columns: 98%;
    width: 100%;
}

#divCategorias {
    margin-top: 20px;
    overflow: hidden;
    width: 100%;

}

#divCategorias input {
    height: 18px !important;
}

#divCategoriasPadre {
    display: grid; 
    grid-gap: 15px;
    grid-template-columns: 32% 32% 32%;
    height: 40px;
    overflow: hidden;
    width: 100%;
}

#divCategoriasPadre div {
    border-bottom: 2px solid #eef;
    display: grid;
    grid-template-columns: 98%;
    font-family: Font-Family4;
    overflow: hidden;
    padding-left: 15%;
    width: 100%;
}

#divCategoriasHija {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    margin: 20px 0 20px 0;
    overflow: hidden;
    width: 100%;
}

.divCategoriasHijaContenido {
    display: grid;
    grid-template-columns: 98%;
    font-family: Font-Family4;
    overflow: hidden;
    padding-left: 17%;
    width: 100%;
}

.divCategoriasHijaContenido div {
    display: grid;
    grid-template-columns: 98%;
    grid-column-start: 1;
    grid-column-end: 3;
    margin: 10px 0 10px 17%;
}

.divCategoriasHijaContenido div input, #divCategoriasPadre div input, .divCategoriasHijaContenido input {
    width: 15% !important;
}

.seleccionCategorias {
    display: grid;    
    grid-gap: 10px;
    grid-template-columns: 19% 19% 19% 19% 19%;
    margin: 10px 0 40px 0;
    width: 100%;
}

.seleccionCategorias span{
    grid-column-start: 1;
    grid-column-end: 6;
    text-align: center;
}

.seleccionCategorias select {
    font-family: Font-Family5;
    font-size: 14px;
}   

/*Ver datos de Empleador*/
#divContenedor {
    background-color: white;
    color: white;
    font-family: Font-Family4;
    min-height: 300px;
    overflow: hidden;
    width: 100%;
}

#divContenidoDatosEmpleado {
    background-color: #233338;
    margin: 20px 15%;
    min-height: 200px;
    overflow: hidden;
    padding-bottom: 40px;
    width: 70%;
}

#divDatosTrabajador {
    margin: 40px 5%;
    min-height: 100px;
    overflow: hidden;
    width: 90%;
}

#divDatosTrabajador #ContentPlaceHolder1_lblTrabajador {
    font-size: 45px;
}

#divDatosTrabajador #txtInformacion {
    font-family: Font-Family5;
    font-size: 21px;
    margin-bottom: 60px;
    width: 55%;
}

#divDatosTrabajador a{
    color: white;
}

.datosTrabajo {
    display: grid;
    font-size: 13px;
    grid-gap: 10px;
    grid-template-columns: 2% 15% 2% 15% 18% 1% 30%;
    overflow: hidden;
    min-height: 20px;
    width: 100%;
}

.datosTrabajo p {
    font-size: 13px;
    margin: 0;
}

.datosTrabajo img {
    width: 100%;
}

.divDatosEmpleador {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 17% 17% 17% 19.5% 27%;
    margin: 0 5% 10px;
    overflow: hidden;
    width: 90%;
}

.divDatosEmpleador div{
    min-height: 20px;
}

#divNombreEmpleador, #divTelCasa, #divCel, #divTelPersonal, #divCodigoPostal, #divCorreo {
    display: grid;
    background-color: #fffedb;
    grid-template-columns: 18% 81%;
    overflow: hidden;
    padding: 15px 20px;
}

#divNombreEmpleador {
    display: flex;
    grid-column-start: 1;
    grid-column-end: 6;
}

#divNombreEmpleador img {
    height: 23px;
    margin-right: 10px;
}

#divNombreEmpleador span, #divTelCasa span, #divCel span, #divTelPersonal span, #divCodigoPostal span, #divCorreo span  {
    font-family: Font-Family5;
    font-size: 15px;
    grid-column-start: 1;
    grid-column-end: 3;
}

#divTelCasa img, #divCel img, #divTelPersonal img, #divCodigoPostal img, #divCorreo img {
    width: 90%;
}

.datosTrabajoEINstrucciones {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 64% 34.5%;
    margin-left: 5%;
    height: 750px;
    overflow: hidden;
    width: 90%;
}

#divDatosTrabajo {
    background-color: white;
    display: grid;
    color: black;
    grid-row-start: 1;
    grid-row-end: 4;
    grid-gap: 15px;
    grid-template-columns: 6% 93%;
    grid-template-rows: 5% 85%;
    min-height: 200px;
    padding: 25px 15px;
    width: 100%;
}

#divDatosTrabajo img {
    width: 100%;
}

#divDatosTrabajo div {
    grid-column-start: 2;
    grid-column-end: 3;
    width: 95%;
}

#divDatosTrabajo p {
    font-family: Font-Family5;
    font-size: 15px;    
}

#divInstrucciones {
    background-color: #004a78;
    height: 100%;
    padding: 30px 15px;
    width: 100%;
}

#divInstrucciones li {
    margin-bottom: 30px;
}

#locacion {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    padding: 10px;
}

#locacion img {
    width: 30px;
}

#divMapa {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    width: 100%;
}

.divMensaje {
    display: grid;
    grid-template-columns: 50% 42%;
    margin-left: 5%;
    min-height: 50px;
    overflow: hidden;
    width: 100%;
}

.divMensaje h2 {
    margin: 0;
    text-align: center;
}

.divMensaje p {
    font-family: Font-Family5;
    font-size: 20px;
    grid-column-start: 1;
    grid-column-end: 3;
    margin-bottom: 30px;
    text-align: center;
}

.estados {

    grid-template-columns: repeat(6, minmax(160px, 1fr));

}

.municipios {
    grid-template-columns: repeat(5, minmax(200px, 1fr));
    margin-bottom: 30px;
}

.estados input {
    background-color: white;
    border: none;
    font-family: Font-Family5;
    font-size: 15px;
    font-weight: bold;
    min-height: 30px;
    text-align: left;
    text-decoration: underline;
}

.divCategorias {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, minmax(230px, 1fr));
    min-height: 100px;
}

.divCategorias div {
    border-bottom: 2px solid rgba(0, 73, 122, 0.1);
    font-family: Font-Family4;
    margin: 9px 0;
}

.divCategorias img {
    float: left;
    margin: 5px 10px;
    height: 45px;
}

.botonamarill {
    background-color: rgb(255, 255, 0);
    border-radius: 5px;
    font-weight: bold;
    padding-right: 25px;
}


.registrate2 {
    background-color: yellow;
    box-shadow: 2px 2px 2px 1px rgb(204, 84, 29);
    border-radius: 5px;
    font-family: Font-Family5;
    background-image: url("/images/apreton.png");
    padding: 27px 15px 28px 76px;
    background-repeat: no-repeat;
    background-position: center left 9px;
    text-align: left;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: #002184;
    text-decoration: none;
    vertical-align: middle;
    display: block;
    max-width: 302px;
    background-size: 58px;
}

.registrate2:hover {

    background-color: #ffff91;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;

}

.tercio {

    display: inline-block;
    vertical-align: middle !important;

}

#registrate3 {
    border-style: none;
    color: black;
    font-size: 13px;
    height: 45px;
    margin: 0 20px 0 20px;
    width: 82%;
}

.divTrabajador {

    overflow: hidden;
    padding: 20px 0; 

}

.divTrabajador input {
    background-color: #00b33c;
    color: #fff;
    background-image: url('/images/trabajar.png');
    background-repeat: no-repeat;
    background-position: left 12px center;
    border: none;
    border-radius: 7px;
    font-family: Font-Family4;
    font-weight: bold;
    font-size: 22px;
    margin-right: 20px;
    max-width: 927px;
    padding: 25px 22px 25px 68px;
    background-size: 50px;
    box-shadow: 0px 0px 4px #8c8b8b;
    border: 2px solid #24db04;
}

.divTrabajador a {
    background-image: url("/images/comoFunciona.png");
    background-repeat: no-repeat;
    background-position: left;
    font-size: 20px;
    font-family: Font-Family4;
    font-weight: bold;
    height: 35px;
    padding: 5px 40px;
    text-decoration: none;
}

.kumofumnka {

    color: #33336f;
    margin-bottom: 33px !important;
    display: block;

}


.fondo2 {
    background-color: #c5d0d6;
    font-family: Font-Family;
    width: 100%;
}

.resultados{
    font-family: Font-Family4;
    font-weight: bold;
}

.input{
    border: none;
    border-radius: 5px;
    min-height: 50px;
    margin-left: -2px;
    padding-left: 15px;
}   

td {
    width: 29%;
}

input[placeholder] {
    color: #03094e;
    font-family: Font-Family4;
    font-size: 15px;
}

.proyecto {
    border-radius: 3px;
    padding: 4% 6%;
    min-height: 200px;
    border: solid 2px rgb(220, 224, 227);
    background-color: #e6eded;
    overflow: hidden;
}

.proyecto a {
    text-decoration: none;
}

#proyectosBusqueda {
    background-color: rgb(242, 247, 247);
    margin: 30px 0 20px 15%;
    float: left
}

.proyectos {
    font-family: Font-Family4;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, minmax(31%, 1fr));
    margin-left: 15%;
    min-height: 200px;
    width: 70%;
}

#necesitas, #contactanos {

    background-color: white;
    border: solid 1px grey;
        border-top-color: grey;
        border-right-color: grey;
        border-bottom-color: grey;
        border-left-color: grey;
    border-color: rgb(220, 224, 227);
    width: 48%;
    display: inline-block;
    vertical-align: middle;
    min-height: 176px;
    margin: 17px 0% 17px 1%;
    box-shadow: 0px 0px 3px #bdbdbd;
    padding:26px 20px 20px 20px;

}

.ayuda {
    font-family: Font-Family2;
    font-style: italic;
    font-size: 45px;
    font-weight: bold;
    margin: 35px 0 10px 10px;
}

#necesitas a {
    color: rgba(39, 38, 46, 0.7);
    font-family: Font-Family4;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 20px 0;
    text-decoration: none;
}



#contactanos label{
    color: rgba(30, 29, 38, 0.8);
    font-family: Font-Family4;
    font-size: 20px;
    font-weight: bold;
}

.pagina {
    background-color: white;
    border: 1px solid;
    border-color: rgb(220, 224, 227);
    color: rgb(1, 60, 112);
    font-family: Font-Family2;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    margin-right: -4px;
    width: 30px;
}

.transforma {
    font-family: Font-Family2;    
    font-style: italic;
}

.teayudamos {
    font-size: 15px;
    font-family: Font-Family4;
    margin: 20px 20px 0 25px;
    text-align: center;
}

/*Registro de Trabajador*/
.regtrabajador {
    background-image: url("/images/banner.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    font-family: Font-Family4;
    overflow-x: hidden;
    padding-top: 40px;
    min-height: 400px;
    width: 100%;
}

.divRegTrabajador, .regEmpleador {
    background-color: #ffffff;
    margin: 69px auto;
    min-height: 100px;
    overflow: hidden;
    padding: 25px;
    max-width: 900px;
}
.divRequieres.Urgentpack {

    background: #fefe03;
    padding: 9px;
    border-radius: 8px;

}
.regTrabajador2Campos {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 100%;
}

.regTrabajador2Campos div {
    width: 100%;
}

.lblcampos {

    color: rgb(67, 71, 123);
    font-family: Font-Family4;
    font-size: 18px;
    font-weight: lighter;
    margin: 7px 0 1px 7px;

}


.crea {
    font-family: Font-Family5;
    font-weight: bold;
    font-size: 25px;
}

.ya {
    float: right;
    font-family: Font-Family4;
    font-size: 17px;
    margin-right: 4%;
}

.ya a{
    font-family: Font-Family4;    
}

.siguiente {
background-color:
rgb(255, 106, 0);

border: solid
rgb(255, 245, 140) 1px;

border-radius: 6px;

color:
white;

float: right;

font-family: Font-Family5;

font-size: 15px;

font-weight: bold;

height: 40px;

margin: 24px 4% 0 0;

width: 99px;
}

.registro2 {
    background-color: #ffffffdb;
    min-height: 50px;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 90px;
}
.LogoReseta img {
    max-width: 100%;
}
.LogoReseta {
    margin: auto !important;
    max-width: 159px;
}
.error{
    color: #f00;
    font-family: Font-Family5;
    font-size: 13px;
    margin-left: 12%;
}

.divFelicidades {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 2px 3px #b5aaa5;
    min-height: 200px;
    margin: 0 0 100px 30%;
    overflow: hidden;
    position: relative;
    width: 40%;
}

.divFelicidades1{
    min-height: 100px;
    overflow: hidden;
    width: 100%;
}

.divFelicidades1 a {
    border: none;
    border-radius: 5px;
    font-family: Font-Family4;
    height: 35px;
    margin-bottom: 30px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 30%;
}

.divFelicidades2 {
    background-color: #f2b91d;
    color: black;
    font-family: Font-Family5;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}

#recuerda {
    margin: 0 22% 10px 22%;
    font-family: Font-Family4;
}

#laMision {
    margin: 0 22% 10px 22%;
}

.imgUsuario {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    left: 50%;
    top: 30px;
    position: absolute;
    margin-left: -65px;
}

.felicidades {
    color: #003c6e;
    font-family: Font-Family4;
    font-size: 30px;
    font-weight: bold;
    margin: 180px 0 0 0;
    text-align: center;
}

.aPartir {
    font-family: Font-Family5;
    font-size: 20px;
    margin: 0 20% 0 20%;
    text-align: center;
}

.btnconsultatrabajos {
    background-color: #003c6e;
    float: left;
    margin-left: 18%;
}

.btnComprarCreditos {
    background-color: #00b33c;
    float: right;
    margin-right: 18%;
}

.login {

    background-color: #003c6e;
    font-family: Font-Family4;
    max-width: 564px;
    margin: 90px auto;
    padding: 21px 0 83px 0;
    border-radius: 5px;
    border: 3px solid #5879c9;
    box-shadow: 1px 1px 5px #000;

}

.LogoLogin {

    max-width: 221px !important;
    margin: 21px auto 24px auto !important;
    display: block;
    padding: 28px 0 0 0;

}

.LogoLogin img {

    max-width: 100%;

}

#registrateComo, #olvidaste {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

.inplogin {
    background-color: #fff;
    background-image: url("/images/email.png");
    background-repeat: no-repeat;
    background-position: left center;
    border: solid 1px #cccccc;
    border-radius: 8px;
    height: 50px;
    margin: 10px 0 5px 13%;
    padding: 0 5px 0 40px;
    width: 74%;
}

input.inplogin[placeholder]{
    font-family: Font-Family4;
    font-size: 16px;
    color: #555555;
}

.btnLogin {
    background-color: #f56522;
    border: none;
    border-radius: 5px;
    color: white;
    font-family: Font-Family4;
    font-size: 17px;
    font-weight: bold;
    height: 45px;
    margin: 10px 0 20px 13%;
    width: 74%;
}

#instruccionesReseteo {
    display: block;
    font-size: 13px;
    margin: 10px 16% 10px 13%;
    width: 74%;
}


.requieres {
    font-family: Font-Family4;
    font-size: 13px;
}

.divRequieres {
    float: left;
    display: grid;
    grid-template-columns: 14% 86%;
    grid-template-rows: 50% 50%;
    height: 50px;
    overflow: hidden;
    width: 40%;
}

.bannerTitulo {
    background-color: rgb(0, 60, 110);
    height: 60px;
    margin: 40px 0 20px 15%;
    width: 50%;
}

.bannerTituloDiv1 {
    margin: 10px 0 10px 20px;
    height: 50px;
    float: left;
    width: 40%;
}

.bannerTituloimg {
    height: 50px;
    margin-top: -5px;
}

.bannerTituloDiv2 {
    float: right;
    width: 40%;
    text-align: right;
    font-weight: bold;
    margin: 20px 0 10px 0
}

.tiposTrabajo {
    background-color: rgba(255, 255, 255, 0);
    display: grid;
    grid-template-columns: 48% 48%;
    grid-gap: 4%;
    margin: 0 0 50px 15%;
    overflow: hidden;
    width: 50%;
}

.tiposTrabajoDiv1 {
    float: left;
    background-color: #ffea03;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    color: #003c6e;
}

.tiposTrabajoDiv2 {
    float: right;
    background-color: #fff;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    color: #003c6e
}

#imgUrgente {
    grid-row-start: 1;
    grid-row-end: 3;
}

.pUrgente {
    font-size: 9px;
    grid-row-start: 2;
    text-decoration: none;
}

.empleador {
    background-color: white;
    border: solid 1px #c3c9c9;
    height: 60px;
    font-family: Font-Family5;
    overflow: hidden;
    width: 100%;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input.upload {
    font-family: Font-Family4;
    font-weight: bold;
    height: 35px;
}

#agregarReferencias {
    color: #828282;
    display: grid;
    font-family: Font-Family4;
    grid-gap: 10px;
    grid-template-columns: 50% 50%;
    margin-top: 30px;
    width: 100%;
}

#agregarReferencias span {
    font-size: 13px;
    font-weight: bold;
}

#rfrNombre1 {
    grid-column-start: 1;
}

/*Trabajos Urgentes*/
.tipotrabajos {
    width: 100%;
    background-color: #f2f7f7;
    overflow: hidden;
}

#paqueteUrgenteBanner {
    background-image: url('/images/banners2.jpg');
    background-repeat: no-repeat;
    background-position: left top;
        background-position-x: left;
        background-position-y: top;
    background-size: cover;
    width: 100%;
}

#formatoPago{
    overflow: hidden;
    margin-bottom: 20px;
}

.trabajos {
    color: rgb(3, 60, 112);
    font-family: Font-Family2;
    font-style: italic;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 51%;
}

.trabajos p {
    font-size: 40px;
    margin: 12% 0 0 0;
    text-align: center;
}

.trabajos h1 {
    font-size: 75px;
    margin: -10px 0 0 0;
    text-align: center;
}

#imgBanner {
    height: 100%;
    width: 100%;
}

#imgMujer {
    width: 60%;
    margin-top: 6%;
}

#imgChrono {
    border-radius: 50px;
    float: left;
    margin: 8% 0 0 20px;
    position: relative;
    width: 15%;
}

#divFormulario {
    background-color: white;
    box-shadow: 0 0 2px 2px #c3c9c9;
    padding:30px 40px 78px 40px;

}

#divFormulario label {
    font-family: Font-Family6;
    font-size: 20px;
}

#divFormulario span {
    font-family: Font-Family4;
    margin: 10px 0 10px 0;
    font-size: 19px;
    font-weight: bold;
}

#divFormulario h2 {
    color: #003c6e;
    font-family: Font-Family2;
    font-size: 40px;
    font-style: italic;
    margin: 40px 0 10px 0;
    text-align: center;
}

.apartado {
    color: #28272b;
    font-family: Font-Family4;
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: center;
}

.textbox {
    background-color: #fafafa;
    border-radius: 8px;
    border: solid 1px #ccc;
    color: #000;
    font-family: Font-Family4;
    font-size: 17px;
    font-weight: bold;
    height: 50px;
    margin: 10px 0 0 0;
    padding: 5px 0 0 20px;
    text-align: start;
    width: 100%;
}

.divCategoriasTrabajo {

    overflow: hidden;

}

.siguiente2 {
    background-color: rgb(255, 106, 0);
    border: solid rgb(255, 245, 140) 1px;
    border-radius: 6px;
    color: white;
    float: right;
    font-family: Font-Family5;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    margin: 20px 8% 60px 0;
    width: 16%;

}

#pasarPagar {
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    width: 229px;
}
.pakistanuy6, .pakistanuy5 {
    font-size: 44px !important;
}

.yoLaVedaSoyCurrante.pakistanuy4 {

    padding: 58px 0 0 0 !important;

}
.cuentanos {

    background-color: #fff;
    box-shadow: 0 0 2px 3px #0c050240;
    overflow: hidden;
    padding: 10px 5% 10px 5%;
    font-family: Font-Family;
    font-style: italic;
    font-weight: bold;

}

.pontecontacto {
    color: #000;
    font-family: Font-Family4;
    font-size: 20px;
    font-style:normal;
    font-weight: normal;
    line-height: 1.6;
    margin: -25px 12% 25px 12%;
    text-align: center;
}

.trabajosNormales {

    font-family: Font-Family2;
    font-style: italic;

}

.trabajosNormales h1 {
    font-size: 65px;
    margin: -5px 0 0 20px;
    color: rgb(255, 234, 3);
}

.trabajosNormales p {
    font-size: 25px;
}

#trabajosNormalesImg img {

    max-height: 412px !important;

}

.baneraxo{
background-image: url("/images/bannerss.png");
}
/*Vista previa de trabajo*/
#divDetalleOfera {
    width: 100%;
    min-height: 500px;
    overflow: hidden;
    padding-bottom: 30px;
}

.Kolumna1, .Kolumna2 {

    display: inline-block;
    vertical-align: bottom;
    width: 49%;
    margin: 0 0 -4px 0;

}

.Kolumna1 {

    text-align: center;
    padding-bottom: 99px;

}
.nope {
    max-width: 72px;
    margin: 0 0 -16px 0;
}

.divOferta {
    background-image: url("http://tecontacto.com.mx/images/bg-Fon.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    font-family: Font-Family4;
    padding: 4% 4% 5%;
    grid-gap: 20px;
    color: white;
}

.nombreTrabajo {
    font-family: Font-Family4;
    Font-Size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    grid-column-start: 1;
    grid-column-end: 3;
}

#ContentPlaceHolder1_lblNombreProyecto {
    font-size: 30px;
}

.ubicacionCategoria {
    font-size: 13px;
    margin-bottom: 15px;
}

.ubicacionCategoria img {
    height: 17px;
}

.descripcionTrabajo {
    font-family: Font-Family4;
    font-size: 18px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    margin: 0 0 20px 0;
    text-align: justify;
}

.teInteresa {
    background-color: #fcfcb3;
    border-radius: 4px;
    box-shadow: -1px 4px 4px #120707;
    width: 38%;
    display: inline-block;
    vertical-align: top;
}

#teInteresaTitulo {
    background-color: #004a78;
    height: 20%;
    padding: 1% 15px 1% 15px;
    width: 100%;
}

#conoce {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 10% 85%;
    margin: 15px 0 0 15px;
    overflow: hidden;
    width: 88%;
}

#conoce p {
    margin: 0;
}

.verDatos, #aviso {

    border: solid rgb(255, 255, 200) 4px;
    color: white;
    font-family: Font-Family4;
    font-size: 20px;
    background-repeat: no-repeat;
    background-size: 35px;
    padding: 15px 6px 15px 41px !important;
    background-position: center left;
    font-weight: bold;
    border-radius: 8px !important;
    width: 100% !important;
    text-align: left !important;
    margin: 8px auto !important;
    display: block !important;

}

.verDatos {
    background-color: #f74e00;

}


#aviso {


    background-color: #00b33c;
    background-image: url("http://tecontacto.com.mx/images/aviso.png");

}

#aviso p{
    margin: 0;
}

#divDetalleOfera .divMediaLinea {
    background-color: white;
    margin: 40px 0 30px 15%;
    width: 70%;
}

#mensaje {
    font-family: Font-Family4;
    font-size: 30px;
    font-weight: bold;
    margin: auto;
    text-align: center;
}

#mensaje * {

    display: inline-block;
    vertical-align: middle;

}

#mensaje p {

    margin: 0;

}

#aviso {
    border-radius: 5px;
    background-color: #00b33c;
    background-image:url("http://tecontacto.com.mx/images/aviso.png"); 
}

.ofertas {
    width: 70%;
    margin: 0 0 20px 15%;
    font-family: Font-Family4;
    min-height: 460px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.oferta {
    margin: 19px 22px 40px 0;
    width: 23%;
    border: solid 3px rgb(220, 224, 227);
    overflow: hidden;
    background-color: white;
}

.contenedor {
    color: white;
    display: grid;
    grid-template-columns: 100px auto 200px 150px;
    grid-template-rows: auto 1fr auto;
}

#bannerInfo {
    background-color: rgb(6, 66, 115);
    width: 16%;
    float: right;
    min-height: 10px;
    margin: 30px 15% 0 0;
    overflow: hidden;
}

.bienvenido {
    background-color: #05b3df;
    height: 200px;
    width: 100%;
}

#lblBienvenido {
    font-family: Font-Family2;
    color: yellow;
    font-size: 50px;
    margin: 20px 0 0 15%;
}

.lblTrabajador {
    font-family: Font-Family2;
    color: white;
    Font-Size: 35px;
    margin-left: 10px;
}

.divEmpleador {
    background-color: white;
    min-height: 200px;
    overflow: hidden;
    width: 100%;    
	display: grid;
    grid-template-columns: 49% 1% 50%;
}

#linea {
    background-color: #caddde;
    margin: 10px 0 0 10px;
    height: 90%;
    width: 2px;
}

.buttonBanner {
    background-color: #ffff00;
    background-image: url("/images/mini-logo.png");
    background-repeat: no-repeat;
    background-position: left 10px center;
    border: none;
    border-radius: 5px;
    box-shadow: 1px 0 8px 5px rgb(201, 83, 28);
    color: #003c6e;
    font-family: Font-Family4;
    font-size: 22px;
    font-weight: bold;
    min-height: 60px;
    width: 100%;
    background-size: 44px;
}

.divEmpleador1 h1{
    color: #02b33d;
    font-family: Font-Family2;
    font-size: 45px;
    margin-bottom: 1px;
}

.divEmpleador1 label{
    color: #003c6e;
    font-family: Font-Family4;
}

.buttonEmpleador {
    background-color: #00b33c;
    border: none;
    border-radius: 8px;
    height: 50px;
    text-align: center;
}

.buttonEmpleador img {
    border-radius: 8px;
    width: 77%;
}

.divEmpleador2 {
    background-image: url("/images/mujer-apurada.jpg");
    background-repeat: no-repeat;
    background-position: right 0px bottom 0px;
    background-size: 60%;

}

.divEmpleador2 div{
    font-family: Font-Family4;
    font-size: 17px;
    margin: 20px 0 20px 5%;
}

.bannerEmpleador {

    background-color: #ff6b00;

    width: 100%;

}
.azul.corrovuelomeaceleto {

    display: block;
    margin: 0px 0 38px 0;   

}

.urgentesBotonHeader {
    background-color: #f4f91a;
    padding: 21px 20px 20px 52px;
    color: white;
    background-image: url("http://tecontacto.com.mx/images/worker2.png");
    background-repeat: no-repeat;
    background-position: center left 14px;
    margin: 0 -4px 0 17px;
}

.mitads9e {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    margin: 58px 0;
}

.pregunton {
    background-image: url("http://tecontacto.com.mx/images/como.png");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: left center;
    padding: 0 0 0 34px;
    margin: 23px 0 0 0 !important;
    display: block;
    max-width: 194px;
}

.contenidoEmpleado {
    background-color: #fff;
    min-height: 500px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.contenidoEmpleado1 {
    margin-left: 15%;
    min-height: 100px;
    overflow: hidden;
    width: 70%;
}

.contenidoEmpleado1 h1 {
    font-family: Font-Family2;
    font-size: 50px;
    margin: 50px 0 25px 0;
}

.contenidoEmpleado1 p {
    color: #3e90b5;
    font-family: Font-Family4;
    font-size: 22px;
    margin-bottom: 10px;
}

.azul.corrovuelomeacelero {
    margin: 0 0 49px 0;
    display: block;
}

.divProfecionistas {
    font-size: 20px;
    min-height: 100px;
    overflow: hidden;
    padding-top: 20px;
}

.divProfecionistas1 {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(6, minmax(165px, 1fr));
    min-height: 50px;
    overflow: hidden;
}

.divProfecionistas1 div {
    background-color: #f5f9fa;
    margin-bottom: 20px;
    padding: 8px 17% 8px 17%;
}

.divProfecionistas img {
    margin: 0px 10% 4px;
    width: 49%;
}

.ayuda strong {
    color: #101065;
}

.lblCategoria {
    font-family: Font-Family4;
    font-weight: bold;
    font-size: 14px;
}

.lineaEmpleado {
    background-color: rgba(0, 73, 122, 0.1);
    height: 2px;
    margin-left: 15%;
    width: 70%;
}

.cmdProfecionistas {
    background-color: white;
    border: solid 1px #f56122;
    border-radius: 5px;
    color: #f56122;
    font-family: Font-Family5;
    margin-bottom: 40px;
    padding: 5px 20px 5px 20px;
}

/*Quienes somo*/
#vision, #mision, #quienesSomos {
    display: grid;
    grid-template-columns: 10% 55% 35%;
    min-height: 300px;
    overflow: hidden;
    padding: 25px 5% 20px 18%;
    position: relative;
    width: 100%;
}

#vision {

    background-image: url("/images/bgTea.jpg");
    background-size: cover;

}

#mision{
    background-image: url("/images/aduanas.jpg");
    background-size: cover;
    color: white;
}

#vision h1 {
    grid-column-start: 1;
    grid-column-end: 4;
    font-family: Font-Family2;
    font-size: 62px;
    margin: 0;
    font-style: italic; 
    text-align: center;
}

#vision h2, #mision h2, #quienesSomos h2 {
    float: right;
    font-family: Font-Family2;
    font-style: italic;
    font-size: 37px;
    margin-top: 15px;
}

#vision p, #mision p, #quienesSomos p {
    font-family: Font-Family4;
    font-size: 17px;
    line-height: 1.7;
}

#mision h2{
    margin-top: 20px !important;
}

/*Trabajador Registrado*/
|
#llegoLaHora h1 {
    font-size: 60px;
    font-family: Font-Family;
    margin-bottom: 0;
}

#llegoLaHora p {
    font-size: 25px;
    font-family: Font-Family4;
    margin-bottom: 30px;
    margin-top: 12px;
}

/*Documentos*/
/*Condiciones Generales De Contratacion*/
#contenedorCondiciones {
    color: #004878;
    overflow: hidden;
    width: 100%;
}

#bannerCondiciones {
    background-image: url("/images/banner-condiciones.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    overflow: hidden;
    width: 100%;
}

#bannerCondiciones h1 {
    font-family: Font-Family;
    font-size: 57px;
    line-height: 0.9;
    margin-top: 99px;
}

#contenedorContenido {
    font-family: Font-Family5;
    font-size: 17px;
    min-height: 500px;
    padding: 20px 0 40px 0;
}
.textoVainas {

    line-height: 1.8em;

}

.textoVainas label {
    margin: 53px 0 17px 0 !important;
    display: block;
}


#contenedorContenido p {
    margin-top: 0;
}

#contenedorContenido label {
    font-family: Font-Family6;
    font-size: 23px;
}

#contenedorContenido strong {
    font-family: Font-Family6;
}

/*Aviso de Privacidad*/
#contratoConfidencialidad {
    background-color: #0d3f5c;
    overflow: hidden;
    width: 100%;
}

#contratoConfidencialidadContenido {
    font-family: Font-Family5;
}

#contratoConfidencialidadContenido h2 {
    font-size: 35px;
}

#contratoConfidencialidadContenido label {
    font-family: Font-Family4;
    font-size: 18px
}

#contratoConfidencialidadContenido input[placeholder], textarea[placeholder] {
    color: rgb(25, 24, 130);
}

.cmdEnviar {
    background-color: #ffdc42;
    border: none;
    border-radius: 3px;
    font-family: Font-Family6;
    height: 30px;
    margin-left: 45%;
    width: 100px;
}

#btnSalirTrabajador {
    cursor: pointer;
}

.parrafosTabulados {
    margin-left: 5%;
}


/*Interponer una queja*/

#divInterponer h1 {
    font-family: Font-Family2;
}

#divInterponer {
    min-height: 100px;
    overflow: hidden;
    width: 100%;
    background-image: url("http://tecontacto.com.mx/images/reclamoBG.jpg");
    background-size: cover;
    background-attachment: fixed;
}

.iptcampos, .iptcampos:hover, .iptcampos:active  {
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}

.iptcampos:hover, .iptcampos:active  {
    background: white !important;
}

.iptcampos {
    margin: 5px 0 15px 0;
    height: 50px;
}

#quienesSomos {
    background-image: url("http://tecontacto.com.mx/images/bgJust.jpg");
    background-size: cover;
}

.iptcampos {
    background-color: rgba(255, 255, 255, 0.56);
    color: #1a1a1a;
    height: 40px;
    border-radius: 8px;
    border: solid rgb(125, 152, 179) 2px;
    font-family: Font-Family5;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
    width: 100%;
    box-shadow: 1px 1px 1px #75adbd;
}

#divFormularioYOpciones {
    display: grid;
    grid-template-columns: 55% 41%;
    margin: 20px 0 30px 0;
    min-height: 50px;
    overflow: hidden;
    width: 100%;
}

#divOpcionesQueja {
    margin-left: 3%;
}

#divOpcionesContenido {
    background-color: #fffc;
    line-height: 1.8;
    min-height: 50px;
    padding: 20px 10px;
    width: 99%;
}

#divOpcionesQueja, #divQuejaFormulario {
    margin: 33px 0 0px 18px !important;
}

#divFormularioYOpciones #ContentPlaceHolder1_btnEnviar {
    background-color: yellow;
    border-radius: 5px;
    font-family: Font-Family4;
    font-weight: bold;
    grid-column-start: 2;
    grid-column-end: 3;
    height: 50px;
    margin: 50px 0 10px 0 !important;
    width: 168PX;
    float: right;
    text-align: center !important;
}

#divMensajeQueja {
    background-color: rgba(29, 82, 115, 0.6);
    font-family: Font-Family5;
    font-size: 17px;
    line-height: 1.6;
    min-height: 40px;
    padding: 25px 25px 30px 25px;
    text-align: justify;
    width: 100%;
    font-size: 20px;
}


.NotitaNsUpC {
    color: white;
}


/*Cómo Funciona Tecontacto*/
#divComoFunciona {
    background-color: #1b5e85;
    min-height: 100px;
    overflow: hidden;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

#comoFunciona {
    font-family: Font-Family4;
    background-image: url(http://tecontacto.com.mx/images/obreroMecanico.jpg);
    background-size: cover;
    margin: 0 !important;
    padding: 68px 0;
}

#comoFunciona li {
    font-family: Font-Family5;
    line-height: 1.9;
}

#comoFunciona p {
    font-size: 22px;
}

#urgencia {
    background-color: rgba(9, 66, 24, 0.6);
    font-family: Font-Family2;
    font-size: 45px;
    margin: 0;
    padding: 18px 0 !important;
    width: 100%;
}

#urgencia span {
    font-size: 55px;
}

#paquetecontacteUrgente {
    background-color: #134a20;
    min-height: 100px;
    overflow: hidden;
    width: 100%;
}

.columnaKla1 {
    max-width: 822px;
}

#paquetecontacteUrgente1 {
    font-family: Font-Family4;
}

#paquetecontacteUrgente #linea {
    background-color: #ddd;
    height: 100%;
    margin-top: 0;
    width: 1px;
}

#relojUrgente {
    width: 100%;
}

#divTextoPaquetecontacteUrgente {
    margin-left: 10px;
}

#spn1 {
    font-size: 40px;
    margin-bottom: 15px;
}

#spn2 {
    font-size: 25px;
    margin-top: 15px;
}

#divTextoPaquetecontacteUrgente p{
    font-family: Font-Family5;
    line-height: 1.5;
}

#paquetecontacteUrgente2 {
    font-family: Font-Family5;
}

#paquetecontacteUrgente2 span {
    font-family: Font-Family4;
    font-size: 30px;
}

#paquetecontacteUrgente2 li {
    font-size: 15px;
    line-height: 1.6;
}

#divTextoPaquetecontacteUrgente, #divimgPaquetecontacteUrgente {
    display: inline-block;
    vertical-align: top;
    padding: 44px 0px;
}

.columnaKla1 {
    display: inline-block;
    vertical-align: top;
    padding: 44px 0 52px 0;
}

#siProfesionistaTrabajador {
    font-family: Font-Family5;
}

.contraElPaketaxxoo .buttonEmpleador {
    border: 2px solid #fff300;
    box-shadow: 0px 0px 5px #559752;
    font-weight: bolder;
}

.columno1, .columno2 {
    display: inline-block;
    vertical-align: top;
}

.contraElPaketaxxoo {
    float: right;
    width: 298px;
}

.columno1 {
    width: 61%;
}

.columno2 {
    width: 38%;
}

.columno1 ul li {
    margin: 29px 0 0 0;
}

.columno1 {
    display: inline-block;
    vertical-align: top;
    padding: 5px 42px 0 0;
}

#siProfesionistaTrabajador p {
    font-family: Font-Family6;
    font-size: 23px;
}

#spnProfesionistaTrabajador {
    font-family: Font-Family2;
    font-size: 55px;
    grid-column-start: 1;
    grid-column-end: 3;
    margin:53px auto 38px auto;
    display: block;
    text-align: center;
}

#graciasPorUsar p {    
    font-family: Font-Family8;
    font-size: 60px;
    line-height: 0.9;
}

#graciasPorUsar span {
    color: #f56522;
    font-size: 80px;
}

/*Comprar Créditos*/
#adquirirCreditos {
    background-color: white;
    min-height: 200px;
    width: 100%;

}

#linea1 {    
    grid-column-start: 1;
    grid-column-end: 5;
}

#adquirir {
    margin: 60px 0 15px 0;
    color: #1a4d99;
    font-size: 80px;
    text-align: inherit;
}

.imgBanner, .trabajos {
    display: inline-block;
    vertical-align: middle;
}

.ddlCantidades {
    background-color: #e1e8ed;
    border: none;
    border-radius: 5px;
    font-family: Font-Family5;
    font-size: 23px; 
}

#enviarPedido {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 33% 33% 33%;
    min-height: 100px;
}

#linea2 {
    grid-column-start: 1;
    grid-column-end: 4;
}

#lblError {
    font-size: 15px;
    grid-column-start: 1;
    grid-column-end: 3;
}

.pagarss {
    margin-top: 58px;
    margin-bottom: 116px;
}

.btnPaypal {
    background-color: white;
    background-image: url("/images/Paypal.png");
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    height: 100px;
    width: 250px;
}

.divDepositos {
    border-bottom: 4px solid #074775;
    border-top: 3px solid #074775;
    display: grid;
    font-family: Font-Family5;    
    grid-gap: 15px;
    grid-template-columns: 33% 26% 30%;
    margin-top: 30px;
    padding: 10px 0 10px 0;
}

.imgDepositos {
    width: 99%;
}

#imgDepBanco {
    grid-column-start: 1;
    grid-column-end: 2;
}

.nota {
    background-color: rgba(7, 71, 117, 0.2);
    font-size: 15px;
    margin: 15px 0 15px 0;
    padding: 15px;
}

#finalizar {
    background-color: #074775;
    border-radius: 5px;
    float: right;
    height: 40px;
    margin-top: 10px;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

/*Footer*/
#divContainerFooter {
    background-color: rgb(0, 63, 110);
    display: grid;
    font-family: Font-Family4;
    grid-template-columns: 25% 18% 32% 25%;
    height: 350px;
    margin-bottom: 50px;
    padding: 20px 15% 10px 15%;
    width: 100%;
}

#usuariosRegistrados {
    grid-column-start: 3;
    grid-column-end: 4;
}

#lineaFooter {
    background-color: rgb(150, 150, 150);
    grid-column-start: 1;
    grid-column-end: 5;
    height: 1px;
    width: 100%;
    margin-bottom: 43px;
}

footer a {
    color: rgb(255, 255, 255);
    font-size: 14px;
    margin-left: 25px;
    text-decoration: none;
    font-family: Font-Family4;
}

.tecontactoUsa {
    overflow: hidden;
    max-width: 229px;
    border: 1px solid #1371b6;
    padding: 15px 15px 15px 29px;
    color: white !important;
    background-image: url("/images/USA.png");
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center left 11px;
    border-radius: 5px;
}

.llogochico {
    width: 173px;
}

.laMLS, .llogochico {
    vertical-align: middle;
}

#ContentPlaceHolder1_btnBuscar {
    background: #00b33c;
    padding: 10px 28px;
    border-radius: 5px;
}

.tecontactoUsa img {
    height: 100%;
    width: 90%;
}

/*Linea Flotante*/
.barraFija {
    background-color: #f56522;
    bottom: 0px;
    /* display: grid; */
    font-family: Font-Family6;
    font-size: 16px;
    /* grid-template-columns: 15% 10% 3% 8% 1% 3% 12% 20% 12% 15%; */
    /* height: 50px; */
    position: fixed;
    width: 100%;
    text-align: center;
}

.barraFija div {
    display: inline-block;
    padding: 10px;
}

.trabajadore1w, .trabajadore2w {
    display: inline-block;
    vertical-align: middle;
}

.trabajadore1w{
max-width: 30%;
}

.trabajadore2w {
    max-width: 66%;
    padding: 0 0 0 03%;
}

.trabajadore2w h1 {
    font-family: Font-Family2;
    font-size: 63px;
    color: #35426f;
}

.laGreen {color: #00b33c;}

.azul.trabajadore2w p {
    color: #41545e;
}

.vivapa {
    margin-bottom: 0;
}
@font-face {
    font-family: Font-Family;
    src: url(fonts/Bison-DemiBold.ttf)
}

@font-face {
    font-family: Font-Family2;
    src: url(fonts/Bison-Bold_1.ttf)
}

@font-face {
    font-family: Font-Family3;
    src: url(fonts/Bison-RegularItalic.ttf)
}

@font-face {
    font-family: Font-Family4;
    src: url(fonts/Ubuntu-Medium.ttf)
}

@font-face {
    font-family: Font-Family5;
    src: url(fonts/Ubuntu-light.ttf)
}

@font-face {
    font-family: Font-Family6;
    src: url(fonts/Ubuntu-Bold.ttf)
}

@font-face {
    font-family: Font-Family7;
    src: url(fonts/Font-Family4.ttf)
}

@font-face {
    font-family: Font-Family8;
    src: url(fonts/Bison-BoldItallic_0.ttf)
}


.botonVerdeHeaderLooking.contratarUnCurrante {
    background-color: #0397b0;
    margin: 0;
    font-size: 16px;
}

.urgentesBotonHeader.miurge {

    background-image: url("http://tecontacto.com.mx/images/cronos_blue.png");

}

.urgentesBotonHeader.miurge a {

    color: #37373e;

}

.urgentesBotonHeader.miurge {
    background-image: url("http://tecontacto.com.mx/images/cronos_blue.png");
    padding: 22px 20px 20px 52px;
    background-size: 31px;
}

.datosTrabajador.trabajador2 {
    font-size: 12px;
    font-weight: lighter !important;
}

.Adjustemento2,.Adjustemento3 {
    padding-top: 24px !important;
    padding-bottom: 26px !important;
}


.Adjustemento6 {
    padding: 0 10px;
}

.Adjustemento7 {
    margin: -10px 12px 0px 12px;
}

.Adjustemento13 {
    margin: 0px 0 5px 0 !important;
}

#btnSalirTrabajadorA, #btnSalirTrabajadorB {
    left: 1px !important;
    top: 9px !important;
    background: transparent;
    width: 100% !important;
    display: block !important;
    height: 44px !important;
    position: relative !important;
    color: white !important;
    content: "salir";
    opacity: 1.3 !important;
    text-align: left;
    font-family: Font-Family4 !important;
    font-size: 16px;
}

.rayito {
    background-image: url("http://tecontacto.com.mx/images/pixel.jpg");
    background-repeat: repeat-x;
    background-position: center;
}

.titulaxo {
    text-align: center;
    background: white;
    width: 285px;
    margin: 39px auto;
}

.teInteresa, .columna019 {
    vertical-align: middle;
}

#vision p, #mision p, #quienesSomos p {
    text-align: justify;
}

#registrateComo {
    font-size: 17px;
    margin-top: 30px;
}

.somuchmore {
    margin-top: 12px;
    display: block;
    font-weight: bolder;
}

#cliente, #lblCreditos, .UpdateData, #btnSalirTrabajador {
    font-size: 12px !important;
    font-weight: lighter !important;
}

.blanco.UpdateData img {
    width: 21px;
}


.divEmpleador1.empliadore {
    width: 100% !important;
}

.empliadore p, .empliadore label  {
    color: white;
}

.kulumna1, .kulumna2 {
    display: inline-block;
    vertical-align: middle;
}

.kulumna2 {
    padding-left: 20px;
}

.kulumna2 .buttonEmpleador {
    background-color: yellow;
    color: #1f1f4f;
    font-weight: bold;
    background-image: url("http://tecontacto.com.mx/images/cronos_blue.png");
    font-weight: bolder;
    font-family: Font-Family4;
    max-width: 441px;
}

.kulumna2 .verde {
    color: yellow;
}

.kulumna2 h1 {
    color: yellow;
}

.currosNormalones {
    background: #ff7a00;
}

.qolumna1, .qolumna2 {
    display: inline-block;
    vertical-align: middle;
}

.qolumna1 {
    min-width: 532px;
}

.auditorio {
    margin: 21px 0 0 0;
    display: block;
}

.qolumna1 .mitads9e {
    width: 100%;
}

.qolumna1 .buttonBanner {
    text-align: left;
    min-height: unset;
    padding: 14px 0 14px 50px;
    font-size: 14px;
    background-size: 30px;
    width: 363px;
    cursor: pointer;
}

.qolumna2 .azul {
    color: white;
    font-weight: bold;
}

.currosNormalones {
    background-color: #ff7a00;
    background-image: url("http://tecontacto.com.mx/images/workers.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 755px;
}

.buttonBanner.Papuh1 {
    font-size: 16px;
    width: 405px;
    padding: 27px 21px 27px 66px;
    background-size: 52px;
}

.cehatransformado {
    display: block;
    width: 100% !important;
    color: #003f6e;
    margin: 26px 0 9px 0 !important;

}

.cehatransformado {margin: 32px 0 15px 0 !important;}
/*MEDIA QUERIES*/

@media (max-width: 1496px) {
 
.mitadInterno .Titulo {
    transform: scale(0.8);
}

	.headertipo1 {
	    font-size: 11px !important;
	}

	.btnSalir {font-size: 11px;}

.nebuloso2 {
    background-image: url("http://tecontacto.com.mx/images/trabajandoArquitec2.png");
}

.Adjustemento3 {
    padding: 27px 10px 29px 47px !important;
    font-size: 12px !important;
}

.Adjustemento2, .Adjustemento3 {

    padding-top: 30px !important;
    padding-bottom: 27px !important;

}


 }

@media (max-width: 1286px) {

    .Segurata {
        font-size: 59px !important;
        margin: 55px 0 73px 0 !important;}

 
 }

@media (max-width: 1129px) {

	.botonVerdeHeaderLooking, .WhatDoYouSell {

	    font-size: 19px;
	    padding-bottom: 25px !important;
	    vertical-align: top !important;

	}

	.datosTrabajador {
	    margin-top: 6px !important;
	}

	.SalduDispo, .datosTrabajador.trabajador1 {

	    margin: 3px 14px 0 11px !important; 

	}

 }


@media (max-width: 1065px) {

.botonVerdeHeaderLooking, .WhatDoYouSell {

    font-size: 14px;
    padding-bottom: 32px !important;
    vertical-align: top !important;

}

.Adjustemento2 {
    padding-top: 29px !important;
    padding-bottom: 29px !important;
}

.Adjustemento3 {
    padding: 28px 13px 28px 46px !important;
}
 }


@media (max-width: 1047px) {

    .menu {
    padding-top: 20px !important;
}
.menuEmpleador .Adjustemento6 {
	background: linear-gradient(0deg, rgba(255,197,20,1) 0%, rgba(255,255,0,1) 95%, rgba(255,235,0,1) 100%);
    padding: 12px 8px;
    color: #313171;
    font-weight: bold;
}

 }

@media (max-width: 1000px) {


.Culumnatta1, .Culumnatta2 {width: 50%;}


.divsDatos {
    width: 100%;
}

    .bannerTitulo {
        margin: 40px 0 20px 5%;
        width: 80%;
    }

    .tiposTrabajo {
        margin: 0 0 50px 5%;
        width: 80%;
    }


	.botonVerdeHeaderLooking, .WhatDoYouSell {
	    font-size: 9px;
	    padding-bottom: 39px !important;
	    vertical-align: top !important;
	}

	    .nebuloso2 {
	        background-size: auto 100%;
	        background-repeat: no-repeat;
	        background-position: right;

	    }

	.mitadInterno .Titulo {
	    transform: scale(0.7);
	}

.Adjustemento2 {
    padding-top: 29px !important;
    padding-bottom: 29px !important;
}

.Adjustemento3 {
    padding: 28px 13px 28px 46px !important;
}



 }

@media (max-width:951px) {
	.Adjustemento6 {
	    padding: 0 10px 0 4px;
	}
}


@media (max-width:922px) {

	.WhatDoYouSell {
    padding: 8px !important;
}

.Adjustemento2 {
    padding: 24px 8px 24px 56px !important;
}

.Adjustemento3 {
    padding: 23px 14px 23px 49px !important;
        padding-top: 23px;
        padding-right: 14px;
        padding-bottom: 23px;
        padding-left: 49px;
}

#logo {

    width: 125px;
    height: 58px;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 8px;

}

	#menu {
	    height: 123px;
	}

#divOpciones {

    float: none;

}



}



@media (max-width: 997px) {
.mitadInterno .Titulo {
    transform: scale(0.6);
}



.ikoniyo3a {
    width: 49%;
    display: inline-block;
    padding: 10px;
}


.barraFija {
    font-size: 11px !important;
}
.currantes1al br {

    display: none;

}
.currantes1al label {
    background-color: #ffffffb5;
    padding: 5px;
    display: block;
}
.mitads9e{
    width: 100%;
}


.barraFija img {
    width: 11px !important;
    height: 11px;
    margin: 17px 0 0 9px;
}

.WhatDoYouSell {

    padding: 21px 14px;

}
#menu {
    background-size: 220px;
    background-position: 20px;
}


.tamanoStandar .currosNormalones *, .tamanoStandar2, .tamanoStandar2 * , .currosNormalones, .currosNormalones * {
    text-align: center !important; 
}


.tamanoStandar2 {

    max-width: 1200px;
    margin: auto;
    padding-bottom: 74px;

}

}

@media (max-width: 922px) {
#logo {

    width: 100%;
    text-align: center;

}

#logo a img {

    width: 153px;
    padding: 14px 0 !important;

}

#logo {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #296da7;
    text-align: center !important;
    background-position: center;
    /*margin-top: 3px !important;*/
    background-size: 180px;
}

.botonVerdeHeaderLooking, .WhatDoYouSell {
    padding-top: 12px !important;
    padding-bottom: 14px !important;
}

.Adjustemento3 {
    padding: 23px 12px 23px 45px !important;
}

}


@media (max-width: 800px) {

.Culumnatta1, .Culumnatta2 {
    width: 100%;
}

.ikoniyo, .ikoniyo2 {
    display: inline-block;
    vertical-align: middle;
}

.blanco.pregunton {
    margin: 22px auto 30px auto !important;
    text-align: center !important;
}

.rayiya {
    background-image: none;
}

.rayiya h3 {
    width: 300px;
}

.seleccionCategorias {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 49% 49%;
    margin: 5px 0 40px 0;
}

.seleccionCategorias span {
    grid-column-start: 1;
    grid-column-end: 3;
    text-align: center;
}

.seleccionCategorias select {
    font-family: Font-Family5;
    font-size: 12px;
    width: 98%;
}


.qolumna1 {
    width: 100%;
}

.qolumna2 {
    width: 100%;
}

.EncabezadoHome {
    background-image:none;
}

.bomboroGignac1 {
    max-width: 90%;
    height: auto;
}

.mitad.mitad1{
    background: #3891b7;
    background-image: none;
    background-size: auto;
}

.sellaxo {
    display: none;
}

.mitad {
    min-height: 0;
    padding: 7% 7% 0% 7%;
}

.mitadInterno {
    margin: 0px 2% !important;
}

#menu {height: 123px;}

#divOpciones {float: none;}

.teInteresa, .columna019 {
display: block;
width: 100%;
}

.teInteresa {
    margin: 35px auto !important;
}

#spnProfesionistaTrabajador {
    margin: 7px auto 38px auto !important;
}

.bomboroGignac1 {
    max-width: 96%;
    height: auto;
}

 html.gr__tecontacto_com_mx body form#form1 header div.tamanoStandar {
    padding: 0 !important;
}

#divOpciones a {
    font-size: 12px;
}
      
.tamanoStandar.anuleishon {
    padding-bottom: 0 !important;
}

#trabajosNormalesImg img {
    max-height: 412px !important;
    margin-bottom: -4px !important;
}

.menu.blanco {
    margin: 0 12px !important;
}

.Kolumna1, .Kolumna2 {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    margin: 0 0 -4px 0;
}

#divFormularioYOpciones {
    display: grid;
    grid-template-columns: 100%;
}

.trabajos {width: 100%;}

.tamanoStandar * {
    text-align: center !important;
    margin: auto !important;
}

.imgBanner {
    display: none;
}

.tamanoStandar {
	padding: 1px 36px !important;
}

.columnaKla1 img{
    display: none;
}

 .desaparecerEnResp {
    display: none;
}

.segundafranja .blanco {
	width: 47%;
}

.franjaFooter1 div {
	width: 100%;
	text-align: center;
}

.divBuscador.tamanoStandar .amarillo {
	font-size: 1.5em;
	padding: 28px 0 0 0;
}

.tercio {
    width: 100%;
}

.mitad {
    width: 100%;
}

.fondo2 {
    min-height: 300px;
    overflow: hidden;
}

    .buscador {
        min-height: 50px;
        width: 100%;
        overflow: hidden;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    .proyectos {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        width: 100%;
    }

    .proyecto {
        width: 100%;
    }

    #proyectosBusqueda {
        margin: 30px 0 20px 5px;
    }

    #ContentPlaceHolder1_trabajoDe {
        font-size: 14px;
        margin-left: 0;
        min-height: 35px;
        width: 100%;
    }

    #ContentPlaceHolder1_estado, #ContentPlaceHolder1_ddlEstados, #ContentPlaceHolder1_ddlMunicipios {
        font-size: 14px;
        min-height: 35px;
        width: 100%;
    }
    .divBuscador {
        margin: 0;
        width: 100%;
    }
	.divBuscador div label {
        display: block;
	}
    .divOferta {
        grid-template-columns: auto;
        grid-template-areas: "datosOferta" "imgOferta" "verDatos" "infoOferta";
        min-height: 100px;
        margin: 10px 0 20px 0;
        padding: 2% 1% 2% 1%;
        width: 100%;
    }

    .datosOferta {
        width: 95%;
    }

    .imgOferta {
        width: 90%;
    }

    .infoOferta {
        width: 95%;
    }

    .verDatos {
        width: 90%;
    }

    .contenedor {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        /*grid-template-rows: 50px 100px;*/
    }

    .ofertas {
        grid-template-columns: 50% 50%;
        margin: 0 0 20px 0;
        width: 100%;
    	display: inline-grid;
    }

    .oferta {
        width: 95%;
    }

    #bannerInfo {
        margin: 30px 0 0 0;
        width: 100%;
    }

    #divunete {
        padding: 47px 10px;
    }

    #unete {
        font-size: 63px;
    }

    #divunete p {
        margin: 20px auto;
        width: 100%;
    }

    #somos {
        padding: 50px 60px;
		background-image: none;
    }

    #divunete a {
        margin-left: auto;
    }

    .divEmpleador2 {
        background-image: none;
    }

    .buscas {
        display: block;
        margin-left: auto;
        width: 100%;
    }

    .buscas h2 {
        font-size: 30px;
    }

    .divBuscador {
        padding: 20px 30px;
        display: block;
    }

    .divBuscador h2 {
        font-size: 19px;
        margin: auto;
        position: unset;
    }

    .divBuscador div {
        overflow: hidden;
        width: 90%;
    }

    .contenedorEstadosyTrabajos {
        margin: auto;
        width: 100%;
    }

    #divEstados {
        padding: 20px;
        grid-template-columns: repeat(3, minmax(170px, 1fr));
        width: 100%;
    }

    #estadosyTrabajos h2 {
        margin: auto;
        position: unset;
    }

    .divProfecionistas1 {
        grid-template-columns: repeat(3, minmax(50px, 1fr));
    }

    .divCategorias {
        grid-template-columns: repeat(3, minmax(230px, 1fr));
        margin: 20px;
    }

    .siguiente2{
        width: auto;
    }

	.registrar, .buttonEmpleador {
    	width: 80% !important;
    	background-image: none !important;
	}
	.buttonEmpleador, .registrate2, .divTrabajador input { width: auto !important; }
	#divContenidoDatosEmpleado { 
		width: 100%;
		margin: auto;
	}
	.divDatosEmpleador { grid-template-columns: auto; }
	#divNombreEmpleador, #divTelCasa, #divCel, #divTelPersonal, #divCodigoPostal, #divCorre { 
		grid-template-columns: 0 81%;
		padding:10px;
	}
	#divTelCasa img, #divCel img, #divTelPersonal img, #divCodigoPostal img, #divCorreo img {
		display: none;
	}
	#divDatosTrabajador #txtInformacion {
		margin-bottom: auto;
		width:auto;
	}

	.divsDatos {
		grid-template-columns: 20px auto;
	}

	.registrar, .buttonEmpleador  {
	    width: 100% !important;
	    background-image: none !important;
	    margin: auto;
	}




    .buttonEmpleador, .registrate2, .divTrabajador input {
        width: auto !important;
    }

    #vision h1 {
        grid-column-start: 1;
        grid-column-end: 1;
    }

    #vision, #mision, #quienesSomos {
        grid-template-columns: 100%;
        padding: 40px 20px;
    }

    .divFelicidades {
        margin: 20px 20%;
        width: auto;
    }
#yaEstoy {

    width: 201px;
    margin: auto;

}

	.mitad2 {
	    padding-bottom: 22vh;
	    min-height: 90px;
    	background-size: 56vh auto !important;
    	background-image: none !important;
	}

	.keBuscas1, .keBuscas2
	{
		width: 100%;
	}

.buttonEmpleador {
    margin: auto;
}

.currantes1al, .divEmpleador1 {
    width: 100%;
    text-align: center !important;
}

.barraFija {
    display: none !important;
}

	.mitad {
	    min-height: 0;
	    padding: 7% 7% 0% 7%;
	}

	.divBuscador div {

	    overflow: hidden;
	    width: 97%;
	    display: block;
	    margin: 17px 0 0 0;

	}

	#ContentPlaceHolder1_trabajoDe {
    	padding: 17px;
	}

    .amarilloCheck *, .orangeCheckFlecha * {text-align: left !important;}

    .amarillo.masBajao, .orangeCheckFlecha {
    text-align: left !important;
    display: block;
    margin-bottom: 27px !important;}


.columno1, .columno2 {

    display: block;
    width: 100%;

}

/*tecocambios*/
	.divCategorias * {

	    text-align: center !important;

	}


	#necesitas, #contactanos {
	    min-height: unset;
	}


	.buttonEmpleador {
	    margin: 25px 0 24px 0 !important;
	    display: block !important;
	}

	.divProfecionistas img {
	    display: block;
	}

	.divProfecionistas1 {
	    margin: 0 0 27px 0 !important;
	}

	.buscas h2 {
	    margin: auto;
	    font-size: 25px;
	    margin: 0 0 25px 0 !important;
	    display: block;
	}

	.filtros .blanco {
	    margin: 14px 0 6px 0 !important;
	    display: block;
	}


	#ContentPlaceHolder1_btnBuscar {
    background: #00b33c;
    padding: 10px 28px;
    border-radius: 5px;
    margin-top: 10px !important;
    display: block;
	}


	.input {
	    padding: 17px !important;
	}

	.divEstades {
	    margin: 0 0 7px 0 !important;
	    display: block;
	}


	.verde.kurrelho {
    margin: 50px 0 10px 0 !important;
	}


	.divCategorias img {
	    float: unset;
	    margin: 5px 29px !important;
	    height: 51px;
	}


	.divCategorias.tamanoStandar .azul {
	    margin: 6px 0 23px 0 !important;
	}

	#necesitas, #contactanos {
	    margin: 9px !important;
	    padding: 19px;
	    text-align: left !important;
	    font-size: 9px !important;
	}

	.ayuda.azul {
	    font-size: 22px;
	    text-align: left !important;
	  
	}

	#contactanos label {
	    font-size: 16px;
	}

	.titukloi2 {

	    width: 80%;
	    padding-left: 4%;

	}
.divCategorias.tamanoStandar {

    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

}

	.tamanoStandar * {
	    text-align: left !important ;
	    margin: auto !important;
	}

	#necesitas, #contactanos {
	    width: 100%;
	}

.divProfecionistas1 * {

    text-align: center !important;

}
.divEmpleador1, .divEmpleador1 * {

    text-align: center !important;

}


.buttonEmpleador {
    margin-top: 26px !important;
}


.buscas h2 {

    text-align: center !important;

}

.queBuscas.azul * {

    text-align: center !important;

}
 .menu {
    padding-top: 0px !important;
}

/*tecocambios*/

}


@media (max-width:680px) {

/*CAMBIOS FINALES*/

.Eldu input, .Eldu select {
    font-size: 13px !important;
    font-weight: lighter !important;
    color: 
    black !important;
}

.tamanoStandar.pollock7 {
    padding-bottom: 91px !important;
}

.separadoraakd {
    display: block;
    width: 100%;
    height: 35px;
}

.divDepositos.pollock13 {
    display: block;
}

.divDepositos.pollock13 img, .btnPaypal {
    width: 345px;
    margin: 24px 10px 0px 0 !important;
    height: auto;
}

.Guaranos {
    display: block;
    margin: 21px 0 0 0 !important;
}

.bannerTitulo {
    height: 40px;
    margin: 40px 0 20px 5%;
    width: 85%;
}

.bannerTituloDiv1 {
    margin: 10px 0 10px 5px;
    height: 40px;
    float: left;
    width: 40%;
}

.bannerTituloimg {
    height: 30px;
}

.bannerTituloDiv2 {
    margin: 10px 0 10px 0;
    width: 58%;
}

.bannerTituloDiv2 label {
    font-size: 12px;
}

.tiposTrabajo {
    grid-template-columns: 100%;
    width: 85%;
}

.pakistanuy17 li {
    margin: 0 0 28px 0 !important;
    display: block;
}

.divDepositos.pollock13 {
    display: block;
}

.rayiya {
    background-image: none;
}

.rayiya h3 {
    width: 95%;
}

.pakistanuy14 {
    font-size: 20px !important;
    margin: 11px 0px 17px 0 !important;
    display: block;
}

.listaSolida.pakistanuy17 {
    padding: 0 !important;
    margin: 22px 5px 16px 5px !important;
    display: block !important;
}

    .contraElPaketaxxoo {
        float: none;
    }

#finalizara {
    background: #ff7800;
    padding: 10px;
    display: block;
    margin: 12px 0 0 0 !important;
    border-radius: 4px;
    width: 194px;
    text-align: center !important;
    text-decoration: none;
    float: right;
}

.divFelicidades1 a {
    height: 50px;
}

.pakistanuy15 {
    margin-bottom: 25px !important;
}

.pakistanuy16 {
    font-size: 25px !important;
    margin: 0 0 23px 0 !important;
}

.chukeesKonDio {
    margin: 26px 0 0 0 !important;
    display: block;
    text-align: left !important;
}

.apartado.ArUCriyingMaChuke {
    font-size: 16px;
    margin: 17px 0 36px 0 !important;
    display: block !important;
}

.qolumna1{
	min-width: unset;
}

.aluakbar {
    display: none;
}

.buttonBanner.Papuh1 {
    transform: scale(0.8);
}

.rucryingmachuke1, .rucryingmachuke2 {
    font-size: 11px;
    font-weight: lighter;
    color: 
    black !important;
    height: unset;
    min-height: unset !important;
    margin-top: 20px !important;
}

#enviarPedido {
    grid-template-columns: 20%;
}

.rucryingmachuke1 {
    padding: 12px 0 0 18px;
}

.divFelicidades1 a {
    height: 50px;
}

.rucryingmachuke2 {
    padding: 6px 0 11px 18px;
}

.empleadoreCover {
    background-image: unset;
}

.tamanoStandar.maChuke9,.divProfecionistas.maChuke4, .divProfecionistas1.maChuke10, .divProfecionistas.maChuke2, .divProfecionistas.maChuke8 {
    display: none;
}

.tabli1, .tabli2, .tabli3, .tabli4 {
    display: block;
    width: 100%;
    vertical-align: top;
}

.tamanoStandar.pagarss {
    padding-top: 0px !important;
}

.ddlCantidades {width: 100%;}

.ikoniyo3a {
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.EncabezadoHome,.lineaEmpleado.tamanoStandar,  .OcultarResponve  {display: none;}

.contenidoEmpleado.tamanoStandar.arwenderitos2 {
    margin: 0 !important;
    padding: 0 !important;
}

.vivapa.vivapa2 {
    font-family: Font-Family2;
    font-size: 40px;
    color: 
    #35426f;
}

.troyes {
    display: block;
    width: 222px;
    margin: 37px auto 16px auto !important;
}

.ajustage0.ajustageu1.troyes2 {
    text-align: center !important;
    color: 
    #34345e;
    margin: 20px 0 23px 0 !important;
    display: block;
}

.tamanoStandar.troyes5 {
    padding-top: 0 !important;
}

#ContentPlaceHolder1_ddlEstados {
    width: 100%;
}


#ContentPlaceHolder1_ddlMunicipios {
    width: 100%;
}

#bannerCondiciones h1, .tropicales {
    font-size: 39px;
    margin-top: 74px !important;
}

.seleccionCategorias {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 98%;
    margin: 5px 0 40px 0;
}

    .seleccionCategorias span {
        grid-column-start: 1;
        grid-column-end: 3;
        text-align: center;
    }

    .seleccionCategorias select {
        font-family: Font-Family5;
        font-size: 12px;
        width: 98%;
    }

    .iptcampos {
        padding-left: 1px;
    }

    #llegoLaHora {
        display: none;
    } 
#llegoLaHora2 {display: block;}



#necesitas, #contactanos {
    margin: 3px 0 !important;
}
.contenedorEstadosyTrabajos.tamanoStandar {padding-bottom: 4px !important;}

.EncabezadoHome  {
display: none;
}

.bannerVertical {
    margin-top: 10px !important;
}
.tamanoStandar.CTasz {
    margin: 0 !important;
    padding-top: 0px !important;
}

.envoltorioParaTitel {
    display: block;
    margin: 122px 0 0 0;
}

.encabezadoResposive {
    display: block;
    background: #003c6e;
    padding: 19px 0 71px 0;
}

.BotonKeBendesHeader.BotonAmariloHeader {
    background-color: #028db2;
    color: white !important;
    background-image: url("http://tecontacto.com.mx/images/coen.png");
}

.BotonNaranjaHeader .botonTexto1, .BotonAmariloHeader .botonTexto1 {
    font-size: 1em !important;
}

.NotitaNsUpC {
    font-size: 13px;
}

.encabezadilloChikillo {
    margin-top: 42px;
}


.Kikiyo2 {
    width: 36%;
}
.Kikiyo1 {

    width: 62%;

}
.Kikiyo1, .Kikiyo2 {
    display: inline-block;
    vertical-align: middle;
}

.BotonKeBendesHeader.BotonAmariloHeader a {
    color: white;
}

.BotonKeBendesHeader.BotonAmariloHeader .botonTexto2 {
    padding: 0px 0px 0px 0px;
}

.encabezadoResposive {
    padding: 22px;
}

.BotonNaranjaHeader .botonTexto1, .BotonAmariloHeader .botonTexto1 {
    font-size: 16px;
}


.botonTexto2 {
    font-size: 13px;
    padding: 0 !important;
}

.BotonNaranjaHeader .botonTexto1, .BotonAmariloHeader .botonTexto1 {
    font-size: 1.5em;
    display: block;
    margin: 0 0 0px 0;
    font-weight: bold;
}

#menuToggle {
    display: none !important ;
}

#ContentPlaceHolder1_prfDescripcionProyecto {
    margin: 18px 0 22px 0 !important;
}

#teInteresaTitulo {

    background-color: #004a78;
    height: 20%;
    padding: 14px 15px;
    width: 100%;

}
#conoce .azul {
    margin: 16px 0 !important;

}

.logoKeko, .Menukeko {
    display: inline-block;
    vertical-align: middle;
}

.logoKeko {
    width: 20%;
}
.Menukeko {
    width: 78%;
}
.Menukeko.normalMovil a:first-child {
    background: linear-gradient(0deg, rgba(255,197,20,1) 0%, rgba(255,255,0,1) 95%, rgba(255,235,0,1) 100%);
    padding: 6px;
    color: #313171;
    font-weight: bold;
}
.Menukeko.Trabajador3 a:nth-child(2) {
    background: linear-gradient(0deg, rgba(255,197,20,1) 0%, rgba(255,255,0,1) 95%, rgba(255,235,0,1) 100%);
    padding: 6px 0px;
    color: #313171;
    font-weight: bold;
}
.Menukeko.Empleador3 a:nth-child(3) {
    background: linear-gradient(0deg, rgba(255,197,20,1) 0%, rgba(255,255,0,1) 95%, rgba(255,235,0,1) 100%);
    padding: 6px 3px;
    color: #313171;
    font-weight: bold;
}
.teInteresa input, #aviso {
    font-size: 14px !important;
}

.Menukeko a {
    font-size: 11px;
    color: white;
    text-decoration: none;
    padding: 0px 0 0px 0;
    margin: 0 5px 0 0;
}

.btnSalir {
    color: white;
    background-image: none;
    font-family: Font-Family5;
    font-weight: normal;
}

.titulorero .TextoGirado.textogirado1 {

    font-size: 24px;

}
.tecontactoUsa {
    padding: 15px 15px 15px 50px;
}

.amarillo.pocomasgrande {
    font-size: 43px;
}

    #divContenido {
        padding-top: 10%;
    }

.eyemer {
    font-size: 19px;
    margin: 22px 1px 20px 0 !important;
    display: block;
}
.titulorero .TextoGirado.textogirado2 {
    font-size: 62px !important;
    margin: -15px;
}

.titulorero .TextoGirado.textogirado3 {

    font-size: 46px;
    margin-top: -9px;

}

.LaSeguridha {
    color: white !important;
    font-size: 17px;
    margin: 44px 0 11px 0;
}
.columnaKla1 {
    padding: 0 !important;
    margin: 0 !important;
}

.tamanoStandar.BBSRV {
    padding: 5px 0 66px 5px !important;
}

#divTextoPaquetecontacteUrgente {
    padding-bottom: 0 !important;
}

#divimgPaquetecontacteUrgente {
    padding: 0;
}


.LaSeguridha {
    color: #ffff3e !important;
    font-size: 26px;
    margin: 44px 0 11px 0;
    font-weight: bolder !important;
    font-family: Font-Family;
}


.ICOMUN {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    padding: 6px 0 6px 25px !important;
}




.ICOArquitectos{background-image: url("http://tecontacto.com.mx/categorias/arquitectos,-diseñadores-e-ingenieros.png");}
.ICOAlbanileria{background-image: url("http://tecontacto.com.mx/categorias/albañiles-y-azulejeros.png");}
.ICOCarpinteros{background-image: url("http://tecontacto.com.mx/categorias/carpinteria-para-casa-u-oficina.png");}
.ICOCerrajeros{background-image: url("http://tecontacto.com.mx/categorias/cerrajeria.png");}
.ICOElectricistas{background-image: url("http://tecontacto.com.mx/categorias/electricistas.png");}
.ICOEmpacadore{background-image: url("http://tecontacto.com.mx/categorias/empaque--y-paqueteria.png");}
.ICOPintores{background-image: url("http://tecontacto.com.mx/categorias/pintores.png");}
.ICOPlomeros{background-image: url("http://tecontacto.com.mx/categorias/plomero.png");}
.ICOJardineros{background-image: url("http://tecontacto.com.mx/categorias/jardineros.png");}
.ICOFumigadores{background-image: url("http://tecontacto.com.mx/categorias/fumigacion-y-control-de-plagas.png");}
.ICOFletes{background-image: url("http://tecontacto.com.mx/categorias/fletes-locales-e-internacionales-o-agente-aduanal.png");}
.ICOAgenteaduanal{background-image: url("http://tecontacto.com.mx/categorias/tramite-de-agente-aduanal-de-importaciòn-o-exportacion.png");}
.ICOPeritos{background-image: url("http://tecontacto.com.mx/categorias/pintores.png");}
.ICOValuadores{background-image: url("http://tecontacto.com.mx/categorias/asesores-certificados-en-vivienda,-peritos-de-obra-y-valuadores.png");}
.ICOymuchomas{background-image: none;}




.contenidoEmpleado {
    min-height: unset;
}


#contactanos label {
    font-size: 12px;
}

.ICOMUN.somuchmore.ICOymuchomas {
    font-weight: bold;
}

.docu.CheckVerde.ZEBRAZ {

    color: white;

}

.conejos {
    color: white;
}
.BotonNaranjaHeader, .BotonAmariloHeader {
    box-shadow: 1px 1px 4px #174848;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 54px;
    border-radius: 5px;
    margin: 26px 0 21px 0;
    background-size: 30px auto;
}

.contenidoEmpleado.tamanoStandar.arwenderitos1 {
    margin-top: 0 !important;
    padding-top: 0px !important;
}

.espaciado0 {
    margin-bottom: 13px !important;
    display: block !important;
}

.espaciado2 {

    margin-bottom: 18px !important;
    display: block !important;

}
#divEstas {
    margin: 0 !important;
    padding-top: 0 !important;
}
.verde.espaciado3 {
    margin: 14px 0 30px 0 !important;
}


.AjusteInterlineadoResponsivo {
    line-height: 1em;
    margin-bottom: 26px !important;
}

.ubicacionCategoria.ajusteDeRespu1 {
    margin: 16px 0 !important;
}

#divMensajeQueja {

    font-size: 15px;

}
#divOpcionesContenido {
    font-size: 12px;
    padding-left: 12px !important;
}

#divQuejaFormulario p {

    font-size: 14px !important;

}

.tukonfmasion8 {
    font-size: 36px !important;
    margin: 0 0 6px 0 !important;
    display: block !important;
}

.pontecontacto.tukonfmasion9 {
    font-size: 15px;
    margin: 14px 0 27px 0 !important;
}

.tamanoStandar {

    padding: 69px 36px 36px 25px !important;

}

.trabajosNormales.Kolumna1.tukonfmasion2, .trabajosNormales.Kolumna1.tukonfmasion2 * {
    text-align: center !important;
}


.amarillo.tukonfmasion5 {
    font-size: 49px;
}

#trabajosNormalesImg img {
    width: 107px;
    text-align: center !important;
    margin: auto !important;
}

.tukonfmasion6 {display: none;}

.trabajosNormales.Kolumna1.tukonfmasion2 {
    margin-bottom: 0 !important;
    padding-bottom: 29px;
}

.cuentanos .textbox {
    font-size: 12px;
    font-weight: lighter;
    color: 
black;
padding: 12px 11px 1px 12px !important;
height: unset !important;
margin: 5px 0 0 0 !important;
border: 2px solid
#4d658a;
box-shadow: 1px 1px 1px
    #9adbdb;
}

.lblcampos {
    font-size: 14px;
    text-align: left !important;
    display: block;
    margin: 19px 0 7px 0 !important;
}


.cehatransformado {
    margin: 26px 0 9px 0 !important;
}

/*ICONOS HOME*/

.siguiente2{
    color: white;

}

/*CAMBIOS FINALES TERIMNA*/

#adquirir {
    font-size: 57px;
    margin: 61px 0 0 0 !important;
}

.Adjustemento, .Adjustemento15, .Adjustemento7 {
    display: none !important;
}

.registrate2 {
    background-size: 36px;
    padding: 22px 22px 22px 52px !important;
}

.trabajador-A {
    display: none !important;
}
.OcultarResponve {
    display: none;
}

}



@media (max-width:480px) {

	#divOpciones {
    display: none;
}

    #adquirirCreditos {
        background-color: white;
	    min-height: 200px;
        overflow: hidden;
        padding: 12px;
        width: 100%;
    }

    .segundafranja .blanco {
	   width: 100%;
	   text-align: center;}

	.tecontactoUsa { 
        margin: auto;
        text-align: center;
	}

	.mitad2 {
    background-size: 229%;}

    .buscador {
        min-height: 50px;
        width: 100%;
        overflow: hidden;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    .proyectos {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        width: 100%;
    }

    .proyecto {
        width: 100%;
    }

    #proyectosBusqueda {
        margin: 30px 0 20px 5px;
    }

    #ContentPlaceHolder1_trabajoDe {
        font-size: 14px;
        margin-left: 0;
        min-height: 35px;
        width: 100%;
    }

    #ContentPlaceHolder1_estado {
        font-size: 14px;
        min-height: 35px;
        width: 100%;
    }
    .divBuscador {
        margin: 0;
        width: 100%;
    }
    .divBuscador div {
        width: 100%;
    }

    .divOferta {
        grid-template-columns: auto;
        grid-template-areas: "datosOferta" "imgOferta" "verDatos" "infoOferta";
        width: 100%;
        min-height: 100px;
        margin: 10px 0 20px 0;
        padding: 2% 1% 2% 1%;
    }

    .datosOferta {
        float: left;
        width: 95%;
    }

    .imgOferta {
        float: left;
        width: 95%;
    }

    .verDatos {
        width: 95%;
    }

    .infoOferta {
        width: 95%;
    }

    .contenedor {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        /*grid-template-rows: 50px 100px;*/
    }

    .ofertas {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        margin: 0 0 20px 0;
        width: 100%;
    }

    .oferta {
        width: 100%;
    }

    #bannerInfo {
        margin: 30px 0 0 0;
        width: 100%;
    }

    #divunete, #somos, .divEmpleador2 div, .buttonEmpleador {
        width: 100%;
    }

    #somos label {
        font-size: 48px;
    }

	#somos { 
		min-height:auto;
    	padding: 30px 60px;
	 }

    #unete {
        font-size: 58px;
    }

    .esGratis {
        font-size: 40px;
    }

    .divEmpleador1, .divEmpleador2, .registrar {
        margin: 10px;
        width: 90%;
    }

    #divEstas {
        margin-left: auto;
        width: 100%;
    }

    .divProfecionistas1 {
        grid-template-columns: repeat(2, minmax(50px, 1fr));
    }

    .buscas h2 {
        margin: auto;
        font-size: 25px;
    }

    .registrate2 {
        margin: auto;
        width: 100%;
    }

    .buscas a {
        margin: 5px;
        padding: 20px 40px;
        display: inline-block;
    }

    .divTrabajador, .contenedorEstadosyTrabajos {
        display: block;
        width: auto;
    }

    .divTrabajador input {
        width: 90%;
    }

    .divCategorias {
        display: block;
        width: auto;
    }

    #necesitas, #contactanos {
        width: 100%;
        height: auto;
        margin: auto;
    }

.divTrabajador.tamanoStandar.indepq {

    margin: 0 !important;
    padding-top: 17px !important;
    padding-bottom: 0 !important;

}

.divBuscador { border-radius: 0 !important;}

    #divDireccion {
        grid-template-columns: 50% 50%;
    }

.keBuscas2 {
    padding-bottom: 0 !important;
}
    

    div#divicion {
        display: none;
    }

    span[id="spnCalle"], span[id="spnNombre1"] {
        grid-column-start: 1;
        grid-column-end: 1;
        margin-left: 0;
    }

    .divUser {
        grid-template-columns: 50%;
        grid-template-rows: 50%;
        grid-row-start: 1;
        grid-row-end: 3;
    }

    .proyectos1 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
    }

    #divEstados {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
    }

    #imgEscudo {
        display: none;
    }

    .ayuda {
        font-size: 36px;
    }

    /*Menu*/
    nav {
        background-color: #003f6e;
        position: fixed;
        width: 100%;
        padding: 15px 10px 10px;
        display: block;
        z-index: 10000;
        background-image: url(http://tecontacto.okhosting.com/images/logo.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 120px;
    }
	.selectorIdiomaRespo a {

	    display: block;
	    margin: 0 0 19px 0;

	}

	.mexa {background-image: url("http://tecontacto.com.mx/images/Mexico.png");}

	.Gringo {background-image: url("http://tecontacto.com.mx/images/USA.png");}


	.selectorIdiomaRespo {
    border-top: 1px solid #7b73b1;
    padding: 26px 0 0px 0;
    margin: 18px 0 0 0;}

	.selectorIdiomaRespo a {
	    display: block;
	    margin: 0 0 19px 0;
	    background-repeat: no-repeat;
	    background-size: 35px;
	    height: 45px;
	    padding: 9px 0 0 45px;
	}

	.selectorcomplementosRespo a {

    font-size: 17px;

}


.selectorcomplementosRespo {
    border-top: 1px solid #7b73b1;
    margin: 16px 0 0 0;
}

.selectorcomplementosRespo a {

    font-size: 17px;
    display: block;
    margin: 19px 0 0 0;

}

    #menuToggle a {
        text-decoration: none;
        color: white;
        transition: color 0.3s ease;
    }

    #menuToggle a:hover {
        color: tomato;
    }

    #menuToggle {
        display: block;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0; /* hide this */
        z-index: 2; /* and place it over the hamburger */
        -webkit-touch-callout: none;
    }

    #menuToggle span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #cdcdcd;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
    }

    #menuToggle span:first-child {
        transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }

    #menuToggle input:checked ~ span {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: white;
    }

    #menuToggle input:checked ~ span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

    #menuToggle input:checked ~ span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
    }

    #menu2 {
        position: absolute;
        width: 300px;
        margin: -100px 0 0 -50px;
        padding: 50px;
        padding-top: 125px;
        background: #063151;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        /* to stop flickering of text in safari */
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }

    #menu2 li {
        padding: 10px 0;
        font-size: 22px;
    }

    #menuToggle input:checked ~ ul {
        transform: none;
    }

    #menu {
        display: none;
    }
	#divNombreEmpleador {
		grid-column-end: auto;
	}

    .datosTrabajo{
        display: block;
    }

    .datosTrabajo img {
        width: 5%;
    }

	.datosTrabajoEINstrucciones { 
        display: block; height: auto; 
	}

	.trabajos { 
		height: auto !important;
    	float: none !important;
    	position: unset !important;
		overflow: unset !important;
		width: auto !important;
	 }

	.trabajos p { 
		margin-top: auto !important;
		padding-top: 60px;
	}    

    .divFelicidades {
        margin: 20px;
        width: auto;
    }


.OcultarResponve {
    display: none;
}

}