/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Arvo');

*{

	color: #FFF;
	font-family: "Arvo"; 	
    background-color: #000;

}

#pagina {
	width: 100%;
    height: 100%;
    background-color: #000;
}

#foto {
    text-align: center;
    height: 100%;
}

.datos_cel{
	display: none!important;
	width: 100%;
	color: #FFF;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFF;
	background-image: url("../img/bg.png");
    	background-repeat: repeat-y repeat-x;
}

.sombra{
	width: 200px;
	height: auto;
	margin-left: 3%;
	text-align: center;
	background-image: url("../img/bg.png");
    	background-repeat: repeat-y repeat-x;
}

.logo{
	width: auto;
	height: 100%;
}

footer{position:absolute;bottom: 0; width:100%;}





footer li {
    float: left;
    font-size: 12px;
    margin-right: 20px;
}
#copyright{clear:both;}

/* Mas chico que 960 para los 768 */
@media screen and (max-width: 959px){

.datos_cel{
	display: block!important;
}

.sombra{
	display: none!important;
}

footer{
	display: none!important;
}

@media (max-width: 767px) {footer{position:relative;bottom: 0; width:100%;}}