/*
Autor: Ing. Hector Martinez Martinez
*/

/* Fuentes Personalizadas */
@font-face {
  font-family:Amble-Light;
    src: url(fuentes/Amble-Light.ttf) format('truetype')
    }

@font-face {
  font-family:Amble-LightItalic;
    src: url(fuentes/Amble-LightItalic.ttf) format('truetype')
    }

@font-face {
  font-family:Amble-Regular;
    src: url(fuentes/Amble-Regular.ttf) format('truetype')
    }

@font-face {
  font-family:Amble-Italic;
    src: url(fuentes/Amble-Italic.ttf) format('truetype')
    }

@font-face {
  font-family:Amble-Bold;
    src: url(fuentes/Amble-Bold.ttf) format('truetype')
    }

@font-face {
  font-family:Amble-BoldItalic;
    src: url(fuentes/Amble-BoldItalic.ttf) format('truetype')
    }

@font-face {
  font-family:Amble-LightCondensed;
    src: url(fuentes/Amble-LightCondensed.ttf) format('truetype')
    }

@font-face {
  font-family:Amble-LightCondensedItalic;
    src: url(fuentes/Amble-LightCondensedItalic.ttf) format('truetype')
    }


/****************************************
*******Stilos Generales******************
*****************************************/

* {
    padding: 0px;
    margin: 0px;
}

body{
      margin:0px;
      background: #FFFFFF;
      margin: 0;
      padding: 0;
      font-family:SinkinSans-400Regular;
}

h1{
    font-family: Amble-Bold;
}
h2{

   font-family: Amble-Bold;
}
h3{

   font-family: SAmble-Bold;
}
h4{
   font-family: SAmble-Bold;
}
h5{
   font-family: SAmble-Bold;
}
h6{
   font-family: SAmble-Bold;
}

ul, li{
    list-style: none;
    font-size: 13px;
    font-family:SinkinSans-400Regular;
}

p {
   color: #888a8d; 
   font-size: 1em;
   font-family:Amble-Light;
}
a{
    text-decoration: none;
    font-size: 1em;
   font-family:Amble-Light;
}
th{

}
td{

}

.wrapper{
    margin: auto;
}

.contenido{
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

.section-header{
  padding-bottom: 40px;
}

/********************************
*******Contenedor Principal******
********************************/
#contenedor{
   /*border: 1px solid red;*/
    width: 100%;
    height: 100%;
    margin: auto;
    background: white;
    }

/************************************
*******Contenedor limite1************
************************************/
.limitpagina{
  /*  border: 1px solid blue; */
    width: 1280px;
    height: 100%;
    margin: auto;
 }
 /*************************************************************
***********Header**********************************************
*************************************************************/
header {
  width: 100%;
  height: 60px;
  position: fixed;
 background-color:#1caadf;
  z-index: 50000;
}

/*************Logo*************/



/*************Botones*************/
nav{
 
}


.navegad {
  width: 80%;
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;  /*centra en pocicion horizontal*/
    justify-content: space-between;
    text-align: center;
}

.navegad .logonav{
  width: 300px;
  height: 50px;
  background: url(../img/secciones/seccion00/logoblanco.png);
  background-repeat: no-repeat;
  background-position: 100%;
  background-size:contain;

}


.header-nav{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;  /*centra en pocicion horizontal*/
    justify-content: center;
    text-align: center;
    }

.header-nav ul{     /*listas*/
  list-style: none; /*para que no aparecan lo spuntitos*/
  z-index: 1000;
}

.nav li{  /*primer linea de botones*/
}

.nav li a{  /*menu principal*/
   background-color: transparent;
   color: white;
   font-weight: 600;
   text-decoration: none;
   padding: 8px 20px;
   display: block;/*elemenentos en bloque*/
}

.nav li a:hover{   /*menu principal con hover*/

    color: black;
}
.nav > li ul{   /*Esta es el contenedor de los submenus*/
    border: 1px solid #808080;
    background: #2B2B2B;
    border-radius: 10px;
    opacity: 0.7;
}
.nav > li ul li {       /*no importa en que nivel pero que dependa de otro li*/

}
.nav > li li a{
    color: #FFFFFF;
    opacity:1;
    font-size: 11px;
}

.nav > li { /*los li directos, que esten directos a nav*/
   float: left;
}

.nav li ul{ /*ul secundarios*/
   display: none;     /*ocultar*/
   position:absolute; /*la posiciona con respecto al menu*/
   min-width: 150px; /*tamaño ancho minimo de 150px;*/
   text-align: left;

}

.nav li:hover > ul{     /*los li que esten en clase hover     y que sean directos de ul*/
    display: block;  /*desplegar en bloque*/
    }

.nav li ul li{  /*todos los li que esten dentro de un ul que esten dentro de li*/
       position: relative;

}

/*************************************************************
***********Carrusel*****************************************
*************************************************************/
.seccion0{
    /*background: red;*/
    text-align: center;
    padding-top: 60px;
}


#carouselExampleIndicators {
	clear:right;

}

.seccion0 #carouselExampleIndicators{
}


/*************************************************************
*******Seccion0x **********************************************
****************botones bajos***********************************
*************************************************************/

.botonesb{
  background:#3371cd;
  height: 80px;
  padding-top: 25px;
}

.botonesb .botnav{
  height: 30px;
}

.botonesb .botnav .navegadorbotoy{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:space-around;
  align-items: center;
}

.botonesb .botnav .navegadorbotoy a{
    text-decoration: none;
}

.botonesb .botnav .navegadorbotoy .btxa{
    width: 270px;
    height: 30px;
    background: white;
    border-radius: 20px;
}

.botonesb .botnav .navegadorbotoy .btxa p{
    text-align: center;
    color:#3371cd;
    font-weight: 600;
    line-height: 28px;
}

.botonesb .botnav .navegadorbotoy .btxa:hover{
   background: #3371cd;
   border: 1px solid white;
}

.botonesb .botnav .navegadorbotoy .btxa p:hover{
    color: white;
}


/*************************************************************
*******Seccion1 **********************************************
****************Empresa***********************************
*************************************************************/
.seccion1{
    background:white;

 /* background: url(../img/secciones/seccion01/quimica02.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 70%;
  background-attachment: fixed;*/
}

.seccion1 .section-header h1{
  color: #1caadf;
  font-weight: 500;
}

.seccion1 .contenido-work1{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

}

.seccion1 .contenido-work1 .emp1{
   width: 400px;
   height: auto;

    background: url(../img/secciones/seccion01/quimica01.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border:2px solid #1caadf;
    border-radius: 6px;
    box-shadow: 10px 10px 5px 10px #666666 outset;
}

.seccion1 .contenido-work1 .emp2{
  width: 60%;
  height: auto;
  padding-left: 30px;
  padding-bottom: 15px;
  padding-right: 15px;

}

.seccion1 .contenido-work1 .emp2 p{
  text-align: justify;
  font-size: .9em;
  color: #393937;
}

.seccion1 .contenido-work1 .emp2 p span{
  color: #1caadf;
  font-weight: 600;
}


/*************************************************************
*******Seccion2 **********************************************
****************Nuevos*************************************
*************************************************************/
.seccion2{
    background: url(../img/secciones/seccion02/productosx1.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
   
}

.seccion2 .section-header{
  margin-top: 40px;
}

.seccion2 .section-header h1{
  color: white;
  font-weight: 600;
}

.seccion2 .section-header h2{
  color: #ebebeb;
}

.seccion2 .contenido-work2{
  width: 100%;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 70px;

}

.seccion2 .contenido-work2 .newx1{

}

/*************************************************************
*******Seccion3 **********************************************
****************Productos*************************************
*************************************************************/
.seccion3{
    background: white;
    color: black;
}

.seccion3 .section-header3{
  padding-top: 25px;
  padding-bottom: 35px;
}

.seccion3 .section-header3 h1{
  color: #1caadf;
  font-weight: 500;
}

.seccion3 .contenido-work3{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 20PX;
}

.seccion3 .contenido-work3 .prodxl1{
   width: 140px;
   height: 160px;
   border:4px solid #1caadf;
   border-right-style:outset;
   border-bottom-style: outset;  
   margin: 10px;
   padding: 8px;
   border-radius: 15px;


  background: rgba(41,184,229,1);
  background: -moz-linear-gradient(-45deg, rgba(41,184,229,1) 0%, rgba(33,176,225,1) 15%, rgba(28,171,223,1) 25%, rgba(188,224,238,1) 80%, rgba(188,224,238,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(41,184,229,1)), color-stop(15%, rgba(33,176,225,1)), color-stop(25%, rgba(28,171,223,1)), color-stop(80%, rgba(188,224,238,1)), color-stop(100%, rgba(188,224,238,1)));
  background: -webkit-linear-gradient(-45deg, rgba(41,184,229,1) 0%, rgba(33,176,225,1) 15%, rgba(28,171,223,1) 25%, rgba(188,224,238,1) 80%, rgba(188,224,238,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(41,184,229,1) 0%, rgba(33,176,225,1) 15%, rgba(28,171,223,1) 25%, rgba(188,224,238,1) 80%, rgba(188,224,238,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(41,184,229,1) 0%, rgba(33,176,225,1) 15%, rgba(28,171,223,1) 25%, rgba(188,224,238,1) 80%, rgba(188,224,238,1) 100%);
  background: linear-gradient(135deg, rgba(41,184,229,1) 0%, rgba(33,176,225,1) 15%, rgba(28,171,223,1) 25%, rgba(188,224,238,1) 80%, rgba(188,224,238,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b8e5', endColorstr='#bce0ee', GradientType=1 );

}

.seccion3 .contenido-work3 .prodxl1 h6{
  color: white;
  font-weight: 600;
}

.seccion3 .contenido-work3 .prodxl1 a{
  text-decoration: none;
}

.seccion3 .contenido-work3 .prodxl1:hover{
  background: #1caadf;
}

/*************************/

.seccion3 .contenido-work3 .prodxl1 .prodimg01{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/sb.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 26px;
   margin-bottom: 15px;
   
}
/***************pop up****************************/




.seccion3 .contenido-work3 .prodxl1 .prodimg02{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/as.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;

}

.seccion3 .contenido-work3 .prodxl1 .prodimg03{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/bi.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
 
}

.seccion3 .contenido-work3 .prodxl1 .prodimg04{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/cd.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg05{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/co.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg06{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/cu.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg07{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/cr.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg08{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/sn.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg09{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/p.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg10{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/in.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg11{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/i.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg12{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/li.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg13{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/mn.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg14{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/mo.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg15{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/ni.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg16{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/pb.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg17{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/se.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg18{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/si.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg19{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/te.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg20{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/ti.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg21{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/w.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg22{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/v.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

.seccion3 .contenido-work3 .prodxl1 .prodimg23{
   width: 100px;
   height: 70px;
   background: url(../img/secciones/seccion03/zn.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 15px;
}

/*****************lista de productos*********************/
.seccion3 .lista_articulos{
   height: 600px;
   width: 100%;

   border-radius: 20px;
   -webkit-box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
}

.seccion3 .lista_articulos .articulos_quimicos{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
}

.seccion3 .lista_articulos .articulos_quimicos h3{
    color: #1caadf;
    padding-top: 20px;
    font-weight: 700;
}

.seccion3 .lista_articulos .articulos_quimicos .articulostext{
    text-align: left;
    column-count: 3;
}

.seccion3 .lista_articulos .articulos_quimicos .articulostext ul{

}

.seccion3 .lista_articulos .articulos_quimicos .articulostext li{
    color: #1caadf;
    font-size: 1.2em;
    list-style: disc;

}


/*************************************************************
*******Seccion4 **********************************************
****************Calidad***************************************
*************************************************************/
.seccion4{
    margin-top: 40px;
    background:#546e7a;
  background: url(../img/secciones/seccion04/grey_wash_wall.png);
 /* background: url(../img/secciones/seccion01/quimica02.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 70%;
  background-attachment: fixed;*/
}

.seccion4 .section-header{
  margin-top: 40px;
}

.seccion4 .section-header h1{
  color: white;
  font-weight: 600;
}

.seccion4 .contenido-work4{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

}

.seccion4 .contenido-work4 .calx1{
  width: 60%;
  height: auto;
  padding-left: 20px;
  padding-bottom: 15px;
  padding-right: 30px;

}

.seccion4 .contenido-work4 .calx1 p{
  text-align: justify;
  font-size: .9em;
  color: white;
}

.seccion4 .contenido-work4 .calx1 h5{
  padding-top: 15px;
  padding-bottom: 25px;
  color: white;
  font-weight: 600;
}

.seccion4 .contenido-work4 .calx1 h6{
  text-align: left;
  color: #1caadf;
}

.seccion4 .contenido-work4 .calx1 ul{
  padding-left: 35px;
}

.seccion4 .contenido-work4 .calx1 ul li{
  text-align: left;
  font-size: 1.1em;
  color: white;
  list-style-type: disc;
}

.seccion4 .contenido-work4 .calx1 .certificadok{
    height: 40px;
}

.seccion4 .contenido-work4 .calx1 .certificadok .biccert{
    width: 250px;
    height: 40px;
    background: white;
    border-radius: 12px;

}

.seccion4 .contenido-work4 .calx1 .certificadok .biccert a{
    color:#1CAADF;
    text-decoration: none;
    font-weight: 600;
    line-height: 40px;

}
.seccion4 .contenido-work4 .calx1 .certificadok .biccert:hover{
    background: #1CAADF;
    border: 1px solid white;
    color: white;
}

.seccion4 .contenido-work4 .calx1 .certificadok .biccert:hover a{
    line-height: 40px;
    color: white;
}




.seccion4 .contenido-work4 .calx2{
   width: 400px;
   height: auto;

    background: url(../img/secciones/seccion04/quimica02.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 10px;
}


/*************************************************************
*******Seccion5 **********************************************
****************Politicas*************************************
*************************************************************/
.seccion5{
    background:white;

}


.seccion5 .section-header5 h1{
  color: #1caadf;
  font-weight: 500;
  padding-top: 25px;
  padding-bottom: 40px;
}

.seccion5 .contenido-work5{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

}

.seccion5 .contenido-work5 .plw1{
   width: 400px;
   height: auto;

    background: url(../img/secciones/seccion05/cotizacion.jpg);
    background-repeat: no-repeat;
    background-position: 10% 50%;
    background-size: cover;
    border:2px solid #1caadf;
    border-radius: 6px;
    box-shadow: 10px 10px 5px 10px #666666 outset;
    padding-bottom: 20px;
}

.seccion5 .contenido-work5 .plw2{
  width: 60%;
  height: auto;
  padding-left: 30px;
  padding-bottom: 15px;
  padding-right: 15px;

}

.seccion5 .contenido-work5 .plw2 h6{
  text-align: left;
  color: #1caadf;
}

.seccion5 .contenido-work5 .plw2 p{
  text-align: justify;
  font-size: .9em;
  color: #393937;
}

.seccion5 .contenido-work5 .plw3{
  width: 60%;
  height: auto;
  padding-left: 30px;
  padding-bottom: 15px;
  padding-right: 15px;

}
.seccion5 .contenido-work5 .plw3 span h6{
  margin-top:  25px;
}

.seccion5 .contenido-work5 .plw3 h6{
  text-align: left;
  color: #1caadf;
}

.seccion5 .contenido-work5 .plw3 p{
  text-align: justify;
  font-size: .9em;
  color: #393937;
}

.seccion5 .contenido-work5 .plw4{
   width: 400px;
   height: auto;

    background: url(../img/secciones/seccion05/contrato.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border:2px solid #1caadf;
    border-radius: 6px;
    box-shadow: 10px 10px 5px 10px #666666 outset;
}

.seccion5 .contenido-work5 .plw5{
   width: 400px;
   height: auto;

    background: url(../img/secciones/seccion05/transporte.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border:2px solid #1caadf;
    border-radius: 6px;
    box-shadow: 10px 10px 5px 10px #666666 outset;
}

.seccion5 .contenido-work5 .plw6{
  width: 60%;
  height: auto;
  padding-left: 30px;
  padding-bottom: 15px;
  padding-right: 15px;

}
.seccion5 .contenido-work5 .plw6 span h6{
  margin-top:  25px;
}

.seccion5 .contenido-work5 .plw6 h6{
  text-align: left;
  color: #1caadf;
}

.seccion5 .contenido-work5 .plw6 p{
  text-align: justify;
  font-size: .9em;
  color: #393937;
}



.seccion5 .contenido-work5 .plw7{
  width: 60%;
  height: auto;
  padding-left: 30px;
  padding-bottom: 15px;
  padding-right: 15px;

}
.seccion5 .contenido-work5 .plw7 span h6{
  margin-top:  25px;
}

.seccion5 .contenido-work5 .plw7 h6{
  text-align: left;
  color: #1caadf;
}

.seccion5 .contenido-work5 .plw7 p{
  text-align: justify;
  font-size: .9em;
  color: #393937;
}

.seccion5 .contenido-work5 .plw8{
   width: 400px;
   height: auto;

    background: url(../img/secciones/seccion05/pagos.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border:2px solid #1caadf;
    border-radius: 6px;
    box-shadow: 10px 10px 5px 10px #666666 outset;
}

.seccion5 .contenido-work5 .plw9{
  width: 92%;
  height: auto;
  padding-left: 30px;
  padding-bottom: 15px;
  padding-right: 15px;

}
.seccion5 .contenido-work5 .plw9 span h6{
  margin-top:  25px;
}

.seccion5 .contenido-work5 .plw9 h6{
  text-align: left;
  color: #1caadf;
}

.seccion5 .contenido-work5 .plw9 p{
  text-align: justify;
  font-size: .9em;
  color: #393937;
}



/*************************************************************
*******Seccion6 **********************************************
****************Solicitud*************************************
*************************************************************/
.seccion6{
    width: 100%;
    height: auto;

    background: white;
    background: url(../img/secciones/seccion06/solicitus.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}

.seccion6 .contenido .section-header6{
  padding-bottom: 40px;

}

.seccion6 .headencab h1{
  color: white;
  font-weight: 600;
  padding-top: 40px;
  padding-bottom: 10px;

}

.seccion6 .contenido .section-header6 .headencab p{
  color: white;
  padding-bottom: 40px;
}


.seccion6 .contenido .contsec6{
  display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}

/*****************************************/
.seccion6 .contenido .contsec6 .solich1{
  width: 400px;
    display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}

.seccion6 .contenido .contsec6 .solich1 .solk1{
  width: 50px;
  height: 50px;
  background: url(../img/secciones/seccion06/mapa.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin-right: 10px;
}

.seccion6 .contenido .contsec6 .solich1 .solk2 p{
  line-height: 10px;
  color: white;
}


/*************************************************/

.seccion6 .contenido .contsec6 .solich1 .solr1{
  width: 50px;
  height: 50px;
  background: url(../img/secciones/seccion06/telefono-con-fax.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin-right: 10px;
}

.seccion6 .contenido .contsec6 .solich1 .solr2 p{
  line-height: 10px;
  color: white;
}

/*************************************************/

.seccion6 .contenido .contsec6 .solich1 .solm1{
  width: 50px;
  height: 50px;
  background: url(../img/secciones/seccion06/email.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin-right: 10px;
}

.seccion6 .contenido .contsec6 .solich1 .solm2 p{
  color: white;
}







/*************************************************************
*******Seccion7**********************************************
****************Contactanos**********************************
*************************************************************/
.seccion7{
     width: 100%;
     height: auto;

    background: white;
    background: url(../img/secciones/seccion07/pasto1.png);
    background-repeat: no-repeat;
    background-position: 0% 100%;
    background-size: 100%;
    background-attachment: fixed;
 }

.seccion7 .contenido{
    padding-top: 100px;
    padding-bottom: 70px;
}

.seccion7 .anunc{

}

.seccion7 .anunc .container2 { /*cuadro principal del formulario*/
    width: 800px;
    margin: auto;

    background-color: white;
    padding-right: 18px;

}

.seccion7 .anunc #signup {  /*caracteristicas del cuadro principal*/

    padding: 0px 25px 25px;
    background: #fff;
    box-shadow:
        0px 0px 0px 5px rgba( 255,255,255,0.4 ),
        0px 4px 20px rgba( 0,0,0,0.33 );
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: table;
    position: static;
    border:4px solid #1caadf;

    background: url(../img/secciones/seccion07/puf1.png);
    background-repeat: no-repeat;
    background-position: 5% 2%;
    background-size: 15%; 

  }



.seccion7 .anunc #signup .header {
    margin-bottom: 10px;


}

.seccion7 .anunc #signup .header h1 {  /*titulo*/
    color: #1caadf;
    margin-bottom: 15px;
    margin-top: 15px;
}

.seccion7 .anunc #signup .header p {   /*subtitulo*/
    color: #8f8f8f;
    font-size: 14px;
    font-weight: 300;
}

.seccion7 .anunc #signup .header sub{
     color: #8f8f8f;
}

#signup .sep {  /*linea horizontal*/
    height: 1px;
    background: #1caadf;
    width: 800px;
    margin: 0px -25px;
}

#signup .inputs {
    margin-top: 25px;
}

#signup .inputs label {
    color: #1caadf;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 7px;
    display: block;
}

input::-webkit-input-placeholder {
    color:    #b5b5b5;
}

input:-moz-placeholder {
    color:    #b5b5b5;
}

#signup .inputs input[type=email], input[type=nombre], input[type=telefono] {
    background: #f5f5f5;
    font-size: 0.8rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding: 13px 10px;
    width: 600px;
    margin-bottom: 20px;
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
    clear: both;
}
#signup .inputs textarea[type=comentario]{
    background: #f5f5f5;
    font-size: 0.8rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding: 13px 10px;
    width: 600px;
    height: 150px;
    margin-bottom: 20px;
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
    clear: both;
}

#signup .inputs input[type=email]:focus, input[type=nombre]:focus, input[type=telefono]:focus{
    background: #fff;
    box-shadow: 0px 0px 0px 3px #1caadf, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 );
    outline: none;
}
#signup .inputs textarea[type=comentario]:focus{
    background: #fff;
    box-shadow: 0px 0px 0px 3px #1caadf, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 );
    outline: none;
}
#signup .inputs input:valid{
   background: #fff;
   box-shadow: 0px 0px 0px 3px #33FF66, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 );
   outline: none;
}
#signup .inputs textarea:valid{
   background: #fff;
   box-shadow: 0px 0px 0px 3px #33FF66, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 );
   outline: none;
}


#signup .inputs #submit {
    width: 600px;
    margin: auto;
    padding: 15px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;

    background:#1caadf;


    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #737b8d;


    -moz-box-shadow:
        0px 5px 5px rgba(000,000,000,0.1),
        inset 0px 1px 0px rgba(255,255,255,0.5);
    -webkit-box-shadow:
        0px 5px 5px rgba(000,000,000,0.1),
        inset 0px 1px 0px rgba(255,255,255,0.5);
    box-shadow:
        0px 5px 5px rgba(000,000,000,0.1),
        inset 0px 1px 0px rgba(255,255,255,0.5);
    text-shadow:
        0px 1px 3px rgba(000,000,000,0.3),
        0px 0px 0px rgba(255,255,255,0);
    display: table;
    position: static;
    clear: both;
}

#signup .inputs #submit:hover {
        background: #026abf;
}

/********seccion7x enviar*****************/
.seccion7x{
     width: 100%;
     height: auto;
     padding-top: 60px;
 }

.seccion7x .contenido{
    padding-top: 40px;
    padding-bottom: 40px;

}

.seccion7x .anunc{

}

.seccion7x .anunc .quienxd1  .mensajepx1 {
    margin: auto;
    padding: 50px 25px 25px 50px;
    background: url(../img/secciones/seccion07/enviado.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 60%;
    box-shadow:
        0px 0px 0px 5px rgba( 255,255,255,0.4 ),
        0px 4px 20px rgba( 0,0,0,0.33 );
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: table;
    position: static;
    width: auto;

}


.seccion7x .anunc .quienxd1  .mensajepx1 .cajmen p{
    font-size: 22px;
    text-align: center;
    padding-top: 15%;
    color:#5E5E5E;
}

/*************************************************************
*******Seccion8 **********************************************
****************footer***************************************
*************************************************************/
footer{
    background:#1caadf;
    color: white;
    width: 100%;
    height: 250px;
}

footer .articulos{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}

footer .articulos .artx1{

}

footer .articulos .artlog{
  width: 300px;
  height: 160px;
  background: url(../img/secciones/seccion08footer/logox1.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size:60%;
 
}
/************enmedio**********************/
footer .articulos .artsol{
  width: 350px;
  

}

footer .articulos .artsol p{
  color: white;
  text-align: justify;
  padding: 10px;
  font-size: 13px;
}


footer .articulos .artsol .socilamed{
  width: 170px;
  height: 50px;

  margin: auto;

  display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 justify-content: space-between;
}

footer .articulos .artsol .socilamed .socix1{
  width: 50px;
  height: 50px;

}

footer .articulos .artsol .socilamed .socface{
  background: url(../img/secciones/seccion08footer/facebook.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
}

footer .articulos .artsol .socilamed .socface:hover{
  background: url(../img/secciones/seccion08footer/facebook2.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
}

footer .articulos .artsol .socilamed .soctwi{
  background: url(../img/secciones/seccion08footer/gorjeo.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
}

footer .articulos .artsol .socilamed .soctwi:hover{
  background: url(../img/secciones/seccion08footer/gorjeo2.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
}


/***********fin******************/


footer .articulos .artdir{
  width: 400px;
}

footer .articulos .artdir p{
  color: white;
  font-size: 13px;
}

/*footer .articulos .artdir #direct::before {
   content: " ";
   padding-right:30px;
   background: url(../img/secciones/seccion08footer/puntero.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;

}
footer .articulos .artdir #direct p{
  padding-left: 30px;
}*/

footer .articulos .artdir #direct{
  display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 justify-content: left;
   align-items: left;
    margin-top: 12px;
      border-bottom: 1px solid white;
}
footer .articulos .artdir #direct .bgx1{
  width: 25px;
  height: 25px;
  background: url(../img/secciones/seccion08footer/mapa.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   padding-top: 10px;
}

footer .articulos .artdir #direct .bgx2{
  width: 300px;
  padding-left: 10px;
}

footer .articulos .artdir #direct .bgx2 p{
  line-height: 40%;

}

/****************************************/
footer .articulos .artdir #faxc1{ 
  display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 justify-content: left;
   align-items: left;
   margin-top: 12px;
      border-bottom: 1px solid white;
}
footer .articulos .artdir #faxc1 .faxg1{
  width: 25px;
  height: 25px;
  background: url(../img/secciones/seccion08footer/telefono-con-fax.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin-right: 10px;
}

footer .articulos .artdir #dfaxc1 .faxg2{
  width: 300px;
  padding-left: 10px;
}

/******************************************/
footer .articulos .artdir #telxs{ 
  display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 justify-content: left;
   align-items: left;
   margin-top: 12px;
}

footer .articulos .artdir #telxs{
     border-bottom: 1px solid white;
}

footer .articulos .artdir #telxs .telg1{
  width: 25px;
  height: 25px;
  background: url(../img/secciones/seccion08footer/tel.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin-right: 10px;

}

footer .articulos .artdir #telxs .telg2{
  width: 300px;
  padding-left: 10px;
  
}

/*************************************************/
footer .articulos .artdir #correxq{ 
  display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 justify-content: left;
   align-items: left;
   margin-top: 12px;
   border-bottom: 1px solid white;
}



footer .articulos .artdir #correxq .emlx1{
  width: 25px;
  height: 25px;
  background: url(../img/secciones/seccion08footer/email.png);
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:contain;
   margin-right: 10px;

}

footer .articulos .artdir #correxq .emlx2{
  width: 300px;
  padding-left: 10px;
  
}


/****************/
footer .piepx{
  background: black;
  height: 50px;
}
footer .piepx p{
  text-align: center;
  color: white;
  font-size: 11px;
  padding-top: 12px;
}