* {
    margin: 0;
    padding: 0;
}
body{ overflow: hidden; width:1600px;}
.content {
    /*height: auto;
    width: 700px;*/
}
.contentCaja{
    width: 920px;
    height: 780px;
    position:relative;
    margin:0 auto;
    font-size: 1.2em;
      -webkit-transition: all 0.5s ease-in-out;
  transition:  all 0.5s ease-in-out;
}
.border{ border:1px solid #ff0000; background: #808080;}
.logo { background-image: url("../Img/logotipo266x100.jpg"); background-position: top left; background-repeat: no-repeat; }
/* circulo central d44f4f*/
.cuadrado1 {
    background: #d44f4f;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding: 120px 30px;
    z-index: 1;
    /*overflow: hidden;*/
        opacity: 0.9;
    filter: alpha(opacity=90);
      -webkit-transition: all 0.5s ease-in-out;
  transition:  all 0.5s ease-in-out;
}
/* circulo capacidad 9d8bb6*/
.cuadrado2 {
    background: #9d8bb6;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /*position: absolute;
    top: 10px;
    left: 50px;*/
    z-index: 6;
    padding: 30px 50px 150px 50px;
    /*overflow: hidden;*/
      -webkit-transition: all 0.5s ease-in-out;
  transition:  all 0.5s ease-in-out;

}
/* circulo coherencia ff9933*/
.cuadrado3 {
    background: #ff9933;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /*position: absolute;
    top: 10px;
    right: 50px;*/
    z-index: 5;
    padding: 30px 50px 150px 50px;
    /*overflow: hidden;*/
      -webkit-transition: all 0.5s ease-in-out;
  transition:  all 0.5s ease-in-out;
}
/* circulo confluencia 8bc9e2*/
.cuadrado4 {
    background: #8bc9e2;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /*position: absolute;
    top: 10px;
    right: 50px;*/
    z-index: 4;
    padding: 30px 50px 150px 50px;
    /*overflow: hidden;*/
      -webkit-transition: all 0.5s ease-in-out;
  transition:  all 0.5s ease-in-out;
}
/* circulo creatividad fddc4e*/
.cuadrado5 {
    background: #fddc4e;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /*position: absolute;
    top: 10px;
    right: 50px;*/
    z-index: 3;
    padding: 30px 50px 150px 50px;
    /*overflow: hidden;*/
      -webkit-transition: all 0.5s ease-in-out;
  transition:  all 0.5s ease-in-out;
}
/* circulo complementariedad 66cc99*/
.cuadrado6 {
    background: #66cc99;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /*position: absolute;
    top: 10px;
    right: 50px;*/
    z-index: 2;
    padding: 30px 50px 150px 50px;
    /*overflow: hidden;*/
      -webkit-transition: all 0.5s ease-in-out;
  transition:  all 0.5s ease-in-out;
}


a {
    color: #000;
    text-decoration: none;
    display: block;
}

    a:hover, a:active {
        color: #fff;
        text-decoration: none;
          -webkit-transition: all 0.2s ease-in-out;
  transition:  all 0.2s ease-in-out;
    }

.cuadrado1:hover,
.cuadrado2:hover,
.cuadrado3:hover,
.cuadrado4:hover,
.cuadrado5:hover,
.cuadrado6:hover 
{ z-index: 10;
  -webkit-transition: all 0.2s ease-in-out;
  transition:  all 0.2s ease-in-out;
}
#cuad1:hover,
#cuad2:hover,
#cuad3:hover,
#cuad4:hover,
#cuad5:hover,
#cuad6:hover 
{ 

}