body {	
	margin:0 auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font-family: 'Montserrat', sans-serif;*/
	font-weight: normal;
	font-size: 18px;
	/*line-height: 17px;*/
}


/*Estilos Menu*/
.navbar {
	background-color:rgba(255,255,255,0.9);
	margin-bottom: 0;
	border: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font-family: 'Montserrat', sans-serif;*/
	font-size: 18px !important; 
}
.navbar li a, .navbar .navbar-brand { 
	color:  #2F2FA1 !important;
}
.navbar-nav li a:hover {
	 color:#f74b71 !important;
	 background-color:rgba(255,255,255,0.9);
	 border-bottom: 2px solid #f74b71; /* linea de prueba color rojo menu*/ 
}
.navbar-nav li.active a {
	color: #000 !important;
	background-color:#fff !important;
}
.navbar-default .navbar-toggle {
	border-color: transparent;
}
.open .dropdown-toggle {
	color: #fff;
	background-color: #555 !important;
}
.dropdown-menu li a {
	color: #000 !important;
}
.dropdown-menu li a:hover {
	background-color: red !important;
}

/*Fin de estilos men�*/




/*Estilos acordeon*/
button.accordion {
	width: 100%;
	background-color: whitesmoke;
	border: none;
	outline: none;
	text-align: left;
	padding: 15px 20px;
	font-size: 18px;
	color: #333333;
	cursor: pointer;
	transition: background-color 0.2s linear;
}

button.accordion:after {
	content:"\2b";
	font-family: Helvetica, Arial,sans-serif;
	font-size: 15px;
	float: right;

}

button.accordion.is-open:after {
	content:"\2212";
}

button.accordion:hover, button.accordion.is-open {
	background-color: #ddd;
}

.accordion-content {
	background-color: white;
	border-left: 1px solid whitesmoke;
	border-right: 1px solid whitesmoke;
	padding: 0 20px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-in-out;
}
/*Fin de los estilos acordeon*/

/*Estilos del avatar*/
.avatar {
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -60px;
	width: 135px;
	height: 135px;
	border-radius: 50%;
	z-index: 9;
	background:#ffffff;
	padding: 5px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.avatar img {
	width: 100%;
}
/*Fin de los estilos avatar*/


/*Color gradiente*/
.colorGradiente{
	background : -moz-linear-gradient(3.06% 112.14% 30deg,rgba(222, 5, 64, 1) 0%,rgba(69, 39, 116, 1) 100%);
	background : -webkit-linear-gradient(30deg, rgba(222, 5, 64, 1) 0%, rgba(69, 39, 116, 1) 100%);
	background : -webkit-gradient(linear,3.06% 112.14% ,96.94% -12.14% ,color-stop(0,rgba(222, 5, 64, 1) ),color-stop(1,rgba(69, 39, 116, 1) ));
	background : -o-linear-gradient(30deg, rgba(222, 5, 64, 1) 0%, rgba(69, 39, 116, 1) 100%);
	background : -ms-linear-gradient(30deg, rgba(222, 5, 64, 1) 0%, rgba(69, 39, 116, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DE0540', endColorstr='#452774' ,GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DE0540',endColorstr='#452774' , GradientType=1);
}

.contenedorTextos{
	background-color: #2F2FA1;
	color: #fff;
	padding: 40px 20px;
	font-family: Helvetica, Arial,sans-serif;
}

/*Stilos para imagenes*/
.img-container { 	
	display:inline-block;
	position:relative;
	padding: 10px 2px ;
	
}

.img-container p { 
	position: absolute;
	padding: 10px;
	background: #ffffff;
	transition: opacity .4s linear;
	cursor: pointer; 
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	text-align: justify;
	color: #333;
	font-size: 12px;
    border: #F74B71 solid !important;

}
.img-container:hover p {
	opacity: .98;  
}

/*Fin de estilos*/

/*estilos radio*/
[type="radio"] {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}
label {
  display: block;
  cursor: pointer;  
}
[type="radio"] + span {
  display: block;
}
[type="radio"] + span:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 0.125em solid #fff;
  box-shadow: 0 0 0 0.15em #000;
  margin-right: 0.75em;
  transition: 0.5s ease all;
}
[type="radio"]:checked + span:before {
  background:  #ea4b3c;
  box-shadow: 0 0 0 0.25em #000;
}
[type="radio"]:focus + span:after {
  content: '\00AB'; 
  vertical-align: -0.125em;
  color: #ea4b3c;
}
fieldset {
  font-size: 15px;
  border: 2px solid #000;
  padding: 2em;
  border-radius: 0.5em;
}

legend {
  color: #fff;
  background: #000;
  padding: 0.25em 1em;
  border-radius: 1em;
}

/*Fin de stylos */


/*Colores de textos*/
.colorTexto{
	color: #2F2FA1;
}
.colorTexto1{
	color: #FFFFFF;
}
 .bg-grey {
      background-color: #f6f6f6;
  }

.seccionT{	  
	    padding-top: 58px;
	   }
@media (min-width: 992px) {
  .seccionT {
    padding-top: 60px;
  }
}
.contenedorNuevo{
	background-image: url(../img/fondo.png);
	background-repeat: no-repeat;
	height: auto;
	width: auto;
	display: flex;
    /* align-items por defecto tiene el valor */
     align-items: start;
}
 
.contenedorAux { 
  margin: 0 0 1rem;
  height: 10rem;
  display: flex;
  /* align-items por defecto tiene el valor  */
  align-items: start;
  color: #FFFFFF;
}
.contenedorChild {
  
  margin: 0 0 1rem;
  height: 10rem;
  display: flex;
  /* align-items por defecto tiene el valor  */
  align-items: start;
  padding: 20px 40px;
}
.center-h {
  justify-content: center;
}

.distribute-h {
  /* Variaciones: space-between, space-around */
  justify-content: space-evenly;
}

.flow-v {
  flex-direction: column;
}

.center-v {
  align-items: center;
}

.baseline-v {
  align-items: baseline;
}

.child {
  background: #60e0b0;
  padding: .2rem;
}
/*estilo para las secciones*/	
.portafolio{
	width: 90%;
	max-width: 2400px;
	margin: auto;
	padding: 10px;
	
	}
.portafolio h1{
		text-align: center;
		font-size: 24px;
	    color:#FFFFFF;
		
	}
.portafolio-container{
		display: flex;
		justify-content: space-between;
	}
.portafolio-item{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
.portafolio-img{
		/*transition: all 0.5s;*/
	}
.portafolio-text{
		position: absolute;
		bottom: 0;		
		padding: 55px;		
		background: rgba(0, 0,0, 0.7);
		color: white;
		/*-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-moz-transform: translateY(100%);
		transform: translateY(100%);
		transition: all 0.5s ease-out;*/
		z-index: 9999;
		
	}
.portafolio-text p{		
		font-size: 14px;
		color:#FFFFFF;
	}
	
.portafolio-item:hover .portafolio-text{
	/*	-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);*/
	}
	
.portafolio-item:hover .portafolio-img{
		/*-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-moz-transform: scale(1.15);
		transform: scale(1.15);*/
	}
/*Fin de estylos para las secciones*/

.jumbotron {  
	  color: #fff;
	  padding: 40px 25px;
	}
	
.logoCasos{
		width: 250px;
		height: 250px;	
	}
.parallax {
	  /* The image used */
	  background-image: url("../img/slider/base.jpg");     
	  /* Set a specific height */
	  min-height: 130px; 
	  /* Create the parallax scrolling effect */
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  opacity: 0.4;
	}
	
#contenedorHerramientas { 
-moz-border-radius:0px 20px 0px 20px; /* Firefox */ 
-webkit-border-radius:0px 20px 0px 20px; /* Safari y Chrome */ 
margin: 0 auto;
padding: 10px;
width: auto;
border-radius:0px 20px 0px 20px; 
}
/*Estilo caja Herramientas*/
.st0
{
  background : -moz-linear-gradient(50% -2.19% -90deg,rgba(222, 5, 64, 1) 0%,rgba(69, 39, 116, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(222, 5, 64, 1) 0%, rgba(69, 39, 116, 1) 100%);
  background : -webkit-gradient(linear,50% -2.19% ,50% 156.83% ,color-stop(0,rgba(222, 5, 64, 1) ),color-stop(1,rgba(69, 39, 116, 1) ));
  background : -o-linear-gradient(-90deg, rgba(222, 5, 64, 1) 0%, rgba(69, 39, 116, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(222, 5, 64, 1) 0%, rgba(69, 39, 116, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DE0540', endColorstr='#452774' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(222, 5, 64, 1) 0%, rgba(69, 39, 116, 1) 100%);
  padding: 20px;
  color:#FFFFFF;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DE0540',endColorstr='#452774' , GradientType=0);
  
}
.imageFondo
{
  background-image : url(../img/image.png);
  /*Para crear una imagen a la que se haga referencia en CSS, utilice el comando \'Exportar CSS seleccionado\'.*/
  background-repeat : no-repeat;
  position : absolute ;
 /* left : 30px;
  top : 40px;*/
  width : 1866px;
  height : 577px;
}

/* CSS general */
.contenedorVideo {
  width: 200px;
  height: 150px;
}

/* CSS pantallas de 320px o superior */
@media (min-width: 320px) {

  .contenedorVideo {
    width: 200px;
    height: 150px;
  } 

}

/* CSS pantalla 768px o superior */
@media (min-width: 768px) {

  .contenedorVideo {
    width: 500px;
    height: 350px;
  } 

}

.videoH {
  width: 100%;
  height: 80%;
}

/* CSS pantallas de 320px o superior */
@media (min-width: 320px) {

  .videoH {
    width: 100%;
    height: 60%;
  } 

}

/* CSS pantalla 768px o superior */
@media (min-width: 768px) {

  .videoH {
     width: 100%;
    height: 220px;
  } 

}
/*Estilos footer*/
  .footer {
	   position: inherit;
	   left: 0;
	   bottom: 0;
	   width: 100%;
	   background-color: transparent;
	   color: white;
	  
		
	}
	
	.divInicial{
		padding: 5px;
		text-align: center;	
		font-size: 20px;
		background-color: #dc0541;
	}
	.tituloFooter {
		font-size: 20px;
		text-align: center;
		font: bold 16px Arial Black;
	}
			
	
	.divImagen{
		align-content: center;
		background-color:#59236d;
	}
	.divFinal{		  
	  background-color: #999999;
	  padding:10px 0px;	 
	}
	.footer-icons{
		  margin: 0 0 1rem;
           height: 10rem;           
           /* align-items por defecto tiene el valor  */
          align-items: start;
          color: #FFFFFF;
		
	}
	.footer-icons a{		
		
		cursor: pointer;			
		color: #ffffff;			
		
		line-height: 35px;
		align-items: flex-start;
	
		margin-right: 3px;
		margin-bottom: 5px;
		
	}
		
/*Fin de estilos */		
/*Estilo imagenes hover*/
.contenedorImg {
  position: relative;
  width: 100%;
  border: 10px solid #fff;  
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.contenedorImg:hover .overlay {
  width: 100%;
  left: 0;
}

.text {
  color: white;
  text-align: justify;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  padding: 30px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
}	
			
/*Fin de estilos*/

/*Animaciones*/
  .slideanim {visibility:hidden;}
  .slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }