header{}
 main{padding:0 0 0 3rem;}
nav{background-color:#a52a2a;}
h1{color:#2976a6;font-size:2rem;padding:0 0 0 3rem ;line-height:100%;margin:0 0 0 0;}
h2{color:#a6a429;font-size:1.8rem;  }

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
body {
  background: #fdfdfd;
 
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  letter-spacing: 0.05rem;
  color: #7491a9;
}
header{}
 main{padding:0 2rem 0 2rem;}
nav{background-color:#a52a2a;}
h1{color:#2976a6;font-size:2.5rem;padding:0 0 0 3rem ;}
h2{color:#a6a429;font-size:2rem; text-align:center; }
h3{font-size:1.5rem;  }
 #lista{text-align:center; }
li{font-size:1rem;}
li.titulo h1{color:#fff;padding-top:1rem;}

.btn-small{font-weight:bold;}
 
 
  
 
   

 
nav ul a {
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    font-size: 1rem;
    color: #fff;
    font-weight:bold;
    display: block;
    padding: 0 15px;
    cursor: pointer;
}
 
  li.row{
         display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
  }  

 
 
#slideouter {
  position: absolute;
  border: 3px solid #940030;
  width: 300px;
  top: 0;
  left: -300px;
  padding: 1rem;
  background: #fff;
  z-index: 3000; }
  #slideouter ul li span {
    font-size: 2rem; }
  #slideouter ul li a {
    font-size: 2rem; }

#slideouter.slideouterVisible {
  left: 0px;
  transition: all 1s; }

#sidenavtrigger {
  display: none; }

#close {
  color: red;
  font-weight: bold;
  float: right;
  cursor: pointer; }

strong {
  color: #940030; }

img {
  border-radius: 5px; }

/*	.cartleft{div:hover{box-shadow: 2px 2px 4px #007494;p{font-style:normal;}}}
		.cartright{div:hover{box-shadow: 2px 2px 4px #007494;p{font-style:normal;}}}
		@keyframes divhover{
  0%   {background-image: linear-gradient(red, yellow);}
  100% {background-image: linear-gradient(yellow, red);}
  } */
.hrfooter {
  background: #eaeaea;
  margin-top: 4rem;
  height: 2px; }

.hrfooter2 {
  background: #fff;
  margin-top: 3px;
  height: 1px; }

.btenable {
  visibility: hidden;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
  /* text-align: right; */
  margin-left: 2rem; }

.btnnone {
  visibility: visible; }

#colophon {
  color: #fff580;
  font-size: 12px;
  text-align: center;
  margin-top: 3rem; }
  #colophon a {
    color: #ffffff;
    text-decoration: none; }
#registro{max-width:300px;}
select {
    display: block;
}
label{font-weight:bold;}
button{font-weight:bold;}
.mensaje{text-transform: uppercase;color:#d23100;font-weight: bold;}
#rememberPass p{font-size:1rem;color:red;cursor:pointer;}
.ajaxResult{visibility:hidden;}
.visible{visibility:visible;}