@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,600i,700,700i,900');


*{margin:0;padding:0;outline: 0 }


body{background: #fff}

/*barra azul menu entera*/
header{
    background-color: #000;
    height: 3em;
    width: 100%
}

ul{
    margin:0px;
    padding:0px
}

ul li
{
    background:#000 ;
    width:10em;
    height: 3em;
    float:right;
    line-height: 40px;
    text-align: center;
    list-style: none;
}

/*LOGO DGPC*/
.dgpc
{float: left;
margin: .2%;
height: 25px;
width: 55px;
padding-left: 2em    ;
margin-top: .6%

}

/*MENU ELEMENTOS ESCRITOS*/

.elementosmenu
{
    padding: 0;    
    
}
ul li a
{ color:#fff;
font-family:'Titillium Web', sans-serif;
display:block;
text-decoration: none;
text-align: center

   
}

ul li :hover
{ color: #333;
    background: #ea5353;
    transition:.4s;
    width:10em;
    height: 3em;
    
}


/*MENU DESPLEGABLE*/

ul li ul li
{
    display: none;
}

ul li:hover ul li
{display: block;
  transition:.1s;}


/*INTRODUCCION-MARCA-DEQUE SE TRATA*/

.intro
{
    font-family:'Titillium Web', sans-serif;
    color:#fff;
    text-align:center;
    padding: 5em;
    font-size: 1em;
    background-image: url(images/foto%20fondo-05.jpg);
    background-color:#1f3442;
    width: 89%;
    height: 34em;
    margin: 0
   
        
}


.titulo1
{  font-family:'Titillium Web', sans-serif;
    font height: 600;
}


/*PRINCIPAL-LOGOYFONDO*/
.logo
{
    padding-top: 2em;
    padding-left: 19em;
    height: 10em;
    width: 15em;
    
}

p
{
    text-align: center;
    padding-left: 3em;
    padding-right: 3em;
}

/*PRESENTACION APP titulo*/

.descarga
{
   margin-top:3%;
   font-family:'Titillium Web', sans-serif;
   font height: 600 ;
   text-align:center;
   font-size: 2em;
    margin-right: 5em;
    
       
}

.descarga2
{
   margin-top:-.3em;
   font-family:'Titillium Web', sans-serif;
   font height: 600 ;
   text-align: center;
   font-size: 2em;
   margin-right: 5em;
}


/*PRESENTACION APP CELYTEXTO*/

.celular
{float: right;
margin-right: 10em;
display:flex;
margin-top: -5em;
margin-bottom: 5em;
   
}



.descripcion
{
margin-left: 20em;
display: flex;
text-align: center;
margin-top: 2em; 
font-family:'Titillium Web', sans-serif;
font height: 400;
line-height: 140%;    
  
}

.icono1
{
 float:right;
padding-top: 4.6em
}

.icono2
{float:right;
padding-top: 5em
    
    
    
    
}

.evita
{
font-family:'Titillium Web', sans-serif;
font height: 600; 
color: #ea5353;
text-align: center;
margin-left: 15em;
margin-top: 2em;    
    
}


.tiempo{
    font-family:'Titillium Web', sans-serif;
font height: 600; 
color: #ea5353;
text-align: justify;
margin-left: 24em;
margin-top: 2em;    
    
    
    
    
}
.section2
{
 padding-right: 6em 
    
}

.section2{
    
    ;background-color:#e5dfe0 ;
    padding: 5em;
    width: 88.85%;
    height: 38em;
    margin: 0
}

/*SECCION FUNCIONAMIENTO*/


/*COMO FUNCIONA LA APP?*/

.funcionamiento{
    
         padding-left: 30em;
        margin-top: -25em;
}


.como{margin-top: -1em;
    margin-left:1em;
    width: 8em;
   font-family:'Titillium Web', sans-serif;
   font height: 600 ;
   text-align: center;
   font-size:1.5em;
   line-height: 120%;
   list-style: none;
     margin-top: 15em;
    
   }



.elementos{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: stretch;
    padding: 0;
    margin-top: -10em;
    padding-right: 2em;
    font-family:'Titillium Web', sans-serif;
}

.elementos article{
 margin-top: 4em;
}

.elementos

{
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
    font-family:'Titillium Web', sans-serif;
    padding-bottom: 10EM;
}


.elementos article h2{
    text-align: center;
    color: #ea5353;
    font-family:'Titillium Web', sans-serif;
   font height: 600 ;
     margin-top: -5em;
          
}

.elementos article p{
    text-align: center;
   
    
}



footer {
        font-family: 'Titillium Web',sans-serif;
        background:#2f425e;
        width: 100%;
        height: 5em;
        font-weight:100;
        color:#fdfeff; 
        font-size:0.8125rem;
 
        }

footer p
{
padding-top:1em   
}






.alplato 
{text-align: center;
font-family: 'Titillium Web',sans-serif;
font-size: 2em;
}


}

h2 .compo{ margin-top: -10em}


.compo {  margin-top:-10em;
padding-left: 8em}

article .pant{padding-left: 13em;margin-top: 3em}


.pant{ padding left: 15em;margin-top:4em}