@charset "utf-8";
/* CSS Document */


/*EVITA EL ERROR DE SCROLLBAR HORIZONTAL POR LA ANIMACIÓN FADEIN LEFT por el error de transform: translate();*/
body{overflow-x: hidden;}


/*-- slide to top - ir arriba de la página*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(255, 119, 0, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50% !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}






/*-- Seccion Linea ---------------*/
#linea {padding: 100px 0; margin:0 !important; border:0 !important; background-image:url(../img/linea01bg.jpg); background-position:top center; background-repeat:no-repeat; height:auto;}
.linea01{font-size:40px; font-weight:300; line-height:100%;}
.linea02{font-size:17px; font-weight:300; line-height:140%;}

/*-- Seccion Flexibilidad ---------------*/
#flexibilidad {padding: 80px 0; margin:0 !important; border:0 !important; background-image:url(../img/flexibilidad01bg.jpg); background-position:top center; background-repeat:no-repeat; height:auto;}
.flexibilidad01{font-size:40px; font-weight:300; line-height:100%;}
.flexibilidad02{font-size:17px; font-weight:300; line-height:140%;}


/*-- Seccion Actualizacion ---------------*/
#actualizacion {padding: 100px 0; margin:0 !important; border:0 !important; background-image:url(../img/actualizacion01bg.jpg); background-position:top center; background-repeat:no-repeat; height:auto;}
.actualizacion01{font-size:40px; font-weight:300; line-height:100%;}
.actualizacion02{font-size:17px; font-weight:300; line-height:140%;}


/*-- Seccion Seguridad ---------------*/
#seguridad {padding: 100px 0; margin:0 !important; border:0 !important; background-image:url(../img/seguridad01bg.jpg); background-position:top center; background-repeat:no-repeat; height:auto;}
.seguridad01{font-size:40px; font-weight:300; line-height:100%;}
.seguridad02{font-size:17px; font-weight:300; line-height:140%;}


/*-- Seccion Comunicacion ---------------*/
#comunicacion {padding: 100px 0; margin:0 !important; border:0 !important; background-image:url(../img/comunicacion01bg.jpg); background-position:top center; background-repeat:no-repeat; height:auto;}
.comunicacion01{font-size:40px; font-weight:300; line-height:100%;}
.comunicacion02{font-size:17px; font-weight:300; line-height:140%;}


/*-- Seccion Servidor ---------------*/
#servidor {padding: 100px 0; margin:0 !important; border:0 !important; background-image:url(../img/servidor01bg.jpg); background-position:top center; background-repeat:no-repeat; height:auto;}
.servidor01{font-size:40px; font-weight:300; line-height:100%;}
.servidor02{font-size:17px; font-weight:300; line-height:140%;}



.fadeleft{padding-left:70px !important;}
.faderight{padding-right:70px !important;}


@media (max-width: 768px) {
	#linea {background-color:#f4f6f6 !important; background-position:top right !important;}
	#flexibilidad {background-color:#515F6C !important; background-position:top left !important;}
	#actualizacion {background-color:#f4f6f6 !important; background-position:top right !important;}
	#seguridad {background-color:#515F6C !important; background-position:top left !important;}
	#comunicacion {background-color:#f4f6f6 !important; background-position:top right !important;}
	#servidor {background-color:#515F6C !important; background-position:top left !important;}
	
	.fadeleft{padding-left:20px !important;}
	.faderight{padding-right:20px !important;}

}

footer{background-color:#354048; color:#fff; font-size:16px;}
footer a {color:#FF7700;}
footer a:hover {color:#fff;}



.left{float:left !important;}
.right{float:right !important;}

.dtable{display:table;}
.dtcell{display:table-cell; float:none; }


.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.tac{text-align:center;}

.clearboth{clear:both;}

.block{display:block;}

.dib{display:inline-block !important;}

.linea1{border-top:1px solid #CCD7D5 !important;}
.forma01{padding:30px 30px 40px 30px;}
.contacto02{
	width:100%; 
	margin:2px 0 5px 0; 
	padding:10px; 
	font-size:16px; 
	background-color:#E0E6E6; 
	border:none; 
	border-radius: 5px; 
	color:#51626F;
}



.tt13{font-size:13px;}

.color01{color: #51626F;}
.color02naranja{color:#FF7700;}
.color03blanco{color:#fff;}

.bg01{background-color:#F4F6F6;}


/*-----------------------------*/
.btn05 {
font-family: 'Roboto Condensed', sans-serif !important; 
font-weight: 400 !important; 
font-style: normal !important; 
    color: #fff !important;
    font-size: 15px !important;
    padding: 10px 38px !important;
    background-color: #F1912B !important;
    border:solid 1px #F1912B !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    -webkit-transition-duration: 0.4s !important;
    -moz-transition-duration: 0.4s !important;
    -o-transition-duration: 0.4s !important;
    transition-duration: 0.4s !important;
	display:inline-block;
	width:100%;
}
.btn05:hover {
    color: #fff !important;    
    background-color: #D96D00 !important;
    border: solid 1px #D96D00 !important;
}



/* margin y padding */
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}

.pf5{padding-left:5px !important;}
.pf10{padding-left:10px !important;}
.pf15{padding-left:15px !important;}
.pf20{padding-left:20px !important;}
.pf25{padding-left:25px !important;}
.pf30{padding-left:30px !important;}
.pf35{padding-left:35px !important;}
.pf40{padding-left:40px !important;}
.pf45{padding-left:45px !important;}
.pf50{padding-left:50px !important;}



.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}

.mf5{margin-left:5px !important;}
.mf10{margin-left:10px !important;}
.mf15{margin-left:15px !important;}
.mf20{margin-left:20px !important;}
.mf25{margin-left:25px !important;}
.mf30{margin-left:30px !important;}
.mf35{margin-left:35px !important;}
.mf40{margin-left:40px !important;}

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px!important;}