@charset "UTF-8";
/* CSS Document */
#procesoP{
	display: inline-block;
}

.autosizeanimation{
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
	resize: vertical;
}

.CorreodAlta{
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.crearPost {
    width: 100%;
    border: 1px solid #d5d5d5;
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 16px;
}

#crearPerfil{
	width: 485px;
	position: relative;

}
#btnNuevaOferta{
	width: 200px;

}
#btnOfertaPrivada {
	margin-right: 2em;
	border-bottom: 4px solid #bfbfbf;
	cursor: pointer;
	font-weight: 500;
	font-size: 16px;
	padding-top: 7px;
	padding-bottom: 10px;
	height: 36px;
	text-decoration: none;
}
#btnOfertaPrivada:hover	{
	background-color: #bfbfbf;
}

#formaNoticia {
    display: none;
}

#iconUnirse{
	position: relative;
	left: 280px;
}

#MunuSinLogin{
	position: relative;
	bottom: 10px;
	left: 220px;
}
#paddingUbicacion{
	padding-bottom: 2em;
}


.maxLine{

    max-height: 1.3em;
  	overflow: hidden;
  	text-align: justify;
}

.limiteTituloOfertaP{
    max-height: 35px;

  	overflow: hidden;
  	text-align: justify;
}



.limiteTituloOferta{
    max-height: 1.75em;
  	overflow: hidden;
  	text-align: justify;
}



article {

  width:240px;/*la necesaria*/;
  line-height: 1.5rem;
  padding-bottom: 25px;
  padding-top: 15px;

}




.crearPost > div {
    width: 100%;
    padding: 0 6px 0px 6px;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #999;
    cursor: pointer;
}

.crearPost > div:hover {
    color: #666;
}
.orgulloso{
	border: 1px solid #d5d5d5 !important;
}
.field {
    width: 100%;
    padding: 0 6px 10px 6px;
    border:none;
    border-radius: 0;
    outline: none;
    background-color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #666;
    cursor: text;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 8px;
}
.permisos{
	width: 100%;
	padding: 0 6px 4px 6px;
	border: none;
	border-radius: 0;
	outline: none;
	background-color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: 300;
	text-align: left;
	color: #666;
	cursor: text;
	border-bottom: 1px solid #d5d5d5;
  line-height: 1;
}
.single {
    min-height: 26px;
}

.textarea {
    min-height: 78px;
}

.field::-webkit-input-placeholder {
    color: #ccc;
}

.field:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
}

.field::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
}

.field:-ms-input-placeholder {
    color: #ccc;
}

.field:focus, field:active {
    color: #666;
}

input[type='file'] {
    color: transparent;
    display: inline-block;
    margin-top: 12px;
    margin-left: 6px;
}

.archivo {
    width: 30px;
    padding: 0 6px;
    margin-top: -10px;
    margin-bottom: -10px;
    display: inline-block;
    vertical-align: top;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    color: #ccc;
    font-size: 42px;
    font-family: 'muuwho';
}

.archivo:hover, .archivo:active {
    color: #666;
}

.enviar {
    position: absolute;
    right: 16px;
    width: 180px;
    height: 36px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    background-color:#ff6d00;
    border: 0 solid;
    border-bottom: 4px solid #cc5700;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 10px;
    text-decoration:none;
}

.enviar:hover {
    background-color: #e66300;
    border-bottom: 0 solid #cc5700;
}

.enviar:active {

}


.agrega {
    position: static;
    right: 16px;
    width: 180px;
    height: 36px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    background-color:#ff6d00;
    border: 0 solid;
    border-bottom: 4px solid #cc5700;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 5px;
    text-decoration:none;
}

.agrega:hover {
    background-color: #e66300;
    border-bottom: 0 solid #cc5700;
}

.agrega:active {

}

.elimina {
    position: static;
    right: 16px;
    width: 180px;
    height: 36px;
    display: inline-block;
    vertical-align: right;
    margin-top: 3px;
    margin-left:12px;
    background-color:#ff6d00;
    border: 0 solid;
    border-bottom: 4px solid #cc5700;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 5px;
    text-decoration:none;
}

.elimina:hover {
    background-color: #e66300;
    border-bottom: 0 solid #cc5700;
}

.elimina:active {

}


.plantilla{
    position: absolute;
   margin:auto;
    right: 120px;
    width: 180px;
    height: 36px;
    vertical-align: right;
    margin-right: 260px;
    background-color:#ff6d00;
    border: 0 solid;
    border-bottom: 4px solid #cc5700;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 5px;
    text-decoration:none;
}

.plantilla:hover {
    background-color: #e66300;
    border-bottom: 0 solid #cc5700;
}

.plantilla:active {

}





.publicacion {
    background-color: #fff;
}

.publiG {
    min-height: 240px;
    margin-bottom: 12px;
}

.publiG .publiHead {
    position: relative;
    width: 100%;
    height: 23em;
    background-color: #000;
    background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
}

.publiG .publiHead img {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 1px solid #fff;
    top: 100%;
    margin-top: -50px;
    margin-left: 40px;
    z-index: 1;
    background-color: #FFF;
}

.publicacion h1, .publicacion h2, .publicacion h3, .publicacion h4, .publicacion h5 {
    font-weight: 500;
    margin: 0;
}

.publiG h1, .publiG h2, .publiG h3, .publiG h4, .publiG h5 {
    text-align: right;
    padding-right: 36px;
    padding-left: 180px;
}

.publicacion h2, .publicacion h3 {
    color: #fc6d00;
}

.publiG h2, .publiG h3 {
    font-size: 23px;
}

.noticia h3 {
    padding-top: 44px;
}

.publicacion p, .publicacion ul {
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5em;
    color: #666;
    margin: 0;
}

.publiG p {
    padding-top: 18px;
    padding-right: 36px;
    padding-left: 36px;
    padding-bottom: 27px;
}

.divColumna {
    width: 25%;
}

.tagit {
    color:#666;
    font-weight:normal;
    font-size:15px;
	line-height: 1.6;
}

.textareaG {
    min-height: 100px;
    resize: none;
}

.mensajeDivi {
    width:100%;
    height:1px;
    background-color:#cacaca;
    margin:15px 0px 15px
}

.OfertaSize {
    width: 100%;
    vertical-align: top;
    display:inline-block;
    cursor:pointer;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    padding-top: 7px;
    height: 36px;
    text-decoration:none;
}

.OS_Grande {
    border-bottom: 4px solid #cc5700;
    background-color: #ff6d00;
    color:#FFF;
}

.OS_Grande:hover {
    border-bottom: 0 solid;
    background-color: #e66300;
}

.OS_Med {
    border-bottom: 4px solid #cc7400;
    background-color: #ff9100;
    color:#FFF;
}

.OS_Med:hover {
    border-bottom: 0 solid;
    background-color: #e68200;
}

.OS_Chica {
    border-bottom: 4px solid #cc8933;
    background-color: #ffab40;
    color:#FFF;
}

.OS_Chica:hover {
    border-bottom: 0 solid;
    background-color: #ff9e1f;
}

.Dsize_padding {
    padding: 10px;
}

.Dsize_titulo {
    width: 100%;
    font-size:25px;
    color: #ff6d00;
    margin-bottom: 3px;
}

.Dsize_precio {
    width: 100%;
    font-size:18px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}

.Dsize_texto {
    width: 100%;
    margin-bottom: 10px;
}

.Dsize_divisor {
    border-top: 1px solid #999;
    margin: 20px 0 20px;


}

.Dsize_tituloM {
    width: 100%;
    font-size:25px;
    color: #ff9100;
    margin-bottom: 3px;
}

.Dsize_tituloC {
    width: 100%;
    font-size:25px;
    color: #ffab40;
    margin-bottom: 3px;
}
.blanco{
	float:right;
	color:#FFFFFF;
	padding-right: 10px;
}

.orange{
	color: #FF9919;
	font-size: 22px;
	padding: 10px;
}

#apagado1,#apagado2,#apagado3{
	width: 171px;
    height: 55px;

}
#apagado2,#apagado3{
	font-size: 12px;

}

.radioGenero{
	position: relative;
	bottom: 45px;
	left: 25px;
}

.radioGenero2{
	position:relative;
	top:7px;
}

.generoHM{
	position: relative;
	top: 10px;
	right: 5px;
	padding: 0 5px;
}

.grafico {
position: relative; /* IE is dumb */
width: 418px;
border: 1px solid #B1D632;
padding: 3px;
margin: 10px;
}
.grafico .barra {
display: block;
position: relative;
background: #B1D632;
text-align: center;
color: #333;
height: 2em;
line-height: 2em;
}
.grafico .barra span {
position: absolute; left: 1em;
}

.textAreaRE{
	margin: 20px;
	border:#666666;

}

.espacio{
	padding: 0 10px;
	margin: 0 10px;
}

/*Clases para administrador de usuarios*/

.red_circle {
    color: #ff6d00;
    font-size: 2em;
}

.grey_circle {
    color: #F2F2F2;
    font-size: 2em;
}

.withBorder {
    border: 1px solid #FF9100 !important;
}

.tdInvisible {
    background-color: #F2F2F2;
    border: none;
}

.selectTable {
    border: none;
}

.noPadding {
    padding: none;
}

.reclutadores{
    margin-bottom: .5em;
    margin-bottom: .5em;
}

.headerOrange{
    background: #FF6D00;
}

/* Clases para p_perfil_editar*/

.mergeDNA {
    font-size: 16px;
}

.endDate {
    display: flex;
    justify-content: space-around;
}

.fTermino {
    width: 60%;
}

#ex1Slider .slider-selection {
    background: #FF9100;
}

/* clase de p_registro empresa*/
#ubicacion{
	height: 2.6em;
    position: absolute;
    top: 2.7em;
    right: 0.9em;
}

/* clases de p_contactos*/
#solicitudes{
	background: #FF6D00;
	margin-top: 1em;
	margin-bottom: 1em;
}

#contactos{
	background: #FF9100;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
#sugerencias{
	background: #FFAB40;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

#bajaTiempo{
	position: absolute;
	bottom: 3.2em;
    right: 4.5em;

}

/*clases para p_perfil_propio*/
.v-align {
	vertical-align: middle;
	display: inline !important;
}


/*clases para p_status_empresa*/
.agrgarOtraC{
    margin-left: 3em;
}

.agrgarOtraC2{
    margin-left: 4.5em;
}

.imgBorrarC{

    position: relative;
    bottom: 1.8em;
    left: 20em;
}

.imgBorrarP{
    position: relative;
    bottom: 1.8em;
    left: 15.2em;
}

.espacioTR{
    margin-left: 1.2em;
}

.tamanioInpC{
    width: 20em;
}

.tamanioInpC2{
    width: 20em;
    margin-bottom: .7em;
}

.tamanioInputPresta{
    width: 15em;

}
.tamanioInputPresta2{
    width: 15em;
    margin-bottom: .7em;
}