/*---- Pegadospor mi ----*/

/*---scrollersencillo ---*/




/*----para el scrollerdeproductos----*/


.scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
 }
  .card {
    display: inline-block;
  }
  
  
  #rcorners1 {
  border-radius: 20px;
  background: #EFEFEF;
  padding: 5px;
  width: 100%;
 
}


#rcorners2 {
  border-radius: 25px;
  border: 2px solid #73AD21;
  padding: 20px;
  width: 200px;
  height: 150px;
}

#rcorners3 {
  border-radius: 25px;
  background: url(paper.gif);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px;
  width: 200px;
  height: 150px;
}
/*----fin del scrollerdeproductos----*/




.mailchimpform {
	background-image: url(../images/fondofichaclaro.png);
	/*-- background-color: #A5D78C;--*/
	color: #3C6450;
	text-align: center;
	font-size: 14px;
	padding: 15px;
  
}  



@font-face {
   font-family: myFirstFont;
   src: url(..fonts/fuentebiolua.ttf);
}

@font-face {
   font-family: fuentebold;
   src: url(../fonts/ag-schulbuch-two-bq.ttf) ;
   font-weight: bold;
}


@font-face {
	font-family:manuscrita;
	src:url(../fonts/Emily_The_Brush.ttf);

}


.divnavegacion {
	
 padding: 0px;
 margin: 0px;
 }

body { 
	margin-top: 0px;
	
}

p {
	font-size: 16px;
	color: #4A4A4A;
	text-align: left;
} 

p.chiquito {
 font-size:12px;
	color:#666;
	text-align:left;;
}


p.fichas {
	font-size:14px;
	color:#666;
	text-align:left;
} 
hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
	margin-top:0px;
	padding-top:0px;
}

hr {
  margin-top: 0.15em !important;
  margin-bottom: 0.15em !important;
  border-width: 1px;
}

/* Botones */
.button {
  background-color: #3C7354; /* Green */
  border: none;
  color: white;
  padding: 8px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 4px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.button1 {
  background-color: green; 
  border: 2px solid #4CAF50;
   background-color: #339900;
  color: white;
 border-radius: 8px;
}

.button1:link {

  color:white;
  text-align:center;
}

.button1:hover {
  background-color: white; 
  color: black; 
}

.button1:visited {

  color: white; 
}

.button1:visited:hover {
	color: black}

.button2 {
  background-color: white; 
  color: black; 
 
}
.button2:visited {
  background-color: white; 
  color: black; 
 
}
.button2:hover {
  background-color: #33CC00;
  color: white;
}

.button2:visited:hover {
	color: white}

.button3 {
  background-color: white; 
  color: black; 

}

.button3:hover {
  background-color: #f44336;
  color: white;
}

.button4 {
  background-color: white;
  color: black;
  border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
  background-color: white;
  color: black;
  border: 2px solid #555555;
}

.button5:hover {
  background-color: #555555;
  color: white;
}



.buttonpie {
  background-color: gray; 
  color: black; 
  
}
.buttonpie:link {

  color: white;
  text-align:left;
}

.buttonpie:hover {
  background-color: hotpink;
  color: white;
}

.buttonpie:visited {
        text-decoration: none;
		color: white;

}
.buttonpie:visited:hover {
	color: white}


.buttonindex {
  background-color: white; 
  color: #3C7354; 
  border: 1px solid #A5D78C;
 
}
.buttonindex:visited {
  background-color: white; 
  color: #3C7354; 
 
}
.buttonindex:hover {
  background-color: #A5D78C;
  color: white;
}

.buttonindex:visited:hover {
	color: white}




.buttoncatalogo {
  background-color: white; 
  color: #0066CC; 
  border: 1px solid #555555;
 
}
.buttoncatalogo:visited {
  background-color: white; 
  color: #0066CC; 
 
}
.buttoncatalogo:hover {
  background-color: #33CC00;
  color: white;
}

.buttoncatalogo:visited:hover {
	color: white}





.buttonslide {
  background-color: white; 
  color: #316844; 
  border: 1px solid #A9D3AA;
 
}
.buttonslide:visited {
  background-color: white; 
  color: #316844; 
 
}
.buttonslide:hover {
  background-color: #D5EAD6;
  color: #316844;
}

.buttonslide:visited:hover {
	background-color: #D5EAD6;
  color: #316844;
	}




.buttonscrol {
  background-color: white; 
  color: #316844; 
  border: 1px solid #A9D3AA;
 
}
.buttonscrol:visited {
  background-color: white; 
  color: #316844; 
 
}
.buttonscrol:hover {
  background-color: #D5EAD6;
  color: white;
}

.buttonscrol:visited:hover {
	color: #316844}



/* fin botones */

img {
max-width: 100%;
  height: auto;
}

.cabeza {
  background-color: white;
  color: grey;
  padding: 5px;
  height:auto;
}

.titulo {

   text-align: center;
  color: black;
  padding: 5px;
  height:auto;
}

.titulobebesyninios {
  background-color: pink;
   text-align: center;
  color: black;
  padding: 5px;
  height:auto;
}

.titulochino {
	background-image:url(../images/fondochino2.gif);
   text-align: center;
  color: black;
  padding: 5px;
  height:auto;
}

.tituloteens {
	background-image:url(../images/fondoteens.png);
  background-color: orange;
   text-align: center;
  color: black;
  padding: 5px;
  height:auto;
}


.titulosol {
  background-color: #FFCC66;
   text-align: center;
  color: black;
  padding: 5px;
  height:auto;
}

.pie {
  background-color: green;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 15px;
}

.pie3 {
	background-color: #AECDAF;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	padding: 15px;
	text-align: left;
}  

.navidad {
	
	background-image:url(../images/navidad/paisaje.png);
  color: #003333;
  text-align: center;
  font-size: 16 px;

}


.cintillo {
	
	background-image:url(../images/olaspuntitos.png);
  color: #003333;
  text-align: center;
  font-size: 16 px;

}


.pruebafotofondo {
	
	background-image:url(../images/cuadradas/fondoestrias.png);
  color: #003333;
  text-align: center;
  font-size: 16 px;

}

.cintilloheader {

  color: #ffffff;
  text-align: center;
  font-size: 16 px;

}

.cintilloadulto {
	
	background-image:url(../images/olasazules.gif);
  color: #003333;
  text-align: center;
  font-size: 16 px;

}

.cintillobiolua {
	
	background-image:url(../images/banner2.jpg);
  color: #003333;
  text-align: center;
  font-size: 16 px;

}
.cintillosol {
		
  color: #003333;
  text-align: center;
  font-size: 16 px;

}.cintillopiojos {
  color: #003333;
  text-align: center;
  font-size: 16 px;

}


a:link {
color: #518879; 
}
a:hover {
text-decoration: underline;
color: #339933;
}
a:visited {
        text-decoration: none;
		 color: #3C7354;
}
a:visited:hover {
	color: #4BAD73;
}





a.cintillolink:link {
	color: #9FC;
	text-decoration: none;
   
}


a.cintillolink:hover {
text-decoration: underline;
color: #339933;

}

a.cintillolink:visited {
	color: #9FC;
	text-decoration: none;
   
}

a.cintillolink:visited:hoover {
	color: #9FC;
	text-decoration: none;
   
}







a.cintillolinkclaro:link {
	color: #ADDED3;
	text-decoration: none;
   
}


a.cintillolinkclaro:hover {
text-decoration: underline;
color: white;

}

a.cintillolinkclaro:visited {
	color: #ADDED3;
	text-decoration: none;
   
}

a.cintillolinkclaro:visited:hoover {
	color: yellow;
	text-decoration: none;
   
}







a.navegacion:link, a.navegacion:visited {
	
	font-size:13px;
	text-decoration: none;
   
}





h3 {
  color: black;
  font-family:manuscrita;
}


	* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}





.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  padding: 8px;
  margin-bottom: 7px;
  background-color: white;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
  background-color: pink;
}


.ladoinvierno {
   background-image: url(../images/fondogris.gif);
  background-color: #FE7C7C;
  padding: 15px;
  
  text-align: justify;
  
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}



.ladobebe {
	 background-image: url(../images/fondobolitas.gif);
  background-color: gray;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.ladoadulto {
	 background-image: url(../images/fondorayas.gif);
  background-color: gray;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}


.ladoblanco {
  background-color: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

}

.lado {
  background-color: #FE7C7C;
  padding: 15px;
  color: #ffffff;
  text-align: justify;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}





.lado2 {
  background-color: orange;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.lado3 {
  background-color: gray;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.fotoproducto {
  background-color: white;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  
}
.fichaproducto {
  background-color: white;
  padding: 15px;
  color: gray;
  text-align: justify;
  font-size: 10px;
  
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}



@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-3cat {
	  border:dotted;
	  width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;
  font-size: 13px;
  }
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}

	
		
		
h1 { 
  display: block;
  font-size: 18px;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
 


   font-family: myFirstFont;
}

h1.tituloproducto {
 text-transform: uppercase;
    color: #666;
    font-size: 18px;
    font-weight: bold;
	
   
}

h1.titulocategoria{
	font-family:manuscrita;

    color: #666;
    font-size: 38px;
    font-weight: bold;
   
}

h1.titulocategoriafundamental{
	font-family:myFirstFont;

    color: #666;
    font-size: 38px;
    font-weight: bold;
   
}
h1.acerca {
	
    margin:0;
	padding: 20px;
	font-family: myFirstFont;
	background-image:url(../images/fondofloresch.png);

    color: white;
    font-size: 50px;
    font-weight: bold;
}

h1.titulolegal {
	
    margin:0;
	padding:5px;
	font-family: myFirstFont;
	background-image:url(../images/fondolegal.png);
    color: white;
    font-size: 40px;
    font-weight: bold;
}


h1.tituloseccionarticulos {
	
    margin:0;
	padding: 20px;
	letter-spacing: 7px;
	font-family: myFirstFont;
	background-image:url(../images/fondohojas.png);
    color: white;
    font-size: 50px;
    font-weight: bold;
}

h1.tituloarticulos {
	
    margin:0;
	text-align:center;
	padding: 0px;
	font-family: myFirstFont;
	background:white);
    color: Black;
    font-size: 25px;
}

h1.tituloarticulosbold {
	
    margin:0;
	text-align:center;
	padding: 0px;
	font-family: letrabold;
	background:white;
    color: black;
    font-size: 25px;
}

h1.titulonavidad {
	
    margin:0;
	padding: 20px;
		font-family: myFirstFont;
		


	background-image:url(../images/fondonavidad.png);

    color: white;
    font-size: 60px;
    font-weight: bold;
}

h1.tituloseccion {
	padding: 20px;
		font-family:manuscrita;
	background-image:url(../images/olas.gif);
 text-transform: uppercase;
    color: white;
    font-size: 40px;
    font-weight: bold;
}

h1.tituloseccionfundamental {
	padding: 20px;
		font-family:myFirstFont;
	background-image:url(../images/fondofundamental.png);
 text-transform: uppercase;
    color: black;
    font-size: 40px;
    font-weight: bold;
}

h1.tituloseccionproducto {
	padding: 20px;
		font-family:manuscrita;
	background-image:url(../images/fondohojasclaras.png);
 text-transform: uppercase;
    color: white;
    font-size: 40px;
    font-weight: bold;
}


h1.pruebafotofondo {
	
    margin:0;
	padding: 20px;
	font-family: myFirstFont;
	background-image:url(../images/cuadradas/fondoestrias.png);

    color: white;
    font-size: 50px;
    font-weight: bold;
}





h2.mailform {
	display: block;
	color: #62AE88;
	font-size: 23px;
	font-weight: bold;
}

h2 {
	display: block;
	color: #121A21;
	font-size: 33px;
	font-weight: bold;
}

h3 { 
color:#2F3730;
  display: block;
  font-size: 22px;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
 


   font-family: myFirstFont;
}

h4 { 
  display: block;
  color:#333;
  font-size: 17px;

  font-weight: bold;
}


table.cuadritos {  
  border: 1px solid #ddd;
  text-align: left;
  
  }
  
  table.cuadritoscolor {  
  background-color: #C2D6C2;
  border: 1px solid #ddd;
  text-align: center;
  
  }
  
  table.esquinas { 
    border: 1px solid #C2D8CF;
    border-collapse: separate;
    border-left: 1;
    border-radius: 10px;
   
}

/*---- TABLET ----*/
@media only screen and (max-width: 850px) and (min-width: 450px) {
  .slider-wrapper {
    border-radius: 0;
  }
}
/*---- MOBILE----*/
@media only screen and (max-width: 450px) {
  .slider-wrapper {
    border-radius: 0;
  }

  .slider-wrapper .info {
    opacity: 0;
  }
}
@media only screen and (min-width: 850px) {
  body {
  /*  padding: 0 80px; ---- aquí el margen de toda la página. originalmente: padding: 0 80px; ----*/
  }
}