/*================================================================================
	Sistema: Registro Linea 2022
	Version: 4.0
	Author: Connectit
	Author URL: https://www.miderechomilugar.gob.mx
* Primario(rojo): #C8102E
* Secundario(azul): #0047BB
* Gris-azulado: #C9D9E6
================================================================================
@import url('https://fonts.googleapis.com/css?family=Lato|Roboto|Roboto+Slab');
*/




/*
Primario: #611232
Primario Light: #9b2247
Secundario: #a57f2c
Negro: #161a1d
Gris: #98989A
Verde: #002f2a
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Patria';
    font-style: normal;
    font-weight: 400;
    src: url("https://framework-gb.cdn.gob.mx/applications/cms/fonts/Patria_Regular.otf") format("opentype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


@font-face {
	font-family: 'Carbon';
	src:url('../fonts/ecoems/CarbonBlock.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



:root {
  --primary-color: #9b2247;
  --primary-light-color: #611232;
  --primary-strong-color:#691a32;
  --secondary-color: #f3e8ca;
  --third-color: #ae851c;
  --font-size-large: 1rem;
}


.divtable{
	font-size:1em;
}
.input-field.col label {
  left: 0;
  top:-15px;
}

.headerbackground{
	border:0 solid #000;
	padding:0;
	text-align:center;
	width:100%;
	/*height:118px;*/
	background: rgb(4,173,195);
	background: linear-gradient(90deg, rgba(4,173,195,1) 0%, rgba(4,173,195,1) 25%, rgba(57,174,193,1) 75%, rgba(57,174,193,1) 100%);
}

@media only screen and (max-width: 1024px){ 
	.headerbackground{
		height:70px;
	}
}

@media only screen and (min-width: 1025px)and (max-width: 1400px){ 
	.headerbackground{
		height:auto;
	}
}



a.headerproceso{
	border:0 solid #000;
	padding:0;
	text-align:center;
	width:94%;
	height:auto;
	display:inline-block;
/*

	background-image: url('../../images/theme/bannerprincipal.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto;
	
	background-image: -ms-linear-gradient(bottom, #F5991B 0%, #DE5E22 100%);
	background-image: -moz-linear-gradient(bottom, #F5991B 0%, #DE5E22 100%);
	background-image: -o-linear-gradient(bottom, #F5991B 0%, #DE5E22 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F5991B), color-stop(1, #DE5E22));
	background-image: -webkit-linear-gradient(bottom, #F5991B 0%, #DE5E22 100%);
	background-image: linear-gradient(to top, #F5991B 0%, #DE5E22 100%);*/

	/*
	
	
	background-position: left top;
	background-attachment: fixed;
	background-size: 100%;
	background-attachment: fixed;

	  background-size: cover;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
  */
}
.titleSistema{
	text-align:center;
}
#bienvenidos_id1{
	text-align:center;
	font-size:2.5em;
	color:#163b76;
}
#bienvenidos_id2{
	text-align:center;
	font-size:1.5em;
	color:#fff;
	background-color:#0099c9;
	padding:5px;
	margin:auto;
	width:80%;
}

a.tallerlink, A.tallerlink:hover, A.tallerlink:link, A.tallerlink:visited, A.tallerlink:active {
    font-weight: bolder;
    color: #7f2855;
}

.textgral{
	font-size:1.1em;
}

ul.listcenter{
	border:0 solid #000;
	width:90%;
	margin:auto;
}
/****** titulo centrado con lineas ********/

h6.titlelinecenter {
  overflow: hidden;
  text-align: center;
}

h6.titlelinecenter:before,
h6.titlelinecenter:after {
  background-color: #e0e0e0;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  top: -5px;
}

h6.titlelinecenter:before {
  right: 0.5em;
  margin-left: -50%;
}

h6.titlelinecenter:after {
  left: 0.5em;
  margin-right: -50%;
}
.texttilelinecenter{
	color:#3949ab;
	font-weight: bold;
	text-transform: uppercase !important;
}
