/*
Autor: Ing. Hector Martinez Martinez
*/
/*************fonts*************/
@import url(fonts.css);

/****************************************
*******Stilos Generales******************
*****************************************/
h1{
    font-family: Aller_Bd;
}
h2{

   font-family: ArialNovaCond-Italic;
}
h3{

   font-family: Aller_LtIt;
}
h4{
   font-family: Aller_LtIt;
}
h5{
   font-family: Aller_LtIt;
}
h6{
   font-family: Aller_LtIt;
}

ul, li{                                                    
    list-style: none;
    font-size: 1em;
    font-family:ArialNova-Light;
}

p {
   font-size: 1em;
   font-family:ArialNova-Light;
}
a{
    text-decoration: none;
    font-size: 1em;
    font-family:ArialNovaCond;
}
a:hover{
   font-family:ArialNovaCond;
}

/*************************************************************************************/
/*                                                                                   */
/*                               GENERALES DE TABLA                                  */
/*                                                                                   */
/*************************************************************************************/

/*********************************************************************
****************************Caracteristicas (tabla)*******************
**********************************************************************/

  .descripcion_proyecto{
     width: 100%;
     height: 150px;
     margin-bottom:60px;
     margin-top: 40px;
     }

   .descripcion_proyecto .contendor_decripcion{
      width: 90%;
      height: 150px;
      margin: 0 auto;
   }

   .descripcion_proyecto .contendor_decripcion table{

   }
   .descripcion_proyecto .contendor_decripcion table tr{
      border-bottom: 1px solid #000000;
   }

    .descripcion_proyecto .contendor_decripcion #prt{
      text-align: left;
    font-weight: 700;
    padding-right: 50px;
    }

    .descripcion_proyecto .contendor_decripcion table td{
      text-align: left;
      font-size: 14px;
      padding-right: 20px;
    }
/*********************************************************************
********************Fin Caracteristicas (tabla)***********************
**********************************************************************/

/*********************************************************************
*******************Definicion del estudio*****************************
**********************************************************************/

.explicacionestudio{
   width: 100%;
   height: auto;
}

.explicacionestudio .caja_de_explicacion{
    width: 50%;
    height:auto;
    padding-top: 20px;
}

.explicacionestudio .caja_de_explicacion p{
   color:#5C5C5C;
   text-align:  center;
}
/*************************************************************************
*******************Fin Definicion del estudio*****************************
**************************************************************************/
 
/*************************************************************************************/
/*                                                                                   */
/*                            PLAYA DEL CARMEN                                       */
/*                                                                                   */
/*************************************************************************************/

/***************************************************************************/
/************************IMAGEN PANORAMICA**********************************/
/***************************************************************************/

.seccion_ingestructural_PLAYACARMEN{

}
/***primer parte**/
.seccion_ingestructural_PLAYACARMEN .imagen_panoramica{
     width: 100%;
     height: 660px;
}
.seccion_ingestructural_PLAYACARMEN .imagen_panoramica .imagen_proyecto_playaCarmen{/*contenedor general de imagen panoramica*/
     width: 100%;
     height: 600px;/**adaptar*/
     background: url(../img/secciones/004_playacarmen/estructural/principal.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50% 100%;/*pocion de la iamgen*/
}

.seccion_ingestructural_PLAYACARMEN .imagen_panoramica .texto_imgPanoramica{
     width: 100%;
     height: 40px;

}

.seccion_ingestructural_PLAYACARMEN .imagen_panoramica .texto_imgPanoramica p{
     text-align: center;
     line-height: 40px;
     color:#5C5C5C;
}
/***************************************************************************/
/********************FIN IMAGEN PANORAMICA**********************************/
/***************************************************************************/

/***************************************************************************/
/********************IMAGEN SOLA Y TEXTO DER********************************/
/***************************************************************************/
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_IzTd_PLAYACARMEN{
     width: 100%;
     height: auto;

}
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_IzTd_PLAYACARMEN .contenedor_subgral{
     width: 92%;
     height: auto;

     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/

     margin: auto ;
}
/**imagen***/
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_IzTd_PLAYACARMEN .contenedor_subgral .imagenCJ_PCarmen01{
    width: 60%;
    height: 690px;
    background: url(../img/secciones/004_playacarmen/estructural/estructural_playa001.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size: contain;
    background-position: center;
}
/***texto***/
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_IzTd_PLAYACARMEN .contenedor_subgral .textoCJ_PCarmen01{
    width: 39%;
    height: auto;
}
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_IzTd_PLAYACARMEN .contenedor_subgral .textoCJ_PCarmen01 h1{
    font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_IzTd_PLAYACARMEN .contenedor_subgral .textoCJ_PCarmen01 h1 span{
    font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;
}
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_IzTd_PLAYACARMEN .contenedor_subgral .textoCJ_PCarmen01 p{
    color: rgb(104, 104, 104);
}

/*******************************************************************************/
/********************FIN IMAGEN SOLA Y TEXTO DER********************************/
/*******************************************************************************/


/***************************************************************************/
/********************TEXTO IZQ Y IMAGEN SOLA *******************************/
/***************************************************************************/
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_TzId_PLAYACARMEN{
     width: 100%;
     height: auto;

}
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_TzId_PLAYACARMEN .contenedor_subgral{
     width: 92%;
     height: auto;

     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/

     margin: auto ;
}
/***texto***/
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_TzId_PLAYACARMEN .contenedor_subgral .textoCJ_PCarmen_001a{
    width: 50%;
    height: auto;
}
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_TzId_PLAYACARMEN .contenedor_subgral .textoCJ_PCarmen_001a h1{
    font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_TzId_PLAYACARMEN .contenedor_subgral .textoCJ_PCarmen_001a h1 span{
    font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;
}
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_TzId_PLAYACARMEN .contenedor_subgral .textoCJ_PCarmen_001a p{
    color: rgb(104, 104, 104);
}
/**imagen***/
.seccion_ingestructural_PLAYACARMEN .bloque_IEE_TzId_PLAYACARMEN .contenedor_subgral .imagenCJ_PCarmen_001a{
    width: 49%;
    height: 690px;
    background: url(../img/secciones/004_playacarmen/estructural/estructural_playa002.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size: contain;
    background-position: center;
}


/*******************************************************************************/
/********************FIN TEXTO IZQ Y IMAGEN SOLA********************************/
/*******************************************************************************/


/**&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&**/
/*******************************************************************************/
/*********************************RENDERS***************************************/
/*******************************************************************************/
/**&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&**/

/***************************************************************************/
/************************IMAGEN PANORAMICA**********************************/
/***************************************************************************/

.imagen_panoramica_render{
     width: 100%;
     height:400px;
}
.imagen_panoramica_render .imagen_proyecto_playaCarmen_RD1{/*contenedor general de imagen panoramica*/
     width: 100%;
     height: 400px;/**adaptar*/
     background: url(../img/secciones/004_playacarmen/rendering.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50% 50%;/*pocion de la iamgen*/
}


/***************************************************************************/
/********************FIN IMAGEN PANORAMICA**********************************/
/***************************************************************************/


/***************************************************************************/
/********************PHOTO CON PIE Y TEXTO** *******************************/
/***************************************************************************/

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN{
    width: 100%;
    height: auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;  /*centra en pocicion horizontal*/

    margin: auto ;
}
 /****************Imagen ****************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN .photo_PLAYACARMEN_AA1{
    width: 55%;
    height: 600px;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN .photo_PLAYACARMEN_AA1 .photoCJ_PCarmenAA1{
    width: 100%;
    height: 600px;
    background: url(../img/secciones/004_playacarmen/renders/facahda.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:cover;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN .photo_PLAYACARMEN_AA1 .photoCJ_PCarmenAA1 .pieTextoPHOT{
    width: 100%;
    height: 70px;
    background-color:#000000FF;
    opacity:0.8; /* Opacidad 60% */
    text-align: center;
    padding: 15px;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN .photo_PLAYACARMEN_AA1 .photoCJ_PCarmenAA1 .pieTextoPHOT p{
    color: #DBDBDB;
}

  /***************TTEXTO*******************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN .texto_PLAYACARMEN_AA1{
    width: 39%;
    height: auto;
    text-align: center; 
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN .texto_PLAYACARMEN_AA1 h1{
     font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN .texto_PLAYACARMEN_AA1 h1 span{
     font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN .texto_PLAYACARMEN_AA1 p{
     color: rgb(104, 104, 104);
}
/***************************************************************************/
/*******************FIN*PHOTO CON PIE Y TEXTO*******************************/
/***************************************************************************/ 

/***************************************************************************/
/********************PHOTO CON PIE Y TEXTO** *******************************/
/***************************************************************************/

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt1{
    width: 100%;
    height: auto;

}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt1 .fondoColor{
    width: 97%;
    height: 600px;
    background:#50504c;


    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;  /*centra en pocicion horizontal*/

    margin: auto ;

}

    
 /****************Imagen ****************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt1 .fondoColor .photo_PLAYACARMEN_AA2{
    width: 55%;
    height: 600px;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt1 .fondoColor .photo_PLAYACARMEN_AA2 .photoCJ_PCarmenAA2{
    width: 100%;
    height: 600px;
    background: url(../img/secciones/004_playacarmen/renders/Garden.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:cover;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt1 .fondoColor .photo_PLAYACARMEN_AA2 .photoCJ_PCarmenAA2 .pieTextoPHOT{
    width: 100%;
    height: 70px;
    background-color:#000000FF;
    opacity:0.8; /* Opacidad 60% */
    text-align: center;
    padding: 15px;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt1 .fondoColor .photo_PLAYACARMEN_AA2 .photoCJ_PCarmenAA2 .pieTextoPHOT p{
    color: #DBDBDB;
}

  /***************TTEXTO*******************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt1 .fondoColor .texto_PLAYACARMEN_AA2{
    width: 39%;
    height: auto;
    text-align: center; 

}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt1 .fondoColor .texto_PLAYACARMEN_AA2 h1{
     font-family: ArialNova-Bold;
    color: #3e4037
    font-size: 2.5em;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt1 .fondoColor .texto_PLAYACARMEN_AA2 h1 span{
     font-family: ArialNovaCond-Light;
    color:white;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt1 .fondoColor .texto_PLAYACARMEN_AA2 p{
     color:#d1d1d1;
}
/***************************************************************************/
/*******************FIN*PHOTO CON PIE Y TEXTO*******************************/
/***************************************************************************/

/***************************************************************************/
/********************PHOTO CON PIE Y TEXTO** *******************************/
/***************************************************************************/

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt2{
    width: 100%;
    height: auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;  /*centra en pocicion horizontal*/

    margin: auto ;
}
 /****************Imagen ****************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt2 .photo_PLAYACARMEN_AA3{
    width: 55%;
    height: 600px;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt2 .photo_PLAYACARMEN_AA3 .photoCJ_PCarmenAA3{
    width: 100%;
    height: 600px;
    background: url(../img/secciones/004_playacarmen/renders/Lobby.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:cover;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt2 .photo_PLAYACARMEN_AA3 .photoCJ_PCarmenAA3 .pieTextoPHOT{
    width: 100%;
    height: 70px;
    background-color:#000000FF;
    opacity:0.8; /* Opacidad 60% */
    text-align: center;
    padding: 15px;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt2 .photo_PLAYACARMEN_AA3 .photoCJ_PCarmenAA3 .pieTextoPHOT p{
    color: #DBDBDB;
}

  /***************TTEXTO*******************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt2 .texto_PLAYACARMEN_AA3{
    width: 39%;
    height: auto;
    text-align: center; 
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt2 .texto_PLAYACARMEN_AA3 h1{
     font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt2 .texto_PLAYACARMEN_AA3 h1 span{
     font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt2 .texto_PLAYACARMEN_AA3 p{
     color: rgb(104, 104, 104);
}
/***************************************************************************/
/*******************FIN*PHOTO CON PIE Y TEXTO*******************************/
/***************************************************************************/



/***************************************************************************/
/********************PHOTO CON PIE Y TEXTO** *******************************/
/***************************************************************************/

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt3{
    width: 100%;
    height: auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;  /*centra en pocicion horizontal*/

    margin: auto ;
}
 /****************Imagen ****************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt3 .photo_PLAYACARMEN_AA4{
    width: 55%;
    height: 600px;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt3 .photo_PLAYACARMEN_AA4 .photoCJ_PCarmenAA4{
    width: 100%;
    height: 600px;
    background: url(../img/secciones/004_playacarmen/renders/Pergolado.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:cover;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt3 .photo_PLAYACARMEN_AA4 .photoCJ_PCarmenAA4 .pieTextoPHOT{
    width: 100%;
    height: 70px;
    background-color:#000000FF;
    opacity:0.8; /* Opacidad 60% */
    text-align: center;
    padding: 15px;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt3 .photo_PLAYACARMEN_AA4 .photoCJ_PCarmenAA4 .pieTextoPHOT p{
    color: #DBDBDB;
}

  /***************TTEXTO*******************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt3 .texto_PLAYACARMEN_AA4{
    width: 39%;
    height: auto;
    text-align: center; 
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt3 .texto_PLAYACARMEN_AA4 h1{
     font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt3 .texto_PLAYACARMEN_AA4 h1 span{
     font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt3 .texto_PLAYACARMEN_AA4 p{
     color: rgb(104, 104, 104);
}
/***************************************************************************/
/*******************FIN*PHOTO CON PIE Y TEXTO*******************************/
/***************************************************************************/

/***************************************************************************/
/********************PHOTO CON PIE Y TEXTO** *******************************/
/***************************************************************************/

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt4{
    width: 100%;
    height: auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;  /*centra en pocicion horizontal*/

    margin: auto ;
}
 /****************Imagen ****************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt4 .photo_PLAYACARMEN_AA5{
    width: 55%;
    height: 600px;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt4 .photo_PLAYACARMEN_AA5 .photoCJ_PCarmenAA5{
    width: 100%;
    height: 600px;
    background: url(../img/secciones/004_playacarmen/renders/pool.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:cover;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt4 .photo_PLAYACARMEN_AA5 .photoCJ_PCarmenAA5 .pieTextoPHOT{
    width: 100%;
    height: 70px;
    background-color:#000000FF;
    opacity:0.8; /* Opacidad 60% */
    text-align: center;
    padding: 15px;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt4 .photo_PLAYACARMEN_AA5 .photoCJ_PCarmenAA5 .pieTextoPHOT p{
    color: #DBDBDB;
}

  /***************TTEXTO*******************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt4 .texto_PLAYACARMEN_AA5{
    width: 39%;
    height: auto;
    text-align: center; 
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt4 .texto_PLAYACARMEN_AA5 h1{
     font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt4 .texto_PLAYACARMEN_AA5 h1 span{
     font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt4 .texto_PLAYACARMEN_AA5 p{
     color: rgb(104, 104, 104);
}
/***************************************************************************/
/*******************FIN*PHOTO CON PIE Y TEXTO*******************************/
/***************************************************************************/

/***************************************************************************/
/********************PHOTO CON PIE Y TEXTO** *******************************/
/***************************************************************************/

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt5{
    width: 100%;
    height: auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;  /*centra en pocicion horizontal*/

    margin: auto ;
}
 /****************Imagen ****************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt5 .photo_PLAYACARMEN_AA6{
    width: 55%;
    height: 600px;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt5 .photo_PLAYACARMEN_AA6 .photoCJ_PCarmenAA6{
    width: 100%;
    height: 600px;
    background: url(../img/secciones/004_playacarmen/renders/Roof.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:cover;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt5 .photo_PLAYACARMEN_AA6 .photoCJ_PCarmenAA6 .pieTextoPHOT{
    width: 100%;
    height: 70px;
    background-color:#000000FF;
    opacity:0.8; /* Opacidad 60% */
    text-align: center;
    padding: 15px;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt5 .photo_PLAYACARMEN_AA6 .photoCJ_PCarmenAA6 .pieTextoPHOT p{
    color: #DBDBDB;
}

  /***************TTEXTO*******************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt5 .texto_PLAYACARMEN_AA6{
    width: 39%;
    height: auto;
    text-align: center; 
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt5 .texto_PLAYACARMEN_AA6 h1{
     font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt5 .texto_PLAYACARMEN_AA6 h1 span{
     font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt5 .texto_PLAYACARMEN_AA6 p{
     color: rgb(104, 104, 104);
}
/***************************************************************************/
/*******************FIN*PHOTO CON PIE Y TEXTO*******************************/
/***************************************************************************/

/***************************************************************************/
/********************PHOTO CON PIE Y TEXTO** *******************************/
/***************************************************************************/

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt6{
    width: 100%;
    height: auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;  /*centra en pocicion horizontal*/

    margin: auto ;
}
 /****************Imagen ****************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt6 .photo_PLAYACARMEN_AA7{
    width: 55%;
    height: 600px;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt6 .photo_PLAYACARMEN_AA7 .photoCJ_PCarmenAA7{
    width: 100%;
    height: 600px;
    background: url(../img/secciones/004_playacarmen/renders/vista_aerea.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:cover;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt6 .photo_PLAYACARMEN_AA7 .photoCJ_PCarmenAA7 .pieTextoPHOT{
    width: 100%;
    height: 70px;
    background-color:#000000FF;
    opacity:0.8; /* Opacidad 60% */
    text-align: center;
    padding: 15px;
}

.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt6 .photo_PLAYACARMEN_AA7 .photoCJ_PCarmenAA7 .pieTextoPHOT p{
    color: #DBDBDB;
}

  /***************TTEXTO*******************/
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt6 .texto_PLAYACARMEN_AA7{
    width: 39%;
    height: auto;
    text-align: center; 
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt6 .texto_PLAYACARMEN_AA7 h1{
     font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt6 .texto_PLAYACARMEN_AA7 h1 span{
     font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;
}
.seccion_renders_PLAYACARMEN .bloque_IEE_PHOTO_PLAYACARMEN_gatt6 .texto_PLAYACARMEN_AA7 p{
     color: rgb(104, 104, 104);
}
/***************************************************************************/
/*******************FIN*PHOTO CON PIE Y TEXTO*******************************/
/***************************************************************************/