@charset "utf-8";

*{margin:0px;padding: 0px;box-sizing: border-box;} *:not(p){margin: 0px;padding: 0px;text-decoration: none;list-style:none;text-shadow:none;font-weight: normal;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */}
html {margin:0;padding:0; height: 100%;} table {border-collapse:collapse;border-spacing:0;} h1,h2,h3,h4,h5,h6{margin: 0 auto;padding: 0;} header,nav,main,section,article,footer{margin: 0 auto;padding: 0;} fieldset,img {border:0;} input{border:0 solid #001d26;padding:3px;color:#000;width:80%;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} q:before,q:after {content:'';} abbr,acronym { border:0;} a {outline: none; text-decoration: none;} a:hover {text-decoration-line: underline;}
small {font-size: 80px;} big{font-size: 22px;font-weight: bolder;} strong{font-size: 24px;font-weight: bolder;}

/* General Ideas Style */

body {
  background: #01050d;
  font-family: 'SeagullMdBTMedium', sans-serif;
  font-weight: 400;
  margin:0px;
  padding:0px;
  color: white;
  height: 100%;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-face-color: #6685CA;
  scrollbar-highlight-color: #6685CA;
  scrollbar-shadow-color: #6685CA;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#E5E5E5;
  scrollbar-drakshadow-color:#000000;
}

::-webkit-scrollbar { width: 7px;}
 /* Track */
::-webkit-scrollbar-track {background: #000;}
 /* Handle */
::-webkit-scrollbar-thumb {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,01434c+39,095d6d+50,680202+61,01434c+61,000000+100&1+0,0.75+50,1+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(1,67,76,0.81) 39%, rgba(9,93,109,0.75) 50%, rgba(1,67,76,0.81) 61%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(1,67,76,0.81) 39%,rgba(9,93,109,0.75) 50%,rgba(1,67,76,0.81) 61%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(1,67,76,0.81) 39%,rgba(9,93,109,0.75) 50%,rgba(1,67,76,0.81) 61%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  border-radius: 10px;
  -webkit-border-radius: 10px;    
}

::-webkit-scrollbar-thumb:window-inactive {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,01434c+39,095d6d+50,680202+61,01434c+61,000000+100&1+0,0.75+50,1+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(1,67,76,0.81) 39%, rgba(9,93,109,0.75) 50%, rgba(1,67,76,0.81) 61%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(1,67,76,0.81) 39%,rgba(9,93,109,0.75) 50%,rgba(1,67,76,0.81) 61%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(1,67,76,0.81) 39%,rgba(9,93,109,0.75) 50%,rgba(1,67,76,0.81) 61%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.ie7 body {overflow:hidden;} a{text-decoration: none;} .clr{clear: both;} .but{background-color: #255e98;color: white;font-size: 16px;padding: 0;text-align: center;width: 2%;float: right;margin-right: 10px;cursor: crosshair;}

img {width: 100%;height: auto;}

/******************************************************
    [ MEDIA 8906 x-8906 ]
*******************************************************/
#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background: url('../images/ideas_visuales_quienes-somos.jpg');
  background-repeat: no-repeat;
  background-size: 140% 110%;
  background-position: -1300px bottom;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "q_somos"
  "nav"
  "pleca5"
  "m-qsomos"
  "footer";
  max-width: 8096px;
  width: 100wm;
  height: 100%;
  align-content:start;
}

#pleca5{
  grid-area: pleca5;
  display: block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01050d+0,4097ad+51,01050d+100&0+0,1+51,0.01+100 */
  background: linear-gradient(to right, rgba(1,5,13,0) 0%,rgba(64,151,173,1) 51%,rgba(1,5,13,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin: 0 0 0 0;
  height: 16px;
  width: 100%;
}

#pleca6{
  grid-area: pleca6;
  display: block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01050d+0,4097ad+51,01050d+100&0+0,1+51,0.01+100 */
  background: linear-gradient(to right, rgba(1,5,13,0) 0%,rgba(64,151,173,1) 51%,rgba(1,5,13,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin: 0 0 0 0;
  height: 16px;
  width: 100%;
}

/******************************************************
    [ HEADER]
*******************************************************/
.q-somos {
  background: rgba(10,10,10, .88)  !important;
  grid-area: q_somos;
  width: 100%;
  align-self: flex-start;
}

h5{padding: 0 0 0 500px;}

h6 a{padding: 0 500px 0 0;}


/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-qsomos{
  grid-area: m-qsomos;
  margin: 0 auto;
  width: 100%;
  height: all;
  font-family: 'Scada', sans-serif;
  display: grid;
  grid-template-columns: 40% 1fr 1fr;
  grid-template-areas:
  "izquierda  .   derecha"
  "pleca6  pleca6  pleca6";
}

#izquierda-somos{
  grid-area: izquierda;
  background: none;
  padding: 50px;
  width: 100%;
  color: #fff;
  position: relative;
  display: grid;
  grid-gap: 50px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "nosotros   vision"
  "mision   valores";
  justify-content: center;
  align-self:  center;
}


.Ideas{
  color: #9bdbe6;
  font-size: 120px;
  padding: 40px;
  text-align: left;
}

.Ideas_V{
  color: #9bdbe6;
  font-size: 120px;
  padding: 40px;
  text-align: left;
}

.p-somos{
  font-size: 60px;
  padding: 40px;
}

.somos-list li{
  font-size: 60px;
  padding: 40px;
}


.item-somos{
  background: rgba(0,9,12, .65);
  border: solid 20px #9bdbe6;
  width: 100%;
  height: 1050px;
}

#nosotros_iv{
  grid-area: nosotros;
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

#vision_iv{
  grid-area: vision;
  border-top-right-radius: 86px;
  border-bottom-left-radius: 86px;
}

#mision_iv{
  grid-area: mision;
  border-top-right-radius: 86px;
  border-bottom-left-radius: 86px;
}

#valores_iv{
  grid-area: valores;
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

.somos-list i{
  color: #9bdbe6;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  background: none;
  grid-area: derecha;
  padding: 50px 0 50px 0;
  width: 100%;
  display: grid;
  grid-gap: 60px;
  grid-row-gap: 60px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  background: rgba(0,0,0, .2);
  border: solid 20px #9bdbe6;
  border-radius: 86px;
  position: relative;
  height: 1350px;
  width: 1950px;
  cursor: zoom-in;
  font-family: 'Scada', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 0;
  left: -70px;
}

.item h3{
  color: white;
  font-size: 160px;
  font-weight: bolder;
  text-shadow: 1px 2px #000;
  z-index: 10;
}

.item h4{
  color: #9bdbe6;
  font-size: 90px;
  font-weight: bolder;
  text-shadow: 1px 2px #000;
  z-index: 10;
}

.item img{
  position: absolute;
  border-radius: 86px;
  height: 100%;
  width: 100%;
  object-fit: 100% 100%;
  opacity: .2;
}


.item img:hover{
  opacity: 1;
}


/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv{
display: none;
}

.modal-iv:target{
  background: rgba(0,0, 0, .9);
  font-family: 'Scada', sans-serif;
  position: fixed;
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 75% 1fr;
  grid-template-areas: 
  "nada0  nada0   nada0"
  "pleca7  pleca7   pleca7"
  "tit      tit       tit"
  "pleca8  pleca8   pleca8"
  "nada2  images-m  nada3"
  "pleca9  pleca9   pleca9"
  "sub      sub       sub" 
  "pleca10  pleca10   pleca10"
  "nada1  nada1   nada1";
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  z-index: 10;
}


#nada0{
  grid-area: nada0;
  cursor: zoom-out;
  background: none;
  width: 100%;
  height: 1400px;
  z-index: 11;
  position: relative;
  top: 0;
  left: 0; 
}

#nada1{
  grid-area: nada1;
  cursor: zoom-out;
  background: none;
  width: 100%;
  height: 1400px;
  z-index: 11;
  position: relative;
  bottom: 0;
  left: 0; 
}

#nada2{
  grid-area: nada2;
  cursor: zoom-out;
  background: none;
  width: 100%;
  height: 100%;
  z-index: 11; 
}

#nada3{
  grid-area: nada3;
  cursor: zoom-out;
  background: none;
  width: 100%;
  height: 100%;
  z-index: 11; 
}

#pleca7{
  grid-area: pleca7;
  display: block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01050d+0,4097ad+51,01050d+100&0+0,1+51,0.01+100 */
  background: linear-gradient(to right, rgba(1,5,13,0) 0%,rgba(64,151,173,1) 51%,rgba(1,5,13,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin: 0 0 0 0;
  height: 25px;
  width: 100%;
}

.titulo{
  grid-area: tit;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+10,0b2037+51,000000+91&0.21+10,1+51,0.2+89 */
  background: linear-gradient(45deg, rgba(0,0,0,0.21) 10%,rgba(11,32,55,1) 51%,rgba(1,2,3,0.2) 89%,rgba(0,0,0,0.2) 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #7fcaff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 120px;
  padding: 5px 300px 5px 300px;
}

.img_firagas{
  width: 2000px;
  text-align: center;
}

.img_barbie{
  width: 2000px;
  text-align: center;
}

.img_pernod{
  width: 2000px;
  text-align: center;
}

.img_residenciales{
  width: 2000px;
  text-align: center;
}

.img_ae_domecq{
  width: 2000px;
  text-align: center;
}

.img_provisep{
  width: 2000px;
  text-align: center;
}

#pleca8{
  grid-area: pleca8;
  display: block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01050d+0,4097ad+51,01050d+100&0+0,1+51,0.01+100 */
  background: linear-gradient(to right, rgba(1,5,13,0) 0%,rgba(64,151,173,1) 51%,rgba(1,5,13,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin: 0 0 0 0;
  height: 25px;
  width: 100%;
}


#pleca9{
  grid-area: pleca9;
  display: block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01050d+0,4097ad+51,01050d+100&0+0,1+51,0.01+100 */
  background: linear-gradient(to right, rgba(1,5,13,0) 0%,rgba(64,151,173,1) 51%,rgba(1,5,13,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin: 0 0 0 0;
  height: 25px;
  width: 100%;
}

.subtitulo{
  grid-area: sub;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+10,0b2037+51,000000+91&0.21+10,1+51,0.2+89 */
  background: linear-gradient(45deg, rgba(0,0,0,0.21) 10%,rgba(11,32,55,1) 51%,rgba(1,2,3,0.2) 89%,rgba(0,0,0,0.2) 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-size: 100px;
  line-height:120px;
  padding: 60px 1000px 60px 1000px;
  text-align: justify;
  width: 100%;
}

.bigtext{
  color: #7fcaff;
  font-weight: bolder;
  font-size: 110px;
}

#pleca10{
  grid-area: pleca10;
  display: block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01050d+0,4097ad+51,01050d+100&0+0,1+51,0.01+100 */
  background: linear-gradient(to right, rgba(1,5,13,0) 0%,rgba(64,151,173,1) 51%,rgba(1,5,13,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin: 0 0 0 0;
  height: 25px;
  width: 100%;
}


.images-modal{
  grid-area: images-m;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 300px 0 300px 0;
}

.close{
  background: #470007;
  border: solid 2px #7fcaff;
  border-radius: 50%;
  color: white;
  cursor: zoom-out;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height:180px;
  font-size:100px;
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  text-decoration-line: none;
  position: absolute;
  top: 2050px;
  right: 1200px;
  z-index: 14;
}

.close:hover{
  text-decoration-line: none;
}

.arrows{
  background: #1b5985;
  border: solid 2px #7fcaff;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  width: 160px;
  height:160px;
  font-family: 'Poppins', sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 80px;
  margin: 0 50px 0 50px;
  text-decoration:none;
  text-align: center;
  position: relative;
  z-index: 13;
}


.imagen{
  background: none;
  cursor: pointer;
  width: 6800px;
  height: 3700px;
  filter: contrast(140%) brightness(80%);
}

.imagen img{
  width: 100%;
  height: 100%;
  object-fit: 100% 100%;
  border: solid 20px #7fcaff;
  border-radius: 90px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  background: rgba(0,9,12, .5);
  display: block;
  color: white;
  font-family: 'SeagullMdBTMedium', sans-serif;
  margin: 0 auto;
  width: 100%;
  height: 3300px;
  text-align: center;
  grid-area: footer;
}

#copyright_iv { 
  font-size: 40px
  color:white;
}

#copyright_iv span{
  font-family: 'Alice', serif; 
  font-size: 50px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  color: #7fcaff;
  font-size: 30px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 30px;
  color: #195f94;   
}

#link_iv a:hover{
    color: #7fcaff;  
}

#link_iv a:active{
  color: #7fcaff;  
}

#browsers_iv p{
  display: block;
  font-size:20px;
  margin: 10px 0 10px 0;
}


#browsers img{
  max-width: 920px;
  margin:20px 0 20px 0;
}


/******************************************************
    [ MEDIA all 7680-8095 ]
*******************************************************/
@media all and (min-width: 7680px) and (max-width: 8095px)
{
  
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 107% 110%;
  background-position: -90px bottom;
  margin: 0 auto;
  max-width: 7680px;
  align-content:start;
}

#pleca5{
  margin: 0 0 0 0;
  height: 16px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 16px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 30px;}

h6 a{padding: 0 0 0 30px;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 43% 1fr 1fr;
}

#izquierda-somos{
  padding: 50px;
  grid-gap: 50px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 120px;
  padding: 40px;
}

.Ideas_V{
  font-size: 120px;
  padding: 40px;
}

.p-somos{
  font-size: 60px;
  padding: 40px;
}

.somos-list li{
  font-size: 60px;
  padding: 40px;
}

.item-somos{
  border: solid 15px #9bdbe6;
  height: 1050px;
}

#nosotros_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

#vision_iv{
  border-top-right-radius: 86px;
  border-bottom-left-radius: 86px;
}

#mision_iv{
  border-top-right-radius: 86px;
  border-bottom-left-radius: 86px;
}

#valores_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 50px 0 50px 0;
  grid-gap: 60px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 15px #9bdbe6;
  border-radius: 86px;
  height: 1000px;
  width: 1850px;
  justify-content: center;
  top: 0;
  left: -70px;
}

.item h3{
  font-size: 150px;
  text-shadow: 1px 2px #000;
}

.item h4{
  font-size: 90px;
  text-shadow: 1px 2px #000;
}

.item img{
  border-radius: 86px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 75% 1fr;
  justify-content: center;
  align-content: center;
}


#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 10px;
}

.titulo{
  font-size: 100px;
  padding: 5px 300px 5px 300px;
}

.img_firagas{
  width: 2000px;
}

.img_barbie{
  width: 2000px;
}

.img_pernod{
  width: 2000px;
}

.img_residenciales{
  width: 2000px;
}

.img_ae_domecq{
  width: 2000px;
}

.img_provisep{
  width: 2000px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 10px;
}


#pleca9{
  margin: 0 0 0 0;
  height: 10px;
}

.subtitulo{
  font-size: 90px;
  line-height:100px;
  padding: 60px 1200px 60px 1200px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 10px;
}


.images-modal{
  justify-content: center;
  align-items: center;
  margin: 300px 0 300px 0;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 180px;
  height:180px;
  font-size:100px;
  top: 700px;
  right: 1150px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 160px;
  height:160px;
  font-size: 80px;
  font-weight: 400;
  line-height: 80px;
  margin: 0 50px 0 50px;
}


.imagen{
  width: 5800px;
  height: 2700px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 20px #7fcaff;
  border-radius: 90px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 40px;
  margin:40px 0 40px 0;
}

#copyright_iv span{
  font-size: 50px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 30px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 30px;
}

#browsers_iv p{
  font-size:20px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 920px;
  margin:20px 0 40px 0;
}


/******************************************************/
}


/******************************************************
    [ MEDIA all 6016-7679 ]
*******************************************************/
@media all and (min-width: 6016px) and (max-width: 7679px)
{


/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 110% 110%;
  background-position: -300px bottom;
  margin: 0 auto;
  max-width: 7680px;
  align-content:start;
}

#pleca5{
  margin: 0 0 0 0;
  height: 12px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 12px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 50px;}

h6 a{padding: 0  50px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 41% 1fr 1fr;
}

#izquierda-somos{
  padding: 40px;
  grid-gap: 40px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 100px;
  padding: 30px;
}

.Ideas_V{
  font-size: 100px;
  padding: 30px;
}

.p-somos{
  font-size: 50px;
  padding: 30px;
}

.somos-list li{
  font-size: 60px;
  padding: 40px;
}

.item-somos{
  border: solid 12px #9bdbe6;
  height: 1000px;
}

#nosotros_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

#vision_iv{
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
}

#mision_iv{
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
}

#valores_iv{
  border-top-left-radius: 70px;
  border-bottom-right-radius: 70px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 40px 0 40px 0;
  grid-gap: 40px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 12px #9bdbe6;
  border-radius: 70px;
  height: 750px;
  width: 1550px;
  justify-content: center;
  top: 0;
  left: -40px;
}

.item h3{
  font-size: 110px;
  text-shadow: 1px 2px #000;
}

.item h4{
  font-size: 70px;
  text-shadow: 1px 2px #000;
}

.item img{
  border-radius: 70px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 80% 1fr;
  justify-content: center;
  align-content: center;
}


#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 10px;
}

.titulo{
  font-size: 100px;
  padding: 5px 300px 5px 300px;
}

.img_firagas{
  width: 2000px;
}

.img_barbie{
  width: 2000px;
}

.img_pernod{
  width: 2000px;
}

.img_residenciales{
  width: 2000px;
}

.img_ae_domecq{
  width: 2000px;
}

.img_provisep{
  width: 2000px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 10px;
}


#pleca9{
  margin: 0 0 0 0;
  height: 10px;
}

.subtitulo{
  font-size: 70px;
  line-height:90px;
  padding: 60px 900px 60px 900px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 10px;
}


.images-modal{
  justify-content: center;
  align-items: center;
  margin: 100px 0 100px 0;
}

.close{
  border: solid 8px #7fcaff;
  border-radius: 50%;
  width: 170px;
  height:170px;
  font-size:90px;
  top: 420px;
  right: 770px;
}

.arrows{
  border: solid 8px #7fcaff;
  border-radius: 50%;
  width: 160px;
  height:160px;
  font-size: 80px;
  font-weight: 400;
  line-height: 80px;
  margin: 0 60px 0 60px;
}


.imagen{
  width: 5800px;
  height: 2300px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 12px #7fcaff;
  border-radius: 90px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 40px;
  margin:40px 0 40px 0;
}

#copyright_iv span{
  font-size: 50px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 30px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 30px;
}

#browsers_iv p{
  font-size:20px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 860px;
  margin:20px 0 40px 0;
}


/******************************************************/
}



/******************************************************
    [ MEDIA all 5120-6015 ]
*******************************************************/
@media all and (min-width: 5120px) and (max-width: 6015px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 110% 110%;
  background-position: -100px bottom;
  margin: 0 auto;
  max-width: 7680px;
  align-content:start;
}

#pleca5{
  margin: 0 0 0 0;
  height: 12px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 12px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 30px;}

h6 a{padding: 0  30px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 43% 1fr 1fr;
}

#izquierda-somos{
  padding: 30px;
  grid-gap: 30px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 90px;
  padding: 30px;
}

.Ideas_V{
  font-size: 90px;
  padding: 30px;
}

.p-somos{
  font-size: 40px;
  padding: 20px;
}

.somos-list li{
  font-size: 50px;
  padding: 20px;
}

.item-somos{
  border: solid 10px #9bdbe6;
  height: 800px;
}

#nosotros_iv{
  border-top-left-radius: 60px;
  border-bottom-right-radius: 60px;
}

#vision_iv{
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
}

#mision_iv{
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
}

#valores_iv{
  border-top-left-radius: 60px;
  border-bottom-right-radius: 60px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 30px 0 30px 0;
  grid-gap: 30px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 10px #9bdbe6;
  border-radius: 60px;
  height: 650px;
  width: 1250px;
  justify-content: center;
  top: 0;
  left: -30px;
}

.item h3{
  font-size: 100px;
  text-shadow: 1px 2px #000;
}

.item h4{
  font-size: 60px;
  text-shadow: 1px 2px #000;
}

.item img{
  border-radius: 60px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 80% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 10px;
}

.titulo{
  font-size: 90px;
  padding: 5px 300px 5px 300px;
}

.img_firagas{
  width: 1800px;
}

.img_barbie{
  width: 1800px;
}

.img_pernod{
  width: 1800px;
}

.img_residenciales{
  width: 1800px;
}

.img_ae_domecq{
  width: 1800px;
}

.img_provisep{
  width: 1800px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 10px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 10px;
}

.subtitulo{
  font-size: 60px;
  line-height:80px;
  padding: 40px 700px 40px 700px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 100px 0 100px 0;
}

.close{
  border: solid 8px #7fcaff;
  border-radius: 50%;
  width: 150px;
  height:150px;
  font-size:70px;
  top: 350px;
  right: 670px;
}

.arrows{
  border: solid 8px #7fcaff;
  border-radius: 50%;
  width: 200px;
  height:150px;
  font-size: 80px;
  font-weight: 400;
  line-height: 80px;
  margin: 0 40px 0 40px;
}

.imagen{
  width: 5800px;
  height: 2000px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 12px #7fcaff;
  border-radius: 90px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 40px;
  margin:20px 0 20px 0;
}

#copyright_iv span{
  font-size: 50px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 30px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 30px;
}

#browsers_iv p{
  font-size:20px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 860px;
  margin:20px 0 20px 0;
}


/******************************************************/
}


/******************************************************
    [ MEDIA all 4096-5119 ]
*******************************************************/
@media all and (min-width: 4096px) and (max-width: 5119px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 110% 110%;
  background-position: -100px bottom;
  margin: 0 auto;
  max-width: 7680px;
  align-content:start;
  height: 3112px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 12px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 12px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 30px;}

h6 a{padding: 0  30px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 42% 1fr 1fr;
}

#izquierda-somos{
  padding: 30px;
  grid-gap: 30px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 70px;
  padding: 30px;
}

.Ideas_V{
  font-size: 70px;
  padding: 30px;
}

.p-somos{
  font-size: 32px;
  padding: 20px;
}

.somos-list li{
  font-size: 38px;
  padding: 20px;
}

.item-somos{
  border: solid 8px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 60px;
  border-bottom-right-radius: 60px;
}

#vision_iv{
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
}

#mision_iv{
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
}

#valores_iv{
  border-top-left-radius: 60px;
  border-bottom-right-radius: 60px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 30px 0 30px 0;
  grid-gap: 30px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 8px #9bdbe6;
  border-radius: 60px;
  height: 550px;
  width: 1000px;
  justify-content: center;
  top: 0;
  left: -30px;
}

.item h3{
  font-size: 80px;
  text-shadow: 1px 2px #000;
}

.item h4{
  font-size: 50px;
  text-shadow: 1px 2px #000;
}

.item img{
  border-radius: 60px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 80% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 6px;
}

.titulo{
  font-size: 90px;
  padding: 5px 300px 5px 300px;
}

.img_firagas{
  width: 1400px;
}

.img_barbie{
  width: 1400px;
}

.img_pernod{
  width: 1400px;
}

.img_residenciales{
  width: 1400px;
}

.img_ae_domecq{
  width: 1400px;
}

.img_provisep{
  width: 1400px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 6px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 6px;
}

.subtitulo{
  font-size: 55px;
  line-height:70px;
  padding: 20px 350px 20px 350px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 6px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 50px 0 50px 0;
}

.close{
  border: solid 8px #7fcaff;
  border-radius: 50%;
  width: 150px;
  height:150px;
  font-size:70px;
  top: 310px;
  right: 540px;
}

.arrows{
  border: solid 4px #7fcaff;
  border-radius: 50%;
  width: 180px;
  height:100px;
  font-size: 70px;
  font-weight: 400;
  line-height: 70px;
  margin: 0 40px 0 40px;
}

.imagen{
  width: 4800px;
  height: 1350px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 8px #7fcaff;
  border-radius: 70px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 40px;
  margin:20px 0 20px 0;
}

#copyright_iv span{
  font-size: 50px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 30px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 30px;
}

#browsers_iv p{
  font-size:20px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 800px;
  margin:20px 0 20px 0;
}


/******************************************************/
}


/******************************************************
    [ MEDIA all 3840-4095 ]
*******************************************************/
@media all and (min-width: 3840px) and (max-width: 4095px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 100% 110%;
  background-position: 0px bottom;
  margin: 0 auto;
  max-width: 3840px;
  align-content:start;
}

#pleca5{
  margin: 0 0 0 0;
  height: 7px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 7px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 20px;}

h6 a{padding: 0  20px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 42% 1fr 1fr;
}

#izquierda-somos{
  padding: 20px;
  grid-gap: 20px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 60px;
  padding: 15px;
}

.Ideas_V{
  font-size: 60px;
  padding: 15px;
}

.p-somos{
  font-size: 35px;
  padding: 15px;
}

.somos-list li{
  font-size: 45px;
  padding: 15px;
}

.item-somos{
  border: solid 6px #9bdbe6;
  height: 550px;
}

#nosotros_iv{
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

#vision_iv{
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

#mision_iv{
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

#valores_iv{
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 20px 0 20px 0;
  grid-gap: 20px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 7px #9bdbe6;
  border-radius: 30px;
  height: 485px;
  width: 1000px;
  justify-content: center;
  top: 0;
  left: -20px;
}

.item h3{
  font-size: 75px;
  text-shadow: 1px 2px #000;
}

.item h4{
  font-size: 50px;
  line-height: 40px;
  text-shadow: 1px 2px #000;
}

.item img{
  border-radius: 30px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 90% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 5px;
}

.titulo{
  font-size: 70px;
  padding: 5px 300px 5px 300px;
}

.img_firagas{
  width: 1250px;
}

.img_barbie{
  width: 1250px;
}

.img_pernod{
  width: 1250px;
}

.img_residenciales{
  width: 1250px;
}

.img_ae_domecq{
  width: 1250px;
}

.img_provisep{
  width: 1250px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 5px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 5px;
}

.subtitulo{
  font-size: 35px;
  line-height:45px;
  padding: 15px 450px 15px 450px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 5px;
}

.close{
  border: solid 6px #7fcaff;
  border-radius: 50%;
  width: 130px;
  height:130px;
  font-size:50px;
  top: 255px;
  right: 330px;
}

.arrows{
  border: solid 4px #7fcaff;
  border-radius: 50%;
  width: 140px;
  height: 110px;
  font-size: 80px;
  font-weight: 400;
  line-height: 80px;
  margin: 0 40px 0 40px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 70px 0 70px 0;
}

.imagen{
  width: 3800px;
  height: 1600px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 7px #7fcaff;
  border-radius: 50px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 30px;
  margin:10px 0 10px 0;
}

#copyright_iv span{
  font-size: 50px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 30px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 30px;
}

#browsers_iv p{
  font-size:20px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 600px;
  margin:10px 0 10px 0;
}


/******************************************************/
}


/******************************************************
    [ MEDIA all 2560-3839 ]
*******************************************************/
@media all and (min-width: 2560px) and (max-width: 3839px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 100% 110%;
  background-position: 0px bottom;
  margin: 0 auto;
  max-width: 2560px;
  align-content:start;
}

#pleca5{
  margin: 0 0 0 0;
  height: 4px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 4px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 20px !important;}

h6 a{padding: 0  20px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 10px;
  grid-gap: 10px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 40px;
  padding: 15px;
}

.Ideas_V{
  font-size: 40px;
  padding: 15px;
}

.p-somos{
  font-size: 24px;
  padding: 9px;
}

.somos-list li{
  font-size: 29px;
  padding: 11px;
}

.item-somos{
  border: solid 4px #9bdbe6;
  height: 400px;
}

#nosotros_iv{
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

#vision_iv{
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

#mision_iv{
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

#valores_iv{
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 10px 0 10px 0;
  grid-gap: 10px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 4px #9bdbe6;
  border-radius: 30px;
  height:330px;
  width: 660px;
  justify-content: center;
  top: 0;
  left: -10px;
}

.item h3{
  font-size: 50px;
  text-shadow: 1px 2px #000;
}

.item h4{
  font-size: 30px;
  line-height: 20px;
  text-shadow: 1px 2px #000;
}

.item img{
  border-radius: 30px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 90% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 3px;
}

.titulo{
  font-size: 40px;
  padding: 5px 300px 5px 300px;
}

.img_firagas{
  width: 900px;
}

.img_barbie{
  width: 900px;
}

.img_pernod{
  width: 900px;
}

.img_residenciales{
  width: 900px;
}

.img_ae_domecq{
  width: 900px;
}

.img_provisep{
  width: 900px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 3px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 3px;
}

.subtitulo{
  font-size: 25px;
  line-height: 30px;
  padding: 10px 200px 10px 200px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 3px;
}

.close{
  border: solid 4px #7fcaff;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  font-size: 35px;
  top: 160px;
  right: 190px;
}

.arrows{
  border: solid 3px #7fcaff;
  border-radius: 50%;
  width: 100px;
  height: 60px;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
  margin: 0 20px 0 20px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 40px 0 40px 0;
}

.imagen{
  width: 3600px;
  height: 1100px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 4px #7fcaff;
  border-radius: 40px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 20px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 30px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 30px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 30px;
}

#browsers_iv p{
  font-size:16px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 300px;
  margin:5px 0 5px 0;
}


/******************************************************/
}



/******************************************************
    [ MEDIA all 2160-2559 ]
*******************************************************/
@media all and (min-width: 2160px) and (max-width: 2559px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 110% 110%;
  background-position: -80px bottom;
  margin: 0 auto;
  max-width: 2560px;
  align-content:start;
}

#pleca5{
  margin: 0 0 0 0;
  height: 4px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 4px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 20px !important;}

h6 a{padding: 0  20px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 42% 1fr 1fr;
}

#izquierda-somos{
  padding: 10px;
  grid-gap: 10px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 40px;
  padding: 15px;
}

.Ideas_V{
  font-size: 40px;
  padding: 15px;
}

.p-somos{
  font-size: 24px;
  padding: 9px;
}

.somos-list li{
  font-size: 29px;
  padding: 11px;
}

.item-somos{
  border: solid 4px #9bdbe6;
  height: 400px;
}

#nosotros_iv{
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

#vision_iv{
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

#mision_iv{
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

#valores_iv{
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 10px 0 10px 0;
  grid-gap: 20px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 4px #9bdbe6;
  border-radius: 30px;
  height: 400px;
  width: 550px;
  justify-content: center;
  top: 0;
  left: -10px;
  margin: 0 0 20px 0;
}

.item h3{
  font-size: 50px;
  text-shadow: 1px 2px #000;
}

.item h4{
  font-size: 30px;
  line-height: 20px;
  text-shadow: 1px 2px #000;
}

.item img{
  border-radius: 30px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 90% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 3px;
}

.titulo{
  font-size: 40px;
  padding: 5px 300px 5px 300px;
}

.img_firagas{
  width: 900px;
}

.img_barbie{
  width: 900px;
}

.img_pernod{
  width: 900px;
}

.img_residenciales{
  width: 900px;
}

.img_ae_domecq{
  width: 900px;
}

.img_provisep{
  width: 900px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 3px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 3px;
}

.subtitulo{
  font-size: 25px;
  line-height: 30px;
  padding: 10px 300px 10px 300px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 3px;
}

.close{
  border: solid 4px #7fcaff;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  font-size: 35px;
  top: 390px;
  right: 165px;
}

.arrows{
  border: solid 3px #7fcaff;
  border-radius: 50%;
  width: 100px;
  height: 60px;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
  margin: 0 20px 0 20px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 140px 0 140px 0;
}

.imagen{
  width: 3600px;
  height: 1100px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 4px #7fcaff;
  border-radius: 40px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 20px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 30px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 30px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 30px;
}

#browsers_iv p{
  font-size:16px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 300px;
  margin:5px 0 5px 0;
}


/******************************************************/
}


/******************************************************
    [ MEDIA all 1920-2159 ]
*******************************************************/
@media all and (min-width: 1920px) and (max-width: 2159px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 105% 110%;
  background-position: -60px bottom;
  margin: 0 auto;
  max-width: 2560px;
  align-content:start;
  height: 1180px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 41% 1fr 1fr;
}

#izquierda-somos{
  padding: 10px 10px 10px 7px;
  grid-gap: 10px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 32px;
  padding: 8px;
}

.Ideas_V{
  font-size: 32px;
  padding: 8px;
}

.p-somos{
  font-size: 19px;
  padding: 6px;
}

.somos-list li{
  font-size: 23px;
  padding: 9px;
}

.item-somos{
  border: solid 3px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

#vision_iv{
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

#mision_iv{
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

#valores_iv{
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 10px 0 5px 0;
  grid-gap: 10px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 3px #9bdbe6;
  border-radius: 16px;
  height: 255px;
  width: 500px;
  justify-content: center;
  top: 0;
  left: -7px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 35px;
  text-shadow: 1px 2px #000;
}

.item h4{
  font-size: 20px;
  line-height: 20px;
  text-shadow: 1px 2px #000;
}

.item img{
  border-radius: 16px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 85% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 30px;
  padding: 3px 300px 3px 300px;
}

.img_firagas{
  width: 600px;
}

.img_barbie{
  width: 600px;
}

.img_pernod{
  width: 600px;
}

.img_residenciales{
  width: 600px;
}

.img_ae_domecq{
  width: 600px;
}

.img_provisep{
  width: 600px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 24px;
  line-height: 28px;
  padding: 7px 250px 7px 250px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 21px;
  top: 115px;
  right: 200px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 40px;
  height: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 20px 0 20px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 25px 0 25px 0;
}

.imagen{
  width: 2000px;
  height: 700px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 4px #7fcaff;
  border-radius: 24px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 20px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 30px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 30px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 30px;
}

#browsers_iv p{
  font-size:16px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 300px;
  margin:5px 0 5px 0;
}


/******************************************************/
}

/******************************************************
    [ MEDIA all 1719-1919 ]
*******************************************************/
@media all and (min-width: 1768px) and (max-width: 1919px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 105% 110%;
  background-position: -60px bottom;
  margin: 0 auto;
  max-width: 1768px;
  align-content:start;
  height: 1100px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 10px 10px 10px 7px;
  grid-gap: 8px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 30px;
  padding: 8px;
}

.Ideas_V{
  font-size: 30px;
  padding: 8px;
}

.p-somos{
  font-size: 17px;
  padding: 6px;
}

.somos-list li{
  font-size: 21px;
  padding: 9px;
}

.item-somos{
  border: solid 2px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

#vision_iv{
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

#mision_iv{
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

#valores_iv{
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 10px 0 5px 0;
  grid-gap: 8px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 2px #9bdbe6;
  border-radius: 16px;
  height: 227px;
  width: 460px;
  justify-content: center;
  top: 0;
  left: -7px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 30px;
  text-shadow: 1px 2px #000;
}

.item h4{
  font-size: 20px;
  line-height: 20px;
  text-shadow: 1px 2px #000;
}

.item img{
  border-radius: 16px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 85% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 29px;
  padding: 3px 300px 3px 300px;
}

.img_firagas{
  width: 600px;
}

.img_barbie{
  width: 600px;
}

.img_pernod{
  width: 600px;
}

.img_residenciales{
  width: 600px;
}

.img_ae_domecq{
  width: 600px;
}

.img_provisep{
  width: 600px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 21px;
  line-height: 25px;
  padding: 7px 250px 7px 250px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 21px;
  top: 125px;
  right: 190px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 40px;
  height: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 20px 0 20px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 35px 0 35px 0;
}

.imagen{
  width: 1700px;
  height: 600px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 24px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 20px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 30px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 30px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 30px;
}

#browsers_iv p{
  font-size:16px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 300px;
  margin:5px 0 5px 0;
}


/******************************************************/
}


/******************************************************
    [ MEDIA all 1600-1767 ]
/*******************************************************/
@media all and (min-width: 1600px) and (max-width: 1767px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 105% 110%;
  background-position: -60px bottom;
  margin: 0 auto;
  max-width: 1600px;
  align-content:start;
  height: 1000px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 10px 10px 10px 7px;
  grid-gap: 8px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 28px;
  padding: 6px;
}

.Ideas_V{
  font-size: 28px;
  padding: 6px;
}

.p-somos{
  font-size: 15.5px;
  padding: 5px;
}

.somos-list li{
  font-size: 20px;
  padding: 8px;
}

.item-somos{
  border: solid 2px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

#vision_iv{
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

#mision_iv{
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

#valores_iv{
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 10px 0 5px 0;
  grid-gap: 8px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 2px #9bdbe6;
  border-radius: 16px;
  height: 205px;
  width: 415px;
  justify-content: center;
  top: 0;
  left: -7px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 30px;
  text-shadow: 1px 2px #000;
}

.item h4{
  font-size: 20px;
  line-height: 20px;
  text-shadow: 1px 2px #000;
}

.item img{
  border-radius: 16px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 85% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 25px;
  padding: 3px 300px 3px 300px;
}

.img_firagas{
  width: 520px;
}

.img_barbie{
  width: 520px;
}

.img_pernod{
  width: 520px;
}

.img_residenciales{
  width: 520px;
}

.img_ae_domecq{
  width: 520px;
}

.img_provisep{
  width: 520px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 17px;
  line-height: 22px;
  padding: 7px 80px 7px 80px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 40px;
  font-size: 19px;
  top: -280px;
  right: 0px;
  left:1270px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 14px 0 14px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 25px 0 25px 0;
}

.imagen{
  width: 1500px;
  height: 580px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 24px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 18px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 25px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:14px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 280px;
  margin:5px 0 5px 0;
}


/******************************************************/
}


/******************************************************
    [ MEDIA all 1400-1599 ]
*******************************************************/
@media all and (min-width: 1400px) and (max-width: 1599px)
{


/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 105% 110%;
  background-position: -60px bottom;
  margin: 0 auto;
  max-width: 1400px;
  align-content:start;
  height: 1050px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 10px 10px 10px 7px;
  grid-gap: 8px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 28px;
  padding: 6px;
}

.Ideas_V{
  font-size: 28px;
  padding: 6px;
}

.p-somos{
  font-size: 15.5px;
  padding: 5px;
}

.somos-list li{
  font-size: 19px;
  padding: 8px;
}

.item-somos{
  border: solid 2px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

#vision_iv{
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

#mision_iv{
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

#valores_iv{
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 10px 0 5px 0;
  grid-gap: 8px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 2px #9bdbe6;
  border-radius: 16px;
  height: 220px;
  width: 370px;
  justify-content: center;
  top: 0;
  left: -7px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 28px;
  text-shadow: 1px 1px #000;
}

.item h4{
  font-size: 19px;
  line-height: 15px;
  text-shadow: 1px 1px #000;
}

.item img{
  border-radius: 16px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 85% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 25px;
  padding: 3px 300px 3px 300px;
}

.img_firagas{
  width: 520px;
}

.img_barbie{
  width: 520px;
}

.img_pernod{
  width: 520px;
}

.img_residenciales{
  width: 520px;
}

.img_ae_domecq{
  width: 520px;
}

.img_provisep{
  width: 520px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 17px;
  line-height: 22px;
  padding: 7px 170px 7px 170px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 19px;
  top: 165px;
  right: 145px;
  left: none;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 14px 0 14px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 55px 0 55px 0;
}

.imagen{
  width: 1500px;
  height: 580px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 24px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 16px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 25px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:13px;
  margin: 8px 0 8px 0;
}


#browsers{
  margin: 0 auto;
  padding: 0;
}

#browsers img{
  max-width: 260px;
  margin:2px 0 2px 0 !important;
}


/******************************************************/
}


/******************************************************
    [ MEDIA all 1360-1399 ]
*******************************************************/
@media all and (min-width: 1360px) and (max-width: 1399px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 105% 110%;
  background-position: -60px bottom;
  margin: 0 auto;
  max-width: 1370px;
  align-content:start;
  height: 860px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 10px 10px 10px 7px;
  grid-gap: 8px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 25px;
  padding: 5px;
}

.Ideas_V{
  font-size: 25px;
  padding: 5px;
}

.p-somos{
  font-size: 14px;
  padding: 4px;
}

.somos-list li{
  font-size: 17px;
  padding: 6px;
}

.item-somos{
  border: solid 2px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 10px 0 5px 0;
  grid-gap: 8px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 2px #9bdbe6;
  border-radius: 10px;
  height: 165px;
  width: 365px;
  justify-content: center;
  top: 0;
  left: -7px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 26px;
  text-shadow: 1px 1px #000;
}

.item h4{
  font-size: 17px;
  line-height: 13px;
  text-shadow: 1px 1px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 80% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 24px;
  padding: 3px 300px 3px 300px;
}

.img_firagas{
  width: 480px;
}

.img_barbie{
  width: 480px;
}

.img_pernod{
  width: 480px;
}

.img_residenciales{
  width: 480px;
}

.img_ae_domecq{
  width: 480px;
}

.img_provisep{
  width: 480px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 15px;
  line-height: 20px;
  padding: 7px 220px 7px 220px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 40px;
  font-size: 19px;
  top: -225px;
  right: none;
  left: 1015px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 10px 0 10px 0;
}

.imagen{
  width: 1300px;
  height: 460px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 24px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 16px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 25px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:13px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 260px;
  margin:5px 0 5px 0 !important;
}


/******************************************************/
}

/******************************************************
    [ MEDIA all 1280-1359 ]
*******************************************************/
@media all and (min-width: 1280px) and (max-width: 1359px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 105% 110%;
  background-position: -45px bottom;
  margin: 0 auto;
  max-width: 1280px;
  align-content:start;
  height: 920px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 10px 10px 10px 7px;
  grid-gap: 8px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 23px;
  padding: 5px;
}

.Ideas_V{
  font-size: 23px;
  padding: 5px;
}

.p-somos{
  font-size: 13.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 16px;
  padding: 6px;
}

.item-somos{
  border: solid 2px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 10px 0 5px 0;
  grid-gap: 8px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 2px #9bdbe6;
  background: none;
  border-radius: 10px;
  height: 144px;
  width: 335px;
  justify-content: center;
  top: 0;
  left: -7px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 26px;
  text-shadow: 1px 1px #000;
}

.item h4{
  font-size: 17px;
  line-height: 13px;
  text-shadow: 1px 1px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 80% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 21px;
  padding: 3px 300px 3px 300px;
}

.img_firagas{
  width: 480px;
}

.img_barbie{
  width: 480px;
}

.img_pernod{
  width: 480px;
}

.img_residenciales{
  width: 480px;
}

.img_ae_domecq{
  width: 480px;
}

.img_provisep{
  width: 480px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 13.5px;
  line-height: 20px;
  padding: 7px 30px 7px 30px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 40px;
  height: 30px;
  font-size: 15px;
  top: -210px;
  right: none;
  left: 954px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 10px 0 10px 0;
}

.imagen{
  width: 1300px;
  height: 430px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 15px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12.5px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 260px;
  margin:5px 0 5px 0 !important;
}


/******************************************************/
}



/******************************************************
    [ MEDIA all 1176-1279 ]
*******************************************************/
@media all and (min-width: 1176px) and (max-width: 1279px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 105% 110%;
  background-position: -25px bottom;
  margin: 0 auto;
  max-width: 1176px;
  align-content:start;
  height: 760px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 10px 10px 10px 7px;
  grid-gap: 8px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 23px;
  padding: 5px;
}

.Ideas_V{
  font-size: 23px;
  padding: 5px;
}

.p-somos{
  font-size: 13.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 16px;
  padding: 6px;
}

.item-somos{
  border: solid 2px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 10px 0 5px 0;
  grid-gap: 8px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 2px #9bdbe6;
  border-radius: 10px;
  height: 138px;
  width: 300px;
  justify-content: center;
  top: 0;
  left: -7px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 24px;
  text-shadow: 1px 1px #000;
}

.item h4{
  font-size: 16px;
  line-height: 13px;
  text-shadow: 1px 1px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 85% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 19px;
  padding: 3px 300px 3px 300px;
}

.img_firagas{
  width: 420px;
}

.img_barbie{
  width: 420px;
}

.img_pernod{
  width: 420px;
}

.img_residenciales{
  width: 420px;
}

.img_ae_domecq{
  width: 420px;
}

.img_provisep{
  width: 420px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 12.5px;
  line-height: 18px;
  padding: 7px 30px 7px 30px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 40px;
  height: 30px;
  font-size: 15px;
  top: -195px;
  right: none;
  left: 930px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 10px 0 10px 0;
}

.imagen{
  width: 1300px;
  height: 400px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 15px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12.5px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 260px;
  margin:5px 0 5px 0 !important;
}


/******************************************************/
}



/******************************************************
    [ MEDIA all 1152-1175 ]
*******************************************************/
@media all and (min-width: 1152px) and (max-width: 1175px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 105% 110%;
  background-position: -40px bottom;
  margin: 0 auto;
  max-width: 1152px;
  align-content:start;
  height: 820px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 10px 10px 10px 7px;
  grid-gap: 8px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 23px;
  padding: 5px;
}

.Ideas_V{
  font-size: 23px;
  padding: 5px;
}

.p-somos{
  font-size: 13.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 16px;
  padding: 6px;
}

.item-somos{
  border: solid 2px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 10px 0 5px 0;
  grid-gap: 8px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 2px #9bdbe6;
  border-radius: 10px;
  height: 160px;
  width: 300px;
  justify-content: center;
  top: 0;
  left: -7px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 24px;
  text-shadow: 1px 1px #000;
}

.item h4{
  font-size: 16px;
  line-height: 13px;
  text-shadow: 1px 1px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 85% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 19px;
  padding: 3px 300px 3px 300px;
}

.img_firagas{
  width: 420px;
}

.img_barbie{
  width: 420px;
}

.img_pernod{
  width: 420px;
}

.img_residenciales{
  width: 420px;
}

.img_ae_domecq{
  width: 420px;
}

.img_provisep{
  width: 420px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 12.5px;
  line-height: 18px;
  padding: 7px 30px 7px 30px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 55px;
  height: 35px;
  font-size: 18px;
  top: -245px;
  right: none;
  left: 910px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 50px 0 50px 0;
}

.imagen{
  width: 1300px;
  height: 500px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 15px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12.5px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 260px;
  margin:5px 0 5px 0 !important;
}


/******************************************************/
}




/******************************************************
    [ MEDIA all 1112-1151 ] IPAD 
*******************************************************/
@media all and (min-width: 1112px) and (max-width: 1151px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 105% 110%;
  background-position: -40px bottom;
  margin: 0 auto;
  max-width: 1151px;
  align-content:start;
  height: 830px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 5px !important;}

h6 a{padding: 0  5px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 5px;
  grid-gap: 5px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 20px;
  padding: 5px;
}

.Ideas_V{
  font-size: 20px;
  padding: 5px;
}

.p-somos{
  font-size: 11.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 14px;
  padding: 5px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 5px 0 5px 0;
  grid-gap: 5px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 155px;
  width: 270px;
  justify-content: center;
  top: 0;
  left: -5px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 23px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 14.5px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 85% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 19px;
  padding: 3px 200px 3px 200px;
}

.img_firagas{
  width: 420px;
}

.img_barbie{
  width: 420px;
}

.img_pernod{
  width: 420px;
}

.img_residenciales{
  width: 420px;
}

.img_ae_domecq{
  width: 420px;
}

.img_provisep{
  width: 420px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 15.5px;
  line-height: 18px;
  padding: 7px 30px 7px 30px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 30px;
  font-size: 18px;
  top: -230px;
  right: none;
  left: 880px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 35px 0 35px 0;
}

.imagen{
  width: 1300px;
  height: 460px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0 !important;
}


/******************************************************/
}



/******************************************************
    [ MEDIA all 1080-1111 IPAD 810]  
*******************************************************/
@media all and (min-width: 1080px) and (max-width: 1111px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 115% 110%;
  background-position: -65px bottom;
  margin: 0 auto;
  max-width: 1151px;
  align-content:start;
  height: 830px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 5px !important;}

h6 a{padding: 0  5px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 5px;
  grid-gap: 5px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 20px;
  padding: 5px;
}

.Ideas_V{
  font-size: 20px;
  padding: 5px;
}

.p-somos{
  font-size: 11.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 14px;
  padding: 5px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 5px 0 5px 0;
  grid-gap: 5px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 155px;
  width: 270px;
  justify-content: center;
  top: 0;
  left: -5px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 23px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 14.5px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 85% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 19px;
  padding: 3px 200px 3px 200px;
}

.img_firagas{
  width: 420px;
}

.img_barbie{
  width: 420px;
}

.img_pernod{
  width: 420px;
}

.img_residenciales{
  width: 420px;
}

.img_ae_domecq{
  width: 420px;
}

.img_provisep{
  width: 420px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 15.5px;
  line-height: 18px;
  padding: 7px 30px 7px 30px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 30px;
  font-size: 18px;
  top: -170px;
  right: none;
  left: 855px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 35px 0 35px 0;
}

.imagen{
  width: 1300px;
  height: 360px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0 !important;
}


/******************************************************/
}





/******************************************************
    [ MEDIA all 1024-1079 ]
*******************************************************/
@media all and (min-width: 1024px) and (max-width: 1079px)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 105% 110%;
  background-position: -40px bottom;
  margin: 0 auto;
  max-width: 1151px;
  align-content:start;
  height: 830px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 5px !important;}

h6 a{padding: 0  5px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 5px;
  grid-gap: 5px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 20px;
  padding: 5px;
}

.Ideas_V{
  font-size: 20px;
  padding: 5px;
}

.p-somos{
  font-size: 11.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 14px;
  padding: 5px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 5px 0 5px 0;
  grid-gap: 5px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 155px;
  width: 270px;
  justify-content: center;
  top: 0;
  left: -5px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 23px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 14.5px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 85% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 19px;
  padding: 3px 200px 3px 200px;
}

.img_firagas{
  width: 420px;
}

.img_barbie{
  width: 420px;
}

.img_pernod{
  width: 420px;
}

.img_residenciales{
  width: 420px;
}

.img_ae_domecq{
  width: 420px;
}

.img_provisep{
  width: 420px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 15.5px;
  line-height: 18px;
  padding: 7px 30px 7px 30px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 30px;
  font-size: 18px;
  top: -170px;
  right: none;
  left: 805px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 35px 0 35px 0;
}

.imagen{
  width: 1300px;
  height: 360px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0 !important;
}


/******************************************************/
}




/******************************************************
    [ MEDIA all 897-1023 ]
*******************************************************/
@media all and (min-width: 897px) and (max-width: 1023px)
{

header{
  display: none;
}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 125% 110%;
  background-position: -50px bottom;
  margin: 0 auto;
  max-width: 1023px;
  align-content:start;
  height: 670px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 5px;}

h6 a{padding: 0  5px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 46% 1fr 1fr;
}

#izquierda-somos{
  padding: 8px;
  grid-gap: 8px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 18px;
  padding: 3px;
}

.Ideas_V{
  font-size: 18px;
  padding: 3px;
}

.p-somos{
  font-size: 10px;
  padding: 3px;
}

.somos-list li{
  font-size: 13px;
  padding: 4px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 8px;
  grid-gap: 8px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 130px;
  width: 210px;
  justify-content: center;
  top: 0;
  left: -3px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 19px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 13.5px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 88% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 18px;
  padding: 3px 120px 3px 120px;
}

.img_firagas{
  width: 320px;
}

.img_barbie{
  width: 320px;
}

.img_pernod{
  width: 320px;
}

.img_residenciales{
  width: 320px;
}

.img_ae_domecq{
  width: 320px;
}

.img_provisep{
  width: 320px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 12.5px;
  line-height: 18px;
  padding: 7px 30px 7px 30px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 25px;
  font-size: 15px;
  top: -150px;
  right: none;
  left: 790px;
}

.arrows{
  border: solid 1px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 20px;
  font-size: 17px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 15px 0 15px 0;
}

.imagen{
  width: 1300px;
  height: 310px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0;
}


/******************************************************/
}



/******************************************************
    [ MEDIA all 854-896 ]
*******************************************************/
@media all and (min-width: 854px) and (max-width: 896px)
{

header{
  display: none;
}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 125% 110%;
  background-position: -50px bottom;
  margin: 0 auto;
  max-width: 896px;
  align-content:start;
  height: 670px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 5px;}

h6 a{padding: 0  5px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 46% 1fr 1fr;
}

#izquierda-somos{
  padding: 3px;
  grid-gap: 3px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 18px;
  padding: 3px;
}

.Ideas_V{
  font-size: 18px;
  padding: 3px;
}

.p-somos{
  font-size: 10px;
  padding: 3px;
}

.somos-list li{
  font-size: 13px;
  padding: 4px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 5px 0 5px 0;
  grid-gap: 5px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 100px;
  width: 210px;
  justify-content: center;
  top: 0;
  left: -3px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 19px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 13.5px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 70% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 1px;
}

.titulo{
  font-size: 18px;
  padding: 3px 120px 3px 120px;
}

.img_firagas{
  width: 320px;
}

.img_barbie{
  width: 320px;
}

.img_pernod{
  width: 320px;
}

.img_residenciales{
  width: 320px;
}

.img_ae_domecq{
  width: 320px;
}

.img_provisep{
  width: 320px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 1px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 1px;
}

.subtitulo{
  font-size: 12.5px;
  line-height: 18px;
  padding: 7px 30px 7px 30px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 1px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 25px;
  font-size: 15px;
  top: -120px;
  right: none;
  left: 565px;
}

.arrows{
  border: solid 1px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 20px;
  font-size: 17px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 15px 0 15px 0;
}

.imagen{
  width: 800px;
  height: 240px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0;
}


/******************************************************/
}



/******************************************************
    [ MEDIA all 824-853 ]
*******************************************************/
@media all and (min-width: 824px) and (max-width: 853px)
{

header{
  display: none;
}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 125% 110%;
  background-position: -75px bottom;
  margin: 0 auto;
  max-width: 853px;
  align-content:start;
  height: 670px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 5px;}

h6 a{padding: 0  5px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 43% 1fr 1fr;
}

#izquierda-somos{
  padding: 3px;
  grid-gap: 3px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 18px;
  padding: 3px;
}

.Ideas_V{
  font-size: 18px;
  padding: 3px;
}

.p-somos{
  font-size: 10px;
  padding: 3px;
}

.somos-list li{
  font-size: 13px;
  padding: 4px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 5px 0 5px 0;
  grid-gap: 5px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 100px;
  width: 210px;
  justify-content: center;
  top: 0;
  left: -3px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 19px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 13.5px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 70% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 18px;
  padding: 3px 120px 3px 120px;
}

.img_firagas{
  width: 320px;
}

.img_barbie{
  width: 320px;
}

.img_pernod{
  width: 320px;
}

.img_residenciales{
  width: 320px;
}

.img_ae_domecq{
  width: 320px;
}

.img_provisep{
  width: 320px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 12.5px;
  line-height: 18px;
  padding: 7px 30px 7px 30px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 60px;
  height: 25px;
  font-size: 15px;
  top: -110px;
  right: none;
  left: 540px;
}

.arrows{
  border: solid 1px #7fcaff;
  border-radius: 50%;
  width: 50px;
  height: 20px;
  font-size: 17px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 15px 0 15px 0;
}

.imagen{
  width: 1300px;
  height: 240px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
  position: relative;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0;
}


/******************************************************/
}


/******************************************************
    [ MEDIA all 810-823 ]
*******************************************************/
@media all and (min-width: 810px) and (max-width: 823px)
{

header{display: none;}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 120% 110%;
  background-position: -45px bottom;
  margin: 0 auto;
  max-width: 823;
  align-content:start;
  height: auto;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 5px;}

h6 a{padding: 0  5px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 45% 1fr 1fr;
}

#izquierda-somos{
  padding: 8px;
  grid-gap: 8px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 15px;
  padding: 2px;
}

.Ideas_V{
  font-size: 16px;
  padding: 3px;
}

.p-somos{
  font-size: 9px;
  padding: 2px;
}

.somos-list li{
  font-size: 9px;
  padding: 2px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 8px;
  grid-gap: 8px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 82px;
  width: 200px;
  justify-content: center;
  top: 0;
  left: -3px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 19px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 13.5px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 70% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 1px;
}

.titulo{
  font-size: 18px;
  padding: 3px 120px 3px 120px;
}

.img_firagas{
  width: 320px;
}

.img_barbie{
  width: 320px;
}

.img_pernod{
  width: 320px;
}

.img_residenciales{
  width: 320px;
}

.img_ae_domecq{
  width: 320px;
}

.img_provisep{
  width: 320px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 1px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 1px;
}

.subtitulo{
  font-size: 10.5px;
  line-height: 13px;
  padding: 5px 80px 5px 80px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 1px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 70px;
  height: 25px;
  font-size: 15px;
  top: -100px;
  right: none;
  left: 510px;
}

.arrows{
  border: solid 1px #7fcaff;
  border-radius: 50%;
  width: 50px;
  height: 20px;
  font-size: 17px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 10px 0 10px 0;
}

.imagen{
  width: 1300px;
  height: 220px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 2px #7fcaff;
  border-radius: 16px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 11px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 13px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:9.5px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 200px;
  margin:5px 0 5px 0;
}


/******************************************************/
}


/******************************************************
    [ MEDIA all 800-809 ]
*******************************************************/
@media all and (min-width: 800px) and (max-width: 809px)
{


/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 105% 110%;
  background-position: -25px bottom;
  margin: 0 auto;
  max-width: 800px;
  align-content:start;
  height: 670px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 5px !important;}

h6 a{padding: 0  5px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 3px;
  grid-gap: 3px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 18px;
  padding: 3px;
}

.Ideas_V{
  font-size: 18px;
  padding: 3px;
}

.p-somos{
  font-size: 10px;
  padding: 3px;
}

.somos-list li{
  font-size: 13px;
  padding: 4px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 5px 0 5px 0;
  grid-gap: 5px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 116px;
  width: 210px;
  justify-content: center;
  top: 0;
  left: -3px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 19px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 13.5px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 88% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 18px;
  padding: 3px 120px 3px 120px;
}

.img_firagas{
  width: 320px;
}

.img_barbie{
  width: 320px;
}

.img_pernod{
  width: 320px;
}

.img_residenciales{
  width: 320px;
}

.img_ae_domecq{
  width: 320px;
}

.img_provisep{
  width: 320px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 12.5px;
  line-height: 18px;
  padding: 7px 30px 7px 30px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 25px;
  font-size: 15px;
  top: -150px;
  right: none;
  left: 645px;
}

.arrows{
  border: solid 1px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 20px;
  font-size: 17px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 15px 0 15px 0;
}

.imagen{
  width: 1300px;
  height: 310px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0 !important;
}


/******************************************************/
}



/******************************************************
    [ MEDIA all 700-799 ]
*******************************************************/
@media all and (min-width: 700px) and (max-width: 799px)
{


/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 115% 110%;
  background-position: -3px bottom;
  margin: 0 auto;
  max-width: 799px;
  align-content:start;
  height: auto;
}

#pleca5{
  margin: 0 0 0 0;
  height: 1px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 1px;
}

/******************************************************
    [ HEADER]
*******************************************************/
header{display: none;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 48% 1fr 1fr;
}

#izquierda-somos{
  padding: 3px;
  grid-gap: 3px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 16px;
  padding: 2px;
}

.Ideas_V{
  font-size: 16px;
  padding: 2px;
}

.p-somos{
  font-size: 9.5px;
  padding: 2px;
}

.somos-list li{
  font-size: 11px;
  padding: 3px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 5px 0 5px 0;
  grid-gap: 5px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 80px;
  width: 168px;
  justify-content: center;
  top: 0;
  left: -3px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 15.5px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 11px;
  line-height: 12px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 75% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 17px;
  padding: 3px 50px 3px 50px;
}

.img_firagas{
  width: 320px;
}

.img_barbie{
  width: 320px;
}

.img_pernod{
  width: 320px;
}

.img_residenciales{
  width: 320px;
}

.img_ae_domecq{
  width: 320px;
}

.img_provisep{
  width: 320px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 12px;
  line-height: 16px;
  padding: 4px 10px 4px 10px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 90px;
  height: 35px;
  font-size: 15px;
  top: -100px;
  right: 0px;
  left: 520px;
}

.arrows{
  border: solid 1px #7fcaff;
  border-radius: 50%;
  width: 45px;
  height: 20px;
  font-size: 17px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 15px 0 15px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 5px 0 5px 0;
}

.imagen{
  width: 1300px;
  height: 215px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 12px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 16px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:10px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 200px;
  margin:5px 0 5px 0;
}


/******************************************************/
}


/******************************************************
    [ MEDIA all 570-699 ]
*******************************************************
@media all and (min-width: 570px) and (max-width: 699px)
{
/******************************************************
    [ BACKGROUND ]
*******************************************************/


/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}


/******************************************************
    [ MEDIA all 320-569 ]
*******************************************************
@media all and (min-width: 320px) and (max-width: 569px)
{
/******************************************************
    [ BACKGROUND ]
*******************************************************/



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}


/******************************************************
    [ CELULARES y TABLETS VERTICAL]
*******************************************************/

@media all and (min-width: 1024px) and (max-width: 1279px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 190% 99.999%;
  background-position: -380px top;
  margin: 0 auto;
  max-width: 1024px;
  align-content:start;
  height: 1366px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}


/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 5px !important;}

h6 a{padding: 0  5px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 43% 1fr 1fr;
  height: 100%;
}

#izquierda-somos{
  grid-area: izquierda;
  background: none;
  padding: 5px;
  width: 100%;
  color: #fff;
  position: static;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "nosotros   vision"
  "mision   valores";
  justify-content: center;
  align-self:  center;
}


.Ideas{
  font-size: 20px;
  padding: 5px;
}

.Ideas_V{
  font-size: 20px;
  padding: 5px;
}

.p-somos{
  font-size: 11.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 14px;
  padding: 5px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
  margin: 10px 0 10px 0;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 100px  0 40px 0;
  grid-gap: 15px;
  justify-content: center;
  align-self: center;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 175px;
  width: 240px;
  top: 0;
  left: -10px;
  margin: 40px 0 40px 0;
}

.item h3{
  font-size: 21px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 14.5px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 90% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 24px;
  padding: 3px 80px 3px 80px;
}

.img_firagas{
  width: 420px;
}

.img_barbie{
  width: 420px;
}

.img_pernod{
  width: 420px;
}

.img_residenciales{
  width: 420px;
}

.img_ae_domecq{
  width: 420px;
}

.img_provisep{
  width: 420px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 15.5px;
  line-height: 18px;
  padding: 7px 50px 7px 50px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 60px;
  height: 40px;
  font-size: 18px;
  top: -260px;
  right: none;
  left: 860px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 110px 0 110px 0;
}

.imagen{
  width: 1300px;
  height: 520px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}


/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
  padding:  0;
  position: absolute;
  bottom: 0;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0;
}


/******************************************************/
}


@media all and (min-width: 834px) and (max-width: 860px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 180% 99.999%;
  background-position: -280px top;
  margin: 0 auto;
  max-width: 860px;
  align-content:start;
  height: 1112px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}


/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 43% 1fr 1fr;
  height: 100%;
}

#izquierda-somos{
  grid-area: izquierda;
  background: none;
  padding: 5px;
  width: 100%;
  color: #fff;
  position: static;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "nosotros   vision"
  "mision   valores";
  justify-content: center;
  align-self:  center;
}


.Ideas{
  font-size: 20px;
  padding: 5px;
}

.Ideas_V{
  font-size: 20px;
  padding: 5px;
}

.p-somos{
  font-size: 11.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 14px;
  padding: 5px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
  margin: 10px 0 10px 0;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 50px  0 50px 0;
  grid-gap: 7px;
  justify-content: center;
  align-self: center;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 155px;
  width: 200px;
  top: 0;
  left: -7px;
  margin: 20px 0 20px 0;
}

.item h3{
  font-size: 18px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 13px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 90% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 19px;
  padding: 3px 120px 3px 120px;
}

.img_firagas{
  width: 420px;
}

.img_barbie{
  width: 420px;
}

.img_pernod{
  width: 420px;
}

.img_residenciales{
  width: 420px;
}

.img_ae_domecq{
  width: 420px;
}

.img_provisep{
  width: 420px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 15.5px;
  line-height: 18px;
  padding: 7px 80px 7px 80px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 70px;
  height: 40px;
  font-size: 15px;
  top: -210px;
  right: none;
  left: 690px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 80px 0 80px 0;
}

.imagen{
  width: 1300px;
  height: 420px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
  padding:  0;
  position: relative;
  bottom: 0;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0;
}


/******************************************************/
}



@media all and (min-width: 800px) and (max-width: 801px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 180% 99.999%;
  background-position: -280px top;
  margin: 0 auto;
  max-width: 801px;
  align-content:start;
  height: 1280px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}


/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 43% 1fr 1fr;
  height: 100%;
}

#izquierda-somos{
  grid-area: izquierda;
  background: none;
  padding: 5px;
  width: 100%;
  color: #fff;
  position: static;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "nosotros   vision"
  "mision   valores";
  justify-content: center;
  align-self:  center;
}


.Ideas{
  font-size: 20px;
  padding: 5px;
}

.Ideas_V{
  font-size: 20px;
  padding: 5px;
}

.p-somos{
  font-size: 11.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 14px;
  padding: 5px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
  margin: 10px 0 10px 0;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 70px  0 70px 0;
  grid-gap: 7px;
  justify-content: center;
  align-self: center;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 155px;
  width: 200px;
  top: 0;
  left: -7px;
  margin: 20px 0 20px 0;
}

.item h3{
  font-size: 18px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 13px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 90% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 19px;
  padding: 3px 80px 3px 80px;
}

.img_firagas{
  width: 420px;
}

.img_barbie{
  width: 420px;
}

.img_pernod{
  width: 420px;
}

.img_residenciales{
  width: 420px;
}

.img_ae_domecq{
  width: 420px;
}

.img_provisep{
  width: 420px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 15.5px;
  line-height: 18px;
  padding: 7px 50px 7px 50px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 80px;
  height: 40px;
  font-size: 15px;
  top: -210px;
  right: none;
  left: 655px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 45px;
  height: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 80px 0 80px 0;
}

.imagen{
  width: 1300px;
  height: 420px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
  padding:  0;
  position: relative;
  bottom: 0;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0;
}


/******************************************************/
}


@media all and (min-width: 767px) and (max-width: 799px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 180% 99.999%;
  background-position: -280px top;
  margin: 0 auto;
  max-width: 833px;
  align-content:start;
  height: 1024px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}


/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 43% 1fr 1fr;
  height: 100%;
}

#izquierda-somos{
  grid-area: izquierda;
  background: none;
  padding: 5px;
  width: 100%;
  color: #fff;
  position: static;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "nosotros   vision"
  "mision   valores";
  justify-content: center;
  align-self:  center;
}


.Ideas{
  font-size: 20px;
  padding: 5px;
}

.Ideas_V{
  font-size: 20px;
  padding: 5px;
}

.p-somos{
  font-size: 11.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 14px;
  padding: 5px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
  margin: 10px 0 10px 0;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 80px  0 30px 0;
  grid-gap: 7px;
  justify-content: center;
  align-self: center;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 155px;
  width: 200px;
  top: 0;
  left: -7px;
  margin: 20px 0 20px 0;
}

.item h3{
  font-size: 18px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 13px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 90% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 19px;
  padding: 3px 80px 3px 80px;
}

.img_firagas{
  width: 420px;
}

.img_barbie{
  width: 420px;
}

.img_pernod{
  width: 420px;
}

.img_residenciales{
  width: 420px;
}

.img_ae_domecq{
  width: 420px;
}

.img_provisep{
  width: 420px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 15.5px;
  line-height: 18px;
  padding: 7px 50px 7px 50px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 80px;
  height: 40px;
  font-size: 15px;
  top: -210px;
  right: none;
  left: 625px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 45px;
  height: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 80px 0 80px 0;
}

.imagen{
  width: 1300px;
  height: 420px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
  padding:  0;
  position: relative;
  bottom: 0;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0;
}


/******************************************************/
}


@media all and (min-width: 1366px) and (max-width: 1367px) and (orientation:landscape)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 105% 110%;
  background-position: -60px bottom;
  margin: 0 auto;
  max-width: 1367px;
  align-content:start;
  height: 1024px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 40% 1fr 1fr;
}

#izquierda-somos{
  padding: 10px 10px 10px 7px;
  grid-gap: 8px;
  justify-content: center;
  align-content: flex-start;
}

.Ideas{
  font-size: 25px;
  padding: 5px;
}

.Ideas_V{
  font-size: 25px;
  padding: 5px;
}

.p-somos{
  font-size: 14px;
  padding: 4px;
}

.somos-list li{
  font-size: 17px;
  padding: 6px;
}

.item-somos{
  border: solid 2px #9bdbe6;
  height: auto;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 10px 0 5px 0;
  grid-gap: 8px;
  justify-content: center;
  align-content: space-evenly;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 2px #9bdbe6;
  border-radius: 10px;
  height: 165px;
  width: 365px;
  justify-content: center;
  top: 0;
  left: -7px;
  margin: 0 0 0 0;
}

.item h3{
  font-size: 26px;
  text-shadow: 1px 1px #000;
}

.item h4{
  font-size: 17px;
  line-height: 13px;
  text-shadow: 1px 1px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 80% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 24px;
  padding: 3px 300px 3px 300px;
}

.img_firagas{
  width: 480px;
}

.img_barbie{
  width: 480px;
}

.img_pernod{
  width: 480px;
}

.img_residenciales{
  width: 480px;
}

.img_ae_domecq{
  width: 480px;
}

.img_provisep{
  width: 480px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 15px;
  line-height: 20px;
  padding: 7px 220px 7px 220px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 40px;
  font-size: 19px;
  top: -225px;
  right: none;
  left: 1015px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 10px 0 10px 0;
}

.imagen{
  width: 1300px;
  height: 460px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 24px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
}

#copyright_iv { 
  font-size: 16px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 25px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:13px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 260px;
  margin:5px 0 5px 0;
}


/******************************************************/
}



@media all and (min-width: 480px) and (max-width: 480px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background-03.jpg');
  background-repeat: no-repeat;
  background-size: 108% 100%;
  background-position: top center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}


@media all and (min-width: 385px) and (max-width: 414px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background-03.jpg');
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: top center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}

@media all and (min-width: 384px) and (max-width: 384px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background-03.jpg');
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: top center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}

@media all and (min-width: 369px) and (max-width: 383px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background-03.jpg');
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: top center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}

@media all and (min-width: 368px) and (max-width: 368px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}


@media all and (min-width: 360px) and (max-width: 367px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background-03.jpg');
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: top center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************/
}


@media all and (min-width: 240px) and (max-width: 699px)
{


#hidden{display: none;}

#pleca20{display: none;}

header{display: none;}

#m-qsomos{display: none;}

#pleca5{height: 2px}
#pleca7{height: 1px}


#contenedor-qsomos{
  background: none;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "nav"
  "pleca5"
  "c-somos"
  "footer";
  max-width: 699px;
  width: 100%;
  height: 100%;
  align-content:start;
}

/******************************************************
    [ CONTENIDO]
*******************************************************/
#cels-somos{
  grid-area:c-somos;
  padding: 0px 10px 0 10px;
  margin: 0 auto;
  display: block;
  max-width: 699px;
  width: 100%;
  height: 100%;
}

 .item-somos-cel{
  background: none;
  display: block;
  padding: 0;
  margin: 10px auto;
  width: 100%;
  height: auto;
}

.Ideas_V-cel{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b4662+0,2989d8+50,2b4662+51,7db9e8+100 */
background: rgb(43,70,98); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(43,70,98,1) 0%, rgba(41,137,216,1) 50%, rgba(43,70,98,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(43,70,98,1) 0%,rgba(41,137,216,1) 50%,rgba(43,70,98,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(43,70,98,1) 0%,rgba(41,137,216,1) 50%,rgba(43,70,98,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4662', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  font-size: 19px;
  width: 100%;
  margin: 0;
  padding: 6px 0 6px 6px;
  line-height: 22px;
}

.p-somos{
  font-size: 14px;
  margin: 0;
  padding: 6px 0 6px 6px;
  line-height: 20px;
}

.somos-list-cel li{
  font-size: 16px;
  padding: 8px;
}

.fa-check-circle{
  color: #3f96f7;
  font-size: 19px;
}

.galeria-somos-cel{display: 
block;}


#cels-somos img{
  max-width: 690px;
  width:100%;
}

h3{
  font-size: 21px;
  text-align: center;
  line-height: 14px;
  color:  #3f96f7;
  border-top: 2px solid #236dbc;
  margin: 6px 0 0 0;
  padding: 8px 0 5px 0;
}

h4{
  font-size: 14px;
  border-bottom: 2px solid #236dbc;
  color: #8babcc;
  text-align: center;
  padding:0 0 6px 0;
  margin: 0 0 6px 0;
}

#pie{
  font-family: 'Scada';
  font-size: 14px;
  padding: 8px;
  text-align: justify;
}

.bigtext{font-size: 110%;}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  display: block;
  position: relative;
  bottom: 0;
  margin: 0 auto;
  height: auto;
}


#pleca6{height: 2px}

#copyright_iv { 
  font-size: 12px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 15px;
  color: #7fcaff;
}

#link_iv {
  display: inline-block;
  font-size: 16px;
  margin: 8px 0 8px 0;
}

#link_iv a{
  display: inline-block;
  font-size: 16px;
}

#browsers_iv p{
  font-size:10px;
  margin: 5px 0 5px 0;
}

#browsers img{
  max-width: 220px;
  margin:5px 0 5px 0;
}


/******************************************************/
}



/******************************************************
    [ WATCHES DEVICE-SMALL  ]
*******************************************************
@media all and (min-width: 90px) and (max-width: 319px) and (orientation: portrait)
{
  /******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background-03.jpg');
  background-repeat: no-repeat;
  background-size: 108% 100%;
  background-position: center center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/


/******************************************************
}


/******************************************************
    [ ESCONDIDA  ]
*******************************************************/
@media all and (min-width: 1px) and (max-width: 239px)
{
  /******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-q-somos{display: none;}
#hidden{display: block; margin: 0 auto; width: 100%; height: 100%;}
#iv_logo{display: block;background: none;text-align: center; margin: 0 0 5px 0;}
#logoiv{text-align: center; width: 100%; position: static;}
#logoiv img{width: 90px;}
#ideasiv{color:#236dbc;display: block; font-size: 28px;text-align: center;width: 100%; position: static;}
#sloganiv{color:#236dbc;display: block; font-size: 16px;line-height: 16px;text-align: center;width: 100%; position: static;}
#cel{display: block; font-size: 14px;text-align: center;width: 100%; color: yellow; margin: 25px 0 0 0;}
#redesiv{width: 100%; text-align: center; margin: 25px 0 0 0;}
#redesiv a{color:#236dbc;font-size: 36px; text-align:center; width: 100%; padding: 15px;}
#redesiv a:hover{color:white;}
#pleca3{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01050d+0,4097ad+51,01050d+100&0+0,1+51,0.01+100 */
  background: linear-gradient(to right, rgba(1,5,13,0) 0%,rgba(64,151,173,1) 51%,rgba(1,5,13,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  height: 2px;}

}