/******************************************
    STARTUP
******************************************/



body, html {
	top:0;
	left:0;
    margin:0;
    padding: 0;
    width:100%;
    height:100%;
	z-index:0;
	/*background-color:transparent;
	background-image:url(../imgs/fondos/fondo4a.jpg);
	background-position:top center;
	background-attachment: fixed;
	background-repeat:no-repeat;*/
}






#fondo{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	min-width: 100%;
  min-height: 100%;
	z-index:0;
	margin:0;
	padding:0;
	background-color:transparent;
	/*background-image:url(../imgs/fondos/fondo4.jpg);*/
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position:center center;
	background-attachment: fixed;
}


#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:transparent; background:rgba(f,f,f,0.8) url(../img/loading.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#fff;}
#supersized a.prevslide { z-index:-20; }
#supersized a.activeslide { z-index:-10; }
#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }





@import url('normalize.css');

@import url(animate.css);




section.container{
	display:block;
	width:100%;
	max-width:1280px;
	height:100%;
	z-index:999;
	background-color:transparent;
	
}

#logo{margin-top:20px; text-align:left;}

#gala{margin-top:20px; text-align:right;}

img.logotext{margin-left:10px;}

.clr{
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}







/*************************************/
#bolas{
	margin-top:90px;
	z-index:999;
}

#central{
	margin-top:-145px;
	
}
.ch-grid {
	z-index:999;
	width: 225px;
	height: 225px;
	display: inline-block;
	margin: 20px;
	
	
	transition:All 3s ease;
-webkit-transition:All 3s ease;
-moz-transition:All 3s ease;
-o-transition:All 3s ease;

transform: scale(0) translate(-600px);
-webkit-transform: scale(0) translate(-600px);
-moz-transform: scale(0) translate(-600px);
-o-transform:scale(0) translate(-600px);
-ms-transform: scale(0) translate(-600px);
	
	
	
}



.ch-item {
	margin-left:-17px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	cursor: default;
	position:relative;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
}

.ch-img-1 { 
	background-image: url(../imgs/bolas/clinica.jpg);
	background-color:#FFF;
}

.ch-info {
	z-index:999;
	position: absolute;
	background: rgba(224,33,48, 0.8);
	width: 225px;
	height: 225px;
	border-radius: 50%;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	visibility:hidden;
	opacity:0;
	
	

}
 
.ch-info h2 {
	color: #fff;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 60px 0 0 0;
	height: 175px;
	line-height:29px;
	font-family: 'Abel', sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}


.ch-item:hover {
	opacity: 1;
	visibility: visible;
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}


#izquierda:hover .ch-info {
	opacity: 1;
	visibility: visible;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


.mostrainfo{
	
	opacity: 1;
	visibility: visible;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
 


/*******************************************************/

.ch-grid2 {
	width: 225px;
	height: 225px;
	display: inline-block;
	margin: 20px;
	
	transition:All 3s ease;
-webkit-transition:All 3s ease;
-moz-transition:All 3s ease;
-o-transition:All 3s ease;

transform: scale(0) translate(0%, -230%);;
-webkit-transform: scale(0) translate(0%, -230%);;
-moz-transform: scale(0) translate(0%, -230%);;
-o-transform:scale(0) translate(0%, -230%);;
-ms-transform: scale(0) translate(0%, -230%);;
	
}




.ch-item2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	cursor: default;
	position:relative;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-img-2 { 
	background-color:#FFF;
	background-image: url(../imgs/bolas/ong1.png);
}


.ch-info2{
	position: absolute;
	background: rgba(224,33,48, 0.8);
	width: 225px;
	height: 225px;
	border-radius: 50%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	visibility:hidden;
	opacity:0;

}



.ch-info2 h2 {
	color:#fff;
	letter-spacing:2px;
	font-size: 22px;
	margin: 0 15px;
	padding: 85px 0 0 0;
	height: 140px;
	line-height:33px;
	font-family: 'Abel', sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}




.ch-item2:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item2:hover .ch-info2 {
	/*-webkit-transform: scale(1)!important;;
	-webkit-transform-style: preserve-3d;
    -webkit-transform: scale3d(1,1,1);
	
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);*/
	opacity: 1;
	visibility: visible;

}





/*********************************************************/

.ch-grid3 {
	width: 225px;
	height: 225px;
	display: inline-block;
	margin: 20px;
	
	transition:All 3s ease;
-webkit-transition:All 3s ease;
-moz-transition:All 3s ease;
-o-transition:All 3s ease;

transform: scale(0) translate(0%, 230%);;
-webkit-transform: scale(0) translate(0%, 230%);;
-moz-transform: scale(0) translate(0%, 230%);;
-o-transform:scale(0) translate(0%, 230%);;
-ms-transform: scale(0) translate(0%, 230%);;
	
}

.ch-img-3 { 
	background-color:#FFF;
	background-image: url(../imgs/bolas/africa.jpg);
}



.ch-item3 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	cursor: default;
	position:relative;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}



.ch-info3{
	position: absolute;
	background: rgba(224,33,48, 0.8);
	width: 225px;
	height: 225px;
	border-radius: 50%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	visibility:hidden;
	opacity:0;
}


.ch-info3 h2 {
	color: #fff;
	letter-spacing:2px;
	font-size: 22px;
	margin: 0 15px;
	padding: 85px 0 0 0;
	height: 140px;
	line-height:33px;
	font-family: 'Abel', sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}


.ch-item3:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item3:hover .ch-info3 {
	/*-webkit-transform: scale(1)!important;;
	-webkit-transform-style: preserve-3d;
    -webkit-transform: scale3d(1,1,1);
	
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);*/
	opacity: 1;
	visibility: visible;
	-webkit-backface-visibility: visible;
}






/*********************************************************************/

.ch-grid4 {
	width: 225px;
	height: 225px;
	display: inline-block;
	margin: 20px;
	
	
	transition:All 3s ease;
-webkit-transition:All 3s ease;
-moz-transition:All 3s ease;
-o-transition:All 3s ease;

transform: scale(0) translate(600px);
-webkit-transform: scale(0) translate(600px);
-moz-transform: scale(0) translate(600px);
-o-transform:scale(0) translate(600px);
-ms-transform: scale(0) translate(600px);
}

.ch-img-4 {
	background-color:#FFF;
	background-image: url(../imgs/bolas/sensibilizacion.jpg);
}


.ch-item4 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	cursor: default;
	position:relative;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
}

.ch-info4{
	position: absolute;
	background: rgba(224,33,48, 0.8);
	width: 225px;
	height: 225px;
	border-radius: 50%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	visibility:hidden;
	opacity:0;

}





.ch-info4 h2 {
	color:#fff;
	letter-spacing:2px;
	font-size: 22px;
	margin: 0 15px;
	padding: 85px 0 0 0;
	height: 140px;
	line-height:33px;
	font-family: 'Abel', sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}



.ch-item4:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item4:hover .ch-info4 {
	/*-webkit-transform: scale(1)!important;;
	-webkit-transform-style: preserve-3d;
    -webkit-transform: scale3d(1,1,1);
	
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);*/
	opacity: 1;
	visibility: visible;
	
}




/*******************************************************/

#footer, #footer a{
	font-family: 'Tahoma', sans-serif;
	margin-top:20px;
	font-size:11px;
	color:#fff;
	letter-spacing:0px;
	font-weight:normal;
}











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

	


#logo{margin-top:20px; text-align:center;}
#gala{margin-top:20px; text-align:center;}

#bolas{
	margin-left:15px;
	margin-top:20px;
	text-align:center;
}

#central, #derecha{
	margin-left:-20px;
	margin-top:20px;
	text-align:center;
	
}

#izquierda{margin-left:20px;}
	

}




.escalar{


	transform: scale(1) translate(0px);
-webkit-transform: scale(1) translate(0px);
-moz-transform: scale(1) translate(0px);
-o-transform: scale(1) translate(0px);
-ms-transform: scale(1) translate(0px);
visibility:visible;

	
}


#popup-cookies{
  position: fixed;
 /* display:none;*/
  bottom: 0px;
  left: 0px;
  border: solid 1px #dddddd;
  padding: 10px;
  background-color: rgba(255, 255, 255, 1);
  color: #333;
  font: 12px 'Open Sans', sans-serif;
  z-index: 10000;
  width: 100%;
  height:auto;
  text-align:center;
}

#popup-cookies a {
	color:#F00;
	text-decoration:underline;
}



#popup-cookies #cerrar,
#popup-cookies #cerrar1{
  cursor: pointer;
  display:inline;
 text-align:center;
  padding:7px;
  width:115px;
  font: 13px 'Open Sans', sans-serif;
  background-color:#F00;
  border:0;
  color:#fff;
}

#popup-cookies #cerrar1 {
	cursor: pointer;
	display: inline;
	text-align: center;
	padding: 7px;
	width: 115px;
	margin-top:-1px;
	font: 13px 'Open Sans', sans-serif;
	background-color: #F00;
	border: 0;
	color: #fff;
}



.txtpolitica{
	style="color:#000;font-size:0.78em;
}



ul.share-buttons{
	margin-top:50px;
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

ul.share-buttons img{
  width: 32px;
  margin:5px;
}