/*INICIA Recomendaciones para el autocuidado*/



.autocuidado   {float:left;
        position:relative;
        padding: 0px 5px 0px 5px;
	    display:block;
        margin:0px 10px 0px 0px;
        font-family: 'Poppins', sans-serif;


}

 


.autocuidado  li  {
    float:left;
	display:inline;
	width: 220px;
    height: 220px;

    	overflow: hidden;
   	position: relative;
	margin-top:30px;	
	margin-bottom:20px;
	margin-left: -10px;
	margin-right: 10px;
        border:1px solid #fff;
box-shadow: -10px -10px 20px rgba(0,0,0,0.1);

      
 background-color: #fff; 
color:#fff;
border-radius:10% ;
transition: background-color 0.5s ease-in-out;
 

}
       




.autocuidado h2{
    position: absolute;
 z-index:3;
background-color:#62c72e;
 font-family: 'Poppins', sans-serif;
    left: 0%;
    width: 100%;
    height: 40%;
    top: 55%;
padding:10px;
font-size: 18px;
line-height: 110%;
     color: #fff;
 text-decoration:none;
text-align: center;
font-weight:700;
letter-spacing:1px; 

  
}




.autocuidado h4{
    position: absolute;
 z-index:3;
background-color:#ff4001;
 font-family: 'Poppins', sans-serif;
    left: 0%;
    width: 100%;
    height: 40%;
    top: 62%;
padding:10px;
font-size: 18px;
line-height: 105%;
     color: #fff;
 text-decoration:none;
text-align: center;
font-weight:700;
letter-spacing:1px; 

  
}

.autocuidado h6{
    position: absolute;
 z-index:3;
background-color:#65b0a9;
 font-family: 'Poppins', sans-serif;
    left: 0%;
    width: 100%;
    height: 40%;
    top: 58%;
padding:10px;
font-size: 17px;
line-height: 105%;
     color: #fff;
 text-decoration:none;
text-align: center;
font-weight:700;
letter-spacing:px; 

  
}


.autocuidado h7{
    position: absolute;
 z-index:3;
background-color:#ff7a6e;
 font-family: 'Poppins', sans-serif;
    left: 0%;
    width: 100%;
    height: 45%;
    top: 65%;
padding:10px;
font-size: 18px;
line-height: 110%;
     color: #fff;
 text-decoration:none;
text-align: center;
font-weight:700;
letter-spacing:1px; 

  
}


span{text-align: center; font-size: 22px; font-weight:700;}




.autocuidado img{
  transition: all 1s linear;
  
}



.autocuidado img:hover{
transform: scale(1.5);
filter: opacity(25%);
  
}

/*FIN Material para descargar en Material práctico para la consulta*/

.boton {
        float:left;
	display:inline;
	text-align:center;
	letter-spacing: 1px;
	width:96%;
	margin: 20px 20px;
}

.boton a {
	font-family:Myriad pro, Arial, Tahoma;
	font-size:20px; 	
	color:#fff;
	display:block;
    width:100%;
    margin-bottom:-40px;
	outline:0;
	text-decoration:none;
    padding: 30px;
    border-radius: 5px;
	font-weight:100px;
	text-shadow: 1px 1px 1px #9da3b5;
	box-shadow: 3px 3px 1px #dce8eb;
    background: rgba(246,69,172,0.7); -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }


.boton a:hover { background: #e4e2e3;  color: #333; webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }


Col{background: #d6bb70; color: white;}

.botonPies a {background: rgba(133,26,25, 0.4);  -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }


.botonEdu a {background: rgba(209,115,255,0.8); -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }


.botonOdon a {background: rgba(246,69,172,0.7); -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }

.botonOftalmo a{background: rgba(141,57,218,0.8); -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }


.botonNutri a {background: rgba(97,193,45,0.8); -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }

.botonSalud a {background: rgba(252,129,122,0.9); -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }

.botonFisi a { background: rgba(243,80,26,0.7); -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }





.julio   {float:left;
         position:relative;
         padding: 0px 5px 0px 5px;
	     display:block;
         margin:0px 0px 20px 0px;
         font-family: 'Questrial', cursive;
}

 
.julio  li  { float:left;
	          display:inline;
              width: 100%;
    	      height: 170px;
              box-shadow: -1px 20px 3px rgba(228,226,227,0.9);
    	      overflow: hidden;
   	          position: relative;
	          margin-top:40px;	
	          margin-bottom:20px;
	          margin-left: -20px;
	          margin-right: 20px;
              border: 3px solid #;
              border-radius:20px;
              transition: all 400ms linear;  
              background-color:  rgba(209,115,255,0.1); 
              color:#fff;
}

.julioPies li {background-color:  rgba(133,26,25,0.1);  }

.julioEdu li {background-color:  rgba(209,115,255,0.1);  }


.julioOdon li {background-color:  rgba(246,69,172,0.1); }


.julioOftalmo li  {background-color:  rgba(141,57,218,0.1); }

.julioNutri  li  {background-color:  rgba(97,197,45,0.1); color:#fff;}


 .julioSalud li {background-color:  rgba(252,129,122,0.1); }

 .julioFisi li {background-color:  rgba(243,80,26,0.1);  }
      

.julio h2{position: absolute;
          z-index:3;
          left: 30%;
          width: 50%;
          height: 95%;
          top: 20%;
          font-size: 32px;
          line-height: 130%;
          color: #000;
          text-decoration:none;
          text-align: center;
          font-weight:600;
          letter-spacing: 1.5px; 
}


.julio h3{
    position: absolute;
 z-index:3;

    left: 25%;
    width: 50%;
    height: 95%;
    top: 25%;
font-size: 40px;
line-height: 130%;
     color: #000;
 text-decoration:none;
text-align: center;
font-weight:600;
letter-spacing: 1.5px; 

}


.julio img{width:300px;
           margin-left:50px;
           transition: all 1s linear;
}

.julioNutri img{width:150px;
               margin-left:40px;
               transition: all 1s linear;
  
}


.julioSalud img{width:132px;
margin-left:85px;
margin-top:10px;
  transition: all 1s linear;
  
}
  

.julioFisi img{width:160px;
margin-left:80px;
margin-top:10px;
  transition: all 1s linear;}



.julio img:hover{transform: scale(1.9);
                filter: opacity(15%);
  
}


.julio li:hover{border: 3px solid ;
               border-radius:20px;
               transition: all 1s linear;
}

span{font-size: 22px; font-weight:700;}


@media only screen and (max-width: 575px){
.julio h2{position: absolute;
          top: 10%;
          z-index:3;
          left: 15%;
          font-size: 26px;
}

  
.julio img{
display:none;
  
}
}
/*FIN Material para descargar en Material práctico para la consulta*/

/*INICIO Publicaciones en Profesionales de la Salud*/
.PPP{
 text-align:justify;
}

.PPP li{
 margin-top:30px;
}
/*FIN Publicaciones en Profesionales de la Salud*/

/*INICIO Publicaciones en Profesionales de la Salud*/
table {
  table-layout: fixed;
font-size:12px;
  width: 100%;
  border-collapse: collapse;
 border: 3px solid;
}

thead th:nth-child(1) {
  width: 70%;
}

thead th:nth-child(2) {
  width: 30%;
}

th, td {
  padding: 20px;

border-collapse: separate;
border-spacing: 30px;
}

tbody tr:nth-child(odd) {
  background-color: #f5f6f7;
}

tbody tr:nth-child(even) {
  background-color: #cfd1d5;
}

/*FIN Publicaciones en Profesionales de la Salud*/