img {
    border-radius: 10px;
}
#encabezado {
   background-color: #b9afc8;
   color:#531868;
}

#encabezado h2{
   margin: 0px;
}

#logo{
	width:60px;
	margin-left:20px;
	margin-bottom:20px;
	margin-top: 20px;
}

.navbar{
	background-color: #676767;
}

.nav-link{
	color:#FFFFFF;
    font-size: 20px;
}

.nav-link:hover{
    color:#b9afc8;
    font-weight: bold;
}

.nav-link:focus{
    color:#b9afc8;
}

.navbar-toggler{
	color: #FFFFFF;
}

#contenido{
	padding: 10px;
}

/* Carousel */

#cont-carousel img{
	border-radius: 10px;
}

#cont-carousel {
    margin-top: 10px;
    padding-right: 10px;
    background-color: #b9afc8;
    border-radius: 10px;
}

#cont-carousel a{
    text-decoration: none;
    color: black;
}

#cont-carousel a:hover{
    color: #57157d;
}

#cont-lateral {
	margin-top: 10px;
	background-color: blue;
}

/* Noticias */

#noticias {
    padding: 30px 0;
    margin-top: 10px;
}

.card-list{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 40px;
    margin-top: 50px;
}

.card{
  background-color: #b9afc8;
}

.card a{
    text-decoration: none;
    color:black;
}

.card a:hover{
    color: #57157d;
}


/*services section*/

#atajos {
    padding: 30px 0;
    margin-top: 10px;
}


.element-list{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 40px;
    margin-top: 50px;
}


.element-list div{
    padding: 40px;
    font-size: 13px;
    font-weight: 300;
    border-radius: 10px;
    transition:0.5s, transform 0.5s;
}

.element-list .rosa{
  background-color: #e91782;
}

.element-list .celeste{
  background-color: #0086c9;
}

.element-list .ocre{
  background-color: #db9600;
}

.element-list .violeta{
  background-color: #57157d;
}

.element-list div i{
    font-size: 50px;
    margin-bottom: 30px;
    color:  white;
}

.element-list div h2{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 15px;
    color:white;
}

.element-list div a{
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    margin-top: 20px;
    display: inline-block;
}

.element-list div:hover{
    background-color: #b9afc8;
    /*background: linear-gradient(#531868,#b9afc8);*/
    transform: translateY(-10px);
}
/*********/
/* Matriculados */

#matriculados select {
    font-size: 20px;
}

/*
.card-list-vet{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 40px;
    margin-top: 50px;
}

.card-vet{
    padding:20px;
    height: 200px;
    background-color: #b9afc8;
    border-radius: 10px;
}
.card-vet:hover{
    background: linear-gradient(#d4cae4,#b9afc8);
    transform: translateY(-10px);
}

.card-vet p{
    padding: 0px;
    margin: 0px;
}
*/
.card-vet{
    background-color: #b9afc8;
    margin:10px;
    padding:10px;
    border-radius: 10px;
}

.card-vet:hover{
    background: linear-gradient(#d4cae4,#b9afc8);
    transform: translateY(-5px);
}

.card-vet h5,h6,p{
    display: inline-block;
}

.card-vet h5{
    width:20%;
}

.table-vet {
    padding:20px;
    height: 40px;
}

.table-vet p{
    display:inline-block;
    width:20%
}

.table-vet h5{
    width:20%
}

.tam10{
    width:10%;
}

.tam15{
    width:15%;
}

.tam20{
    width:20%;
}

.tam25{
    width:25%;
}

.tam25{
    width:30%;
}

/* Accesos */
#accesos{
   margin-top: 10px;
}
.accesos-list{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
    grid-gap: 40px;
}

.acceso-item {
    font-size: 80px;
    margin-bottom: 5px;
    color: #7300ff;
} 

.acceso-icono {
    font-size: 80px;
    margin-top: 30px;
    margin-bottom: 5px;
} 

.acceso-cartel{
    font-weight: bold;
    font-size: 20px;
}

.acceso-item a{
    text-decoration: none;
    color: #7300ff;
}

.acceso-item a:hover{
    color: #b9afc8;
    transform: translateY(-10px);
}

#pagina p{
   text-align: justify;
}

#pagina a{
    text-decoration: none;
    color:black;
}
#pagina a:hover{
   color:#7300ff;
}

footer{
    background-color: grey;
    color:white;
    padding: 20px;
    height: 100px;
}

table th{
    background-color: #b9afc8;
    color:white;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #7300ff;
    padding:5px;
    text-align: center;
}

table td{
    border-style: solid;
    border-width: 1px;
    border-color: #7300ff;
    padding:5px;
}

.cont-credencial {
    width: 100%;
  ali: center;
  
}

#vet-credencial{
  margin-top: 20px;  
  width:500px;
  border-style: solid;
  border-color: black;
}

#vet-credencial td{
  padding: 5px;
}

#vet-credencial p{
  text-align: left;
  font-size: 14;
}

#vet-credencial .logo{
  width:100px;
}

#vet-credencial .nombre{
  font-size: 22px;
  font-weight: bold;
}

#vet-credencial .foto{
  width:200px;
}

#vet-credencial hr{
  height:2px;
  color: black;
}

#vet-credencial .p-cred{
  font-size: 24px;
  color: red;
  padding-top:10px;
  text-align: center;
}

.btn-violeta{
    background-color: #531868;
    color:white;
}

.btn-violeta:hover{
    color:grey;
}

.buscar{
    text-decoration: none;
}

#esp, #loc {
    width:200px;
}

#table-vet {
    width:100%;
    padding-right: 40px;
}

#table-vet td {
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color:#b9afc8
}

#table-vet th {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color:#b9afc8;
    background-color: white;
    color: #57157d;
}

.form-label{
    margin-botton:0px
}

.form-control{
    margin-top: 0px;
}