* {
  font-family: sans-serif;
  font-weight: 200;
  color: #777777;
}
div {
  position: relative;
}



a{
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
a:hover{
    -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}





body {
  margin: 0;
  padding: 0;
}
 
header {
position:absolute;
top:0px;
left:0px;
margin:10px;
z-index: 999999;
 /* border-bottom: 1px #cccccc dashed;*/
  
}

header.abajo{
/*  border-top: 1px #cccccc dashed;*/
  padding-top:10px;

}


footer {
  border-top: 1px #cccccc dashed;
  text-align: right;

}
a,
a:hover,
a:link,
a:visited {
  font-style: bold;
  text-decoration: none;
  cursor: pointer;
}
h1 {
  font-size: 20px;
  color: #aaaaaa;
}
.spot {
  vertical-align: text-top;
  display: inline-block;
  width: 20%;
  margin: 20px;
  border: 1px #eeeeee solid;
  padding: 20px;
}
.spot img {
  width: 80%;
}
.spotTira {
  width: 90%;
  margin: 20px auto;
  position: relative;
  background-color: white;
}
.spotTira img {
  width: 100%;
  max-width: 1024px;
}
.spotTira h1 {
  font-size: 20px;
  color: #aaaaaa;
}
input {
  font-size: 18px;
  padding: 10px;
  margin: 10px;
  border: 1px #aaaaaa solid;
}
textarea {
  font-size: 16px;
  padding: 5px;
  margin: 5px;
  border: 1px #aaaaaa solid;
}
#spotEditor {
  width: 90%;
  margin: 30px auto;
  position: relative;
  background-color: #eeeeee;
  padding: 10px;
  display: none;
}
.imageTira {
  width: 80%;
  background-color: white;
  position: relative;
}
.but {
  color: green;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px #aaaaaa solid;
  padding: 5px 10px;
  margin: 5px;
  font-size: 12px;
  font-weight: 600
cursor: pointer;
}
.blog {
  position: relative;
  width: 80%;
  margin: 40px auto;
}
span.fecha {
  font-size: 12px;
  color: #cccccc;
}
.innerNav {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 8px;
  opacity: 0.3;
}
.innerNav:hover {
  opacity: 1;
}
a.del {
  font-size: 12px;
  color: red;
  cursor: pointer;
}
a.edit {
  font-size: 12px;
  color: green;
  cursor: pointer;
}
a.del:hover,
a.edit:hover {
  color: #aaccff;
}
#loading {
  display: none;
  z-index: 10;
  background-color: #000000;
  width: 100%;
  text-align: center;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
#loading h1 {
  font-size: 14px;
  margin-top: 200px;
}
#app div.appButs a {
  margin: 10px;
  padding: 8px;
  background-color: #555555;
  color: #ffffff;
  font-size: 9pt;
  text-decoration: none;
  font-weight: 700;
  display: inline-block;
  text-align: center;
}
#app img {
  cursor: pointer;
  width: 80%;
}
#deshacer {
  color: #EB5869;
  font-size: 10px;
  text-decoration: none;
}
#deshacer:hover {
  color: #888888;
}
form {
  display: none;
}
#deshacer {
  display: none;
}
.menu,
#spotEditor,
.innerNav {
  display: none;
}
.ed .menu,
.ed .innerNav {
  display: block;
}
.dots .dot {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  opacity: 0.5;
  background-color: gray;
  border-radius: 50%;
  margin: 10px 5px;
}
.dots .dot.active {
  background-color: black;
}
.flecha {
  top: 43%;
  position: absolute;
  width: 50px;
  height: auto;
  z-index: 9999;
  opacity: 0.7;
  cursor: pointer;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  /*
&:hover{opacity:1;}
@media @mml{width:90px;height:auto;}
@media @xs{display:none;}
*/
}
.flecha.prv {
  left: 5px;
}
.flecha.nxt {
  right: 5px;
}
.gallery {
  position: relative;
  width: 90%;
  margin: 50px auto;
  min-height: 300px;
  opacity: 0;
}
.gallery .slider {
  width: 50%;
  position: relative;
  top: 0;
  right: 0;
  display: inline-block;
  vertical-align: text-top;
}
.gallery .slider img {
  position: relative;
  width: 22%;
  border: 1px #cccccc dashed;
  margin: 5px 1%;
  max-width: 120px;
  vertical-align: middle;
  padding: 5px;
}
.gallery .left {
  vertical-align: text-top;
  position: relative;
  width: 45%;
  display: inline-block;
  padding: 10px 1% 10px 0;
}
.uapp img {
  width: 200px;
  margin: 10px;
}


#mainMenu{
position: absolute;
top:0;
right:0;
z-index: 999999;
text-align: right;
background-color: white;
padding: 10px;

}
#mainMenu .menus{
  display:none;
padding: 20px;  
text-align: right;
}

#mainMenu .menus a{
  display:block;
  margin: 10px;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 400;
 
}
#mainMenu .menus a img{
  height:24px;
  vertical-align: middle;



}

#mainMenu .menus a:hover {
   opacity:0.7;
     -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}


#mainMenu #burger{
  opacity:0.7;
}


#mainMenu #burger img{
  width:40px;
  cursor:pointer;
}
#mainMenu #burger img.boff{
  
}
#mainMenu #burger img.bon{
display:none;  
}


.socialBar{
position:absolute;
bottom:60px;
right:0;
padding: 20px 10px;
text-align: right;
}

.socialBar img{
margin: 10px !important;
display: block;
cursor:pointer;
width:30px !important;
height:auto !important;

}

.socialBar img:hover{
 opacity:0.8;
}
.full{
top:0;left:0;
position:fixed;
width:100%;
height:100%;
text-align: center;
padding:0%;
background: rgba(255,255,255,1);
margin:0;
}

.full > img{
  height:100%;
  width:auto;
   margin: auto auto; 

}
.full .hit{
  position:absolute;
  width:100%;height:100%;top:0;left: 0;


}



.loadingPoint{
   transform: scale(0.2,0.2); 
}