@charset "utf-8";
/* CSS Document */

.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background-color: black;
background-repeat: no-repeat;
background-size: cover;  
text-align:center; 
}

nav .ht {
font-size: 20px; 
color: #FFFFFF;
margin-top: 15px;
font-weight: lighter;
 -webkit-user-select: all;  /* Chrome 49+ */
 -moz-user-select: all;     /* Firefox 43+ */
 -ms-user-select: all;      /* No support yet */
 user-select: all;          /* Likely future */   
    
}

header {
background-color: rgba(0,0,0,0.50);
height: 100%;    
} 
header img {
margin-top: 120px;    
max-width:35%;
}
header p {
color: #eee;
font-size: 15px;
margin-top: 10px;	
margin-bottom: 10px;	
} 
header h2 {
text-align: center;	
color: #FFF;
font-size: 32px;	
margin: 80px 0px;
font-weight:lighter;  
line-height: 1.5;    
}
header h3 {
color: #FFF;
font-size: 20px;	
font-weight: lighter;
margin-bottom: 40px;	
}
.play {
font-size: 18px;	
padding: 10px 30px;	
border-radius: 5px;	
border: solid 1px #FFF;
color: #FFF;	
font-weight: bold;	
cursor: pointer;
margin-left: 5px;
margin-bottom: 5px;      
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;	
}
.play:hover {
color: #FFF;	
background-color: rgba(255,255,255,0.50);
text-decoration: none;
border: solid 1px rgba(255,255,255,0.00);    
}
.primario {
color: #FFF;
font-weight: bold;
font-size: 18px;	
padding: 10px 30px;
background-color: #DE0000;
cursor: pointer;
margin-right: 5px;
margin-bottom: 5px;    
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;	
}
.primario:hover {
color: #de0000;
background-color: #FFF;    
text-decoration: none;
}	
.primario:focus {
color: #de0000;
text-decoration: none;
background-color: #FFF;     
}
.scrollup {
background: rgba(0,0,0,0.3);
bottom: 1.5em;
color: white ;
cursor: pointer;
display: none;
padding: 15px;
position: fixed;
right: 1.5em;
border-radius: 50px;
}
.techo {
background-color: #fadcaf;
bottom:0;
position: relative;
width:100%;
}
.about-section i { 
padding: 50px 55px;	
color: #de0000;
font-size: 40px;
} 
.about-section p {
font-size: 15px;
color: #3a3a3a;
padding: 0 30px 0 30px;	
}
.about-section p strong {
font-size: 25px;
color: #D4D4D4;
}
.about-section img {
outline: 1px dashed #B3B3B3;
outline-offset: 5px;
margin: 20px;
padding: 15px;	
}
.titulo-nav {
color: #FFF!important;
font-weight:  bold;
background-color: transparent!important;
}
.titulo-nav:active {
color: #FFF!important;
font-weight:  bold;
background-color: transparent!important;
border-bottom: solid 1px #FFF;
}
.services-section h1 {
font-weight: 100;    
font-size: 30px;
color: #666666;	
margin: 30px 0px;

} 
.titulo-principal {
font-size: 18px;
margin-bottom: 50px;
color: #666666;      
}
.titulo-principal strong {
font-size: 23px;
}
.almuerzo {
padding: 10px 0px;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
}
.cena {
padding: 10px 0px;    
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
border-left: 1px solid #cdcdcd;    
} 
.oferta {
border: solid 1px rgba(199,199,199,0.7);
padding: 0px 0px 20px 0px;
margin-bottom: 50px;
background-color: rgba(255,255,255,1);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;		
}
.oferta img {
width: 100%;	
background-color: #000000	
}
.oferta:hover {
filter: grayscale(50%)
}
.oferta h4 {
font-size: 16px;
font-weight: bold;
color: #666666;
}
.oferta h5 {
font-size: 15px;
color:#808080	
}
.oferta h6 {
font-size: 12px;
}
.oferta hr {
text-align: center;
margin-left: auto;
margin-right: auto;    
width: 30%;	
padding: 1px;
border-color: #b1b1b1;	
margin-top: 20px;
margin-bottom: 20px;   
}
.oferta a {
background-color: #de0000;
color: #FFF;
border-radius: 3px;
font-size: 15px;
font-weight: bold;	
width: 70%;	
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;	
}
.oferta a:hover {
width:75%;	
color:#ededed;	
}
.legal {
font-size: 13px;	
}
article {
width: 100%;
background-color: #eee;
text-align: center;
padding-bottom: 30px;		
}
article img {
width: 70%;
}
.banner {
margin-bottom: 30px!important;
}
.banner-mobile {
display:none;
}
#extra {
background-color:#552c82;
color:#FFFFFF;
padding: 20px;
background-image: url(/images/bg-techo.jpg); 
background-repeat: no-repeat;
background-size: cover;    
    
}
#extra img {
max-width: 20%;
margin-top: 20px;    
}
#extra .imagen {
padding: 30px 0px;
}
#extra .contenido {
}
#extra p {
font-size: 18px;
margin-top: 40px;
font-weight: lighter;
}
#extra a {
cursor: pointer;
font-weight: bold;
color: #FFFFFF;
    
}
#extra .boton1, #extra .boton2 {
width: 20%;    
padding: 5px;
font-weight: bolder;
margin: 40px 5px; 
} 
#extra .boton1{
border: #FFFFFF solid 1px;     
background-color:#FFFFFF;    
color:#552c82;
}
#extra .boton2{
border: #FFFFFF solid 1px;  
color:#FFFFFF;    
background-color:transparent;
}


@media (max-width: 1200px) { 
header h2 {
font-size: 25px;     
    }    
  
}

@media (max-width: 992px) {
    
.navbar {
    background-color:#de0000!important;}    
nav .ht {
display:none;
}    
header img 	{
margin-top:60px;      
max-width: 60%;
}
h3 {
margin: 0px!important;
font-size: 15px!important;
}
.primario {
font-size:15px;
margin: 5px;
padding: 10px;	
}	
.play {
font-size:15px;	
margin: 5px;
padding: 10px;	
}
.titulo-principal {
padding: 20px 0px;
font-size: 15px;
margin-bottom: 100px;	
}
.almuerzo {
border-top: 1px solid #cdcdcd;
}
.cena {
border-bottom: 1px solid #cdcdcd;
}     
.banner {
display: none;		
} 	
.banner-mobile {
display:inline;
width: 80%!important;	
text-align: center;
margin: 0px auto 20px auto!important;	
}
h1 { 
font-size: 20px!important;
}
#extra img {
margin-top: 20px;    
max-width: 30%;
}
#extra .boton1, #extra .boton2 {
width: 40%;    
padding: 5px;
font-weight: bolder;
margin: 40px 5px; 
}     


}

@media (max-width: 479px) { 
header img {
margin-top:80px;    
max-width: 80%;
}
h2 {
font-size: 18px!important;
} 
h3 {
font-size: 10px!important;
} 
.primario {
font-size: 12px;		
padding: 10px;
margin: 5px 0px;	
}
.play {
font-size: 12px;
border-radius: 5px;	
padding: 10px;	
margin: 5px 0px;	
color: #FFF;
border: solid 1px #FFF;	
font-weight: bold;	
cursor: pointer;	
}
h1 {
font-size: 18px!important;	
} 	
.titulo-principal strong {
font-size: 15px;    
}
.almuerzo {
padding: 10px 0px;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
}
.cena {
padding: 10px 0px;    
border-top: 0px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
border-left: 0px solid #cdcdcd;    
} 
#extra a {
width: 40%;    
padding: 5px;
font-weight: bolder;
margin: 40px 5px; 
} 
#extra img {
margin: 20px;    
max-width: 80%;
} 

    }    
}