@charset "utf-8";

/* <uniquifier>: Use a unique and descriptive class name
 <weight>: Use a value from 100 to 900*/

.montserrat-light {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.montserrat-regular {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.montserrat-medium {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.montserrat-bold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


/* Si el tamaño de la pantalla es 601px de ancho o más */
@media screen and (min-width: 721px) {
body{padding: 2.5rem;	margin-top: 2.5rem;}
h1, h2, h3 {
	font-size: 2.0rem;
}
.titulo-princip{font-size:1.5em;}
}
/* Si el tamaño de la pantalla es 601px de ancho o menos */
@media screen and (max-width: 720px) {
body{	margin-top: 4.5rem;}
h1, h2, h3 {
	font-size: 1.5rem;
}
.titulo-princip{font-size:1.3em;}
}
html {
	/* Evita que la barra de navegación fija tape la primera línea del ancla con nombre */
	scroll-padding-top: 3.5rem;
}
body {

	background-color: #C0C2C5;

}
.navbar, .navbar-toggler button{
	font-size:1em; border: none;
}
.nav-link{color: #001;font-weight: bold;}
.light {
	background-color: #EEE;
	color: #555;

}
.navbar .form-control{border: 1px solid #555; }

.dark {
	background-color: #808285;
	color: #FFE;
}

.bg-dark {
	background-color: #808285;
	color: #FFE;
}
section {
	margin: 1rem 0 2rem 0;

}
hr.not {
	border: 4px solid #eb702b;
}
.nav-logo{margin: 0 1% 0 6%;}
.nav-logo img{width:14em;}

.nota{
	padding:2em;
	background-color:#FFFFF9;
}
.nota header{border-bottom: 1px solid #001; margin-bottom: 1em; padding-bottom: 1em;}
.nota h2{font-size:2.3em;font-weight: bold; line-height: 1em;}
.nota a{color:#001;text-decoration:none;}
.sidebar{background-color: none; margin-bottom: 2em;}
header.tienda{padding-bottom: 0;}


.entcal{
	border-left:#808285 1px solid;
	margin-left: 3em;
	padding-top: 2em;
	/* padding-left: 1.5em; */
	padding-bottom: 2em;
}

.entcal .logo img{

		border-radius: 15px;
		width: 8em;
	
}
.entcal .detalle{
	padding-left: 3em;
	padding-top: 0.5em;
}
.entcal h4{
	font-weight: bolder;
	font-size: 1.5em;
	margin: 0;
}
.calendario{
	background-color: #ffffff;
	padding: 2em 3em;
}

#Tabla_01 td{
	padding:0;
	margin:0;

}

section{margin-bottom:0;padding-bottom:0;}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1600px; /* or 950px */
}
.noticias{font-size: 1.5em;font-weight: bold; background-color: #e6e7e9; border-color: #e6e7e9;line-height: 1.20em;padding: 0 0.5em}
.noticias .volanta{color: #e2673d;}
.noticias .titulo{color: #5c5960; text-decoration: none;}
.noticias .divisor{height: 0.1em;border-top: 1px solid #101010; margin:8px 0 6px 0;}
.titulo-princip{color:#fff;font-weight:bold; text-decoration:none;text-align:left;}

.interl{line-height:1.1em;}

h5.volanta{color: #e2673d; font-weight: bold; margin:0; padding: 0; text-transform: uppercase;font-size: 0.98em;}

.captionbg{opacity:0.8;}
.captiontxt{opacity: 1;}


.bg-dark {
  --bs-bg-opacity: 0.5;
  
}

.contact-tab {
    background-image: url('../media/contacto.jpg');
    width: 100%;
    text-align: center;

}
.contact-tab img{
    
    height: 3em;
    margin: 5% 0;
    
}


/* SHOP NAVIGATION - SHOP MENU */


/* UCRASHOP MENÚ - us-menu */

/*Strip the ul of padding and list styling*/
.us-menu ul {
    list-style-type:none;
    margin:0;
    padding:0;
    font-weight: bold;
}
/*Create a horizontal list with spacing*/
.us-menu li {
    display:inline-block;
    /*float: left;*/
    margin: 0;
	padding: 0;
}
/*Style for menu links*/
.us-menu li a {
    display:block;
    min-width:100px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background: #2f3036;
    text-decoration: none;
}
/*Hover state for top level links*/
.us-menu li:hover a {
    background: #199dc5;
}
/*Style for dropdown links*/
.us-menu li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
/*Hover state for dropdown links*/
.us-menu li:hover ul a:hover {
    background: #199dc5;
    color: #fff;
}
/*Hide dropdown links until they are needed*/
.us-menu li ul {
    display: none;
}
/*Make dropdown links vertical*/
.us-menu li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
.us-menu li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}
/*Display the dropdown on hover*/
.us-menu ul li a:hover + .hidden, .hidden:hover {
    display: block;
}