/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */

/*
* Simple style overrides or custom adds
*/

.border {
	
	border:1px solid #F00;
	
	}


.noborder {
	border:0px !important;
	}


.nopadding {
	padding:0px !important;
	}


.aidis {
    top: 1px;
    height: 100px;
    position: absolute;
    width: 100%;
    z-index: 900;
	
}




.text-violeta {
	
	color:#8f488f !important;
	}


.text-white {
	
	color:#fff !important;
	}
	
.text-naranja {
	
	color:#faa819 !important;
	}	
	
hr.blanco {
	border-color:#fff;

}	

.bg-nodo-foto {
	position:absolute;
	bottom:0px;
	width: 100%;
	height:190px;
	background-image:url(../img/nodos-foto.png);
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:10 !important;

}

.bg-nodo-foto-about {
	position:absolute;
	bottom:0px;
	width: 100%;
	height:250px;
	background-image:url(../img/nodos-foto-about.png);
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:10;

}	

.icon-tabs .tabs li.cinco  {
    margin-bottom: 24px;
    width: 19%;
	padding-bottom:20px;

}




.bg-steps {
	
	background-image:url(../img/bg-steps.png);
	background-position:top center;
	background-repeat:no-repeat;
    background-size:contain;
	
	}


.title-cinco {
	line-height:125% !important;
	
	}
	


.cols-padd {
	padding-left:5%;
	padding-right:5%;
	
	
	}
	
	
.arrow-right {
	position:absolute;
	top:45%;
	right:-39px;
	width: 56px; 
	height: 56px; 
	
}

.arrow-left {
	position:absolute;
	top:45%;
	left:-39px;
	width: 56px; 
	height: 56px; 
}	
	
.pic-about {
	z-index:300 !important;
}




/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){

}

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

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){
	
.cols-about {
	height: 760px;
	
}




}

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

.cols-about {
		
}

.cols-about.resp {
	height: auto !important;
	
}


.arrow-left, .arrow-right {
	display:none;
	
}






}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

@media only screen and (min-width: 992px){



}

@media only screen and (max-width: 991px) {
	
.bg-about {
	background-image:url(../img/bg-about-responsive.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	
	
}

.bg-about img {
	width:70%;

}


.nav-bar {
	border-bottom:1px solid #fff !important;
	
}


	
}

@media only screen and (min-width: 768px) and (max-width: 991px){

}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) {
	
.icon-tabs .tabs li.cinco  {
    margin-bottom: 24px;
    width: 19%;
}	

}


@media only screen and (max-width : 600px) {
	
.title-cinco {
	display:none;
	
	}

.ul-cinco {
	margin-bottom: 0px;
	
}

.pt80 {
    padding-top: 10px;
}
		
.pt112 {
	
	padding-top:40px;
}

.mt88 {
	margin-top:30px;
}



}


@media only screen and (max-width : 480px) {
	
.nopaddmobile {
	
	padding-left:0;
	padding-right:0;
	}


		

}

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

}