#caja{
background-color:#cccccc;
width:804px;
padding:5px;
border-radius:10px;
}
#foto{
	background-image:url('fotos/facultad.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    border-radius: 5px;
    height: 258px;
    left: 467px;
    padding: 5px;
    position: absolute;
    top: 14px;
    width: 339px;
    transition:all 2s;
	-webkit-transition:all 2s; /*Safari */
}
#foto_alimentos{
	background-image:url('fotos/alimentos.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    border-radius: 5px;
    height: 258px;
    left: 467px;
    padding: 5px;
    position: absolute;
    top: 14px;
    width: 339px;
    opacity: 0;
    transition:all 2s;
	-webkit-transition:all 2s; /*Safari */
}
#foto_ambiental{
	background-image:url('fotos/ambiental.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    border-radius: 5px;
    height: 258px;
    left: 467px;
    padding: 5px;
    position: absolute;
    top: 14px;
    width: 339px;
    opacity: 0;
    transition:all 2s;
	-webkit-transition:all 2s; /*Safari */
}
#foto_negocios{
	background-image:url('fotos/negocios.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    border-radius: 5px;
    height: 258px;
    left: 467px;
    padding: 5px;
    position: absolute;
    top: 14px;
    width: 339px;
    opacity: 0;
    transition:all 2s;
	-webkit-transition:all 2s; /*Safari */
}
#foto_biomedica{
	background-image:url('fotos/biomedica.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    border-radius: 5px;
    height: 258px;
    left: 467px;
    padding: 5px;
    position: absolute;
    top: 14px;
    width: 339px;
    opacity: 0;
    transition:all 2s;
	-webkit-transition:all 2s; /*Safari */
}
#foto_civil{
	background-image:url('fotos/civil.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    border-radius: 5px;
    height: 258px;
    left: 467px;
    padding: 5px;
    position: absolute;
    top: 14px;
    width: 339px;
    opacity: 0;
    transition:all 2s;
	-webkit-transition:all 2s; /*Safari */
}
#foto_industrial{
	background-image:url('fotos/industrial.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    border-radius: 5px;
    height: 258px;
    left: 467px;
    padding: 5px;
    position: absolute;
    top: 14px;
    width: 339px;
    opacity: 0;
    transition:all 2s;
	-webkit-transition:all 2s; /*Safari */
}
#foto_mecatronica{
	background-image:url('fotos/mecatronica.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    border-radius: 5px;
    height: 258px;
    left: 467px;
    padding: 5px;
    position: absolute;
    top: 14px;
    width: 339px;
    opacity: 0;
    transition:all 2s;
	-webkit-transition:all 2s; /*Safari */
}
#foto_quimica{
	background-image:url('fotos/quimica.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    border-radius: 5px;
    height: 258px;
    left: 467px;
    padding: 5px;
    position: absolute;
    top: 14px;
    width: 339px;
    opacity: 0;
    transition:all 2s;
	-webkit-transition:all 2s; /*Safari */
}
#foto_sistemas{
	background-image:url('fotos/sistemas.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    border-radius: 5px;
    height: 258px;
    left: 467px;
    padding: 5px;
    position: absolute;
    top: 14px;
    width: 339px;
    opacity: 0;
    transition:all 2s;
	-webkit-transition:all 2s; /*Safari */
}
#foto_telecomunicaciones{
	background-image:url('fotos/telecomunicaciones.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
    border-radius: 5px;
    height: 258px;
    left: 467px;
    padding: 5px;
    position: absolute;
    top: 14px;
    width: 339px;
    opacity: 0;
    transition:all 2s;
	-webkit-transition:all 2s; /*Safari */
}
.carrera
{
padding-top: 0px;
padding-left: 8px;
font-family: 'Istok Web', sans-serif;
color:#ef511f;
border:1px solid #cccccc;
background-color:white;
width:437px;
height:25px;
overflow:auto;
transition:all 0.5s;
-webkit-transition:all 0.5s; /*Safari */
}

.carrera:hover
{
padding-top: 0px;
padding-left: 8px;
font-family: 'Istok Web', sans-serif;
color:#ffffff;
border:1px solid #cccccc;
background-color:#ef511f;
width:437px;
height:25px;
}

.primera
{
border-top-right-radius: 5px;
border-top-left-radius: 5px;
padding-top: 0px;
padding-left: 8px;
font-family: 'Istok Web', sans-serif;
color:#ef511f;
border:1px solid #cccccc;
background-color:white;
width:437px;
height:25px;
overflow:auto;
transition:all 0.5s;
-webkit-transition:all 0.5s; /*Safari */
}

.primera:hover
{
border-top-right-radius: 5px;
border-top-left-radius: 5px;
padding-top: 0px;
padding-left: 8px;
font-family: 'Istok Web', sans-serif;
color:#ffffff;
border:1px solid #cccccc;
background-color:#ef511f;
width:437px;
height:25px;
}

.ultima
{
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding-top: 0px;
padding-left: 8px;
font-family: 'Istok Web', sans-serif;
color:#ef511f;
border:1px solid #cccccc;
background-color:white;
width:437px;
height:25px;
overflow:auto;
transition:all 0.5s;
-webkit-transition:all 0.5s; /*Safari */
}

.ultima:hover
{
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding-top: 0px;
padding-left: 8px;
font-family: 'Istok Web', sans-serif;
color:#ffffff;
border:1px solid #cccccc;
background-color:#ef511f;
width:437px;
height:25px;
}
a:link {
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a:focus{
	text-decoration: none;
}