@charset "utf-8";

:root{

	--height-banner:500px;

	--red--:rgba(156,32,52,1);

	--blue--:rgba(14,30,60,1);

}

html, body{

	width:100%;

	height:100%;

	margin:0px;

	font:Calibri;

	background-color:rgba(249,249,249,1);

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

} 

img, object, embed, video {

	max-width: 100%;

}



.max1000{

	width: 100%;

	height: auto;

	display: inline-block;

}



.columna .titleEvent{

	font-size: 20px;

}



.spaceTop{

	margin-top: 0px;

}

.floatBoton{

	width: auto;

	height: auto;

	padding: 10px;

	margin: 5px;

	display: inline-block;

	vertical-align: top;

}



#block{

	width:100%;

	height:100%;

	display:none;

	background-color:rgba(0,0,0,0.6);

	z-index:9999998;

	position:fixed;

	top:0;

	left:0;

}

#tablaVentana{

	width:100%;

	height:100%;

	display:none;

	z-index:9999999;

	position:fixed;

	top:0;

	left:0;

}

#tablaVentana .celda{

	text-align:center;

	vertical-align:middle;

	width:100%;

	height:100%;

}

#ventana{

	width:100%;

	max-width:700px;

	height:auto;

	padding:10px;

	border-radius:10px;

	background-color:#FFF;

	display:inline-block;

}



.resaltador{

	background-color:rgba(156,32,52,1);

	padding-left: 20px;

	padding-right: 20px;

	color: white;

}





.ie6 img {

	width:100%;

}

.divLinea{

	width: 90%;

	display: inline-block;

}

.iconoTool{

	width:20px;

	height:auto;

	cursor:pointer;

	display:inline-block;

}

.botonRegistre{

	width: auto;

	height: auto;

	padding: 10px;

	padding-left: 20px;

	padding-right: 20px;

	background-color: rgba(156,32,52,1);

	border-radius: 7px;

	border: 2px solid #4A0304;

	display: inline-block;

	color: white;

	font-weight: bolder;

	font-size: 18px;

}

.botonRegistre:hover{

	background-color: #BD0003;

}

.borderTextBlack{

	-webkit-text-fill-color: white; /* Will override color (regardless of order) */

  	-webkit-text-stroke-width: 2px;

  	-webkit-text-stroke-color: black;

}

.imgParrafo{

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-position: center center;

	padding: 50px;

	padding-left: 10px;

	padding-right: 10px;

}

.imgParrafo > .titulo{

	color: white !important;

}

blockquote{

	margin:10px;	

}



.vinculo{

	color:#C00 !important;

}



.botonLeft{

	width:10px;

	height:auto;

	position:relative;

	margin-left:0px;

	margin-top: 10px;

	border-top: 25px solid transparent;

    border-right: 15px solid #FFF;

    border-bottom: 25px solid transparent;

	float:left;

	z-index:999;

	cursor:pointer;

}

.botonRight{

	width:10px;

	height:auto;

	position:relative;

	margin-right:0px;

	margin-top: 10px;

	border-top: 25px solid transparent;

    border-left: 15px solid #FFF;

    border-bottom: 25px solid transparent;

	float:right;

	z-index:999;

	cursor:pointer;

}



#bannerProducts{

	width:100%;

	max-width: 1260px;

	height:150px;

	position:relative;

	overflow:hidden;

	display:inline-block;

}

#bannerProducts_new {
	width: 90%;
	max-width: 1260px;
	height: 400px;
	position: relative;
	overflow: hidden;
	display: inline-block;
}

#bannerProducts_new_2 {
	width: 90%;
	max-width: 1260px;
	height: 500px;
	position: relative;
	overflow: hidden;
	display: inline-block;
}


.itemPeople{

	width: 100%;

	max-width: none;

	display: inline-block;

	margin: 0px;

	margin-bottom: 10px;

	margin-top: 10px;

}

.itemPeople img{

	/*border-radius: 500px;*/

	width: 20%;

	height: auto;

	display: inline-block;

	vertical-align: middle;

}

.itemPeople .parrafo{

	width: 70%;

	height: auto;

	margin-left: 10px;

	vertical-align: middle;

}

.bpl{

	margin-left:50px;

    border-right: 30px solid #CCC;

}

.bpl_new {
	margin-left:50px;
    border-right: 30px solid #CCC;
	top: 24px;
    left: 467px;
}

.bpl_new_2 {
	margin-left:50px;
    border-right: 30px solid #CCC;
	top: 24px;
    left: 467px;
}

.bpr{

	margin-right:50px;

    border-left: 30px solid #CCC;

}

.bpr_new{

	margin-right:50px;
    border-left: 30px solid #CCC;
	top: -63px;
    right: 520px;
}

.bpr_new_2{

	margin-right:50px;
    border-left: 30px solid #CCC;
	top: -63px;
    right: 520px;
}

.titleEvent{

	font-weight: bold;

	font-style:italic;

}



#marcoProductos{

	position:absolute;

	width: 5000px;

}

#marcoProductos_2{

	position:absolute;

	width: 5000px;

}

.itemProduct{

	width:33%;

	height:auto;

	max-width: 400px;

	display:inline-block;

	font-family:Tahoma, Geneva, sans-serif;

	margin:10px;

	float:left;

	vertical-align:middle;

	border-radius:10px;

}

.itemProduct_2{

	width:33%;

	height:auto;

	max-width: 400px;

	display:inline-block;

	font-family:Tahoma, Geneva, sans-serif;

	margin:10px;

	float:left;

	vertical-align:middle;

	border-radius:10px;

}

.first-column{

	width: 30%;

	height: 130px;

	padding: 10px;

	text-align: center;

	background-color: rgba(1,33,53,1.00);

	color:white;

	display: inline-block;

	vertical-align: top;

}

.first-column_new{

	width: 58%;

	height: 230px;

	padding: 10px;

	text-align: center;

	background-color: rgba(1,33,53,1.00);

	color:white;

	display: inline-block;

	vertical-align: top;

}

.first-column_con{

	width: 58%;

	height: 161px;

	padding: 10px;

	text-align: center;

	background-color: rgba(1,33,53,1.00);

	color:white;

	display: inline-block;

	vertical-align: top;

}


.numberDay{

	font-size: 40px;

}

.month{

	font-size: 30px;

}

.day{

	font-size: 18px;

}

.second-column{

	width: 58%;

	height: 130px;

	padding: 10px;

	text-align: left;

	background-color: rgba(226,226,226,1.00);

	display: inline-block;

	vertical-align: top;

}

.second-column_new {

	width: 58%;

	height: 200px;

	padding: 10px;

	text-align: left;

	background-color: rgba(226,226,226,1.00);

	display: inline-block;

	vertical-align: top;

}

.second-column_con {

	width: 58%;

	height: 400px;

	padding: 10px;

	text-align: left;

	background-color: rgba(226,226,226,1.00);

	display: inline-block;

	vertical-align: top;

}


#tabla{

	display:table;

}

.tabla{

	display:inline-table;

	height:100%;

	width:100%;

}

.iconoDescargaHorario{

	width:25px;

	height:auto;

	display:inline-block;

	margin:0px !important;

	float:right !important;

}

.celda{

	display:table-cell;	

}

.textBoxSession{

	width:300px;

	height:20px;

	padding:10px;

	margin:5px;

	border:solid 1px #CCCCCC;

	font-size:14px;

}

.botonForm{

	width:auto;

	min-width:100px;

	height:auto;

	padding:10px;

	margin:5px;

	border:none;

	background-color:#900;

	color:#FFF;

	font-size:14px;

	font-weight:bold;

}

.botonForm:hover{

	background-color:#C00;

}

#tabla{

	display:table;

	height:100%;

	width:100%;

}

.pgwSlider li ul img{

	width: 100%;

	height: auto;

	display: inline-block;

}

.sombraInferiorDerecha{

	-webkit-box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.82);

-moz-box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.82);

box-shadow: 10px 10px 11px -6px rgba(0,0,0,0.82);

}

.sombraSuperiorDerecha{

	-webkit-box-shadow: 10px -10px 11px -6px rgba(0,0,0,0.82);

-moz-box-shadow: 10px -10px 11px -6px rgba(0,0,0,0.82);

box-shadow: 10px -10px 11px -6px rgba(0,0,0,0.82);

}

.recuadro{

	width:80%;

	max-width: 80%;

	height:auto;

	min-height:300px;

	padding:0px;

	background-color:#FFF;

	display:inline-table;

}

.normalTitulo{

	font-size:22px;

}

.columna{

	width:85%;

	max-width:450px;

	height:auto;

	margin:0;

	margin-top:20px;

	margin-bottom:10px;

	font-size:10px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

}

.columna img{

	width:100%;

	height:auto;

	display:inline-block;

}

.columna60{

	width:100%;

	max-width:700px;

	height:auto;

	margin-top:10px;

	margin:0px;

	font-size:16px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

}

.columna40{

	width:100%;

	max-width:500px;

	height:auto;

	margin-top:10px;

	margin:0px;

	font-size:16px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

}

.columna40 img{

	width:50%;

	height:auto;

}

.columnaX4info{

	width:80%;

	max-width:500px;

	height:auto;

	margin-top:20px;

	margin:5px;

	font-size:14px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

	padding-bottom: 10px;

	padding-top: 10px;

	background-color:#FFF;

	color:#333;

}

.columnaX4info img{

	width: 50%;

}

.columnaX3info{

	width:80%;

	max-width:500px;

	height:auto;

	margin-top:20px;

	margin:10px;

	font-size:16px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

	padding-bottom: 10px;

	padding-top: 10px;

	background-color:#FFF;

	color:#333;

}

.columnaX3info img{

	width: 50%;

}

.itemContador{

		width: 50px;

		height: 50px;

		background-color: #FF5800;

		color: white;

		text-align: center;

		font-size: 10px;

		font-weight: bold;

		display: inline-block;

		padding: 8px;

		margin: 2px;

	}

	.itemContador span{

		font-size: 30px;

	}

.columnaX3{

	width:90%;

	max-width:500px;

	height:auto;

	margin-top:20px;

	margin:10px;

	font-size:16px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

	background-color:#FFF;

	color:#333;

}

.columnaX3 .titulo{

	margin-top:30px;

	font-size:35px;	

}

.columnaX3 span span{

	font-size:9px;

}

.columnaX3 span{

	font-size:12px;

}

.barBlue .columnaX3 img{

	width:50%;	

}

.right{

	text-align:left;

	margin-top:0px;

}

.margin-right{

	margin-right:0px;

}

.parrafo{

	width:90%;

	max-width:850px;

	height:auto;

	margin-bottom: 20px;

	margin-top: 20px;

	font-size:12px;

	text-align:justify;

	display:inline-block;

}

.parrafo .titulo{

	color:#333;

	font-size:26px;

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

	margin:0px;

}

.parrafo span.little{

	font-size:10px;

}

#barBlue{

	width:100%;

	height:20px;

	padding-bottom:5px;

	padding-top:5px;

	display:inline-block;

	background-color:rgba(14,30,60,1);

	color:#FFF;

	margin-top:20px;

	font-family: 'Work Sans', sans-serif;

}

#barLanguage{

	display:none;

}

.documento{

	width: 30%;

	height: auto;

	padding-left: 10px;

	color: white;

	font-size: 26px;

	font-weight: bold;

	background-color: #B40003;

	border-radius: 5px;

	display: inline-block;

}

.documento a{

	display: inline-block;

}

.documento span{

	display: inline-block;

	width: 20px;

	height: auto;

	vertical-align: middle;

	float: right;

	background-color: #64090B;

	padding: 5px;

	font-size: 20px;

	border-bottom-right-radius:5px;

	border-top-right-radius: 5px;

	cursor: pointer;

}

.cuadroList{

	width: 100%;

	height: auto;

	padding: 5px;

	background-color: #F4F4F4;

	text-align: center;

	font-size: 12px;

}

.itemCuadroList{

	width: 95%;

	height: auto;

	padding: 2%;

	background-color: white;

	margin-top: 2px;

	margin-bottom: 2px;

	text-align: left;

	border: 1px #E3E3E3 solid;

}

.itemCuadroList td img{

	cursor: pointer;

}

.barBlue{

	width:100%;

	height:auto;

	margin-top:0px;

	padding-bottom:40px;

	display:inline-block;

	background-color:rgba(14,30,60,1);

	color:#FFF;

	margin-top:20px;

	font-family: 'Work Sans', sans-serif;

	text-align:center;

}

.barBlue .columnaX3{

	width:90%;

	padding:10px;

	margin:4px;

	height:auto;

	padding-top:20px;

	margin-top:00px;

}

.barBlue .columna60{

	width:100%;

	max-width:1000px;

	margin:0px;

}

.barBlue .columnaX3 .triangle{

	width:0px;

	height:0px;

	border-bottom:solid 40px #CCCCCC;

	border-left:solid 14px transparent;

	display:none;

	position:absolute;

	margin-top:-100px;

	margin-left:-46px;

	z-index:10;

}

.barBlue .columna40{

	width:100%;

	margin:0px;

	padding-top:50px;

	text-align:right;

	font-size:14px;

}

.barBlue .columna40 > .columnaPP > a > img{

	width:20%;

	max-width:50px;

	display:inline-block;

}

.barBrand{

	width:100%;

	height:auto;

	padding-top:30px;

	display:inline-block;

	text-align:center;

}

.barWhite{

	width:100%;

	height:auto;

	padding-bottom:20px;

	padding-top:20px;

	display:inline-block;

	text-align:center;

	background-attachment:fixed;

	background-repeat:no-repeat;

	background-size:100% auto;

	background-position:center center;

	background-color:#FFF;

}

#redesMovil{

	width:100%;

	display:inline-block;

}

#redesPC{

	width:100%;

	display:none;

}

.barLogoFondo{

	background-image:url(../images/fondoCubosRed.jpg);

	background-size:100% auto;

	background-repeat:repeat;

	background-attachment:fixed;

	padding-top:30px;

	padding-bottom:30px;

}

.barLogoFondo img{

	width:60%;

	max-width:600px;

}

.barGray{

	width:100%;

	height:auto;

	padding-bottom:50px;

	padding-top:50px;

	display:inline-block;

	text-align:center;

	background-color:#F4F4F4;

}

#brand{

	width:70%;

	max-width:none;

	height:auto;

	padding:20px;

	display:inline-block;

	position:absolute;

	top:0px;

	margin-left:-150px;

	background-image:url(../images/fondoCubosRed.jpg);

	background-repeat:repeat;

	background-size:100% auto;

	background-attachment:fixed;

	color:#FFF;

	text-align:center;

	font-family: 'Work Sans', sans-serif;

}

#brand img{

	width:80%;

	height:auto;

	display:inline-block;

}

#brand span{

	width:80%;

	height:auto;

	display:inline-block;

	text-align:left;

	font-size:11px;

}

#brand .triangle{

	width:0px;

	height:0px;

	border-bottom:solid 20px rgba(82,10,24,1);

	border-right:solid 20px transparent;

	display:inline-block;

	position:absolute;

	top:0px;

	right:0px;

	margin-right:-20px;

}

#brand .sombra{

	width:130%;

	height:auto;

	position:absolute;

	bottom:0;

	margin-bottom:-4px;

	margin-left:-25%;

}

#brand .sombra img{

	width:100%;

}

.barMenu{

	width:99%;

	height:auto;

	display:none;

	text-align:center;

	margin-top:4px;

	background-color:rgba(14,30,60,1);

	position:absolute;

	z-index:200;

	transition:opacity 1s;

}

.estado{

	width: 100%;

	height: auto;

	padding-bottom: 10px;

	padding-top: 10px;

	text-align: center;

	display: inline-block;

	font-weight: bold;

}

.barMenu a .itemMenu{

	width:100%;

	height:30px;

	padding-left:0px;

	padding-right:0px;

	padding-top:15px;

	padding-bottom:5px;

	font-family: 'Work Sans', sans-serif;

	font-size:18px;

	display:inline-block;

	border:solid 1px rgba(14,30,60,1);

	transition:background-color 1s, border 2s, color 1s;

	color:#FFF;

}

.barMenu a .itemMenu:hover{

	background-color:#FFF;

	border:solid 1px rgba(14,30,60,1);

	color:#000;

}

.itemSelected{

	border:solid 1px #FFF !important;

}

.itemSelected .triangle{

	width:0px;

	height:0px;

	border-top:solid 20px #FFF;

	border-right:solid 20px transparent;

	display:inline-block;

	position:inherit;

	margin-top:-15px;

	margin-left:0px;

	float:left;

}

.itemSelected:hover{

	background-color:rgba(14,30,60,1) !important;

	color:#FFF !important;

	border:solid 1px #FFF !important;

}

#subMenu{

	width:90%;

	min-width:220px;

	height:auto;

	display:none;

	position:absolute;

	margin-top:0px;

	margin-left:5%;

	background-color:rgba(14,30,60,1);

	z-index:150;

	text-align:left;

	border-bottom-left-radius:5px;

	border-bottom-right-radius:5px;

	border:solid 1px #FFF;

	-webkit-box-shadow: 8px 9px 7px -6px rgba(0,0,0,0.75);

	-moz-box-shadow: 8px 9px 7px -6px rgba(0,0,0,0.75);

	box-shadow: 8px 9px 7px -6px rgba(0,0,0,0.75);

}

#subMenu div[data-submenu]{

	display:none;

}

#subMenu:hover{

	display:inline-block;

}

#subMenu a{

	width:100%;

	height:auto;

	display:block;

	font-size:14px;

	color:#FFF;

}

.itemSubMenu{

	width:calc(100% - 20px);

	height:30px;

	padding-top:15px;

	padding-bottom:5px;

	padding-left:10px;

	padding-right:10px;

	font-family: 'Work Sans', sans-serif;

	font-size:18px;

	display:inline-block;

	transition:background-color 1s, border 2s, color 1s;

	color:#FFF;

}

.itemSubMenu:hover{

	background-color:#FFF;

	color:#000;

	-webkit-box-shadow: 8px 9px 7px -6px rgba(0,0,0,0.75);

	-moz-box-shadow: 8px 9px 7px -6px rgba(0,0,0,0.75);

	box-shadow: 8px 9px 7px -6px rgba(0,0,0,0.75);

}

.hoverOn{

	background-color:#FFF;

	border:solid 1px rgba(14,30,60,1);

	color:#000 !important;

}

.barBanner{

	width:100%;

	height:auto;

	display:inline-block;

	background-size:100% auto;

	background-position:center center;

	background-repeat:no-repeat;

}

.backgroundBW{

	width:100%;

	height:200px;

	display:block;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:100% auto;

	/*-webkit-filter: grayscale(1);

  	filter: grayscale(1);

	opacity:0.2;*/

	z-index:100;

}

.backgroundColor{

	width:40%;

	height:200px;

	display:inline-block;

	background-position-x:0px;

	background-position-y:center;

	background-repeat:no-repeat;

	background-size:250% auto;

	position:absolute;

	left:0px;

	margin-top:-200px;

	/*-webkit-filter:blur(3px);

  	filter:blur(3px);*/

	opacity:0;

	z-index:120;

	transition:background-position-x 1s cubic-bezier(0, 0, 0.1, 1), margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-webkit-transition:background-position-x 1s cubic-bezier(0, 0, 0.1, 1), margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-moz-transition:background-position-x 1s cubic-bezier(0, 0, 0.1, 1), margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-o-transition:background-position-x 1s cubic-bezier(0, 0, 0.1, 1), margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	text-align:center;

}

.imgBanner{

	width:auto;

	height:200px;

	vertical-align:bottom;

	display:inline-block;

	position:absolute;

	left:0px;

	margin-top:-200px;

	z-index:130;

	opacity:0;

	transition:opacity 1s;

	-webkit-transition:opacity 1s;

	-moz-transition:opacity 1s;

	-o-transition:opacity 1s;

}

.tablaBanner{

	width:100%;

	height:200px;

	display:inline-table;

	position:absolute;

	left:0px;

	margin-top:-200px;

	z-index:110;

	text-align:center;

}

.textBanner{

	width:auto;

	height:auto;

	display:inline-block;

	font-family: 'Work Sans', sans-serif;

	color:#333;

	font-size:12spx;

	margin-left:40%;

	opacity:0;

	transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-webkit-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-moz-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-o-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

}

.etiqueta{

	background-color:rgba(156,32,52,1);

	color:#FFF;

}



.columnaTotal{

	width:100%;

	height:200px;

	display:inline-block;

	vertical-align:top;

	float:none;

	background-size:100% auto;

	background-repeat:no-repeat;

	background-position:center center;

	text-align:center;

}

.titulo{

	font-family: 'Work Sans', sans-serif;

	color:rgba(156,32,52,1);

	font-size:24px;

	max-width:1300px;

	display:inline-block;

}

.descripcion{

	font-size:14px;

}

.tablaArchivos{

	width:90%;

	max-width:1000px;

	background-color:#FFF;

	border:solid 1px #CCCCCC;

	text-align:left;

}

.tablaArchivos td{

	padding:10px;

}

.tablaArchivos tr td:last-child{

	text-align:center !important;

}

.tablaArchivos tr td strong{

	font-size:16px;

}

.tablaArchivos tr:first-child{

	text-align:center;

	background-color:rgba(14,30,60,1) !important;

	color:#FFF;

}

.tdResalt{

	text-align:center;

	background-color:rgba(14,30,60,1) !important;

	color:#FFF;

}

.tablaArchivos tr:nth-child(even){

	background-color:#F4F4F4;

}

.tablaArchivos tr:hover{

	background-color:#CCC;

}

.columnaTotal .titulo{

	padding-top:30px;

	margin-left:0;

}

.columnaTotal .parrafo{

	max-width:80%;

	margin-left:0;

	padding-bottom:50px;

}

.columnaTotal img{

	max-width:100%;

}

.microTextBanner{

	width:100%;

	max-width:500px;

	height:auto;

	padding:0px;

	padding-top:20px;

	padding-bottom:20px;

	margin-top:0px;

	background-color:rgba(14,30,60,1);

	float:none;

	font-size:20px;

	font-family:Calibri;

	color:#FFF;

	text-align:center;

}

.itemMicroTextoBanner{

	width:250px;

	margin-right:50px;

	display:inline-block;

	vertical-align:middle;

	float:left;

}

.maskTextos{

	width:250px;

	height:auto;

	overflow:hidden;

	text-align:right;

	display:inline-block;

}

.textos{

	width:1000px;

	height:auto;

	display:inline-block;

	transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1);

	-webkit-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1);

	-moz-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1);

	-o-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1);

}

.buttonMicroBanner{

	width:20px;

	height:20px;

	padding:20px;

	display:inline-block;

	background-color:rgba(156,32,52,1);

	vertical-align:top;

	background-image:url(../images/flecha.jpg);

	background-size:100% 100%;

	cursor:pointer;

}

.buttonsMicroTextBanner{

	width:auto;

	height:auto;

	display:inline-block;

	float:none;

	margin-top:0px;

	position:static;

}

.buttonsMicroTextBanner .buttonMicroBanner:nth-child(3){

	margin-top:0px;

	-webkit-transform: rotate(180deg);

  	transform: rotate(180deg);

}

.triangleButton{

	width:0px;

	height:opx;

	border-top:solid 20px rgba(82,10,24,1);

	border-left:solid 20px transparent;

	display:none;

	margin-right:-5px;

	vertical-align:bottom;

}



.barFixed{

	width:100%;

	height:200px;

	padding-top:50px;

	padding-bottom:50px;

	background-attachment:fixed;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:250% auto;

}

.squareUniversitys{

	width:100%;

	padding-top:10px;

	padding-bottom:10px;

	background-color:#FFF;

	text-align:center;

	font-size:10px;

}

.squareBorder{

	background-color:rgba(255,255,255,0.5);

	padding:0px;

	padding-left:0px;

}

.itemUniversity{

	width:100%;

	height:auto;

	margin-top:5px;

	margin-bottom:5px;

	display:block;

	text-align:center;

}

.barFixed > .columnaTotal > .titulo{

	margin-top:250px;

	color:rgba(156,32,52,1)!important;

	text-align:center!important;

	margin-right:0px!important;

	margin-bottom:20px;

}

.itemUniversity img, .itemUniversity span{

	width:auto;

	height:40px;

	display:inline-block;

	vertical-align:middle;

	margin-left:10px;

	text-align:left;

}

.itemUniversity span{

	width:50%;

}

.itemUniversity img:first-child{

	height:40px;

}

.itemUniversity img:nth-child(3){

	opacity:0.2;

}

.itemUniversity:hover img:nth-child(3){

	opacity:1;

}

#barUniversity{

	transition:background-image 1s;

}

.barLogo{

	width:30%;

	height:50px;

	padding:20px;

	display:none;

	float:right;

	background-color:rgba(0,0,0,0.5);

	margin-top:-50px;

}

.space{

	width:100%;

	height:280px;

}

.barLogo img{

	width:auto;

	height:100%;

}

.textVertical{

	writing-mode:none;

    transform: rotate(0deg);

	display:inline-block;

	font-family: 'Work Sans', sans-serif;

	font-size:18px;

	color:#CCC;

	margin-left:0px;

	margin-top:20px;

}

#redesMovil .columnaX3{

	width:30%;

	margin:5px;

}

#redesMovil .columnaX3 img{

	width:50%;

}

.maskAliados{

	width:90%;

	max-width:1200px;

	height:200px;

	display:inline-block;

	overflow:hidden;

}

.aliados{

	width:1600px;

	height:auto;

	transition:margin-left 5s;

}

.itemAliado{

	width:auto;

	height:150px;

	display:inline-block;

	margin-left:10px;

	margin-right:10px;

	float:left;

}

.choice{

	width:80px;

	height:10px;

	font-size:14px;

	padding:5px;

	padding-top:0px;

	padding-bottom:10px;

	background-color:#FFF;

	border:1px solid #F6F6F6;

	display:inline-block;

	vertical-align:top;

	border-bottom-left-radius:3px;

	border-top-left-radius:3px;

}

.select{

	width:140px;

	cursor:pointer;

	text-align:left;

	display:inline-block;

	color:#333;

	vertical-align:middle;

}

.select img, .select span{

	height:14px;

	display:inline-block;

	vertical-align:middle;

}

.botonSelect{

	width:15px;

	height:10px;

	padding:5px;

	padding-top:7px;

	display:inline-block;

	vertical-align:top;

	background-color:#FFF;

	margin-left:-8px;

	border-bottom-right-radius:3px;

	border-top-right-radius:3px;

}

.triangleSelect{

	width:0px;

	height:0px;

	border-top:10px solid #CCC;

	border-right:8px solid transparent;

	border-left:8px solid transparent;

	margin-top:0px;

}

.listSelect{

	width:90px;

	height:auto;

	border:1px solid #F6F6F6;

	position:absolute;

	margin-top:-2px;

	display:none;

	z-index:400;

}

.listSelect li{

	list-style:none;

	width:100%;

	height:20px;

	font-size:14px;

	padding:5px;

	background-color:#FFF;

	border:1px solid #F6F6F6;

	display:inline-block;

	vertical-align:top;

}

.listSelect li:hover{

	background-color:rgba(156,32,52,1);

	color:#FFF;

}

.iframeHeight{

	height:200px;

}

.columnaPP{

	width:30%;

	margin-bottom:0px;

	display:inline-block;

	font-size:10px;

	vertical-align:middle;

	text-align:center;

}

.barRedes{

	width:auto;

	height:auto;

	position:fixed;

	top:30%;

	left:10px;

	display:none;

	z-index: 500;

}



.barRede{

	width: auto;;

	height: auto;

	position:fixed;

	top:30%;

	right:10px;

	display:none;

	z-index: 500;

}







.forAnimate{

	display:inline-block;

	position:relative;

	left:-500px;

	opacity:0;

	transition:left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

}

.fadeIn{

	opacity:0;

	transition:opacity 1s;

}

.cuadro1{

	width:100%;

	height:150px;

	padding-top:20px;

	display:inline-block;

	background-position:right center;

	background-size:100% auto;

	background-repeat:no-repeat;

	vertical-align:middle;

	font-size:10px;

}

.cuadro2{

	width:100%;

	height:150px;

	padding-top:20px;

	display:inline-block;

	background-position:top center;

	background-size: 100% auto;

	background-repeat:no-repeat;

	vertical-align:middle;

	font-size:10px;

}

.cuadro3{

	width:100%;

	height:150px;

	padding-top:20px;

	display:inline-block;

	background-position:left center;

	background-size: 100% auto;

	background-repeat:no-repeat;

	vertical-align:middle;

	font-size:10px;

}

.cuadro1 span, .cuadro2 span, .cuadro3 span{

	width:80%;

	display:inline-block;

}

.columnaX3 .parrafo .line{

	width:90%;

}

.columnaX3 .itemMateria{

	width:calc(100% - 20px);

	padding-left:20px;

	padding-top:15px;

}

.columnaX3 .itemMateria:hover{

	background-color:#F5F5F5;

}

.first{

	height:320px;

}

.itemList{

	width:100%;

	height:auto;

	padding-top:10px;

	padding-bottom:10px;

	display:inline-block;

}

.itemList:nth-child(even){

	background-color:#F4F4F4;

}

.iconoList{

	width:10%;

	height:auto;

	display:inline-block;

	vertical-align:middle;

	text-align:center;

}

.textList{

	width:calc(85% - 20px);

	height:auto;

	padding:10px;

	display:inline-block;

	vertical-align:middle;

	font-size:16px;

}

.circle{

	width:0px;

	height:0px;

	border-radius:50px;

	background-color:rgba(14,30,60,1);

	color:#FFF;

	padding-top:3px;

	font-size:20px;

	display:inline-block;

	opacity:0;

	transition:width 1s, height 1s, opacity 1s;

	overflow:hidden;

}

.shadowBox{

	-webkit-box-shadow: 0px 11px 12px -9px rgba(0,0,0,0.75);

	-moz-box-shadow: 0px 11px 12px -9px rgba(0,0,0,0.75);

	box-shadow: 0px 11px 12px -9px rgba(0,0,0,0.75);

}

.franjaWhite{

	height:auto;

	padding-bottom:10px;

	margin-top:-80px;

	display:inline-block;

	position:relative;

	text-align:center;

	background-color:#FFF;

	border-radius:20px;

	z-index:150;

}

.franjaWhite img{

	width:auto;

	height:80px;

	margin:20px;

	margin-bottom:0px;

	display:inline-block;

	vertical-align:middle;

}

.marco{

	border:solid 1px #CCCCCC;

}

.boton{

	width:60%;

	max-width:200px;

	height:30px;

	padding-top:10px;

	padding-bottom:5px;

	margin:10px;

	background-color:rgba(156,32,52,1);

	color:#FFF;

	font-size:20px;

	display:inline-block;

	cursor:pointer;

}

.creditBox{

	width:90%;

	height:auto;

	display:inline-block;

	margin:5px;

	vertical-align:top;

}

.encabezado{

	width:100%;

	height:auto;

	padding-bottom:10px;

	padding-top:10px;

	background-color:rgba(14,30,60,1);

	border:solid 1px rgba(14,30,60,1);

	color:#FFF;

	text-align:center;

	font-size:30px;

}

.grupo{

	width:100%;

	height:150px;

	display:inline-block;

	border:solid 1px #CCCCCC;

	background-color:#FFF;

}

.semestre{

	width:15%;

	height:100%;

	padding-left:20px;

	display:inline-block;

	background-color:#E5E5E5;

	writing-mode: vertical-lr;

    transform: rotate(180deg);

	text-align:center;

	vertical-align:middle;

	float:left;

}

.semestre > .texto{

	display:inline-block;

	font-size:20px;

}

.semestre > span{

	display:inline-block;

	font-size:14px;

	font-weight:bold;

}

.materias{

	width:70%;

	height:100%;

	display:inline-block;

	vertical-align:middle;

}

.itemMateria{

	width:100%;

	height:auto;

	padding-bottom:10px;

	padding-top:10px;

	text-align:left;

	font-size:16px;

}

.itemMateria > .texto{

	float:left;

	vertical-align:top;

	width:100%;

}

.itemMateria span{

	float:right;

	vertical-align:top;

}

.line{

	width:80%;

	height:1px;

	background-color:#CCC;

	display:inline-block;

	transition:width 1s;

}

.materias .celda{

	width:100%;

	height:100%;

	text-align:center;

	vertical-align:middle;

}

.grafico{

	display:inline-block;

	margin-top:-50%;

}

.grafico img{

	position:absolute;

	display:inline-block;

	margin-left:-200px;

	margin-top:-280px;

	opacity:0;

	transition:opacity 1s cubic-bezier(0, 0, 0.1, 1);

	float:left;

}

.grafico img:last-child{

	opacity:1;

}

.itemDocente{

	width:calc(100% - 40px);

	height:auto;

	padding:20px;

	text-align:left;

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

}

.itemDocente:hover{

	background-color:#FFF;

}

.itemDocente .info{

	width:100%;

	text-align:right;

	font-size:14px;

}

.itemDocente span{

	margin-left:50px;

	width:90%;

	display:block;

}

.itemDocente > .info > span > .circle{

	width:10px;

	height:10px;

	background-color:#C00;

	display:inline-block;

	padding-top:0px;

	margin-right:10px;

}

.itemDocente .line{

	width:0px;

}

.table{

	width:100%;

	height:auto;

	display:inline-table;

	background-color:#FFF;

}

.table td{

	padding:15px;

}

.table tr td:first-child{

	text-align:left;

}

.table tr:first-child{

	background-color:rgba(14,30,60,1);

	color:#FFF;

	font-size:16px;

	font-weight:bold;

}

.table tr:nth-child(even){

	background-color:#F8F8F8;

}

.columnaX3 .parrafo .line{

	width:90%;

}

.columnaX3 .itemMateria{

	width:calc(100% - 20px);

	padding-left:20px;

	padding-top:15px;

}

.columnaX3 .itemMateria:hover{

	background-color:#F5F5F5;

}

.buttons{

	width:auto;

	height:30px;

	display:inline-block;

	float:right;

	margin-top:-15px;

}

.buttons .idioma{

	width:20px;

	height:20px;

	display:inline-block;

	border:solid 1px #CCCCCC;

	padding:10px;

	background-color:#FFF;

	border-radius:5px;

}

.buttons .selectIdioma{

	width:40px;

	height:auto;

	display:none;

	position:absolute;

	background-color:#FFF;

	border-radius:5px;

	margin-left:-45px;

	margin-top:-20px;

	-webkit-box-shadow: 8px 9px 7px -6px rgba(0,0,0,0.75);

	-moz-box-shadow: 8px 9px 7px -6px rgba(0,0,0,0.75);

	box-shadow: 8px 9px 7px -6px rgba(0,0,0,0.75);

	opacity:0;

	z-index:300;

	transition:opacity 1s;

}

.selectIdioma img{

	width:30px;

	height:auto;

	padding:5px;

	display:inline-block;

}

.buttons .buttonMenu{

	width:20px;

	height:20px;

	display:inline-block;

	border:solid 1px #CCCCCC;

	padding:10px;

	background-color:#FFF;

	border-radius:5px;

}

.itemNoticia{

	width:90%;

	height:auto;

	display:inline-block;

	vertical-align:top;

	margin:5px;

	background-color:#FFF;

	border:solid 1px #CCCCCC;

	padding-bottom:20px;

}

.itemProyecto{

	width:90%;

	height:auto;

	display:inline-block;

	vertical-align:top;

	margin:5px;

	background-color:#FFF;

	border:solid 1px #CCCCCC;

	padding-bottom:20px;

}

.itemSubMenuInterno{

	width:90%;

	height:auto;

	display:inline-block;

	vertical-align:top;

	margin:5px;

	background-color:#FFF;

	border:solid 1px #CCCCCC;

}

.itemSubMenuInterno .imgNoticia{

	width:100%;

	height:150px;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:100% auto;

}

.groupNoticias .itemNoticia{

	height:auto;

}

.itemNoticia .imgNoticia{

	width:100%;

	height:200px;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:100% auto;

}

.itemSubMenuInterno .titulo{

	color:#333;

	font-size:20px;

	margin-bottom:30px;

	margin-top:10px;

}

.itemNoticia > .parrafo > .titulo > span{

	width:100%;

	display:block;

	font-size:14px;

	font-style:italic;

}

.itemNoticia > .parrafo > .titulo{

	text-align:left;

}

.itemNoticia > .parrafo{

	height:200px;

}

.textBox{

	width:90%;

	height:20px;

	padding:10px;

	margin:5px;

	display:inline-block;

	border:solid 1px #CCCCCC;

	background-color:#FFF;

	border-radius:5px;

}

.selectBox{

	width:60%;

	height:50px;

	padding:10px;

	margin:5px;

	display:inline-block;

	border:solid 1px #CCCCCC;

	background-color:#FFF;

	border-radius:5px;

}

.post{

	width:30%;

	max-width:350px;

	height:auto;

	margin:5px;

	background-color:white;

	border:solid 1px #F8F8F8;

	border-radius:5px;

	display:inline-block;

	vertical-align:top;	

}

.post img, .post video, .post iframe{

	width:100%;

}



.post .botonTool{

	width:25%;

	height:auto;

	display:inline-block;

}

.post textarea{

	width:90%;

	height:auto;

	display:inline-block;

}

.label{

	width:65%;

	height:20px;

	padding:5px;

	display:inline-block;

	text-align:left;

}

.label span{

	color:#C00;

}

input.boton{

	height:auto;

	border:none;

	padding-bottom:10px;

}

.parrafo img{

	max-width:100%;

	float:none;

	margin-right:0px;

	margin-bottom:30px;

}

.blockFoto{

	width:40%;

	max-width:40% !important;

	float:none;

	margin-right:0px;

	margin-bottom:30px;

}

.pieFoto{

	font-size:12px;

}

.imageProfile{

	display: block;

	text-align: center;

	width: 200px;

	height: 200px;

}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */



@media only screen and (min-width: 639px) {

html, body{

	width:100%;

	height:100%;

	margin:0px;

	font:Calibri;

	background-color:rgba(249,249,249,1);

	min-width:1200px;

}

	.recuadro{

	width:400px;

	max-width: 80%;

	height:auto;

	min-height:300px;

	padding:30px;

	background-color:#FFF;

	display:inline-table;

}

	.max1000{

	width: 90%;

	height: auto;

	display: inline-block;

}

	.spaceTop{

	margin-top: 50px !important;

}

	.imageProfile{

	display: inline-block;

	width: 120px;

	height: 120px;

}

.itemPeople{

	width: 30%;

	max-width: 350px;

	display: inline-block;

	margin: 5px;

	

	margin-top: 5px;

	margin-bottom: 5px;

}

.itemPeople img{

	/*border-radius: 500px;*/

	width: 60%;

	height: auto;

	display: inline-block;

}

.itemPeople .parrafo{

	width: 91%;

	height: auto;

	text-align: center;

	margin-left: none;

}

.botonLeft{

	width:25px;

	height:auto;

	position:relative;

	margin-left:10px;

	margin-top: 40px;

	border-top: 50px solid transparent;

    border-right: 30px solid #FFF;

    border-bottom: 50px solid transparent;

	float:left;

	z-index:999;

	cursor:pointer;

}

.botonRight{

	width:25px;

	height:auto;

	position:relative;

	margin-right:10px;

	margin-top: 40px;

	border-top: 50px solid transparent;

    border-left: 30px solid #FFF;

    border-bottom: 50px solid transparent;

	float:right;

	z-index:999;

	cursor:pointer;

}

	.bpl{

	margin-left:50px;

    border-right: 30px solid #CCC;

}

.bpl_new {
	margin-left:50px;
    border-right: 30px solid #CCC;
	top: 24px;
    left: 467px;
}

.bpl_new_2 {
	margin-left:50px;
    border-right: 30px solid #CCC;
	top: 24px;
    left: 467px;
}

.bpr{

	margin-right:50px;

    border-left: 30px solid #CCC;

}

.bpr_new{

	margin-right:50px;
    border-left: 30px solid #CCC;
	top: -63px;
    right: 520px;
}

.bpr_new_2{

	margin-right:50px;
    border-left: 30px solid #CCC;
	top: -63px;
    right: 520px;
}

.cuadro1{

	width:33%;

	height:400px;

	padding-top:0;

	display:table-cell;

	background-position:center center;

	background-size:auto 100%;

	background-repeat:no-repeat;

	vertical-align:middle;

	font-size:16px;

}

.cuadro2{

	width:33%;

	height:400px;

	padding-top:0;

	display:table-cell;

	background-position:center center;

	background-size:auto 100%;

	background-repeat:no-repeat;

	vertical-align:middle;

	font-size:16px;

}

.cuadro3{

	width:33%;

	height:400px;

	padding-top:0;

	display:table-cell;

	background-position:center center;

	background-size:auto 100%;

	background-repeat:no-repeat;

	vertical-align:middle;

	font-size:16px;

}

.cuadro1 span, .cuadro2 span, .cuadro3 span{

	width:80%;

	display:inline-block;

}

.barRedes{

	width:auto;

	height:auto;

	position:fixed;

	top:30%;

	left:10px;

	display:inline-block;

}

.barRedes img{

	width:40px;

	margin:5px;

	display:block;

	cursor:pointer;

}



.barRede{

	width:auto;

	height:auto;

	position:fixed;

	top:30%;

	right:10px;

	display:inline-block;

}

.barRede img{

	width:40px;

	margin:5px;

	display:block;

	cursor:pointer;

}



#redesMovil{

	width:100%;

	display:none;

}

#redesPC{

	width:100%;

	display:inline-block;

}

.textVertical{

	writing-mode: vertical-lr;

    transform: rotate(180deg);

	display:inline-block;

	font-family: 'Work Sans', sans-serif;

	font-size:54px;

	color:#CCC;

	margin-left:-15px;

	margin-top:20px;

}

.barBlue{

	width:100%;

	height:auto;

	margin-top:50px;

	padding-bottom:0px;

	display:inline-block;

	background-color:rgba(14,30,60,1);

	color:#FFF;

	margin-top:80px;

	font-family: 'Work Sans', sans-serif;

	text-align:center;

}

#brand .sombra{

	width:180%;

	height:auto;

	position:absolute;

	bottom:0;

	margin-bottom:-4px;

	margin-left:-50%;

}

#brand .sombra img{

	width:80%;

}

.barBlue .columnaX3{

	width:257px;

	padding:10px;

	margin:4px;

	height:400px;

	padding-top:100px;

	margin-top:-40px;

}

.barBlue .columna60{

	width:80%;

	max-width:1000px;

	margin:0px;

}

.barBlue .columnaX3 .triangle{

	width:0px;

	height:0px;

	border-bottom:solid 40px #CCCCCC;

	border-left:solid 14px transparent;

	display:inline-block;

	position:absolute;

	margin-top:-100px;

	margin-left:-46px;

	z-index:10;

}

.barBlue .columna40{

	width:18%;

	margin:0px;

	padding-top:50px;

	text-align:right;

	font-size:14px;

}

.barBlue .columna40 > .columnaPP > a > img{

	width:20%;

	max-width:50px;

	display:inline-block;

}

#brand{

	width:35%;

	max-width:400px;

	height:auto;

	padding:40px;

	padding-top:20px;

	padding-bottom:20px;

	display:inline-block;

	position:absolute;

	top:0px;

	margin-left:0px;

	background-image:url(../images/fondoCubosRed.jpg);

	background-repeat:repeat;

	background-size:400px auto;

	color:#FFF;

	text-align:center;

	font-family: 'Work Sans', sans-serif;

}

.barBrand{

	width:100%;

	height:auto;

	padding-top:0px;

	display:inline-block;

	text-align:center;

}

.barWhite{

	width:100%;

	height:auto;

	padding-bottom:50px;

	padding-top:50px;

	display:inline-block;

	text-align:center;

	background-attachment:fixed;

	background-repeat:no-repeat;

	background-size:100% auto;

	background-position:center center;

	background-color:#FFF;

}

.barLogoFondo{

	background-image:none;

	background-size:100% auto;

	background-repeat:repeat;

	background-attachment:fixed;

	padding-top:0px;

	padding-bottom:0px;

}

.barLogoFondo img{

	width:40%;

	max-width:400px;

}

#brand span{

	width:75%;

	height:auto;

	display:inline-block;

	text-align:left;

	font-size:16px;

}

#barLanguage{

	width:auto;

	height:auto;

	float:right;

	margin-right:100px;

	display:inline-block;

}

.barMenu{

	width:100%;

	height:auto;

	display:inline-block;

	text-align:center;

	margin-top:4px;

	background-color:rgba(14,30,60,1);

	position:inherit;

}

.barMenu a .itemMenu{

	width:auto;

	height:30px;

	padding-left:20px;

	padding-right:20px;

	padding-top:15px;

	padding-bottom:5px;

	font-family: 'Work Sans', sans-serif;

	font-size:18px;

	display:inline-block;

	border:solid 1px rgba(14,30,60,1);

	transition:background-color 1s, border 2s, color 1s;

	color:#FFF;

}

.itemSelected .triangle{

	width:0px;

	height:0px;

	border-top:solid 20px #FFF;

	border-right:solid 20px transparent;

	display:inline-block;

	position:absolute;

	margin-top:-15px;

	margin-left:-20px;

	float:none;

}

#subMenu{

	width:auto;

	min-width:220px;

	height:auto;

	display:block;

	position:absolute;

	margin-top:50px;

	margin-left:0px;

	display:none;

	background-color:rgba(14,30,60,1);

	z-index:150;

	text-align:left;

	border-bottom-left-radius:5px;

	border-bottom-right-radius:5px;

	border:solid 1px #FFF;

	-webkit-box-shadow:none;

	-moz-box-shadow:none;

	box-shadow:none;

}

#subMenu div[data-submenu]{

	display:none;

}

#subMenu:hover{

	display:inline-block;

}

#subMenu a{

	width:100%;

	height:auto;

	display:block;

	font-size:14px;

	color:#FFF;

}

.itemSubMenu{

	width:calc(100% - 20px);

	height:30px;

	padding-top:15px;

	padding-bottom:5px;

	padding-left:10px;

	padding-right:10px;

	font-family: 'Work Sans', sans-serif;

	font-size:18px;

	display:inline-block;

	transition:background-color 1s, border 2s, color 1s;

	color:#FFF;

}

.right{

	text-align:right;

	margin-top:none;

}

.columnaX3 span span{

	font-size:9px;

}

.columnaX3 span{

	font-size:12px;

}

.barBlue .columnaX3 img{

	width:40%;	

}

.margin-right{

	margin-right:-170px;

}

.barBanner{

	width:100%;

	height:auto;

	display:inline-block;

}

.backgroundBW{

	width:100%;

	height:500px;

	display:block;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:100% auto;

	/*-webkit-filter: grayscale(1);

  	filter: grayscale(1);

	opacity:0.2;*/

	z-index:100;

}

.backgroundColor{

	width:40%;

	height:500px;

	display:inline-block;

	background-position-x:0px;

	background-position-y:center;

	background-repeat:no-repeat;

	background-size:250% auto;

	position:absolute;

	left:0px;

	margin-top:-500px;

	/*-webkit-filter:blur(3px);

  	filter:blur(3px);*/

	opacity:0;

	z-index:120;

	transition:background-position-x 1s cubic-bezier(0, 0, 0.1, 1), margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-webkit-transition:background-position-x 1s cubic-bezier(0, 0, 0.1, 1), margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-moz-transition:background-position-x 1s cubic-bezier(0, 0, 0.1, 1), margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-o-transition:background-position-x 1s cubic-bezier(0, 0, 0.1, 1), margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	text-align:center;

}

.imgBanner{

	width:auto;

	height:500px;

	vertical-align:bottom;

	display:inline-block;

	position:absolute;

	left:0px;

	margin-top:-500px;

	z-index:130;

	opacity:0;

	transition:opacity 1s;

	-webkit-transition:opacity 1s;

	-moz-transition:opacity 1s;

	-o-transition:opacity 1s;

}

.tablaBanner{

	width:100%;

	height:500px;

	display:inline-table;

	position:absolute;

	left:0px;

	margin-top:-500px;

	z-index:110;

	text-align:center;

}

.textBanner{

	width:auto;

	height:auto;

	display:inline-block;

	font-family: 'Work Sans', sans-serif;

	color:#333;

	font-size:44px;

	margin-left:40%;

	opacity:0;

	transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-webkit-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-moz-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-o-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

}

.imgParrafo{

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-position: center center;

	padding: 50px;

	padding-left: 50px;

	padding-right: 50px;

}

.columna{

	width:45%;

	max-width:600px;

	height:auto;

	margin-top:20px;

	margin-bottom:auto;

	margin:15px;

	font-size:16px;

	text-align:justify;

	display:inline-block;

	vertical-align:top;

}

.columna img{

	width:100%;

	height:auto;

	display:inline-block;

}

.columnaTotal{

	width:49.5%;

	height:400px;

	display:inline-block;

	vertical-align:top;

	float:left;

	background-size:100% auto;

	background-repeat:no-repeat;

	background-position:center center;

	text-align:left;

}

.titulo{

	font-family: 'Work Sans', sans-serif;

	color:rgba(156,32,52,1);

	font-size:40px;

}

.columnaTotal .titulo{

	padding-top:50px;

	margin-left:10%;

}

.columnaTotal .parrafo{

	max-width:450px;

	margin-left:10%;

	padding-bottom:50px;

}

.columnaTotal img{

	max-width:500px;

}

.microTextBanner{

	width:50%;

	max-width:300px;

	height:80%;

	padding:20px;

	margin-top:-60px;

	background-color:rgba(14,30,60,1);

	float:right;

	font-size:20px;

	font-family:Calibri;

	color:#FFF;

	text-align:center;

}

.itemMicroTextoBanner{

	width:250px;

	margin-right:50px;

	display:inline-block;

	vertical-align:middle;

	float:left;

}

.maskTextos{

	width:250px;

	height:auto;

	overflow:hidden;

	text-align:right;

	display:inline-block;

}

.textos{

	width:1000px;

	height:auto;

	display:inline-block;

	transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1);

	-webkit-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1);

	-moz-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1);

	-o-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1);

}

.buttonMicroBanner{

	width:20px;

	height:20px;

	padding:20px;

	display:inline-block;

	background-color:rgba(156,32,52,1);

	vertical-align:top;

	background-image:url(../images/flecha.jpg);

	background-size:100% 100%;

	cursor:pointer;

}

.buttonsMicroTextBanner{

	width:auto;

	height:auto;

	display:inline-block;

	float:right;

	margin-top:-40px;

	position:absolute;

}

.buttonsMicroTextBanner .buttonMicroBanner:nth-child(3){

	margin-top:20px;

	-webkit-transform: rotate(180deg);

  	transform: rotate(180deg);

}

.triangleButton{

	width:0px;

	height:opx;

	border-top:solid 20px rgba(82,10,24,1);

	border-left:solid 20px transparent;

	display:inline-block;

	margin-right:-5px;

	vertical-align:bottom;

}

.barFixed{

	width:100%;

	height:auto;

	padding-top:50px;

	padding-bottom:50px;

	background-attachment:fixed;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:100% auto;

}

.squareUniversitys{

	width:auto;

	padding-top:30px;

	padding-bottom:30px;

	background-color:#FFF;

	text-align:center;

	font-size:inherit;

}

.squareBorder{

	background-color:rgba(255,255,255,0.5);

	padding:10px;

	padding-left:0px;

}

.itemUniversity{

	width:90%;

	height:auto;

	margin-top:20px;

	margin-bottom:20px;

	display:block;

	text-align:right;

}

.barFixed > .columnaTotal > .titulo{

	margin-top:0px;

	color:#FFF!important;

	text-align:center!important;

	margin-right:30px!important;

	margin-bottom:0px;

}

.itemUniversity img, .itemUniversity span{

	width:auto;

	height:60px;

	display:inline-block;

	vertical-align:middle;

	margin-left:20px;

	text-align:left;

}

.itemUniversity span{

	width:35%;

}

.itemUniversity img:first-child{

	height:90px;

}

.itemUniversity img:nth-child(3){

	opacity:0.2;

}

.itemUniversity:hover img:nth-child(3){

	opacity:1;

}

#barUniversity{

	transition:background-image 1s;

}

.barLogo{

	width:30%;

	height:50px;

	padding:20px;

	display:inline-block;

	float:right;

	background-color:rgba(0,0,0,0.5);

	margin-top:-50px;

}

.space{

	width:0px;

	height:0px;

}

.barLogo img{

	width:auto;

	height:100%;

}

.columna60{

	width:59%;

	max-width:700px;

	height:auto;

	margin-top:10px;

	margin:10px;

	font-size:16px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

}

.columna40{

	width:29%;

	max-width:500px;

	height:auto;

	margin-top:10px;

	margin:10px;

	font-size:16px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

}

.iframeHeight{

	height:400px;

}

.columnaPP{

	width:100%;

	margin-bottom:50px;

	font-size:14px;

	vertical-align:none;

	text-align:right;

}

.parrafo img{

	max-width:50%;

	float:left;

	margin-right:50px;

}

}



/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */





@media only screen and (min-width: 640px) {



.botonLeft{

	width:25px;

	height:auto;

	position:relative;

	margin-left:10px;

	margin-top: 40px;

	border-top: 50px solid transparent;

    border-right: 30px solid #FFF;

    border-bottom: 50px solid transparent;

	float:left;

	z-index:999;

	cursor:pointer;

}

	.itemPeople{

	width: 30%;

	max-width: 350px;

	display: inline-block;

	margin: 5px;

	margin-top: 5px;

	margin-bottom: 5px;

}

	.spaceTop{

	margin-top: 50px !important;

}

.itemPeople img{

	/*border-radius: 500px;*/

	width: 60%;

	height: auto;

	display: inline-block;

}

.itemPeople .parrafo{

	width: 91%;

	height: auto;

	margin-left: none;

}

	.max1000{

	width: 90%;

		max-width: 1200px;

	height: auto;

	display: inline-block;

}

.botonRight{

	width:25px;

	height:auto;

	position:relative;

	margin-right:10px;

	margin-top: 40px;

	border-top: 50px solid transparent;

    border-left: 30px solid #FFF;

    border-bottom: 50px solid transparent;

	float:right;

	z-index:999;

	cursor:pointer;

}

	

	

	.bpl{

	margin-left:50px;

    border-right: 30px solid #CCC;

}

.bpl_new {
	margin-left:50px;
    border-right: 30px solid #CCC;
	top: 24px;
    left: 467px;
}

.bpl_new_2 {
	margin-left:50px;
    border-right: 30px solid #CCC;
	top: 24px;
    left: 467px;
}

.bpr{

	margin-right:50px;

    border-left: 30px solid #CCC;

}

.bpr_new{

	margin-right:50px;
    border-left: 30px solid #CCC;
	top: -63px;
    right: 520px;
}

.bpr_new_2{

	margin-right:50px;
    border-left: 30px solid #CCC;
	top: -63px;
    right: 520px;
}


.columnaX3{

	width:30%;

	max-width:500px;

	height:auto;

	margin-top:20px;

	margin:10px;

	font-size:16px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

	background-color:#FFF;

	color:#333;

}

	.columnaX4info{

	width:20%;

	max-width:500px;

	height:auto;

		min-height: 200px;

	

	margin:5px;

		padding: 10px;

	font-size:14px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

	background-color:#FFF;

	color:#333;

}

	.columnaX3info{

	width:25%;

	max-width:500px;

	height:auto;

		min-height: 200px;

	margin-top:20px;

	margin:10px;

		padding: 10px;

	font-size:12px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

	background-color:#FFF;

	color:#333;

}

	.itemContador{

		width: 100px;

		height: 100px;

		background-color: #FF5800;

		color: white;

		text-align: center;

		font-size: 20px;

		font-weight: bold;

		display: inline-block;

		padding: 20px;

		margin: 10px;

	}

	.itemContador span{

		font-size: 60px;

	}

.first{

	height:320px;

}

.itemList{

	width:100%;

	height:auto;

	padding-top:10px;

	padding-bottom:10px;

	display:inline-block;

}

.itemList:nth-child(even){

	background-color:#F4F4F4;

}

.iconoList{

	width:10%;

	height:auto;

	display:inline-block;

	vertical-align:middle;

	text-align:center;

}

.textList{

	width:calc(85% - 20px);

	height:auto;

	padding:10px;

	display:inline-block;

	vertical-align:middle;

	font-size:16px;

}

.circle{

	width:0px;

	height:0px;

	border-radius:50px;

	background-color:rgba(14,30,60,1);

	color:#FFF;

	padding-top:3px;

	font-size:20px;

	display:inline-block;

	opacity:0;

	transition:width 1s, height 1s, opacity 1s;

	overflow:hidden;

}

.shadowBox{

	-webkit-box-shadow: 0px 11px 12px -9px rgba(0,0,0,0.75);

	-moz-box-shadow: 0px 11px 12px -9px rgba(0,0,0,0.75);

	box-shadow: 0px 11px 12px -9px rgba(0,0,0,0.75);

}

.franjaWhite{

	height:auto;

	padding-bottom:10px;

	margin-top:-80px;

	display:inline-block;

	position:relative;

	text-align:center;

	background-color:#FFF;

	border-radius:20px;

	z-index:150;

}

.franjaWhite img{

	width:auto;

	height:80px;

	margin:20px;

	margin-bottom:0px;

	display:inline-block;

	vertical-align:middle;

}

.marco{

	border:solid 1px #CCCCCC;

}

.boton{

	width:60%;

	max-width:200px;

	height:30px;

	padding-top:10px;

	padding-bottom:5px;

	margin:10px;

	background-color:rgba(156,32,52,1);

	color:#FFF;

	font-size:20px;

	display:inline-block;

	cursor:pointer;

}

.creditBox{

	width:20%;

	height:auto;

	display:inline-block;

	margin:5px;

	vertical-align:top;

}

.encabezado{

	width:100%;

	height:auto;

	padding-bottom:10px;

	padding-top:10px;

	background-color:rgba(14,30,60,1);

	border:solid 1px rgba(14,30,60,1);

	color:#FFF;

	text-align:center;

	font-size:30px;

}

.grupo{

	width:100%;

	height:150px;

	display:inline-block;

	border:solid 1px #CCCCCC;

	background-color:#FFF;

}

.semestre{

	width:15%;

	height:100%;

	padding-left:20px;

	display:inline-block;

	background-color:#E5E5E5;

	writing-mode: vertical-lr;

    transform: rotate(180deg);

	text-align:center;

	vertical-align:middle;

	float:left;

}

.semestre > .texto{

	display:inline-block;

	font-size:20px;

}

.semestre > span{

	display:inline-block;

	font-size:14px;

	font-weight:bold;

}

.materias{

	width:70%;

	height:100%;

	display:inline-block;

	vertical-align:middle;

}

.itemMateria{

	width:100%;

	height:auto;

	padding-bottom:10px;

	padding-top:10px;

	text-align:left;

	font-size:18px;

}

.itemMateria > .texto{

	float:left;

	vertical-align:top;

}

.itemMateria span{

	float:right;

	vertical-align:top;

}

.line{

	width:80%;

	height:1px;

	background-color:#CCC;

	display:inline-block;

	transition:width 1s;

}

.materias .celda{

	width:100%;

	height:100%;

	text-align:center;

	vertical-align:middle;

}

.grafico{

	display:inline-block;

	margin-top:-50%;

}

.grafico img{

	position:absolute;

	display:inline-block;

	margin-left:-200px;

	margin-top:-280px;

	opacity:0;

	transition:opacity 1s cubic-bezier(0, 0, 0.1, 1);

	float:left;

}

.grafico img:last-child{

	opacity:1;

}

.itemDocente{

	width:calc(100% - 40px);

	height:auto;

	padding:20px;

}



.itemDocente .info{

	width:100%;

	text-align:right;

	font-size:14px;

}

.itemDocente span{

	width:auto;

	margin-left:50px;

	display:inline-block;

}

.itemDocente > .info > span > .circle{

	width:10px;

	height:10px;

	background-color:#C00;

	display:inline-block;

	padding-top:0px;

	margin-right:10px;

}

.itemDocente .line{

	width:0px;

}

.table{

	width:100%;

	height:auto;

	display:inline-table;

	background-color:#FFF;

}

.table td{

	padding:15px;

}

.table tr td:first-child{

	text-align:left;

}

.table tr:first-child{

	background-color:rgba(14,30,60,1);

	color:#FFF;

	font-size:16px;

	font-weight:bold;

}

.table tr:nth-child(even){

	background-color:#F8F8F8;

}

.columnaX3 .line{

	width:90%;

}

.columnaX3 .itemMateria{

	width:calc(100% - 20px);

	padding-left:20px;

	padding-top:15px;

}

.columnaX3 .itemMateria:hover{

	background-color:#F5F5F5;

}

.buttons{

	width:auto;

	height:30px;

	display:none;

	float:right;

}

#redesMovil{

	width:100%;

	display:none;

}

#redesPC{

	width:100%;

	display:inline-block;

}

#brand{

	width:35%;

	max-width:400px;

	height:auto;

	padding:40px;

	padding-top:20px;

	padding-bottom:20px;

	display:inline-block;

	position:absolute;

	top:0px;

	margin-left:0px;

	background-image:url(../images/fondoCubosRed.jpg);

	background-repeat:repeat;

	background-size:400px auto;

	color:#FFF;

	text-align:center;

	font-family: 'Work Sans', sans-serif;

}

.barBrand{

	width:100%;

	height:auto;

	padding-top:0px;

	display:inline-block;

	text-align:center;

}

.barWhite{

	width:100%;

	height:auto;

	padding-bottom:50px;

	padding-top:50px;

	display:inline-block;

	text-align:center;

	background-attachment:fixed;

	background-repeat:no-repeat;

	background-size:100% auto;

	background-position:center center;

	background-color:#FFF;

}

#brand span{

	width:75%;

	height:auto;

	display:inline-block;

	text-align:left;

	font-size:16px;

}

#barLanguage{

	width:auto;

	height:auto;

	float:right;

	margin-right:100px;

	display:inline-block;

}

.barMenu{

	width:100%;

	height:auto;

	display:inline-block;

	text-align:center;

	margin-top:4px;

	background-color:rgba(14,30,60,1);

	position:inherit;

}

.barMenu a .itemMenu{

	width:auto;

	height:30px;

	padding-left:20px;

	padding-right:20px;

	padding-top:15px;

	padding-bottom:5px;

	font-family: 'Work Sans', sans-serif;

	font-size:18px;

	display:inline-block;

	border:solid 1px rgba(14,30,60,1);

	transition:background-color 1s, border 2s, color 1s;

	color:#FFF;

}

.itemSelected .triangle{

	width:0px;

	height:0px;

	border-top:solid 20px #FFF;

	border-right:solid 20px transparent;

	display:inline-block;

	position:absolute;

	margin-top:-15px;

	margin-left:-20px;

	float:none;

}

#subMenu{

	width:auto;

	min-width:220px;

	height:auto;

	display:block;

	position:absolute;

	margin-top:50px;

	margin-left:0px;

	display:none;

	background-color:rgba(14,30,60,1);

	z-index:150;

	text-align:left;

	border-bottom-left-radius:5px;

	border-bottom-right-radius:5px;

	border:solid 1px #FFF;

	-webkit-box-shadow:none;

	-moz-box-shadow:none;

	box-shadow:none;

}

#subMenu div[data-submenu]{

	display:none;

}

#subMenu:hover{

	display:inline-block;

}

#subMenu a{

	width:100%;

	height:auto;

	display:block;

	font-size:14px;

	color:#FFF;

}

.itemSubMenu{

	width:calc(100% - 20px);

	height:30px;

	padding-top:15px;

	padding-bottom:5px;

	padding-left:10px;

	padding-right:10px;

	font-family: 'Work Sans', sans-serif;

	font-size:18px;

	display:inline-block;

	transition:background-color 1s, border 2s, color 1s;

	color:#FFF;

}

	.imgParrafo{

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-position: center center;

	padding: 50px;

	padding-left: 50px;

	padding-right: 50px;

}

.columna{

	width:45%;

	max-width:600px;

	height:auto;

	margin-top:20px;

	margin-bottom:auto;

	margin:15px;

	font-size:16px;

	text-align:justify;

	display:inline-block;

	vertical-align:top;

}

.columna img{

	width:100%;

	height:auto;

	display:inline-block;

}

.right{

	text-align:right;

	margin-top:none;

}

.columnaX3 span span{

	font-size:9px;

}

.columnaX3 span{

	font-size:12px;

}

.barBlue .columnaX3 img{

	width:40%;	

}

.margin-right{

	margin-right:-170px;

}

.parrafo{

	width:80%;

	max-width:850px;

	height:auto;

	margin:20px;

	font-size:18px;

	text-align:justify;

	display:inline-block;

}

.parrafo span.little{

	font-size:16px;

}

.barBanner{

	width:100%;

	height:auto;

	display:inline-block;

}

.backgroundBW{

	width:100%;

	height:500px;

	display:block;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:100% auto;

	/*-webkit-filter: grayscale(1);

  	filter: grayscale(1);

	opacity:0.2;*/

	z-index:100;

}

.backgroundColor{

	width:40%;

	height:500px;

	display:inline-block;

	background-position-x:0px;

	background-position-y:center;

	background-repeat:no-repeat;

	background-size:250% auto;

	position:absolute;

	left:0px;

	margin-top:-500px;

	/*-webkit-filter:blur(3px);

  	filter:blur(3px);*/

	opacity:0;

	z-index:120;

	transition:background-position-x 1s cubic-bezier(0, 0, 0.1, 1), margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-webkit-transition:background-position-x 1s cubic-bezier(0, 0, 0.1, 1), margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-moz-transition:background-position-x 1s cubic-bezier(0, 0, 0.1, 1), margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-o-transition:background-position-x 1s cubic-bezier(0, 0, 0.1, 1), margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	text-align:center;

}

.imgBanner{

	width:auto;

	height:500px;

	vertical-align:bottom;

	display:inline-block;

	position:absolute;

	left:0px;

	margin-top:-500px;

	z-index:130;

	opacity:0;

	transition:opacity 1s;

	-webkit-transition:opacity 1s;

	-moz-transition:opacity 1s;

	-o-transition:opacity 1s;

}

.tablaBanner{

	width:100%;

	height:500px;

	display:inline-table;

	position:absolute;

	left:0px;

	margin-top:-500px;

	z-index:110;

	text-align:center;

}

.textBanner{

	width:auto;

	height:auto;

	display:inline-block;

	font-family: 'Work Sans', sans-serif;

	color:#333;

	font-size:44px;

	margin-left:40%;

	opacity:0;

	transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-webkit-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-moz-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

	-o-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1), opacity 1s;

}

.columnaTotal{

	width:49.5%;

	height:400px;

	display:inline-block;

	vertical-align:top;

	float:left;

	background-size:100% auto;

	background-repeat:no-repeat;

	background-position:center center;

	text-align:left;

}

.titulo{

	font-family: 'Work Sans', sans-serif;

	color:rgba(156,32,52,1);

	font-size:40px;

}

.columnaTotal .titulo{

	padding-top:50px;

	margin-left:10%;

}

.columnaTotal .parrafo{

	max-width:450px;

	margin-left:10%;

	padding-bottom:50px;

}

.columnaTotal img{

	max-width:500px;

}

.microTextBanner{

	width:50%;

	max-width:300px;

	height:80%;

	padding:20px;

	margin-top:-60px;

	background-color:rgba(14,30,60,1);

	float:right;

	font-size:20px;

	font-family:Calibri;

	color:#FFF;

	text-align:center;

}

.itemMicroTextoBanner{

	width:250px;

	margin-right:50px;

	display:inline-block;

	vertical-align:middle;

	float:left;

}

.maskTextos{

	width:250px;

	height:auto;

	overflow:hidden;

	text-align:right;

	display:inline-block;

}

.textos{

	width:1000px;

	height:auto;

	display:inline-block;

	transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1);

	-webkit-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1);

	-moz-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1);

	-o-transition:margin-left 1s cubic-bezier(0, 0, 0.1, 1);

}

.buttonMicroBanner{

	width:20px;

	height:20px;

	padding:20px;

	display:inline-block;

	background-color:rgba(156,32,52,1);

	vertical-align:top;

	background-image:url(../images/flecha.jpg);

	background-size:100% 100%;

	cursor:pointer;

}

.buttonsMicroTextBanner{

	width:auto;

	height:auto;

	display:inline-block;

	float:right;

	margin-top:-40px;

	position:absolute;

}

.buttonsMicroTextBanner .buttonMicroBanner:nth-child(3){

	margin-top:20px;

	-webkit-transform: rotate(180deg);

  	transform: rotate(180deg);

}

.triangleButton{

	width:0px;

	height:opx;

	border-top:solid 20px rgba(82,10,24,1);

	border-left:solid 20px transparent;

	display:inline-block;

	margin-right:-5px;

	vertical-align:bottom;

}

.barFixed{

	width:100%;

	height:auto;

	padding-top:50px;

	padding-bottom:50px;

	background-attachment:fixed;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:100% auto;

}

.squareUniversitys{

	width:auto;

	padding-top:30px;

	padding-bottom:30px;

	background-color:#FFF;

	text-align:center;

	font-size:inherit;

}

.squareBorder{

	background-color:rgba(255,255,255,0.5);

	padding:10px;

	padding-left:0px;

}

.itemUniversity{

	width:90%;

	height:auto;

	margin-top:20px;

	margin-bottom:20px;

	display:block;

	text-align:right;

}

.barFixed > .columnaTotal > .titulo{

	margin-top:0px;

	color:#FFF!important;

	text-align:center!important;

	margin-right:30px!important;

	margin-bottom:0px;

}

.itemUniversity img, .itemUniversity span{

	width:auto;

	height:60px;

	display:inline-block;

	vertical-align:middle;

	margin-left:20px;

	text-align:left;

}

.itemUniversity span{

	width:35%;

}

.itemUniversity img:first-child{

	height:90px;

}

.itemUniversity img:nth-child(3){

	opacity:0.2;

}

.itemUniversity:hover img:nth-child(3){

	opacity:1;

}

#barUniversity{

	transition:background-image 1s;

}

.barLogo{

	width:30%;

	height:50px;

	padding:20px;

	display:inline-block;

	float:right;

	background-color:rgba(0,0,0,0.5);

	margin-top:-50px;

}

.space{

	width:0px;

	height:0px;

}

.barLogo img{

	width:auto;

	height:100%;

}

.columna60{

	width:59%;

	max-width:700px;

	height:auto;

	margin-top:10px;

	margin:10px;

	font-size:16px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

}

.columna40{

	width:29%;

	max-width:500px;

	height:auto;

	margin-top:10px;

	margin:10px;

	font-size:16px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

}

.iframeHeight{

	height:400px;

}

.barBlue{

	width:100%;

	height:auto;

	margin-top:50px;

	padding-bottom:0px;

	display:inline-block;

	background-color:rgba(14,30,60,1);

	color:#FFF;

	margin-top:80px;

	font-family: 'Work Sans', sans-serif;

	text-align:center;

}

#brand .sombra{

	width:180%;

	height:auto;

	position:absolute;

	bottom:0;

	margin-bottom:-4px;

	margin-left:-50%;

}

#brand .sombra img{

	width:80%;

}

.barBlue .columnaX3{

	width:257px;

	padding:10px;

	margin:4px;

	height:350px;

	padding-top:50px;

	margin-top:-40px;

}

.barBlue .columna60{

	width:80%;

	max-width:1000px;

	margin:0px;

}

.barBlue .columnaX3 .triangle{

	width:0px;

	height:0px;

	border-bottom:solid 40px #CCCCCC;

	border-left:solid 14px transparent;

	display:inline-block;

	position:absolute;

	margin-top:-50px;

	margin-left:-46px;

	z-index:10;

}

.barBlue .columna40{

	width:18%;

	margin:0px;

	padding-top:50px;

	text-align:right;

	font-size:14px;

}

.barBlue .columna40 > .columnaPP > a > img{

	width:10%;

	max-width:50px;

	display:inline-block;

}

.columnaPP{

	width:100%;

	margin-bottom:20px;

	font-size:14px;

	vertical-align:none;

	text-align:right;

}

.barBlue .columna40 > .columnaPP:last-child{

	font-size:10px;

}

.barBlue .columna40 > .columnaPP:last-child img{

	width:30%;

}

.textVertical{

	writing-mode: vertical-lr;

    transform: rotate(180deg);

	display:inline-block;

	font-family: 'Work Sans', sans-serif;

	font-size:54px;

	color:#CCC;

	margin-left:-15px;

	margin-top:20px;

}

.barRedes{

	width:auto;

	height:auto;

	position:fixed;

	top:30%;

	left:10px;

	display:inline-block;

}

.barRedes img{

	width:40px;

	margin:5px;

	display:block;

	cursor:pointer;

}



.barRede{

	width:auto;

	height:auto;

	position:fixed;

	top:30%;

	right:10px;

	display:inline-block;

}

.barRede img{

	width:40px;

	margin:5px;

	display:block;

	cursor:pointer;

}



.cuadro1{

	width:33%;

	height:400px;

	padding-top:0;

	display:table-cell;

	background-position:center center;

	background-size:auto 100%;

	background-repeat:no-repeat;

	vertical-align:middle;

	font-size:16px;

}

.cuadro2{

	width:33%;

	height:400px;

	padding-top:0;

	display:table-cell;

	background-position:center center;

	background-size:auto 100%;

	background-repeat:no-repeat;

	vertical-align:middle;

	font-size:16px;

}

.cuadro3{

	width:33%;

	height:400px;

	padding-top:0;

	display:table-cell;

	background-position:center center;

	background-size:auto 100%;

	background-repeat:no-repeat;

	vertical-align:middle;

	font-size:16px;

}

.cuadro1 span, .cuadro2 span, .cuadro3 span{

	width:80%;

	display:inline-block;

}

.first{

	height:320px;

}

.itemList{

	width:100%;

	height:auto;

	padding-top:10px;

	padding-bottom:10px;

	display:inline-block;

}

.itemList:nth-child(even){

	background-color:#F4F4F4;

}

.iconoList{

	width:10%;

	height:auto;

	display:inline-block;

	vertical-align:middle;

	text-align:center;

}

.textList{

	width:calc(85% - 20px);

	height:auto;

	padding:10px;

	display:inline-block;

	vertical-align:middle;

	font-size:16px;

}

.circle{

	width:0px;

	height:0px;

	border-radius:50px;

	background-color:rgba(14,30,60,1);

	color:#FFF;

	padding-top:3px;

	font-size:20px;

	display:inline-block;

	opacity:0;

	transition:width 1s, height 1s, opacity 1s;

	overflow:hidden;

}

.shadowBox{

	-webkit-box-shadow: 0px 11px 12px -9px rgba(0,0,0,0.75);

	-moz-box-shadow: 0px 11px 12px -9px rgba(0,0,0,0.75);

	box-shadow: 0px 11px 12px -9px rgba(0,0,0,0.75);

}

.franjaWhite{

	height:auto;

	padding-bottom:10px;

	margin-top:-80px;

	display:inline-block;

	position:relative;

	text-align:center;

	background-color:#FFF;

	border-radius:20px;

	z-index:150;

}

.franjaWhite img{

	width:auto;

	height:80px;

	margin:20px;

	margin-bottom:0px;

	display:inline-block;

	vertical-align:middle;

}

.marco{

	border:solid 1px #CCCCCC;

}

.boton{

	width:60%;

	max-width:200px;

	height:30px;

	padding-top:10px;

	padding-bottom:5px;

	margin:10px;

	background-color:rgba(156,32,52,1);

	color:#FFF;

	font-size:20px;

	display:inline-block;

	cursor:pointer;

}

.creditBox{

	width:20%;

	height:auto;

	display:inline-block;

	margin:5px;

	vertical-align:top;

}

.encabezado{

	width:100%;

	height:auto;

	padding-bottom:10px;

	padding-top:10px;

	background-color:rgba(14,30,60,1);

	border:solid 1px rgba(14,30,60,1);

	color:#FFF;

	text-align:center;

	font-size:30px;

}

.grupo{

	width:100%;

	height:150px;

	display:inline-block;

	border:solid 1px #CCCCCC;

	background-color:#FFF;

}

.semestre{

	width:15%;

	height:100%;

	padding-left:20px;

	display:inline-block;

	background-color:#E5E5E5;

	writing-mode: vertical-lr;

    transform: rotate(180deg);

	text-align:center;

	vertical-align:middle;

	float:left;

}

.semestre > .texto{

	display:inline-block;

	font-size:20px;

}

.semestre > span{

	display:inline-block;

	font-size:14px;

	font-weight:bold;

}

.materias{

	width:70%;

	height:100%;

	display:inline-block;

	vertical-align:middle;

}

.itemMateria{

	width:100%;

	height:auto;

	padding-bottom:10px;

	padding-top:10px;

	text-align:left;

	font-size:18px;

}

.itemMateria > .texto{

	float:left;

	vertical-align:top;

	width:100%;

}

.itemMateria span{

	float:right;

	vertical-align:top;

}

.line{

	width:80%;

	height:1px;

	background-color:#CCC;

	display:inline-block;

	transition:width 1s;

}

.materias .celda{

	width:100%;

	height:100%;

	text-align:center;

	vertical-align:middle;

}

.grafico{

	display:inline-block;

	margin-top:-50%;

}

.grafico img{

	position:absolute;

	display:inline-block;

	margin-left:-200px;

	margin-top:-280px;

	opacity:0;

	transition:opacity 1s cubic-bezier(0, 0, 0.1, 1);

	float:left;

}

.grafico img:last-child{

	opacity:1;

}

.itemDocente{

	width:calc(100% - 40px);

	height:auto;

	padding:20px;

}

.itemDocente .info{

	width:100%;

	text-align:right;

	font-size:14px;

}

.itemDocente span{

	width:auto;

	margin-left:50px;

	display:inline-block;

}

.itemDocente > .info > span > .circle{

	width:10px;

	height:10px;

	background-color:#C00;

	display:inline-block;

	padding-top:0px;

	margin-right:10px;

}

.itemDocente .line{

	width:0px;

}

.table{

	width:100%;

	height:auto;

	display:inline-table;

	background-color:#FFF;

}

.table td{

	padding:15px;

}

.table tr td:first-child{

	text-align:left;

}

.table tr:first-child{

	background-color:rgba(14,30,60,1);

	color:#FFF;

	font-size:16px;

	font-weight:bold;

}

.table tr:nth-child(even){

	background-color:#F8F8F8;

}

.columnaX3 .parrafo .line{

	width:90%;

}

.columnaX3 .itemMateria{

	width:calc(100% - 20px);

	padding-left:20px;

	padding-top:15px;

}

.columnaX3 .itemMateria:hover{

	background-color:#F5F5F5;

}

.buttons{

	width:auto;

	height:30px;

	display:none;

	float:right;

}

.columnaX3{

	width:33%;

	max-width:500px;

	height:auto;

	margin-top:20px;

	margin:10px;

	font-size:16px;

	text-align:center;

	display:inline-block;

	vertical-align:top;

	background-color:#FFF;

	color:#333;

}

.itemNoticia{

	width:30%;

	height:auto;

	min-height:600px;

	display:inline-block;

	vertical-align:top;

	margin:5px;

	background-color:#FFF;

	border:solid 1px #CCCCCC;

}

.itemNoticiaProyectos{

	width:48%;

	height:100px;

	min-height:600px;

	display:inline-block;

	vertical-align:top;

	margin:5px;

	background-color:#FFF;

	border:solid 1px #CCCCCC;

}

.itemSubMenuInterno{

	width:20%;

	height:auto;

	display:inline-block;

	vertical-align:top;

	margin:5px;

	background-color:#FFF;

	border:solid 1px #CCCCCC;

}

.itemSubMenuInterno .imgNoticia{

	width:100%;

	height:150px;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:100% auto;

}

.itemSubMenuInterno .titulo{

	color:#333;

	font-size:20px;

	margin-bottom:30px;

	margin-top:10px;

}

.itemNoticia .imgNoticia{

	width:100%;

	height:300px;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:100% auto;

}

.itemNoticia > .parrafo > .titulo > span{

	width:100%;

	display:block;

	font-size:14px;

	font-style:italic;

}

.itemNoticia > .parrafo{

	height:300px;

}

.height500{

	height:auto;

	min-height:500px;

}

.parrafo img{

	max-width:70%;

	float:left;

	margin-right:50px;

}

/* Ocultar el submenú por defecto */
.itemSubMenuGroup {
    display: none;
    top: 0;
    left: 100%; /* Posicionar a la derecha */
    z-index: 1000; /* Hacer que aparezca frente a otros elementos */
    width: 200px;
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* Mostrar el submenú cuando se haga hover sobre "Repositorio de eventos" */
.itemSubMenu:hover .itemSubMenuGroup {
    display: block;
}

/* Opcional: Estilos para los enlaces del submenú */
.itemSubMenuGroup a {
    display: block;
    padding: 10px;
    color: #333;
    text-decoration: none;
    background-color: rgba(14,30,60,1);
    border: 1px solid #ddd;
    transition: background-color 0.3s ease;
}

/* Estilo cuando se hace hover sobre los enlaces del submenú */
.itemSubMenuGroup a:hover {
    background-color: #f0f0f0;
}







}