@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
	padding: 0;
}

html{
	background-image: url(fondo_expresion_creativa.jpg);
	background-position: relative top;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #24a6b3;
} 
	

/*----------------------------
barra superior 
-----------------------------*/
barra_sup{
	top: 0;
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.2) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.2) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.2) 100%);
	background-image: linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.2) 100%);
	cursor: default;
	height: 100px;
	left: 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 10000;
	color: #999;
}
#pic-transp-solo {
opacity: 0.5;        
}
#pic-transp {
opacity: 0.5;        
}
#pic-transp:hover {
 opacity: 1;
}
#barra-pic {
    /*display: none;*/
    position: relative;
    top: 10%;               
    width: 100%;
	text-align: center;
}

/*#pic-transp-ale-solo {
opacity: 0.9;        
}*/

#pic-transp-ale {
opacity: 0.7;        
}
#pic-transp-ale:hover {
 opacity: 1;
}

#barra-pic {
    /*display: none;*/
    position: relative;
    top: 10%;               
    width: 100%;
	text-align: center;
}
	


/*----------------------------
contenido flotante
-----------------------------*/
#contenedor {
	position: absolute;
	top: 100px;
	width: 100%;
	text-align: center;
}


/*----------------------------
barra inferior 
-----------------------------*/

footer{
	/*background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);*/
	background-color: rgba(0,0,0,0.4);
	bottom: 0;
	cursor: default;
	height: 25px;
	left: 0;25px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 100000;
	color: #CCC;
	font-size: 16px;	
	
}