body{
	background: #2B292C 0% 0% no-repeat padding-box;
}


/*TIPOGRAFÍAS*/

h1,h2,h3{
	letter-spacing: 0px;color: #104f9e;
}
h4{
	letter-spacing: 0px !important;color: #333333 !important;
}

.h4-style{
	letter-spacing: 0px !important;color: #333333 !important;
}

p{
	letter-spacing: 0px;color: #333333;
}

.p-little{
	letter-spacing: 0px;color: #333333;
}


.hoverIcon:hover{
	color: #104f9e;
	text-decoration:none;
}
a:hover{
	color:#333;
}

.p-segmentos{
font: 24px/28px;
letter-spacing: 0.6px;
color: #333333;
}

.p-mini{
	font: 14px/21px;
	letter-spacing: 0px;
	color: #104f9e;
}

.post-title{
	font: 24px/35px;
	letter-spacing: 0px;
	color: #FFFFFF;
}


/* HR LINEAS */

.hr-red-slider{
	width:168px;
	border-top:4px solid #104f9e;
	margin-top:-5px;
	margin-bottom:8px;
	position:absolute;
	left:40px;
	
	
}.hr-red-mini{
	width:76px;
	border-top:2px solid #104f9e;
	margin-top:-5px;
	margin-bottom:8px;
	
	
}
.hr-red-miniF{
	width:76px;
	border-top:2px solid #104f9e;
	margin-top:-5px;
	margin-bottom:8px;
	position:absolute;
	left:15px;
}
.hrW{
	border-top: 1px solid #FFFFFF;
}

/*BG*/
.bg-grey{
	background: #2B292C 0% 0% no-repeat padding-box;
}
.bg-white{
	background: #ffffff 0% 0% no-repeat padding-box;
}


/*COLORES*/
.red{
	color: #104f9e !important;
}
.white{
	color: #ffffff !important;
}
.dark{
	color: #333333 !important;
}

/* PADDINGS ESPECIALES */
.ptb-20{
	padding-top:20px !important;
	padding-bottom:20px !important;
}
.pl40-w{
	padding-left:40px !important;
}

.pt-10{
	padding-top:10px !important;
}
.pt-20{
	padding-top:20px !important;
}
.pt-30{
	padding-top:30px !important;
}
.pt-40{
	padding-top:40px !important;
}
.pt-50{
	padding-top:50px !important;
}
.pt-60{
	padding-top:60px !important;
}
.pt-70{
	padding-top:70px !important;
}
.pt-80{
	padding-top:80px !important;
}
.pt-90{
	padding-top:90px !important;
}

.p-20{
	padding: 20px !important;
}
.p-40{
	padding: 40px !important;
}

.pbw-75{
	padding-bottom:75px;
}

.soluciones{
	padding: 40px 40px 90px 40px;
}

/* MARGINS*/

.mt-20{
	margin-top:20px !important;
}
.mt-30{
	margin-top:30px !important;
}
.mt-40{
	margin-top:40px !important;
}
.mt-50{
	margin-top:50px !important;
}
.mt-60{
	margin-top:60px !important;
}


/* BOTONES */

.wrapper a{
display: block;
margin-top:8px;
width: 40%;
padding:10px;
text-align: center;
font: 16px/25px;
letter-spacing: 0.8px;
color: #333333;
text-decoration: none;
border: 1px solid #2b2b2b;
letter-spacing: 2px;
text-align: center;
position: relative;
transition: all .35s;
}

.wrapperF a{
display: block;
margin-top:35px;
width: 100%;
padding:10px;
text-align: center;
font: 16px/25px;
letter-spacing: 0.8px;
color: #333333;
text-decoration: none;
border: 1px solid #2b2b2b;
letter-spacing: 2px;
text-align: center;
position: relative;
transition: all .35s;
}

.wrapper a span, .wrapperF a span{
position: relative;
z-index: 2;
}


.wrapper a img, .wrapperF a img{
position:absolute;
right:10px;
top:12px;
z-index: 5;
}

.wrapper a:after, .wrapperF a:after{
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background: #2b2b2b;
transition: all .35s;
}

.wrapper a:hover, .wrapperF a:hover{
color: #fff;
text-decoration:none
}

.wrapper a:hover:after, .wrapperF a:hover:after{
width: 100%;
height:100%
}

/*invertido*/
.wrapperF-I a{
display: block;
margin-top:35px;
width: 100%;
padding:10px;
text-align: center;
font: 16px/25px;
letter-spacing: 0.8px;
color: #fff;
text-decoration: none;
border: 1px solid #fff;
letter-spacing: 2px;
text-align: center;
position: relative;
transition: all .35s;
}

.wrapperF-I a span{
position: relative;
z-index: 2;
}

.wrapperF-I a img{
position:absolute;
right:10px;
top:12px;
z-index: 5;
}

.wrapperF-I a:after{
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background: #fff;
transition: all .35s;
}



.wrapperF-I a:hover{
color: #333;
text-decoration:none
}

.wrapperF-I a:hover:after{
width: 100%;
height:100%
}



/* HEADER */
.introContainer{
	height:70vh;background:url('../images/img_1_intro_ptd.jpg') no-repeat center bottom;background-size:cover;
}
.header{
	position:fixed;height:90px;top:0;background:url('../images/header.jpg') no-repeat top center;background-size:cover;z-index:10;
}
.mtHeader{
	margin-top:-50px !important
}
.marHeader{
	margin-top:90px;
}



.colCovid{
	background:white;top:-40px;
}


.teleContainer {
	background: url("../images/soluciones-tecnologicas.jpg") no-repeat center center;
	background-size: cover;
}
.teleRow {
	background: rgba(255,255,255,0.7);
	padding: 80px;
	min-height: calc(100vh - 165px);
}


.trabajoContain{
	margin-top:20px;background:url("../images/nino.jpg") no-repeat center center;background-size:cover;
}
.trabajoRow {
	background: rgba(255,255,255,0.7);
	padding: 80px;
	min-height: calc(100vh - 175px);
}





/* SELECT */

.form-group select{
    border: 1px solid white;
    background:white;
    border-radius: 0px;
    font: 16px/30px;
    letter-spacing: 0.32px;
    color:#333;
    height:50px;
    padding-left: 5px;
    
  }
  select {
    border: 1px solid white;
    background:white;
    border-radius: 0px;
    width: 100%;
    color: #333;
    font: 16px/30px;
    /* Here's the code we need */
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
     -o-appearance: none;
      appearance: none;
  }
  
  .select-wrapper {
    position: relative;	
    font: 16px/30px;
  }
  
  .select-wrapper:after {
    font-family: FontAwesome;
      content: '\f107';
      font-size: 28px;
      position: absolute;
      top: 11px;
      right: 20px;
      color: #333;
      pointer-events: none;
  }
  
  select::-ms-expand {
    display: none;
    
  }
  
  
  select option{
	border: 1px solid white;
	background:rgba(255,255,255,1)!important;
	border-radius: 0px;
	font: 16px/30px;
	letter-spacing: 0.32px;
	color:#333;
	height:50px;
	padding-left: 5px;
}
  


  /* LABEL NEWS */
.labelNews{
	padding:8px 22px 6px 22px;
	border: 2px solid #FFFFFF;
	border-radius: 100px;
	font: 16px/49px Helvetica;
	letter-spacing: 0px;
	color: #FFFFFF;
}
.newsLink:hover{
	color:#104f9e;
	text-decoration:none;
}



/* SLIDER */
/* Slider arrows */
.slider-item {
padding:15px;

}
.slick-arrow {
z-index: 9;
}
.slick-prev {
left: 20px;

}
.slick-next {
right: 35%;
}
.slick-next::before {
    content: url(../images/flecha_r.svg)!important;
}
.slick-prev::before {
    content: url(../images/flecha_l.svg)!important;
}   
.slick-next {
    content: url(../images/flecha_r_hover.svg)!important;
}
.slick-prev:hover:before {
    content: url(../images/flecha_l_hover.svg)!important;
}   
.slick-next:hover:before {
    content: url(../images/flecha_r_hover.svg)!important;
}   
.slide-text{
	padding: 30px 50px 15px 50px;height:350px;
}

.sliderPadding{
	padding:40px 40px 10px 40px;
}




/* MODAL CONTACTO */

.modal-dialog {
    max-width: 80%;
}
.modal-dialog-mini{
	max-width: 550px !important;
}

.modal-content{
    background: #4a4a4a 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 2px 4px #00000029 !important;
}


  /* SCROLL TO TOP*/

.scroll-to-top{
	text-decoration: none;
	position: fixed; 
	bottom: 85px;
	right: 10px;
	display: none;
	font-size: 36px;
	color: #555;
}

.scroll-to-top:hover{
	text-decoration:none;
	color: #000;
}



/* COOKIE  */

.cookie-message {
  position:fixed;
  bottom:0;left:0;right:0;
  padding:5px 85px 5px 20px;
  background:#fff;
  border-bottom:1px solid #ccc;
  box-shadow:0px 0px 3px #ccc;
  z-index: 99;
  
}
.cookie-message #cerrar  {
  position:absolute;
  top:5px; *top:8px; right:20px;
  cursor:pointer;
  color:#333;
  /*font:bold 11px/18px Arial;
  margin:0.6em 0;*/
  font: 16px/27px;
}
.cookie-message p, .cookie-message   {
  color:#333;
  /*font:bold 11px/18px Arial;
  margin:0.6em 0;*/
  
  font: 16px/27px;
}

.text-leftW{
	text-align:left !important;
}
.text-leftW img{
	margin-left:-140px !important;
}

.onlyMov{
	display:none;
}

.onlyMovSlider{
	display:none;
}

@media only screen and (min-width : 160px) and (max-width : 740px) /*and (orientation : portrait)*/ {
	.text-leftW{
		text-align:center !important;
	}
	.text-leftW img{
		margin-left:auto !important;
	}
	.hr-red-slider{
		
		left:15px;
	}
	
	.header{
		position:fixed;height:75px;top:0;background:url('../images/header.jpg') no-repeat top center;background-size:cover;z-index:10;
	}
	.marHeader{
		margin-top:75px;
	}

	.introContainer{
		height:30vh;background:url('../images/img_1_intro_ptd.jpg') no-repeat center bottom;background-size:cover;
	}
	.mtHeader{
		margin-top:-8px !important
	}

	.onlyMovSlider{
		display:block;
	}
	.pl40-w{
		padding-left:15px !important;
	}
	.pbw-75{
		padding-bottom:15px;
	}
	.pm-20{
		padding:20px;
	}
	
	.tcm{
		text-align:center !important;
	}
	.ptm-40{
		padding-top:40px;
	}
	.mtm-n20{
		margin-top:-20px;
	}
	
	.onlyMov{
		display:inline-flex;
	}
	.onlyWeb{
		display:none;
	}
	
	/* BOTONES */
	.wrapperF-I a, .wrapperF a{
		font: 14px/25px;
	}
	
	
	
	/* MODAL DIALOG */
	.modal-dialog {
	    max-width: 550px;
	}
	
	
	
	
	
	
	.teleContainer{
		background:#2B292C;
	}
	.teleRow{
		background:white;padding:0px;min-height:400px;
	}
	
	
	.trabajoContain{
		margin-top:20px;background:#2B292C;
	}
	.trabajoRow{
		background:white;padding:0px;min-height:400px;
	}
	
	
	
	
	/* SLIDER */
	/* Slider arrows */
	
	.slider-item {
	/*padding:10px;*/
	
	}
	.slick-arrow {
	z-index: 9;
	}
	.slick-prev {
	left: -35px;
	
	}
	.slick-next {
	right: -35px;
	}
	.slick-next::before {
	    content: url(../images/flecha_r_blanc.svg)!important;
	}
	.slick-prev::before {
	    content: url(../images/flecha_l_blanc.svg)!important;
	}   
	.slick-next {
	    content: url(../images/flecha_r_hover.svg)!important;
	}
	.slick-prev:hover:before {
	    content: url(../images/flecha_l_hover.svg)!important;
	}   
	.slick-next:hover:before {
	    content: url(../images/flecha_r_hover.svg)!important;
	}   
	
	.slide-image{
		height: 180px;
	}
	.slide-text{
		padding: 0px 15px 15px 15px;height:390px;
	}
	.p-slider{
		padding:15px 15px 10px 15px !important;
	}
	
	
	.opinno{
		height:180px;
	}
	
}