body, html{
    font-family: Helvetica, Arial,sans-serif;
    font-size: 12px;
    color:black;
    padding:0;
    margin:0;
}

img{border:none;}

*{-webkit-tap-highlight-color: rgba(0,0,0,0);}

.shadow-box{/*rgba(50, 50, 50, 0.25)*/
    -webkit-box-shadow: 0px 0px 21px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 21px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 21px rgba(50, 50, 50, 0.75);
    -o-shadow:         0px 0px 21px rgba(50, 50, 50, 0.75);
    -ms-shadow:         0px 0px 21px rgba(50, 50, 50, 0.75);
}

.radius10{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.radius5{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

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


.btns{
    background-color: #e35c00;
    color:white;
    font-size: 14px;
    border: 1px solid #e35c00;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
}

.btns:hover{border: 1px solid black;}


h1{color:black; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 36px;}

.bgtrans1{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMEY2OTZGOTkzODkxMUUzOEI0RkIyQzMyQzZCMzE1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMEY2OTZGQTkzODkxMUUzOEI0RkIyQzMyQzZCMzE1NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkIwRjY5NkY3OTM4OTExRTM4QjRGQjJDMzJDNkIzMTU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkIwRjY5NkY4OTM4OTExRTM4QjRGQjJDMzJDNkIzMTU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sc1dzwAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==');
	background-repeat: repeat;
	background-position: left top;
}

.bgtrans2{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NjEwODg3M0QzMDYxMUUzOTFCNkMyNzI2QzA2QzFGRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NjEwODg3NEQzMDYxMUUzOTFCNkMyNzI2QzA2QzFGRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2MTA4ODcxRDMwNjExRTM5MUI2QzI3MjZDMDZDMUZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ2MTA4ODcyRDMwNjExRTM5MUI2QzI3MjZDMDZDMUZEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VwIvlQAAAClJREFUeNpidHRwCmKgMmBioAEYNXTU0FFDRw0dNXTU0FFDB6WhAAEGANDbAUcapzeoAAAAAElFTkSuQmCC');
	background-repeat: repeat;
	background-position: left top;
}

/*animaciones con waypoints.js , scripts.js y animate.css*/
/*se agregana las clases del waypoint*/
/*clases que van a hacer animadas*/
/*se agregan las animaciones de animate.css que se van a usar*/
/*delays o retrasos de animacion*/
.delay-0-5s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-1-5s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; }
.delay-2-5s { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; }
.delay-3s { animation-delay: 3s; -webkit-animation-delay: 3s; }
.delay-3-5s { animation-delay: 3.5s; -webkit-animation-delay: 3.5s; }
.delay-4s { animation-delay: 4s; -webkit-animation-delay: 4s; }
.delay-4-5s { animation-delay: 4.5s; -webkit-animation-delay: 4.5s; }

.ease{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 
  -ms-transition: all 0.5s ease; transition: all 0.5s ease;
  -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.full{width:100%;}

.middle{width: 50%;}

.third{width: 33%;}

.fourth{width:25%;}

.fifth{widthL:20%;}