@import url(css/normalize.css);

* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

ul, ol, li {
  list-style: none; }

html {
  height: 100%; }

body {
  height: 100%; }

.wrapper {
  max-width: 97%;
  margin: 1em auto;
  font-family: 'Source Sans Pro', arial, serif;
  font-weight: 200; }

header {
  max-width: 100%;
  margin: 1em auto;
  padding: 0.2em 0.2em 2.5em 0.2em;
  text-align: center;
  background-color: #064901; }

header a {
  font-size: 1.8em;
  color: #dddbdb; }

header p {
  font-style: italic;
  font-weight: bold;
  font-size: 1.5em;
  position: static;
  color: #dddbdb;
  padding: 0em 1em;
  float: right; }

section {
  max-width: 100%;
  height: 27em;
  margin: 1em auto;
  padding: 0em;
  background: #FFFFFF;
  overflow: hidden; 
  position: relative;}

section ul {
  height: 27em;
  width: 600%;
  margin-left: 0%;}

section li {
  width: 14.28571428571429%;
  height: 27em;
  float: left; }

.carrusel1 {
  background: url(images/equipo.jpg) no-repeat center;
  background-size: cover; }

.carrusel2 {
  background: url(images/socios.jpg) no-repeat center;
  background-size: cover; }

.carrusel3 {
  background: url(images/especialidad.jpg) no-repeat center;
  background-size: cover; }

.carrusel4 {
  background: url(images/sectores.jpg) no-repeat center;
  background-size: cover; }

.carrusel5 {
  background: url(images/compromiso.jpg) no-repeat center;
  background-size: cover; }

.carrusel6 {
  background: url(images/oficina.jpg) no-repeat center;
  background-size: cover; }

nav {
  max-width: 100%;
  margin: 0em auto;
  padding: 0em 7em;
  overflow: hidden;
  height: 5em;
  line-height: 5em;
  text-align: center; 
  text-transform: lowercase;}

nav li {
  float: left;
  padding: 0em 1.9em;}

nav a {
  font-size: 1.5em;
  color: #7C7777; }

nav a:hover{
  color:#064901;}

footer{
  max-width: 100%;
  margin: 0em auto;
  padding: 0em 2em;
  overflow: hidden;
  height: 4em;
  line-height: 4em;}

footer li{
  float: right;
  padding: 0em;
  color:#dddbdb; 
  font-size: 2em;}  

.copy {
  max-width: 100%;
  margin: 0em auto;
  padding: 1em 0em;
  font-size: 0.7em;
  font-weight: 400;
  text-align: center;
  text-transform: lowercase;
  height: 0.5em;
  line-height: 0.5em;}

.copy a {
  color: #7C7777;}

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?21506855');
  src: url('font/fontello.eot?21506855#iefix') format('embedded-opentype'),
       url('font/fontello.woff?21506855') format('woff'),
       url('font/fontello.ttf?21506855') format('truetype'),
       url('font/fontello.svg?21506855#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?21506855#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  font-size: 150%; 
 
  /* Uncomment for 3D effect */
  text-shadow: 0.5px 0.5px 0.5px rgba(127, 127, 127, 0.3); 
}
 
.icon-mail:before { content: '\e800'; color:#7C7777; ;} /* '' */
.icon-linkedin:before { content: '\e801'; color:#7C7777;} /* '' */

.socios{
  max-width: 100%;
  margin: 0em auto;
  padding: 0em 0em;
  overflow: hidden;
  text-transform: lowercase;} 

.socio {
  max-width: 44%;
  float: left;
  margin: 0em 0em 0em 0em;
  padding: 2em;}

.socio h2{
  font-size: 1.5em;
  padding: 0em;
  color:#064901;}

.socio h3{
  font-size: 1.5em;
  padding-bottom: 0em;
  color:#064901;}

.socio h4{
  font-size: 1em;
  padding: 1em 0em 0em 0em;
  color:#7C7777;}

.socio li{
  padding: 0em 0em 1em 0em;}

.socio li a{
  color: #064901;
  font-weight: bolder;
  font-size: 1.2em;}

section img{
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0; top: 0;}

.frasecj{
  position: relative;
  z-index: 10;
  top: 15em;
  text-align: left;
  width: 40%;
  font-style: italic;
  padding: 1em;
  color:#FFFFFF; 
  font-weight: bold;
  font-size: 1.3em;
  text-transform: lowercase;}

 .frasejcg{
  position: relative;
  z-index: 10;
  top: 11em;
  text-align: right;
  width: 50%;
  font-style: italic;
  padding: 1em;
  color:#FFFFFF; 
  font-weight: bold;
  font-size: 1.3em;
  float: right;
  text-transform: lowercase;}

 .fraseespecialidad{
  position: relative;
  z-index: 10;
  top: 13em;
  text-align: right;
  width: 40%;
  font-style: italic;
  padding: 1em;
  color:#FFFFFF; 
  font-weight: bold;
  font-size: 1.3em;
  float: right;
  text-transform: lowercase;}

 .frasesectores{
  position: relative;
  z-index: 10;
  top: 0.1em;
  text-align: right;
  width: 40%;
  font-style: italic;
  padding: 1em;
  color:#FFFFFF; 
  font-weight: bold;
  font-size: 1.3em;
  float: right;
  text-transform: lowercase;}  

 .frasecompromiso{
  position: relative;
  z-index: 10;
  top: 11em;
  text-align: right;
  width: 40%;
  font-style: italic;
  padding: 1em;
  color:#FFFFFF; 
  font-weight: bold;
  font-size: 1.3em;
  float: right;
  text-transform: lowercase;}   

.areasaccordion{
  max-width: 100%;
  margin: 0em auto;
  padding: 2em;
  text-transform: lowercase;
  border:0px solid #7C7777;
  border-bottom:none;} 

.areasaccordion h2{
  color:#064901;
  border-bottom:0px solid #7C7777;
  padding:0.5em;
  font-size: 1.5em;}

.areasaccordion h2 a{
  color: inherit;
  padding:0em;
  text-decoration: none;
  display: block;}

.areasaccordion li{
  padding:0em 0 1em 1em;
  background:#FFFFFF; 
  border-bottom:0px solid #7C7777;
  font-size: 1em;}

.contact{
  max-width: 100%;
  margin: 0em auto;
  padding: 0em 1em;
  overflow: hidden;
  font-size: 1em;
  color: #7C7777;
  text-align: right;
  text-transform: lowercase;}

.successcases{
  max-width: 100%;
  margin: 0em auto;
  padding: 2em;
  text-transform: lowercase;
  border:0px solid #7C7777;
  border-bottom:none;} 

.successcases h2{
  color:#064901;
  border-bottom:0px solid #7C7777;
  padding:0em;
  font-size: 1.5em; 
  text-decoration: underline;}

.successcases h2 a{
  color: inherit;
  padding:0.5em;
  text-decoration: none;
  display: block;}

.successcases li{
  padding:0em 0 1em 1em;
  background:#FFFFFF; 
  border-bottom:0px solid #7C7777;
  font-size: 1em;}

.successcases li a{
  background:#FFFFFF; 
  border-bottom:0px solid #7C7777;
  font-size: 1em;
  color:#064901 ;
  font-style: italic;
  text-decoration: underline;}


@media screen and (max-width: 479px){ 

header a{font-size: 1em;}
header p{font-size: 0.9em;} 
section{height: 10em;}
section ul li{height: 35%;}
nav{padding: 0em 0em;height: 15em;}
nav li{float: none; display:block;line-height: 2em;}
nav a{font-size: 1em;}
footer{display:none;}
.copy{display: none;}
.frasecj{display: none;}
.frasejcg{display: none;}
.socio{ max-width: 100%;float:none;display:}
.socio h2{font-size: 1.2em;}
.socio h3{font-size: 1.2em;}
.socio h4{font-size: 0.8em;}
.socio li a{font-size: 1em;}
.fraseespecialidad{display: none;}
.successcases{display: none;}
.frasesectores{display: none;}
.frasecompromiso{display: none;}
.areasaccordion h2{font-size: 1.2em;}
.areasaccordion li{font-size: 0.8em;}
.contact{padding: 0em 1em 3em 0em;font-size: 0.7em;}

}

@media screen and (min-width: 480px) and (max-width: 760px){ 

header a{font-size: 1.1em;}
header p{font-size: 1em;}
section{height: 15em;}
section ul li{height: 60%;}
nav{padding: 0em 0em;height: 15em;}
nav li{float: none; display:block;line-height: 2em;}
nav a{font-size: 1.2em;}
.copy{display: none;}
.frasecj{display: none;}
.frasejcg{display: none;}
.socio{ max-width: 100%;float:none;display:}
.socio h2{font-size: 1.2em;}
.socio h3{font-size: 1.2em;}
.socio h4{font-size: 0.8em;}
.socio li a{font-size: 1em;}
.fraseespecialidad{display: none;}
.successcases{display: none;}
.frasesectores{display: none;}
.frasecompromiso{display: none;}
.areasaccordion h2{font-size: 1.2em;}
.areasaccordion li{font-size: 0.8em;}
.contact{padding: 0em 1em 3em 0em;font-size: 0.7em;}

}

@media screen and (min-width: 761px) and (max-width: 1266px){

header a{font-size: 1.5em;}
header p{font-size: 1.4em;}
section{height: 22em;}
section ul li{height: 85%;}
nav{padding: 0em 0em;height: 5em;}
nav li{float: left; padding: 0em 1em}
nav a{font-size: 1.3em;}
.frasecj{display: none;}
.frasejcg{display: none;}
.fraseespecialidad{display: none;}
.successcases{display: none;}
.frasesectores{display: none;}
.frasecompromiso{display: none;}


}

/*@media screen and (min-width: 1267px){}*/