@charset "UTF-8";
/* CSS Document */


/* LÍNEA De NEGOCIOS */
#linea-negocios{
	background:url(../img/celtis-bg.jpg) center no-repeat #FEFEFE;
	background-size:cover;
}

#linea-negocios a{
	color:inherit;
	text-decoration:none;
	}

#linea-negocios a:hover{
	color:#93c01f;
	}

#divisiones{
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.panel{ 
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  }
  
.panel-energia {height:200px; background:url(../img/division-energia-off.jpg) #000;}

.panel-comercial {height:200px; background:url(../img/division-comercial-off.jpg) #000;}

.panel-servicios {height:200px; background:url(../img/division-servicios-off.jpg) #000;}

.panel-body {padding:0px; border-radius:0px;}

.transbox{ width: 100%; height: 100%;background:#000;  opacity:0;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;}
.panel:hover .transbox{ opacity:.5;}
.energia-icon {
	position:absolute;
	left:36%;
	top:40px;
	width:110px;
	height:110px;
  background: url(../img/btn-energia.png) no-repeat top;
  margin:auto;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  z-index:99;}
.panel:hover .energia-icon {background: url(../img/btn-energia.png) no-repeat bottom;}
.energia-icon:hover {background: url(../img/btn-energia.png) no-repeat bottom;!important;}
.division-energia{height:200px;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;}
	
.comercial-icon {
	position:absolute;
	left:36%;
	top:40px;
	width:110px;
	height:110px;
  background: url(../img/btn-comercial.png) no-repeat top;
  margin:auto;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  z-index:99;}
.panel:hover .comercial-icon {background: url(../img/btn-comercial.png) no-repeat bottom;}
.comercial-icon:hover {background: url(../img/btn-comercial.png) no-repeat bottom;!important;}
.division-comercial{height:200px;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;}

.servicios-icon {
	position:absolute;
	left:36%;
	top:40px;
	width:110px;
	height:110px;
  background: url(../img/btn-servicios.png) no-repeat top;
  margin:auto;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  z-index:99;}
.panel:hover .servicios-icon {background: url(../img/btn-servicios.png) no-repeat bottom;}
.servicios-icon:hover {background: url(../img/btn-servicios.png) no-repeat bottom;!important;}
.division-servicios{height:200px;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;}


#abajo{ padding: 0 10px 0 10px}

.fecha-news{ background:#93c01f; width:60px; height:60px; text-align:center; color:#FFF; position:absolute; top:120px; left:0px;}
.fecha-news h3 { padding:0px; margin-top:5px; margin-bottom:0px;}
.fecha-news p { padding:0px; margin-top:0px;}

.btn-default:hover{ background-color:#92C020}


/* IMAGENES */

.image-box, .image, .overlay {
	width:100%;
	height:100%;
}
.image-box {
  overflow: hidden;
}
.image {
  position: relative;
	background: url(../img/portfolio/fullsize/1.jpg);
	background-position: center;
} 
.image, .overlay {
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */

} 
.image:hover {
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -ms-transform: scale(1.5);
  opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
} 
.overlay {
	position:absolute;
	background-color:#FC0;
	width:100%;
	height:100%;
} 
.overlay:hover {
	opacity: 1.0;

}

#bolsatrabajo{
	padding-top:80px;
	padding-bottom:20px;
}