@font-face {
font-family: AGaramondPro;
src: url(../fonts/AGaramondPro-Italic.otf);
}
@font-face {
font-family: OpenSans;
src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
font-family: OpenSansBold;
src: url(../fonts/OpenSans-Bold.ttf);
}
*{
	padding:0;
	margin:0;
	font-family:OpenSans;
	
}
body{
	padding:0;
	margin:0;
	
}
.pieB{
	display:none;
}

.piezeta{
	display:none;
}
.encabezadofijo{
	width:100%;
	position:fixed;
	z-index:99999999;
	background:#FFF;
	top:0px;
}
.encabezado{
	position:relative;
	height:170px;
	width:80%;
	max-width:1280px;
	z-index:99999999;
	border-bottom:2px solid #E5E4DF;
	margin-bottom:34px;
}
.logo img{
	height:auto;
	width:40%;
	left:0px;
	top:10px;
	position:absolute;
	display:inline-block;
}
.slogan{
	position:absolute;
	width:55%;
	right:0px;
	color:#E5E4DF;
	font-size:30px;
	text-align:center;
	top:15px;
	font-weight:normal;
	
	font-family:AGaramondPro;
}
.menu{
	position:absolute;
	right:0px;
	bottom:0px;
	width:55%;
	text-align:left;
}
.menu a{
	text-decoration:none;
	
	color:#808080;
	font-size:20px;
}
#subb{
	font-family: OpenSansBold;
  -o-transition:color .3s ease-out, border .3s ease-in;
  -ms-transition:color .3s ease-out, border .3s ease-in;
  -moz-transition:color .3s ease-out, border .3s ease-in;
  -webkit-transition:color .3s ease-out, border .3s ease-in;
  /* ...and now for the proper property */
  cursor:pointer;
  transition:color .3s ease-out, border .3s ease-in;
}
.minuBtn{
	font-family: OpenSansBold;
	display:inline-block;
	margin-left:-4px;
	padding-bottom:25px;
	width:calc(25% - 4px);
	position:relative;
	border-bottom:2px solid #E5E4DF;
	margin-bottom:-2px;
	text-align:center;
  -o-transition:color .3s ease-out, border .3s ease-in;
  -ms-transition:color .3s ease-out, border .3s ease-in;
  -moz-transition:color .3s ease-out, border .3s ease-in;
  -webkit-transition:color .3s ease-out, border .3s ease-in;
  /* ...and now for the proper property */
  cursor:pointer;
  transition:color .3s ease-out, border .3s ease-in;
}
.submenu{
	opacity:0;
	position:absolute;
	padding-top:63px;
	background:transparent;
	width:100%;
	min-width:250px;
	z-index:999999999999999;
}
.submenuJ{
	
	background:#808080;
	width:100%;
	min-width:250px;
	z-index:999999999999999999;
}
.btnHHov:hover .submenu{
	  opacity: 1;
}
.minuBtnSub{
	width:calc(100% - 11px);
	padding:5px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	color:#FFF;
	font-size:16px;
	text-align:left;
	
}

.bbTeB50{
	display:inline-block;
	width:50%;
	background:#E5E4DF;
	vertical-align:top;
}
.bbTeB50B{
	display:inline-block;
	width:50%;
}
.bbTeB50B img{
	width:100%;
	height:auto;
}
.bbTeB50C{
	display:inline-block;
	width:calc(100% - 40px);
	color:#808080;
	padding:19px;
	font-size:18px;
	text-align:justify;
	vertical-align:middle;
}
.bbTeB50D{
	display:table;
}
.bbTeB50E{
	display:table-cell;
	height:25px;
	vertical-align:middle;
	padding:7px;
	padding-top:20px;
}
.bbTeB50C b{
	font-size:24px;
	color:#808080;
	font-family:OpenSansBold;
}
#active{
	border-bottom:2px solid #FAA100;
	color:#FAA100;
  -o-transition:color .3s ease-out, border .3s ease-in;
  -ms-transition:color .3s ease-out, border .3s ease-in;
  -moz-transition:color .3s ease-out, border .3s ease-in;
  -webkit-transition:color .3s ease-out, border .3s ease-in;
  /* ...and now for the proper property */
  transition:color .3s ease-out, border .3s ease-in
}
.minuBtn:hover{
	color:#FAA100;
	border-bottom:2px solid #FAA100;
	
}
.minuBtn:hover #active{
	
	color:#808080;
	background:#000;
	border-bottom:2px solid #E5E4DF;
	
}
.pie{
	width:80%;
	max-width:1280px;
	margin-top:30px;
	margin-bottom:30px;
}
.pie1{
	background:#e5e4df;
	position:relative;
	margin:0px;
	padding:10px;
	box-sizing:border-box;
	float:left;
	width:50%;
	vertical-align:top;
	
	text-align:center;
}
.pie3{
	background:#e5e4df;
	position:relative;
	margin:0px;
	padding:10px;
	box-sizing:border-box;
	float:left;
	width:50%;
	vertical-align:top;
	
	text-align:center;
}
.pie2{
	background:#e5e4df;
	position:relative;
	margin:0px;
	padding-top:0px;
	display:inline-block;
	width:calc(34% - 2px);
	vertical-align:top;
	height:320px;
	text-align:left;
	margin-left:-4px;
}
.pieA{
	width:40px;
	position:absolute;
	left:0px;
	top:0px;
}
.tel{
	width:30px;
	margin-left:15px;
	
	vertical-align:top;
}
.pie1A{
	width:40px;
	height:auto;
	margin-left:15px;
	margin-top:5px;
	display:inline-block;
	vertical-align:top;
}
.pie1A img{
	width:100%;
	height:auto;
}
.pie1B{
	display:inline-block;
	text-align:left;
	width:auto;
	vertical-align:top;
	padding-left:30px;
	
	color:#808080;
	font-size:18px;
	line-height:32px;
}
.container{
	width:80%;
	max-width:1280px;
}
.clear{
	clear:both; 
}
.slider{
	width:80%;
	max-width:1280px;
	margin-top:25px;
	margin-bottom:10px;
	margin-top:218px;
}
#titu{
	font-family: OpenSansBold;
	font-weight:normal;
	font-size:35px;
	color:#808080;
	margin-top:15px;
}
#titu2{
	font-family: OpenSansBold;
	font-weight:normal;
	font-size:35px;
	color:#faa100;
	margin-top:15px;
}
#fuente{
	color:#808080;
	font-size:18px;
	width:80%;
}
#liista{
	display:inline-block;
	width:45%;
}
#liistaB{
	display:inline-block;
	width:30%;
}
#fuente span{
	color:#FAA100;
	font-family: OpenSansBold;
}
.bbTe{
	background:#e6e4df;
	width:calc(100% - 19px);
	padding:9px;
	color:#808080;
	text-align:left;
	padding-top:33px;
	padding-bottom:20px;
	font-size:18px;
	height:200px;
}
.bbTeJK{
	background:#e6e4df;
	width:calc(100% - 18px);
	padding:9px;
	color:#808080;
	text-align:left;
	padding-top:13px;
	padding-bottom:20px;
	font-size:18px;
	
}
#imgApare{
	display:inline-block;
	width:150px;
	margin:10px;
	vertical-align:middle;
}
#imgApare img{
	width:100%;
	height:auto;
}
#imgApare2{
	display:inline-block;
	width:200px;
	margin:10px;
	vertical-align:middle;
}
#imgApare2 img{
	width:100%;
	height:auto;
}
.agrandar{}
.bbTe b{
	color:#808080;
	font-size:24px;
	font-family:OpenSansBold;
}
.col-md-4{
	display:inline-block;
	width:calc(32% - 7px);
	margin-top:15px;
	position:relative;
   cursor:pointer;
   vertical-align:top;
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
.col-md-4 img{
	width:100%;
	height:auto;
   
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}.col-md-3{
	display:inline-block;
	width:32%;
	margin-top:15px;
	position:relative;
   cursor:pointer;
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
.col-md-3 img{
	width:100%;
	height:auto;
   
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
.cursorApa{
	display:none;
	opacity: 0;
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
.col-md-3:hover .cursorApa{
	display:inline;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity: 1;
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
      
}


.spaced {
  
  opacity: .5;
  transition: all .3s ease-out;
}

.spaced {
  opacity: 1;
  
}

@keyframes fadein {
    from {
        opacity:0;
		
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
#espaC2{
	margin-left:0%;
}
#espaC1{
	margin-right:1.6%;
}
#map {
        height: 320px;
		width:calc(100%);
		
		position:absolute;
		
      }
	  .lineaPie{
		  height:1px;
		  border:none;
		  background:#E5E4DF;
		  margin-top:35px;
		  margin-bottom:35px;
	  }
	  .derechosPieA{
		  display:inline-block;
		  color:#808080;
		  font-size:18px;
		  padding-left:20px;
		  padding-right:20px;
	  }
	  .derechosPieB{
		  display:inline-block;
		  color:#808080;
		  font-size:18px;
		  padding-left:20px;
		  padding-right:20px;
	  }
	  .derechosPieB a{
		  color:#808080;
		  text-decoration:none;
	  }
	  
	  .tableListado{
		  display:table;
	  }
	  .trL{
		  display:table-row;
	  }
	  .tdL1{
		  display:table-cell;
		  width:35px;
		  vertical-align:middle;
		  height:35px;
	  }
	  .tdL1 img{
		  width:21px;
		  height:auto;
	  }
	  .tdL2{
		  display:table-cell;
		  height:35px;
		  vertical-align:middle;
		  color:#808080;
		  font-size:18px;
		  text-align:left;
	  }
	  #boton{
		  margin-top:45px;
		  margin-bottom:45px;
	  }
	  #boton img{
		  width:60%;
		  max-width:300px;
		  height:auto;
	  }
	  .superPosicion{
		  position:absolute;
		  z-index:999999;
		  
		  
	  }
	  .superPosicion a{
		  cursor:pointer;
	  }
 
@media screen and (max-width: 1220px) {
	.encabezado{
		width:98%;
	}
	.pie{
		width:98%;
	}
	.container{
		width:98%;
	}
	.slider{
		width:98%;
	}
}
 
@media screen and (max-width: 950px) {
	
	.menu a{
			font-size:17px;
	}
	.minuBtn{
			font-size:17px;
	}
	  .tdL2{
		 
		  font-size:16px;
		 
	  }
	  .derechosPieB{
		 
		  font-size:16px;
		 
	  }
	  .derechosPieA{
		 
		  font-size:16px;
		 
	  }
	  .pie1B{
		 
		  font-size:16px;
		 
	  }
	  #fuente{
		 
		  font-size:16px;
		 
	  }
.submenu{
	top:24px;
	min-width:180px;
}
}
.menu2{
	display:none;
}
.submenuMov{
	display:none;
	position:absolute;
	width:100%;
	background:#808080;
	top:188px;
	z-index:999999999;
	
}
@media screen and (max-width: 750px) {
	
#liista{
	display:inline-block;
	width:95%;
}
}
@media screen and (max-width: 820px) {
#liistaB{
	display:inline-block;
	width:80%;
	text-align:left;
}
		.menu{
			display:none;
		}
.menu2{
	display:inline;
	position:absolute;
	bottom:10px;
	right:10px;
}
.menu2 img{
	width:40px;
	height:auto;
	cursor:pointer;
}.encabezado{
	height:150px;
	
}
}
.minuBtnMenu{
	width:calc(100% - 21px);
	padding:10px;
}
.submenuMov a{
	text-decoration:none;
	color:#FFF;
}
.submenuMovil{
	display:none;
	background:#a09c9c;
}
.encabezadofijoMov{
	display:none;
}
@media screen and (max-width: 820px) {
	.slogan{
		display:none;
	}

.encabezado{
	min-height:225px;
	
}
.submenuMov{
	display:none;
	position:relative;
	width:100%;
	background:#808080;
	top:28px;
	z-index:999999999;
	margin-bottom:45px;
}
.logo img{
	height:auto;
	width:100%;
	
}

.menu2{
	display:inline;
	position:relative;
	bottom:0px;
	right:10px;
}
.encabezadofijo{
	display:none;
}
.encabezadofijoMov{
	display:inline
}
.logoMoov{
	width:100%;
	height:auto;
}
.slider{
	
	margin-top:25px;
	margin-bottom:10px;
	
}
}
@media screen and (max-width: 400px) {
	
.logo img{
	height:auto;
	width:80%;
	
}
}
@media screen and (max-width: 1070px) {
	.col-md-3{
	display:inline-block;
	width:31.8%;
	margin-top:15px;
	position:relative;
   
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
.col-md-3 img{
	width:100%;
	height:auto;
   
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
.col-md-4{
	display:inline-block;
	width:calc(31.8% - 7px);
	margin-top:15px;
	position:relative;
   
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
.col-md-4 img{
	width:100%;
	height:auto;
   
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
}
@media screen and (max-width: 770px) {
	.col-md-3{
	display:inline-block;
	width:90%;
	margin-top:15px;
	position:relative;
   
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
.col-md-3 img{
	width:100%;
	height:auto;
   
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
#espaC2{
	margin-left:0%;
}
#espaC1{
	margin-right:0%;
}
}

@media screen and (max-width: 840px) {
.col-md-4{
	display:inline-block;
	width:90%;
	margin-top:15px;
	position:relative;
   
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
.col-md-4 img{
	width:100%;
	height:auto;
   
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
}

.colu50{
	display:inline-block;
	width:calc(50% - 25px);
	padding:11px;
	font-size:15px;
	color:#808080;
	text-align:justify;
	margin-top:218px;
	vertical-align:top;
}
.colu50B{
	display:inline-block;
	width:calc(50% - 3px);
	padding-top:11px;
	padding-bottom:11px;
	font-size:15px;
	color:#808080;
	text-align:justify;
	margin-top:15px;
	vertical-align:top;
}
.colu100{
	display:inline-block;
	width:calc(100% - 25px);
	padding:11px;
	
	text-align:justify;
	margin-top:207px;
	vertical-align:top;
}
.colu100B{
	display:inline-block;
	width:100%;
	padding-top:11px;
	padding-bottom:11px;
	
	text-align:justify;
	margin-top:207px;
	vertical-align:top;
}
.colu100C{
	display:inline-block;
	width:100%;
	padding-top:11px;
	padding-bottom:11px;
	
	text-align:justify;
	margin-top:20px;
	vertical-align:top;
}
.colu50 div{
	text-align:right;
}

.imgGal{
	width:33.3%;
	border:none;
	z-index:9;
	cursor:pointer;
	display:inline;
	box-sizing:border-box;
	float:left;
	
	position:relative;
}
.imgGal img{
	width:100%;
	height:auto;
}
.imgGalNones{
	display:none;
	opacity: 0;
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}
.imgGal:hover .imgGalNones{
	display:inline-block;
	
	z-index:99;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity: 1;
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
      
}
.imgGal2{
	width:33%;
	border:none;
	height:auto;
	cursor:pointer;
	margin-top:-2px;
	margin-bottom:-2px;
}
.imgGal3{
	width:33%;
	border:none;
	height:auto;
	cursor:pointer;
	margin-top:-2px;
	margin-bottom:-2px;
	margin-left:-16px;
}
.contactoBanner{
	width:100%;
	height:auto;
}
.inputType{
	background:#e6e4df;
	color:#000;
	border:none;
	padding:6px;
	font-size:18px;
	width:100%;
}
@media screen and (max-width: 820px) {
	.imgGal{
	width:50%;
}
@media screen and (max-width: 500px) {
	.imgGal{
	width:100%;
}
.colu50{
	display:inline-block;
	width:calc(100% - 25px);
}
.colu50B{
	display:inline-block;
	width:calc(100% - 25px);
}
}
@media screen and (max-width: 920px) {
.pie1{
	background:#e5e4df;
	position:relative;
	margin:0px;
	padding:10px;
	box-sizing:border-box;
	float:left;
	width:50%;
	vertical-align:top;
	
	text-align:center;
}
.pie3{
	background:#e5e4df;
	position:relative;
	margin:0px;
	padding:10px;
	box-sizing:border-box;
	float:left;
	width:50%;
	vertical-align:top;
	
	text-align:center;
}
.pie2{
	background:#e5e4df;
	position:relative;
	margin:0px;
	padding-top:0px;
	display:inline-block;
	width:calc(30% - 2px);
	vertical-align:top;
	height:320px;
	text-align:left;
	margin-left:-4px;
}	
}
@media screen and (max-width: 780px) {
	
.piezeta{
	display:inline;
	padding-bottom:35px;
}
.pie{
	display:none;
}
.pieB{
	display:block;
	width:98%;
	background:#e5e4df;
}
.pieBA{
	display:table;
	padding-top:30px;
	
}

.pie1JK{
	background:#e5e4df;
	display:table-row;
	
}
.pie1AJK{
	display:table-cell;
	width:30px;
	padding-bottom:30px;
	vertical-align:top;
}
.pie1AJK img{
	width:100%;
	height:auto;
}
.pie1BJK{
	display:table-cell;
	padding-bottom:30px;
	color:#808080;
	font-size:18px;
	vertical-align:top;
	padding-left:20px;
}
}