/*Aqui va estilos loader*/

.drawing{ 	
    /* bottom: 0; */
    /* display: inline-block; */
    /* left: 30px; */
    /* position: relative; */
    /* right: 0; */
    /* top: 70px; */   
    
	position:absolute;
	left: 50%;
 	top: 50%;
 	width: 400px;
 	height: 200px;
 	margin: -100px 0 0 -200px;
 
 /* 	
    top:50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
 */    
}




/* -- Loading thingy --*/
.loading-dot {
    border-radius:100%;
    height:12px;
    width:12px;
	background-color:#FF9800;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:0;
    bottom:0;
    -webkit-animation: load 3s infinite linear;
    -moz-animation: load 3s infinite linear;
    -o-animation: load 3s infinite linear;
    animation:load 3s infinite linear;
}


@-webkit-keyframes load {
  0%   {
    -webkit-transform: translate(0px,0px),rotate(0deg); 
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    25px 25px 0px 0px #FF9800,-25px -25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800;
  }

  25%{
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    -25px -25px 0px 0px #FF9800,25px 25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800;
  }

  50%{
    box-shadow: 0px -25px 0px 0px #FF9800,0px 25px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,
    -25px -25px 0px 0px #FF9800,25px 25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
/*    height:10px;
    width:10px;*/
  }

  80%{
    -webkit-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    background-color: #FF9800;
    /*height:25px;
    width:25px;*/
  }

  85%{
    -webkit-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    background-color: #FF9800; 
    /*height:25px;
    width:25px;*/
  }

  90%{
    -webkit-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    background-color: #FF9800; 
    /*height:10px;
    width:10px;*/
  }

  95{
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    25px 25px 0px 0px #FF9800,-25px -25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800;
  }

  100%{
    -webkit-transform: rotate(360deg);
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    25px 25px 0px 0px #FF9800,-25px -25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800;
  }

}

@-moz-keyframes load {
  0%   {
    -moz-transform: translate(0px,0px),rotate(0deg); 
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    25px 25px 0px 0px #FF9800,-25px -25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800;
  }

  25%{
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    -25px -25px 0px 0px #FF9800,25px 25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800;
  }

  50%{
    box-shadow: 0px -25px 0px 0px #FF9800,0px 25px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,
    -25px -25px 0px 0px #FF9800,25px 25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    /*height:10px;
    width:10px;*/
  }

  80%{
    -moz-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    background-color: #FF9800;
    /*height:25px;
    width:25px;*/
  }

  85%{
    -moz-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    background-color: #FF9800; 
    /*height:25px;
    width:25px;*/
  }

  90%{
    -moz-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    background-color: #FF9800; 
    /*height:10px;
    width:10px;*/
  }

  95{
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    25px 25px 0px 0px #FF9800,-25px -25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800;
  }

  100%{
    -moz-transform: rotate(360deg);
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    25px 25px 0px 0px #FF9800,-25px -25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800;
  }

}

@keyframes load {
  0%   {
    transform: translate(0px,0px),rotate(0deg); 
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    25px 25px 0px 0px #FF9800,-25px -25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800;
  }

  25%{
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    -25px -25px 0px 0px #FF9800,25px 25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800;
  }

  50%{
    box-shadow: 0px -25px 0px 0px #FF9800,0px 25px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,
    -25px -25px 0px 0px #FF9800,25px 25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
   /* height:10px;
    width:10px;*/
  }

  80%{
    transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    background-color: #FF9800;
    /*height:25px;
    width:25px;*/
  }

  85%{
    transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    background-color: #FF9800; 
    /*height:25px;
    width:25px;*/
  }

  90%{
    transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    background-color: #FF9800; 
   /* height:10px;
    width:10px;*/
  }

  95{
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    25px 25px 0px 0px #FF9800,-25px -25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800;
  }

  100%{
    transform: rotate(360deg);
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    25px 25px 0px 0px #FF9800,-25px -25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800;
  }

}
@-o-keyframes load {
  0%   {
    -o-transforms: translate(0px,0px),rotate(0deg); 
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    25px 25px 0px 0px #FF9800,-25px -25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800;
  }

  25%{
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    -25px -25px 0px 0px #FF9800,25px 25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800;
  }

  50%{
    box-shadow: 0px -25px 0px 0px #FF9800,0px 25px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,
    -25px -25px 0px 0px #FF9800,25px 25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    /*height:10px;
    width:10px;*/
  }

  80%{
    -o-transforms: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    background-color: #FF9800;
    /*height:25px;
    width:25px;*/
  }

  85%{
    -o-transforms: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    background-color: #FF9800; 
    /*height:25px;
    width:25px;*/
  }

  90%{
    -o-transforms: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,
    0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800,0px 0px 0px 0px #FF9800;
    background-color: #FF9800; 
   /* height:10px;
    width:10px;*/
  }

  95{
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    25px 25px 0px 0px #FF9800,-25px -25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800;
  }

  100%{
    -o-transforms: rotate(360deg);
    box-shadow: 0px 25px 0px 0px #FF9800,0px -25px 0px 0px #FF9800,25px 0px 0px 0px #FF9800,-25px 0px 0px 0px #FF9800,
    25px 25px 0px 0px #FF9800,-25px -25px 0px 0px #FF9800,25px -25px 0px 0px #FF9800,-25px 25px 0px 0px #FF9800;
  }


 .cargando {
	width: 100%;height: 100%;
	overflow: hidden;
	top: 0px;
	left: 0px;
	z-index: 10000;
	text-align: center;
	position:absolute;
	background-color: #000000;
	opacity:0.6;
	filter:alpha(opacity=60);
}