﻿.container {
	width: 100%; max-width: 1100px;
	margin: 0px auto;
	padding: 0px;
	-webkit-box-sizing: border-box;
	    /* Firefox (desktop or Android) 28- */
	    -moz-box-sizing: border-box;
	    /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
	    box-sizing: border-box;
}

[class*="cell-"] {
		vertical-align: middle;
		/* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
	    -webkit-box-sizing: border-box;
	    /* Firefox (desktop or Android) 28- */
	    -moz-box-sizing: border-box;
	    /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
	    box-sizing: border-box;
		padding-left: 7px;
		padding-right:7px;
		min-height: 1px;
	}

[class*="cell2-"] {
		min-height: 1px;
		float:left;
	}
.cell2-12 {width: 100%;}
.cell2-11 {width: 91.66666667%;}
.cell2-10 {width: 83.33333333%;}
.cell2-9 {width: 75%;}
.cell2-8 {width: 66.66666667%;}
.cell2-7 {width: 58.33333333%;}
.cell2-6 {width: 50%;}
.cell2-5 {width: 41.66666667%;}
.cell2-4 {width: 33.33333333%;}
.cell2-3 {width: 25%;}
.cell2-2-2 {width: 20%;}
.cell2-2 {width: 16.66666667%;}
.cell2-1 {width: 8.33333333%;}

@media screen and (min-width: 1020px) and (max-width: 1100px){
	.banner_slider{ top: 40px !important;}
	.fondo_head{padding: 5% 0 !important;}
}

@media screen and (min-width: 770px){
	.barrapie{width: 55%; border-top: solid 4px #d6362d;}
	.subtitulo4 { font-size: 21px;}
	.titulo{ font-size: 40px; line-height: 45px; }
	.markerproyecto{
		margin-top: -40px; width: 35%; min-width: 200px;
	}

	[class*="cell-"] {
		float:left;
	}

	.cell-12 {width: 100%;}
	.cell-11 {width: 91.66666667%;}
	.cell-10 {width: 83.33333333%;}
	.cell-9 {width: 75%;}
	.cell-8 {width: 66.66666667%;}
	.cell-7 {width: 58.33333333%;}
	.cell-6 {width: 50%;}
	.cell-5 {width: 41.66666667%;}
	.cell-4 {width: 33.33333333%;}
	.cell-3 {width: 25%;}
	.cell-2-2 {width: 20%;}
	.cell-2 {width: 16.66666667%;}
	.cell-1 {width: 8.33333333%;}

	.alinear_derecha{text-align: right;}
	.alinear_izquierda{text-align: left;}

	.titulo{margin:0 0 20px 0; color: #33383b; font-size: 48px; font-weight: 700; font-family: 'Roboto Slab' !important;}

	.titulo_grande{
	  text-shadow: 0 0 1px #b8a35e;
	  font-family: 'Roboto' !important;
	  font-weight: 900;
	  font-size: 98px;
	}

	.sobreponer{
	  margin-top: -57px;
	  margin-left: 15%;
	}

	.sobreponer2{
	  margin-top: -57px;
	}

}


@media screen and (min-width: 769px) and (max-width: 900px){
	.nav_footer{display: none;}

	/* el formulario en si mismo */
	  .formulariobusqueda {
	    display: none;
	  }
}

@media screen and (max-width: 769px){
	.barrapie{width: 55%; border-top: solid 4px #d6362d; margin: 0 auto;}
	.titulo{ font-size: 20px; line-height: 25px; }
	.subtitulo{ margin: 0 auto; }
	.banner_slider{ display: none; }
	.imagenheader{display: none;}
	[class*="cell-"] {
		text-align: center;
		margin:0px auto !important;
	}
	.container {
		padding: 10px;
	}

	 #climafecha{display:none;}
	.separador{ height: 10px; margin: 0px !important;}
	.separador2{ height: 5px;}
	.separador3{ height: 3px;}

	.alinear_izquierda{text-align: center;}
	.alinear_derecha{text-align: center;}

	.pageWrapper{
		transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		z-index:9;
		position:relative;
		background:#fff
	}
	.ocultar_movil{display: none !important;}
	.clima{font-size: 15px !important;}
	.menutienda{margin: 0 auto; width: auto;}

	.titulo{margin:0 0 20px 0; color: #33383b; font-size: 23px; font-weight: 700; font-family: 'Roboto Slab' !important;}

	.titulo_grande{
	  text-shadow: 0 0 1px #b8a35e;
	  font-family: 'Roboto' !important;
	  font-weight: 900;
	  font-size: 47px;
	}

	.sobreponer{
	  margin-top: -36px;
	}

	.sobreponer2{
	  margin-top: -36px;
	}

	.subtitulo{
	    margin-top: -10px !important;
	    font-size: 18px !important;
	}

	.markerproyecto{
		margin-top: 30px; width: 50%;
	}

	#proyecto{
		margin-top: -55px;
	}

	.mediumbig{
		font-size: 25px !important;
	}

	.telef{font-size: 20px;
     }

    .subtitulo4{
    	font-size: 15px !important;
    }

    .slick-prev
	{
	    left: 10px !important;
	}
	.slick-next
	{
	    right: 10px !important;
	}

}

@media screen and (max-width: 569px){
	.iconosredondos{width: 40% !important; float: left; margin: 5px;}
	.iconosredondos p{color: #444444; font-family:'Roboto Condensed'; font-size:12px; font-weight:bold; margin-top: 10px;}

  .boton1,.boton2,.boton3 {
  font-size: 12px;
}

}
