#banner-frame-seccion.web{ }

#serviciosContainer{ width:100%; float:left; position:relative;  margin-bottom:0px; /*background-color:#FF0000;*/ margin-top:-478px;}/*rojo*/

@media screen and (max-width : 780px){ 
	#serviciosContainer{ width:100%; margin-left:0px; left:0%;}
}

/* ########################## */
.breadCrumbContainer{left:0%!important;}

@media screen and (max-width : 1190px){ 
	.breadCrumbContainer{left:36%!important;}
}
@media screen and (max-width : 780px){ 
	#header-frame {width: 100%}
	.hamburger {right:5px}
	.breadCrumbContainer{left:6%!important; margin-left:0!important; font-size:12px}
}

.degradado{
	width:100%;
	height:100px;
	position:relative;
	 background-image: linear-gradient(to bottom, rgba(16, 24, 32, 0) 32%, #101820 93%);
	 top:33%; height:400px;
}



#serviciosContent{ 
width: 100%;
  height: 222px;
  margin: 23px 0 0;
   float:left; 
  position:relative;  }


#imagenSec{ float:left; width:100%;}
#imagenSec img{ float:left; width:100%;}

#textoSeccion{ width:100%; float: left; position:relative;  margin-left:0px;  margin-bottom:0px;}
#textoSeccion p{ color:#565756; font-size:20px; width:630px; float:left; line-height:1.25; margin-bottom:10px; margin-top:10px; text-align: left; font-weight: 100; margin-left: 0px;}
#textoSeccion ul{ color:#565756; font-size:0.95rem; width:90%; float:left; line-height:1.5rem; padding-left:0px; padding-top:0px; margin-left:5%; margin-top:10px;}
#textoSeccion ul li{ margin-left:0px; padding-left:0px;}
#textoSeccion ol{ color:#565756; font-size:0.95rem; width:90%; float:left; line-height:1.5rem; padding-left:0px; padding-top:0px; margin-left:5%; margin-top:10px;}
#textoSeccion ol li{ margin-left:0px; padding-left:0px;}
#textoSeccion h3{ color:#ffffff;  font-size: 60px; font-weight:bold; line-height: 1.13; margin-top:0px; margin-top:25px; margin-bottom:46px; width:100%; float:left; text-align:center; margin-left: 0px; font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff}
  #textoSeccion h4{ color:#565756; font-size:1.5rem; font-weight:normal; margin-top:0px; margin-bottom:0px;}

.botonEmpresas{ background:url(../../../../../templates/default/img/orangeBg.jpg); background-repeat:repeat; text-align:center; float:left; color:#FFFFFF; text-transform:uppercase; width:263px; height:41px; line-height:41px; font-size:1.2rem; margin-right:30px; cursor:pointer;}
.botonEmpresas:hover{ opacity:0.8;}


/* ### FRAME CARACTERISTICAS ### */
.sectionContent {
    float: left;
    width: 91%;
    position: relative;
    left: 0%;
    margin-left: 62px;
}


.equipoContainer{ width: 70%; float: left; height: auto; left: 15%; position: relative;  margin-top: 20px; margin-bottom:100px;}
.equipoContainer h4{ color:#bc3b4a; font-size:35px; font-stretch: normal;  font-style: normal; font-weight:bold; text-align: center; margin-top:0px; margin-bottom:0px;  font-family: 'Montserrat';}
.equipoContainer p{  color:#fff; font-size:17px; width:70%; float:left; line-height:1.76;margin-left:15%; margin-bottom:10px; margin-top:20px; text-align: center; font-weight: normal;font-family: 'Montserrat';}

.contenido{width:100%; height:165vw; padding-bottom: 0px; position:relative; float:left; margin-bottom:900px;}
.rectangle {
  width: 26vw;
  height: 26vw;
  margin-left: 0%;
 transform: rotate(135deg) translateY(20%);
  border: solid 10px #bc3b4a;
  position:absolute;
  float:left;
  left:55.6%; margin-left: -13vw; margin-top:12%;
}
.rectangle img{
 transform: rotate(-135deg) translateY(20%); z-index:2;position:relative; float:left;width:38vw;top:2vw; left: -35%;
}

.line {
  width: 51.9%;
  height: 100%;
 position:absolute; float:left;
  border-right: solid 3px #bc3b4a;
  left:0px;
  top:39vw;
 z-index: 4;
}

/*
@media screen and (max-width : 1400px){ 
	.line{left:18.2vw;  }
}
@media screen and (max-width : 1027px){ 
	.line{left:21%;  }
	.oval, .oval2, .oval3,.oval4, .oval5{left:51%!important;}
}

@media screen and (max-width : 980px){ 
	.line{left:21.8%; top:15vw; }
	.oval, .oval2, .oval3,.oval4, .oval5{left:51%!important;}
}
/*/



.oval {
    left: 51.6%;
    width: 13px;
    height: 13px;
    background-color: #bc3b4a;
    position: absolute;
    border-radius: 10px;
    margin-top: 43vw;
}

.textoizq1{position:absolute; float:left;
  left:19%; top:41vw; margin:0;width:22.5vw;
	
}
.contenido h3{font-size: 73px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #bc3b4a; margin:0;
}

.contenido p{font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #ffffff;
  margin-top:1vw;}

.maquina{position:absolute!important; top:60vw!important; left:32vw;mix-blend-mode: overlay;}

.oval2 {
    left: 51.6%;
    width: 13px;
    height: 13px;
    background-color: #bc3b4a;
    position: absolute;
    border-radius: 10px;
    margin-top: 64vw;
	z-index:4;
}

.textodcha1{position:absolute; float:left;  left:58%; top:61vw; margin:0;width:22.5vw; z-index:5;}

.img3{position:absolute!important; top:89vw!important; left:32vw;mix-blend-mode: overlay;opacity: 0.81; width:39vw;}

.oval3 {
    left: 51.6%;
    width: 13px;
    height: 13px;
    background-color: #bc3b4a;
    position: absolute;
    border-radius: 10px;
    margin-top: 84vw;
	z-index:4;
}
.textoizq2{position:absolute; float:left;  left:19%; top:82vw; margin:0;width:22.5vw;}


.img4{position:absolute!important; top:121vw!important; left:25vw;mix-blend-mode: overlay;opacity: 0.7;width:50vw!important;}
.oval4 {left: 51.6%; width: 13px; height: 13px; background-color: #bc3b4a; position: absolute; border-radius: 10px; margin-top: 104vw;z-index:4;}
.textodcha2{position:absolute; float:left;  left:58%; top:101vw; margin:0;width:22.5vw; z-index:5;}

.img5{position:absolute!important; top:156vw!important; left:31vw;mix-blend-mode: overlay;width:30vw!important;}
.oval5 {left: 51.6%; width: 13px; height: 13px; background-color:#bc3b4a; position: absolute;border-radius: 10px;margin-top:124vw;z-index:4;}
.oval6 {left: 51.6%; width: 13px; height: 13px; background-color:#bc3b4a; position: absolute;border-radius: 10px;margin-top:144vw;z-index:4;}
.oval7 {left: 51.6%; width: 13px; height: 13px; background-color:#bc3b4a; position: absolute;border-radius: 10px;margin-top:164vw;z-index:4;}
.oval8 {left: 51.6%; width: 13px; height: 13px; background-color:#bc3b4a; position: absolute;border-radius: 10px;margin-top:184vw;z-index:4;}
.oval9 {left: 51.6%; width: 13px; height: 13px; background-color:#bc3b4a; position: absolute;border-radius: 10px;margin-top:204vw;z-index:4;}
.textoizq3{position:absolute; float:left;  left:19%; top:123vw; margin:0;width:22.5vw;}
.textodcha3{position:absolute; float:left;  left:58%; top:143vw; margin:0;width:22.5vw; z-index:5;}
.textoizq4{position:absolute; float:left;  left:19%; top:163vw; margin:0;width:22.5vw;}
.textodcha4{position:absolute; float:left;  left:58%; top:183vw; margin:0;width:22.5vw; z-index:5;}
.textoizq5{position:absolute; float:left;  left:19%; top:203vw; margin:0;width:22.5vw;}




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

.line{left:20.2%!important; top:14vw!important;}
.oval, .oval2, .oval3, .oval4, .oval5 { left: 51.7%!important;}

}











.bloqueTexto{ float:left; width:100%; position:relative; border-bottom: solid 1px #d6d3db; height: auto;  padding-bottom: 43px;}
.bloqueTexto:last-child{ border-bottom: none;}
.bloqueTexto h4{ font-size: 35px; width: 1000px; background-repeat: no-repeat; background-position: right center; line-height: 1.83; color: #565756; margin-top: 35px; margin-bottom: 0px; cursor: pointer;}
.bloqueTexto.iconomenos h4{ background-image: url("../../../../../templates/default/img/menos.svg"); }
.bloqueTexto.iconomas h4{ background-image: url("../../../../../templates/default/img/mas.svg"); }
.bloqueTexto p{  color:#565756; font-size:20px; width:630px; float:left; line-height:1.25; margin-bottom:10px; margin-top:20px; text-align: left; font-weight: 100; margin-left: 0px;}
.bloqueTexto a{ float:left; color:#565756; text-decoration: none; width: 80%; margin-top: 63px; margin-bottom: 20px; background-image: url("../../../../../templates/default/img/flecha.svg"); background-repeat: no-repeat; background-position: 144px 7px; padding-left: 30px;}
.bloqueTexto a span{  width: 18px; height: 2px; background-color: #d8d8d8; float: left; top: 13px !important; position: relative; margin-left: -29px;}
.bloqueTexto.cerrado .ampliacionInfoServicio{ display: none;}
.bloqueTexto.abierto .ampliacionInfoServicio{ display: block;}

@media screen and (max-width : 780px){ 
	#serviciosContainer{ width:100%; margin-left:0px; left:0%;   padding-bottom: 50px; margin-bottom: 30px;}
	#serviciosContent{ width:90%; margin-left:5%; margin-top:85px!important; left:0px; height: auto;}
	#textoSeccion{ width:100%; margin-left:0px; left:0px; margin-top:10px;}
	#textoSeccion p{ font-size:20px; line-height:1.25; text-align: left; width: 90%; margin-bottom: 0px;}
	#textoSeccion ul{ font-size:0.8rem; line-height:1.2rem; }
	#textoSeccion ol{ font-size:0.8rem; line-height:1.2rem;}
	#textoSeccion h4{ font-size:0.96rem;}
	#textoSeccion h3{ font-size:40px; line-height:1.2; width: 100%; margin-top: 0px; margin-bottom: 30px;}
	#imagenSec{ display:none;}

	.bloqueTexto{ margin-left: 0px !important; height: auto;  padding-bottom: 0px; margin-top: 20px; padding-bottom: 20px;}
	.bloqueTexto .imagen{ height: auto; width: auto; line-height: 1; }
	.bloqueTexto .imagen img{  min-height: 90px; max-height: 120px; height: auto; min-width: 80px; width: auto; max-width: 100px;  }
	.bloqueTexto h4{ font-size: 26px; line-height: 1.14; margin-top: 0px; width: 90%; padding-right: 10%; text-align: left; float: left; background-size: 23px auto;}
	.bloqueTexto p{  font-size:20px;  margin-bottom:0px; margin-top:20px; width: 100%; text-align: left; font-weight: 100; margin-left: 0px;}
	.bloqueTexto a{ text-decoration: none; font-size: 18px; margin-top: 10px;}
	.bloqueTexto a.masInfo{ width: 59%; height: 33px; line-height: 33px; margin-top: 13px; margin-bottom: 20px; background-position: 170px 10px; padding-left: 30px; font-size: 18px;}
	.bloqueTexto a.masInfo span.texto{ width: 125px; padding-left: 5px; position: absolute; float: left; left: 28px; background-color: #fff;  }
	.bloqueTexto a.masInfo:hover .linea{ width: 172px;}	
	
	
	.degradado{top:74%}
	  .sectionContent{width:90%; margin:0 5%;}
	  .equipoContainer{width:100%; left:0;}
	  .equipoContainer h4{font-size:30px}
	.contenido{width:100%; height:182vw}
	.rectangle{width:50vw; height:50vw; left:33%}
	.contenido img {position: absolute;    float: left;    width: 66vw;    top: 8vw;    right: 17vw;}
	.line {    left: 48.4%!important;    top: 76vw!important; height:453vw;}
	.oval, .oval2, .oval3, .oval4, .oval5 {    left: 99%!important;}
	.oval{margin-top:74vw;}
	.textoizq1 {left: 3%; top: 20vw; width: 95%;}
	.contenido h3 {  font-size: 27px; text-align:center}
	.contenido p {font-size: 14px}
	.maquina {top: 105vw!important; left: 18vw;}
	.oval2{margin-top:41vw;}
	.textodcha1 {left: 3%; top: 20vw; width: 95%;}
	.img3 { top: 160vw!important;    left: 17vw;width: 74vw!important;}
	.oval3{margin-top:142vw;}
	.textoizq2 {left: 3%; top: 20vw; width: 95%;}
	.img4 {top: 234vw!important;  left: 10vw; width: 72vw!important;}
	.oval4{margin-top:165vw;}
	.textodcha2 {left: 3%; top: 20vw; width: 95%;}
	.img5 {top: 285vw!important;  left: 35vw; }
	.oval5{margin-top:194vw;}
	.textodcha3 {left: 3%; top: 20vw; width: 95%;}
	.textodcha1,.textodcha2, .textodcha3, .textodcha4, .textoizq1, .textoizq2, .textoizq3, .textoizq4, .textoizq5{position:relative}
	.textoizq3 {left: 3%; top: 20vw; width: 95%;}
	.oval6{left:99%; top:71vw}
	.oval7{left:99%; top:69vw}
	.oval8{left:99%; top:65vw}
	.oval9{left:99%; top:68vw}
	.textoizq4 {left: 3%; top: 20vw; width: 95%;}
	.textoizq5 {left: 3%; top: 20vw; width: 95%;}
	.textodcha4  {left: 3%; top: 20vw; width: 95%;}
	.oval, .oval2, .oval3,  .oval4,  .oval5,  .oval6,  .oval7, .oval8, .oval9{display:none; position:relative; }
	.line{display:none}
	.rectangle{position:relative}

	

	
	
}