@charset "UTF-8";
*{
	-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;
}
#trescol{
display:flex;
text-align: center;	
width:100%;
}
.uno_de_3col{
float: right;
padding:3%;
text-align: center;
width:33%;
}
.dos_de_3col{
float: right;
padding:3%;
text-align: center;
width:33%;
}
.tres_de_3col{
float: right;
padding:3%;
text-align: center;
width:33%;
}
#green{
background-color:yellow;
display:inline-block;
text-align:center;
width:100%;
}
#green2{
background-color:#f5f5f5;
display: flex;
align-items: center;
width:100%;
}
#green_A{
float:left;
padding:4%;
text-align:left;
width:49%;
}
#green_B{
float:right;
padding:4%;
text-align:left;
width:49%;	
}
#adaptables{
display: flex;
align-items: center;
width:100%;
}
#adaptables_A{
float:left;
padding:4%;
text-align:left;
width:49%;
}
#adaptables_B{
float:right;
padding:4%;
text-align:left;
width:49%;	
}
#videos{
background-color:#10255a;
text-align:center;
width:100%;
}
#video{
padding:3%;
text-align:center;
width:100%;
}
#separador {
    width: 100%;
    height: 0; /* Oculto por defecto */
}
.txt_gris{
	color:#999;
}
A.orange:link { color:rgb(255,128,0); text-decoration:none; } 
A.orange:visited { color:rgb(255,128,0); text-decoration:none; } 
A.orange:active { color:rgb(255,128,0); text-decoration:none; } 
A.orange:hover { color:#930; text-decoration:underline; } 
#ttst{
background-color:yellow;
height:200px;
width:100%;
}

/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/

****/




/*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;
height:1px;
}
}
/*IPAD VERTICAL*/ /*IPHONE 6 HORIZONAL*/
@media only screen and (min-width:600px) and (max-width:800px){
#ttst{
background-color:black;
}
#trescol{
display:inline-block;
}
.uno_de_3col{
padding:3%;
width:99%;
}
.dos_de_3col{
padding:3%;
width:99%;
}
.tres_de_3col{
padding:3%;
width:99%;
}
}
/*IPHONE 5 HORIZONTAL*/
@media only screen and (min-width:400px) and (max-width:600px){
#ttst{
background-color:cyan;
}
#trescol{
display:inline-block;
}
.uno_de_3col{
padding:3%;
width:99%;
}
.dos_de_3col{
padding:3%;
width:99%;
}
.tres_de_3col{
padding:3%;
width:99%;
}
}
/*IPHONE 6 VERTICAL*/
@media only screen and (min-width:350px) and (max-width:400px){
#ttst{
background-color:fuchsia;
}
#trescol{
display:inline-block;
}
.uno_de_3col{
padding:3%;
width:99%;
}
.dos_de_3col{
padding:3%;
width:99%;
}
.tres_de_3col{
padding:3%;
width:99%;
}
}
/*IPHONE 5 VERTICAL*/
@media only screen and (min-width:1px) and (max-width:350px){
#ttst{
background-color:pink;
height:120px;
}
#trescol{
display:inline-block;
}
.uno_de_3col{
padding:3%;
width:99%;
}
.dos_de_3col{
padding:3%;
width:99%;
}
.tres_de_3col{
padding:3%;
width:99%;
}
}




@media (max-width: 700px) {
    #separador {
        height: 20px; /* Solo se ve en móviles */
    }
}