/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 



*/
font-face {
  font-family: 'Myriad Web Pro';
  src: url('font/Myriad Web Pro Bold.ttf');
}
/*Clase para justificar texto*/


.text-slider{
   text-align: justify;
   font-size: 1.125em;/*1.1em;*/
   font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;
}

.justify-align{
	text-align: justify;
	font-size: 1em;/*1.1em;*/
	font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;

    }


.centrada{
  text-align: center;
  font-size: 1.05em;
  font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;

    }

h4{

  font-size: 2.2em !important;

}
	
.justify-align_bold{
  text-align: justify;
  font-size: 0.95em;
  font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;
  font-weight: bold;

 }

.justify-align_bold2{
  text-align: justify;
  font-size: 0.9em;
  font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;
  font-weight: bold;

 }

.center-align_boldx{
  text-align: center;
  font-size: 0.9em;
  font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;
  font-weight: bold;

 }

 .center-align_bold{
  text-align: center;
  font-size: 0.95em;
  font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;
  font-weight: bold;

 }

.justify-align_bold_peq{
  text-align: justify;
  font-size: 12px;
  font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;
  font-weight: bold;

    }

.justify-align_sitios{
	text-align: justify;
	font-size: 1.1em;/*1.1em;*/
	font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;

    }

.center-align_sitios{
  text-align: center;
  font-size: 1.1em;/*1.1em;*/
  font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;

    }

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
	
}

/*cambio del sombreado para boton del menu de guinda*/
.activa{
	background-color:lightblue;
}
.col-centrada{
    display:block;
	  margin:0 auto; 
	  text-align:center;
    }

/*Cambio de logo*/
.ocultar{
  display:block;
}

.mostrar{
  display: none;
}

/*Estilos para el slider*/
.mostrar_txt{
  display: none;
}

.ocultar_txt{
  display: block;
}
.mostrar_txt2{
  display: none;
}

.mostrar_txt3{
  display: none;
}

.ocultar_sli1{
  display: block;
}

.mostrar_sli1{
  display: none;
}

.ocultar_img_sli{
  display: block;
}

.mostrar_txt_cel_sli1, .mostrar_txt_cel_sli2{
  display: none;
}

@media (min-width: 1055px) and (max-width: 1295px) {
  .mostrar_txt{
    display:block;
  }
  .ocultar_txt{
    display:none;
  }
}

@media (min-width: 880px) and (max-width: 1054px) { 
    .mostrar_txt2, .mostrar_sli1{
        display:block;
    }
    .ocultar_txt, .mostrar_txt, .ocultar_sli1{
       display:none;
    }
}

@media (min-width: 768px) and (max-width: 879px) { 
    .mostrar_txt3, .mostrar_sli1{
        display:block;
    }
    .ocultar_txt, .mostrar_txt, .mostrar_txt2, .ocultar_sli1{
       display:none;
    }
    .slider .slides li .caption {
 
  
            top: 25%;

  
      }
}

@media (max-width: 767px) { 
      .mostrar_txt_cel_sli1, .mostrar_txt_cel_sli2{
          display: block;
      }
      .ocultar_txt, .mostrar_txt, .mostrar_txt2, .ocultar_sli1, .mostrar_txt3, .mostrar_sli1 {
          display:none;
      }
}

@media (min-width: 281px) and (max-width: 600px) { 
      .slider .slides li .caption {
              top: 15%;
      }
}


@media (max-width: 280px) { 
      .slider .slides li .caption {
             top: 1%;
      }
}

@media (max-width: 767px) { 
      .mostrar_img_sli{
          display: block;
      }
      .ocultar_img_sli{
          display: none;
      }
      
      

      
}


/*Hasta aquí van los estilos del slider*/

@media only screen and (max-width: 600px) {
  .ocultar {
    display:none;
  }
  .mostrar{
    display:block;
  }
}

/*Fin cambio de logo*/

/*estilo del pie de pagina*/
.pieipn{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #8b1f41;
	height:	auto;
	width:	100%;
	padding: 20px 5%;
}


.pieipn p{
	text-align:center;
	color:#FFF;
}

.azul_tarjetas {
  background-color: #004177 !important;

}

.naranja_tarjetas {
  background-color: #ff8205 !important;
}

.verde_tarjetas {
  background-color: #4bbe9a !important;
}

.texto_ch{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	background: #8b1f41;
	height:	auto;
	width:	100%;
	padding: 20px 5%;
}


.enlace_guinda{
		text-align: right;
		font-size: 0.95em;
		font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;
	 	color:#600;
	 	font-weight:bold;
    }

a{
  color: #600;
}

.enlace_guinda_cen{
		text-align: center;
		font-size: 0.95em;
		font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;
	 	color:#600;
	 	font-weight:bold;
    }

.bold_guinda{
  text-align: right;
  font-size: 14px;
  font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;
 color:#600;
 font-weight:bold;
    }

/*cambiar icono de busqueda*/
.icon-blanco {
    color: #fafafa;
}

/****/

.ocultar-btn{

  display: block;

}

.mostrar-btn{
  display: none;
}

fieldset{
  height: 290px;
}

button a:link {
  color:#000 !important;
}

button a:visited {
  color:#000 !important;
}
/*inicio de cajas div de oferta educativa*/

 .main2 {
  min-height: 485px;
  margin:: 0px auto;
  padding: 1px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
           flex-flow: row;
   font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;
   text-align: justify;
   }
   
  
 .caja_extra{ 
   border: 1px solid #CCC; 
   min-height: 485px;
   margin:: 0px auto;
   display:    block;
   padding: 15px 10px 10px 10px;   
	   }
	   
  .margen_div{
	      margin: 0px 0px 1px 0px; 
	   }	   
/*fin de cajas div de oferta educativa*/



/*inicio de cajas div para sitios de interes*/

 .main3 {
  
  margin-left: auto;
  margin-right: auto;
  margin:: 0px auto;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
           flex-flow: row;
   font-family: "Myriad Web Pro","Verdana", Geneva, sans-serif, Arial, Helvetica, sans-serif;
   text-align: justify;
   }
   
  


  .margen_div2{

     width: 350px auto;
    padding: 28px; 
      margin: auto ;
      text-align:center;
      color:#FFF;
      font-weight: bold;
     }


 .caja_extra2{ 
   width: 350px auto;
   border: 0px solid #CCC; 
   min-height: 250px;
   margin:: 1px auto;
   display: inline-block;
   padding: 35px 5px 5px 5px; 
   
	   }
	      	
   .margen_div3{
     width: 350px auto;
	  padding: 0px auto; 
	  margin: 0px auto;
	  text-align:center;
	  background-color: #e9f1f4;
		 display:    block; 
	   }	
   
/*fin de cajas div de sitios de interes*/

/*Media queries sitios de interés*/
@media (min-width: 601px) and (max-width: 679px) {

.caja_extra2{ 
       height: 580px;
     }

}

@media (min-width: 680px) and (max-width: 740px) {

.caja_extra2{ 
       height: 500px;
     }

}

@media (min-width: 741px) and (max-width: 780px) {

.caja_extra2{ 
       height: 450px;
     }

}

@media (min-width: 781px) and (max-width: 830px) {

.caja_extra2{ 
       height: 410px;
     }

}

@media (min-width: 831px) and (max-width: 900px) {

.caja_extra2{ 
       height: 370px;
     }

}

@media (min-width: 901px) and (max-width: 970px) {

.caja_extra2{ 
       height: 340px;
     }

}

@media (min-width: 971px) and (max-width: 985px) {

.caja_extra2{ 
       height: 310px;
     }

}

@media (min-width: 986px) and (max-width: 1100px) {

.caja_extra2{ 
       height: 390px;
     }

}

@media (min-width: 1101px) and (max-width: 1200px) {

.caja_extra2{ 
       height: 350px;
     }

}

@media (min-width: 1201px) and (max-width: 1300px) {

.caja_extra2{ 
       height: 370px; 
     }

}

@media (min-width: 1301px) and (max-width: 1400px) {

.caja_extra2{ 
       height: 340px;
     }

}

@media (min-width: 1401px) and (max-width: 1500px) {

.caja_extra2{ 
       height: 310px;
     }

}

@media (min-width: 1501px) and (max-width: 1600px) {

.caja_extra2{ 
       height: 270px;
     }

}

@media (min-width: 1601px) and (max-width: 1700px) {

.caja_extra2{ 
       height: 260px;
     }

}
/*Fin Media queries sitios de interés*/

@media screen and (max-width: 992px) {
   
   
	
   .dos.row.col.m4 {
    width: auto;
   margin-left: auto;
   margin-right: auto;
  	*IMPORTANTE*/
   padding: 2px;
   display: inline-block;
  
    
   
  }
  .margen_div3{
	      padding: 0px auto; 
	  margin: 1px auto;
	  text-align:center;
	  background-color: #e9f1f4;
		 display:    block; 
		  
    
	   }	
}

@media screen and (min-width: 1208px) {
   
   .dos.row.col.m4 {
    width: auto;
   margin-left: auto;
   margin-right: auto;
  	*IMPORTANTE*/
   padding: 2px;
   display:block;
  
	
  }
  .margen_div3{
	      
	     padding: 0px auto; 
	  margin: 1px auto;
	  text-align:center;
	  background-color: #e9f1f4;
		display: inline-block;
		  
	   }	
}


@media (min-width: 600px) and (max-width: 1500px) { 

      .ocultar-btn{

      display: none;

      }

      .mostrar-btn{
      display: block;
      }
}

/*Estilos de Dirk*/
@media (min-width: 1px) and (max-width: 269px) { 
      fieldset{
          height: 470px;
      }
}

@media (min-width: 270px) and (max-width: 299px) { 
      fieldset{
          height: 470px;
      }
}

@media (min-width: 300px) and (max-width: 320px) { 
      fieldset{
          height: 400px;
      }
}

@media (min-width: 321px) and (max-width: 330px) { 
      fieldset{
          height: 390px;
      }
}

@media (min-width: 331px) and (max-width: 365px) { 
      fieldset{
          height: 380px;
      }
}

@media (min-width: 366px) and (max-width: 395px) { 
      fieldset{
          height: 360px;
      }
}

@media (min-width: 396px) and (max-width: 540px) { 
      fieldset{
          height: 315px;
      }
}

@media (min-width: 541px) and (max-width: 570px) { 
      fieldset{
          height: 270px;
      }
}

@media (min-width: 571px) and (max-width: 600px) { 
      fieldset{
          height: 260px;
      }
}

@media (min-width: 601px) and (max-width: 607px) { 
      fieldset{
          height: 450px;
      }
}

@media (min-width: 608px) and (max-width: 650px) { 
      fieldset{
          height: 420px;
      }
}

@media (min-width: 651px) and (max-width: 700px) { 
      fieldset{
          height: 400px;
      }
}

@media (min-width: 701px) and (max-width: 750px) { 
      fieldset{
          height: 380px;
      }
}

@media (min-width: 751px) and (max-width: 800px) { 
      fieldset{
          height: 360px;
      }
}

@media (min-width: 801px) and (max-width: 850px) { 
      fieldset{
          height: 340px;
      }
}

@media (min-width: 851px) and (max-width: 900px) { 
      fieldset{
          height: 320px;
      }
}

@media (min-width: 901px) and (max-width: 950px) { 
      fieldset{
          height: 300px;
      }
}

@media (min-width: 951px) and (max-width: 1000px) { 
      fieldset{
          height: 330px;
      }
}

@media (min-width: 1001px) and (max-width: 1050px) { 
      fieldset{
          height: 350px;
      }
}

@media (min-width: 1051px) and (max-width: 1100px) { 
      fieldset{
          height: 340px;
      }
}

@media (min-width: 1101px) and (max-width: 1150px) { 
      fieldset{
          height: 325px;
      }
}

@media (min-width: 1700px) and (max-width: 2000px) { 
      fieldset{
          height: 270px;
      }
}











@media (max-width: 600px) { 
      .sangria{
          padding-top: 20px !important;
      }
      .sangria2{
          padding-top: 40px !important;
      }
      
      hr.mostrar{
          display: block;
      }

      
}