body{
	font-family: Arial;
	font-size: 14px;
	color: #ffffff;
	background-color: #00000045;
	width:100%;
	text-shadow: 1px 1px 1px #00000054;
	animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}
a {
    color: #080808;
}
.centrar1{
	padding: 5px;
}
h1{ color: black; font-size: 3em; margin: 0; font-weight: normal; }
.description{ font-size: .8em; }
.credits{ font-size: .9em; color: black; clear: left; }
.credits.photo:before{ content: 'Photo '; }
.credits.graphic:before{ content: 'Graphic '; }
.credits.render:before{ content: 'Render'; }
.ballast{ margin-top: 500px; color: #999; line-height: 20px; }
.ballast a{ color: #999; text-decoration: none; }
.ballast a:hover{ text-decoration: underline; }
pre{ display: inline-block; background: #222; color: #e0c589; font-size: 15px; font-family: 'Lucida Sans Typewriter', 'Lucida Console', Monaco, 'Bitstream Vera Sans Mono', monospace; padding: 20px 40px 20px 0; margin: 0; border-radius: 0 23px 23px; }
pre a{ color: #89bdff; }
pre strong{ color: #65b042; font-weight: normal; }
pre strong a{ color: #fff; }
pre em{ color: #bd89ff; font-style: normal; }
pre em em{ font-weight: bold; }
.examples{ padding: 0; }
.examples > li{ display: block; float: left; list-style-type: none; margin: /*0 12px 12px 0;*/ width: 200px; height: 150px; position: relative; }
.examples > li a{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-decoration: none; font-size: .9em; }
.examples > li label{ display: block; position: absolute; top: 0; left: 0; right: 0; padding: 3px 12px; color: #fff; background: #222; }
.examples > li a > strong{ display: block; position: absolute; bottom: 0; right: 0; padding: 1px 5px; color: #fff; background: #bd0000; font-size: .8em; }
.examples > li .icon{ display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff no-repeat center; }
.examples > li ul{ display: none; position: absolute; top: 6px; left: 6px; right: 6px; bottom: 6px; padding: 12px 36px; }
.examples > li ul:before{ content: 'Features:'; font-weight: bold; color: #000; padding-bottom: 6px; display: block; }
.examples > li a:hover ul{ display: block; background: #fff; opacity: .9; }
.examples > li a:hover label{ display: none; }

      #image-reel{ font-size: 100%; text-shadow: 5px 5px 5px #333; box-shadow: 3px 3px 3px #00000030; border-radius: 20px;}
      #image-reel .reel-annotation { color: #f90; white-space: nowrap; /*font-weight: bold;*/ font-size: 108%; color: #f90; cursor: hand; text-shadow: 5px 5px 5px #333;}
      #image-reel a.reel-annotation { color: #efff00; text-shadow: 2px 2px 2px #00000078;}
      #image-reel .far.reel-annotation { font-size: 100%; color: #f90; text-shadow: 5px 5px 5px #333;}
      #image-reel a.far.reel-annotation { color: #f90; text-shadow: 5px 5px 5px #333;}
      #image-reel .near.reel-annotation { font-size: 163%; color: #f90; text-shadow: 5px 5px 5px #333;}
      #image-reel a.near.reel-annotation { color: #f90; text-shadow: 5px 5px 5px #333;}
      #image-reel .title.reel-annotation { font-size: 100%; color: white; text-shadow: 5px 5px 5px #333;}
      #image-reel a.title.reel-annotation { color: white; text-shadow: 5px 5px 5px #333;}
      #image-reel .headline.reel-annotation { font-size: 280%; opacity: 0.5; color: white; cursor: inherit; text-shadow: 5px 5px 5px #333;}
      #image-reel a.headline.reel-annotation { color: white; text-shadow: 5px 5px 5px #333;}
	  #image-reel {
    	margin: 0 auto;
	  }
.footer1 {
	text-align: center;
}
.padre {
   display: table;
   height:auto;
   }
.hijo {
   display: table-cell;
   vertical-align: middle;
}
.modal-content {
	background-color:#636363;
    border: 1px solid #efefef;
    box-shadow: 5px 5px 5px #000000b8;
}
.modal-dialog {
    max-width: 80%;
	margin: 0 auto;
}
#image-reel .reel-indicator.x {
    background-color: #fff;
}
.row {
    margin-right: 5px;
    margin-left: 5px;
}
.RLR_zona {
	border:1px solid #efefef;
	border-radius: 20px;
	background-color: #009a9a45;
	padding: 5px;
	box-shadow: 3px 3px 3px #00000030;
}
.RLR_txt {
	color:#ffffff;
	font-size: 10px;
	text-shadow: 2px 2px 2px #00000030;
}
.RLR_txtdos {
	color:#ffffff;
	font-size: 12px;
	text-shadow: 1px 2px 1px #00000093;
	font-weight: lighter;
}
.RLR_rectangulo {
	text-align:center;
	z-index: 1000;
	background-color:#00000069;
	border-radius: 10px;
	padding: 5px;
	border: 1px solid #ffffff69;
}
.RLR_link_mapa {
	text-align:center;
	color: #defb04 !important;
	z-index: 101;	
}
.RLR_map_links {
	overflow-x: auto;
    overflow-y: hidden;
	border-radius:20px;
	width: 556px;
	height:499px;
	background-image: url('../img/satelite.jpg');
	margin: 0 auto;
	-moz-background-size: 100% 100%; /*Firefox 3.6*/
    -o-background-size: 100% 100%; /*opera*/
    -webkit-background-size: 100% 100%; /*Safari*/
    background-size: 100% 100%; /*estandar css3*/
    -moz-border-image: url('../img/satelite.jpg') 0; /*Firefox 3.5*/
    box-shadow: 3px 3px 3px #00000030;
}
.RLR_ancho_img {
	width: 350px;
}
.RLR_ancho_img2 {
	width: 250px;
}
.RLR_todo {
	width: 96%;
	margin: 0 auto;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}
@media (min-width: 280px) {
	.RLR_ancho_img {
	width: 190px;
}
.RLR_ancho_img2 {
	width: 190px;
}
.RLR_centro {
	margin-left: -29%;
}
.RLR_map_links {
	/*height:499px;*/
}
}
@media (min-width: 320px) {
	.RLR_ancho_img {
	width: 220px;
}
	.RLR_ancho_img2 {
		width: 220px;
}
.RLR_centro {
	margin-left: -25%;
}
.RLR_map_links {
	/*height:499px;*/
}
}
@media (min-width: 360px) {
	.RLR_ancho_img {
	width: 250px;
}
.RLR_centro {
	margin-left: -22%;
}
.RLR_map_links {
	/*height:499px;*/
}
}
@media (min-width: 375px) {
	.RLR_ancho_img {
	width: 270px;
}
.RLR_ancho_img2 {
	width: 250px;
}
.RLR_centro {
	margin-left: -22%;
}
.RLR_map_links {
	/*height:499px;*/
}
}
@media (min-width: 411px) {
	.RLR_ancho_img {
	width: 290px;
}
.RLR_ancho_img2 {
	width: 270px;
}
.RLR_centro {
	margin-left: -18%;
}
.RLR_map_links {
	/*height:499px;*/
}
}
@media (min-width: 414px) {
	.RLR_ancho_img {
	width: 300px;
}
.RLR_map_links {
	/*height:499px;*/
}
}
@media (min-width: 540px) {
	.RLR_ancho_img {
	width: 400px;
}
.RLR_centro {
	margin-left: -8%;
}
.RLR_map_links {
	/*height:499px;*/
}
}
@media (min-width: 768px) {
	.RLR_ancho_img {
	width: 350px;
}
.RLR_map_links {
	/*height:499px;*/
}
}
@media (min-width: 800px) {
	.RLR_ancho_img {
	width: 350px;
}
.RLR_map_links {
	/*height:499px;*/
}
}
@media (min-width: 1024px) {
	.RLR_todo {
	width: 86%;
	margin: 0 auto;
}
.RLR_centro {
	margin-left: -12%;
}
}
@media (min-width: 1366px) {
	.RLR_todo {
	width: 86%;
	margin: 0 auto;
}
.RLR_centro {
	display: none;
}
}
@media (min-width: 1920px) {
	.RLR_todo {
	width: 86% !important;
	margin: 0 auto;
}
.RLR_centro {
	display: none;
}
}
.pulse {
	border-radius: 50%;
	animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
  	width: 1px;
  	height: 1px;
    box-shadow: 0 0 0 0px #ff0000;
  }
  100% {
  	width: 50px;
  	height: 50px;
    box-shadow: 0 0 0 20px #ff000050;
  }
}