.box {
  padding: 30px 50px;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  box-shadow: 0 0 20px #555;
}

@media (max-width: 767px) 
{
	.box 
	 {
	   padding: 30px 20px;
	   box-shadow: 0 0 0px white;
	   border-bottom: 1px solid white;
	 }
}


.box.first {
  margin-top: -25px;
  border-radius: 10px; 
  background-color: white;
    
  /*Efecto alberca*/
  /*border: 20px solid rgb(245,120,120);
  background-image: url(../../img/azulejo.jpg);*/
}

@media (max-width: 767px) 
{
	.box.first 
	{
	  margin-top: 0px;
	  border-radius: 0px; 
	}
}

/* box sin el padding negativo de efecto index*/
.box.second {
  margin-top: 72px;
  /*margin-top: 151px;*/
  border-radius: 10px; 
  padding-top: 60px;
}

@media (max-width: 767px)
{
	.box.second
	{
	   margin-top:0px;
	}
}

.second .header
{
	text-align:center; 
	margin-bottom: 50px;
}

.portfolio-items,
.portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0;
}

.portfolio-items {
  /*margin-right: -20px;*/
}
.portfolio-filter {
  margin-bottom: 5px;
  text-align: center;
}
.portfolio-filter > li {
  display: inline-block;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  margin: 0;
}

.portfolio-items.col-2 > li {
  width: 50%;
}
.portfolio-items.col-3 > li {
  width: 33%;
}

/*******************************************/
/*Controla el tamaño y posicion de las fotos de la galeria
  en la pagina index*/

.portfolio-items.col-4 > li 
{
   width: 24%; 
   padding-left: 35px;
}

@media (max-width: 767px)
{
	.portfolio-items.col-4 > li 
   {
      width: 49%;
      padding-left: 8px;
   }
}

@media (min-width: 768px) and (max-width: 1024px)
{
   .portfolio-items.col-4 > li 
   {
      width: 33%;
      padding-left: 10px;
   }	
}

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

.portfolio-items.col-5 > li {
  width: 20%;
}
.portfolio-items.col-6 > li {
  width: 16%;
}

.portfolio-item .item-inner 
{
  margin: 8px;
  text-align: center; 
}
.portfolio-item img {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 10px gray;
  border: 3px solid white;
}
.portfolio-item .portfolio-image {
  position: relative;
}

.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
   border-radius: 5px;
}
.portfolio-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}

.portfolio-item:hover .overlay {
  opacity: 1;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.center {
  text-align: center;
}

/*******************************************************/
 /*Controla el tamaño del icono del zoom*/
.iconoZoom
{
	margin-top:25%;
	color:red;
}

@media (max-width: 449px) 
{
    .iconoZoom
	{
		margin-top:20%;
	}
}

@media (min-width: 450px) and (max-width: 767px)
{
   .iconoZoom
	{
		margin-top:30%;
	}	
}
/*******************************************************/

/*.inicioHead
{
	padding-bottom:0px;
}

@media (min-width: 992px) 
{
    .inicioHead
	{
		padding-bottom:50px;
	}
}*/

/***********************/
.inicioHead .view2
{
	margin-top: -172px;
}
/***********************/

/* Primer bloque de la pagina de inicio */

.inicioHead .view
{
	box-shadow: 0 5px 10px black;
	
	 /*box-shadow: inset 0 0 1em red;*/
	
	 /*border: 1px solid silver;*/
	 border-radius: 5px;
	 margin-top: -30px;
	 border-radius: 8px;
	 width: 1160px;
	 height: 463px;
}

.inicioHead .distintivoM
{
	text-align:center; 
	padding-top:5px;
}

.inicioHead .distintivoM img
{
	width: 225px;
	height:225px;
}

.inicioHead .row
{
   margin-top: 20px;	
}

@media (min-width: 992px) 
{
	.inicioHead .row
	{
	   margin-top: 50px;
	}
}


@media (min-width: 992px) 
{
	.inicioHead .row .parrafoIzquierdo
	{
	 	padding: 0px 90px 0px 60px;
	}
}

.parrafo
{
	font-size: 18px; 
    font-weight: 300;
    line-height: 1.4;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
//***********************************************************//




//***********************************************************//
.galeria
{
	background-color: white; 
	margin-top:30px;
	padding-bottom: 30px;
	border-radius: 5px;
}

.justificado
{
	text-align:justify;
}

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

.contenedorBotonGaleria
{
	margin-bottom:39px;
}

.botonGaleria
{
	background-color: white;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: rgb(30,160,220);
	padding:13px 40px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgb(30,160,220);
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 20px;
	border: 1px solid white;
	transition: 0.2s;
}

@media (max-width: 767px)
{
	.botonGaleria
	{
		padding:13px 20px;
		font-size: 16px;
	}
}

.botonGaleria:hover
{
	/*background-color: #52b6ec;*/
	/*background-color: rgb(69,174,214);*/
	
	background: rgb(30,160,220); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(rgb(30,160,220), rgb(20,117,162)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(30,160,220), rgb(20,117,162)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(30,160,220), rgb(20,117,162)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(30,160,220), rgb(20,117,162)); /* Standard syntax */
    
	color: white;
	box-shadow: 0 0 10px gray;
	text-decoration:none;
	border: 1px solid rgb(30,160,220);
	transition: 0.2s;
}

.botonGaleria:focus
{
	background: white;
	color: gray;
	box-shadow: 0 0 1px gray;
	text-decoration:none;
	border-bottom: 0px;
	border: 1px solid white;
}

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


/*@media (min-width: 992px) 
{
	.ubicacion .parrafoDerecho
	{
	  padding: 10px 50px 26px 50px;
	}
}

.ubicacion .parrafoDerecho p
{
	margin-top:20px;
}*/

/*.ubicacion .direccionMapa
{
	margin-top: 20px;
}*/

/**************************************************/
.significadoAyoa
{
	margin:5px 50px 20px 50px; 
	padding-top:20px; 
	padding-bottom:20px; 
	box-shadow:0 0 10px silver; 
	background-image: url(../../img/texturaAyoa.png); 
	border-radius:10px;
}

@media (max-width: 767px)
{
	.significadoAyoa
	{
		margin:5px 50px 20px 50px; 
	}
}

.significadoAyoa .contenido p
{
	color: rgb(45,46,131);
}

.significadoAyoa .imagen
{
	padding-top: 50px;
}

.seccionClima
{
	 margin-top: 10px;
	 margin-bottom: 20px
}

@media (max-width: 767px)
{
	.seccionClima
	{
		 margin-top: 0px;
		 margin-bottom: 20px
	}
}

.ubicacion
{
	margin-top:0px;
}

.ubicacion .contenido
{
	background-image: url(../../img/texturaAyoa10.png); 
	padding:50px 10px 25px 10px; 
	border-radius: 10px; 
	margin-left: 50px; 
	margin-right: 50px; 
	box-shadow:0 0 10px silver;
}

.ubicacion .botonesMapa
{
	margin-top: 10px; 
	margin-bottom: 30px; 
	padding-top:20px; 
	margin-left: 50px; 
	margin-right: 50px; 
	padding-bottom: 5px; 
	border-radius: 10px; 
	/*box-shadow:0 0 10px silver; 
	background-image: url(../../img/texturaAyoa10.png);*/
}


@media (max-width: 767px)
{
	.significadoAyoa
	{
		margin:5px 0px 20px 0px; 
	}
	
	.significadoAyoa .imagen
	{
		padding-top: 10px;
	}
	
	.seccionClima
	{
		 margin-top: 0px;
	}

	.ubicacion .contenido
	{
		margin-left: 0px; 
		margin-right: 0px; 
		
	}
	
	.ubicacion .botonesMapa
	{
		margin-left: 0px; 
		margin-right: 0px; 
	}
}

.solSeccionClima
{
   margin-bottom: 25px; 
   margin-top: 30px;
}

@media (max-width: 767px)
{
	.solSeccionClima
	{
	   margin-bottom: 25px; 
	   margin-top: 0px;
	}
}