/*Ajuste automatico de images,inputs y divs a distintios tamaños de display*/
img,div,input{
	max-width: 100%;
}
/* Formato a los input tipo boton y sumbit*/	
input[type="button"],input[type="submit"]{
	font-size:14px;
	border-style:solid;
	border-radius:4px;
	color:#FFF;
	width:90px; 
	height:25px;
	border: 1px solid #93E2FF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
	background: #A5273F;
	}				
/*--------Ventana desplegable par el inicio de sesion---------*/
#bgVentanaModal {
	background: rgba(0,0,0,.7);
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	visibility: hidden;
	width: 100%;
	z-index: 90;
}
#ventanaModal {
	background-color: #fff;
	height: 55%;
	left: 50%;
	margin-left: -12%;
	margin-top:  -25%;
	padding: 2em;
	position: absolute;
	top: 60%;
	text-align:center;
	width: 20%;
}
/*Formato para la seccion de aviso & slider*/
section#aviso,section#slider{
	display: inline-block;
	margin-top: 0%;
	margin-bottom: 1%;
	vertical-align: top;
	width: 62%;
}
section#aviso{
	margin-top: 3%;
	margin-left: 4%;
	text-align: center;
    width: 30%;
}
section#contenedor_slider_aviso{
	margin: 2%;
	margin-bottom: 3%;
	margin-top: 2%;
	width: 96%;
}
article#galeria-inicio{
     box-shadow: 0px 0px 10px rgba(100, 30,0, .5); 
     width: 100%;
}
img#img_subir,img#img_bajar{
	height: 10%;
	margin-left: 5%;
	position: absolute;
	width: 5%;
}
img#img_bajar{
	margin-left: 80%;
	margin-top: -10%;
}
img#img_subir:hover,img#img_bajar:hover, img#img_social:hover{
	border-radius: 5em;
	box-shadow: 1px 2px 5px rgba(0,0,0,.3);
}
img#img_msj_descarga{
     width: 75%;
     height: 25%
}
/*----------Notificaciones de error al iniciar sesion-------------------------------*/
#errorSesion{
    background: rgba(0,0,0,.7);
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 90;
}
#mensajeError {
	background-color: #fff;
	color: red;
	font-weight: bold;
	font-size: 16px;
	font-family: arial;
	height: 20%;
	left: 50%;
	margin-left: -12%;
	margin-top:  -17%;
	padding: 2em;
	position: absolute;
	top: 60%;
	text-align: center;
	width: 20%;
}
/*estilo para los articulos de opcion*/
#opcionesInicio{ 
	background:#fff;
	box-shadow: 0px 0px 7px rgba(50, 30,0, .5); 
	color:#A5273F;
	display:inline-block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px; 
	font-weight:bold;
	height: 25%; 
	margin:.5%; 
	text-align:center; 
	vertical-align:top;
	width:17%;
}
.encabezado{
	background: #98979C;
	margin-bottom: 1%;
	padding-top: .5em;
	padding-bottom: .5em;
	width: 100%;
}
.encabezado:hover{
	background: #428BCA;
}
#opcionesInicio a{
  	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
}
#opcionesInicio:hover{
 	box-shadow: 0px 0px 10px rgba(0, 0,0, .7);
}

/*AJUSTES DE PANTALLA AUTOMATICO*/
@media screen and (max-width:800px){
  section#aviso,section#slider{
	margin: 5%;
    width: 88%;
  }
  article#opcionesInicio{
  	margin: 2%;
  	width: 40%;
  }
  #ventanaModal {
	height: 85%;
	left: 25%;
	margin-left: 0%;
	margin-top:  0%;
	padding: .2em;
	top: 10%;
	width: 50%;
  }
}
@media screen and (max-width:400px){
  section#aviso,section#slider{
  	padding: 0%;
	margin: 0%;
	margin-top: 5%;
    margin-bottom: 5%;
	width: 100%;
  }
   section#aviso{
   	width: 88%;
   }
   .flex-caption{
   	display: none;
   }
   article#opcionesInicio{
  	margin: 15%;
  	margin-top: 1%;
  	margin-bottom: 5%;
  	width: 68%;
   }
   article#opcionesInicio a img{
   	display: none;
   }
   #ventanaModal {
	height: 100%;
	padding: .2em;
	width: 100%;
	left: 0%;
	top: 0%;
  }
  #mensajeError {
	height: 35%;
	padding: .2em;
	width: 90%;
	left: 15%;
	top: 15%;
}
}
@media screen and (max-height:300px){
   div#bgVentanaModal img{
       display: none;
   }
}