/* CSS Document */
html
{
	scroll-behavior: smooth;
}
body
{
	margin:0 0 0 0;
	font-family: 'PT Sans', arial;
	color:#444444;
	background-color:#FFFFFF;
}
h1
{ color:#0080FF; }
h2
{ color:#008000; }
h3
{ color:#003871; }
input
{
	border-radius:4px;
}

.imagen-galeria-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px; color:#FFFFFF; font-size:0.8em; font-weight:bold; text-shadow:0px 0px 2px #000000; text-align:center;}
.imagen-galeria-link:hover{background-color:#FF9900;}
.imagen-galeria{width:210px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.caja {
background:FFFFFF;
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
border-radius: 35px 35px 35px 35px;
-moz-border-radius: 35px 35px 35px 35px;
-webkit-border-radius: 35px 35px 35px 35px;
border: 1px solid #008000;
}
.menu li{display: inline-block; position: relative; z-index:100; text-align:left;}
.menu li a
{
	font-weight:bold; text-decoration:none; padding:11px; display:block; color:#000000;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
     
.menu li a:hover, .menu li:hover > a{color:#FFFFFF; background-color:#008000;}
/* hide the second level menu */
.menu ul
{
	display: none;
    margin: 0;
    padding: 0;
    width: 150px;
    position: absolute;
    top: 36px;
    left: 0px;
    background: #333333;
}
/* display second level menu on hover */
.menu li:hover > ul{ display: block; color:#000000;}
.menu ul li
{
	display:block;
    float: none;
    background:none;
    margin:0;
    padding:0;
	color:#000000;
}
.menu ul li a
{
	display:block;
    color:#000000;
    border:1px solid #CCCCCC;
    background:#ffffff;
}
.menu ul li a:hover, .menu ul li:hover > a
{
    background:#FFFF99;
    border-left:1px solid #CCCCCC;
    color:#000000;
}
/* change level 3 menu positions */
.menu ul ul {left: 149px; top: 0px; }
.mobile-menu
{
	display:none;
    width:90%;
    padding:11px;
    background:#FFFFFF;
    color:#003300;
    text-transform:uppercase;
}
.mobile-menu:hover
{
	background:#FFFFCC;
   	color:#000000;
    text-decoration:none;
}


/*deslizador 2*/

.overlay { 
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:99999;
}
.overlay:target{
  visibility: visible;
  opacity: 1;
}
#popupBody
{
	width: 50%;
	min-width:300px;
	padding: 4px;
	background: #FFF;
	position: relative;
	margin: 32px auto;
	transition: all 5s ease-in-out;
}
#cerrar{
transition: all 200ms;
}

.enlace-fondo-obscuro { color:#FFFFFF; }
.enlace-fondo-obscuro:hover { color:#FFFFFF; font-weight:bold; }

.enlace-pie
{ color:#FFB0B0; font-weight:bold; font-size:10px; text-decoration:none; }
.enlace-pie:hover
{ color:#FFB0B0; font-weight:bold; font-size:10px; text-decoration:underline; }

a
{
	color:#666666;
}
a:hover
{
	color:#000000;
	text-decoration:underline;
}