@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

html{
	scroll-behavior: smooth;

}
*{
    margin: 0;
    padding: 0;
	border:0;
	outline:none;
    box-sizing: border-box;
  
}

body {
	margin: 0px;
	padding: 0px;
	width:100%;
	font-family: 'Roboto', sans-serif;
	font-size: 62.5%;
	color: #333;
	
}

img {
	max-width:100%;
	max-height:100%;
	

}

header{

    background: url(../imagenes/wave1.png);
	width:100%;
    height: 214px;
	position:relative;
    background-size: 100% 214px;
	font-size:2.3em;

}

footer {
	
	background:url(../imagenes/wave2.jpg);
	width:100%;
    height: 570px;
	position:relative;
	background-size: 100% 570px ;
	font-size:2.3em;
	float:left;
	
	
	}
	
	footer p{
		color: #FFF;
		font-size:1em;
		
		
		}
	
		#horarioTex{
		font-weight: bolder;
		font-size:1em;
		position: absolute;
		top:100px;
		left:10%;
		width:350px;
		
		}

#menuFooter ul {
		color: #FFF;
		


		}
#menuFooter ul li {
	position:relative;
	top:200px;
	left:10%;
	width:350px;
	margin-top:15px;
	list-style:none;
	font-weight:bold;


		
}

#menuFooter ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:1em;
	transition:0.5s;
	
	
}

#menuFooter ul li a:hover {
	color: #000;
	margin-left:10px;
	 

}


#logo{
	position:absolute;
	left:10%;
	top:25%;
}
#logoFooter{
	position:absolute;
	top:5%;
	right: 10%;
}
#logo a img {
	transition:0.5s;
	transform: scale(0.9);
}

#logo a img:hover {
	
	transform: scale(1);
}

#logoFooter a img {
	transition:0.5s;
	transform: scale(1);
}

#logoFooter a img:hover {

	transform: scale(0.9);
}
	
#menu{
	width:500px;
	height:50px;
	position:absolute;
	right:10%;
	top:25%;
	}
	
	#menu ul li{
		
		list-style:none;
		display:inline-block;
		left:20px;
		position:relative;
		
		
		}
	#menu ul li a{
		display:inline-block;
		margin-left:50px;
        transition:0.5s;
		         }

    #menu ul li a:hover{
        transform: translateY(-10px) ;

                 }
#menuMovil {
	background-image: url(../imagenes/iconMenu.png);
	background-position: top;
	height: 54px;
	width: 58px;
	position:absolute;
	right:30%;
	top:30%;
	display:none;
	cursor:pointer;
}


#menuMovil:hover {
	background-position: bottom;
	}

				 
				 
#datosContacto {
	position: absolute;
	height: auto;
	width: 350px;
	text-align:right;
	right:10%;
	bottom:10%;
}

#datosContacto p {
	font-size:0.95em;
	
	
	}
	

#datosContacto div a img {
	transition:0.2s;
	transform: scale(0.8);
	position:relative;
	top:10px;
	float:right;
	
}

#datosContacto div a img:hover {
	transform: scale(0.9);
	}

#vinculosLegal {
	background-color: #333;
	height: 40px;
	width: 100%;
	text-align:center;
	line-height: 36px;
	position:absolute;
	bottom:0%;
}
#vinculosLegal ul li {
	display: inline-block;
	margin-left: 5%;
	
}
#vinculosLegal ul li a {
	font-size: 0.7em;
	color: #FFF;
	text-decoration: none;
	transition: 0.5s;
}

#vinculosLegal ul li a:hover {
	color:#F00;
	font-weight:bold;
	
	}
#whatsapp{
	height: 87px;
	width: 86px;
	position:fixed;
	right:0%;
	bottom:3%;
	z-index:100;/********************************/
	opacity:1;
	transition:0.3s;
	transform: scale(0.8);
	}
	
	#whatsapp:hover {
	transform: scale(0.9);
}
	
#flechaTop {
	background-image: url(../imagenes/flechaTop.png);
	height: 87px;
	width: 86px;
	position:fixed;
	right:0%;
	bottom:-10%;
	z-index:100;/********************************/
	opacity:0;
	transition:0.3s;
	transform: scale(0.7);
	
}

#flechaTop:hover {
	transform: scale(0.8);
}
#menuCarshop {
	background-color:#333;
	height: 70px;
	width: 70px;
	position: fixed;
	right: 0%;
	top: 0%;
	z-index:150;/***************************/
	padding: 10px 0px 0px 10px;
	border-radius: 0px 0px 0px 20px;
-moz-border-radius: 0px 0px 0px 20px;
-webkit-border-radius: 0px 0px 0px 20px;
border: 0px solid #000000;
opacity:1;
visibility:visible;
transition:0.5s;
cursor:pointer;
}

#menuCarshop:hover {
	background-color: #CCC;
}


#texErgo{
	
	font-size:1em;
		
		}
		
#menuMovilFull {
	background-color: #333;
	position: fixed;
	z-index: 151;/*********************/
	height: 100%;
	width: 100%;
	opacity:0.95;
	display:none;
	font-size:2.8em;
	
	

}
#menuMovilFull #mMfx {
	border: 1px solid #FFF;
	position: absolute;
	height: 50px;
	width: 50px;
	line-height: 50px;
		font-size:1.2em;
	color: #FFF;
	text-align: center;
	cursor:pointer;
	transition:0.5s;
}

#menuMovilFull #mMfx:hover {
	color:#F00;
	border: 1px solid #970000;
	}

#menuMovilFull ul{
	width:100%;
	position:relative;
	top:20%;


}


#menuMovilFull ul li{
	text-align:center;
	margin-top:20px;

}


#menuMovilFull ul li a{
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
	transition:0.5s;
	
}

#menuMovilFull ul li a:hover{
	color: #F00;	
	transform: translateX(-10px)
}


.red {
	color: #C80000;
}

#videoIndex {
    min-height: 350px;
  
    object-fit: cover;

    
    
}
/******************************************************************************/

@media screen and (max-width:900px){
#menu{
right:0%;
}
}

@media screen and (max-width:800px){
#menu{
	display:none;
}
#menuMovil{
	display:block;
}

#logo{
transform: scale(0.8);
left:5%;
}
#logoFooter{
transform: scale(0.8);
right:5%;
	}
#horarioTex{
top:400px;

}

#menuFooter ul li {
top:50px;

}

footer {

    height: 800px;
	background-size: 100% 800px ;
}
#datosContacto {
	
	width: 100%;
	text-align:center;
	right:0%;
	bottom:8%;
}

#vinculosLegal {
	height:160px;
	bottom:-15%;
	padding-bottom:5px;
	



}

#vinculosLegal ul li {
	display:  block;
	margin-left: 0%;
	
}


}

@media screen and (max-width:600px){
	#logo{
transform: scale(0.6);
left:0%;
}
#logoFooter{
transform: scale(0.6);
right:0%;
	}
	
	#texErgo{
		display:none;
		
		}
	}