@charset "utf-8";

@font-face{
	font-family: "opensans1";
	src: url("fuentes/opensans/OpenSans-Regular.ttf");	
}

@font-face{
	font-family: "opensans2";
	src: url("fuentes/opensans/OpenSans-Light.ttf");	
}

.logo-club{
	/*width:110px;*/
	width:199px;	
}

.bloque-club, .bloque-club-50 { 
	float: left;
	cursor: pointer;
	margin-top: 40px;
	margin-right: 15%;
	margin-left:15%;
	position: relative;
	width:70%;
	height: 280px;
} 

#contenedor_pares_club {
	 width:80%; 
	 height:auto;
	 /*overflow:hidden;*/
	 padding-top:10px;
	 margin-bottom:30px;
	 text-align:center;
}

.medio-club, .medio-club-100, .medio-club-50, .medio-club-30 {
	 position:relative;
	 width: 90%;
	 margin:25px 5% 10px 5%;
	 text-align: center;  
	 padding:10px 0px; 
	 transition:1s;
	 box-sizing:border-box;
	 float:none !important; 
	 display:inline-table !important; 
	
}


	
.medio-club a, .medio-club-100 a, .medio-club-50 a, .medio-club-30 a{
	text-decoration:none;	
}

 
.medio-club a img, .medio-club-100 a img, .medio-club-50 a img, .medio-club-30 a img{
	width: 100%;
	display:block;
}

.h2-club{
	font-weight: bold; 
	/*color:#5d5d5d; */
	color:#1d232c;
	padding: 0px; 
	margin-bottom: 10px; 
	box-sizing:border-box;
	text-decoration:none;
	font-size:15px;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'opensans1', sans-serif;
	
}

.medio-club:hover, .medio-club-100:hover, .medio-club-50:hover, .medio-club-30:hover{
	-webkit-box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.75);
	-moz-box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.75);
	box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.75);
	box-sizing:border-box;
}

#submenuproyectos{
 font-size:15px;	
 margin-top:15px;
/*font-family: "Source Sans Pro", sans-serif;*/
font-family: "opensans1", sans-serif;
font-weight: 300;
 text-align:center;
 line-height:normal;
}

#submenuproyectos a, #submenuproyectos div {
 text-decoration:none;
 color:#bebebe;
 display:inline-block;
}

.guion{
	/*font-family:'Source Sans Pro', sans-serif;*/
	font-family: "opensans1", sans-serif;
	font-size:15px;
	color:#bebebe;
	display:inline-block;	
}

.guion:before{
content: " - ";
}
.guion:after{
content: " ";
}

.myProgress, .myProgress2 {
   width: 100%;
  background-color: #ddd;
  float:left;
  height: 12px;
  border-radius: 10px;
  border: 1px solid #c0c0c0;
  box-sizing:border-box;
}

.myBar, .myBar2 {
  max-width:100%;
  height: 10px;
  /*background-color: #888;*/
  background-color: #1d232c;
  float:left;
   border-radius: 10px;
}

.total, .total2{
	float:right;
	color:#c0c0c0;	
}

.inversionactual, .porcentaje, .obrainicio, .obracompletada{
	float:left;	
}

.contenedorbarra, .contenedorbarra2{
	width:100%;	
	/*font-family: "Source Sans Pro",sans-serif;*/
	font-family: "opensans1",sans-serif;
	float:left;
    /*color:rgb(111,111,111);*/
	color:#1d232c;
	font-size:18px;
}

.contenedorbarra{
	margin-top: 15px;
}

.contenedorbarra2{
	margin-top: 10px;
}


.titulobarra, .titulobarra2, .titulobarra3{
	float:left; 
	clear:both;	
}

.titulobarra2{
	font-size:15px !important;
/*	font-family: "Source Sans Pro",sans-serif;*/
    font-family: "opensans1", sans-serif;
	color:rgb(111,111,111);
}

.titulobarra3{
	font-size:18px !important;
	/*font-family: "Source Sans Pro",sans-serif;*/
	font-family: "opensans1", sans-serif;
	color:rgb(111,111,111);
	padding: 0px 0px 0px 15px;
	line-height: 1.5;
}
/*CAMBIO NEW*/
.contenedor-filosofia{
	width:100%;
	max-width:800px;
	font-family: 'opensans2', sans-serif; 
	color:#1d232c !important;
	font-size:15px;
	text-align:justify;
}

.filosofia-100{
	padding: 0px 15px;
	width:100%;
	float: left;
	margin-bottom: 25px;
	box-sizing:border-box;
}

.filosofia-50{
	padding: 0px 15px;
	width:100%;
	float: left;
	margin-bottom: 25px;
	box-sizing:border-box;
}

.datos-indice-finalizados{
	color:rgba(111,111,111,1.00); 
	/*font-family:'Source Sans Pro'; */
	font-family:'opensans1';
	margin-top:15px;
}

.datos-indice-finalizados > div{
	border-bottom:1px solid rgb(228,228,228); 
	width:100%; 
	float:left;
}

.datos-indice-finalizados > div > p:first-child{
	float:left;
}

.datos-indice-finalizados > div > p:last-child{
	float:right;
}

.areapersonal-contenedor{
	margin-top:20px; 
	width: 90%; 
	max-width: 400px;
	font-family:'opensans1'; 
	font-size:18px;
}

.areapersonal-contenedor2{
	/*border:1px solid rgba(171,171,171,1); 
	padding:8px 20px 8px 20px;
	margin-bottom:20px;
	width: 100%;
	float: left;
	box-sizing: border-box;*/
	
	    width: 100%;
    border-width: 0;
        border-bottom-width: 0px;
    padding: 5px 0%;
    margin: 0 0 20px;
    font-family: 'opensans1', sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    /*border-bottom: 1px solid #1d232c;*/
   /* color: #4e4e4e;*/
   color:#1d232c;

}

.areapersonal-contenedor2 p{
	cursor:default;
	margin-bottom:10px;
}

.areapersonal-contenedor2b{
	/*border:1px solid rgba(171,171,171,1); 
	padding:8px 20px 8px 20px;
	margin-bottom:20px;
	width: 100%;
	float: left;
	box-sizing: border-box;*/
		   
    border-width: 0;
    border-bottom-width: 0px;
  /*  padding: 5px 0%;*/
    margin: 0 0 20px;
    font-family: 'opensans1', sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    border-bottom: 1px solid #1d232c;
    color: #4e4e4e;
	padding-bottom:30px;
	padding-top:5px;

}

.areapersonal-interior{
	/*font-size:14px !important;	
	padding:8px 0px 8px 0px;
	color:#1D232C;*/
	
	 width: 100%;
    border-width: 0;
        border-bottom-width: 0px;
    padding: 5px 0%;
    margin: 0 0 20px;
    font-family: 'opensans1', sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    border-bottom: 1px solid #1d232c;
    /*color: #4e4e4e;*/
	/*color: #1d232c;*/
	color:#848484;
	
	
}

.areapersonal-interior span{
	cursor:default;
	font-size:16px;
}

.areapersonal-interior2{
	/*font-size:14px !important;	
	padding:8px 0px 8px 0px;
	color:#1D232C;*/
	
	 width: 100%;
    border-width: 0;
        border-bottom-width: 0px;
    padding: 5px 0%;
    margin: 0 0 20px;
    font-family: 'opensans1', sans-serif;
    font-size: 13px;
    box-sizing: border-box;
   /* border-bottom: 1px solid #1d232c;*/
   /* color: #4e4e4e;*/
	color:#a3a3a3;
}

.areapersonal-interior2:hover{
	color:#1d232c;
}

.areapersonal-subtitulo{
	font-size:23px; 
	font-weight:600; 
	text-align:center; 
	margin-bottom:25px;	
	color:#1d232c;
}


.boton-invertir{
	width:80px;
	margin-right:-40px;
	background-color:black; 
	color:white; 
	/*font-family:'Source Sans Pro',sans-serif; */
	font-family: "opensans1", sans-serif;
	position:absolute; 
	right:50%; 
	top:-15px; 
	padding:2px 0px; 
	z-index: 1000;
}

.boton-invertir:hover{
	color:rgba(170,170,170,1.00) !important;
	
}

.etiqueta-estado{
	position: absolute !important; 
	width: 6% !important; 
	min-width: 70px !important;
}

.caja-etiqueta-reservado{
	width:100%; 
	position:absolute; 
	left:0px; 
	top:50%; 
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);	
}

.etiqueta-reservado, .etiqueta-vendido{
	/*background-color:black; */
	background-color:#1d232c;
	color:white; 
	padding:10px 30px; 
	/*font-family: 'Source Sans Pro',sans-serif;*/
	font-family: 'opensans1',sans-serif;
	font-size:20px;
	letter-spacing: 2px;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-device-width: 481px) {

.bloque-club, .bloque-club-50 { 
	float: left;
	cursor: pointer;
	margin-top: 40px;
	margin-right: 2.5%;
	margin-left:2.5%;
	position: relative;
	width:45%;
	height: 300px;
} 

#contenedor_pares_club {
	 width:80%; 
	 max-width:950px;
	 padding-top:10px;
	 
}

.medio-club-100{
	 width: 70%;
	 margin:0 5% 10px 5%;
	 text-align: center;  
	 padding:10px 0px; 
	 transition:1s;
	 box-sizing:border-box;
	 float:none !important; 
	 display:inline-block !important; 
}

.medio-club, .medio-club-50, .medio-club-30{
	 width: 44%;
	 margin-top:0px;
	 margin-right:2.5%;
	 margin-left: 2.5%;
	 margin-bottom:25px;
	 float:none;
	 padding:10px 0px; 
}

.h2-club {
	font-size:15px;
	line-height:16px;
	margin-bottom:3px;
}

.areapersonal-subtitulo{
	font-size:23px; 
	margin-bottom:20px;	
	
}



}

@media only screen and (min-device-width: 500px) {
.filosofia-50{
	width:50%;
}



}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-device-width: 768px) {

.bloque-club { 
	float: left;
	cursor: pointer;
	margin-top: 38px;
	margin-right: 3%;
	margin-left:3%;
	position: relative;
	width:44%;
	height: 264px;
} 

.medio-club-100{
	 width: 50%;
	 margin:0 5% 10px 5%;
	 text-align: center;  
	 padding:10px 0px; 
	 transition:1s;
	 box-sizing:border-box;
	 float:none !important; 
	 display:inline-block !important; 
}

.medio-club-50{
	 width: 44%;
	 margin-right:2.5%;
	 margin-left: 2.5%;
	 margin-bottom:25px;
	 float:none;
	 padding:10px 0px; 
}

.medio-club-30{
	 width: 30%;
	 margin-right:1.333%;
	 margin-left: 1.333%;
	 margin-bottom:25px;
	 float:none;
	 padding:10px 0px; 
}

.medio-club{
	 width: 29%;
	 margin-right:1.5%;
	 margin-left: 1.5%;
	 margin-bottom:35px;
}

.h2-club{
	font-size:19px;
	line-height:18px;
	margin-bottom:4px;
}

.areapersonal-subtitulo{
	font-size:28px; 
	
}



}

@media only screen and (min-device-width: 1025px) {
.bloque-club { 
	margin-top: 38px;
	margin-right: 1.25%;
	margin-left:1.25%;
	width:30%;
	height: 300px;
} 

.medio-club{
	margin-bottom:22px;
}

.boton-invertir{
	width:80px;
	margin-right:0px;
	background-color:black; 
	color:white; 
	/*font-family:'Source Sans Pro',sans-serif; */
	font-family:'opensans1',sans-serif; 
	position:absolute; 
	right:0%; 
	top:-15px; 
	padding:2px 0px; 
	z-index: 1000;
}
	
}