@charset "utf-8";
/* CSS Document */
body {
	margin: 0em auto;
	overflow-x:hidden;
    background-color:#fff;
	width:auto;
    padding: 0;
    margin: 0;

}



@font-face {
    font-family: "hevelBold";
    src: url(../fonts/hevelBold.otf) format("opentype")
}

@font-face {
    font-family: "helvelLig";
    src: url(../fonts/helvelLig.otf) format("opentype")
}


a {
    text-decoration: none;
    color: #000;
	font-family: "hevelBold";
}




h1 {
    font-family: "hevelBold";
    font-weight: 900
}

h2 {
    font-family: "hevelBold";
    font-weight: 900
}

h3 {
    font-family: "Dulcelin";
}

p {
    font-family: "helvelLig";
}

button{
	font-family: "helvelLig";
}


input{
    width:38%;height:40px; border:none	; background-color:#e7e7e7; outline:none
    }
    
    textarea{
    width:38%;height:40px; border:none	; background-color:#e7e7e7; outline:none
    }

#capa3Header{
	position:relative;
	width:100%;
	height:350px;
	background-color:#202020
	}
				
				
				
					.slider{
					position:relative;
					left:0px;
					top:0px;
					z-index:3;
					width:100%;
					height:100%;
					/*-webkit-animation: animarSlider  100s infinite 5s; 
					-moz-animation: animarSlider  100s infinite 5s; 
					animation: animarSlider  100s infinite 5s; */
					}
					
					.mySlides{
					position:relative; width:100%; height:100%;
					z-index:5; background-color:#4a4848; overflow:hidden; background-size: cover; background-repeat: no-repeat;
					}
				
					.imgSlide{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:100 ; background-color:#000; background-size:cover}
				
				
					.linea1{position:absolute; width:300px; height:2px; left:50px; top:130px; background-color:#F00; border:none; z-index:1000}
					
					.txt1Slider1{
						position:relative;
						display: block;
						margin-left:auto;
						margin-right:auto;
                        padding-top: 70px;
						font-size:2.5em;
						width:100%;
						text-align:center;
						color:#FFF;
						z-index:1000;
						font-family: "hevelBold";
				
					}
					
				
						.btn1{
							width:300px;
							height:70px;
							font-size:0.3em;
							border-radius:50px;
							outline:none;
							color:#FFF;
							background-color:#0894de;
							border:none;
							cursor:pointer
							}
							
							.btn1:hover{
								background-color:#9e76b9;
							}
							
							
							
						.btn2{
							width:300px;
							height:70px;
							font-size:0.3em;
							border-radius:50px;
							outline:none;
							color:#000;
							background-color:#FFF;
							border:none;
							cursor:pointer
							}
							
							.btn2:hover{
								background-color:#F00;
								color:#FFF
							}
				
						
						/* Next & previous buttons */
						.prev, .next {
						  cursor: pointer;
						  position: absolute;
						  top: 50%;
						  width: auto;
						  padding: 16px;
						  margin-top: -22px;
						  color: white;
						  font-weight: bold;
						  font-size: 28px;
						  transition: 0.6s ease;
						  border-radius: 0 3px 3px 0;
						  z-index:20000;
									background-color: rgba(0,0,0,0.2);
								  text-align:center
				
						}
						
						/* Position the "next button" to the right */
						.next {
						  right: 0;
						  border-radius: 3px 0 0 3px;
						}
						
						/* On hover, add a black background color with a little bit see-through */
						.prev:hover, .next:hover {
						  background-color: rgba(0,0,0,0.8);
						}
				
				
						.dots{
							position:absolute;
							z-index:20000;
							left:50px;
							bottom:10px;
						}
						
						/* The dots/bullets/indicators */
						.dot {
						  cursor: pointer;
						  height: 16px;
						  width: 16px;
						  margin: 0 2px;
						  background-color: #bbb;
						  border-radius: 50%;
						  display: inline-block;
						  transition: background-color 0.6s ease;
						}
						
						.active, .dot:hover {
						  background-color: #e9268e;
						}
						
						/* Fading animation */
						.fade {
						  -webkit-animation-name: fade;
						  -webkit-animation-duration: 1.5s;
						  animation-name: fade;
						  animation-duration: 1.5s;
						}
						
							@-webkit-keyframes fade {
							  from {opacity: .4} 
							  to {opacity: 1}
							}
							
							@keyframes fade {
							  from {opacity: .4} 
							  to {opacity: 1}
							}
				
							.logoMarca{display: block; position: relative; margin-left: auto; margin-right: auto;}
	
	

                            #capa2 {
                                position: relative;
                                height: auto;
                                width: 100%
                            }
                            
                            .fila1Capa2 {
                                position: relative;
                                height: 200px;
                                width: 100%
                            }
                            
                            .txt1FilaCapa2 {
                                position: absolute;
                                width: 100%;
                                top: 20px;
                                text-align: center;
                                font-size: 2.8em;
                                color: #fff;
                               
                            }
                            
                            
                            .fila2Capa2{
                                position: relative;
                                width: 100%;
                                height: auto;
                                display: inline-table;
                                background-color: #ed1651;
                            }
                            
                                    .col1Capa2{
                                    float: left;
                                    width: 50%;
                                    height: auto;
                                   
                                    display:inline; 
                                    }
                            
                                    .txt1Capa2{
                                        position: relative;
                                        width: 100%;
                                        text-align: center;
                                        display: inline-table;
                                        font-size: 3.5em;
                                        padding-top: 10px;
                                        color: #FFF;
                                    }
                            
                                    .txt2Capa2{
                                        position: relative;
                                        width:80%;
                                        text-align: center;
                                        display:block;
                                        margin-left: auto;
                                        margin-right: auto;
                                        font-size: 1.8em;
                                        padding-top: 0px;color: #FFF;
                                    }
                            
                            
                                    .txt3Capa2{
                                        position: relative;
                                        width:90%;
                                        text-align: left;
                                        display:block;
                                        margin-left: auto;
                                        margin-right: auto;
                                        font-size: 1.7em;
                                        padding-top: 10px;
                                    }
                            
                                    .linea1Capa2{display: block; margin-left: auto; margin-right: auto; width: 50%; background-color: #fff; height: 3px; border: none;}
                            
                                    .imgBio{position: relative; margin-left: auto; margin-right: auto; width: 200px; height: auto; display: block; }
                            
                            .fila3Capa2{
                                position: relative;
                                width: 100%;
                                height: 100px;
                            }
                            
	


							@media screen and (min-width: 1px) and (max-width: 360px) {

								#capa3Header{height:150px;}
								.txt1Slider1{padding-top: 10px;font-size:2em;}
									
								#capa1 {    height: 200px;}
								.txt1SubCapa2 {   text-align: left;   font-size: 1.2em;   top: 0px }
								   
							
							.txt1FilaCapa2 {font-size: 1.8em; top: 0px;}
							.col1Capa2{position: relative;width: 100%;}
								.txt1Capa2{font-size: 3.4em; }
								.txt2Capa2{font-size: 1.6em; }
								.txt3Capa2{font-size: 1.7em;text-align: center;  }
								.linea1Capa2{display: block; margin-left: auto; margin-right: auto; width: 50%; background-color: #fff; height: 3px; border: none;}
								.imgBio{position: relative; margin-left: auto; margin-right: auto; width: 200px; height: auto; display: block; }
								
							}
							
							@media screen and (min-width: 361px) and (max-width: 640px) {

								#capa3Header{height:150px;}
								.txt1Slider1{padding-top: 10px;font-size:2em;}
									
								#capa1 {    height: 200px;}
								.txt1SubCapa2 {   text-align: left;   font-size: 1.2em;   top: 0px }
								   
								.fila1Capa2 {  height: 150px;}
							.txt1FilaCapa2 {font-size: 1.8em; top: 0px;}
								.col1Capa2{position: relative;width: 100%;}
									.txt1Capa2{font-size: 3.4em; }
									.txt2Capa2{font-size: 1.6em; }
									.txt3Capa2{font-size: 1.7em; text-align: center; }
									.linea1Capa2{display: block; margin-left: auto; margin-right: auto; width: 50%; background-color: #fff; height: 3px; border: none;}
									.imgBio{position: relative; margin-left: auto; margin-right: auto; width: 200px; height: auto; display: block; }
							}
							
							@media screen and (min-width: 641px) and (max-width: 960px) {
								#capa1 {    height: 200px;}
								.txt1SubCapa2 {   text-align: left;   font-size: 1.2em;   top: 0px }
								   
								.fila1Capa2 {  height: 100px;}
							.txt1FilaCapa2 {font-size: 1.8em; top: 0px;}
								.col1Capa2{position: relative;width: 100%;}
									.txt1Capa2{font-size: 3.4em; }
									.txt2Capa2{font-size: 1.6em; }
									.txt3Capa2{font-size: 1.7em; text-align: center; }
									.linea1Capa2{display: block; margin-left: auto; margin-right: auto; width: 50%; background-color: #fff; height: 3px; border: none;}
									.imgBio{position: relative; margin-left: auto; margin-right: auto; width: 200px; height: auto; display: block; }
								
							}
							
							@media screen and (min-width: 961px) and (max-width: 1210px) {
								
							}/* CSS Document */