@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";
}


#capaPedido2{position:relative; display:block; margin-left:auto; margin-right:auto; top:0px; width:320px; height:500px; background:rgba(64,65,66,0.5);
    border-radius: 0px;  z-index:2000; 
}

.img1Pedido2{position:relative; display:inline-block; width:60px; height:auto; padding-left:20px;   top:10px}
.img2Pedido2{position:absolute; display:inline-block; width:80px; height:auto; left:35px; top:-115px; cursor:pointer; transform:rotate(90deg)}
.txt1Pedido2{ position:relative; display:inline-block; text-align:right; right:-10px; font-size:1.3em; color:#fff;}
.datos12{width:280px; height:30px; border:solid; border-color:#F30; border-width:0px 0px 2px 0px; outline:none; background:rgba(255,255,255,0.9); display:block; margin-left:auto; margin-right:auto}
.datos22{width:276px; height:80px; border:solid; border-color:#F30; border-width:0px 0px 2px 0px; outline:none; background:rgba(255,255,255,0.9); display:block; margin-left:auto; margin-right:auto}


.filaPedido2{ position:relative; width:90%; height:50px; display:block; margin-left:auto; margin-right:auto; padding-top:20px}
.txt2Pedido2{ float:left; text-align:center; font-size:0.8em; position:relative; top:-10px; color:#FFF}
.lineaPedido2{ float:left; background-color:#fff; width:20%; height:1px; border:none}


.btnPedido2{ position:relative; top:-20px; width:200px; height:40px; border:none; outline:none; background-color:#000; color:#FFF; cursor:pointer; -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
           -o-transition: all 0.5s ease;
        transition: all 0.5s ease; font-size:1.3em; display:block; margin-left:auto; margin-right:auto}
.btnPedido2:hover{background-color:#900}





#capa3Header{
	position:relative;
	width:100%;
	height:150px;
	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;
                       
						font-size:2.5em;
						width:100%;
						text-align:center;
						color:#FFF;
						z-index:1000;
                        font-family: "hevelBold";
				
					}
					
				
					


/*Celular portrait*/
@media screen and (min-width: 1px) and (max-width: 360px){
	body {
		
		background-color:#101010;
		
	}

	
}
	
	/*Celular landscape*/
@media screen and (min-width: 361px) and (max-width: 640px) {

	body {
		
		background-color:#101010;
		
	}
	
}
			
	
	
	/*tablet 7.1 portrait*/
@media screen and (min-width: 641px) and (max-width: 960px) {
	
	body {
		
		background-color:#101010;
		
	}
}
	
	
	
	
/*tablet 7.1 landscape se puede utilizer las medidas iniciales*/
@media screen and (min-width: 961px) and (max-width: 1210px) {
		
}