h1
{
    font-size: 20px;
}

#content
{

    
        display: flex;
        background: #eeeeee;
        padding: 3em;
        width: 100%;
    
    
    
}



.p100
{
   
    width: 100%;
    margin: auto;
}


.l501
{

    width: 100%;
    
    margin: auto;

}


.l502
{ 

    width: 100%;
    margin: auto;
    padding: 10px;
    text-align: center;
    background: white;

}

.rosaimg
{
    width: 100%;
    width: 100%;
    display: block;

}

.bt2proyecto {

    background: #eae5e5;
    color: #383737;
    width: 187px;
    height: 56px;
    /* width: 100%; */
    /* border-radius: 0px; */
    /* height: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* position: absolute; */
    /* bottom: 100px; */
    /* top: -13px; */
    z-index: 2;
    text-decoration: none;
    font-family: lora;
    margin: auto;
    font-size: 13px;

}


.prosa

{
    color: grey;
    padding: 1em 0em 1em 0em;
}






.prosaz1

{

    
        color: #737373;
        /* padding: 1em 0em 1em 0em; */
        text-align: center;
        width: 80%;
        /* padding: 10px; */
        font-size: 0.9em;
        line-height: 250%;
        font-family: lora;
}



.texto 
{
    width: 90%;
    margin: auto;
    /* height: 100%; */
    line-height: 208%;
    font-size: 1em;
}



.imagen
{
    width: 95%;
    margin: auto;
    width: 100%;
}

main
{
    max-width: 1280px;
}



.rosac1 {


    
    padding: 3em;
    position: relative;
    z-index: 20;
}


.rosac3z {
    
    padding: 0 3.5em 0 3.5em;
    position: relative;
    z-index: 20;
    bottom: 3em;
}


.rosa2z {
    width: 100%;
    /* padding: 0em 0em 0em 3em; */
    background: white;
    /* max-height: 680px; */
    margin: 0;
    font-size: 13px;
    line-height: 200%;
    padding: 10px 0px 0px 25px;
}

.t30z

{
    font-family: lora;
    font-size: em;
    color: grey;
}

.prosaz

{
    color: grey;
    /* padding: 1.4em 0em 1.4em 0em; */
    text-align: -webkit-left;
    line-height: 1.8;
}


.rosaz {
    width: 100%;
    /* overflow: hidden; */
    /* display: flex; */
    /* padding: 4em; */
    /* min-width: 370px; */
    /* max-width: 682px; */
    /* max-height: 491px; */
    margin: 0;
    /* padding: 10px; */
}






@media screen and (min-width: 370px)

{
    .prosaz {
        color: grey;
        /* padding: 1.4em 0em 1.4em 0em; */
        text-align: center;
        line-height: 1.8;
    }

    .contenedor1{
        position: relative;
        display: inline-block;
        text-align: center;
        margin: auto;
        text-align: center;
        color: #fff;
        font-size: 13px;
        font-family: lora;
        width: 100%;
        
    }


    .rosa {
        width: 100%;
        overflow: hidden;
        display: flex;
        /* padding: 4em; */
        /* min-width: 370px; */
        /* max-width: 682px; */
        /* max-height: 725px; */
        /* margin: 0; */
    }

    .rosac3 {
        padding: 3em;
        position: relative;
        z-index: 20;
        bottom: 0;
    }

    .prosaz1 {
        color: #737373;
        /* padding: 1em 0em 1em 0em; */
        text-align: center;
        width: 100%;
        /* padding: 10px; */
        font-size: 12px;
        line-height: 189%;
        font-family: lora;
    }


    .rosac3z {
        padding: 3em;
        position: relative;
        z-index: 20;
        bottom: 0em;
    }


    .rosa2z {
        width: 100%;
        /* padding: 0em 0em 0em 3em; */
        background: white;
        /* max-height: 680px; */
        text-align: center;
        margin: 0;
        font-size: 13px;
        line-height: 200%;
        padding: 10px; 
    }




    .contenedor2{
        position: relative;
        display: inline-block;
        text-align: center;
        margin: auto;
        text-align: center;
        color: #fff;
        font-size: 13px;
        font-family: lora;
        width: 100%;
        
    }



}


@media screen and (min-width: 500px)

{


    #content {
        display: flex;
        background: #eeeeee;
        padding: 1em;
        width: 95%;
    }

    #tercersegmento
{

	left: 0;
    width: 95%;
    margin: auto;
	align-items: center;
	background: #eeeeee;

}

#cuartosegmento {
    left: 0;
    width: 95%;
    margin: auto;
    align-items: center;
    background: #eeeeee;
}

#sexto {
    left: 0;
    width: 95%;
    margin: auto;
    align-items: center;
    background: #eeeeee;
}



    .rosa2z {
        width: 100%;
        /* padding: 0em 0em 0em 3em; */
        background: white;
        /* max-height: 680px; */
        text-align: center;
        margin: 0;
        font-size: 14px;
        line-height: 174%;
        padding: 10px;
    }


    .contenedor1{
        position: relative;
        display: inline-block;
        text-align: center;
        margin: auto;
        text-align: center;
        color: #fff;
        font-size: 16px;
        font-family: lora;
        width: 100%;
        
    }


    .contenedor2{
        position: relative;
        display: inline-block;
        text-align: center;
        margin: auto;
        text-align: center;
        color: #fff;
        font-size: 16px;
        font-family: lora;
        width: 100%;
        
    }



}









@media screen and (min-width: 700px)

{
    

    .rosa2z {
        width: 100%;
        /* padding: 0em 0em 0em 3em; */
        background: white;
        /* max-height: 680px; */
        text-align: center;
        margin: 0;
        font-size: 18px;
        line-height: 174%;
        padding: 10px;
    }

    .celcentro
    {
    
        display: none;

    }



    .contenedor1{
        position: relative;
        display: inline-block;
        text-align: center;
        margin: auto;
        text-align: center;
        color: #fff;
        font-size: 21px;
        font-family: lora;
        width: 100%;
        
    }


    .contenedor2{
        position: relative;
        display: inline-block;
        text-align: center;
        margin: auto;
        text-align: center;
        color: #fff;
        font-size: 21px;
        font-family: lora;
        width: 100%;
        
    }



}

@media screen and (min-width: 800px)

{


    .contenedor1{

        font-size: 23px;

        
    }


    .contenedor2{

        font-size: 23px;
 
        
    }



}




@media screen and (min-width: 851px){


    .rosac3 {
        display: flex;
        padding: 0 3.5em 0 3.5em;
        position: relative;
        z-index: 20;
        bottom: 5em;
    }


    .rosac3z {
        display: flex;
        padding: 0 3.5em 0 3.5em;
        position: relative;
        z-index: 20;
        bottom: 3em;
    }


    .rosa2z {
   
        font-size: 14px;          
    }

    .rosac1 {
        
        padding: 3.5em;
        position: relative;
        z-index: 20;
    }
    


    .rosac {
        
        padding: 1em;
        position: relative;
        z-index: 20;
    }



    .imagen {
        width: 95%;
        margin: auto;
        width: 100%;
        /* min-width: 356px; */
    }

    .l502 {
        width: 100%;
        /* padding: 10px; */
        margin: auto;
        text-align: left;
        /* height: 100%; */
    }


    

        
        .texto {
            width: 90%;
            margin: auto;
            height: -3%;
            line-height: 169%;
            font-size: 13px;
            min-height: 320px;
            font-family: lora;
        }

        .bt2proyecto {
            background: #eae5e5;
            color: #383737;
            width: 180px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            z-index: 2;
            text-decoration: none;
            font-family: lora;
            margin: auto;
            font-size: 13px;
        }


    
        .prosa {
            color: grey;
            /* padding: 1.4em 0em 1.4em 0em; */
            text-align: -webkit-left;
            line-height: 1.8;
        }



        .contenedor1 {
            position: relative;
            display: inline-block;
            text-align: center;
            margin: auto;
            color: #fff;
            font-size: 12px;
            font-family: lora;
            width: 100%;
        }
    
    
        .contenedor2 {
            position: relative;
            display: inline-block;
            text-align: center;
            margin: auto;
            color: #fff;
            font-size: 12px;
            font-family: lora;
            width: 100%;
        }


        
            .prosaz1 {
                color: #737373;
                /* padding: 1em 0em 1em 0em; */
                text-align: left;
                width: 95%;
                /* padding: 10px; */
                font-size: 12px;
                line-height: 186%;
                font-family: lora;
            }
    
    }





    

    @media screen and (min-width: 900px){


        .prosaz1 {
            color: #737373;
            /* padding: 1em 0em 1em 0em; */
            text-align: left;
            width: 95%;
            /* padding: 10px; */
            font-size: 13px;
            line-height: 186%;
            font-family: lora;
        }


        .rosa {
            width: 100%;
            /* overflow: hidden; */
            display: flex;
            /* padding: 4em; */
            min-width: 370px;
            max-width: 682px;
            max-height: 725px;
            margin: 0;
        }

        .rosa2 {
            width: 89%;
            padding: 0em 0em 0em 3em;
            background: #ffffff;
            /* max-height: 680px; */
            margin: 0px;
            text-align: center;
            padding: 18px;
            /* max-height: 562px; */
        }

        .prosa {
            color: grey;
            /* padding: 1.4em 0em 1.4em 0em; */
            text-align: center;
            line-height: 1.8;
        }


       


        .rosa2z {
   
            font-size: 15px;          
        }

        .texto {
        
            width: 90%;
            margin: auto;
            height: -3%;
            font-size: 13px;
            font-family: lora;
        }



        .contenedor1 {
            position: relative;
            display: inline-block;
            text-align: center;
            margin: auto;
            color: #fff;
            font-size: 13px;
            font-family: lora;
            width: 100%;
        }


        .contenedor2 {
            position: relative;
            display: inline-block;
            text-align: center;
            margin: auto;
            color: #fff;
            font-size: 13px;
            font-family: lora;
            width: 100%;
        }

       
        
        }



        @media screen and (min-width: 985px){


            .centrocorporativo
            {
            
                display: none;
            
            }
            
            .botoncorporativo
            {
                display: none;
            }

            .cp33
            {
                display: none;
            }
            
            }






        @media screen and (min-width: 1024px){

            
            .rosa {
                width: 100%;
                /* overflow: hidden; */
                display: flex;
                /* padding: 4em; */
                min-width: 370px;
                max-width: 682px;
                max-height: 725px;
                margin: 0;
            }

            .rosa2 {
                width: 89%;
                padding: 0em 0em 0em 3em;
                background: #ffffff;
                /* max-height: 680px; */
                margin: 0px;
                text-align: center;
                padding: 15px;
                /* max-height: 562px; */
            }

            .prosa {
                color: grey;
                /* padding: 1.4em 0em 1.4em 0em; */
                text-align: left;
                line-height: 1.8;
            }

            .prosaz1 {
                color: #737373;
                /* padding: 1em 0em 1em 0em; */
                text-align: left;
                width: 93%;
                /* padding: 10px; */
                font-size: 1em;
                line-height: 175%;
                font-family: lora;
            }




            .rosa2z {
   
                font-size: 16px;          
            }

            .texto {
            
                width: 90%;
                margin: auto;
                height: -3%;
                min-height: 320px;
                font-family: lora;
                font-size: 16px;
            }



            .contenedor1 {
                position: relative;
                display: inline-block;
                text-align: center;
                margin: auto;
                color: #fff;
                font-size: 16px;
                font-family: lora6
                width: 100%;
            }
    
    
            .contenedor2 {
                position: relative;
                display: inline-block;
                text-align: center;
                margin: auto;
                color: #fff;
                font-size: 16px;
                font-family: lora;
                width: 100%;
            }





            
            
            }


            @media screen and (min-width: 1124px){

                .rosa2z {
   
                    font-size: 17px;
              
                }

                .texto {
                
                    width: 90%;
                    margin: auto;
                    height: -3%;
                    line-height: 200%;
                    font-size: 1em;
                    min-height: 320px;
                    font-family: lora;
                }



                .contenedor1 {
                    position: relative;
                    display: inline-block;
                    text-align: center;
                    margin: auto;
                    color: #fff;
                    font-size: 16px;
                    font-family: lora;
                    width: 100%;
                }
        
        
                .contenedor2 {
                    position: relative;
                    display: inline-block;
                    text-align: center;
                    margin: auto;
                    color: #fff;
                    font-size: 16px;
                    font-family: lora;
                    width: 100%;
                }


                .prosaz1 {
                    color: #737373;
                    /* padding: 1em 0em 1em 0em; */
                    text-align: left;
                    width: 93%;
                    /* padding: 10px; */
                    font-size: 1em;
                    line-height: 205%;
                    font-family: lora;
                }


                
                
                }


                @media screen and (min-width: 1224px){

                    


                    .rosa2z {
   
                        font-size: 18px;
                  
                    }


                    .texto {
                    
                        width: 90%;
                        margin: auto;
                        height: -3%;
                        line-height: 200%;
                        font-size: 1.1em;
                        min-height: 320px;
                        font-family: lora;
                    }


                    .contenedor1 {
                        position: relative;
                        display: inline-block;
                        text-align: center;
                        margin: auto;
                        color: #fff;
                        font-size: 18px;
                        font-family: lora;
                        width: 100%;
                    }
            
            
                    .contenedor2 {
                        position: relative;
                        display: inline-block;
                        text-align: center;
                        margin: auto;
                        color: #fff;
                        font-size: 18px;
                        font-family: lora;
                        width: 100%;
                    }
                    
                    
                    }



                    @media screen and (min-width: 1280px){

                        .rosa2z {
   
                            font-size: 19px;
                      
                        }

                        
                        
                            .texto {
                                
                                width: 84%;
                                margin: auto;
                                height: -3%;
                                line-height: 165%3
                                font-size: 1.3em;
                                min-height: 320px;
                                font-family: lora;
                            }


                            .prosaz1 {
                                color: #737373;
                                /* padding: 1em 0em 1em 0em; */
                                text-align: left;
                                width: 80%;
                                /* padding: 10px; */
                                font-size: 1em;
                                line-height: 225%;
                                font-family: lora;
                            }




                        }
                        
                        
                    


@media screen and (min-width: 851px){



    .rosac1 {
        display: flex;
        padding: 3.5em;
        position: relative;
        z-index: 20;
    }
    


    #content 
    {
 
        display: flex;
        background: #eeeeee;
        padding: 3.5em;
        width: 95%;

    }


    .p100 {
        width: 100%;
        display: flex;
        background: white;
    }


    .l501 
    
    {
        width: 100%;
        padding: 0px;
        /* margin: auto; */
    }



}


@media screen and (max-width: 700px){


    .centrocorporativo
    {

        display: none;

    }


}



@media screen and (max-width: 851px){


    
    .intro {
        background: #ffffff;
        margin-bottom: 15px;
        padding: 12px;
        padding-top: ;
        border: none;
        width: 100%;
        font-size: 1.3em;
    }


    .intro2 {
        background: #ffffff;
        margin-bottom: 15px;
        padding: 12px;
        /* padding-top: 20px; */
        border: none;
        width: 100%;
        font-size: 1.3em;
    }

    .cabecera1z {
        
        margin: auto;
        text-align-last: right;
        font-family: lora;
    }

    .cabecera3z {
        /* padding: 30px; */
        margin: auto;
        text-align-last: left;
        font-family: lora;
    }


}


@media screen and (max-width: 851px){



    .cabeceraf {
        width: 100%;
    }


    .cabecera1z {
        
        
        margin: auto;
        text-align-last: left;
        font-family: lora;
        font-size: 13px;
    }


    .cabecera3z {
        

        margin: auto;
        text-align-last: left;
        font-family: lora;
        font-size: 13px;
    }

}

@media screen and (max-width: 985px){


.centrocorporativo2
{

    display: none;

}

.botoncorporativo2
{
    display: none;
}

}













::-webkit-input-placeholder { color: rgb(170, 170, 170);
:-moz-placeholder { /* Firefox 18- */ color:  rgb(170, 170, 170); } 

::-moz-placeholder { /* Firefox 19+ */ color:  rgb(170, 170, 170); } 

:-ms-input-placeholder { color:  rgb(170, 170, 170); }