body {
	/* b&rhexagons  bluecomunication  neonhexagone  neonrays  neonsquares  redburst  redcircles */
	background-color: #000000;
	background-image: url("../imagenes/bluecomunication7.jpg");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
#titulotop{
  margin-top: 110px;
}
 span.titulo{
  font-size: 2rem;
 }
 
#content {
 /*background-color: #FFF;*/
 /*    text-align:left;*/
 /*margin: 0 auto;*/
 /*margin-left:55px;*/ 
 width:100%;

}

#cabecera {
  width: 100%;
  height:110px;
  /*background-color: Yellow;*/
}

#cabecera img {
  width: 190px;
  height: 190px;
  padding-top	: 10px;
  position:relative;
  right:600px;
}
#cabecera h1 {

  padding-top : 0px;
  position:center;
  /* background-color: Yellow;*/
 font-weight: bold!important;

}

#cabecera #carrito  {
  position: relative;
  right:-600px;
  top: 55px;
  width: 0px;
  height: 0px;
  /*background-color: blue;*/

}

#cabecera #carrito img  {
  right:-15px;
  width: 100px;
  height: 120px;
  /*background-color: blue;*/

}

#cabecera #carrito1  {
  position: relative;
  right:60px;
  top: 0px;
  width: 250px;
  height: 40px;
  /*background-color: blue;*/

}

#cabecera #carrito1 span  {
  font-size: 10px;
}

#paypal  {
  position: relative;
  right:-500px;
  top: 25px;
  width: 0px;
  height: 0px;


}

#paypal img  {
  right:-3px;
  width: 500px;
  height: 90px;
  background-color:rgba(255,255,255,1);
  border:1px solid black;

}

#paypalchico  {
  position: relative;
  right:-335px;
  top: 25px;
  width: 0px;
  height: 0px;

}

#paypalchico img  {
  right:-3px;
  width: 150px;
  height: 50px;
  /*background-color: white;*/
  background-color:rgba(255,255,255,1);
  border:1px solid black;

}


.modificado{
  position: relative;
  top: -190px;
  left: 0px;
}

#navegador {
  width: 100%;
  height:320px;
  float:left;
  /*background-color: blue;*/
}

#nuevocontenedor{
  margin-top: 300px;
  width: 100%;
  height: 680px;
  background-image:url(../imagenes/nuevo4.png);

}

#barra1 {
  /*width:352px;*/
  width: 25.7%;
  height:680px;
  float:left;
  /*    background-image:url(../imagenes/nuevo4.png);*/
  /*background-color: pink;*/
} 

#contenido_index {
  /*width:1328px;*/
  width: 100%;
  height:550px;
  float:left;
  /*background-image:url(../imagenes/nuevo4.png);*/
  /*background-repeat: repeat;*/ 
  /*background-color: green;*/
  
}

#contenido {
  /*width:1328px;*/
  width: 74.3%;
  height:430px;
   max-width: 1366px;
  /*float:left;*/
  /*background-image:url(../imagenes/nuevo4.png);*/
  /*background-repeat: repeat;*/ 
  /*background-color: green;*/
  overflow: auto;
  
}
#contenido .display {

  text-align: center;
  color:white;
  font-size:20px;

}

#nuevocontenedor .displayerror {

  text-align: center;
  color:white;
  font-size:80px;

}


#facebook{
  top:25px;
 /* margin: 0 auto;
  float:right;
  width: 25.8%;*/
  /*height: 600px;*/
  /*background-color:orange;*/

}

span.tituloicotizar{
  margin-left: 210px; 
  font-size: 2rem;
 }

#contenido table {
width: 85%;
 margin: 0 auto; /*para centrar la tabla dentro del div*/
 border-collapse: collapse; 
 text-align: center;   } 

 #contenido table tr{
  width: auto;
  background: hsl(50, 50%, 80%); 

} 

#contenido table td{
  /*border:white 1px solid;*/
  width: auto;
}
#contenido table td.descripcion{
  /*border:white 1px solid;*/
  width:250px;
}

#contenido table td.marca{
  /*border:white 1px solid;*/
  width:130px;
}
#contenido table td.producto {
  /*border:white 1px solid;*/
  width: 80px;
  height: 80px;
 
}

#contenido table td.producto img{
  /*border:white 1px solid;*/
  width: 70px;
  height: 70px;
  border:2px solid black;
}
#contenido table td.moneda {
  /*border:white 1px solid;*/
  width: 80px;
  height: 80px;
 
}

#contenido table td.moneda img{
  /*border:white 1px solid;*/
  width: 20px;
  height: 20px;
  valing:middle;
}

#contenido table td.carrito {
  /*border:white 1px solid;*/
  width: 100px;
  height: 100px;
  /*border:2px solid black;*/
}

#contenido table td.carrito img{
  /*border:white 1px solid;*/
  width: 70px;
  height: 70px;
  /*border:2px solid black;*/
}

.button{text-decoration:none; text-align:center; 
 padding:1px 1px; 
 border:solid 1px #f09800; 
 -webkit-border-radius:2px;
 -moz-border-radius:2px; 
 border-radius: 2px; 
 font:12px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#0c0f61; 
 background-color:#e0e038; 
 background-image: -moz-linear-gradient(top, #e0e038 0%, #d95e3f 100%); 
 background-image: -webkit-linear-gradient(top, #e0e038 0%, #d95e3f 100%); 
 background-image: -o-linear-gradient(top, #e0e038 0%, #d95e3f 100%); 
 background-image: -ms-linear-gradient(top, #e0e038 0% ,#d95e3f 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95e3f', endColorstr='#d95e3f',GradientType=0 ); 
 background-image: linear-gradient(top, #e0e038 0% ,#d95e3f 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }
  .button1{text-decoration:none; text-align:center; 
 padding:1px 12px; 
 border:solid 1px #f09800; 
 -webkit-border-radius:2px;
 -moz-border-radius:2px; 
 border-radius: 10px; 
 font:15px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#0c0f61; 
 background-color:#e0e038; 
 background-image: -moz-linear-gradient(top, #e0e038 0%, #d95e3f 100%); 
 background-image: -webkit-linear-gradient(top, #e0e038 0%, #d95e3f 100%); 
 background-image: -o-linear-gradient(top, #e0e038 0%, #d95e3f 100%); 
 background-image: -ms-linear-gradient(top, #e0e038 0% ,#d95e3f 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95e3f', endColorstr='#d95e3f',GradientType=0 ); 
 background-image: linear-gradient(top, #e0e038 0% ,#d95e3f 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }
  input.ordenar {
      text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
            text-align:center;
            text-decoration: none;
      font-family: 'Helvetica Neue', Helvetica, sans-serif;
      display:inline-block;
            color: #FFF;
            background: #EB4201;
            padding: 7px 20px;
            white-space: nowrap;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 100px;
            margin: 10px 5px;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
   

input.ordenar {
  background: #EB4201;
  box-shadow: 0px 5px 0px 0px #C0392B;
}

input['submit']{
      font-size: 2rem;
}

#contenido table th { text-align:center; padding: 0.5rem; font-size: 1.6rem!important; }
#contenido table td { padding: 0.3rem; font-size: 1.4rem!important; }
#contenido table th.existencia {
 width: 150px; }


 #contenido table tr, td { transition: .4s ease-in; } 

 #contenido table tr:first-child {background-color:#1E90FF ; color: #FFF; } /*  color actual rojo vino azul marino #000080  deep blue #0B0B3B gris oxford 303030*/

 #contenido table tr:nth-child(even) { background-color : #A9E2F3; color:#000; border-bottom:white 5px solid;} /* color feo background: hsla(50, 50%, 80%, 0.7);*/

 #contenido table td:empty {background: hsla(50, 25%, 60%, 0.7); }

 #contenido table tr:hover:not(#firstrow), tr:hover td:hover td:empty {background: #EB4201; pointer-events: visible; font-size:2rem;
  color:#fff;}

  #contenido table tr:hover a.agente {background: #EB4201; pointer-events: visible; color:#fff; text-decoration: underline;}
  #contenido table tr:hover:not(#firstrow) { transform: scale(1.06); font-weight:bolder; font-size:2rem;  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);}

  #pie {
    clear:both;
    width:100%;
    height:84px;
    background-color:#282828;
    text-align: center;
    color:#FFF;
  }
  #pie a,span {
   color: #FFFFFF;

 }

 img.facebook{
  align:center;
  width: 30px;
  height: 30px;
 }

 /* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../img/Preloader_37.gif)  center no-repeat rgba(0,0,0,0.7);
 background-size: 520px 390px;

}

span.loader{
  /*color:#EB4201;*/
  color:#fff;
position: relative;
  left: 43.5%;
  top: 72%;  
  font-size: 5rem;
  font-weight: bolder;
  /*text-shadow: -2px 0 white, 0 2px white,
    2px 0 white, 0 -2px white;*/
    text-shadow: 0 0 0.3em #EB4201, 0 0 0.3em #EB4201;
 }

/**********************************************************************************************************************************/
@media  screen and (max-width:992px) and (min-width: 768px) {
#cabecera #carrito  {
  right:-270px;
}
#cabecera img {
  right:800px;
  width: 170px;
  height: 170px;
}

}


@media  screen and (min-width: 1004px) and (max-width: 1279px)  {/************* Pantallas chicas 1300 px*******/
  #facebook {
/*width:10.5%;*/
  /*margin: 0 auto;*/
    /*display: none;*/

  }

#barra1{
width: 23.7%;
/*background-color: green;*/
}
#contenido_index{
  
}

#contenido table{
  width: 100%;
}

 #contenido table th { padding: 0.5rem; font-size: 1.2rem; }
#contenido table td { padding: 0.3rem;  }

#contenido table td.carrito {
  /*border:white 1px solid;*/
  width: 150px;
  
  /*border:2px solid black;*/
}

#cabecera #carrito  {
  right:-380px;
  top:30px;
}
#cabecera img {
  right:420px;
  width: 170px;
  height: 170px;
}
 #cabecera #carrito1   {
  right: 60px;
}
#cabecera #carrito1 span  {
  font-size: 8px;
}
#paypal  {
    right:-210px;
  }
#paypalchico  {
    right:-60px;
  }

  span.loader{
    left: 27.4%;
  top: 70%;  
  
 }
span.titulo{
  font-size: 2.5rem;
 }
 span.tituloicotizar{
  margin-left: 20px; 
  font-size: 2rem;
 }
 .modificado{
  position: relative;
  top: -190px;
  left: 30px;
}


 input.ordenar {
      
            padding: 0px 0px;
           
}
#contenido table td{
  /*border:white 1px solid;*/
 font-size: 11px!important;
}
/*.se-pre-con {background-size: 380px 380px;}*/
span.loader{
  /*color:#EB4201;*/
  color:#fff;
position: fixed;
  left: 33.4%;
  top: 65%;  
  font-size: 4rem;
  font-weight: bolder;
  /*text-shadow: -2px 0 white, 0 2px white,
    2px 0 white, 0 -2px white;*/
    text-shadow: 0 0 0.3em #EB4201, 0 0 0.3em #EB4201;
 }



}

/****************************************************************************************************************************/
@media  screen and (min-width: 1280px) and (max-width: 1299px)  {/************* Pantallas chicas 1300 px*******/
  #facebook {
/*width:10.5%;*/
  /*margin: 0 auto;*/
    /*display: none;*/

  }

#barra1{
width: 23.7%;
/*background-color: green;*/
}
#contenido_index{
  
}

#contenido table{
  width: 100%;
}

 #contenido table th { padding: 0.5rem; font-size: 1.2rem; }
#contenido table td { padding: 0.3rem;  }

#contenido table td.carrito {
  /*border:white 1px solid;*/
  width: 150px;
  
  /*border:2px solid black;*/
}

#cabecera #carrito  {
  right:-380px;
  top:30px;
}
#cabecera img {
  right:420px;
  width: 170px;
  height: 170px;
}

#cabecera #carrito1   {
  right: 60px;
}
#cabecera #carrito1 span  {
  font-size: 8px;
}
#paypal  {
    right:-210px;
  }
#paypalchico  {
    right:-60px;
  }

  span.loader{
    left: 27.4%;
  top: 70%;  
  
 }
span.titulo{
  font-size: 2.5rem;
 }
 span.tituloicotizar{
  margin-left: 20px; 
  font-size: 2rem;
 }
 .modificado{
  position: relative;
  top: -190px;
  left: 30px;
}


 input.ordenar {
      
            padding: 0px 0px;
           
}
#contenido table td{
  /*border:white 1px solid;*/
 font-size: 11px!important;
}
/*.se-pre-con { background-size: 380px 380px;}*/
span.loader{
  /*color:#EB4201;*/
  color:#fff;
position: fixed;
  left: 33.4%;
  top: 65%;  
  font-size: 4rem;
  font-weight: bolder;
  /*text-shadow: -2px 0 white, 0 2px white,
    2px 0 white, 0 -2px white;*/
    text-shadow: 0 0 0.3em #EB4201, 0 0 0.3em #EB4201;
 }



}
/***************************************************************************************************************************/


 @media  screen and (min-width: 1300px) and (max-width: 1569px)  {/************* Pantallas chicas 1300 px*******/
  #facebook {
    
    /*width:13.5%;
  margin: 0 auto;*/

  }

#barra1{
width: 23.7%;
/*background-color: green;*/
}
span.tituloicotizar{
  margin-left: 80px; 
  
 }

  #contenido table th { padding: 0.5rem; font-size: 1.2rem; }
#contenido table td { padding: 0.3rem; font-size: 0.9rem; }

#cabecera #carrito  {
  right:-400px;
}
#cabecera img {
  right:500px;
  width: 170px;
  height: 170px;
}
#paypal  {
    right:-350px;
  }
#paypalchico  {
    right:-200px;
  }

  span.loader{
    left: 27.4%;
  top: 70%;  
  
 }
 
 #contenido_index{
 /* width: 70%;*/
 }
 
}

@media  screen and  (min-width: 1570px) and (max-width: 1899px) {/************ Pantallas medianas 1600 px******/

#contenido_index{
    /*width:51.5%;
    float: left;*/
        /*background-color: orange;*/

  }

span.tituloicotizar{
  margin-left: 120px; 
  
 }
 #facebook {
   /*width: 20.5%;*/
    /*float: right;
    margin-right:20px; */
  }
/*.container{
  width: 790px;
  /*width: 91.5%;*/
  /*margin:0px auto*/
  /*margin:0;
  float: left;

}*/
span.loader{
    left: 30.4%;
  top: 68%;  
  
 }
}

@media  screen and   (min-width: 1900px) {/************ Pantallas medianas 1600 px******/
#titulotop{
margin-top: 110px;
}