@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700,900&display=swap');
.main_container_2018{
	font-family: 'Titillium Web', sans-serif !important;
}
.Titillium_Black{
	font-family: 'Titillium Web', sans-serif !important;
	font-weight: bold;
}
.Titillium_Regular{
	font-family: 'Titillium Web', sans-serif !important;
	font-weight: 400;	
}
html{
	overflow: visible;
	overflow-x: visible !important;
}
body{
   overflow-x: hidden;
}

.stknavdesign2015desktop{
  z-index: 90 !important;
}

.user0, .user1, .user2, .user3, .component, .user4{
	background-color: #9933ff !important;
}
div.seb_css3,
div.cck-pad-8 .cck-ptb,
.user4 {
	padding: 0 !important;
}
/* animation */
.lluvia{
    height: 480px;
	max-height: 480px;
    position: relative;	
	margin-top: 40px;
}
.lluvia div{
	height: 480px;
	max-height: 480px;
	width: 100%;
	position: absolute;
	background-repeat: no-repeat;
}
#fijos{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/iconosfijos.svg');
	background-position: 126px 0;
	background-size: 375px;
	z-index: 5;
}

#zam{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/zam.svg');
	/*background-size: 85px;
	animation: zam;
	animation-duration: 5s;
	animation-iteration-count:infinite;
	animation-timing-function: linear;*/	
    background-size: 60px;
    background-position: 286px 0;
}
/*
@-webkit-keyframes zam {
    from {background-position: 43% 0%;}
    to { background-position: 3% 55%}
} 

@keyframes zam {
    from {background-position: 43% 0%;}
    to { background-position: 3% 55%}
}*/

#triangelm{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/triangelm.svg');
	animation: triangelm;
	animation-duration: 5.8s;
	animation-timing-function: linear;	
		
	background-size: 101px;
    background-position: 141px 74px;
	
}

@-webkit-keyframes triangelm {
    from { background-position: 214px 0px;}
    to { background-position: 141px 74px;
		}
} 

@keyframes triangelm {
    from { background-position: 214px 0px;}
    to { background-position: 141px 74px;
		}
}

#lineas{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/segundaslineas.svg');
	animation: lineas;
	animation-duration: 6.8s;
	animation-timing-function: linear;

	background-size: 259px;
    background-position: 157px 0px;
	
}
@-webkit-keyframes lineas {
    from {background-position: 377px -220px ;}
    to { background-position: 157px 0px}
} 

@keyframes lineas {
    from {background-position:377px -220px ;}
    to { background-position: 157px 0px}
}

#zazul{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/zazul.svg');

	animation: zazul;
	animation-duration: 6s;
	animation-timing-function: linear;	

	background-size: 60px;
    background-position: 342px 97px;
	
}
@-webkit-keyframes zazul {
    from {background-position: 430px 0px;}
    to { background-position: -342px 97px}
} 

@keyframes zazul {
    from {background-position: 430px 0px;}
    to { background-position: 342px 97px}
}

#circaz{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/circaz.svg');
	animation: circaz;
	animation-duration: 5.8s;
	animation-timing-function: linear;	
	
    background-size: 20px;
    background-position: 105px 369px;	
	
}
@-webkit-keyframes circaz {
    from {background-position: 474px 0px;}
    to { background-position: 105px 369px}
} 

@keyframes circaz {
    from {background-position: 474px 0px;}
    to { background-position: 105px 369px}
}

#terceralinea{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/terceralinea.svg');

	animation: terceralinea;
	animation-duration: 10.8s;
	animation-timing-function: linear;	
	
    background-size: 234px;
    background-position: 324px 0px;	
	
}
/*@-webkit-keyframes terceralinea {
    from {background-position: 70% 0;}
    to { background-position: -55% 158%}
} 

@keyframes terceralinea {
    from {background-position: 70% 0;}
    to { background-position: -55% 158%}
}*/

#piramida{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/piramida.svg');

	animation: piramida;
	animation-duration: 3.89s;
	animation-timing-function: linear;	
	
	background-size: 63px;
    background-position: 526px 48px;	
}

@-webkit-keyframes piramida {
    from { background-position: 574px 0px;}
    to { background-position: 526px 48px;}
} 

@keyframes piramida {
	from { background-position: 574px 0px; }
    to 	{ background-position: 526px 48px;}
}

#l2azul{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/l2azul.svg');

	animation: l2azul;
	animation-duration: 3.8s;
	animation-timing-function: linear;	
	
    background-size: 342px;
    background-position: 320px 62px;	
}

@-webkit-keyframes l2azul {
    from { background-position: 382px 0px;}
    to { background-position: 320px 62px;}
} 

@keyframes l2azul {
	from { background-position: 382px 0px; }
    to 	{ background-position: 320px 62px;}
}
#l2az{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/l2az.svg');

	animation: l2az;
	animation-duration: 3.8s;
	animation-timing-function: linear;	
	
	background-size: 342px;
    background-position: 131px 142px;
}

@-webkit-keyframes l2az {
    from { background-position: 273px 0px;}
    to { background-position: 131px 142px;}
} 

@keyframes l2az {
	from { background-position: 273px 0px; }
    to 	{ background-position: 131px 142px;}
}

#lazam{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/lazam.svg');

	animation: lazam;
	animation-duration: 3.8s;
	animation-timing-function: linear;	
	
    background-size: 173px;
    background-position: 200px 298px;
}

@-webkit-keyframes lazam {
    from { background-position: 498px 0px;}
    to { background-position: 200px 298px;}
} 

@keyframes lazam {
	from { background-position: 498px 0px; }
    to 	{ background-position: 200px 298px;}
}

#lam{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/lam.svg');

	animation: lam;
	animation-duration: 3.8s;
	animation-timing-function: linear;	
	
    background-size: 75px;
    background-position: 545px 221px;
}

@-webkit-keyframes lam {
    from { background-position: 766px 0px;}
    to { background-position: 545px 221px;}
} 

@keyframes lam {
	from { background-position: 766px 0px; }
    to 	{ background-position: 545px 221px;}
}
#triangelr{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/triangelr.svg');

	animation: triangelr;
	animation-duration: 3.8s;
	animation-timing-function: linear;	
	
    background-size: 99px;
    background-position: 352px 335px;
}

@-webkit-keyframes triangelr {
    from { background-position: 687px 0px;}
    to { background-position: 352px 335px;}
} 

@keyframes triangelr {
	from { background-position: 687px 0px; }
    to 	{ background-position: 352px 335px;}
}
#zrosa{
	background-image: url('https://www.softtek.com/images/content/report2018/svg/zrosa.svg');

	animation: zrosa;
	animation-duration: 3.8s;
	animation-timing-function: linear;	
	
    background-size: 99px;
    background-position: 105px 388px;
}

@-webkit-keyframes zrosa {
    from { background-position: 493px 0px;}
    to { background-position: 105px 388px;}
} 

@keyframes zrosa {
	from { background-position: 493px 0px; }
    to 	{ background-position: 105px 388px;}
}



@media (min-width: 651px){
	.contenedor_select{
		display: none;
	}
}
@media(max-width: 650px){
	.GeneralTabs{
		display: none;
	}
}


/* Title rows */
/* section titles es 32px el font size */
.title_row{
	font-size: 38px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.13;
	letter-spacing: normal;
	text-align: right;
}
.hrdiv3{
	width: 95px;
	height: 5px;
	border-radius: 4px;
	margin: 20px 0;
	float: right;	
}
.main_container_2018 p{
	font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}
.main_container_2018 ul{
    margin: 1em 0 1em 25px !important;
}
.main_container_2018 ul li{
	font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #000000;	
	margin-bottom: 5px;
}
.contenedor_left_column{
	text-align: right;
}
.contenedor_left_column img{
	width: 150px;
}

/*BG Seccion Morada */
#row1, #row2, #row3, #row4, #row5, #mapa_presencia{
	background-color: #9933ff;
}

/* row1 */
#row1{
	margin-bottom: 50px;
}
#row1 h1 {
    font-size: 60px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.16;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}
#row1 p{
	color: #ffffff;
	margin-top: 5px;
	font-size: 16px;
}
#row1 h3 {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}
@media (min-width: 980px){
	#row1 h1{
		/*margin-top: 100px;*/
	}
	#row1 img{
		/*position: absolute;*/
		margin-top: 40px;
	}
}
@media(max-width: 979px){
	.tachitamuere{
		margin-top: 45px;
	}
}
@media(max-width: 450px){
	#row1 h1{
		font-size: 40px !important;
	}
	#row13 h2{		
		font-size: 30px !important;
	}
	.title_row{
		font-size: 30px !important;
	}
	.separador span{
		font-size: 30px !important;
	}
}

/* separador Contenidos Generales */

#separador_contenidos_generales{
	width: 100%;
	background-color: #33F8FF;
	padding: 1%;
	background-image: url('https://www.softtek.com/images/content/report2018/jpg/sep1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
#separador_contenidos_generales span{
	font-size: 50px;
	color: #FFFFFF;
}


/* row 2 */
#row2{
	padding: 5%;
}
#row2 h2{
	color: #33F8FF;
}
#row2 .hrdiv3{
	background-color: #33CCCC;
}

#row2 h3{
	font-size: 22px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.15;
	letter-spacing: normal;
	text-align: right;
	color: #FFFFFF;
	float: right;
}
#row2 p:nth-child(1){
	margin-top: 5px;
}
#row2 p{
	color: #FFFFFF;
}
#row2 .seven-cols{
	margin-top: 70px;
}
#row2 .img_container,
#row2 .text_container{
	width: 100%;
	float: left;
	text-align: center;
}
#row2 .img_container {
	text-align: center;
}
#row2 .text_container span{
	font-size: 14px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: center;
	color: #FFFFFF;
}
/* Override bootstrap for seven colums */
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 980px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/*row3*/
#row3 ul{
	list-style-position: inside;
}
.contenedor_icons{
	text-align: center;
	margin: 20px 0;
}
.icons_label{
	border: solid 2px #FFFFFF;
    padding: 10px 5px;
    border-radius: 5px;
    max-width: 250px;
    margin: 0 auto;	
	cursor: pointer;
}
.icons_label span{
	font-size: 22px;
	color: #FFFFFF;
	
}
.icon_information_individual{
	margin: 10px 0;
}
#row3{
	padding: 5%;
}
#row3 h2{
	color: #33F8FF;
}
#row3 .hrdiv3{
  background-color: #33CCCC;
}
#row3 p {
    color: #FFFFFF;
}
#row3 li{
	color: #FFFFFF;
}

/*row4*/
#row4{
	padding: 5%;
}
#row4 h2{
	color: #33F8FF;
}
#row4 .hrdiv3{
  background-color: #33CCCC;
}
#row4 p {
    color: #FFFFFF;
	text-align: right;
}

/*row5*/
#row5{
	padding: 5%;
    padding-bottom: 0;
}
#row5 h2{
	color: #FFFFFF;
}
#row5 .hrdiv3{
	background-color: #FFFFFF;
}
#row5 .presencia_img_container_small, #row5 .presencia_number, #row5 .presencia_text {
    width: 100%;
    float: left;
}
#row5 .presencia_img_container_small img {
    width: 29.9px;
    height: 31.7px;
}
#row5 .presencia_number span {
    font-size: 38px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}
#row5 .presencia_text {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}
/*row6*/
#row6{
	padding: 5%;
	background-color: #FFFFFF;
}
#row6 h2{
	color: #33F8FF;
}
#row6 p{
	color: #000000;
	text-align: right;
}
#row6 .hrdiv3{
	background-color: #33CCCC;
}
/*estandares sociales*/
#separador_estandares_sociales{
	width: 100%;
	background-color: #9933ff;
	padding: 1%;
	background-image: url('https://www.softtek.com/images/content/report2018/jpg/sep2.jpg');
	background-repeat: no-repeat;	
	background-size: cover;
}
#separador_estandares_sociales span{
	font-size: 50px;
	color: #FFFFFF;
}

/*row7*/
#row7{
	padding: 5%;
	background-color: #FFFFFF;
}
#row7 h2{
	color: #9933ff;
}
#row7 .hrdiv3{
  background-color: #7427c0;
}

#row7 .col-lg-4 img{
	width: 86.5px;
	height: 85.6px;
	float: right;
}
#row7 .tabheader{
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: left;
	color: #a448ff;
	float: left;
    margin-right: 18px;	
}
#row7 .selectorTabs{
	height: 5px;
	border-radius: 4px;
	background-color: #ff0e87;
	width: 28px;
	margin: 5px 0;
}
#row7 .tabheader span{
	cursor: pointer;
}
#row7 .rowHeaderTabs{
	margin-bottom: 25px;
}
#row7 .rowContainerTabs .ContainerTab p{
	color: #000000;
}
#row7 .rowContainerTabs .ContainerTab p a{
	font-weight: normal;
	color: #6a31ff;
}
#row7 .ContainerTab#compromiso img{
	width: 100%;
	margin-top: 20px;
}
#casos img{
	width: 70%;
}
#casos{
	list-style-position: inside;
}
#inova a{
	color: #000000 !important;
}
/*row8*/
#row8{
	padding: 5%;
	background-color: #FFFFFF;
}
#row8 h2{
	color: #9933ff;
}
#row8 .hrdiv3{
  background-color: #7427c0;
}
#row8 .col-lg-4 img{
	width: 86.5px;
	height: 85.6px;
	float: right;
}
#row8 .tabheader{
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: left;
	color: #a448ff;
	float: left;
    margin-right: 18px;	
}

#row8 .selectorTabs{
	height: 5px;
	border-radius: 4px;
	background-color: #ff0e87;
	width: 28px;
	margin: 5px 0;
}
#row8 .tabheader span{
	cursor: pointer;
}
#row8 .rowHeaderTabs{
	margin-bottom: 25px;
}
#row8 .rowContainerTabs .ContainerTab p{
	color: #000000;
}
#row8 .rowContainerTabs .ContainerTab p a{
	font-weight: normal;
	color: #6a31ff;
}
#row8 .ContainerTab#compromiso img{
	width: 100%;
	margin-top: 20px;
}

/*row9*/
#row9{
	padding: 5%;
	background-color: #FFFFFF;
}
#row9 h2{
	color: #9933ff;
}
#row9 .hrdiv3{
  background-color: #7427c0;
}

#row9 .tabheader{
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: left;
	color: #a448ff;
	float: left;
    margin-right: 18px;	
}

#row9 .selectorTabs{
	height: 5px;
	border-radius: 4px;
	background-color: #ff0e87;
	width: 28px;
	margin: 5px 0;
}
#row9 .tabheader span{
	cursor: pointer;
}
#row9 .rowHeaderTabs{
	margin-bottom: 25px;
}
#row9 .rowContainerTabs .ContainerTab p{
	color: #000000;
}
#row9 .rowContainerTabs .ContainerTab p a{
	font-weight: normal;
	color: #6a31ff;
}

#ses img{
	width: 70%;
}
#ses{
	text-align: center;
}
#calidad img{
	width: 80%;
}

/* Separador  Ambientales*/

#separador_estandares_ambientales{
	width: 100%;
	background-color: #ffd940;
	padding: 1%;
	background-image: url('https://www.softtek.com/images/content/report2018/jpg/sep3.jpg');
	background-repeat: no-repeat;
	background-size: cover;	
}
#separador_estandares_ambientales span {
    font-size: 50px;
    color: #FFFFFF;
}

#ambiente img{
	width: 80%;
}

/*row10*/
#row10{
	padding: 5%;
	background-color: #FFFFFF;
}
#row10 h2{
	color: #ffd940;
}
#row10 .hrdiv3{
  background-color: #f3aa00;
}
#row10 a,
#row10 a:hover,
#row11 a,
#row11 a:hover{
	color: #0099ff;
}
#row10 .tabheader{
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: left;
	color: #a448ff;
	float: left;
    margin-right: 18px;	
}

#row10 .selectorTabs{
	height: 5px;
	border-radius: 4px;
	background-color: #ff0e87;
	width: 28px;
	margin: 5px 0;
}
#row10 .tabheader span{
	cursor: pointer;
}
#row10 .rowHeaderTabs{
	margin-bottom: 25px;
}
#row10 .rowContainerTabs .ContainerTab p{
	color: #000000;
}
#row10 .rowContainerTabs .ContainerTab p a{
	font-weight: normal;
	color: #6a31ff;
}
/*emisiones*/
.emisiones_table{
	width: 100%;
}

.emisiones_table tr{
	border: 1px solid #000;
}
.emisiones_table td{
	border: 1px solid #000;
    padding: 10px;
}
/*residuos*/
.residuos_table{
	width: 100%;
}
.residuos_table tr{
	border: 1px solid #000;
}

/* Separador Gobierno */
#separador_gobierno_corporativo{
	width: 100%;
	background-color: #0099ff;
	padding: 1%;
	background-image: url('https://www.softtek.com/images/content/report2018/jpg/sep4.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
#separador_gobierno_corporativo span{
	font-size: 50px;
	color: #FFFFFF;
}


/*row11*/
#row11{
	padding: 5%;
	background-color: #FFFFFF;
}
#row11 h2{
	color: #0099FF;
}
#row11 .hrdiv3{
  background-color: #004d99;
}

#row11 .tabheader{
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: left;
	color: #a448ff;
	float: left;
    margin-right: 18px;	
}

#row11 .selectorTabs{
	height: 5px;
	border-radius: 4px;
	background-color: #ff0e87;
	width: 28px;
	margin: 5px 0;
}
#row11 .tabheader span{
	cursor: pointer;
}
#row11 .rowHeaderTabs{
	margin-bottom: 25px;
}
#row11 .rowContainerTabs .ContainerTab p{
	color: #000000;
}
#row11 .rowContainerTabs .ContainerTab p a{
	font-weight: normal;
}

/* separador acerca de */
#separador_acerca_informe{
	width: 100%;
	background-color: #ff5cad;
	padding: 1%;
	background-image: url('https://www.softtek.com/images/content/report2018/jpg/sep5.jpg');
	background-repeat: no-repeat;	
	background-size: cover;
}
#separador_acerca_informe span{
	font-size: 50px;
	color: #FFFFFF;
}	
/*row12*/
#row12{
	padding: 5%;
	background-color: #FFFFFF;
}
#row12 h2{
	color: #FF5CAD;
}
#row12 .hrdiv3{
	background-color: #FF0D86;
}

/*row13*/
#row13 p{
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
}
#row13 h2{
	font-size: 45px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.16;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
}
#row13{
	background-color: #7326BF;
	padding: 3%;
}
#row13 .fothrdiv{
	width: 95px;
	height: 5px;
	border-radius: 4px;
	background-color: #5a7eeb;
	float: left;
	margin-bottom: 24px;
}
#fotboton1{
	max-width: 396px;
  width: 100%;
  border-radius: 33px;
  background-color: #33F8FF;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  padding: 20px 0;
  margin-top: 39px;
  float: right;

}
@media (max-width: 979px){
	.fotlogocp{
		padding: 15px 0;
	}
	#grilogo{
		    margin-top: 20px;
	}
}

#fotimg1{
	width: 200.7px;
	height: 60.8px;
	float: right;
}
#grilogo{
	width: 74px;
  height: 78px;

}
.magnify{
	width: 100% !important;
	max-width: 1679px;
}
.magnify-lens{
	background-color: #9933ff !important;
}
.magnify > .magnify-lens{
	box-shadow: 0 0 0 7px rgb(115,38,191), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25) !important;
}
.moradito{
	background-color: #7326bf;
}