/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

 .slider	{
	width: 90%;
	margin: auto;
	overflow: hidden;
}

.slider ul{
	display: flex;
	padding:0;
	width: 300%;
	
	animation: cambio 6s infinite;
	animation-duration: alternate;
	animation-timing-function: ease-in;
}

.slider li{
	list-style:none;
}

.slider img{
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	30% {margin-left: 0;}
	
	35% {margin-left: -100%;}
	65% {margin-left: -100%;}
	
	70% {margin-left: -200%;}
	100% {margin-left: -200%;}
}

.header {
	background: #12203E;
	color: #fff;
}

#menu { 
    position:fixed;
    font-family:verdana,arial;
    text-align:center;
    top: 0px; /* Distancia hasta el borde superior */ 
    left: 0px; /* Distancia hasta el borde izquierdo */
    width:100%;
    z-index: 1; /* hace que la capa sea opaca  */ 
}

#texthist {
  font-size:85%; /*altura de texto*/
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans",sans-serif;
	font-weight:bold; /*Bold=texto en negrilla*/
	letter-spacing:1px; /*espaciado entre cada letra*/
	text-align:justify; /*alinear texto (center/left/wright)*/
}

nav ul a,
nav .brand-logo {
  color: #444;
}

p {
  line-height: 2rem;
}

.sidenav-trigger {
  color: #26a69a;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
  top: 100%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

#btnSaveSign {
	color: #fff;
	background: #26a69a;
	padding: 10px;
	border: none;
	border-radius: 3px;
	font-size: 15px;
	margin-top: 12px;
}

#contacto{
	border:1px solid #555555;
	padding:12px; /*este es como un margen*/
	width:70%;
	color:#1E3245; /*color de texto #000000*/
	text-align: left;
	text-decoration: ;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
	font-size: 90%;
	font-weight: bold;
	border-radius:5px; /*esto redondea las esquinas*/
	background-color: #F4F6F6; /*Los colores pueden ser hexadecimales o con texto o incluso de otras formas*/
}