/*	Locurón basado en less framework. */


/*		Mobile Layout: 320px.*/
		
/*@media only screen and (max-width: 479px) {*/




@media only screen and (min-width: 0px) and (max-width: 479px) {


/* Textos en cajitas ----------------------------------------------------*/

.img-overlay {
margin: 18% 0% 0% 12%;
  font-size: 40px;
  }
/*.thumb img {
	width: 300px;
  }*/
  
#map {
        width: 320px;
        height: 200px;
}

#main {
    margin-top: 14px;
}


  /* MOBILE GENERAL ----------------------------------------------------*/
  body {
    font-size: 14px;
    font-weight:300;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 18px;
    font-weight:300;
  }
  h5 {
    font-size: 16px;
    font-weight:300;
  }
  h6 {
    font-size: 14px;
    font-weight:300;
  }
  .wrapper {
    width: 310px;
  }

  /* MOBILE LAYOUTS ----------------------------------------------------*/
  .one-third-col {
    margin-left: 34px;
    width: 252px;
  }
  .two-third-col {
    margin-right: 34px;
    margin-bottom: 60px;
    width: 252px;
  }
  /* MOBILE HEADER ----------------------------------------------------*/
  header #logo {
    /*float: none;*/
    /*width: 252px;*/
   /* margin: 0px 85px;*/
  }
  header #logo img {
    /*width: 100%;*/
    /*margin: 0px;*/
  }
  /* MOBILE NAV ----------------------------------------------------*/
  nav {
    width: 100%;
    margin: 5px auto 5px 2px;
    /*margin-left: 0px;*/
    font-size: 14pt;
    letter-spacing: 0.03em;
  }
  nav #nav > li > a {
  padding-left: 10px;
  padding-right: 10px;
  }
  nav #nav > li {
  float: none;
  }
  nav #nav {
  text-align: center;
  }
  
  nav #nav > li:hover a,
nav #nav > li.current-menu-item a,
nav #nav > li.current_page_item a {
  background: #141414;
  text-shadow: 1px 1px 1px #000;
  color: #b9b9b9;
}
nav #nav > li > a {
  display: block;
  line-height: 25px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 2px;
  text-decoration: none;
  color: #929292;
}


  
  /* MOBILE SOCIAL ----------------------------------------------------*/
  #social-bar {
  float: none;
  display: table;
  margin: 10px auto 0px auto;
  }

  /* MOBILE FEATURE AND WORK LIST ----------------------------------------------------*/
  
  .work-list {
    margin-left: 0px;
  }
  
  .work-list li {
	margin-left: -2px;
   	width: 100%;
	text-align:center;
   /* margin-left: -38px;*/
   /* width: 399px;*/
    font-size: 18px;
  }

  /* MOBILE FORMS ----------------------------------------------------*/
  .wpcf7-form input,
  #contactForm input,
  .wpcf7-form textarea,
  #contactForm textarea,
  #commentform input,
  #commentform textarea {
    width: 300px;
  }
  .entry-content {
	  margin: 0px;
}
.about {
	  margin: 0px;
}

  /* MOBILE COLUMNS ----------------------------------------------------*/
  .entry-content .one-half,
  .entry-content .one-third,
  .entry-content .one-fourth {
    width: auto;
    margin-right: 0px;
    margin-left: 2%;
  }

  /* MOBILE FOOTER  ----------------------------------------------------*/
  footer:after {
    width: 252px; /*252px\9*/
  }
}
 





/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    nav #nav > li > a {
   font-size: 14pt;
  }
	
/* Textos en cajitas ----------------------------------------------------*/
  .img-overlay {
  margin: 15% 0% 0% 12%;
  font-size: 30px;
  }
  
/* MOBILE SOCIAL ----------------------------------------------------*/
  #social-bar {
  /*margin-right: 95px;*/
  /*float: none;*/
  display: table;
  /*margin: 10px auto 0px auto;*/  
  margin-right: 45px;
  }
  .footer-divider {
  width: 80%;
}
  /* WIDE MOBLE GENERAL ----------------------------------------------------*/
  .wrapper {
    width: 444px;
  }
  .line-heading {
    margin: 0px 22px 30px 22px;
    font-size: 14px;
  }
  
  /* WIDE MOBILE LAYOUTS ----------------------------------------------------*/
  .one-third-col {
    margin-left: 0px;
    width: 436px;
  }
  .two-third-col {
    margin-right: 24px;
    width: 436px;
  }
  /* WIDE MOBILE HEADER ----------------------------------------------------*/
  header #logo {
    /*float: none;*/
    /*width: 252px;*/
  }
  
  /* WIDE MOBILE FEATURE AND WORK LIST ----------------------------------------------------*/
   .work-list  {
	/*margin-left: -6px;*/
  }
  .work-list li {
	text-align:center;
    width: 222px;
    font-size: 18px;
  }
  
  .entry-content {
	  margin: 0px;
}

.about {
	  margin: 0px ;
}

  /* MOBILE FORMS ----------------------------------------------------*/.wpcf7-form input,
  #contactForm input,
  .wpcf7-form textarea,
  #contactForm textarea,
  #commentform input,
  #commentform textarea {
    width: 400px;
  }
  /* MOBILE COLUMNS ----------------------------------------------------*/
  .entry-content .one-half,
  .entry-content .one-third,
  .entry-content .one-fourth {
    width: auto;
    margin-right: 0px;
    margin-left: 10%;
  }
  /* WIDE MOBILE FOOTER  ----------------------------------------------------*/footer:after {
    width: 400px; /*400px\9*/
  }
}



/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */



@media only screen and (min-width: 768px) and (max-width: 991px) {
/* Textos en cajitas ----------------------------------------------------*/

/*.img-overlay {*/
/*margin: 18% 0% 0% 20%;*/
/*  font-size: 40px;*/
/*  }*/

.thumb:hover .img-overlay {
  display: block;
}
.thumb:hover img{
  opacity: 0.3;
}


  /* TABLET WRAPPER ----------------------------------------------------*/
  .wrapper {
    width: 750px;
  }
  .line-heading {
    margin: 0px 28px 30px 28px;
  }
  .page-content {
    margin-left: 0px;
    margin-right: 24px;
  }
  /* TABLET LAYOUTS ----------------------------------------------------*/
  .one-third-col {
    float: left;
    margin-left: 28px;
    width: 221px;
  }
  .two-third-col {
    margin-right: 28px;
    margin-bottom: 60px;
    width: 466px;
  }
  /* TABLET HEADER ----------------------------------------------------*/
  header #logo img {
    /*margin: 0 0 0 0px;*/
  }
  /* TABLET SOCIAL ----------------------------------------------------*/
  #social-bar {
    margin-right: 153px;
  }
  
  /* TABLET FEATURED AND WORK LIST ----------------------------------------------------*/
  .entry-content {
	  margin: 0px;
	text-align:left;
  }
  .work-list {
	text-align:center;
    margin-left: 0px;
  }
  
  .work-list li {
	/*margin-left: -2px;*/
    width: 375px;
  }
 
  /* TABLET FORMS ----------------------------------------------------*/
  #commentform input,
  #commentform textarea {
    width: 390px;
  }
  /* input form widths */
  .wpcf7-form input,
  #contactForm input,
  .wpcf7-form textarea,
  #contactForm textarea {
    width: 250px;
  }

  /* TABLET FOOTER  ----------------------------------------------------*/
  footer:after {
    width: 706px; /*706px\9*/
  }
}


/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */


/*		PreTablet: 1050px.
		... no sé, me lo tengo que inventar, :)*/



@media only screen and (min-width: 992px) and (max-width: 1230px) {
	
	.thumb:hover .img-overlay {
  display: block;
}
.thumb:hover img{
  opacity: 0.3;
}

	
/* Textos en cajitas ----------------------------------------------------*/
.img-overlay {
  margin: 17% 0% 0% 12%;
  font-size: 40px;
  }

	
  /* TABLET WRAPPER ----------------------------------------------------*/
  .wrapper {
    width: 990px;
  }
  .line-heading {
    margin: 0px 28px 30px 28px;
  }
  
  /* TABLET LAYOUTS ----------------------------------------------------*/
  .one-third-col {
    float: left;
    margin-left: 28px;
    width: 221px;
  }
  .two-third-col {
    margin-right: 28px;
    margin-bottom: 60px;
    width: 466px;
  }
  /* TABLET HEADER ----------------------------------------------------*/
  header #logo img {
    /*margin: 0 0 0 0px;*/
  }
  /* TABLET SOCIAL ----------------------------------------------------*/
  #social-bar {
    margin-right: 197px;
  }

  /* TABLET FEATURED AND WORK LIST ----------------------------------------------------*/
    .entry-content {
	  margin: 0px;
	text-align:left;
	margin-left: 10%;
	
  }
  .work-list {
	text-align:center;
    margin-left: 0px;
  }
  
  .work-list li {
    /*margin-left: -2px;*/
	text-align:center;
    width: 327px;
  }
 
  /* TABLET FORMS ----------------------------------------------------*/
  #commentform input,
  #commentform textarea {
    width: 390px;
  }
  /* input form widths */
  .wpcf7-form input,
  #contactForm input,
  .wpcf7-form textarea,
  #contactForm textarea {
    width: 400px;
  }
  
  /* TABLET FOOTER  ----------------------------------------------------*/footer:after {
    width: 706px; /*706px\9*/
  }
}

@media only screen and (min-width: 1230px) {
	
	.thumb:hover .img-overlay {
  display: block;
}
.thumb:hover img{
  opacity: 0.3;
}
}