@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic');

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');

@import url('https://fonts.googleapis.com/css?family=Oxygen:700&display=swap');

@import url('https://fonts.googleapis.com/css?family=Roboto:500&display=swap');

/* CSS Document */


.fondo {
	background-color: #262626;
}


.repr {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}



#contenido {
    width:90%;
	max-width:640px;
    padding:15px;
	margin: 0px auto;
}

#conteiner1 {
	background-image: url(puntos/02.png);
	background-color: transparent;
	
}
.app {
	background-image: url(img/androidapp.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 170px;
	height: 56px;
	box-shadow: 2px 2px 2px 2px #141414;
}
.img{
    background-size: cover;
	background-repeat: no-repeat;
    background-attachment:scroll;
	background-position:center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.play {
    background-color: #262626;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    border-bottom-left-radius: 48px;
    border-bottom-right-radius: 48px;
    padding-bottom: 2px;
}



.face {
	color: #FFFFFF;
	font-family: 'Oxygen', sans-serif;
}
.face:hover {
    color: #55A6FB;
}
.twi {
	color: #FFFFFF;
	font-family: 'Oxygen', sans-serif;
}
.twi:hover {
    color: #92E1FF;
}
.whatsapp {
	color: #FFFFFF;
	font-family: 'Oxygen', sans-serif;
}
.whatsapp:hover {
    color: #A2F98D;
}


.app {
    background-image: url("../img/androidapp.png");
    background-color: #000000;
    width: 170px;
    height: 56px;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #E40509;
    -webkit-box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.3);
    transition: .3s ease all;
}

.app:hover {
    background-image: url("../img/androidapp.png");
    background-color: #363636;
    width: 170px;
    height: 56px;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #E40509;
    -webkit-box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.3);
}