@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://weloveiconfonts.com/api/?family=fontawesome|typicons);
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}

body {
    font-family: 'Open Sans', sans-serif;

}

header {
    width: 100%;
    height: 100px;
    background: #152d69;
    color: #fff;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
}

.contenedor {
    width: 98%;
    margin: auto;
}

h1 {
    float: left;
}

p {
    margin-bottom:10px;
}

h3 {
    font-size:24px;
    line-height:1.208em;
    font-weight:400;
    margin-bottom:8px;
    color:#ffffff;
    text-align: justify;
}

header .contenedor {
    display: table;
}

section {
    width: 100%;
    margin-bottom: 25px;
}

#bienvenidos {
    text-align: center;
}

#aviso img {
    width: 100%;
    height: auto;
}

footer .contenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 20px;
    background-color: #000000;
    height: auto;
    width: 100%;
}

.copy {
    font-size: 20px;
    color:#ffffff;
}

.sociales {
    width: 100%;
    text-align: center;
    font-size: 28px;
}

.sociales a {
    color:#ffffff;
    text-decoration: none;
}

#page h3, h4 {
    text-align: center;
}

#page h4 {
    font-size: 28px;
	font-family: "Eras ITC", "Eras Light ITC", sans-serif;
}

#page .contenedor{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#page article {
    margin: 15px;
}

#page h3 {
	color: #000000;
}

#page article a {
    font-size: 30px;
	text-decoration:none;
    color: #152d69;
    background: #152d69;
}

#page article a:hover {
    background-color: #02549e;
    color: #02549e;
    cursor: pointer;
}

#page img {
    width: 100%;
    max-width: 300px; 
}

#page img:hover {
    box-shadow: 0 0 20px #02549e;
    cursor: pointer;
}

#info {
    background: #152d69;
    color: #ffd800;
    text-align: center;
    padding: 20px;
    font-size: 20px;
}

#info .contenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#bienvenidos .contenedor h2 {
    font-size: 50px;
    color: #152d69;
    font-family: "Eras ITC", "Eras Light ITC", sans-serif;
}

#bienvenidos .contenedor p {
    font-size: 30px;
}

footer .contenedor .sociales {
    margin-top: 30px;
}

footer .contenedor .sociales img {
    margin-left: 60px;
    margin-right: 60px;
}

footer .contenedor {
    margin-top: -25px;
}

footer .contenedor .mapa {
    margin-top: 40px;
    margin-left: 60px;
    margin-right: 60px;
}

.close{float:right;font-size:21px;font-weight:700;line-height:1;color:white;text-shadow:0 1px 0 #fff;filter:alpha(opacity=40);opacity:.4}.close:focus,.close:hover{color:#fff;text-decoration:none;cursor:pointer;filter:alpha(opacity=100);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0} .modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#1e326f;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:0px;border-bottom:0px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:802px;margin:130px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}

@media (min-width:768px) { 
    .sociales {
        width: auto;
    }
    
    footer .contenedor {
        justify-content: space-between;
    }
}

@media (min-width:1024px) {
    .contenedor {
        width: 1000px;
    }
}

@media screen and (max-width:410px) {
    #bienvenidos .contenedor h2 {
        font-size: 35px;
    }
    #bienvenidos .contenedor p {
        font-size: 25px;
    }
}

@media screen and (max-width:300px) {
    #bienvenidos .contenedor h2 {
        margin-left: -10px;
    }
}

@media (max-width:860px) {
    footer .contenedor .copy {
        margin-top: 18px;
    }
}

@media (max-width:620px) {
    footer .contenedor .mapa iframe {
        width: auto;
    }
}