html { 
overflow-x: hidden;
overflow-y: scroll;
}
@font-face {
    font-family:'Playfair Display', serif;
    
}

@font-face {
    font-family:'Hind Madurai', sans-serif;

}

* {
    box-sizing: border-box;
}
html { 
position: relative;
margin: 0;
padding: 0;
overflow-y: auto; 
overflow-x: hidden;
}

 h6{
        color:#20a68b;
        font-size:25px;
        margin-top:80px;
        font-family:'Playfair Display', serif;
        font-weight: 700;

    }
    h7{
        color:#20a68b;
        font-size:3em;
        margin-top:80px;
        text-align:center;
        font-family:'Playfair Display', serif;
        font-weight: 700;
         
    }

    .it{
        color:#484545;
        font-size:1em;
        line-height:30px;
        text-align:left;
        font-family:'Hind Madurai', sans-serif;
        font-weight: 400;
    }

    .it2{
        color:#484545;
        font-size:1em;
        line-height:30px;
        text-align:center;
        font-family:'Hind Madurai', sans-serif;
        font-weight: 400;
    }
    .ba {
        font-size: 1.3em;
}
    .alfa {

        font-family: "PT+Sans", serif;
        font-size: 1.5em;
        font-style: italic;
    }
#portada{
     float: none;
     margin-left: auto;
     margin-right: auto;
}
.rowv::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col2-"] {
    float: left;
    padding: 15px;
}
a:visited {text-decoration:none;color: #ffffff;}
a:link {text-decoration:none;color: #ffffff;}

.header2 {
    padding: 15px;
    height: 130px;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 1px;
    margin-bottom: 1px;
}
.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.footer2 {
    background-color: #0099cc;
    text-align: center;
    padding: 15px 0px 0px 0px;

}

/* navbar */
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0px;
    position: fixed;
    width: 100%;
    border-radius: 0px;
    z-index: 10007;
}
.content-block-one {
  padding: 40px;
  margin-bottom: 0px;
  color: inherit;
  background-color: #fff;
}
.content-block-one h1,
.content-block-one .h1 {
  color: inherit;
}
.content-block-one p {
  margin-bottom: 15px;
}
.content-block-one > hr {
  border-top-color: #d5d5d5;
}
.container .content-block-one {
  border-radius: 6px;
}
.content-block-one .container {
  max-width: 100%;
}
.content-space-one {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: url(../_imgs/forte_back1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 150px;
}
.content-space-two {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: url(../_imgs/royale_back1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 150px;
}
.content-space-three {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: url(../_imgs/erg_back1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 150px;
}
.content-space-four {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: url(../_imgs/yakunaah_back1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 150px;
}
.page-break {
    width: 50%;
    height: 3px;
    background-color: #fff;
    margin: 0 auto;
}
/*SOCIALES*/

/* wrapper */
#wrapper {
    height: 100%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

/* container */
#container{
    height: 350px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#container2{
    height: 350px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#barrabase{
    width:110%;
    height: 110px;
    position: fixed;
    top:-10px;
    left:-10px;
    background-color: rgba(77,77,77,.9);
}

#barramini{
    width:110%;
    height: 50px;
    position: fixed;
    top:102px;
    left:-10px;
    background-color: rgba(77,77,77,.9);
}



/*DESPLEGABLE*/
#des2{
    background:rgba(77,77,77,.9);
}
#des3{
    background:rgba(77,77,77,.9);
}
#imagenback
{
    position:absolute;
    height: 280px;
    width: 1256px;
    left:0px;
    top:0px;
}
#imagenback img
{
    z-index: -1;
}
@media screen and (min-width: 768px) {
  .content-block-one {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .content-block-one {
    padding-right: 60px;
    padding-left: 60px;
  }
  .content-block-one h1,
  .content-block-one .h1 {
    font-size: 63px;
  }
}
/*PC*/
@media only screen and (min-width:1025px){
    #m1, #m2, #m3
    {
        width: 140px;
    }
    .cafe{
        font-size: 50px;
        color: rgba(96,58,17,1);
    }
    .cafe2{
        font-size: 20px;
        color: rgba(96,58,17,1);
    }
    #fuerte{
        font-size: 15px;
        color:#484545;
        font-weight:600;
    }

    h1{
        font-family: 'Playfair Display', serif;
        font-size: 50px;
        color: #ffffff;
        font-weight: 700;
    }
    h2{
        font-family: 'Playfair Display', serif;
        font-size: 13px;
        color: #ffffff;
         font-weight: 700;
    }
     h5
    {
        font-family: 'Hind Madurai',  sans-serif;
        font-size: 10px;
        color:#828080;
        font-weight: 700;
    }
    .italica{
        font-family: "PT+Sans", serif;
        font-size: 60px;
        color: #ffffff;
        font-style: italic;
    }
   
    #imgff1
    {

    }
    
    #identidad{
        position: absolute;
        left:18%;
        top:15px;
    }
    #logo1{
        position: absolute;
        top:20px;
        left:70%;
    }
    #menu{
        position: absolute;
        left: 18%;
        top: -2px;
        
    }
    #menucel{
        display:none; 
    }
    #botoc{
        position: absolute;
        left: 18%;
        top: 5px;
        width: 140px;
        height: 50px;
    }
    #li1{
        position: absolute;
        top:0px;
        left: 0px;
        width: 140px;
        height: 50px;
    }
    #li2{
        position: absolute;
        top:0px;
        left: 150px;
    }
    #li3{
        position: absolute;
        top:0px;
        left: 240px;
    }

    
}

/*TABLET*/
@media only screen and (min-width:481px) and (max-width:1024px){
    #m1, #m2, #m3
    {
        width: 100px;
    }
    .cafe{
        font-size: 50px;
        color: rgba(96,58,17,1);
    }
    .cafe2{
        font-size: 15px;
        color: rgba(96,58,17,1);
    }
    h1{
        font-family: 'Playfair Display', serif;
        font-size: 30px;
        color: #ffffff;
        font-weight: 700;
    }
    h2{
        font-family: 'Playfair Display', serif;
        font-size: 13px;
        color: #ffffff;
        font-weight: 700;
    }
      h5
    {
        font-family: 'Hind Madurai',  sans-serif;
        font-size: 10px;
        color:#828080;
        font-weight: 700;
    }

    #imgff1
    {
        display: block;
        max-width: 240px;
        max-height: 300px;
        width: auto;
        height: auto; 
    }
     #imgff2
    {
        display: block;
        max-width: 240px;
        max-height: 300px;
        width: auto;
        height: auto; 
    }

    #identidad{
        position: absolute;
        left:40px;
        top:45px;
    }
    #logo1{
        position: absolute;
        top:20px;
        left:80%;
    }
    #menu{
        position: absolute;
        left: 40px;
        top: -2px;
        
    }
    #menucel{
        display:none; 
    }
    #botoc{
        position: absolute;
        top:0px;
        left: 0px;
        width: 140px;
        height: 50px;
    }
    #li1{
        position: absolute;
        top:0px;
        left: 0px;
        width: 140px;
        height: 50px;
    }
    #li2{
        position: absolute;
        top:0px;
        left: 150px;
    }
    #li3{
        position: absolute;
        top:0px;
        left: 240px;
    }

    .italica{
        font-family: 'Playfair Display', serif;
        font-size: 30px;
        color: #ffffff;
        font-style: italic;
    }
}

/*PHONE*/
@media only screen and (max-width:480px){
    #m1, #m2, #m3
    {
        width: 110px;
    }
    .cafe{
        font-size: 50px;
        color: rgba(96,58,17,1);
    }
    .cafe2{
        font-size: 17px;
        color: rgba(96,58,17,1);
    }
    
    .hide{display: none;}
    
    
    h1{
        font-family: 'Playfair Display', serif;
        font-size: 18px;
        color: #ffffff;
        font-weight: 700;
    }
    h2{
        font-family: 'Playfair Display', serif;
        font-size: 13px;
        color: #ffffff;
         font-weight: 700;
    }
       h5
    {
        font-family: 'Hind Madurai',  sans-serif;
        font-size: 10px;
        color:#828080;
        font-weight: 700;
    }
    
    #imgff1
    {
        display: block;
        max-width: 240px;
        max-height: 300px;
        width: auto;
        height: auto; 
    }

    #identidad{
        position: absolute;
        left:28%;
        top:59px;
    }
    #logo1{
        position: absolute;
        top:20px;
        left:42%;
    }
    #logo1 a img{
        display: block;
        max-width: 60px;
        max-height: 95px;
        width: auto;
        height: auto;
    }
    #menu{
        display:none;
        position: absolute;
        left: 40px;
        top: 5px;
        
    }
    #menucel{
        display: block;
        position: absolute;
        left: 40%;
        top: -2px;
        
    }
    #li1{
        position: absolute;
        top:0px;
        left: 0px;
        width: 200px;
    }
    #li2{
        position: absolute;
        top:0px;
        left: 150px;
    }
    #li3{
        position: absolute;
        top:0px;
        left: 240px;
    }

    .italica{
        font-family: "PT+Sans", serif;
        font-size: 20px;
        color: #ffffff;
        font-style: italic;
    }
    #botoc2{
        width: 140px;
        height: 50px;
    }
}
/* For desktop: */
.col2-1 {width: 8.33%;}
.col2-2 {width: 16.66%;}
.col2-3 {width: 25%;}
.col2-4 {width: 33.33%;}
.col2-5 {width: 41.66%;}
.col2-6 {width: 50%;}
.col2-7 {width: 58.33%;}
.col2-8 {width: 66.66%;}
.col2-9 {width: 75%;}
.col2-10 {width: 83.33%;}
.col2-11 {width: 91.66%;}
.col2-12 {width: 100%;}

@media only screen and (max-width: 480px) {
    /* For mobile phones: */
    [class*="col2-"] {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
   .content-space-one {
  background: url(../_imgs/forte_back1.jpg) no-repeat center center; 
  -webkit-background-size: 200%;
  -moz-background-size: 200%;
  -o-background-size: 200%;
  background-size: 200%;
}
.content-space-one {
  background: url(../_imgs/forte_back1.jpg) no-repeat center center; 
   -webkit-background-size: 200%;
  -moz-background-size: 200%;
  -o-background-size: 200%;
  background-size: 200%;
}
.content-space-two {
  background: url(../_imgs/royale_back1.jpg) no-repeat center center; 
   -webkit-background-size: 200%;
  -moz-background-size: 200%;
  -o-background-size: 200%;
  background-size: 200%;
}
.content-space-three {
  background: url(../_imgs/erg_back1.jpg) no-repeat center center; 
   -webkit-background-size: 200%;
  -moz-background-size: 200%;
  -o-background-size: 200%;
  background-size: 200%;
}
.content-space-four {
  background: url(../_imgs/yakunaah_back1.jpg) no-repeat center center; 
   -webkit-background-size: 200%;
  -moz-background-size: 200%;
  -o-background-size: 200%;
  background-size: 200%;
}
}

#des2 a:link, #des3 a:link{
	    font-family: 'Playfair Display', serif;
    font-size: 13px;
    color: #ffffff;
    font-weight: 700;
}
.cafe2 {
	cursor:pointer;
}