/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
#login{
  display: block;
}
#textlogin{
  -webkit-text-stroke: 0.5px #ffffff;
  visibility: hidden;
  color:#ff0000;
  font-size: 20px;
  font: bold;
  font-weight: bold;
}
#lerror{
  -webkit-text-stroke: 0.3px #ffffff;
  color:#ff0000;
  font-size: 15px;
  font: bold;
  font-weight: bold;
}
.cabecera{
  color: #ffffff;
  font-family:Arial;
  font-size: 15px ;
  font: bold;
}
.editar{
  color: #000000;
}
button{
  background-color: #0cede1;
}
#log,#registro,#registrar{
  background-color: #0cede1;
}
#carga{
  margin: 0px;
  padding: 1px;
  width : 100%;
  height : 70%;
  top: 30%;
  left: 0%;
  overflow: scroll;
  display: none;
}
#cuerpo {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url(../../img.jpeg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 1px;
  height: 98%;
  width: 98%;
  position: absolute;
  overflow: scroll;
}
#menu{
  height: 6%;
  width: 100%;
  background-color: #212121;
  text-align: center;
}
div[id="barrasdecompras"]{
  background-image: url(../../principalfondo.png);
  display: none;
  color:#0cede1;
  border : solid 2px #ffffff;
  background-position: center center;
  width : 310px;
  height : 450px;
  overflow : auto;
  position:absolute;
  top: 160px;
  float: left;
  left: 75%
}
.aloh{
  border : solid 1px #0cede1;
  font-weight:bold;
  background-color: transparent;
  color: #0cede1;
  padding: 1px;
  height: 50px;
  width: 20%;
  font-size: 20px;
}
#mostrarcompra{
  background-image: url(../../principalfondo.png);
  border : solid 2px #ffffff;
  color:#0cede1;
  position:absolute;
  display:none;
  top: 130px;
  float: right;
  left: 75%
}
#co1{
background-color: #0cede1;}
#co2{
background-color: none;}
#co3{
background-color: none;}
#co4{
background-color: none;}
#co5{
background-color: none;}
#co6{
background-color: none;}
#co7{
background-color: none;}

#menu ul{
  list-style-type: none;
  text-align: center;
}
#menu ul li a{
  float: left;
  text-decoration: none;
  color: #ffffff;
  padding: 0px 52px;
  text-align: center;
  line-height: 42px;
  height: 38px;
  text-align: center;
}
.principales{
  width: 90%;
  height: 320px;
}

#pie{
  line-height: 42px;
  background-color: #212121;
  color: #ffffff;
  padding: 0px 80px;
  margin: none;
  height: 50px;
  width: 100%;
  line-height: 42px;
  text-decoration: none;
}

#crearcuenta{
  background-image: url(../../principalfondo.png);
  color: #FFFFFF;
  margin: 0 auto;
  text-align: center;
  vertical-align: 80px;
  width: 400px;
}

#pagina1{
  display: block;
}
#pagina2{
  display: none;
}
#pagina3{
  display: none;
}
#pagina4{
  display: none;
}
#pagina5{
  display: none;
}
#pagina6{
  display: none;
}
#pagina7{
  display: none;
}
#paginasinregistro{
  display: none;
}
#paginaregistro{
  display: none;
}
#pagrepro{
  display: none;}
#pagoffice{
  display: none;
}
#pagimagenes{
  display: none;
}
#pagantivirus{
  display: none;
}
.rellenar{
  color:#000000;
}
#textoinicio{
  background-image: url(../../principalfondo.png);
  color:#ffffff;
  font-family: Arial;
  font:bold;
  font-size: 170%;
  text-align : justify;
}

.deslizador{
  width: 95%;
  margin: auto;
  text-align: center;
}
.deslizador ul{
  padding: 0;
}
.deslizador ul li{
  list-style-type: none;
}
.imgrepro{
  height: 280px;
  width: 20%;
  float: left;
}
button[class="ficha"]{
  background-image: url(../../principalfondo.png);
  border : solid 1px #ff0000;
  font-weight: bold;
  background-color: transparent;
  color: #0cede1;
  padding: 1px;
  height: 380px;
  width: 100%;
  font-size: 20px;
}
.textrepro{
  width: 75%;
  float: left;
  text-align : justify;
}
#reducirletra{
  font-size: 15px;
}
.PB{
  -webkit-text-stroke: 2px #ffffff;
  color:#0580bf;
  font-size: 350%;
  vertical-align: 80px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  height: 200px;
  width: 100%;
}
#repro{
  background-image: url(../../videos.png);
  padding: 1px;
  font:bold;
}
#office{
  background-image: url(../../office.png);
  padding: 1px;
  font:bold;
}
#imagenes{
  background-image: url(../../editimg.png);
  padding: 1px;
  font:bold;
}
#antivirus{
  background-image: url(../../antivirus.png);
  padding: 1px;
  font:bold;
}
/*HASTA AQUI ES LO IMPORTANTE DEL CSS LO DEMAS SON DEL FRAMEWORK BOOSTRAP*/