*{

	 margin: 0;

	 padding: 0;

	 font-family: helvetica;

}

section#banner{

	width:100%;

	height: 650px;



	text-align:left;



	}



  body{

    height: 650px;

    background:url(imagenes/fondo9.jpg)no-repeat fixed center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

      }



  .logo {

        float: left;

        width: 55%;

        background-color:transparent;

        padding: 20px;

        margin-left: 16px;

        margin-top: -15px;

        -webkit-transition:all 500ms ease;

        -o-transition:all 500ms ease;

        transition:all 500ms ease;

        }

        #logo1{

              /* z-index: 999; */

              float: right;

              width: 300px;

              height: 60px;



              margin-top: -10px;

              -webkit-transition:all 500ms ease;

              -o-transition:all 500ms ease;

              transition:all 500ms ease;

              }



  .logo img#logo{

    -webkit-transition:all 500ms ease;

  -o-transition:all 500ms ease;

  transition:all 500ms ease;

  }



#logo:hover{

  width:130px;

  height: 35px;

  opacity: 0.8;

  -webkit-transition:all 500ms ease;

-o-transition:all 500ms ease;

transition:all 500ms ease;



}

.logo img#logo:hover{

  width:130px;

  height: 35px;

  -webkit-transition:all 500ms ease;

-o-transition:all 500ms ease;

transition:all 500ms ease;

}



  .contenedor{

width: 100%;

height: 100px;

background-color: #fff;

opacity: 0.8;

}



.fondo section#banner .tabla20{

    position: absolute;

    width: 80%;

    height: 10%;

    background-color: transparent;

    border-color:red;

    top: 150px;

    right:10%;

    }

#header {

      margin:auto;

      width:1880px;

      font-family:Arial, Helvetica, sans-serif;

    }



    ul, ol {

      list-style:none;

    }



    .nav > li {

      float:left;

    }



    .nav li a {

      background-color:transparent;

      color:#000;

      text-decoration:none;

      padding:10px 25px;

      display:block;

  /*    background-color:red;   */

      -webkit-transition:all 500ms ease;

      -o-transition:all 500ms ease;

      transition:all 500ms ease;



    }



    .nav li a:hover {

      background-color:#1E5888;

      border-radius:50px;

    }



    .nav li ul {

      display:none;

      position:absolute;

      min-width:140px;

    }







    .nav li ul li {

      position:relative;

    }



    .nav li ul li ul {

      right:-140px;

      top:10px;

    }



    nav ul {



        float: right;

    }



    nav ul li {

    margin:0 auto;

      margin-top: 5px;



    }







    nav ul li:last-child {

          margin-right: 50px;

    }



    nav ul li a {



          color: #000;

          text-transform: uppercase;

          text-decoration: none;

          font-size: 14px;



          font-weight: 600;

    }



    .listas {

      visibility: hidden;

    }











@media screen and (max-width: 1513px) {

body{

background:url(imagenes/fondo3.jpg)no-repeat fixed center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;



}



  .servi .tab1{  /* PAGOS */



  	position: absolute;



  	list-style-position: inherit;

  	width: 20%;

  	height: 13%;

  	top: 1243px;

  	right: 70%;

  	text-align: center;

  	}

    .servi .tab2{  /* LOGISTICA */



    	position: absolute;



    	list-style-position: inherit;

    	width: 20%;

    	height: 13%;

      top: 1243px;

    	right: 42%;

    	text-alin: center;

    	}



      .servi .tab3{   /* APPCARREOS */



      	position: absolute;



      	list-style-position: inherit;

      	width: 20%;

      	height: 13%;

      	top: 1243px;

      	right: 15%;

      	text-align: center;

      	}

  .contain .contabla .tabla1{

        	width: 40%;

        	height: 200px;

          top: 800px;

        	right:15%;

        	}

        .fondo section#banner .tabla20{

            position: absolute;

            width: 80%;

            height: 10%;

            background-color: transparent;

            border-color:red;

            top: 150px;

            right:10%;

            }



}

@media screen and (max-width: 1411px) {

  .contain .contabla .tabla1{

        	width: 40%;

        	height: 200px;

          top: 800px;

        	right:10%;

        	}

}





@media screen and (max-width: 1307px) {



  .contain .contabla .tabla1{

        	width: 40%;

        	height: 200px;

          top: 800px;

        	right:10%;

        	}

      .servi .tab1{  /* PAGOS */

        position: absolute;

        list-style-position: inherit;

        width: 20%;

        height: 13%;

        top: 1243px;

        right: 75.8%;

        text-align: center;

        }

        .servi .tab2{  /* LOGISTICA */

          position: absolute;

          list-style-position: inherit;

          width: 20%;

          height: 13%;

          top: 1243px;

          right: 45.5%;

          text-alin: center;

          }



          .servi .tab3{   /* APPCARREOS */



            position: absolute;



            list-style-position: inherit;

            width: 20%;

            height: 13%;

            top: 1243px;

            right: 15%;

            text-align: center;

            }











    }

    @media screen and (max-width: 1168px) {

      .fondo section#banner .tabla20{

          position: absolute;

          width: 80%;

          height: 10%;

          background-color: transparent;

          border-color:red;

          top: 180px;

          right:10%;

          }



      .contain .contabla .tabla1{

            	width: 40%;

            	height: 200px;

              top: 800px;

            	right:7%;

            	}

          .servi .tab1{  /* PAGOS */

            position: absolute;

            list-style-position: inherit;

            width: 20%;

            height: 13%;

            top: 1243px;

            right: 78.3%;

            text-align: center;

            }

            .servi .tab2{  /* LOGISTICA */

              position: absolute;

              list-style-position: inherit;

              width: 20%;

              height: 13%;

              top: 1243px;

              right: 46.5%;

              text-alin: center;

              }



              .servi .tab3{   /* APPCARREOS */

                position: absolute;

                list-style-position: inherit;

                width: 20%;

                height: 13%;

                top: 1243px;

                right: 14.7%;

                text-align: center;

                }



                  .contact .tabla2{

                    right:29%;

                  }







        }

@media screen and (max-width: 1095px) {



  .contain #grafy{

    width:100%;

    height: 700px;

    }

    .contain .contabla .tabla1{

            width: 40%;

            height: 200px;

            top: 1150px;

            right:32%;

            }

 .contain #img1{



  position: relative;

  left: 250px;

  width:50%;

  height:350px;



}



.servi #servicios{

      height: 1000px;

}



.servi .tab1{  /* PAGOS */



  width: 20%;

  height: 13%;

  right:500px ;

  top: 1600px;

   }

.servi .tab2{  /* LOGISTICA */



  width: 20%;

  height: 13%;

  right:710px ;

  top: 2000px;



}

.servi .tab3{  /* APPCARREOS */

  width: 20%;

  height: 13%;



right:250px ;

top: 2000px;



}



.contact .tabla2{

   top: 2500px;

   right:300px;

   }

.inf {

	width:100%;

	height: 450px;

	background-color:#333;

	 }



.inf #info .tabla3{

	position: absolute;

	width: 30%;

	height: 30%;



  top: 3180px;

  right:65%;

	}



.inf #info .tabla5{

  	position: absolute;

  	width: 50%;

  	height: 400px;

    top: 3120px;

  	right:5%;

  	}

.inf #info .tabla4{

    	position: absolute;

    	width: 30%;

    	height: 10%;



      top: 3500px;

      right:65%;

    	}



    .logo{

      width:50%;

    }



}

@media screen and (max-width: 960px) {





  .contain #img1{



    position: relative;

    left: 22.5%;

    width:520px;

    height:350px;



  }

  .contain .tabla1{

    top: 920px;

  right:190px;

    width: 65%;

    height: 200px;

  }



.contact .tabla2{

  top: 2500px;

  right:280px;

  }



.inf  #info .tabla3{



  	width: 35%;

  	height: 30%;



    top: 3200px;

    right:60%;

  	}



.inf    #info .tabla5{



    	width: 50%;

    	height: 400px;



    	top: 3120px;

    	right:20px;

    	}

    .inf  #info .tabla4{



      	width: 40%;

      	height: 4%;



        top: 3570px;

        right:58%;

      	}





}



@media screen and (max-width: 860px) {

  .servi #servicios{

  height: 1300px;

  }



.servi .tab1{  /* PAGOS */



  width: 20%;

  height: 13%;

right:430px ;

top: 1500px;



}

.servi .tab2{  /* LOGISTICA */



  width: 20%;

  height: 13%;

right:430px ;

top: 1900px;



}

.servi .tab3{  /* APPCARREOS */

  width: 20%;

  height: 13%;



right:430px ;

top: 2300px;



}



.contain #img1{



  position: relative;

  left: 20%;

  width:520px;

  height:350px;



}



.contain .contabla .tabla1{

  top: 1150px;

  right:140px;

  width: 75%;

  height: 200px;

}







.contact .tabla2{

  width: 60%;

top: 2800px;

right:160px;

}



.inf #info .tabla3{

  position: absolute;

  width: 35%;

  height: 30%;

  top: 3450px;

  right:60%;

  }



  .inf #info .tabla5{

    position: absolute;

    width: 50%;

    height: 400px;

    top: 3430px;

    right:5%;

    }

    .inf  #info .tabla4{

      width: 40%;

        height: 4%;

        top: 3860px;

        right:58%;

        }



}



@media screen and (max-width: 820px) {





.servi .tab1{  /* PAGOS */



  width: 20%;

  height: 13%;

right:430px ;

top: 1500px;



}

.servi .tab2{  /* LOGISTICA */



  width: 20%;

  height: 13%;

right:430px ;

top: 1900px;



}

.servi .tab3{  /* APPCARREOS */

  width: 20%;

  height: 13%;

right:430px ;

top: 2300px;



}

.contain #img1{



  position: relative;

  left: 18%;

  width:520px;

  height:350px;



}



.contain .contabla .tabla1{

  top: 1150px;

  right:140px;

  width: 75%;

  height: 200px;

}

.inf #info .tabla3{



  width: 35%;

  height: 30%;

  top: 3450px;

  right:60%;

  }



  .inf #info .tabla5{



    width: 50%;

    height: 400px;

    top: 3420px;

    right:3%;

    }

    .inf  #info .tabla4{

      width: 40%;

        height: 4%;

        top: 3860px;

        right:58%;

        }

}



@media screen and (max-width: 795px) {





.servi .tab1{  /* PAGOS */



  width: 20%;

  height: 13%;

right:420px ;

top: 1500px;



}

.servi .tab2{  /* LOGISTICA */



  width: 20%;

  height: 13%;

right:420px ;

top: 1900px;



}

.servi .tab3{  /* APPCARREOS */

  width: 20%;

  height: 13%;



right:420px ;

top: 2300px;



}





.contain #img1{



  position: relative;

  left: 130px;

  width:520px;

  height:350px;



}



.inf #info .tabla3{



  width: 38%;

  height: 10%;

  top: 3450px;

  right:55%;

  }



  #info .tabla5{



    width: 50%;

    height: 300px;

    top: 3420px;

    right:40px;

    }

    .inf  #info .tabla4{

      width: 40%;

        height: 4%;

        top: 3835px;

        right:58%;

        }





}



@media screen and (max-width: 750px) {



  .servi .tab1{  /* PAGOS */



    width: 20%;

    height: 13%;

  right:420px ;

  top: 1500px;



  }

  .servi .tab2{  /* LOGISTICA */



    width: 20%;

    height: 13%;

  right:420px ;

  top: 1900px;



  }

  .servi .tab3{  /* APPCARREOS */

    width: 20%;

    height: 13%;



  right:420px ;

  top: 2300px;



  }



  .contain #img1{



    position: relative;

    left: 100px;

    width:520px;

    height:350px;



  }

  .contain .contabla .tabla1{

    top: 1150px;

    right:100px;

    width: 70%;

    height: 200px;

  }





.contact .tabla2{

  width: 60%;

top: 2800px;

right:160px;

}

  .inf {

    	width:100%;

    	height: 800px;

    	background-color:#333;

    	 }



.inf  #info .tabla3{



    width: 42%;

    height: 30%;

    top: 3450px;

    right:55%;

    }



  .inf  #info .tabla5{



      width: 50%;

      height: 300px;

      top: 3420px;

      right:2%;

      }

  .inf    #info .tabla4{



        width: 50%;

        height: 10%;

        top: 4145px;

        right:380px;

        }







}

@media screen and (max-width: 712px) {





  .listas{

  visibility: visible;

  position: relative;

  top: 120px;

  width: 80%;

  left: 10%;



-webkit-border-radius:4px;

-moz-border-radius:4px;

  }

  .lista{



	border:1px solid #DDD;

	background-color:#e4e4e4;

	width:100%;



	height:30px;

	padding:5px;

	margin:0;

	cursor:pointer;

	outline:none;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

  }



.fondo  section#banner .tabla20{

      position: absolute;

      width: 80%;

      height: 10%;

      background-color: transparent;

      border-color:red;

      top: 200px;

      right:10%;

      }



      .nav-wrapper {

            position: fixed;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            z-index: -1;

            background: #1E5888;

            opacity: 0;

            transition: all 0.2s ease;



      }

      .nav-wrapper ul {

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

            width: 100%;

      }



      .nav-wrapper ul li {

            display: block;

            float: none;

            width: 100%;

            text-align: right;

            margin-bottom: 10px;

                          }





.logo{

  width: 90%;

}









}







@media screen and (max-width: 696px) {

  body{



  background:url(imagenes/fondo10.jpg);

  }



section#banner{

  width: 100%;

  height:450px;

}



  .contain #img1{



    position: relative;

    left: 12%;

    width:520px;

    height:350px;



  }



  .contain .contabla .tabla1{

    top: 960px;

    right:120px;

    width: 65%;

    height: 200px;

}



.servi .tab1{  /* PAGOS */



  width: 20%;

  height: 13%;

right:420px ;

top: 1300px;



}

.servi .tab2{  /* LOGISTICA */



  width: 20%;

  height: 13%;

right:420px ;

top: 1700px;



}

.servi .tab3{  /* APPCARREOS */

  width: 20%;

  height: 13%;



right:420px ;

top: 2100px;



}

.contact .tabla2{

  width: 60%;

top: 2650px;

right:160px;

}



.inf {

  	width:100%;

  	height: 800px;

  	background-color:#333;

  	 }

.inf  #info .tabla3{

    width: 45%;

    height: 30%;

    top: 3655px;

    right:28%;

    }



.inf    #info .tabla5{

      width: 90%;

      height: 50%;

      top: 3220px;

      right:5%;



      }

  .inf    #info .tabla4{

        width: 50%;

        height: 4%;

        top: 3960px;

        right:45%;

        }



}



@media screen and (max-width: 630px) {

  .contain #img1{

    position: relative;

    left: 8%;

    width:520px;

    height:350px;

  }

  .contain .contabla .tabla1{

    top: 900px;

    right:120px;

    width: 65%;

    height: 200px;

  }

  .servi .tab1{  /* PAGOS */

    width: 20%;

    height: 13%;

  right:380px ;

  top: 1300px;



  }

  .servi .tab2{  /* LOGISTICA */

    width: 20%;

    height: 13%;

  right:380px ;

  top: 1700px;



  }

  .servi .tab3{  /* APPCARREOS */

    width: 20%;

    height: 13%;



  right:380px ;

  top: 2100px;



  }

  .contact .tabla2{

  width:70%;

  top: 2600px;

  right:100px;

  }

  .inf  #info .tabla3{

      width: 55%;

      height: 20%;

      top: 3550px;

      right:25%;



      }



  .inf    #info .tabla5{

        width: 90%;

        height: 45%;

        top: 3220px;

        right:5%;



        }

        .inf    #info .tabla4{

              width: 60%;

              height: 5%;

              top: 3960px;

              right:35%;

              }

}

@media screen and (max-width: 556px) {



  .servi .tab1{  /* PAGOS */



    width: 20%;

    height: 13%;

  right:350px ;

  top: 1300px;



  }

  .servi .tab2{  /* LOGISTICA */



    width: 20%;

    height: 13%;

  right:350px ;

  top: 1700px;



  }

  .servi .tab3{  /* APPCARREOS */

    width: 20%;

    height: 13%;



  right:350px ;

  top: 2100px;



  }





  .contain #img1{



    position: relative;

    left: 0px;

    width:100%;

    height:350px;



  }



  .contain .contabla .tabla1{

    top: 950px;

    right:120px;

    width: 60%;

    height: 200px;

  }



  .contact section#contacto .tabla2{

  width:75%;

  top: 2600px;

  left:12%;

  }



  .inf #info .tabla3{

      width: 55%;

      height: 20%;

      top: 3680px;

      right:25%;



      }



  .inf #info .tabla5{

        width: 90%;

        height: 40%;

        top: 3220px;

        right:5%;

      }

    .inf #info .tabla4{

          width: 60%;

          height: 5%;

          top: 3950px;

          right:30%;

          }



}



@media screen and (max-width: 463px) {



.fondo section#banner .tabla20{

    position: absolute;

    width: 100%;

    height: 30%;

    background-color: transparent;

    border-color:red;

    top: 200px;

    right:0%;

    }

    .contain .contabla .tabla1{

      top: 950px;

      left: 10%;

      width: 80%;

      height: 200px;

    }

  .servi .tab1{  /* PAGOS */



    width: 20%;

    height: 13%;

  right:330px ;

  top: 1300px;



  }

  .servi .tab2{  /* LOGISTICA */



    width: 20%;

    height: 13%;

  right:330px ;

  top: 1700px;



  }

  .servi .tab3{  /* APPCARREOS */

    width: 20%;

    height: 13%;



  right:330px ;

  top: 2100px;



  }



    .contact .tabla2{

    width:85%;

    top: 2500px;

    right:40px;

    }



    .contain #img1{



      position: relative;

      left: 0px;

      width:100%;

      height:350px;



    }

    .inf  #info .tabla3{

        width: 70%;

        height: 20%;

        top: 3660px;

        left:15%;

}



    .inf    #info .tabla5{

          width: 90%;

          height: 40%;

          top: 3220px;

          right:5%;

        }



      .inf    #info .tabla4{

            width: 70%;

            height: 5%;

            top: 3920px;

            right:25%;

            }



}





@media screen and (max-width: 439px) {



  .contain .contabla .tabla1{

    top: 950px;

    left: 10%;

    width: 80%;

    height: 200px;

  }

.servi .tab1{  /* PAGOS */



  width: 20%;

  height: 13%;

right:310px ;

top: 1300px;



}

.servi .tab2{  /* LOGISTICA */



  width: 20%;

  height: 13%;

right:310px ;

top: 1700px;



}

.servi .tab3{  /* APPCARREOS */

  width: 20%;

  height: 13%;



right:310px ;

top: 2100px;



}



  .contact section#contacto .tabla2{

  width:90%;

  top: 2600px;

  left:5%;

  }



  .contain #img1{



    position: relative;

    left: 0px;

    width:100%;

    height:350px;



  }

  .inf  #info .tabla3{

      width: 70%;

      height: 20%;

      top: 3660px;

      left:15%;

}



  .inf    #info .tabla5{

        width: 90%;

        height: 40%;

        top: 3220px;

        right:5%;

      }



    .inf    #info .tabla4{

          width: 70%;

          height: 5%;

          top: 3920px;

          right:25%;

          }

}



  @media screen and (max-width: 412px) {



    .fondo section#banner .tabla20{

      top:200px;

    }

    .contain #img1{



    position: relative;

    left: 0px;

    width:100%;

    height:320px;



    }

  .contain .contabla .tabla1{

    top: 950px;

    right:5%;

    width: 85%;

    height: 200px;

}



    .servi section#servicios .tab1{  /* PAGOS */



      width: 16%;

      height: 5%;

    right:320px ;

    top: 1300px;



    }

  .servi  tbody .tx1{

      font-size: 10px;

    }

    .servi section#servicios .tab2{  /* LOGISTICA */



      width: 16%;

      height: 5%;

    right:305px ;

    top: 1700px;



    }

    .servi section#servicios .tab3{  /* APPCARREOS */

      width: 16%;

      height: 5%;



    right:305px ;

    top: 2100px;



    }



    .servi .pago#pagos {

      width:220px;

    	height:38px;

      display: block;

      margin: auto;

    }



    .servi .logis#logi{

      width:240px;

    	height:40px;

      display: block;

      margin: auto;

    }

    .servi .appc#app {

      width:240px;

    	height:40px;

      display: block;

      margin: auto;

    }





    .contact .tabla2{

    width:85%;

    top: 2600px;

    right:40px;

    }



    .inf  #info .tabla3{

        width: 70%;

        height: 20%;

        top: 362  0px;

        right:15%;

    }



    .inf    #info .tabla5{

          width: 90%;

          height: 40%;

          top: 3230px;

          right:5%;

        }



      .inf    #info .tabla4{

            width: 80%;

            height: 5%;

            top: 3940px;

            right:15%;

            }

  }



  @media screen and (max-width: 385px) {

    .contain .contabla .tabla1{

    top: 950px;

    right:5%;

    width: 85%;

    height: 200px;

}



    .servi .tab1{  /* PAGOS */



      width: 14%;

      height: 6%;

    right:305px ;

    top: 1300px;



    }

    .servi .tab2{  /* LOGISTICA */



      width: 14%;

      height: 6%;

    right:305px ;

    top: 1700px;



    }

    .servi .tab3{  /* APPCARREOS */

      width: 14%;

      height: 6%;



    right:305px ;

    top: 2100px;



    }

    .contact .tabla2{

    width:95%;

    top: 2600px;

    right:10px;

    }



        .inf  #info .tabla3{

            width: 90%;

            height: 20%;

            top: 3660px;

            left:10%;

        }



        .inf    #info .tabla5{

              width: 90%;

              height: 300px;

              top: 3210px;

              right:5%;

            }



          .inf    #info .tabla4{

                width: 90%;

                height: 5%;

                top: 3950px;

                left:5%;

                }



  }





  @media screen and (max-width: 374px) {



    .contain .contabla .tabla1{

    top: 950px;

    right:5%;

    width: 85%;

    height: 200px;

}



    .servi section#servicios .tab1{  /* PAGOS */



      width: 14%;

      height: 6%;

    right:305px ;

    top: 1300px;



    }

    .servi .tab2{  /* LOGISTICA */



      width: 14%;

      height: 6%;

    right:305px ;

    top: 1700px;



    }

    .servi .tab3{  /* APPCARREOS */

      width: 14%;

      height: 6%;



    right:305px ;

    top: 2100px;



    }



  }



@media screen and (max-width: 360px) {



  .logo{

    padding: 20px;

    margin-left: 80px;

  }



  .contain #img1{

  position: relative;

    left: 0px;

    width:100%;

    height:240px;



  }

  .contain .contabla .tabla1{

  top: 930px;

  left:4.5%;

  width:95%;

  height: 200px;

}



  .servi .tab1{  /* PAGOS */

  width: 14%;

  height: 6%;

  left:2%;

  top: 1300px;

  }

  .servi .tab2{  /* LOGISTICA */

  width: 14%;

  height: 6%;

  left:2%;

  top: 1700px;

  }

  .servi .tab3{  /* APPCARREOS */

  width: 14%;

  height: 6%;

  left:2%;

  top: 2100px;

  }

  .contact section#contacto .tabla2{

  width:98%;

  top: 2600px;

  left:1%;

  }



}

@media screen and (max-width: 320px) {

  .contain #img1{

  position: relative;

    left: 0px;

    width:100%;

    height:240px;



  }

  .contain .contabla .tabla1{

  top: 930px;

  left:2.5%;

  width:95%;

  height: 200px;

}

.servi  tbody .tx1{

font-size: 7px;

  }

  .servi  th table{

    width: 300px;



  }

  .servi section#servicios .tab1{  /* PAGOS */

    width: 14%;

    height: 100px;

  right:270px ;

top: 1300px;



  }

  .servi section#servicios .tab2{  /* LOGISTICA */



    width: 14%;

    height: 6%;

  right:270px ;

  top: 1700px;



  }

  .servi section#servicios .tab3{  /* APPCARREOS */

    width: 14%;

    height: 6%;



  right:270px ;

  top: 2100px;



  }





}









  section#grafy{

  	width:100%;

  	height: 350px;

  	background:url(imagenes/fondo2.jpg);

  	text-align:left;

  	 }



    .contain .tabla1{

       	position: absolute;

       	width: 40%;

       	height: 200px;

       	background-color: transparent;

       	border-color:red;

       	top: 800px;

       	right:25%;

       	}



.tx5{

border-color: transparent;

background-color:transparent;

    text-align: left;

	font-size: 20px;

	color:#FFF;

}

.tx6{

border-color: transparent;

background-color:transparent;

  text-align:left;

  line-height: 1.2;

  word-spacing: .-5em;

	font-size: 14px;

	font-weight: normal;

	color:#FFF;

}



a.efect{

  -webkit-transition:all 500ms ease;

-o-transition:all 500ms ease;

transition:all 500ms ease;

}

a.efect:hover {

	opacity: 0.8;

  background:#1E5888;

  border-radius: 50px;

  padding: 20px 15px;

  -webkit-transition:all 500ms ease;

-o-transition:all 500ms ease;

transition:all 500ms ease;

	}



section#servicios{



	width:100%;

	height: 600px;

	background-color:#FFF;

	background-repeat: no-repeat;

	background-attachment: contain;

	background-position: center;

	}



div .tab1{  /* PAGOS */

	position: absolute;

	list-style-position: inherit;

	width: 20%;

	height: 13%;

	background-color: transparent;

	border-color: RED;

	top: 1240px;

	right: 60%;

	text-align: center;

	}

  div .tab2{  /* LOGISTICA */

  	position: absolute;

  	list-style-position: inherit;

  	width: 20%;

  	height: 13%;

  	background-color: transparent;

  	border-color: RED;

  	top: 1240px;

  	right: 37.5%;

  	text-align: center;

  	}



    div .tab3{   /* APPCARREOS */

    	position: absolute;

    	list-style-position: inherit;

    	width: 20%;

    	height: 13%;

    	background-color: transparent;

    	border-color: RED;

    	top: 1240px;

    	right: 15%;

    	text-align: center;

    	}



img#pagos {

	overflow:hidden;

	background-position:top;

	margin-right:120px;

	width:255px;

	height:40px;

	text-align:center;

	}



img#logi {

	background-position:top;

  margin-right:100px;

	width:280px;

	height:40px;

	text-align:center;

	}

img#app {

	background-position:top;

	margin-right:100px;

	width:280px;

	height:40px;

	text-align:center;

	}











tbody .tx1{

border-color: transparent;

background-color:transparent;

    text-align: justify;

	font-size: 12px;

}

tbody .tx2{

border-color: transparent;

background-color:transparent;

    text-align: justify;

	font-size: 12px;

}

tbody .tx3{

border-color: transparent;

background-color:transparent;

    text-align: justify;

	font-size: 12px;

}





 section#contacto{

	 width:100%;

	 height: 650px;

	 background:url(imagenes/fondo2.jpg);

	}



	.tabla2{

	position: absolute;

	width: 40%;

	height: 40%;

	background-color: transparent;

	border-color:red;

	top: 1790px;

	left:35%;

	}



.form-consulta {max-width: 500px; background:transparent; padding: 25px; font-family: 'Source Sans Pro', sans-serif;}



.campo-form {width:100%; height:36px; margin:2px 0 6px; padding-left:6px; box-sizing: border-box; border-radius:3px; border:0; font-family: 'Source Sans Pro', sans-serif; font-size:1em;}



label span {color: #f00;}



textarea {min-height: 150px!important;}



.btn-form {

  display:inline-block;

  border:0;

  background: #000;

  height: 46px;

  line-height: 46px;

  padding: 0 20px;

  border-radius: 6px;

  color:#fff;

  text-decoration: none;

  text-transform: uppercase;

  letter-spacing: 1px

  -webkit-transition:all 500ms ease;

-o-transition:all 500ms ease;

transition:all 500ms ease;

}



.btn-form:hover {

 opacity: 0.8;

 -webkit-transition:all 500ms ease;

-o-transition:all 500ms ease;

transition:all 500ms ease;

}



/* Fin de formulario*/



.inf section#info{

	width:100%;

	height: 500px;

	background-color:#333;

	 }



.tabla3{

	position: absolute;

	width: 25%;

	height: 30%;

	background-color: transparent;

	border-color:red;

	top: 2380px;

	right:60%;

	}



  .tabla5{

  	position: absolute;

  	width: 50%;

  	height: 400px;

  	background-color: transparent;

  	border-color:red;

  	top: 2400px;

  	right:5%;

  	}



    .tabla4{

    	position: absolute;

    	width: 30%;

    	height: 5%;

    	background-color: transparent;

    	border-color:red;

    	top: 2800px;

    	right:65%;

    	}









.tx8{   /* Texto de contacto */



    text-align: justify;

	font-size: 15px;

	color:#FFF;

}



.tx9{  /* Texto de derechos */



    text-align: center;

	font-size: 15px;

	color:#FFF;

	font-weight: bold;

}