body 
{
}

.loader 
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('img/loading.gif') 50% 50% no-repeat rgb(100,100,249);
    opacity: .8;
}

.cuadrado 
{
  background:lightgray;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.bg {
    background-image: url('imagenes/56d.jpg');
    background-size: cover;
    background-position: center center;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
}

.cuadrado1 
{
  background:yellow;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.cuadrado2 
{
  background:blue;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid black;
}

.micursor
{
    cursor:pointer;
}

.miboton
{
    cursor:pointer;
    width: 100%;
    height: 100%;
    z-index:999;
}

.text {
  font-size:28px;
  font-family:helvetica;
  font-weight:bold;
  color:#71d90b;
  text-transform:uppercase;
}

.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}



.gridview
{
    background-color:#fff;
    padding:0px;
    margin:0% auto;
}


.gridview a
{
    margin:auto 0%;
    border-radius:50%;
    background-color:#444;
    padding:5px 10px 5px 10px;
    color:#fff;
    text-decoration:none;
    -o-box-shadow:1px 1px 1px #111;
    -moz-box-shadow:1px 1px 1px #111;
    -webkit-box-shadow:1px 1px 1px #111;
    box-shadow:1px 1px 1px #111;
}


.gridview a:hover
{
    background-color:#1e8d12;
    color:#fff;
}


.gridview span
{
    background-color:#ae2676;
    color:#fff;
    -o-box-shadow:1px 1px 1px #111;
    -moz-box-shadow:1px 1px 1px #111;
    -webkit-box-shadow:1px 1px 1px #111;
    box-shadow:1px 1px 1px #111;
    border-radius:50%;
    padding:5px 10px 5px 10px;
}

.select 
{
    padding: 4px 4px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    border-color:GrayText;
    cursor:pointer;
}

.updateProgress
{
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	position: absolute;
	width: 330px;
	height: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
}


.updateProgressSinFondo
{
	border-width: 1px;
	border-style: solid;
	background-color:White;
	position: absolute;
	width: 330px;
	height: 80px;
}