@charset "utf-8";
/* CSS Document */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
  text-align:center;
  font-family:"Open Sans","arial","sans-serif";
  color:#fff;
}

h1{
	font-size:32px;
	line-height:42px;
	font-weight:600;
	margin:0px;
	padding:140px 0px 160px 0px;
	color:#fff;
}

p {
	font-size:21px;
	line-height:31px;
	font-weight:500;
	margin:0px;
	padding:10px 0px 20px 0px;
	color:#333333;
	/*letter-spacing: 0.05em;*/
	text-align:center;
}
p a{
	font-size:21px;
	line-height:31px;
	font-weight:500;
	margin:0px;
	padding:10px 0px 20px 0px;
	color:#F7B131;
	text-decoration:none;
}
.top {
  background-color: #000;
  height:80px;
  width: 100%;
  /*text-align:center;*/
  z-index: 1;
}
.top .logo {
  padding:20px 20px 20px 20px;
  margin:0px auto;
  float:left;
}
.top ul{
	float:right;
	/*width:200px;*/
	padding:26px 20px 0px 20px;
	margin:0px;

}
.top ul li{
	float:left;
	padding:0px 10px;
	color:#F7B131;
	font-size:18px;
	font-weight:700;
	list-style:none;
	margin:0px;

}
.top ul li a{
	
	padding:0px 5px;
	color:#F7B131;
	text-decoration:none;

}

.top ul li a:hover{
	color:#999;
	text-decoration:none;

}
.intro .borde{
  /*position:absolute;*/
  z-index: 20;
  width: 100%;
  height:10px;
  background: url(img/linea_sombreada.png) repeat-x top;
  
}
.intro {
  z-index: 2;
  width: 100%;
  height:600px;
  background: url(img/img_intro.jpg) 	no-repeat center bottom;
  background-size: cover;
  
}
.seccion {
  margin: 0px auto;
  width: 800px;
  /*height:400px;*/
  padding:100px 0px;
  z-index: 10;
  color:#CCC;
}

.content {
  z-index: 2;
  width: 100%;
  background: #EEEEEE;

}

.claim {
  width: 100%;
  background:url(img/bg_claim.jpg) no-repeat center;
  height:360px;
  background-size: cover;
  position: relative;
  text-align:center;
  z-index: 3;
}
.claim h3{
	font-size:30px;
	line-height:42px;
	font-weight:600;
	margin:0px;
	padding:140px 0px 140px 0px;
	color:#fff;
}

.content.bl{
  z-index: 4;
  background-color: #228DC3;
  position: relative;
  width: 100%;
  height:100%; 
  background-color: #fff;
}
.items {
  display:inline-block;
  vertical-align:top;
  width: 150px;
 /* min-height: 400px;*/
  margin:0 2%;
}
.items img{
 width: 100%;
 height: auto;
}
.items .btn_click{
  color:#F7B131;
  font-size:21px;
  padding:10px 0px 10px 0px;
  font-weight:600;
}


h2 {
	font-size:36px;
	line-height:normal;
	font-weight:700;
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#666666;
}

.mapa iframe{
  z-index: 9;
  position: relative;
  width: 100%;
  height:500px; 
    margin-top: -50px;
	pointer-events: none;
}

/*------------ footer--------*/
.footer {
  z-index: 7;
  width: 100%;
 /* display:inline-block;*/
  background:#666666;
  /*margin-top: -25px;*/
  padding:40px 0px;
  text-align:center;
  position: relative;

}
.footer .datos{
  display:inline-block;
  width: 30%;
  margin:0 1%;
  padding:0px;
  font-size:15px;
  color:#666666;
}
.footer a{
	color: #228DC3;
	text-decoration:none;
}

.footer .logo {
  display:inline-block;
  width: 30%;
  margin:0px;
  padding:0px;

}

/*--------------- Responsive --------------*/

@media (max-width: 1000px){
.fotos {
	max-width: 96%!important;
	height:100%;

}

}

@media (max-width: 767px){
.seccion {
	max-width: 96%!important;
	height:100%;

}
.fotos {
	max-width: 100%!important;
}
.product {
  font-size:15px;
  padding:15% 5% 2% 5%;
}

	.items {
  width: 220px;
 /* min-height: 400px;*/
  margin:0 2%;
}
	.plano .seccion img{
   width:100%;
   height:auto;

}
}

@media (max-width: 480px) { 

.seccion {
	max-width: 90%!important;
	height:100%;
}
.product {
  display:inline-block;
  width: 90%;
  background: #000;
  padding:40% 1% 5% 1%;
  margin: 1%;
  font-size:15px;
}
.plano .seccion img{
   width:100%;
   height:auto;

}
.footer .datos,
.footer .logo{
  display:inline-block;
  width: 96%;
  margin:0 1%;
  padding-top:10px;
  font-size:15px;
  color:#666666;
}
}