/* Diseņo */
* {
        margin: 0px;
        padding: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
       }

.navegacion {
        width: 1000px;
        margin: 30px auto;
        background: #fff;
        }

         .navegacion ul {
        list-style: none;
    }

    .menu > li {
       position: relative;
       display: inline-block;
    }

    .menu > li > a{
        display: block;
        padding: 15px 20px;
        color: #353535;
        font-family: 'Open Sans';
        text-decoration: none;
        }

    .menu li a:hover{
        color: #6DC6CC;
        transition: all .2s;
    }

     .submenu {
        position: absolute;
        background: #fff;
        width: 120%;
        visibility: hidden;
        opacity: 0;
        transition: opacity 1.5s;


    }

    .submenu li a{
        display: block;
        padding: 15px;
        color: #353535;
        font-family: 'Open sans';
        text-decoration: none;

    }

    .menu li:hover .submenu {
        visibility:visible;
        opacity: 1;

    }

#mapa {
    padding-bottom:124px;
    font-family: "Jockey One", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


html, body, #container {
    height: 100%;
    margin: auto;
    padding: 0;
    width: 80%;
}
body > #container {
    height: auto;
    min-height: 80%;
    display:inline-block;
}
#content {
    padding: 8em 0 8em 0;
}

.contenedor {
    display: flex;
    flex-direction: column; /* apila elementos verticalmente */
    justify-content: center;
    align-items: center;
    height: 100vh; /* Ocupa toda la altura de la pantalla */
}

#footer {
    clear: both;
    position: relative;
    z-index: 10;
    height: 8em;
    margin-top: -8em;
}
.slide_pie {
    width:75%;
    float:right;
}
.logo_pie {
    float: left;
}
.clr {
    clear: both;
}
.copy {
    text-align:right; color:#4d4d4d;
}
#maquee_der a {
    margin-left:30px;
}

/* Tema */
.MyGradientClass {
    text-align:center;
    background-color: #BDD6FF;
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,254,254,1)), color-stop(49%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to right, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=1 );
}

.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #465c73;
	padding: 10px 30px;
	background: -moz-linear-gradient(
		top,
		#ececec 0%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ececec),
		to(#ffffff));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #ffffff;
	-moz-box-shadow:
		1px 1px 3px rgba(000,000,000,0.5),
		inset 1px 1px 1px rgba(000,000,000,0);
	-webkit-box-shadow:
		1px 1px 3px rgba(000,000,000,0.5),
		inset 1px 1px 1px rgba(000,000,000,0);
	box-shadow:
		1px 1px 3px rgba(000,000,000,0.5),
		inset 1px 1px 1px rgba(000,000,000,0);
	text-shadow:
		1px 1px 0px rgba(255,255,255,0.4),
		0px 1px 0px rgba(255,255,255,0.5);
}

.Favlinks:link {

	COLOR: #0099FF; FONT-FAMILY: Arial; FONT-SIZE: small; FONT-WEIGHT: bold; TEXT-DECORATION: none

}

.Favlinks:active {

	COLOR: #0099FF; FONT-FAMILY: Arial; FONT-SIZE: small; FONT-WEIGHT: bold; TEXT-DECORATION: none

}

.Favlinks:visited {

	COLOR: #0099FF; FONT-FAMILY: Arial; FONT-SIZE: small; FONT-WEIGHT: bold; TEXT-DECORATION: none

}

.Favlinks:hover {

	COLOR: #0099FF; FONT-FAMILY: Arial; FONT-SIZE: small; FONT-WEIGHT: bold; TEXT-DECORATION: underline

}