body {background-color: #000!important;background-image: url("../imagenes/bluecomunication.jpg");background-repeat: repeat-y;
	    margin: 0;padding: 0;}

.iluminatodo:hover{background: #003D98;}

#titulotop{margin-top: 135px;}

 span.titulo{margin-left: 220px;font-size: 2rem;}

 span.titulo1{margin-left: 190px; margin-top: 200px;font-size: 2rem;}

 span.tituloindex{margin-left: 210px; font-size: 1rem;}

#content {width:100%;}

#cabecera {width: 100%;height:110px;}

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

#cabecera h1 {top : -170px;position:relative;font-weight: bold!important;}

#cabecera #carrito  {position: relative;right:-600px;top: 55px;width: 0px;height: 0px;}

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

}

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

#cabecera #carrito img  {right:-3px;width: 100px;height: 120px;}

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

#paypal img  {right:-3px;width: 500px;height: 80px;background-color:rgba(255,255,255,1);}

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

#paypalchico img  {right:-3px;width: 150px;background-color:rgba(255,255,255,1);}

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

#navegador {width: 100%;height:320px;/*280*/float:left;}

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

#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;
  float:left;*/
  /*background-image:url(../imagenes/nuevo4.png);*/
  /*background-repeat: repeat;*/ 
  /*background-color: green;*/
   max-width: 1366px;
  /*overflow: auto;*/
  
}
#contenido .display {

  /*text-align: right;*/
  color:white;
  font-size:20px;

}

#contenido .display1 {

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

}

#nuevocontenedor .displayerror {

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

}


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

}



#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;
   border-collapse: collapse;
}
#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: 110px;
  height: 110px;
  /*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:5px 5px; 
 border:groove 5px #004F72; 
 -webkit-border-radius:21px;
 -moz-border-radius:21px; 
 border-radius: 21px; 
 font:15px "Lucida Console", Monaco, monospace; 
 font-weight:bold; 
 color:#e5ffff; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 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;  

}
/*#contenido table th { text-align:center; padding: 0.5rem; font-size: 1.6rem!important; }*/
#contenido table th { text-align:center; padding: 0.5rem; }
/*#contenido table td { padding: 0.3rem; font-size: 1.4rem!important; }*/
#contenido table td { padding: 0.3rem;  }

#contenido table th.existencia {
 width: 150px; }
#contenido table th.thdescripcion {
 width: 150px; }

 #contenido table tr, td,#contenido table tr a{ 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:1rem;
  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;   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(../imagenes/loader-128x/Preloader_37.gif)  center no-repeat rgba(0,0,0,0.7);
 background-size: 700px 550px;

}

span.loader{
  /*color:#EB4201;*/
  color:#fff;
position: fixed;
  left: 33.4%;
  top: 65%;  
  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;
 }

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#vaciar {
  background: #08088A;
  box-shadow: 0px 5px 0px 0px #08088A;
}

input#catalogo,#multiple:hover{
  background: #f0581d;
}
input#vaciar:hover{
  background: #0404B4;
}
input#catalogo,#multiple:active{
  box-shadow: 0px 2px 0px 0px #C0392B;
}
/***********************************************************************************************************************************/

/***********************************************************************************************************************************/
 /* ************************************* Zona de Medias Querys *************************************************/


@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*******/
  span.titulo{
  margin-left: 0px;
  font-size: 1.5rem;
 }
 span.titulo1{
  margin-left: 0px; 
  font-size: 1.5rem;
 }
 span.tituloindex{
  margin-left: 20px; 
  font-size: 2rem;
 }

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

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

#contenido table{
  width: 85%;
}

 #contenido table th { padding: 0.5rem; font-size: 1.2rem!important; }
#contenido table td { padding: 0.3rem; font-size: 0.9rem!important; }
#contenido table th.thdescripcion { padding: 0.3rem; }
#contenido table td.carrito {
  /*border:white 1px solid;*/
  width: 150px;
  
  /*border:2px solid black;*/
}

#cabecera #carrito  {
  right:-380px;
  top:0px;
}
#cabecera img {
  right:400px;
  /*width: 170px;*/
  height: 170px;
}
#paypal  {
    right:-210px;
  }
#paypalchico  {
    right:-60px;
  }

  span.loader{
    left: 27.4%;
  top: 70%;  
  
 }
span.titulo{
  font-size: 2.5rem;
 }
 #contenido table td.descripcion{
  /*border:white 1px solid;*/
  width:200px;
}

#facebook {
  top:25px;
   /*width: 20.5%;*/
    /*float: right;
    margin-right:20px; */
  }
  .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;
 }

 input.ordenar {
      
            padding: 0px 0px;
           
}
   #contenido table td{
  /*border:white 1px solid;*/
  font-size: 11px;
}



  

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



@media  screen and (min-width: 1280px) and (max-width: 1299px)  {/************* Pantallas chicas 1300 px*******/
  span.titulo{
  margin-left: 0px;
  font-size: 1.5rem;
 }
 span.titulo1{
  margin-left: 0px; 
  font-size: 1.5rem;
 }
 span.tituloindex{
  margin-left: 20px; 
  font-size: 2rem;
 }

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

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

#contenido table{
  width: 85%;
}

 #contenido table th { padding: 0.5rem; font-size: 1.2rem!important; }
#contenido table td { padding: 0.3rem; font-size: 0.9rem!important; }
#contenido table th.thdescripcion { padding: 0.3rem; }
#contenido table td.carrito {
  /*border:white 1px solid;*/
  width: 150px;
  
  /*border:2px solid black;*/
}

#cabecera #carrito  {
  right:-420px;
  top:0px;
}
#cabecera img {
  right:400px;
  /*width: 170px;*/
  height: 170px;
}
#paypal  {
    right:-210px;
  }

 
#paypalchico  {
    right:-60px;
  }

  span.loader{
    left: 27.4%;
  top: 70%;  
  
 }
span.titulo{
  font-size: 2.5rem;
 }
 #contenido table td.descripcion{
  /*border:white 1px solid;*/
  width:200px;
}

#facebook {
  top:25px;
   /*width: 20.5%;*/
    /*float: right;
    margin-right:20px; */
  }
  .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;
 }

 input.ordenar {
      
            padding: 0px 0px;
           
}
   #contenido table td{
  /*border:white 1px solid;*/
  font-size: 11px;
}



  

}



 @media  screen and (min-width: 1300px) and (max-width: 1569px)  {/************* Pantallas chicas 1300 px*******/
  span.titulo{
  margin-left: 0px;
  font-size: 2rem;
 }
 span.titulo1{
  margin-left: 0px; 
  font-size: 2rem;
 }
 span.tituloindex{
  margin-left: 90px; 
 
 }

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


  #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.tituloindex{
  margin-left: 130px; 
 
 }

 #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%;  
  
 }

 span.titulo{
  margin-left: 50px;
  font-size: 2rem;
 }
 span.titulo1{
  margin-left: 10px; 
  font-size: 2rem;
 }
}
/************ Pantallas medianas 1600 px******/
@media  screen and  (min-width: 1900px)
{ 
#titulotop{margin-top: 130px;}

}