/*Estilos de letras Google font*/


/* Estipos principal, titulos y subtitulos */
@font-face {
  font-family: Amaranth-Italic;
  src: url("font/Amaranth/Amaranth-Italic.eot")
}

@font-face {
  font-family: Amaranth-Italic;
  src: url("font/Amaranth/Amaranth-Italic.ttf")
}

@font-face {
 font-family: OpenSans-Regular;
 src: url("../css/font/Open_Sans/OpenSans-Regular.eot") 
}
@font-face {
 font-family: OpenSans-Regular;
 src: url("../css/font/Open_Sans/OpenSans-Regular.ttf")

}

.textStyle1{
  font-family: 'Amaranth-Italic';
}

.textStyle2{
  font-family: 'OpenSans-Regular';
}

/*Estilo para titulos y subtitulos*/
h1, h2, h3, h4 {
  font-family: 'Amaranth-Italic';
}

h5, h6{
  font-family: 'OpenSans-Regular';
}

/*Estilo para los parrafos*/

p, li{
  font-family: 'OpenSans-Regular';
}


/*------Body del la web*/

body{
	padding-bottom: 0px;
}



/*--------------*/

/*-----Orientacion del Text-------*/

.TextCentrado{
  text-align: center;
}


.TextJustify{
  text-align: justify;
}

/*-------------------------------*/

/*--------Cajas de colores------------*/

.colorBarraNegra{
  background: #000000;

}
.colorBarraGris{
  background: #cdcdcd;
}

.colorBarraNaranja{
  background: #FF2E00;
}

.bordeNaranja{
  border-color: #FF2E00;
  
}


/*----Margenes y Padding-----*/

@media (max-width: 767px)
{
  /*Padding para los parrafos*/
  .paddingP{
      padding-left: 5%;
      padding-right: 5%;
    }

    /*Margenes*/
    .marginTop{
    margin-top: 1em;
  }

  .marginBottom{
    margin-bottom: 1em;
  }

  .marginTop-xs{
    margin-top: 1.2em;
  }
}

@media (min-width: 767px) and (max-width:992px)
{
  /*Padding para los parrafos*/
  .paddingP{
      padding-left: 10%;
      padding-right: 10%;
    }

  .paddingTop{
    padding-top: 1em;
  }

    /*Margenes*/
    .marginTop{
    margin-top: 1.5em;
  }

  .marginBottom{
    margin-bottom: 1.5em;
  }
}

@media (min-width: 992px)
{
  /*Padding para los parrafos*/
  .paddingP{
      padding-left: 20%;
      padding-right: 20%;
    }

  .paddingTop{
    padding-top: 1em;
  }

    /*Margenes*/
    .marginTop{
    margin-top: 3em;
  }

  .marginBottom{
    margin-bottom: 3em;
  } 
}

/*--------------------------------------*/

/*------------------------------------------*/

/*-------------Paleta de colores------------*/
.colorNegro{
  color: #000000;
}

.colorNaranja{
  color: #FF2E00;
}

.colorGris{
  color: #1C2833;
}

.colorBlanco{
  color: #ffffff;
}
/*-----------------------------------------*/

/*-----------Tamaños de letras--------------*/

@media (max-width: 767px)
{
  
  h1{
    font-size: 2.5em;

  }

  h2{
    font-size: 1.6em;
  }

  h3{
    font-size: 1.4em;
  }

  h4{
    font-size: 1.4em;
  }

  h5{
    font-size: 0.7em;
  }

  h6{
    font-size: 1.1em;
  }



}

@media (min-width: 767px) and (max-width:992px)
{

h1{
  font-size: 3em;

 }

h2{
  font-size: 2.5em;
}

h3{
  font-size: 2em;
}

h4{
  font-size: 1.5em;
}

h5{
font-size: 1em;
}

h6{
  font-size: 1.1em;
}

p{
  font-size: 1.1em;
}

li{
  font-size: 1.05em;
}

.textSizeP{
  font-size: 1.1em;
}

.textSizeP2{
  font-size: 1.05em;
}

}

@media (min-width: 992px)
{
  h1{
  font-size: 3.2em;

 }

h2{
  font-size: 2.8em;
}

h3{
  font-size: 2.2em;
}

h4{
  font-size: 1.8em;
}

h5{
font-size: 1.5em;
}

h6{
  font-size: 1.2em;
}

p{
  font-size: 1.3em;
}


li{
  font-size: 1.2em;
}

.textSizeP{
  font-size: 1.3em;
}

.textSizeP2{
  font-size: 1.2em;
}

}


/*-----------------------------------------*/

/*-----------color Borde--------------*/

.colorBordeNegro{
   text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;


}

/*----------------Posicion de icono redes sociales---------------------*/


@media (max-width: 767px)
{
  

  .posIcono{
    text-align: center;
  }

}

@media (min-width: 767px) and (max-width:992px)
{
  
  

  .posIcono{
    text-align: right;
  }

  
}

@media (min-width: 992px)
{
  

  .posIcono{
    text-align: right;
  }

}

/*--------------------------------------*/


/*-----------Fondo del Fooder--------------*/

.color_fooder{
  background: #000000;  
}

footer {
	padding-top: 20px;
}
/*-----------------------------------------*/



.sombra{
  box-shadow:0.25em -0.45em 0.45em  #aaa;
}