@charset "utf-8";


/* CSS Document */

/*iconologostarlig*/

/*codigo cabezotes paginas productos, home, servicios*/

/* figure img.responsive-img{
	display:block;
	margin:0px;
	padding:0px;
} */


figure .slider .indicators .indicator-item.active {
  background-color:#1976d2;
}

figure .slider {

}


.header{
	padding:30px 10px 30px 10px;
}

.margen {
	margin-bottom:25px;
}

.header h2{
	font-size:2em;
	margin-bottom:0px;
	margin-top:20px
}

.header p {
	font-size:1.1em;
	color:#546e7a;
	margin-bottom:20px;
	margin-top:10px;
}

.header .row {
	margin-bottom:0px;
}

.subtitulo {
	width:100%;
	color:rgba(245,245,245,1.00);
	height:150px;
	overflow:hidden !important
}

.subtitulo p {
	font-size:1.2em;
	margin-bottom:10px;
	margin-top:65px;
	line-height:1.2em;
	color:rgba(255,255,255,1.00) !important;
}

.subtitulo h1{
	font-size:3.5em;
	margin:43px 0px 10px 0px;
	padding: 0px;
}


.subtitulo .row{
	margin-bottom:0px;
}

/*terminacion codigo*/

/*---------------------------------------------------*/

h2 {
	font-size:2em;
	color:#212121;
}



.nav-wrapper #micentrado {
	width:100%;
	margin-left:25%;
	/* margin-top:24px; */
}

.nav-wrapper #micentrado li{
	width:10%;
	text-align:center;

	}

.nav-wrapper #logonavegacion {
	/* margin-left:10%; */
	width:56px;
	height:56px;
}

figure {width:100%; height:auto;
margin:0px auto !important
}

#homet {
	/*background-color:rgba(200,44,46,1.00);*/
	padding-bottom:20px;
	padding-top:0px;
	margin-top:50px;
}

#homet h1 {
	font: roboto medium;
	width:100%;
	font-size:2.5em;
	margin:0px;
	padding:0px
	}

@font-face {
	font-family:"bebasneu";
	src:url(../font/bebas/BebasNeue%20Bold.ttf);}

#fondogris {
	background-color:#f9f9f9;
	padding-top:30px;
	padding-bottom:15px;
	margin-bottom:45px;
	margin-top:0px
}

#coniso {
	width:200px;
	height:200px;
/*	background-color:rgba(243,123,125,1.00);
*/	margin:0 auto;
margin-bottom:5%;
}

#isotip{
	width:100%;
	height:auto;
/*	background-color:rgba(255,142,144,1.00);
*/	margin:0 auto;


}


/*publicidad de productos corporativos*/


@media only screen and (max-width: 600px)  {
	.container .bloqueseparador {
		width:100%;

	}
	.bloqueseparador .descripcion {
		height:auto;
		padding:12% 6% 15% 6%
}

	.bloqueseparador .descripcion .row h1{
		font-size:2.5em;
}

}


.bloqueseparador {
	float:left;
	padding-top:0px;
	padding-bottom:0px;
	height:auto;
	margin-top:0px;
	width:50%
}

.bloqueseparador .descripcion .row {
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
}


.bloqueseparador .descripcion h1 {
	font-family:roboto;
	font-size:2.5em;
	line-height:1.2em;
	color:rgba(0,0,0,1.00);
}

.bloqueseparador .descripcion .row h4 {
	font-family:roboto;
	font-size:1.8em;
	color:#e3f2fd;
}

.bloqueseparador p {
	width:100%;
	color:rgba(0,0,0,1.00);
	font-size:16px;
	margin:0px;
	text-align:left;
	}

.descripcion {
/*	background-color:rgba(208,118,120,1.00);
*/	padding:8% 6% 10% 6%;
	margin:0px;
	height:430px;
	max-height:1000px;
}

.descripcion h1{
	font-size:3em;
	line-height:1.1em;
	margin:0px 0px 20px 0px;
	padding:0px;
}

.descripcion p {
	width:100%;
	font-size:1.2em;
	line-height:1.4em;
}

@media only screen and (min-width: 993px)  {
		.bloqueseparador .pres-vert-center {
		-ms-display: flex;
	 	display: flex;
	  /* alineacion vertical */
	  	align-items: center;
		}

		.bloqueseparador .pres-vert-center .row{
			display: -webkit-flex;
	  		display: -ms-flexbox;
	  		display: flex;
	 		-webkit-align-items: center;
		    -ms-flex-align: center;
			align-items: center;
		}

 }


#prod_seguridad .mensaje {
	padding:0px;
	background-color:rgba(236,26,29,1.00)

	}

.vertical-centered-text {
  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items: center;

}


.botonver {
	width:70%;
	background-color:rgba(31,91,252,1.00);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 0px solid #000000;
	color:rgba(255,255,255,1.00);
	padding:10px 0px;
}
.botonver a{
	font-size:1.4em;
	width:100%;
	text-align:center;
	color:rgba(255,255,255,1.00);

}


/*titulos
*/

.titulomedio {
	width:80%;
	height:auto;
	padding:20px 0px 10px 0px;
	margin:0px 0px;
}

.titulomedio h2{
	font-size:2.2em;
	line-height:1.2em;
	margin:20px 0px 10px 20px;
}
.titulomedio p {
	font-size:1.1em;
	margin:10px 0px 15px 20px;
  color: #546e7a;
}

.seccionx3{
	padding:20px 20px 20px 20px;
	}

.seccionx3 a {
	text-transform:capitalize !important;
	font-size:0,5em !important;
}


/*-------------- seccion empresa------------- */

.card-sec-empresa {
	overflow:hidden;
	width:80%;
	margin:0 auto;
	height:auto;
}

.targeta-img {
	float:left;
	width:35%;
	height:auto;
	margin:0px;
}


.targeta-text{
	padding:0px 20px 5px 20px;
	float:right;
	width:65%;
	height:100%;
	margin:0;
}

.targeta-text h4 {
	margin-bottom:5px;
}

.targeta-text .row p {
	margin-bottom:30px;
}


.sec-empresa {
	width:100%;
	height:auto;
	padding:20% 0 20% 0;
}


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

.card-sec-empresa {
	overflow:hidden;
	width:100%;
	margin:0 auto;
	height:auto;
}

.targeta-img {
	width:100%;
	height:auto;
}

.targeta-text{
	padding:0px 20px 5px 20px;
	width:100%;
	height:100%;
}

}

/*----------------------Servicios------------------*/

.Fondoindividual{
	background-color:rgba(205,205,205,1.00)
}

.Fondoindividual h2{
	font-size:2.7em
}

.Fondoindividual .botonver{
	width:180px;
	height:60px;
}



/*soporte*/

.descripsoporte{
	margin-top:5%;
	margin-bottom:3%
}

#soporte {
	width:94%;
	height:auto;
	margin:0 auto;
	display:block;
/*	background-color:rgba(135,163,152,1.00);
*/}


.anuncioconlink {
	width:100%;
	height:auto;
	position:relative;

}

.textosobreimg {
	text-align:center;
	font-size:1.7rem;
	line-height:1.9rem;
	color:#f5f5f5;
	width:100%;
	position:absolute;
	top:15%;


}

.linkgen {
	position:absolute;
	width:100%;
	top:40%;
	bottom:40%;
	padding:0;
	margin:0

}

#soporte .linkgen {
	text-align:center;
	width:20%;
	margin:0 40%;
	padding:0px;
	background-color:#1976d2 ;
	color:#f5f5f5;
}
#soporte .linkgen a{
	text-align:center;
	color:white;
	width:50%;
	position:absolute;
	top:0%;
	left:0%;
	height:50%;
	margin-left:25%;
	margin-top:5%;
	font-size:1rem

}

#mejor_soporte{
	background-color:#00838f ;
	color:#e0f2f1 ;
	padding:10px 0;
}


.material-icons.orange600 { color:#ffeb3b; }

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }




/*redes*/



/*iconos redes*/

@font-face {
  font-family: 'icomoonredes';
  src:  url('../font/icomoonredes.eot?vflsbj');
  src:  url('../font/icomoonredes.eot?vflsbj#iefix') format('embedded-opentype'),
    url('../fonts/icomoonredes.ttf?vflsbj') format('truetype'),
    url('../fonts/icomoonredes.woff?vflsbj') format('woff'),
    url('../fonts/icomoonredes.svg?vflsbj#icomoonredes') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoonredes' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-whatsapp:before {
  content: "\e902";
}
.icon-imagotipo-starlig-01:before {
  content: "\e904";
}
.icon-linkedin:before {
  content: "\e901";
}
.icon-yotubeico:before {
  content: "\e900";
}
.icon-facebookicono:before {
  content: "\e903";
}


#redessociales {
	width:100%;
	text-align:center;
	padding:5px 0 15px 0px;
}

#redessociales a span {
	font-size:3rem;
	width:20%;
	height:auto;
	color: #212121;
	margin:5px 10px;

}

/*pie de paginas*/

footer {
  color: #cfd8dc !important;
}

#pieinfo {
	padding:25px 10px 20px 10px;
	margin:0px
}

#pieinfo div {
	margin:0px
}

footer #pieinfo p {
	font-size:1em;
  color: #cfd8dc;
}

#pieinfo h5{
	font-size:1.2rem
}

#pieinfo #pie-derechos {
	color:rgba(123,121,121,1.00);
	text-align:left;
	padding:20px 20px 2px 20px;
	margin:0px;
	line-height:0.9rem
}

/*animaciones*/

#anime{
	overflow:hidden;
	visibility:hidden;
}

#anime2{
	overflow:hidden;
	visibility:hidden;
}

#anime-s{
	visibility:hidden;
}

#anime-p{
	visibility:hidden;
}
#anime-so{
	visibility:hidden;
}

#anime-gerente {
	visibility:hidden;
}

#anime-btn {
	visibility:hidden ;
}