@font-face {
    font-family: 'rnk'; /*a name to be used later*/
    src: url('concielian.ttf'); /*URL to font*/
}

.banner{
	margin-top: 2em;
}
#logo{
	width: 80%;
	margin: auto;	
}
#eslogan{
	margin-top: 1em;
}
#productos{
	width: 80%;
	margin:auto;
}
.sucursuales{
	margin-top: 1.5em;
	background-color: black;
}
iframe{
    min-width: 100%;
    min-height: 19em;
    margin:0px;
    padding: 0px;
}
.boxcap{            
    background-color: rgba(100,100,100,0.8); 
    border-radius: 10px 10px 0px 0px;
    color: white;
    min-width: 195px;
    max-width: 195pX;
    text-align: center;
    position: absolute;
    bottom:1vh;
    left: 0px;
    right: 0px; 
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    z-index: 1000;  	    	
}
.boxcap h1{
	font-size: x-large;
}
.boxcap2{
	min-width: 200px;
    max-width: 200pX;
}
.contacto{
	padding-top: 5em;
	padding-bottom: 5em;
	background-color: black;
	color: rgb(200,200,200);	
	font-size: x-large;
}
.sucursal{
	font-family: 'rnk';
	font-size: 1.5em;
	font-style: italic;
}
.contacto h3, .contacto h4{
	font-weight: bold;
	padding-left: 0.3em;
	margin-bottom: 0em;
	padding-bottom: 0em;
}
.contacto ul{
    list-style: none;
	padding: 0px;	
	padding-left: 0.5em;
}
.fono{
	margin-top: -0.4em;
}

.salto{
	margin-top: 0.8em;
	margin-bottom: 0em;
	padding-bottom: 0em;
}

.productos{
	display: none;
}
.productos ul{
	list-style: none;
	padding: 0px;
	margin-top: 2em;
	margin-bottom: 1em;
}
a:link {
  text-decoration: none;
  color: rgb(200,200,200);
}
a:visited {
  text-decoration: none;
  color: rgb(200,200,200);
}
a:hover {
  text-decoration: underline;
  color: rgb(200,200,200);
}
a:active {
  text-decoration: underline;
  color: rgb(200,200,200);
}
.disable{
	display: none;
}
.enable{
	display: block;
}