@charset "UTF-8";
/**
*** least.js 2
*** Author: Kamil Czujowski - @kamilczujowski
*** Version: 2.2
*** Made with ♥	in Hamburg, Germany.
*** http://kamilczujowski.de
**/
/* @group Import */
/**
*** least.js 2
*** Author: Kamil Czujowski - @kamilczujowski
*** Version: 2.2.0
*** Made with ♥	in Hamburg, Germany.
*** http://kamilczujowski.de
**/
/* @group BASE */
* {
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  color: #5C4543;

}

html,
body {
  width: 100%;
  height: 100%;
   font-family: 'Helvetica Neue', Helvetica, sans-serif;
   line-height: 170% ;
}
h1, h2{ margin-left: 5%;}

/***********************Fin Body****************/

/*******************header************************/


header { 
      font-size: 1.2em;  
    font-style: strong;
        display: flex;
        display: -webkit-flex;
      min-height: 60%;
      background: #C4DCB8;
      top:0px;
border-bottom-left-radius:50% 20%;
border-bottom-right-radius:50% 20%;
   -webkit-order: 1;
           order: 1;           
		   //background-image: url(images/top8.jpg) no-repeat bottom center;		   
		   background-size: cover;
		   -webkit-background-size: cover;
		   -moz-background-size: cover;
		   -o-background-size: cover;		   
		   //background-image: url(images/top8.jpg) ;
           //background-repeat:no-repeat;
		   
  background-size:100% 100%;
  background-origin:content-box;
//background-image: linear-gradient(to bottom, #A98E8C,#5C4543); 
      text-align: right;
                display: flex;
                display: -webkit-flex;   
        flex-direction: column;     
-webkit-flex-direction: column;  
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}   

#difuminado {
  padding: 5px;
  margin-right: 400px;
  margin-top: 120px;
  background-color: rgba(44, 73, 85, 0.6);
  width: auto;
  text-align: left;
  line-height: 170% ;
  box-shadow:  10px 10px 5px #333333;
  text-shadow: 1px 1px 1px #666666;


}
#difuminado h1{
    color: #F4F7CC;
    padding-bottom: 2%;
    top: 100px;
    text-shadow: 1px 1px 1px #666666;
	display:table-cell;
	vertical-align:middle;
	text-align:centre;
}


#paginacion {
  background-color: rgba(44, 73, 85, 0.5);
      padding: 5px;

  width: 100%;

  color: #F4F7CC;


               display: -webkit-flex;
               display: -moz-box;
               display: -ms-flexbox;
               display: -webkit-box;
               display: flex;

 -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
       -moz-box-orient: horizontal;

-webkit-flex-direction: row;
    -ms-flex-direction: row;
        flex-direction: row;

            flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;

     -webkit-flex-flow: row;
             flex-flow: row;

       justify-content: space-between;

        display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;




}
#paginacion> a{
  color: #F4F7CC;
  text-decoration: none;
}

 .derecha2   { 
 color: #F4F7CC; 
 /*
             flex: 1;
         -ms-flex: 1;
     -webkit-flex: 1;

            order: 3;
   -ms-flex-order: 3;
     -wbkit-order: 3;
     */
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
        padding-right: 25px;

  }
.centro2 { 
;color: #F4F7CC; font-weight: bold; 
/*
             flex: 1;
         -ms-flex: 1;
     -webkit-flex: 1;

            order: 2;
   -ms-flex-order: 2;
     -wbkit-order: 2;
     */
     -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    

    } 
.izquierda2 { 
  color: #F4F7CC; 
  /*
             flex: 1;
         -ms-flex: 1;
     -webkit-flex: 1;

            order: 1;
   -ms-flex-order: 1;
     -wbkit-order: 1;
     */
     -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    

}

/*****************fin header*******************/

/***********************Artículo ******************/
#main {
               display: -webkit-flex;
               display: -moz-box;
               display: -ms-flexbox;
               display: -webkit-box;
               display: flex;

 -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
       -moz-box-orient: horizontal;

-webkit-flex-direction: row;
    -ms-flex-direction: row;
        flex-direction: row;

     -webkit-flex-flow: row;
             flex-flow: row;

          -webkit-flex: 3 1 60%;
              -ms-flex: 3 1 60%;
                  flex: 3 1 60%;
 
            text-align: justify;
      } 
p {
  color: #5C4543;  
  margin-right: 5%;
  margin-left: 5%;
  padding-bottom: 2%;
}
#seccion> p{
  margin-left: 2%;
}





/*******************Fin Articulo *******************/

/**********************Mapa*****************************/

  #mapa{
 
            width: 100%;
   padding-bottom: 5%;
            order: 3;
   -ms-flex-order: 3;
     -wbkit-order: 3;
    }
  #pony{
                    margin:0 auto;
                     width:80%;
                    height:313px;
                background:#efefef;
                    border:1px solid #dedede;
                   padding:10px;
                margin-top:3px;
                 font-size:0.9em;
                     color:#3a3a3a;
         -moz-border-radius:5px;
      -webkit-border-radius:5px;
              border-radius:5px;
  }

/*********************Fin Mapa***************************/


/****************************Galería*************************/
img {
  border: 0;
}

/* @end */

/* @group Gallery */
#least {
  min-width: 100%;
  width: 100%;
  padding-top: 10px;
  margin: 0 0 30px 0;
  position: relative;
  text-align: center;
 background-color: rgba(0, 116, 121, 0.1);

}
#least .least-preview {
  background-color: whitesmoke;
  border-bottom: 2px solid;
  border-color: #f1f0f0;
  padding: 50px 0;
  margin-bottom: 30px;
  display: none;
  /* important for Slide-Down Effect */
}
#least .least-preview img {
  width: 100%;
  max-width: 960px;
  /* default width: 960px - to edit go to assets/options */
  margin: 0 auto;
  display: block;
}
#least .least-preview .close {
  background-size: 100%;
  background-image: url("../img/close.svg");
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}
#least .least-preview article {
  max-width: 960px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  top: 20px;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}
#least .least-preview article strong {
  font-weight: 800;
}
#least .least-gallery {
  font-size: 0;
}
#least .least-gallery li {
  position: relative;
  vertical-align: top;
  display: inline-block;
  margin: 0 10px 10px 0;
  /* @end */
}
#least .least-gallery li a {
  position: relative;
  display: block;
  text-decoration: none;
  width: 240px;
  /* Default width: 240px: to edit go to assets/options */
  height: 150px;
  /* Default height: 150px: to edit go to assets/options */
  /* @group Outline */
  -webkit-transition-property: outline-color;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: outline-color;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: outline-color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: outline-color;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-in-out;
  transition-property: outline-color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
  outline-color: white;
  /* @end */
}
#least .least-gallery li a img {
  width: 240px;
  /* Default width: 240px: to edit go to assets/options */
  height: 150px;
  /* Default height: 150px: to edit go to assets/options */
}
#least .least-gallery li a.active {
  outline: 2px solid;
  outline-color: #666666;
}
#least .least-gallery li a.load:after {
  content: url("../img/loading.svg");
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  z-index: 2;
  overflow: hidden;
  margin: -20px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  text-shadow: 1px 1px 1px #666666;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 30px;
  line-height: 30px;
  font-weight: 800;
}
#least .least-gallery li a:hover {
  /* @group Outline */
  outline: 2px solid;
  outline-color: #666666;
  /* @end */
  /* @group Thumbnail Text */
  /* @end */
}
#least .least-gallery li a:hover:before {
  content: attr(data-subtitle);
  /* Default text: "View Picture" - to edit go change the attr. "data-subtitle" */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
  letter-spacing: 1px;
  color: white;
  text-shadow: 1px 1px 1px #666666;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  line-height: 175px;
  font-weight: 200;
  width: 240px;
  /* Default width: 240px: to edit go to assets/options */
  height: 150px;
  /* Default height: 150px: to edit go to assets/options */
  background: black;
  background: rgba(0, 0, 0, 0.5);
}
#least .least-gallery li a:hover:after {
  content: attr(title);
  /* Default text: your a "title"-tag */
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  z-index: 2;
  overflow: hidden;
  margin: -30px 0 0 0;
  border-bottom: 2px solid;
  border-color: white;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #666666;
  letter-spacing: 1px;
  color: white;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}

/* end */
/* @end group */

/*# sourceMappingURL=least.min.css.map */
/****************************Fin Galería*************************/



/****************************Formulario*************************/

#formulario{
              order: 4;
     -ms-flex-order: 4;
       -wbkit-order: 4;
       padding: 5px;
       background-color: rgba(0, 116, 121, 0.1);
}
/* Centre the form within the page */
label {
    display:block;
    margin-top:10px;
    letter-spacing:2px;
}
form {
    margin:0 auto;
    width:459px;
}

/* Style the text boxes */
input, textarea {
    width:439px;
    height:27px;
    background:#efefef;
    border:1px solid #dedede;
    padding:10px;
    margin-top:3px;
    font-size:0.9em;
    color:#3a3a3a;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color: whitesmoke;
}

textarea {
  height:213px;
  
}
input:focus, textarea:focus {
    border:1px solid #97d6eb;
}
#submit {
    width:127px;
    height:38px;
    background-color: rgba(26, 122, 119, 1);
    border:none;
    margin-top:20px;
    cursor:pointer;
    color: whitesmoke;



}

  #submit:hover {
      opacity:.88;
  }

/****************************Fin Formulario*************************/

/*******************Footer****************************/

footer{
         display: block;
      min-height: 15%;
      background-color: rgba(26, 122, 119, 1);
          margin: 0px;
         padding: 0px;

   -webkit-order: 1;
  -ms-flex-order: 1;
           order: 1;
//background-image: linear-gradient(to bottom, #A98E8C,#5C4543); 
  }



/***********************Fin Footer**********************/

/*Css para movil*/

header, footer, nav, aside, section, article {
  border: 0em solid black;
  }

@media all and (max-width: 700px) {
    body {
            min-height: auto;
-webkit-flex-direction: row;
    -ms-flex-direction: row;
        flex-direction: row;
 -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
       -moz-box-orient: horizontal;
       font-size:0.8em;
        }

  footer{
        display: none;
        }

  header, #seccion, nav, aside, footer {
    -webkit-order: 0;
        -ms-order: 0;
            order: 0;
           
      }
#difuminado {
    min-width: 80%;
}
  #difuminado p, h1{
    font-size: 120%;
}

  #formulario {
              order: 4;
     -ms-flex-order: 4;
       -wbkit-order: 4;
       padding-left: 5%;
       }

  form {
    margin:0 auto;
    width:100%;
    }

  input, textarea {
          width:80%;
         height:20%;
      }
  #pony{
      margin:0 auto;
       width:80%;
        }
  #main{
    margin: 0 auto;

  }



    }
    }




/***************/