
/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700,900');


/*INTRANET*/
body{
    margin:0;
}
.contenedor {
    width:1008px;
    margin:0 auto;}
.clear{ 
    clear: both;
}
.intranet{
    background: url(/media/1100/bg_intranet.png) no-repeat right top #FFF;
    padding-top: 70px;
}


h2 {
    font-family:'Roboto', sans-serif;
    font-size: 44px;
    color: #3F3F4A;
    line-height: 48px;
    font-weight:600;
    margin-top: 2px;
    margin-bottom: 30px;
}

.intranet h2 span{
        color: #3ABBF7;
        font-weight: 800;
    }


.nuevo {
	background: linear-gradient(to bottom, rgb(32, 141, 193) 0%,rgb(0, 116, 195) 100%);
	color:white !important;
  	height:100%;
	width:100%;
}


.nuevo:hover {
	background: linear-gradient(to bottom, rgb(56, 173, 228) 0%,rgb(22, 113, 175) 100%);
	color:white !important;
	transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	-webkit-box-shadow: 10px 9px 14px -7px rgba(0,0,0,0.42);
	-moz-box-shadow: 10px 9px 14px -7px rgba(0,0,0,0.42);
	box-shadow: 10px 9px 14px -7px rgba(0,0,0,0.42);
	
}


.nuevo h3  {
	color:white !important
}


.nuevo p {
	color:white !important
}



.intranet p{
    font-family:'Roboto', sans-serif;
    font-size: 1.2em;
    color: #3F3F4A;
    line-height: 18px;
    font-weight:600;
    margin-top: 14px;
    margin-bottom: 25px;
}
.Column
{
    display: table-cell;
    background-color: red;
}
.intranet .cont-modulos {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.intranet .intranet-alumnos{
    height: 232px;
    position: relative;
    float: left;
    background: url(/media/1103/icon_alumnos_intranet.png) no-repeat center 25px #3ABBF7;
    margin: 0 auto;
    text-align: center;
    margin: 5px;
}

.intranet .intranet-academica{
    height: 232px;
    text-align: center;
    position: relative;
    background: url(/media/1102/icon_academica_intranet.png) no-repeat center 25px #3ABBF7;
    /*margin-right: 30px;*/
    display: inline-block;
    /*float: right;*/
}
    .intranet-academica a.link-intranet {
        font-size: 14px;
        line-height: 30px;
        width: 300px;
        left: 10px;
    }
    .intranet-academica a.link-intranet span{
        font-size: 22px;
        line-height: 30px;
    }
.intranet .intranet-personal{
    width: 321px;
    height: 232px;
    text-align: center;
    position: relative;
    background: url(/media/1104/icon_personal_intranet.png) no-repeat center 25px #3ABBF7;
    display: inline-block;
    /*float: right;*/
}
    .intranet .link-intranet{
        display: block;
        margin:0 auto;
        font-family:'Roboto', sans-serif;
        font-size: 1.4em;
        color: #3F3F4A;
        line-height: 30px;
        font-weight: 700;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        /*background: url(../img/flecha_intranet.png) no-repeat 200px 28px;*/
        position: absolute;

    }
        .intranet .link-intranet span{
            font-size: 30px;
            font-weight: 600;
        }
        .intranet .link-intranet:hover{
            color: #FFF;
            /*background: url(../img/flecha_intranet.png) no-repeat right 28px;*/
            -webkit-transition: all .20s ease-in-out;
            -moz-transition: all .20s ease-in-out;
            -o-transition: all .20s ease-in-out;
            -ms-transition: all .20s ease-in-out;
            transition: all .20s ease-in-out;
        }


@media screen and (max-width: 600px) {

.intranet {
    background: white !important;
    padding-top: 15px;
}
	
	}