@import url(normalize.css);
@import url(lazy-load.css);
@import url(bootstrap.css);

* { margin: 0; padding: 0; outline: 0; }
body, html { height: 100%; }

body {
	font-size: 13px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #706f6f;
	min-width: 100%;
	margin:0;
	padding:0;
	background: #fff url(../images/003.jpg) no-repeat top center;


}
.bg1{background: url(../images/bg.jpg) #f9f9f9 no-repeat center top}

body a { 
	color: #0252aa; text-decoration: none; cursor: pointer; }
body a:hover{ color:#79b63e;}


a img { border: 0; }
.more{     font-size: 11px;
    background: url(../images/degrade-green.jpg) #639830 repeat-x;
    color: #FFF;
    padding: 5px 15px;
    display: inline-block;
    position: relative;}
.more:before{ content:''; position:absolute; top:-7px; left:50%; background:url(../images/triangle.png) no-repeat; width:15px; height:7px; margin-left:-7px;}
.more:hover { background:#538b1c; color:#FFF; }

.more1{ color: #ffffff;
    background-color: #008cd2;
	margin: 0 25px;
    border-color: none;
    -webkit-box-shadow: 0px 10px 45px 0px rgba(0, 140, 210, 0.6), inset 0px 5px 13px 0px rgba(73, 159, 255, 0.33);
    -moz-box-shadow: 0px 10px 45px 0px rgba(0, 140, 210, 0.6), inset 0px 5px 13px 0px rgba(73, 159, 255, 0.33);
    box-shadow: 0px 10px 45px 0px rgba(0, 140, 210, 0.6), inset 0px 5px 13px 0px rgba(73, 159, 255, 0.33); padding:10px 45px; border-radius:30px; font-family: 'Titillium Web', sans-serif;  line-height:normal;}
.more1:hover{ color: #ffffff;
  background-color: #639830;
  -webkit-box-shadow: 0px 10px 65px 0px rgba(88, 170, 13, 0.9), inset 0px -5px 13px 0px rgba(123, 255, 0, 0.33);
  -moz-box-shadow: 0px 10px 65px 0px rgba(88, 170, 13, 0.9), inset 0px -5px 13px 0px rgba(123, 255, 0, 0.33);
  box-shadow: 0px 10px 65px 0px rgba(88, 170, 13, 0.9), inset 0px -5px 13px 0px rgba(123, 255, 0, 0.33);}

.descarga_brochure{ color: #ffffff;
    background-color: #639830;
	margin: 0 25px;
    border-color: none;
    -webkit-box-shadow: 0px 10px 45px 0px rgba(88, 170, 13, 0.6), inset 0px 5px 13px 0px rgba(123, 255, 0, 0.33);
    -moz-box-shadow: 0px 10px 45px 0px rgba(88, 170, 13, 0.6), inset 0px 5px 13px 0px rgba(123, 255, 0, 0.33);
    box-shadow: 0px 10px 45px 0px rgba(88, 170, 13, 0.6), inset 0px 5px 13px 0px rgba(123, 255, 0, 0.33); padding:10px 45px; border-radius:30px; font-family: 'Titillium Web', sans-serif;  line-height:normal;}
.descarga_brochure:hover{ color: #ffffff;
  background-color: #303E47;
  -webkit-box-shadow: 0px 10px 65px 0px rgba(48, 62, 71, 0.9), inset 0px -5px 13px 0px rgba(202, 202, 202, 0.33);
  -moz-box-shadow: 0px 10px 65px 0px rgba(48, 62, 71, 0.9), inset 0px -5px 13px 0px rgba(202, 202, 202, 0.33);
  box-shadow: 0px 10px 65px 0px rgba(48, 62, 71, 0.9), inset 0px -5px 13px 0px rgba(202, 202, 202, 0.33);}

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
 
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

article, aside, details, footer, header, menu, nav, section { display: block; }
ul{ list-style:none;}

	h2,h3,h4,h5{font-family: 'Titillium Web', sans-serif;  line-height:normal;}

	h2{ font-size:16px;   color:#0083c4; font-weight:600;}
	h3{ font-size:25px; margin:20px 0; color:#2082c1; font-weight:400;}
			.sub1{ color:#79b63d; display:block;   font-size:20px; }
			.sub2{   display:block;   font-weight:100;  font-size:37px; color:#1384db; }
			.sub3{ color:#3c729b; font-weight:100;}
			.sub4{ border-top:1px dotted #5c98cb;  border-bottom:1px dotted #5c98cb; padding:8px 0;}
	

	h4{ font-size:18px; font-weight:600; margin:15px 0; color:#2f9add;}
	h5{   margin:20px 0;  font-size:18px; font-weight:100;}
	
	p{ line-height:22px;}

.contenedor { width:1110px; margin:0 auto;}
.relative{ position:relative;}

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 45px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.padd10{ padding:10px;}
.padd15{ padding:10px 15px;}
.padd30{ padding:30px;}

.section{ padding:30px 0;}


/*HEADER */
#header{ padding:15px 0 0 0; font-family: 'Titillium Web', sans-serif;}
	.numeros { color: #666; font-weight:600; float:left;}
	.numeros .phone{ background:url(../images/icons/phone1.png) no-repeat; padding-left:25px;}
	.numeros .celular{ background:url(../images/icons/cell1.png) no-repeat; padding-left:25px;}
	
	.h-right{ float:right;}
	.h-right .mail{ background:url(../images/icons/mail1.png) 0 3px no-repeat; padding-left:25px; font-weight:600; float:left;}
	.h-right .redes{ float:left; border-left:#CCC 1px solid; padding-left:20px; margin-left:30px;}
	.h-right .redes a{ display:inline-block;}
	
	.redes{ text-align:right;}
	.redes li{display:inline-block;}
	.redes a{ display:block; background:url(../images/icons/redes.png) no-repeat; width:20px; height:20px;}
	.redes .fb{ background-position: 0 4px;}
		.fb:hover{background-position: 0 0px;}
	.redes .tw{ background-position: -20px 5px;}
		.tw:hover{background-position: -20px 0;}
 
	
	#logo{ position:absolute; top:-10px; left:50%; z-index:9; margin-left:-165px;}
	#logo a{ display:block; background:url(../images/gerer-energy.png) no-repeat; width:293px; height:145px;}


/* navigation */
#navigation{   background: url(../images/navigation.jpg) repeat-x #0c6ead}
#navigation .container{ }
#navigation li{ display:inline-block;   }
	.mag-r{ margin-right:290px;}
#navigation li a{ display:block;   color:#FFF; padding:17px 16px; font-size:14px;   letter-spacing:normal; 

 
	position:relative;
	z-index:1;
	-webkit-transition:padding 0.4s;
	-moz-transition:padding 0.4s;
	-o-transition:padding 0.4s;
	transition:padding 0.4s;
}
#navigation li a:after{content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #79b63e;
    z-index: -1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;}
	
#navigation li:hover a:after{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	}	
#navigation li a span{ display:block;  font-size:13px; color:#e2e7fb; letter-spacing:1px;}
#navigation li a:hover, #navigation li a.activo{ }

.menu-ubicador{   font-size:12px; color:#999; margin-top:30px;}
.menu-ubicador a{ text-decoration:underline; color:#999;}

/* SLIDER */
#slider{ }
	#icons{ text-align:center; z-index:99; position:absolute; top:-65px; width:100%; background:url(../images/bg-incons.png) no-repeat center bottom; height:100px; text-align:center;}
	#icons li{
display: inline-block;
    margin: 0 5px;
    vertical-align: top;
    width: 90px;
 
		 }
	#icons li a{ width:60px;  display:block; background: #fff; padding:5px; border:#71db67 3px solid; border-radius:10px; color:#66a900; margin:0 auto; height:60PX;  transition:all .3s; overflow:hidden; position:relative;}
		.rayo{ border:#fee401 3px solid !important;
 
background: #fee400 !important;  
background: -moz-linear-gradient(top, #fee400 25%, #fdc602 30%)  !important;  
background: -webkit-linear-gradient(top, #fee400 25%,#fdc602 30%)  !important; 
background: linear-gradient(to bottom, #fee400 25%,#fdc602 30%) !important;  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee400', endColorstr='#fdc602',GradientType=0 ) !important;  
		}
		.rayo span{ color:#333;}
		
	#icons li .ic{ display:block; line-height:45px; font-size:45px;  border-radius:50%; transition:all .2s;}
	#icons li:hover .ic{ position:absolute; top:0; left:-70px; transition: all .6s;}
	#icons li a:hover .ic{top:5px; left:5px !important;}
	
	
	
	#icons h2{
		display: block;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 600;
    color: #208fd4;
    line-height: 20px;
    text-align: center;
		}
	#icons h2 span{
		    display: block;
    font-size: 16px;
    color: #64b119;
		}
 
 
	#icons a:hover{    }

	 

/* main */
#main{ background:#f1f6f9;}
#main p{ margin-bottom:10px;}

	.col1{ width:200px;}
	.col1a{ width:300px;}
	.col2{ width:455px;}
	.col3{ width:500px;}
	.col4{ width:600px;}
	.col5{ width:700px;}
	.col6{ width:50%;}
		.colm2{ background:#a6def6; min-height:400px;}
	.col7{ width:850px;}


.eolica{ background:url(../images/eolica1.png) no-repeat right bottom; min-height:480px;}

#franja1{ background:#f3f3f3; padding:35px 0 0 0;}

.line{ background:url(../images/line-1.gif) repeat-x;}

/* SOLUCIONES */
.soluciones{ text-align: center; }
.soluciones li{ border:#EAEAEA 1px solid; box-shadow:0 0 4px #F4F4F4; border-bottom:#0083c4 4px solid; display:inline-block;  text-align:center; width:19%; margin:0 2px; vertical-align:top;}

.soluciones li p{ color:#858585; font-size:13px; line-height:24px;}
.soluciones li img{ width:100%;}
.soluciones h2{ margin-bottom:10px;}
.soluciones .txt{ padding:15px; background:#FFF;}

/* SERVICIOS */
#servicios{ background:url(../images/bg-green-serv.jpg) no-repeat #7ab245;}
#servicios h4, #servicios h5{ color:#FFF;}
#servicios h4 { font-size:30px !important;}
	.bord1{ border-right:#FFF 1px solid; min-height:400px;}
#servicios .col3{ min-height:360px;}
#servicios li{color:#FFF; }	
	.servicios li{ font-family: 'Titillium Web', sans-serif; font-size:17px; background:url(../images/icons/check1.png) no-repeat; padding-left:35px; margin:15px 0 15px 80px; line-height:25px;}
   
   /* interior servicios */
   .servicioss{ text-align:center;  border-right: 1px solid #E4E8E8; width:1050px; margin:0 auto;}

   .servicioss li{ display:inline-block; border-bottom: 1px solid #E4E8E8;     border-left: 1px solid #E4E8E8; width:517px;}
   servicioss li im{ width:100%;}
   .servicioss li .int{ padding:15px 35px 50px 35px;}
   .servicioss  p{ color:#666; font-size:12px; margin-bottom:10px;}
   
/* servicios */
.general-servis{ background:url(../images/bg-soluciones.jpg) center bottom no-repeat; padding:50px 0; }
.general-servis li{ display:inline-block;     background: rgba(255,255,255,.9); padding:25px; width:30%; margin:0 15px 20px 15px; vertical-align:top; font-family: 'Titillium Web', sans-serif; font-size:16px; border:#EBEBEB 1px solid; border-radius:3px}
.general-servis li>div{ min-height:50px;}
	.serv1{ background:url(../images/icons/serv1.png) no-repeat; padding-left:55px;}
	.serv2{ background:url(../images/icons/serv2.png) no-repeat; padding-left:55px;}
	.serv3{ background:url(../images/icons/serv3.png) no-repeat; padding-left:55px;}
	.serv4{ background:url(../images/icons/serv4.png) no-repeat; padding-left:55px;}
	.serv5{ background:url(../images/icons/serv5.png) no-repeat; padding-left:55px;}
	.serv6{ background:url(../images/icons/serv6.png) no-repeat; padding-left:55px;}
	.serv7{ background:url(../images/icons/serv7.png) no-repeat; padding-left:55px;}
	.serv8{ background:url(../images/icons/serv8.png) no-repeat; padding-left:55px;}
	.serv9{ background:url(../images/icons/serv9.png) no-repeat; padding-left:55px;}

/* menu-vertical */
.menu-vertical{ border-right:#E9E9E9 1px solid; min-height:600px;}
.menu-vertical h5{ background:#55a2d7; color:#FFF; padding:0 10px;  font-size:15px;}
.menu-vertical li{ border-bottom:#E9E9E9 1px solid; background:url(../images/icons/arrow2.png) 0 3px no-repeat; padding-left:20px; padding-bottom:5px;}
.menu-vertical li a{ padding:8px 0;}

 
/* otras soluciones */
#other-solutions{ }
#box{ width:1000px; margin:30px auto; padding:20px; border:#CCC 1px dashed;}
   
/* PRODUCTOS **/
.products{ margin-left:-5px; text-align:center;}
.products li{width: 16%;
    border: #d6e1e7 1px solid;
    padding: 10px;
    text-align: center;
    background: #fafcfd;
    display: inline-block;
    margin:0 2px;
    vertical-align: top;
    margin-bottom: 10px;}
.products li p{ color:#707070; font-size:12px;}
.products .imagen{ height:90px; border-bottom:#2f9add 1px dashed;}
.products .imagen img{ max-width:100%;}

/* products-marca */
.productss{ padding:20px;}
.productss li{ display:block; margin:5px; border-top:#F0F0F0 1px solid; min-height:120px;}
.productss .imagen{ width:250px; margin:0 15px 0 0; float:left;}
.productss .contenido{width:500px; margin:0 15px 0 0;  float:left;}
.productss p{ color:#666; font-size:12px;}

/* INTERIOR */
#encabezado { border-bottom:#e8e8e8 1px solid; padding:20px 0 0 0;}
.mision{  padding:10PX 30px; float:left; width:650px;}
.vision{ border:#e8e8e8 1px solid; padding:10PX 30px; float:right; width:450px;}
.lista1 li{ background:url(../images/icons/check.png) 4px 5px no-repeat; padding-left:35px; margin-bottom:6px;}

.lista2 li{ background:url(../images/icons/check.png) 4px 5px no-repeat; padding-left:35px; margin:0 10px; margin-bottom:6px; width:270px; display:inline-block; vertical-align:top;}

.lista3 li{ background:url(../images/icons/arrow1.png) 4px 5px no-repeat; padding-left:35px; margin-bottom:25px;}
.lista3 li strong{ color:#5299bc; font-size:13px; text-decoration:underline}

.lista4 { margin:15px 0;}
.lista4 li{ background:url(../images/icons/arrow1.png) 4px 5px no-repeat; padding-left:35px; margin-bottom:5px;}

.border{ border:#ebebeb 1px solid; padding:4px;}

.sub-solu{   font-family: 'Titillium Web', sans-serif; padding:10px 0;}
.sub-solu li{ display:inline-block; font-size:14px; margin:0 35px 0 0;}
.sub-solu li a{ color:#333; padding:0 5px;}


.barra{ background:#f2f2f2; padding:35px; text-align:center; color:#848484;}

/* clientes */
#clientes{ border-bottom:#e3e3e3 1px solid; margin-bottom:30px;}
.clientes{ text-align: center;}
.clientes li{ width:230px; margin: 15px; display:inline-block; border:#dcebf5 1px solid;}

/*  casos */
.casos li{ display:inline-block; width:29%; margin:0 20px 20PX 20PX; position:relative; border:#b9c9d3 4px solid; }
.casos li .inf{ position:absolute; background:rgba(20,61,123,.9); padding:15px; color:#FFF; bottom:0; line-height:16px;}
.casos li img{ width:100%}

/*  fabricacion */
.fabric li{ display:inline-block; width:29%; margin:0 20px 20PX 20PX; position:relative; padding:20px; border-radius:6px;  background: #ecf7f7;  min-height:300px; vertical-align:top;}
.fabric li .inf{ text-align:center; font-size:15px; margin:15px 0; color:#0871c1; color:#158497;}
.fabric li img{ width:100%}


.cont1{ background:#f8f8f8; border:#eeeeee 1px solid; padding:15px; border-radius:4px; margin:0 15px;}

/* CONTACTO */
.box-contact{     box-shadow: 0px 9px 20px 0px rgba(64, 73, 89, 0.2);}
.box-contact h3{ background:#0e82cc; color:#FFF; padding:10px 25px; font-size:20px;}
.box-contact ul{ margin:0 20px;}


.formulario .campo{ border:#D8D8D8 1px solid; padding:12px 15px; width:185px; margin:5px;}
.formulario textarea{border:#D8D8D8 1px solid; padding:8px 15px; width:645px; margin:5px;}
.formulario .enviar{ background:#79b63e; color:#FFF; padding:15px 65px;  border:0; margin:5px;}

/* FOOTER */
#footer{ background:#303e47; color:#FFF; padding:65px 0 10px 0; text-align:center; font-size:14px;}
#footer .nav li{ display:inline-block; margin:0 15px; font-family: 'Titillium Web', sans-serif;}
#footer .nav li a{ color:#ececec;}



.dates p{ padding-left:25px; margin-bottom:15px;}
.dates .ubic{ background:url(../images/icons/ubic.png) no-repeat;}
.dates .phone{ background:url(../images/icons/phone.png) no-repeat;}
.dates .cell{ background:url(../images/icons/cell.png) no-repeat;}
 
/* COPY */
#copy{ border-top:#273238 1px solid; padding:30px 0; color:#a8a8a8; margin-top:30px;}
#copy li{ display:inline-block; border-right:#bdbdbd 1px solid; padding-right:10px; margin-right:10px; line-height:12px;}
	.regist{ color:#848484; font-size:12px; margin-top:12px;}
	
.marg{
	margin:0 10px 0 0 !important;
}

.mitad{
	width:50%;
	float:left;
}

@media (max-width: 1200px) {
#navigation li a{ display:block;   color:#FFF; padding:17px 6px; }
.products li{width: 15%;}
}
@media (max-width: 993px) {
#logo{ position: inherit;  top:0; left:0; margin:0; float:left;}
.right-1{ float:right; margin-top:15px;}
.resp-2{ clear:both;}
#logo a{ background:url(../images/gere-energy-1.png) no-repeat; width:198px; height:116px;}
.mag-r{ margin:0;}
.resp1{ display:none;}
#header{ padding:0 ;}
}
@media (max-width: 950px) {
	#icons, .resp{ display:none;}
	
	.soluciones li{ width:49%;}
	.products li{width: 45%;}
	
	.nav1{ display:none !important;}
	#footer{ padding:20px 0;}
	#copy li{ display:block; border-right: none; padding-right:0; margin-right:0; line-height: normal; margin-bottom:10px;}
	.bord1{ border:0; min-height:10px;}
	
}
@media (max-width: 570px) {
	#icons, .resp{ display:none;}
	.soluciones li{ width:100%;}
}
@media (max-width: 570px) {
	#logo{ margin:0 auto !important; float: none;}

	#logo a{ background:url(../images/gere-energy-1.png) no-repeat; background-size: contain; width:150px; height:100px;  }
	.right-1{ display: none;}
	
}