@charset "utf-8";
/* CSS Document */

/* Diseño móvil: 480 px e inferior. */
#gradient {
  position: fixed;
  top: 0;
  left: 0;
  background:  url(../images/locator-movil.png) 50% 50% no-repeat;
  width: 100%;
  height: 100%;
  min-width: 200px;
  overflow: auto;
  text-align: center;
  cursor: url('../images/cursor_locator.png'), auto;
  display:table;
}
a:link {
	color:#FFFFFF;
}
a:hover {
	color:#f44336;
}
a:visited{
	color:#FFFFFF;
}
#centro {
	display: table-cell;
	vertical-align: middle;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 24px;
	text-align: center;
}
#botones{
  overflow: auto;
}
.boton {	
	background-color: transparent;
    border: 2px solid #ff0000;
	border-radius: 10px;
    color: white;
	font-weight: bold;
	font-variant: small-caps;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
	display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	width: 200px;
	
}
.boton:hover { 
	background-color: #f44336;	
	color:#fff; 
}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {
  #botones{
    height: 150px;
    overflow: auto;
  }
}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 981px) {
#gradient {
  position: fixed;
  top: 0;
  left: 0;
  background:  url(../images/bg-inssat.png) 50% 50% no-repeat;
}
#gradient {
  width: 100%;
  height: 100%;
  /*min-width: 1000px;*/
  /*min-height: 780px;*/
}
#botones{
  height: auto;
  overflow: auto;
}

}