/* NOTA: 
   Estos estilos son para aplicar a todo el sitio 
   Muchos elementos de estos estilos fueron creados con un generador de paginas en versiones anteriores a 2018   
   esa es la razon por la que los nombres de los mismos no son amigables ni explicitos de la función que cumplen   
   se conservarán los mismos por compatibilidad y se iran reemplazando paulatinamente.
   Originalmente estaban en distintos archivos se los ha colocado en este para evitar dispersión y facilitar las modificaciones
*/


/*-- color:#C71585; color:#DB709 color:#EE82EE (violeta) #483D8B darkblue--> */


/* -- capa contenedora gral para formato telefono movil*/
#DivContenedorGral {
	margin: 0 auto;
	width: 980px;	
	z-index:0;	
	text-align: center;
	margin-left: auto;
	margin-right: auto;		
}

/*  capa para cabecera */
.capahead {
	position:relative;
	width:960px;
	height:130px;
	z-index:2;
	#left: 200px;
	#top: 110px;
	text-align: center;	
	#background: linear-gradient(to bottom right, #0888CB, #30B4FA);	
	border-radius:10px;
	box-shadow: 2px 2px 10px green;	
	#background-color: grey;	

}

/*  capa para socalo */
.capasocalo {
	position:relative;
	width:960px;
	height:100px;
	z-index:20;	
	text-align: center;		
	border-radius:10px;	
	box-shadow: 2px 2px 10px #EE82EE;	
}



/*  capa para COPYRIGH */
.capacopyrigth {
	position:relative;
	width:980px;
	height:40px;
	z-index:100;	
	text-align: center;
	#background-color: #CCCCCC;
	#background-color: #EE82EE;	
	padding: 1px;
}

/*  capa para franja con texto */
.capafranjatexto {	
	position:relative;	
	border-radius:5px;	
	box-shadow: 2px 2px 10px #EE82EE;		
	#background-color: #EE82EE;
	background: linear-gradient(to bottom right, grey, #EE82EE );	
}



/* -- capa para reloj de arena para mostrar mientras una pagina se esta cargando*/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;    
    background: url('../imagenes/cargando.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}


/*  capa para menu */
.capamenu {
	position:relative;
	width:980px;
	height:100px;
	z-index:50;
	left: 50px;	
	text-align: center;
}


/* ------ boton esfumado con sombra para menu general -------- */
		/*formato para opcion seleccionada*/
.botonmenuestatico {
color:black;
font-weight:600;
font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
#background: linear-gradient(to bottom right, white,#EE82EE );
background: white;
border-width: 0px;
border-radius:3px;
box-shadow: 1px 1px 5px grey;
}
		/*formato para opcion sin seleccionar*/
.botonmenudinamico {
color : #EE82EE;
font-weight:100;
font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
#background: linear-gradient(to bottom right, white, grey);
#background: linear-gradient(to bottom right, white,#EE82EE );
background: white;
border-width: 0px;
border-radius:3px;
box-shadow: 1px 1px 5px grey;
}
.botonmenudinamico:hover {
background: linear-gradient(to bottom right, white, #AEE1FC);
color : #5A330D;
}


/* -- boton  esfumado con sombra*/
.boton-personalizado {
color: #ffffff;	
background: linear-gradient(to bottom right, #EE82EE, black);
#color:#ffffff;
#background: linear-gradient(to bottom right, #ffffff, black);
border-width: 0px;
border-radius:10px;
box-shadow: 2px 2px 10px grey;
}

.boton-personalizado:hover {
background: linear-gradient(to bottom right, green, white);
#background: linear-gradient(to bottom right, green, white);
}