/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10-oct-2016, 11:39:57
    Author     : dell
*/

.slideshow-window {
     background-color: transparent !important; 
     border: none !important;
}	


.separador {
margin-top: 12%;
margin-bottom: 12%

}

.separador ul {
    margin: 0;
    padding: 0;
    list-style:none;
  font-size:0;    
}

.separador li {
  display:inline-block;
  height:5px;   
}

.separador li:nth-child(1) {
  width:25%;
  background:#F2F2F2
}

.separador li:nth-child(2) {
  width:5%;
  background:#641A6D;
}

.separador li:nth-child(3) {
  width:20%;
  background:#B6146C;
}

.separador li:nth-child(4) {
  width:10%;
  background:#F2F2F2;
}

.separador li:nth-child(5) {
  width:20%;
  background:#00A3D3;
}

.separador li:nth-child(6) {
  width:20%;
  background:#F18B00;
}

.grulla {
	background-image: url(http://www.juandavidreyna.com/wp-content/uploads/2017/01/papiroflexia-grulla.jpg) ;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
	background-size: 600px;	 
}

.salto_parrafo {
	margin-top: 20px	
}

.opacidad {
	background-color: hsla(0,0%,100%,0.65);
}

.carousel-indicators li {
  background-color: #641a6d;
  border:1px solid #641a6d; 
}

.boton {
  margin-top: 5px;
  background-color: #A276A7; color: #ffffff; text-align: center; padding: 3px;
  -webkit-animation: manzana 1s 3s 5;
  -webkit-duration: .3s;
  -moz-duration: .3s;
  -o-duration: .3s;
  transition-duration: .3s;
  width: 100%;
	    font-family: 'fsa';
}

#inicio a:hover{
 text-decoration: none;
}

@-webkit-keyframes manzana {
  50% {background: #94C943;}
  100% {background: #A276A7;}
  
}

.boton:hover {
  background-color:#94C943; 
}

.boton img, button.icon img {
  margin-right:  5px;
  width: 30px;
}

button.icon {
border:none;
background-color:transparent;
color:purple;
} 
button:hover  {
border-radius:0px;
color:white !important;
background-color:#94C943;

}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; overflow: hidden;	
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
.separador {
margin-top: 6%;
margin-bottom: 6%

}

.salto_parrafo {
	margin-top: 0;	
}

   
}