@charset "iso-8859-1";
/* CSS Document */
body, html {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	background-image:url(../images/fondo.png);
}
.vbox-container p{
	line-height: 30px;
	}
h1{
	font-family: 'Capriola', sans-serif;
	text-transform: uppercase;
	border-left: solid 20px #f26651;
	padding-left:15px;
	margin-bottom:60px;
}
@media only screen and (max-width: 400px) {
	h1{
		font-size:29px;
	}
}
.contenedorGral {
	margin-top:70px;
	background-color:#fff;
}
@media only screen and (min-width: 767px) {
.contenedorGral {
	margin-top:140px;
}
}
	#logoBig {
	display: none;
}
@media only screen and (min-width: 768px) {
	#logoBig {
	display: block;
	cursor:pointer;
}
}
.navbar-inverse {
	background-color:#fff;
	border:none;
}
@media only screen and (max-width: 768px) {
	.navbar-inverse {
	height: 65px;
}
}
.navbar-collapse {
	background-color:#c6de83;
}
.navbar-inverse .navbar-nav > li > a {
	color:#2a3516;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color: #f26651;
}
#myNavbar {
	margin-top:63px;
}
@media only screen and (max-width: 768px) {
	#myNavbar {
	margin-top:15px;
}
}
.navbar-toggle {
	background-color:#dcefb9
}
.navbar {
	margin-bottom: 0px
}
@media only screen and (max-width: 768px) {
	.navbar {
	margin-bottom: 20px
}
}
@media only screen and (min-width: 1200px) {
.navbar-nav {
	margin-left:14%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
	.navbar-nav {
	margin-left:8%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.navbar-nav {
	font-size:14px;
}
}
.navbar-fixed-top {
	z-index: 10;
}
.donarMenu {
	color:#FFF;
	margin-top:20px;
	text-align: right;
}
.donarMenu a{
	background-color:#f26651;
	padding:10px;
	color:#FFF;
	font-size:15px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
}
@media only screen and (max-width: 768px) {
	.donarMenu {
	margin-top:15px;
}
.donarMenu a{
	padding:5px;
	color:#FFF;
	font-size:13px;
}
}
@media only screen and (min-width: 770px) and (max-width: 850px) {
	.donarMenu {
	margin-bottom: 0px;
	}
}
@media only screen and (max-width: 767px) {
	.donarMenu {
		margin-right:50px;
		margin-bottom: -50px;
		float:right;
	}
}
.donarMenu img {
	margin-right:9px;
}

#logoSmall {
	display: none;
}

@media (max-width: 768px) {
	#logoSmall {
		display: block;
	}
}


/* Icon Float */
.mision {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
   border-radius: 50%;
   width:220px;
   height:220px;
   text-align:center;
   border: solid 4px #ad53bf;
   margin-bottom: 15px;
   background-color:#81338d;
}
.mision:before {
  content: url(../images/iconoMision.png);
  position: absolute;
  top:15px;
  right: 35%;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.centrar a{
	color:#FFF;
}
.mision:hover:before, .mision:focus:before, .mision:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.vision {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
   border-radius: 50%;
   width:220px;
   height:220px;
   text-align:center;
   border: solid 4px #ad53bf;
   margin-bottom: 15px;
   background-color:#81338d;
}
.vision:before {
  content: url(../images/iconoVision.png);
  position: absolute;
  top:15px;
  right: 35%;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.vision:hover:before, .vision:focus:before, .vision:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.valores {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
   border-radius: 50%;
   width:220px;
   height:220px;
   text-align:center;
   border: solid 4px #ad53bf;
   margin-bottom: 15px;
   background-color:#81338d;
}
.valores:before {
  content: url(../images/iconoValores.png);
  position: absolute;
  top:15px;
  right: 30%;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.valores:hover:before, .valores:focus:before, .valores:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.historia {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
   border-radius: 50%;
   width:220px;
   height:220px;
   text-align:center;
   border: solid 4px #ad53bf;
   margin-bottom: 15px;
   background-color:#81338d;
}
.historia:before {
  content: url(../images/iconoHistoria.png);
  position: absolute;
  top:15px;
  right: 30%;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.historia:hover:before, .historia:focus:before, .historia:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.titSomos {
position: absolute;
font-family: 'Capriola', sans-serif;
font-weight:700;
bottom: 25px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
font-size:34px;
color:#fff;
}
.titSomos a:hover, .titSomos a:active, .titSomos a:link, .titSomos a:visited, .titSomos a:focus{
	color:#fff;
	}
.centrar { 
	text-align:center;
}
.trabajamos {
	background-color:#f7c80b;
	padding: 32px  25px;
	border-radius: 50%;
	height: 370px;
	width:370px;
	float:left;
	margin-left:10px;
	margin-bottom:25px;
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #eea507, 0 0 1px rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 400px) {
	.trabajamos {
	border-radius: 0%;
	margin-left:0px;
	width:100%;
	}
}
.trabajamos:hover {
	box-shadow: inset 0 0 0 2px #ca7200, 0 0 1px rgba(0, 0, 0, 0);
}
.trabajamos h2 {
	color:#ca7200;
	font-family: 'Capriola', sans-serif;
	font-weight:700;
	text-align:center;
}
.trabajamos ul{
	list-style-image: url(../images/asterisco.png); 
}
.trabajamos ul li{
	padding:10px;
}
.trabajamos ul li a:link, .trabajamos ul li a:visited{
	color:#333;
}
.modelo ul li {
	padding:0px;
}
#hex3 {
  width: 200px;
  height: 200px;
}
#color3 {
  background-color: #D93;
}

#color3 {

  background-color: #D93;

}
#hexagono {
padding: 0;
}
#hexagono li {
display: inline;
}
#hexagono li a {
font-size:11px;
font-weight:700;
text-decoration: none;
float:left;
padding: 10px;
border-radius: 0px 20px;
background-color:#f6bce0;
color: #c3338c;
width:250px;
height:150px;
text-align:center;
padding-top:47px;
margin-bottom: 20px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  margin-right: 25px;
}
#hexagono li a:hover {
	  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#hexagono li a span {
	font-family: 'Capriola', sans-serif;
	font-size:25px;
}
.involucrateManeras {
	display: block;
	background-color:#ec2327;
	border-radius:50%;
	width:240px;
	height:240px;
	padding: 20px;
	margin-bottom: 20px;
	  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  margin: 0 auto;
  text-align: center;
}
.involucrateManeras p {
	font-family: 'Capriola', sans-serif;
	margin-top:60px;
	color:#fff;
	font-size:24px;
	font-weight:700;
}
.involucrateManeras:hover {
  background-color: #357ab8;
  color: white;
}
.btn-default {
	background-color:#f68d39;
	color:#FFF;
	border:none;
	padding:12px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.btn-default:hover {
	background-color:#357ab8;
	color:#FFF;
}
.footer {
	background-color:#e6e6e6;
}
.divisiones {
	height:100px;
}
.contactoTexto {
	padding:60px;
	font-size:13px;
}
.socialMedia {
	text-align:center;
}
.socialMedia img{
	float: right;
	padding-left:6px;
}
.venoframe {
	padding:20px !important;
}
#quienesSomos {
	background-color:#eef4fd;
	padding:80px 0px 80px 0px;
}
#comoTrabajamos {
	padding:80px 0px 80px 0px;
}
#amigosCorazones {
	background-color:#eef4fd;
	padding:80px 0px 80px 0px;
}
#involucrate {
	padding:80px 0px 80px 0px;
}
#transparencia {
	background-color:#FFF;
	padding:80px 0px 80px 0px;
}
.containerSlider {
    width: 100%;
    margin: 0px auto;
}
.flotarIzquierda {
	float:left;
	margin: 20px;
}
.flotarDerecha{
	float: right;
	margin: 20px;
}
@media only screen and (max-width: 568px) {
	.flotarIzquierda {
	margin: 0px;
}
.flotarDerecha{
	margin: 0px;
}
}
.flotarIzquierda2 {
	float:left;
	margin: 4px;
}
.vbox-inline {
	width:100%;
	height:720px;
	background:url(../images/fondoInt.png) !important;
}
@media only screen and (min-width: 1200px) {
	.vbox-inline {
	width:80%;
	}
}
@media only screen and (max-width: 992px) {
.vbox-inline {
	height:480px;
}
}
@media only screen and (max-width: 768px) {
.vbox-inline {
	height:320px;
}
}
.salto {
	clear:both;
}
.chiquita {
	font-size:12px;
}
#layerslider {
  z-index: 0;
}