@font-face {
  font-family: 'Roboto-Black';
  src: local('Roboto-Black'),
       local('Roboto-Black'),
       local('Roboto-Black'),
   	   url(../Fonts/Roboto-Black.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto-Bold';
  src: local('Roboto-Bold'),
       local('Roboto-Bold'),
       local('Roboto-Bold'),
   	   url(../Fonts/Roboto-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto-LightItalic';
  src: local('Roboto-LightItalic'),
       local('Roboto-LightItalic'),
       local('Roboto-LightItalic'),
   	   url(../Fonts/Roboto-LightItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto-Regular';
  src: local('Roboto-Regular'),
       local('Roboto-Regular'),
       local('Roboto-Regular'),
   	   url(../Fonts/Roboto-Regular.ttf) format('truetype');
}
.site{
	
	padding: 0 !important;
	background: url('../img/bg.png');
}
.card-header.oscuro{
	background: rgb(22,94,135,0.6)
}
.card-header.oscurov{
	background: rgb(88,191,147,0.8)
}
.card-header.clarov{
	background: rgb(88,191,147,0.6)
}
.clarov button{
	text-align: justify;
}
.oscurov button{
	text-align: justify;
}
.btn-link:hover{
	text-decoration: none;
}
.card-header{
	background: rgb(22,94,135,0.4)	
}
.siteet{
	
	padding: 0 !important;
	background: url('../img/bgdo.png');
}
.siteme{
	
	padding: 0 !important;
	background: url('../img/bgve.png');
}
.siteaz{
	
	padding: 0 !important;
	background: url('../img/bgaz.png');
}
.btn-link{
	color: #fff;
}
header{
	height: 286px;
}
.header {
	width: 100%;
	object-fit: cover;
	position: absolute;
	height: 286px;
}
.logo-main{
	position: relative;
	padding: 0 !important;
	width: 15%
}
.txtmedidas{
	font-size: 12px;
	text-align: justify;
}
.txtmedidas p {
	margin-bottom: 10px !important;
}
.logo{
	width: 100%;
}
#logo{
	padding-left: 0;
	padding-right: 0;
}
.content{
	padding: 0 !important;
	background: #fbf5e2;
}
.center{
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 20px;
	padding-bottom: 100px;
}
.center2{
	margin-top: 20px;
	padding-bottom: 30px;
}
#etapas{
	margin-right: 0;
	margin-left: 0;
}
#noticias{
	margin-right: 0;
	margin-left: 0;
}
.noti1{
	background-color: rgb(183,181,57, 0.8);
	padding:10px;
}
.noti2{
	background-color: rgb(183,181,57, 0.6);
	padding:10px;
}
.noti3{
	background-color: rgb(183,181,57, 0.4);
	padding:10px;
}
.noti4{
	background-color: rgb(183,181,57, 0.2);
	padding:10px;
}
.noti5{
	background-color: rgb(183,181,57, 0.1);
	padding:10px;
}
.etado1{
	background-color: rgb(212,195,87, 0.8);
	padding:30px;
}

.etado2{
	background-color: rgb(212,195,87, 0.6);
	padding:30px;
}
.etado3{
	background-color: rgb(212,195,87, 0.4);
	padding:30px;
}
.etado4{
	background-color: rgb(212,195,87, 0.2);
	padding:30px;
}
.etado5{
	background-color: rgb(212,195,87, 0.1);
	padding:30px;
}
.etave1{
	background-color: rgb(88,191,147, 0.8);
	padding:30px;
}
.etave2{
	background-color: rgb(88,191,147, 0.6);
	padding:30px;
}
.etave3{
	background-color: rgb(88,191,147, 0.4);
	padding:30px;
}
.etave4{
	background-color: rgb(88,191,147, 0.2);
	padding:30px;
}
.etave5{
	background-color: rgb(88,191,147, 0.1);
	padding:30px;
}
.cntiz{
	width: 65%;
}
.cntde{
	width: 35%;
}
.txtcnt{
	font-family: Roboto-Bold;
	font-size: 10px;

}
.txtcnteta{
	font-family: Roboto-Bold;
	font-size: 10px;

}
.txtcnteta p{
	padding-left: 24px;
	margin-bottom: 0;
}
.btnsdo{
	margin-top: 10px;
	background: #d4c357;
	padding: 5px;
	display:flex;
	align-items: center; 
}

.btnsdo p{
	margin:0;
}
.btnsdo2{
	margin-top: 10px;
	background: #b7b539;
	padding: 5px;
	display:flex;
	align-items: center; 
}

.btnsdo2 p{
	margin:0;
}

.btnsve{
	margin-top: 10px;
	background: #58bf93;
	padding: 5px;
	display:flex;
	align-items: center; 
}
.btnsve p{
	margin:0;
}
.btnsaz{
	margin-top: 10px;
	background: #3497c4;
	padding: 5px;
	display:flex;
	align-items: center; 
}
.btnsazl{
	margin-top: 10px;
	background: #165e87;
	padding: 5px;
	display:flex;
	align-items: center; 
}

.btnsaz p{
	margin:0;
}
.btnsazo{
	margin-top: 10px;
	background: #165e87;
	padding: 5px;
	display:flex;
	align-items: center; 
}
.btnsazo p{
	margin:0;
}
.icon{
	width: 50px;
	margin-left: 15px;
}
.iconeta{
	width: 50px;
	margin-left: 40px;
}
.txtbold{
	font-family: Roboto-Bold;
	font-size: 45px;
	color: #fff;
	margin-left: 20px;
}
.btnbold{
	font-family: Roboto-Bold;
	font-size: 20px;
	color: #fff;
}
.btnlight{
	font-family: Roboto-LightItalic;
	font-size: 20px;
	color: #fff;

}
.btnluga{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.btn-luga{
	background-color: rgb(22,94,135,0.8);
    border-color: #165e87;
}
.btn-luga:hover{
	background-color: rgb(22,94,135);
    border-color: #165e87;
}
.localidad{
	width: 20%;
}
.local{
	width: 30%;
}
.direccion{
	width: 30%;
}
.fecha{
	width: 15%
}
.hora{
	width: 5%;
}
.hora p{
	padding-left: 0;
}
.txtboldet{
	font-family: Roboto-Bold;
	font-size: 20px;
	color: #165e87;
	
}
.txtboldets{
	font-family: Roboto-Bold;
	font-size: 18px;
	color: #494c4c;
	
}

.et1{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 18%;
	margin-right: 10px;

}
.img1{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45%;
	margin-right: 10px;

}
.img1 img{
	width: 100%;
}
.txtnt1 {
    width: 50%;
    justify-content: center;
    align-items: center;
}
.txtnt1 p{
    padding-left: 0;
    font-size: 12px;
}

.et1 p{
    line-height: 25px;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;

}
.lightiet{
	font-family: Roboto-LightItalic;
	font-size: 20px;
	color: #165e87;
}
.lightiets{
	font-family: Roboto-LightItalic;
	font-size: 18px;
	color: #494c4c;
}
.lightints{
	font-family: Roboto-LightItalic;
	font-size: 14px;
	color: #494c4c;
}
.lighti{
	font-family: Roboto-LightItalic;
	font-size: 45px;
	color: #fff;
}
.txtbd{
	font-family: Roboto-Bold;
	font-size: 50px;
	color: #165e87;
	margin-top: 30px;
	margin-right: 30px;
	margin-left: 30px;
	line-height: 45px;
	
}
.txtbd p{
	margin: 0;
}
#doc{
	
	margin-right: 0;
	margin-left: 0;
	background: #65b3d1;
	height: 90px;
}
.pdf{
	width: 30px;
	margin-right: 10px;
}
.dcmnt{
	display: flex;
	align-items: center;
	font-size: 20px;
	border-bottom: 1px solid #fff; 
	margin-left: 25px;
	width: 65%;
	color: #fff;
}
.desca{
	width: 28%;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #fff;
	margin-right: 25px;
}
.txtli{
	font-family: Roboto-LightItalic;
	color: #165e87;
	font-size:  30px;
	margin-right: 30px;
	margin-left: 30px;

}
.notiimg img{
	width: 100%;
}
.txtnoticia{
	padding: 20px;
}
.barra{
	margin-left: 50px;
	margin-right:  80px;
	height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.barra img{
	width: 100%;
	height: 10px;
}
.barra2{
	margin-left: 50px;
	margin-right:  80px;
	margin-top: 180px;
	height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.barra2 img{
	width: 100%;
	height: 10px;
}
.lineas{
	padding: 0;
	margin-bottom: 50px;
}
.cfoo{
	width: 20%;
	padding-left: 20px;
	display: flex;
		align-items: center;
}
.footer{
	margin: 0;
}
.txtfoo{
	font-family: Roboto-Bold;
	margin-left: 10px;
	font-size: 8px;
}
.centrarfoo{

}
.titxtfoo{
	font-family: Roboto-Bold;
	color: #165e87;
	font-size: 15px;
	margin-left: 10px;
}
.footerbar{
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	margin-left: 0;
}
.logo-foo{
	width: 20%;
	padding-right: 24px;
	display: flex;
	align-items: flex-end;
}
.logo-foo img{
	height: 8px;
	width: 100%;
}
.damin{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.damin p{
	margin-bottom: 0;
	font-size: 10px;
	font-family: Roboto-Bold;

}
.borde{
	border-right: 1px solid #414042;
	padding-right: 20px;
	padding-left: 20px;
}
.sborde{
	padding-right: 20px;
	padding-left: 20px;

}
#menu a{
	color:#414042;
	font-family: Roboto-Regular;
}
#menu a:hover{
	
	text-decoration: none;
}
#menu{
	padding: 5px;
}
.imgfoo{
	width: 30%;
	padding-right: 20px;
	padding-left: 20px;
}
.etapas{
	margin-left: 0;
	margin-right: 0;
}
.noticias{
	margin-left: 0;
	margin-right: 0;
}

.txtet1{
	width: 77%;
	padding-left: 80px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.txtet1 p{
	padding-left: 0;
	line-height: 20px;

}
.txtcnt a:hover{
	text-decoration: none;
}
.txtcnt a:hover .btnsdo{
	filter: grayscale(100%);
}
.txtcnt a:hover .btnsdo2{
	filter: grayscale(100%);
}
.txtcnt a:hover .btnsaz{
	filter: grayscale(100%);
}
.txtcnt a:hover .btnsazo{
	filter: grayscale(100%);
}
.txtcnt a:hover .btnsve{
	filter: grayscale(100%);
}


h5.mb-0 {
    display: flex;
    align-items: center;
}
.card-header{
	cursor: pointer;
}


.mb-0:after {
  content: "\f078"; /* fa-chevron-down */
  font-family: 'FontAwesome';
  right: 10px;
  position: absolute;
  color: #fff;
}
.mb-0[aria-expanded="true"]:after {
  content: "\f077"; /* fa-chevron-up */
}
@media screen and (max-width: 820px) {
.cntiz {
    width: 100%;
}
.icon {
    width: 30px;
    margin-left: 5px;
}
.txtbold {
    font-size: 15px;
    margin-left: 10px;
}
.lighti{
	font-size: 15px;
}
.txtcnt {
	text-align: center;
}
.cntde {
    width: 100%;
}
.txtbd {
    font-family: Roboto-Bold;
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
}
.txtli {
	font-size: 20px;
	text-align: center;
}
.barra{
	margin-left: 50px;
	margin-right: 50px;
}
.barra2{
	display: none
}
.center{
	padding-bottom: 20px;
}
#lineafoo{
	display: none;
}
#datoscont{
	width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    padding-left:0;
    text-align: center;
}
.txtfoo{
	font-size: 12px;
}
.txtfoo p{
	margin-bottom: 0;
}
#columfoo3{
	margin-top: 10px;
	width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    padding-left:0;
    text-align: center;
}
#columfoo4{
	margin-top: 10px;
	width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    padding-left:0;
    text-align: center;
}
#columfoo5{
	margin-top: 10px;
	width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    padding-left:0;
    text-align: center;
}
.titxtfoo p{
	margin-bottom: 0;
}
.logo-foo{
	width: 100%;
	padding-right: 0;
	margin-top: 10px;
}
.damin{
	width: 100%;
	padding: 10px;
	text-align: center;
}
.imgfoo{
	width: 100%;
}
.lineas{
	margin-bottom: 20px;
}
.dcmnt{
	width: 60%;
	font-size: 15px
}
.desca{
	width: 24%;
}
.btnbold{
	font-size: 12px;
}
.btnlight{
	font-size: 12px;

}
.btn{
	padding: 1px 6px;
}
.etado1{
	padding: 10px;
}
.etado2{
	padding: 10px;
}
.etado3{
	padding: 10px;
}
.etado4{
	padding: 10px;
}
.etado5{
	padding: 10px;
}
.txtboldet{
	font-size: 12px;
}
.lightiet{
	font-size: 12px;
}
.txtet1{
	padding-left: 0;
	padding-right: 0;
	width: 65%;
	margin-left: 10px;
}
.et1{
	width: 25%;
}
.txtboldets{
	font-size: 12px;
}
.lightiets{
	font-size: 12px;
}
.table td, .table th{
	padding: .5rem;
}
.card-body{
	padding: 0;
}
}