/* Slider
http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html
*/
/* Slider
/*-----------------------------------------------------------------------------------*/

/* Comunes */
/*///////////////////////////////////////////////////////////////////////*/
.FF1 {
  overflow: hidden;
  position: relative;
  display: flex;
  background-color: #c5cacc; /*d9d9cc   70cff6  */
  height:80%;
    
  }


pFF {
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 0px;
}

.seccionFF {
  margin: auto;
 /* font-family:Courier;*/
 font-family: "Arial",Arial;
  font-size: 12px;
 /* padding: 2em;*/
   
}

/* Hover 1 */

.boton-linea-extFF a,
.boton-linea-extFF2 a {
  text-decoration: none;
  color: #003300;
  font-size: 18px;
   /*background:#6098FF;*/
}

.boton-linea-extFF:hover a,
.boton-white-extFF:hover a {
  color: #00336b; /*003300*/
  background: -moz-linear-gradient(left, rgba(0, 0, 0,2) 0%, rgba(0, 0, 0,2) 56%, rgba(0, 0, 0,2) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0,2)), color-stop(56%, rgba(0, 0, 0,2)), color-stop(100%, rgba(0, 0, 0,2)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0,2) 0%, rgba(0, 0, 0,2) 56%, rgba(0, 0, 0,2) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0,2) 0%, rgba(0, 0, 0,2) 56%, rgba(0, 0, 0,2) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0,2) 0%, rgba(0, 0, 0,2) 56%, rgba(0, 0, 0,2) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0,2) 0%, rgba(0, 0, 0,2) 56%, rgba(0, 0, 0,2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00336b', endColorstr='#00336b', GradientType=1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.boton-linea-extFF,
.boton-linea-extFF2 {
  padding: 4px 28px;
    border: none;
    background: transparent;
    color: #00336b;
    width: 80%;
	position: static;
    cursor: pointer;
	text-align: center;
	
}

.boton-linea-extFF .lineaFF1,
.boton-linea-extFF .lineaFF2,
.boton-linea-extFF2 .lineaFF1_1,
.boton-linea-extFF2 .lineaFF2_2,
.boton-white-extFF .lineaFF1,
.boton-white-extFF .lineaFF2,
.boton-white-extFF2 .lineaFF1_1,
.boton-white-extFF2 .lineaFF2_2 {
  top: 0;
  right: 0;
}

.boton-linea-extFF .lineaFF3,
.boton-linea-extFF .lineaFF4,
.boton-linea-extFF2 .lineaFF3_2,
.boton-linea-extFF2 .lineaFF4_2,
.boton-white-extFF .lineaFF3,
.boton-white-extFF .lineaFF4,
.boton-white-extFF2 .lineaFF3_2,
.boton-white-extFF2 .lineaFF4_2 {
  bottom: 0;
  left: 0;
}

.boton-linea-extFF .lineaFF1,
.boton-linea-extFF .lineaFF3,
.boton-linea-extFF2 .lineaFF1_2,
.boton-linea-extFF2 .lineaFF3_2,
.boton-white-extFF .lineaFF1,
.boton-white-extFF .lineaFF3,
.boton-white-extFF2 .lineaFF1_2,
.boton-white-extFF2 .lineaFF3_2 {
  height: 3px;
  width: 18px;
}

.boton-linea-extFF .lineaFF2,
.boton-linea-extFF .lineaFF4,
.boton-linea-extFF2 .lineaFF2_2,
.boton-linea-extFF2 .lineaFF4_2,
.boton-white-extFF .lineaFF2,
.boton-white-extFF .lineaFF4,
.boton-white-extFF2 .lineaFF2_2,
.boton-white-extFF2 .lineaFF4_2{
  height: 18px;
  width: 3px;
}

.boton-linea-extFF span,
.boton-linea-extFF2 span {
  position: absolute;
  background-color: #00336b;
  display: block;
  transition: all 300ms; 
}

.boton-linea-extFF:hover,
.boton-linea-extFF:active,
.boton-linea-extFF2:hover,
.boton-linea-extFF2:active {
  backgroundo-color: transparent;
  color: #333;
}

.boton-linea-extFF:hover .lineaFF1,
.boton-linea-extFF:hover .lineaFF3,
.boton-linea-extFF:active .lineaFF1,
.boton-linea-extFF:active .lineaFF3,
.boton-white-extFF:hover .lineaFF1,
.boton-white-extFF:hover .lineaFF3,
.boton-white-extFF:active .lineaFF1,
.boton-white-extFF:active .lineaFF3 {
  width: 100%;
  background: rgba(0, 0, 0,0);
background: -moz-linear-gradient(left, rgba(0, 51, 0,1) 0%, rgba(0, 51, 0,1) 56%, rgba(0, 51, 0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 51, 0,1)), color-stop(56%, rgba(0, 51, 0,1)), color-stop(100%, rgba(0, 51, 0,1)));
background: -webkit-linear-gradient(left, rgba(0, 51, 0,1) 0%, rgba(0, 51, 0,1) 56%, rgba(0, 51, 0,1) 100%);
background: -o-linear-gradient(left, rgba(0, 51, 0,1) 0%, rgba(0, 51, 0,1) 56%, rgba(0, 51, 0,1) 100%);
background: -ms-linear-gradient(left, rgba(0, 51, 0,1) 0%, rgba(0, 51, 0,1) 56%, rgba(0, 51, 0,1) 100%);
background: linear-gradient(to right, rgba(0, 51, 0,1) 0%, rgba(0, 51, 0,1) 56%, rgba(0, 51, 0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00336b', endColorstr='#00336b', GradientType=1 );
}

.boton-linea-extFF:hover .lineaFF2,
.boton-linea-extFF:active .lineaFF2,
.boton-white-extFF:hover .lineaFF2,
.boton-white-extFF:active .lineaFF2{
  height:100%;
  background: #00336b;
}

.boton-linea-extFF:hover .lineaFF4,
.boton-linea-extFF:active .lineaFF4,
.boton-white-extFF:hover .lineaFF4,
.boton-white-extFF:active .lineaFF4{
  height:100%;
  background: #00336b;
}
/*/////////////////////////////////////////dos/////////////////////////////////////////////////////*/
/*///////////////////////////////////////FF2////////////////////////////////*/
.FF2 {
  overflow: hidden;
  position: relative;
  display: flex;
  background-color: #c5cacc; /*d9d9cc*/
  height:80%;
    
  }


pFFF {
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 0px;
}

.seccionFFF {
  margin: auto;
 /* font-family:Courier;*/
 font-family: "Arial",Arial;
  font-size: 12px;
 /* padding: 2em;*/
   
}

/* Hover 1 */

.boton-linea-extFFF a,
.boton-linea-extFFF2 a {
  text-decoration: none;
  color: #003300;
  font-size: 18px;
   /*background:#6098FF;*/
}

.boton-linea-extFFF:hover a,
.boton-white-extFFF:hover a {
  color: #00336b; /*003300*/
  background: -moz-linear-gradient(left, rgba(0, 0, 0,2) 0%, rgba(0, 0, 0,2) 56%, rgba(0, 0, 0,2) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0,2)), color-stop(56%, rgba(0, 0, 0,2)), color-stop(100%, rgba(0, 0, 0,2)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0,2) 0%, rgba(0, 0, 0,2) 56%, rgba(0, 0, 0,2) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0,2) 0%, rgba(0, 0, 0,2) 56%, rgba(0, 0, 0,2) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0,2) 0%, rgba(0, 0, 0,2) 56%, rgba(0, 0, 0,2) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0,2) 0%, rgba(0, 0, 0,2) 56%, rgba(0, 0, 0,2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00336b', endColorstr='#00336b', GradientType=1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.boton-linea-extFFF,
.boton-linea-extFFF2 {
  padding: 4px 28px;
    border: none;
    background: transparent;
    color: #00336b;
    width: 80%;
	position: static;
    cursor: pointer;
	text-align: center;
	
}

.boton-linea-extFFF .lineaFFF1,
.boton-linea-extFFF .lineaFFF2,
.boton-linea-extFFF2 .lineaFFF1_1,
.boton-linea-extFFF2 .lineaFFF2_2,
.boton-white-extFFF .lineaFFF1,
.boton-white-extFFF .lineaFFF2,
.boton-white-extFFF2 .lineaFFF1_1,
.boton-white-extFFF2 .lineaFFF2_2 {
  top: 0;
  right: 0;
}

.boton-linea-extFFF .lineaFFF3,
.boton-linea-extFFF .lineaFFF4,
.boton-linea-extFFF2 .lineaFFF3_2,
.boton-linea-extFFF2 .lineaFFF4_2,
.boton-white-extFFF .lineaFFF3,
.boton-white-extFFF .lineaFFF4,
.boton-white-extFFF2 .lineaFFF3_2,
.boton-white-extFFF2 .lineaFFF4_2 {
  bottom: 0;
  left: 0;
}

.boton-linea-extFFF .lineaFFF1,
.boton-linea-extFFF .lineaFFF3,
.boton-linea-extFFF2 .lineaFFF1_2,
.boton-linea-extFFF2 .lineaFFF3_2,
.boton-white-extFFF .lineaFFF1,
.boton-white-extFFF .lineaFFF3,
.boton-white-extFFF2 .lineaFFF1_2,
.boton-white-extFFF2 .lineaFFF3_2 {
  height: 3px;
  width: 18px;
}

.boton-linea-extFFF .lineaFFF2,
.boton-linea-extFFF .lineaFFF4,
.boton-linea-extFFF2 .lineaFFF2_2,
.boton-linea-extFFF2 .lineaFFF4_2,
.boton-white-extFFF .lineaFFF2,
.boton-white-extFFF .lineaFFF4,
.boton-white-extFFF2 .lineaFFF2_2,
.boton-white-extFFF2 .lineaFFF4_2{
  height: 18px;
  width: 3px;
}

.boton-linea-extFFF span,
.boton-linea-extFFF2 span {
  position: absolute;
  background-color: #00336b;
  display: block;
  transition: all 300ms; 
}

.boton-linea-extFFF:hover,
.boton-linea-extFFF:active,
.boton-linea-extFFF2:hover,
.boton-linea-extFFF2:active {
  backgroundo-color: transparent;
  color: #333;
}

.boton-linea-extFFF:hover .lineaFFF1,
.boton-linea-extFFF:hover .lineaFFF3,
.boton-linea-extFFF:active .lineaFFF1,
.boton-linea-extFFF:active .lineaFFF3,
.boton-white-extFFF:hover .lineaFFF1,
.boton-white-extFFF:hover .lineaFFF3,
.boton-white-extFFF:active .lineaFFF1,
.boton-white-extFFF:active .lineaFFF3 {
  width: 100%;
  background: rgba(0, 0, 0,0);
background: -moz-linear-gradient(left, rgba(0, 51, 0,1) 0%, rgba(0, 51, 0,1) 56%, rgba(0, 51, 0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 51, 0,1)), color-stop(56%, rgba(0, 51, 0,1)), color-stop(100%, rgba(0, 51, 0,1)));
background: -webkit-linear-gradient(left, rgba(0, 51, 0,1) 0%, rgba(0, 51, 0,1) 56%, rgba(0, 51, 0,1) 100%);
background: -o-linear-gradient(left, rgba(0, 51, 0,1) 0%, rgba(0, 51, 0,1) 56%, rgba(0, 51, 0,1) 100%);
background: -ms-linear-gradient(left, rgba(0, 51, 0,1) 0%, rgba(0, 51, 0,1) 56%, rgba(0, 51, 0,1) 100%);
background: linear-gradient(to right, rgba(0, 51, 0,1) 0%, rgba(0, 51, 0,1) 56%, rgba(0, 51, 0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00336b', endColorstr='#00336b', GradientType=1 );
}

.boton-linea-extFFF:hover .lineaFFF2,
.boton-linea-extFFF:active .lineaFFF2,
.boton-white-extFFF:hover .lineaFFF2,
.boton-white-extFFF:active .lineaFFF2{
  height:100%;
  background: #00336b;
}

.boton-linea-extFFF:hover .lineaFFF4,
.boton-linea-extFFF:active .lineaFFF4,
.boton-white-extFFF:hover .lineaFFF4,
.boton-white-extFFF:active .lineaFFF4{
  height:100%;
  background: #00336b;
}
/*/////////////////////////////////////////dos/////////////////////////////////////////////////////*/