body {

    background-image: url(fondo.png);

    background-attachment: fixed;

    background-size: 113%;

    font-family: 'Questrial', sans-serif;

}

.container {

    margin: 140px auto;

    width: 960px;

}

.mac-submenu ul{

    list-style: none;

    margin:0 auto;

    padding:0;

}

.mac-submenu {
    width: 1000px;
    position: absolute;
}

.mac-submenu ul li{

    width:75px;

    height:158px;

    float:left;

    margin: 0 0 0 50px;

}

.mac-inner{

    width:5000px;

}

.mac-window {
    width: 960px;
    overflow: hidden;
    height: auto;
}

.mac-menu ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    margin-left: 14%;
    width: 130%;
}

.mac-menu{

    width:960px;

    list-style: none;

    margin:0;

    padding:0;

    float:left;

    height:30px;

    border-radius: 0 0 5px 5px;

   

  

    border-top:0;



}

.mac-menu li{

    float:left;

 

    margin:0 0 0 3px;

    height:30px;

}

.mac-active{

    display: block;

    height: 8px;

    margin-top: -1px;

    width: 13px;

    z-index: 10;

    position: absolute;

    top:0;

    left: 318px;

}



.mac-menu a{

    margin-top: 7px;

    float:left;

    text-decoration: none;

    color: #fff;

    

}

.mac-menu a:hover{

    color:#fff;

}

.mac-menu-active {

    color: #ffffff !important;

    font-weight: bold;

    

}

.mac-submenu ul li a{

    border:0;

    font:12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;

    font-size: 11px;

    margin-top: 7px;

    float:left;

    text-decoration: none;

    color: #7F7F7F;

    text-align: center;

}

.mac-submenu ul li a:hover{

    color: #fff;

}

.mac-submenu ul li img{

    border:0;

}

.mac-submenu span{

    display:block;

}

.bar{

    

    border-radius: 5px;

    box-shadow: 1px 2px 2px black;

    margin-bottom: 20px;

}

.bar img{

    float:left;

    margin-left: 35px;

    margin-right: 35px;

}

.bar h1{

    float:left;

    color: white;

    font-size: 23px;

    

    margin:5px;

}

.link{



    

    border-radius: 6px 6px 6px 6px;

    

    color: white;

    margin: 2px;

    padding: 5px;

    text-decoration: none;

}

/*ggg*/



.opcion {
    display: inline-block;
    padding: 14px;
    width: 281px;
    margin: 4px;
}



.boton {

    -moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;

    -webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;

    box-shadow: inset 0px 1px 0px 0px #bbdaf7;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));

    background: -moz-linear-gradient(top, #79bbff 5%, #378de5 100%);

    background: -webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);

    background: -o-linear-gradient(top, #79bbff 5%, #378de5 100%);

    background: -ms-linear-gradient(top, #79bbff 5%, #378de5 100%);

    background: linear-gradient(to bottom, #79bbff 5%, #378de5 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);

    background-color: #79bbff;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

    border: 1px solid #84bbf3;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    font-family: Arial;

    font-size: 20px;

    font-weight: bold;

    padding: 8px 31px;

    text-decoration: none;

    text-shadow: 0px 1px 0px #528ecc;

}

.boton:hover {

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));

    background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);

    background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);

    background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);

    background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);

    background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);

    background-color:#378de5;

}

.nombrecolegios{
text-align: center;
    margin-left: -20%;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    
}