/*
*
*  MODULOS
*
*/


.contenedor_perfiles
{
 position: relative;
 display: block;
 float: left;
 width: 100%;
 margin: 0px;
 padding: 20px;
 box-sizing: border-box; 
}


.header_perfiles
{
 position: relative;
 display: block;
 float: left;
 width: 100%;
 height: 32px;
 margin: 0px;
 padding: 0px;
 padding-left: 10px;
 box-sizing: border-box; 
 text-align: left;
}

.header_perfiles span
{
  font-size : 24pt;  
  font-family : droid sans,arial,verdana,tahoma;  
  text-align : left;  
  color: #0077BB;  
  line-height: 16px; 
  border-bottom: 1px solid   color: #0077BB;
}


.gridperfiles_normal
{
 display: block;
 float: left;
 width: calc(100% - 10px);

 padding: 5px;

}


.gridperfiles_estrecho
{
 display: block;
 float: left;
 width: calc(30% - 40px);

 padding: 5px;

}


.divperfil_normal
{
 display: block;
 float: left;
 width: calc(16.66% - 27px);
 margin: 12px;
 padding: 0px;
 transition:all 0.4s ease;

 text-align: center;
}


.divperfil_normal:hover
{
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
	cursor: pointer;       

}

.divperfil_sel
{
 display: block;
 float: left;
 width: calc(50% - 12px);
 border: 1px solid #d0d0e0;
 border-radius: 0px;
 margin: 5px;
 padding: 0px;
 transition:all 0.4s ease;
 background-color: #ffffff;
 text-align: center;
}


.divperfil_estrecho
{
 display: block;
  float: left;
  width: calc(50% - 12px);
  border: 1px solid #d0d0e0;
  border-radius: 0px;
  margin: 5px;
  padding: 0px;
  transition:all 0.4s ease;
  background-color: #fafafa;
  text-align: center;
  /*
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  */  
  opacity: 0.30;
}




.divperfil_estrecho:hover
{
	cursor: pointer;
        border-radius: 10px;	
	opacity: 0.9;

}



.conteicoperfil_sel
{
  display:block;
  float: left; 
  width: 120px; 
  height: 100%;
  border-right: 3px solid #0077BB;
}









.conteicoperfil
{
  display:block;
  float: left; 
  width: 100%; 
}

.icoperfil
{ 
  display: block;
  max-width: 120px;
  width: 90px;
  min-width: 24px;
  margin:  auto;
  padding: 8px;
}


.captionperfil_normal
{
 display: block;
 float: left;
 width: calc(100% - 4px);

 border-top: #f0f0f0;
 height: 40px;
 text-align: center;
 margin: 2px;
}

.captionperfil_normal span
{
  font-size : 10pt;  
  font-family : droid sans,arial,verdana,tahoma;  
  text-align : center;  
  color: #0077BB;
  margin: 4px; 
  line-height: 16px; 
}

.captionperfil_estrecho
{
 display: block;
 float: left;
 width: calc(100% - 4px);
 border-top: #f0f0f0;
 height: 40px;
 text-align: center;
 margin: 2px;

}

.captionperfil_estrecho span
{
  font-size : 9pt;  
  font-family : droid sans,arial,verdana,tahoma;  
  text-align : center;  
  color: #0077BB;
  margin: 4px; 
  line-height: 15px; 
}

/*
*
*
*
*/

.conteinfoperfiles_oculta
{
 display: none;
 float: left;
 width: calc(70% - 25px);
 height: 400px;

 border-radius: 0px;
 margin: 12px;
 padding: 0px;
 transition:all 0.4s ease;
 text-align: center;
}

.conteinfoperfiles_visible
{
 position: relative;
 display: block;
 float: left;
 width: calc(70% - 20px);
 height: 400px;

 border-radius: 0px;
 margin: 0px;
 padding: 10px;
 transition:all 0.4s ease;
 
 text-align: center;
}




.infoperfil_oculto
{
  position: absolute;
  display: block;
  float: left;
  width: calc(100% - 20px);
  height: 400px;
  border: 1px solid #d0d0e0;
  border-radius: 0px;
  margin: 0px;
  padding: 0px;
  transition:all 0.4s ease;
  background-color: #fafafa;
  text-align: center;
  opacity: 0.0;
}


.infoperfil_visible
{
  position: absolute;
  display: block;
  float: left;
  width: calc(100% - 20px);
  min-height: 400px;

  border: 1px solid #d0d0e0;
  border-radius: 0px;
  margin: 0px;
  padding: 4px;
  padding-left: 24px;
  transition:all 0.4s ease;
  background-color: #FDFDFD;
  text-align: justify;
  opacity: 1.0;
}



.hinfoperfil
{
 display: block;
 float: left;
 width: 100%;
 height: 48px; 
 padding-bottom: 4px;

}

.hinfoperfil img
{
 display: block;
 float: left;
 height: 36px;
 padding: 2px;
}

.hinfoperfil span
{
  font-size : 18pt;  
  font-weight: bold;
  font-family : droid sans,arial,verdana,tahoma;  
  text-align : center;  
  color: #0077BB;
  margin: 4px; 
  line-height: 40px; 
  padding-left: 4px;
}




.infoperfil_visible p
{
  font-size : 11pt;  
  font-family : droid sans,arial,verdana,tahoma;  
  text-align : justify;  
  color: #404040;

}

.bullet
{
 height: 32px;
 padding: 2px;
}


.ulventajas
{
  margin: 6px;
  padding: 10px;
  
  list-style-type: none;
}



.ulventajas li
{
          margin:0; 
	  padding:0;
          background:url('../img/ok24.png') no-repeat 0 0;
          padding-left:32px; 
          min-height:24px; 
	  line-height: 20px; 
	  font-size : 10pt;  
	  font-family : droid sans,arial,verdana,tahoma;  
	  text-align : justify;  
	  color: #404040;
	  padding-bottom: 8px;
}



.ulventajasl2
{
  margin: 6px;
  padding: 4px;  
  list-style-type: none;
}


.ulventajasl2 li
{
          margin:0; 
	  padding:0;
          background:url('../img/bullet20.png') no-repeat 0 0;
          padding-left:20px; 
          min-height:22px; 
	  line-height: 20px; 
	  font-size : 9pt;  
	  font-family : droid sans,arial,verdana,tahoma;  
	  text-align : justify;  
	  color: #404040;
	  padding-bottom: 4px;
}