/*Estilo contenido Servicios*/
@import url('reset.css');
@import url('fuentes.css');

/*--seccion id=intro-servicios en general--*/
#img-services{
	float:left;
	width:100%;
	margin:30px 0;
	display:flex;
	justify-content:center;	
}
#img-services #vert{
	float:left;
	display:flex;
	flex-direction:column;
	justify-content:center;	
}
.services1{
	/* border-radius:10px; */
	box-shadow:1px 0px 2px #82ECFA;
	animation-name:bounceInDown-services;
	animation-duration:3s;
	width:100%;
	margin:auto;
}

@keyframes bounceInDown-services {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0.4;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}


/*article id=services*/
#intro-servicios #services{
	float:left;
	box-shadow:1px 0px 2px #82ECFA;
	border-radius:5px;
}

#intro-servicios #services h2{
	color:#ff3300;
	font-size:26px;
	text-align:center;
	padding:10px;
	font-family:Overlock-Regular;
	line-height:150%;
	animation-name:zoom-tituloser;
	animation-duration:4s ;	
}
@keyframes zoom-tituloser{
	from {
    opacity: 1;
    -webkit-transform:  scale3d(6,6,6) translate3d(0, 0, 1000px);
    transform: scale3d(6,6,6) translate3d(0, 0, 1000px);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 0.7;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, -60px);
    transform: scale3d(1, 1, 1) translate3d(0,0, 60px);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

#intro-servicios #services p{
	float:left;
	font-family:Overlock-Regular;
	font-size:15px;
	text-align:justify;
	padding:20px 40px 40px 40px;
	color:#fff;
}
/*fin article id=services*/

#ptele h3 a,#pelec h3 a,#pelectro h3 a,#pocivil h3 a {
	float:left;
	display:inline;
	color:#ff3300;
	font-size:18px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:60px;
	margin-right:0px;
	padding:10px;
	font-family:Overlock-Regular;
	text-align:center;
	box-shadow:1px 0px 2px #82ECFA;
	width:66.67%;
	border-radius:5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003448+0,003246+10,002b3b+17,275263+79,2d5768+90,2c5565+93,244d5d+95,0c3445+98,002c3d+100 */
	background: rgb(0,52,72); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,52,72,1) 0%, rgba(0,50,70,1) 10%, rgba(0,43,59,1) 17%, rgba(39,82,99,1) 79%, rgba(45,87,104,1) 90%, rgba(44,85,101,1) 93%, rgba(36,77,93,1) 95%, rgba(12,52,69,1) 98%, rgba(0,44,61,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,52,72,1) 0%,rgba(0,50,70,1) 10%,rgba(0,43,59,1) 17%,rgba(39,82,99,1) 79%,rgba(45,87,104,1) 90%,rgba(44,85,101,1) 93%,rgba(36,77,93,1) 95%,rgba(12,52,69,1) 98%,rgba(0,44,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,52,72,1) 0%,rgba(0,50,70,1) 10%,rgba(0,43,59,1) 17%,rgba(39,82,99,1) 79%,rgba(45,87,104,1) 90%,rgba(44,85,101,1) 93%,rgba(36,77,93,1) 95%,rgba(12,52,69,1) 98%,rgba(0,44,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003448', endColorstr='#002c3d',GradientType=0 ); /* IE6-9 */
}
#pocivil1 h3 a {
	float:left;
	display:inline;
	color:#ff3300;
	font-size:18px;
	margin:10px 50px;
	padding:10px;
	font-family:Overlock-Regular;
	text-align:center;
	box-shadow:1px 0px 2px #82ECFA;
	width:auto;
	border-radius:5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003448+0,003246+10,002b3b+17,275263+79,2d5768+90,2c5565+93,244d5d+95,0c3445+98,002c3d+100 */
	background: rgb(0,52,72); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,52,72,1) 0%, rgba(0,50,70,1) 10%, rgba(0,43,59,1) 17%, rgba(39,82,99,1) 79%, rgba(45,87,104,1) 90%, rgba(44,85,101,1) 93%, rgba(36,77,93,1) 95%, rgba(12,52,69,1) 98%, rgba(0,44,61,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,52,72,1) 0%,rgba(0,50,70,1) 10%,rgba(0,43,59,1) 17%,rgba(39,82,99,1) 79%,rgba(45,87,104,1) 90%,rgba(44,85,101,1) 93%,rgba(36,77,93,1) 95%,rgba(12,52,69,1) 98%,rgba(0,44,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,52,72,1) 0%,rgba(0,50,70,1) 10%,rgba(0,43,59,1) 17%,rgba(39,82,99,1) 79%,rgba(45,87,104,1) 90%,rgba(44,85,101,1) 93%,rgba(36,77,93,1) 95%,rgba(12,52,69,1) 98%,rgba(0,44,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
}



#ptele h3 a:hover,#pelec h3 a:hover,#pelectro h3 a:hover,#pocivil h3 a:hover,#pocivil1 h3 a:hover{
	text-decoration:none;
	color:#000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#364b54+0,3a4f57+11,5a6f78+69,657981+100 */
	background: rgb(54,75,84); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(54,75,84,1) 0%, rgba(58,79,87,1) 11%, rgba(90,111,120,1) 69%, rgba(101,121,129,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(54,75,84,1) 0%,rgba(58,79,87,1) 11%,rgba(90,111,120,1) 69%,rgba(101,121,129,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(54,75,84,1) 0%,rgba(58,79,87,1) 11%,rgba(90,111,120,1) 69%,rgba(101,121,129,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#364b54', endColorstr='#657981',GradientType=0 ); /* IE6-9 */
}

/*article id=ptele*/
#ptele, #pelec, #pelectro, #pocivil,#pocivil1 {
	float:left;
	margin-bottom:70px;
}
#ptele {
	width:45%;
	height:auto;
	margin-top:40px;
	margin-right:10%;
	
}

#pelec {
	width:45%;
	height:auto;
	margin-top:40px;	
}

#pelectro{
	width:45%;
	height:auto;
	margin-right:10%;
}
#pocivil,#pocivil1{
	width:45%;
	height:auto;
}

#ptele p,#pelectro p {
	/* clear:both; */
	float:left;
	margin:10px 0px;
	color:#d4d4d4;
	font-family:Overlock-Regular;
	line-height:150%;
	font-size:15px;
	text-align:justify;
	
}
#pelec p,#pocivil p,#pocivil1 p{
	
	float:left;
	margin:10px 0px;
	color:#d4d4d4;
	font-size:15px;	
	font-family:Overlock-Regular;
	line-height:150%;
	text-align:justify;
}


#seguirleyendo{
	float:right;
	display:block;
	position:relative;
	top:60px;
	text-align:center;
	list-style:none;
	font-size:13px;
	/* width:155px; */
	margin-bottom:50px;
}

#seguirleyendo li a{
	padding:15px 30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#133e4f+0,4c707e+3,345c6c+25,1f4c5e+48,003042+50,003246+95,002736+98,002837+100 */
	background: rgb(19,62,79); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(19,62,79,1) 0%, rgba(76,112,126,1) 3%, rgba(52,92,108,1) 25%, rgba(31,76,94,1) 48%, rgba(0,48,66,1) 50%, rgba(0,50,70,1) 95%, rgba(0,39,54,1) 98%, rgba(0,40,55,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(19,62,79,1) 0%,rgba(76,112,126,1) 3%,rgba(52,92,108,1) 25%,rgba(31,76,94,1) 48%,rgba(0,48,66,1) 50%,rgba(0,50,70,1) 95%,rgba(0,39,54,1) 98%,rgba(0,40,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(19,62,79,1) 0%,rgba(76,112,126,1) 3%,rgba(52,92,108,1) 25%,rgba(31,76,94,1) 48%,rgba(0,48,66,1) 50%,rgba(0,50,70,1) 95%,rgba(0,39,54,1) 98%,rgba(0,40,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133e4f', endColorstr='#002837',GradientType=0 ); /* IE6-9 */
	border-radius:5px;
	box-shadow:1px 0px 2px #82ECFA;
}

#seguirleyendo li a:hover {
	color:#000;
	text-decoration:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d9e9e+0,848585+49,6b6c6c+51,707171+100 */
	background: rgb(157,158,158); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(157,158,158,1) 0%, rgba(132,133,133,1) 49%, rgba(107,108,108,1) 51%, rgba(112,113,113,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(157,158,158,1) 0%,rgba(132,133,133,1) 49%,rgba(107,108,108,1) 51%,rgba(112,113,113,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(157,158,158,1) 0%,rgba(132,133,133,1) 49%,rgba(107,108,108,1) 51%,rgba(112,113,113,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9e9e', endColorstr='#707171',GradientType=0 ); /* IE6-9 */
}