* {
        	border:0;
        	margin:0;
        	padding:0;
        }
        *, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
		    body, html {
		        width: 100%;
		        min-height: 100vh;
		        background: #E3E5EA;
		    }
		    #encabezado {
	            position: relative;
	            font-size: 0;
            }
		    .img-responsive {
		        width: 100%;
		        max-width: 100%;
		    }
		    header {
		        max-width: 1100px;
		        margin: 0 auto;
		    }
		    /*Nav*/
		    header nav {
		        overflow: hidden;
		    }
		    nav > ul {
	list-style: none;
	display: table;
	width: 100%;
	background: #EE6424;
	position: relative;
}

nav > ul li {
	display: table-cell
}

nav > ul li a {
	color:#fff;
	display: block;
	line-height: 20px;
	padding: 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	moz-transition: all .3s ease;
	ms-transition: all .3s ease;
	o-transition: all .3s ease;
	transition: all .3s ease;
}


nav > ul > li > a span{
	background: #134C62;
	display: block;
	height: 100%;
	width: 100%;
	left: 0;
	top: -55px;
	position: absolute;
	-webkit-transition: all .3s ease;
	moz-transition: all .3s ease;
	ms-transition: all .3s ease;
	o-transition: all .3s ease;
	transition: all .3s ease;
}

nav > ul > li > a span .icon {
display: block;
line-height: 60px;

}

nav > ul > li > a:hover  {
	background: #134C62;
}

nav > ul > li > a:hover > span {
	top: 0;
}

/*colores*/
nav  ul  li  a .primero{
	background: #134C62;
}

nav  ul  li  a .segundo{
	background: #6DA132;
}

nav  ul  li  a .tercero{
	background: #6DA132;
}
footer{
    padding: 10px 125px;
	background: #11274E;
	width: 100%;
	height: 200px;
	display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}
footer article {
    width: 50%;
}

footer article#barra {
    width: 1px !important;
}
#barra{
	top:10px;
}
#ubicacion{
	vertical-align: top;
	padding-left: 10px;
}
#contenedor{
	margin:0 auto;
	background: #CDDDEC;
	max-width: 1100px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
}
@media only screen and (max-width: 450px) {
    nav > ul li {
	display: table-row
    }
}
@media only screen and (max-width: 672px) {
    footer{
        flex-direction: column;
        height: auto;
        padding: 10px;
    }
    footer article {
        width: 100%;
    }
    footer article#barra {
        width: 100% !important;
    }
    footer article#barra img {
        height: 1px !important;
    }
    #ubicacion{
	    padding-left: 0px;
    }
}