@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Signika:wght@400;700&display=swap');


html,body{
width:100%;
	height:100%;
}
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

.os-animation{
            opacity: 0;
        }  

        .os-animation.animated{
            opacity: 1;
        }   
    


.smooth{
	display:block;
	width:50px;
	height:53px;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-25px;

	z-index:3;
}
.smooth:hover{
	cursor:pointer;
}

.smooth{

}

.smooth:hover{
	cursor:pointer;
	color:#ffffff;
}


.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
}

/******************************
 SLIDE 1 
*******************************/
#slide1{
	

}

/******************************
 SLIDE 2 
*******************************/
#slide2{
background:url(../imagenes/conoce.jpg) no-repeat 50% 50% fixed;
 background-size:cover;
	height:1080px;
}


/******************************
 SLIDE 3
*******************************/
#slide3{
background:url(../imagenes/prodos.jpg) no-repeat 50% 50% fixed;
 background-size:cover;
	height:875px;
}

/******************************
 SLIDE 3
*******************************/
#videos{
background:url(../imagenes/videos.jpg) no-repeat 50% 50% fixed;
 background-size:cover;
	height:875px;
}

/******************************
 SLIDE 4
*******************************/
#slide4{
background:url(../imagenes/contacto.jpg) no-repeat 50% 50% ;
 background-size:cover;
	height:780px;
}

/******************************
 SLIDE 5
*******************************/
#slide5{
background:url(../imagenes/prodos2.jpg) no-repeat 50% 50% fixed;
 background-size:cover;
	height:700px;
}


#menudencia{
font-family: 'Signika', sans-serif;
font-size:22px;
text-decoration:none; 
text-transform:uppercase;
position: absolute;
    top:0;
    left:0;
    width: 100%;
	height:150px;
	z-index:5;
	background-image:url(../imagenes/head.png);
	font-weight:700;
}

#menudencia a:link, a:visited {
    color: #431d06; text-decoration:none;
}

#menudencia a:hover {
    color: #b1cd49;
}

#logo2{ display:none; }

#menudencia2{ display:none; }

#menudo{ width:1200px;}

.logon{ width:112px;}
.tconocenosa{
font-size:65px;
color:#431d06;
font-family: 'Playfair Display', serif;
font-weight:700;
text-decoration:none;
line-height:120%;
}
.tconocenos2a{
font-size:27px;
color:#7bb712;
font-family: 'Signika', sans-serif;
font-weight:400;
text-decoration:none;
line-height:150%;
}
.tconocenos{
font-size:65px;
color:#ffffff;
font-family: 'Playfair Display', serif;
font-weight:700;
text-decoration:none;
line-height:120%;text-shadow:#000000 1px 1px 2px;
}
.tconocenos2{
font-size:27px;
color:#ffffff;
font-family: 'Signika', sans-serif;
font-weight:400;
text-decoration:none;
line-height:150%;text-shadow:#000000 1px 1px 2px;
}	
.tconocenos3{
font-size:27px;
color:#431d06;
font-family: 'Signika', sans-serif;
font-weight:400;
text-decoration:none;
line-height:150%;
}

.tconocenos4{
font-size:45px;
color:#192000;
font-family: 'Playfair Display', serif;
font-weight:700;
text-decoration:none;
line-height:110%;
}	

.tconocenos5{
font-size:20px;
color:#431d06;
font-family: 'Signika', sans-serif;
font-weight:700;
text-decoration:none;
}

#conoce1{ width:880px;}
 
#conoceme, #conoceme1, #conoceme2{ 
display: inline-block;
vertical-align:top;
}

#conoceme{ 
width:1200px;
vertical-align:middle;
}

#conoceme1{
width:400px;margin-right:-4px ;
text-align:center; height:400px; 
}

#gordera{ height:80px;}

.desaparece{ display:block;}

#footi{ width:1200px;}

.foot1{
font-size:12px;
color:#ffffff;
font-family: 'Signika', sans-serif;
font-weight:400;
text-decoration:none;
text-transform:uppercase;
}

.ball2 {
    margin: 0 auto;
    -moz-animation: spin 1.5s infinite linear;
    -webkit-animation: spin 1.5s infinite linear;
}

#prodos{ width:780px;}

.limagen{
	opacity:1;
}

.limagen:hover{
	opacity:.6;
}

.tcontacto{
font-size:55px;
color:#ffffff;
font-family: 'Playfair Display', serif;
font-weight:700;
text-decoration:none;
line-height:120%;
text-shadow:#000000 1px 1px 2px;
}

.tcontacto2{
font-size:20px;
color:#ffffff;
font-family: 'Playfair Display', serif;
font-weight:700;
text-decoration:none;
line-height:150%;
text-shadow:#000000 1px 1px 2px;
}


#llenado, #llenado1, #llenado2, #llenado3{ 
display: inline-block;
vertical-align:top;
}

#llenado{ 
width:1200px;
vertical-align:middle;
}

#llenado1{
width:25%;margin-right:-4px ;
text-align:left; height:100px; 
}

#llenado2{
width:100%;margin-right:-4px ;
text-align:left; height:140px; 
}

#llenado3{
width:100%;margin-right:-4px ;
text-align:left; height:50px; 
}

.combo{font-family: 'Signika', sans-serif;
	font-size: 16px;
	color: #bfbfbf;
	background-color: #ffffff;
	border-width:0;
	width:90%;
	height:40px;
	text-align:center;
	
	border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
border: 0px solid #000000;
}

.combob{font-family: 'Signika', sans-serif;
	font-size: 16px;
	color: #bfbfbf;
	background-color: #ffffff;
	border-width:0;
	width:90%;
	height:40px;
	text-align:center;
	
	border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
border: 0px solid #000000;
}

.comboa{font-family: 'Signika', sans-serif;
	font-size: 16px;
	color: #bfbfbf;
	background-color: #ffffff;
	border-width:0;
	width:100%;
	height:40px;
	text-align:center;
	
	border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
border: 0px solid #000000;
}

.combo2{font-family: 'Signika', sans-serif;
	font-size: 16px;
	color: #bfbfbf;
	background-color: #ffffff;
	border-width:0;
	width:100%;
	height:80px;
	text-align:center;
	
	border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
border: 0px solid #000000;
}

.admin{font-family: 'Signika', sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #E4E4E4;
	border-width:0;
	width:200px;
	height:40px;
	text-align:center;
	border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
border: 0px solid #000000;
}

.botonazo { cursor:pointer;
font-size:18px;color:#ffffff;font-family: 'Signika', sans-serif;background-color:#7bb712;border: 1px solid #7bb712; height:58px; width:200px;
 border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
	}
	
.botonazo2 { cursor:pointer;
font-size:18px;color:#ffffff;font-family: 'Signika', sans-serif;background-color:#7bb712;border: 1px solid #7bb712; height:40px; width:100px;
 border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
	}	
	
.tcontacto2a{
font-size:20px;
color:#ffffff;
font-family: 'Playfair Display', serif;
font-weight:700;
text-decoration:none;
line-height:150%;
text-shadow:#000000 1px 1px 2px;
}


.tpro{
font-size:55px;
color:#ffffff;
font-family: 'Playfair Display', serif;
font-weight:700;
text-decoration:none;
line-height:100%;
text-shadow:#000000 1px 1px 2px;
}


#prod, #prod1{ 
display: inline-block;
vertical-align:top;
}

#prod{ 
width:1200px;
text-align:left;
}

#prod1{
width:600px;margin-right:-4px ;
height:565px;text-align:center;
}

.tabla{ width:580px; }

.limagen2{ width:564px; }

.detalle1{
font-size:20px;
color:#000000;
font-family: 'Playfair Display', serif;
font-weight:700; text-decoration:none;
}

.detalle2{
font-size:20px;
color:#7b7b7b;
font-family: 'Signika', sans-serif;
font-weight:400;
}	

.detalle3{
font-size:20px;
color:#ffffff;
font-family: 'Signika', sans-serif;
font-weight:400;
}


#idioma{
	position: absolute;
    top:40px;
    right:10px;
    width:28px;
	height:17px;
	z-index:9999;
}

.elvideo{ width:800px; height:450px;}

#lase{
    position: fixed;
    top:50%;
    left: 0;
    width: 91px;
	height:141px;
	margin-top:-70px;
	z-index:10000;
}

#vergaleria, #vergaleria1{display:inline-block;vertical-align:top;}
#vergaleria{width:999px;vertical-align:middle; text-align:left; }
#vergaleria1{width:333px;margin-right:-4px; height:230px;}

@media screen and (max-width: 1300px)
 {
#footi{ width:90%;}
#menudo{ width:800px;}
 }

@media screen and (max-width: 1200px)
 {
.desaparece{ display:none;}



#idioma{
    top:70px;
    right:20px;
}
#conoceme{ 
width:720px;
}
#gordera{ height:30px;}


#llenado{ 
width:800px;
}

#llenado1{
width:50%;margin-right:-4px ;
text-align:left; height:100px; 
}

.combob{
	width:100%;
}


#prod{ 
width:580px;
text-align:left;
}

#prod1{
width:100%;margin-right:0 ;
height:565px;text-align:center;
}
#slide2{
	height:1900px;
}

.tconocenos4{
font-size:30px;
}

 }
 
  @media screen and (max-width: 1020px)
 {
 #vergaleria{width:666px;vertical-align:middle; text-align:left; }
#vergaleria1{width:333px;margin-right:-4px; height:230px;}
 }
 
  @media screen and (max-width: 900px)
 {
#menudo{ width:600px;}

#menudencia{
font-size:18px;
}
#conoce1{ width:90%;}

.tconocenos, .tconocenosa{
font-size:50px;

}

}
 @media screen and (max-width: 800px)
 {
	 #prodos{ width:90%;}
#conoceme{ 
width:400px;
}


#llenado{ 
width:600px;
}

.tcontacto2a{
font-size:16px;
}

.elvideo{ width:500px; height:281px;}
	 
 }
@media screen and (max-width: 690px)
 { 
#vergaleria{width:333px;vertical-align:middle; text-align:left; }
#vergaleria1{width:333px;margin-right:0px; height:230px;}
 }
 
 
@media screen and (max-width: 620px)
 {

.logon{ width:80px;}

#menudo{ width:90%;}

#menudencia{
font-size:18px;
}

#llenado{ 
width:400px;
}

.tcontacto2a{
font-size:12px;
}

#prod{ 
width:400px;
text-align:left;
}

#prod1{
width:100%;margin-right:0 ;
height:450px;text-align:center;
}

.tabla{ width:400px; }

.limagen2{ width:386px; }


}

@media screen and (max-width: 500px)
 {

.logon{ width:60px;}

#menudencia{
font-size:14px;
height:70px;
}
#idioma{
    top:47px;
    right:20px;
}


#slide2{
	height:2000px;
}	

.elvideo{ width:450px; height:253px;}
}

@-moz-keyframes spin {
    0% {
opacity: 0;   -moz-transform: translateY(15px); }

    100% {
opacity: 1;  -moz-transform: translateY(0px);   };
}



@-webkit-keyframes spin {
    0% {
opacity: 0; -webkit-transform: translateY(15px); }

    100% {
opacity: 1; -webkit-transform: translateY(0px); }   };
}