/*Estilos navbar*/

body {margin:0;

}

ul.topnav {

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  background-color: #35642F;

}



ul.topnav li {

  float: left;

}



ul.topnav li a {

  display: inline-block;

  color: #FFFFFF;

  padding: 14px 16px;

  text-decoration: none;

  transition: 0.5s;

  font-size: 12px;

}

ul.topnav img{

  width: 18px;

  height: auto;

}

ul.topnav li a:hover {

   background-color: #65a85c;

   font-size: 13px;

   color: #fff;

   text-decoration: underline;

   box-shadow: 0px 0px 50px #000;

   animation: sombraNav 1.5s;

}



ul.topnav li.icon {display: none;}



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

  ul.topnav li:not(:first-child) {display: none;}

  ul.topnav li.icon {

    float: right;

    display: inline-block;

  }

}



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

  ul.topnav.responsive {position: relative;}

  ul.topnav.responsive li.icon {

    position: absolute;

    right: 0;

    top: 0;

  }

  ul.topnav.responsive li {

    float: none;

    display: inline;

  }

  ul.topnav.responsive li a {

    display: block;

    text-align: left;

  }

}

/*Fin estilos navbar*/



/*Estilo div wraper*/

.divPrincipal{

  margin-top: 0px;

  margin-bottom: 10px;

  background: #fff;

  border: 0px;

  border-style: solid;

  

  

  border-color: #000000;

  height: 100%

}

.banner{

  max-height: 600px;

  width: 100%;

  margin: auto;

}

.tablaProductos{

  display: none;

  width: 100%;

  height: 100%

}

.servicios{

  display: none;

  width: 100%;

}

.contacto{

  display: none;

  width: 100%;

}

.leasing{

  display: none;

  width: 100%;

}

.contenido{

  display: none;

  width: 100%;

}

/*.imgProducto:hover + .botonera{

  display: inline;

  transition: 0.5s;

}*/

img{

  width: 90%;

  height: auto;

}

td .imgProducto{

box-shadow: 0px 0px 5px #d1d3d6;

transition: 0.5s;

min-width: 243px;

}

td:hover .imgProducto{

  display: inline block;

  animation-name: sombraP;

  animation-duration: .5s;

  box-shadow: 0px 0px 15px #000;

}

.botonera{

  border: 0px;

  display: ;

  padding-left: 60px;

  width: 100%;

}

.botonera:hover{

  display: ;

  width: 100%;

}

@keyframes sombraNav{

  0%{box-shadow: 0px 0px 5px #000;}

  100%{box-shadow: 0px 0px 50px #000;}

}

@keyframes sombraP{

  0%{box-shadow: 0px 0px 5px #000;}

  100%{box-shadow: 0px 0px 15px #000;}

}

/*Set de tabla responsive*/

@media 

only screen and (max-width: 760px),

(min-device-width: 768px) and (max-device-width: 640px)  {



  /* Force table to not be like tables anymore */

  table, thead, tbody, th, td, tr { 

    display: block; 

  }

}



/*Inicio de stilos InfoProducto*/

/* The Modal (background) */

.modal {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 1; /* Sit on top */

    padding-top: 0px; /* Location of the box */

    left: 0;

    top: 0;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: scroll; /* Enable scroll if needed */

    background-color: rgb(0,0,0); /* Fallback color */

    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

    z-index: 99;

}



/* Modal Content */

.modal-content {

    border-radius: 4px 4px 4px 4px;

    position: relative;

    background-color: #fefefe;

    margin: auto;

    padding: 0;

    border: 0px solid #888;

    width: 65%;

    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

    -webkit-animation-name: animatetop;

    -webkit-animation-duration: 0.4s;

    animation-name: animatetop;

    animation-duration: 0.4s

}

.modal-content img{

  width: 180px;

}

/* Add Animation */

@-webkit-keyframes animatetop {

    from {top:-300px; opacity:0} 

    to {top:0; opacity:1}

}



@keyframes animatetop {

    from {top:-300px; opacity:0}

    to {top:0; opacity:1}

}



/* The Close Button */

.close {

    color: white;

    float: right;

    font-size: 28px;

    font-weight: bold;

}



.close:hover,

.close:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

}



.modal-header {

  border-radius: 4px 4px 0px 0px;

    padding: 2px 16px;

    color: #fefefe;

    background: url(../img/boxbg.jpg) repeat center top;

  }



.modal-body {

  padding: 2px 10px;

  overflow-y: scroll;

}



.modal-footer {

  border-radius: 0px 0px 4px 4px;

    padding: 2px 16px;

    color: #fefefe;

    background: url(../img/boxbg.jpg) repeat center top;

}

p .modal-content{

  text-align: justify;

}

/*Slides style*/

.rslides {

  border-radius: 0px 0px 2px 2px;

  box-shadow: 2px 2px 6px #000;

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: auto;

  }



.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }



.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }



.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }

/*Slides style*/



.iconos{

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 10px;

}

.iconos img{

  max-width: 32px;

  display: inline;

}

.dir{

  font-size: 70%;

  line-height: 0;

  text-align: center;

  text-justify: inter-word;

}

.logo_f{

  padding-right: 10px;

  float: right;

  width: 130px;

  height: auto;

}

@media 

only screen and (max-width: 760px),

(min-device-width: 768px) and (max-device-width: 640px)  {

    .dir{

      display: none;

    }

  }

}

.desaparecer{

  opacity: 0.1;

  display: none;

}

.serviciosLista{

  font-size: 120%;

}