/*PROFEDET*/

button {
	outline: none;
	border: 0;
}

a:focus {
	outline: none !important;
}
input[type="file"] {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
span.obligatorio {
    color: red;
}
.labelfile:HOVER {
	background: #b38e5d;
	color: white;
}

.labelfile {
	font-size: 14px;
	font-weight: 600;
	color: #3f0f14;;
	background-color: #d4c19c;
	display: inline-block;
	transition: all .5s;
	cursor: pointer;
	padding: 15px 40px !important;
	text-transform: uppercase;
	width: fit-content;
	text-align: center;
}
.mensaje {
    background: #ffffff;
    padding: 10px 20px;
    border-radius: 21px;
    border: 2px dashed #ff7a9b;
}
.sinmargin {
	margin-left: 0px;
	margin-right: 0px;
}
#banner-titulo {
	text-align: center;
	margin-top: 14px;
	background-image: url("/config/img/CINTILLO_2.svg");
	background-repeat: repeat-x;
	background-size: cover;
	background-color: #12322B;
	color: white;
	padding: 8px;
}
#fondo-banner {
    background-color: #245c4d;
    color: white;
}
.bannerprincipal {
    float: left;
    width: 100%;
}
.img-logos {
	width: 55%;
}
.derecha {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
.izquierda {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}
.supertitulo {
    margin-bottom: 11px;
}
.hcolorblanco a {
    color: white;
}
.hcolorblanco a:hover {
    color: #e0c9a3;
}
.ajuste-img {
	padding-left: 0px;
	padding-right: 0px;
}
.hashtag-mexico{
    text-shadow: 3px 2px 4px black;
    font-size: 3rem;
    font-weight: 600;
}
.centrado{
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mensaje-bien {
    background: #245c4d;
    padding: 30px 80px 0px 50px;
    text-align: justify;
    font-size: 2rem;
}
#botones-log {
	max-width: 87%;
	margin: auto;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.tam-icon {
	width: 20%;
}
.color_oro {
	color: #bf955a;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 10px;
}
.user-tam {
	font-size: 7rem;
	color: #3f0f14;
}
.test-registro {
	color: #13322b;
	font-size: 1.5rem;
	font-weight: 600;
}
.btn-registro {
	border: 3px solid #bf955a;
	background: white;
	color: #3f0f14;
	font-weight: 700;
	padding: 8px 20px;
    border-radius: 11px;
    cursor: pointer;
}
.btn-registro:hover {
	border: 3px solid #3f0f14;
	background: #3f0f14;
	color: white;
	font-weight: 700;
	padding: 8px 20px;
    border-radius: 11px;
}
.btn-registro:hover a{
	color: white;
}
.btn-verde {
	border: 3px solid #507d71;
	background: #507d71;
	color: white;
	font-weight: 700;
	padding: 10px 60px;
    border-radius: 11px;
    font-size: 2rem;
}
.btn-verde:hover {
	border: 3px solid #507d71;
	background: white;
	color: #507d71;
	font-weight: 700;
	padding: 10px 60px;
    border-radius: 11px;
    font-size: 2rem;
}
.btn-reg a {
    text-decoration: none;
    color: inherit;
    font-weight: inherit;
}
.web-no {
	display: none;
}
.ban-mov {
	display:none;
}
.log-mov {
	display: none;
}

#acuerdos {
	text-align: center;
	background-color: #e6e6e6;
	color: #12322B;
    padding-top: 40px;
    padding-bottom: 40px;
}
.fondo_blanco{
    background-color: #ffffff;
}
.cuadro {
    padding-left: 0%;
    padding-right: 0%;
    border-radius: 0 0 11px 11px;
    width: 22%;
    display: inline-block;
    margin: 0px 30px;
}

.aire{
    margin: 15px;
}
.color_verde {
	color: #13322b;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 10px;
}
.titulo_cuadro{
    font-size: 1.5rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.text-cuadros {
	color: #13322b;
	font-size: 1.1rem;
    font-weight: 300;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.texto_alto{
    min-height: 100px;
}

.aire-alto{
    text-align: center;
    margin: 7rem;
}
.btn-verde-col {
	border: 3px solid #12322B;
	background: #12322B;
	color: white;
	font-weight: 700;
	padding: 10px 60px;
    border-radius: 0 0 11px 11px;
    font-size: 2rem;
    width: 100%;
    text-decoration: none;
}
.btn-verde-col:hover{
	border: 3px solid #12322B;
	background: #00a97b;
	color: white;
	font-weight: 700;
	padding: 10px 60px;
    border-radius: 0 0 11px 11px;
    font-size: 2rem;
    width: 100%;
    text-decoration: none;
}
#juntos {
	text-align: center;
    padding: 30px;
}
.img_juntos {
	width: 65%;
}
.btn_juntos {
	width: 60%;
	cursor: pointer;
}
.tit_juntos {
	font-size: 3rem;
    color: #046e4d;
    font-weight: 700;
    margin-bottom: 15px;
}
.test_juntos {
	font-size: 1.5rem;
    text-align: justify;
    font-weight: 500;
    color: #046e4d;
    margin-top: 15px;
}
.zoom {
    padding: 10px;
    transition: transform .3s;
    margin: 0 auto;
}

.zoom:hover {
    -ms-transform: scale(.8); /* IE 9 */
    -webkit-transform: scale(.8); /* Safari 3-8 */
    transform: scale(.8); 
}
#covid-banner{
    background-color: #12322B;
}

#contacto-banner{
    background-color: #f3ead9;
    color: #13322b;
    text-align: center;
}

.linkfon, .linkfon:hover {
	text-decoration: none;
	color: #13322b;
}

.text-prof{
	font-weight: 600;
}
.tit_gral {
    line-height: 1.5;
    color: #bf955a;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
}
.borde_oro {
	border-bottom: 2px solid #bf955a;
	width: 30%;
}
.subtit_gral {
    background: #13322b;
    font-weight: 600;
    margin-top: 20px;
    padding: 1rem;
    color: white;
    text-align: center;
}
.borde_verde {
	border-bottom: 2px solid #507d71;
	margin-top: 5px;
    margin-bottom: 15px;
}
.test_gral {
    font-size: 1.6rem;
    text-align: justify;
    font-weight: 500;
    color: #13322b;
}
.test_acotacion {
    font-size: 1.4rem;
    font-weight: 500;
    color: #507d71;
}
.subtit_form {
	font-size: 1.7rem;
	color: #507d71;
}

.estilo_op {
	color: #507d71;
	font-weight: 700 !important;
    margin-right: 10px;
    margin-left: 5px;
}
.btn_align {
	text-align: center;
	margin-bottom: 2rem;
}
.align_bis {
	text-align: center;
	margin-bottom: 1rem;
	padding-left: 0rem;
}
.alineacion {
    text-align: center;
}
.btn-cont {
	border: 3px solid #3f0f14;
	background: #3f0f14;
	color: white;
	font-weight: 700;
	padding: 8px 20px;
    border-radius: 11px;
    margin-top: 20px;
}
.btn-cont:hover, .btn-cont:focus {
	border: 3px solid #bf955a;
	background: white;
	color: #3f0f14;
	font-weight: 700;
	padding: 8px 20px;
    border-radius: 11px;
    margin-top: 20px;
}
.btn_curp {
	color: white;
	font-weight: 500;
	padding:5px;
    font-size: 1.8rem;
}
.btn_curp:hover {
	color: #3f0f14;
}
.btn-oro {
	background: #bf955a;
	border-radius: 5px;
}
/*MODAL*/
.mensaje_verde {
    text-align: center;
    background: #12322B;
    color: white;
    font-size: 2rem;
    min-height: 4rem;
    font-weight: 600;
    padding: 10px;
}
.modal-content {
	margin-top: 60px;
}
.close, .close:hover, .close:focus {
	margin-top: -40px;
    float: right;
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
    color: white;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}
.subtit_aviso {
	font-size: 2rem;
    font-weight: 700;
    color: #12322B;
    margin-bottom: 0px;
    margin-top: 23px;
}
.modal-lg {
    width: 70%;
}
.alado {
    margin-right: 20px;
}

.pleca-titulo {
	text-align: center;
	background-color: #12322B;
	padding: 10px;
	border-bottom: 5px solid #bf955a;
	border-radius: 20px 20px 0px 0px;
	color: white;
	font-weight: 700;
}
.caja-folio{
    margin: 0px 80px 20px 80px;
    text-align: center;
    background: #12322B;
    color: white;
    font-weight: 700;
    padding: 10px;
}
.aviso_box {
    max-width: 600px;
    min-width: 400px;
    background: white;
    box-shadow: 0px 0px 5px grey;
    border-radius: 20px;
    margin: 50px auto;
}
.int-box {
	padding: 25px;
}
.g-recaptcha {
    display: block;
    margin: auto;
    text-align: center;
    max-width: 300px;
}
.correo_box {
    max-width: 80%;
    min-width: 80%;
    background: white;
    box-shadow: 0px 0px 5px grey;
    margin: 40px auto;
}
.pleca {
	width: 100%;
	height: 30px;
}
.pleca_bis {
	width: 100%;
}

#modalmsj .modal-header {
    background-color: #12322b;
    color: #fff;
}
#modalmsj .list-group-item>.badge {
	float: none;
}
#modalmsj a.list-group-item {
    border: 1px solid #ddd;
    border-bottom: 0px solid lightgray;
    margin-bottom: 2px;
    text-decoration: none;
}
#modalmsj span.name {
    font-weight: bold;
    font-size: 1.4rem;
}
#modalmsj span.badge {
    background: none;
    color: #b38e5d;
    font-weight: lighter;
}
#modalmsj a.list-group-item:focus, #modalmsj a.list-group-item:hover,#modalmsj button.list-group-item:focus, #modalmsj button.list-group-item:hover {
    text-decoration: none;
    color: #eee;
    background-color: #13322b;
}
#modalmsj .panel-body {
    padding: 15px;
    font-size: 1rem;
    border: 1px solid #ddd;
    border-top: 0px;
}
#modalmsj .close:hover,#modalmsj .close:focus {
    margin-top: 0px;
}
#modalmsj .btn{
	background: #13322b;
    color: white;
}


@media all and (max-width: 1683px){
	.mensaje-bien {
		background: #245c4d;
	    padding: 15px 30px 10px 30px;
	    text-align: justify;
	    font-size: 1.7rem;
	}
	.texto_alto{
		min-height: 100px;
	}
	.titulo_cuadro{
		font-size: 1.5rem;
		padding-right: 3.5rem;
		padding-left: 3.5rem;
	}
	.text-cuadros {
		color: #13322b;
		font-size: 1.25rem;
		font-weight: 500;
		padding-right: 3.5rem;
		padding-left: 3.5rem;
	}
}

@media all and (max-width: 1024px){
	.mensaje-bien {
	    padding: 15px 20px 17px 20px;
	    font-size: 1.3rem;
	}
	.bannerprincipal {
	    width: 110%;
	}
	.texto_alto{
		min-height: 150px;
	}
	.aire-alto{
		margin: 2rem;
	}
	.titulo_cuadro{
		font-size: 2rem;
		padding-right: 3.5rem;
		padding-left: 3.5rem;
	}
	.text-cuadros {
		color: #13322b;
		font-size: 1.25rem;
		font-weight: 500;
		padding-right: 3.5rem;
		padding-left: 3.5rem;
	}
}

@media all and (max-width: 991px){
	.img-logos {
	    width: 80%;
	}
	.bannerprincipal {
	    width: 100%;
	}
	.ban-web {
		display: none;
	}
	.ban-mov {
		display: block;
	}
	.log-web {
		display: none;
	}
	.log-mov {
		display: block;
	}
	.derecha {
		float: right;
		margin-top: 10px;
		margin-right: 10px;
	}
	.izquierda {
		float: left;
		margin-top: 5px;
		margin-left: 10px;
	}
	.btn-reg{
		margin-bottom: 40px;
	}
	.img_juntos {
	    width: 80%;
	    margin-top: 100px;
	}
	.btn_juntos {
		width: 100%;
	}
	.tit_juntos {
	    margin-bottom: 0px;
	}
	.test_juntos {
	    margin-top: 0px;
	}
	.logos_juntos{
		padding-top: 4.5rem;
	}
	.cuadro{
		margin-top: 2rem;
	}
	.titulo_cuadro{
		font-size: 3.5rem;
		padding-right: 3.5rem;
		padding-left: 3.5rem;
	}
	.text-cuadros {
		color: #13322b;
		font-size: 2rem;
		font-weight: 500;
		padding-right: 3.5rem;
		padding-left: 3.5rem;
	}
}

@media all and (max-width: 768px){
	.movil-no {
		display: none;
	}
	.web-no {
		display: block;
	}
	.mensaje-bien {
	    font-size: 1.3rem;
	}
	.izquierda {
		margin-top: 5px;
		margin-left: 35px;
	}
	.user-tam {
	    font-size: 5rem;
	}
	.tit_juntos {
	    font-size: 2.4rem;
	}
	.img_juntos {
		display: none;
	}
	.aire-alto{
		margin: 2.5rem;

	}
	.logos_juntos{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.cuadro{
		margin: 0px;
		margin-top: 2rem;
		width: 90%;

	}
	.titulo_cuadro{
		font-size: 1.85rem;
		padding-right: 3.5rem;
		padding-left: 3.5rem;
	}
	.text-cuadros {
		color: #13322b;
		font-size: 1.5rem;
		font-weight: 300;
		padding-right: 3.5rem;
		padding-left: 3.5rem;
	}
	.borde_oro {
		border-bottom: 2px solid #bf955a;
		width: 100%;
	}
	.alado {
	     margin-right: 5px; 
	}
	.modal-lg {
	    width: 95%;
	}
	.tit-modal-aviso {
		font-size: 1.6rem;
	}
	.test_gral {
	    font-size: 1.4rem;
	}
	.subtit_aviso {
	    font-size: 1.7rem;
	}
	.modal-body {
	    padding: 10px 20px 10px;
	}
}

@media all and (max-width: 425px){
	.tit_profedet {
		font-size: 1.6rem;
	}
	.tel_profedet {
		font-size: 2.1rem;
	}
	.text-prof {
		font-size: 1.5rem;	
	}
	.btn_curp {
		color: white;
		font-weight: 500;
		padding:5px;
	    font-size: 1.5rem;
	}
	.aviso_box {
	    max-width: 300px;
	    min-width: 300px;
	}
	.caja-folio {
	    margin: 0px 0px 20px 0px;
	}
	.correo_box {
	    max-width: 100%;
	    min-width: 100%;
	}
}