@charset "utf-8";
/* CSS Document */
body {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
#main{width:100%;background-color:white;margin:auto;}
#menuburger{position:fixed;width:20%; left:-200px; 
    -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
#menuburger:hover{position:fixed;width:400px;height:1000px;left:0px; opacity:1;background-color:white;margin-top:0;
    -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
#menuburger img{ opacity:1; 
-webkit-transition: all 5s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
#menuburger:hover img{ opacity:0;
    -webkit-transition: all 3s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}

.burger{width:120px; float:left; text-align:center; padding-top:400px;}
.texto{width:200px; float:left; text-align:center;padding-top:200px;}
.texto a{font-family: 'lemonmilklight_italic';text-decoration:none;font-size:14px; display:block;color:black;width:200px; float:left; text-align:center;}
.texto a:hover{background:url('../images/1.png')no-repeat;background-size:18%; float:left;padding-left:10px;}

#nav{width:100%;height:80px;margin-top: 1%;}
.txt{width:16%;height:48px;float:left;margin-top: 0.5%;margin-left: 3.5%;}
.txt h1{font-family: 'lemonmilklight_italic';font-size:21px;color:black;padding-left:57px;margin:0px;padding-top:10px;margin-left: -10%;}
.txt h4{font-family: 'lemonmilklight_italic';font-size:14px;color:gray;padding-left:57px;margin:0px;padding-top:10px;margin-left: -10%;}
.logo{width:68%;float:left;}
.logo img{width:9%;float:left;margin-left: 34%;}
#cont{width:100%;float:left;margin-top:4%;}
#big{width: 40%;
    float: left;
   
    border: solid 1px black;
    background-color: pink;
    margin-left: 5%}
#big img{width:100%;float:left;
	}


  .small{width:24%;float:left;height:;margin-bottom:1%;margin-left:1%;border: solid 1px black;background-color:pink;}    
.small img{width:100%;float:left;}
   
    @font-face {
    font-family: 'lemonmilklight_italic';
    src: url('../font/mil/lemonmilklightitalic.woff2') format('woff2'),
         url('../font/mil/lemonmilklightitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('../font/caviar/caviardreams.woff2') format('woff2'),
         url('caviardreams.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}