@charset "UTF-8";
/* CSS Document */
*{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin:0;
	padding:0;
	outline: 0;
}
img{
	border:none;
}
html,body{
	background-color:white;
	background-repeat:repeat-x;
	font-family: 'Roboto', sans-serif;
	/*
	font-weight:100;
	font-weight:300;
	font-weight:400;
	font-weight:500;
	font-weight:700;
	*/
	font-size:.8em;
	margin:0;
	height:100%;
}
#pag{
background-image: url(images/home.jpg);
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
position:fixed;
height:100vh;
text-align:center;
top:0;
width:100%;
}
.contenedor{
display:flex;
margin: 0 auto;
padding:3%;
position:relative;
text-align:center;
width:100%; max-width:600px;
}
h1{
font-size:1.6em;
}
#AA{
padding-right:12px;
text-align: left;
width:50%;
}
#BB{
text-align:right;
width:50%;
}
.txt_welcome{
font-size:1.3em;
font-weight:bold;
}
.login{
background-color:black;
-webkit-border-radius: 42px 42px 42px 42px;
border-radius: 42px 42px 42px 42px;
color: white;
display: inline-block;
font-size:1.5em;
padding:5%;
width:100%;
}
.create{
background-color:white;
-webkit-border-radius: 42px 42px 42px 42px;
border-radius: 42px 42px 42px 42px;
color:black;
display: inline-block;
font-size:1.5em;
padding:5%;
width:100%;
}
#accesos{
bottom:5%;
position: fixed;
width: 100%;
}
.accesos2{
width: 100%; max-width:600px;
}
.spc10{
display:inline-block;
height:10px;
width:100%;
}
.spc20{
display:inline-block;
height:20px;
width:100%;
}
.spc30{
display:inline-block;
height:30px;
width:100%;
}
.spc40{
display:inline-block;
height:40px;
width:100%;
}
.spc50{
display:inline-block;
height:50px;
width:100%;
}
.spc60{
display:inline-block;
height:60px;
width:100%;
}
.spc70{
display:inline-block;
height:70px;
width:100%;
}
.spc80{
display:inline-block;
height:80px;
width:100%;
}
.spc90{
display:inline-block;
height:90px;
width:100%;
}
.spc100{
display:inline-block;
height:100px;
width:100%;
}
#gratis{
background-repeat: no-repeat;
background-position: right top;
background-size: cover;
position:fixed;
right:0;
top:0;
width:50%; max-width:150px;
}
.txt_gris{
	color:#999;
}

A.txt_black:link { color:black; text-decoration:none; } 
A.txt_black:visited { color:black; text-decoration:none; } 
A.txt_black:active { color:black; text-decoration:none; } 
A.txt_black:hover { color:black; text-decoration:underline; } 

A.txt_white:link { color:white; text-decoration:none; } 
A.txt_white:visited { color:white; text-decoration:none; } 
A.txt_white:active { color:white; text-decoration:none; } 
A.txt_white:hover { color:white; text-decoration:underline; } 

.txt_emoji{
font-size:2.5em;
}
.txt_emoji:hover{
}
A.txt_emoji:link { text-decoration:none; } 
A.txt_emoji:visited { text-decoration:none; } 
A.txt_emoji:active { text-decoration:none; } 
A.txt_emoji:hover { text-decoration:none; } 

#ttst{
background-color:yellow;
height:30px;
position:fixed;
bottom:0;
right:0;
width:30px;
z-index:999999999999999;
}



/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/

****/




/*LONGEST DISPLAYS*/
@media only screen and (min-width:1401px) and (max-width:3000px){
}
/*IPAD HORIZONTAL*/
@media only screen and (min-width:1280px) and (max-width:1400px){
}
@media only screen and (min-width:800px) and (max-width:1280px){
#ttst{
background-color:gray;
}
}
/*IPAD VERTICAL*/ /*IPHONE 6 HORIZONAL*/
@media only screen and (min-width:600px) and (max-width:800px){
#ttst{
background-color:black;
}
}
/*IPHONE 5 HORIZONTAL*/
@media only screen and (min-width:400px) and (max-width:600px){
#ttst{
background-color:cyan;
}
}
/*IPHONE 6 VERTICAL*/
@media only screen and (min-width:350px) and (max-width:400px){
#ttst{
background-color:fuchsia;
}
}
/*IPHONE 5 VERTICAL*/
@media only screen and (min-width:1px) and (max-width:350px){
#ttst{
background-color:pink;
}