(max-width: 1305px) and (min-width: 1180px)/* used by the Starter Publishing master page for fixed width display */
/*
@import url(https://fonts.googleapis.com/css?family=Helvetica:400,400bold,600,600bold,700bold,800bold);
@import url(https://fonts.googleapis.com/css?family=Helvetica:400,400italic,600,600italic,700italic,800italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700);
*/
@font-face {
      font-family:Helvetica;
      src:url(/Mora2020/Herramientas/Helvetica/Helvetica.ttf);
   }
@font-face {
      font-family:Helvetica-Light;
      src:url(/Mora2020/Herramientas/Helvetica/Helvetica-Light.ttf);
   }
@font-face {
      font-family:Helvetica-Olique;
      src:url(/Mora2020/Herramientas/Helvetica/Helvetica-BoldOblique.ttf);
   }
@font-face {
      font-family:Helvetica-Bold;
      src:url(/Mora2020/Herramientas/Helvetica/Helvetica-Bold-Font.ttf);
   }
@font-face {
      font-family:Helvetica-ReOblique;
      src:url(/Mora2020/Herramientas/Helvetica/Helvetica_Oblique.ttf);
   }

@font-face {
      font-family:frizquadratastd;
      src:url(/Mora2020/Herramientas/Helvetica/frizquadratastd.otf);
   }

@font-face {
      font-family:FrizQuadrata_Medium;
      src:url(/Mora2020/Herramientas/Helvetica/FrizQuadrata_Medium.otf);
   }


body {
    font-weight: 500 !important;
    line-height: normal !important;
    font-size: 15px !important;
    font-family:  "Helvetica", Helvetica !important;
    padding-top:60px !important; 
  }
 .real-breadcrumb  {
 color:#b58523 !important;
padding-left: 10% !important;
padding-top:1% !important;
}
 .real-breadcrumb a
 {
 color:#666666 !important;
 font-size:15pt !important;
}
.encatit
{
	height: 200px;
	background-image: url("https://www.institutomora.edu.mx/Mora2020/Herramientas/Img/textura1.png");

}
#DeltaPageStatusBar
{
	display:none;
}
.customWidth {
	width: 100%;
	margin: auto;
}
div .ms-wikicontent.ms-rtestate-field
{
	padding-right: 0px !important;
}
#s4-bodyContainer {
    padding-bottom: 0px;
}
#contentBox
{
margin-right: 0px !important;	
}
a {
    text-decoration: none !important;
}
.con1
{
	width:90%;
	padding-left: 10%;
	 line-height: 28px !important;

	 
	 }

.Fondo
{

background-image: url("https://www.institutomora.edu.mx/Mora2020/Herramientas/Img/textura1.png");
margin-top: -50px;
}
/* used to reset the ootb styles on the title row tag in the Starter Collab master page; used for the fullscreen button in SP */
#s4-titlerow {
	background-color: transparent;
    margin: 0;
    padding: 0;
    height: auto;
}
.TituloMora
{
	  font-family:frizquadratastd;
	  font-size: 25pt;
	  color: #545454; !important;
}

.tablatitulo
{
vertical-align: middle;
width:80%;
}
.iconoMora
{
	    width: 100px;
}
.iconoConacyt
{
	 width: 100px;
}


.Subtitulo {
    font-family: frizquadratastd;
    font-size: 25pt;
}
.Subtitulo2 {
    font-family: frizquadratastd;
    font-size: 18pt;
}

.encabezado
{	

background-image: url("/Mora2020/Herramientas/Img/mora.jpg");
	background-color: #ffff;
height: 354px;
background-repeat: no-repeat;
background-size: 100%;
background-position-y: 74%;
}
.encabezado1
{	

background-image: url("/Mora2020/Herramientas/Img/encabezadoInstituto.png");
	background-color: #ffff;
height: 354px;
background-repeat: no-repeat;
background-size: 100%;
/*background-position-y: 74%;*/
}

/*-----------------------------------------------boton de buscador de google ------------------------*/
     input::placeholder
     {
        /* WebKit browsers */
         color: transparent;
    }

.gsc-control-cse
{
	border-color: #F8F8F803 !important;
    background-color: #F8F8F814 !important;
    padding:5px !important;
}
form.gsc-search-box {

    font-size: 5px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0;
    width: 91%;
    background-color: white;

}
#buscador
{
	margin-left: 83.9% !important;
	}
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus
{
	border-color: #b58423 !important;
	background-color: #b58423 !important;
}
.cse .gsc-search-button-v2, .gsc-search-button-v2
{
	padding: 5px 7px !important;
}
.es
{
float: left;
margin-left: 81%;
font-size: 20px;
margin-top: 8px;
color:#fcf7e8 !important
}
/*-----------------------------------------redes-------------------*/
.redes
{
z-index: 100;
width: 9%;
margin-left: 84%;
}
.img-redes
{
	width:20%;
}
nav
{
	display: block;
	text-align:center;
}
ol, ul 
{
	margin-bottom: 0px !important;
}
/*----------------------------------------------Menu1 Inicio Instituto-----------------------*/
.menu{
	display:block;
background:#333;
margin-top:0px;
height: 49px;
}
.m2 
{
	display:none !important;
}
.menu li{
display: inline-block;
position: relative;
z-index:100;
}
.menu li:first-child{
margin-left:0;
}
.menu li a {
border-bottom: 2px solid;
border-color:#333;
text-decoration:none;
/*padding:19px;*/
padding: 10px 19px 10px 19px;
display:block;
color: #ffffff !important;
font-family: 'Helvetica-Light';
font-weight: 300 !important;
font-size: 20px;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.menu li a:hover, .menu li:hover > a{
border-color: #AA2000;
color: #AA2000 !important;
background:#ffffff;
border-bottom: 2px solid;
}
/*----------------------------------------menu 2 Alumnos Egresados-------------------------------------*/
.menu2{
display:block;
background:#aa2000;
/*margin-top: -13px;*/
margin-bottom: 0px;

}
.menu2 li{
display: inline-block;
position: relative;
z-index:100;
font-family: 'Helvetica-Light';

}
.menu2 li:first-child{
margin-left:0;
}
.menu2 li a {
border-bottom: 2px solid;
border-color:#aa2000;
text-decoration:none;
/*padding:19px;*/
padding: 10px 70px;
display:block;
color: #fff !important;
font-weight: 300 !important;
font-size: 20px;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.menu2 li a:hover, .menu li:hover > a{
border-color: #aa2000;
color: #AA2000 !important;
background:#ffffff;
border-bottom: 2px solid;
}
.mobile-menu
{
	display:none;
	width:100%;
	padding:20px;
	background:#FFF;
	color: #AA2000;
	text-transform:uppercase;
	font-weight:600;
	width: 70px;
	font-size: 20pt;
}
.mobile-menu:hover
{
	background:#FFF;
	color: #AA2000;
	text-decoration:none;
}
/*----------------------------------------menu app-------------------------------------*/
.menuapp{
    display: block;
    background: #333;
    margin-left: 85%;
   margin-top: -45px;
    width: 9%;
    padding: 0px;
    text-align: center;
}
.menuapp li{
display: inline-block;
position: relative;
z-index:100;
padding-left: 0%;
font-family: 'Helvetica-Light';


}
.menuapp li:first-child{
margin-left:0;
}
.menuapp li a {
border-bottom: 2px solid;
border-color:#333;
text-decoration:none;
padding:10px;
display:block;
color: #ffffff !important;
/*font-family: 'Roboto', sans-serif;*/
font-weight: 300 !important;
font-size: 17px;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.menuapp li a:hover, .menuapp li:hover > a{
color: #FFF !important;
padding-left: 0%;
padding:10px;
font-weight: 300 !important;
  font-size: 17px; 
}
.menuapp ul {
   display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 38px;
    left: 0px;
    background: #ffffff;
    color: #999 !important;
    text-align: inherit;
    }
    .menuapp ul li 
{
	display:block;
	float: none;
	background:none;
	margin:0;
	padding:0;
	padding-left: 0% !important;
}
.menuapp ul li a 
{
	font-size:12px;
	font-weight:normal;
	display:block;
	color: #FFF !important;
	background:#333;
	padding: 10px;
}
.menuapp ul li a:hover, .menu ul li:hover > a
{
	background:#f0f0f0;
	border-bottom:none;
	color: #999 !important;
	padding: 10px;
	font-size:12px;
}
.menuapp li:hover > ul
{ 
	display: block;
}
.menuapp ul ul 
{
	
	top: 0px;
}

/*-------------------------------------------Calendario----------------------------------------*/
.eventos1
{
	 border:0;
	 width:80%;
}
.tiyou{
	font-size: 15pt;
	font-weight: 500;
	color:black;
	font-family:Helvetica-Light;
}
.titeve{
	width: 80%;
font-weight: 500;
	color:#b58523 !important;
	text-align: initial;
	font-size:25pt;
	text-transform: capitalize;
	font-family:Helvetica-Light;
}
.imgeve{
	width:30px;
}
.calendario {
    width: 85px;
    height: 88px;
    float: left;
    margin: 8px;
    line-height: 23px;
    font-size: 19px;
    text-align: center;
    color: #313131;
    background-image: url('https://www.institutomora.edu.mx/Mora2020/Herramientas/Img/calen.png');
    background-repeat: no-repeat;
background-position: center;
text-transform: uppercase;
}
.fecha
{
	text-transform: capitalize;
	color:#bf360c;
	font-size: 17px !important;
	font-family:Helvetica-Light;
}
.titulo1
{
	font-size: 18px !important;
	font-family:Helvetica-Olique;
}
.mas
{
	color:#b58523 !important;
	font-size: 13pt !important;
	font-family:Helvetica-Light;
}

.mas a,.mas a:hover,.mas a:active,.mas a:focus 
{
	color:#b58523 !important;
	font-size: 13pt !important;
	font-family:Helvetica-Light;
}
.hora
{
font-size: 13pt !important;
font-family:Helvetica-Light;
}
.todos
{
		text-align: end;
		width:90%;
		font-family:Helvetica-Light;
		}
.todos a,.todos a:hover,.todos a:active,.todos a:focus 
{
		color:#1b628c  !important;
			font-size: 15px !important;
	
}
/*----------------------------------------------------------Tarjetas acceso directo----------------------------------------*/
/*----------------------------------------------------------------------Gobierno--------------------------------------*/
.pleca-roja {

    border-bottom: 3px solid #a42145;
}
.ms-webpartzone-cel{
margin: auto auto 0px !important;
}
/*----------------------------------------Footer-------------------------------------*/
.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.row1 {
background-image: url('/Convenios/Utilidades/Img/footer.png');
background-color: #7b0000 !important;
}

.footer2 {
    width: 20%;
    margin-top: 36px;
}
.footer1 {
	width: 40%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 100px;
	padding-left: 100px;
	margin-top: 36px;
}
.footer3 {
    width: 40%;
    margin-top: 36px;
   
}
.footer4 {
    width: 100% ;
    margin-top: 36px;
  }

.footer2, .footer4, .footer3
{
 float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
 }
.footer1, .footer2, .footer4, .footer3
{
color:#fcf7e8 !important;
font-size:15px;
line-height: 24px;
}
.footer1 a
{
	color:#fcf7e8 !important;
}
 * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.icon {
    vertical-align: baseline !important;
  width: 12% !important;
font-size: 20px;
color:#fcf7e8;
}
.sfot
{
	padding: 12pt;
}
/*---------------------------------------------------Cartel------------------------------------*/
.tabCar
{
-webkit-box-shadow: 0px 0px 24px -3px rgba(145,140,145,0.75);
-moz-box-shadow: 0px 0px 24px -3px rgba(145,140,145,0.75);
box-shadow: 0px 0px 24px -3px rgba(145,140,145,0.75); 
border-radius: 3px;
 background-image:url('/Mora2020/Herramientas/Img/tarjetasin.png');
 background-repeat: no-repeat;
 background-position-x: right;
background-color: #fbf6e6;
background-size: 100% 100%;
 width:100%;
  cellspacing:0;
}
.tdtex
{
width:45%;
padding:4%;
text-align:justify;
font-size:15px;
}
.tdtex2
{
width:45%;
padding:4%;
padding-top:0%;
text-align:justify;
font-size:15px;
}

.tdcart
{
width:55%;
text-align:justify;
font-size:15px;
padding-left: 25px;

}

.Cartel
{
width: 500px;
}
.titcartel {
color:#000 !important;
font-size: 16pt;
font-style: oblique;
text-align: left !important;
}
.Careti
{
	color: #15618d;
}
/*--------------------------------------Eventos todos------------------------------*/
.teventos
{
	 border:0;
	  border:0;
	  cellspacing:0;
width: 73%;
padding: 20px 75px 20px 20px;
-webkit-box-shadow: 0px 0px 24px -3px rgba(145,140,145,0.75);
-moz-box-shadow: 0px 0px 24px -3px rgba(145,140,145,0.75);
box-shadow: 0px 0px 24px -3px rgba(145,140,145,0.75);
border-radius: 3px;
background-image: url('/Mora2020/Herramientas/Img/textura_ins.png');
border-collapse: initial !important;
background-position-x: right;

}
.ttitulo
{
padding-bottom: 20px;
line-height: 15pt !important;
font-family: Helvetica-Bold;
font-size: 13pt;
}
.ttdeventos
{
	
width:70%;  
padding-right:20px;
}
  .itipo
    {
    color:#000; 
    font-size:13pt;
}

.tdetiqueta
{
valign:top;
width:50%; 
padding: 30px;
}
/*--------------------------------------------------------------Pagina Instituto------------------------------------------------*/

.Subtitulo {
    font-family: frizquadratastd;
    font-size: 20pt;
}
.tab {
    overflow: hidden;
    width: max-content;
    padding-top: .5%;
}
.tab button {
  background-color: #15618d;
  color: #fff;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px;
  margin: 10px;
  border-radius: 15px;
  width: 190px;
  height: 60px;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #b3b3b3;
  color: #15618d;
}
/* Create an active/current tablink class */
.tab button.active {
 background-color: #fff;
    border: 3px solid #15618d;
    color: #15618d;
    -webkit-box-shadow: 0px 2px 8px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 8px 3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.75);
margin-top:2px;
}
   .tabcontent {
  display: none;
  padding: 6px 12px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
  width: 75%;
  text-align:justify;

}

.conteInstituto {
    width: 100%;
    padding-top: 2%;
    font-size: 18px !important;
    /* margin-left: 10%;*/
    }

/*------------------------------------------------evento 1x1-------------------------------------------------------------------*/
.ttipo
{
font-family:Helvetica-ReOblique; 
font-style: oblique; 
color:black; 
font-size:15pt;"	
}
/*---------------------------------------------------Linea del tiempo----------------------------------*/
.bttiempo button {
   background-color:#fff;
color:#000;
float: left;
border: none;
outline: none;
cursor: pointer;
transition: 0.3s;
font-size: 15pt;
margin: 14px;
width: 80px;
height: 30px;
font-family:Helvetica-Bold;}

.bttiempo {
    overflow: hidden;
    width: 100%;
    padding-top: .5%;
    text-align:center !imporatnt;
}
.fechas
{
width:max-content;
}
.valores
{
width:90%;
}
.btvalores button {
   background-color:#fff;
color:#000;
float: left;
border: none;
outline: none;
cursor: pointer;
transition: 0.3s;
font-size: 10pt;
margin: 14px;
width: 120px;
height: 30px;
font-family:Helvetica-Bold;}

/* Change background color of buttons on hover */
.bttiempo button:hover {
  background-color: #fff;
  color: #aa2000;
  border-bottom: #b58523 solid 2px;
}
/* Create an active/current tablink class */
.bttiempo button.active {
 background-color: #fff;
  color: #aa2000;
  border-bottom: #b58523 solid 2px;

 
}
.btvalores {
    overflow: hidden;
    width: 100%;
    padding-top: .5%;
    text-align:center !imporatnt;
}

.btvalores button:hover {
  background-color: #fff;
  color: #aa2000;
  border-bottom: #b58523 solid 2px;
}
/* Create an active/current tablink class */
.btvalores button.active {
 background-color: #fff;
  color: #aa2000;
  border-bottom: #b58523 solid 2px;

 
}

   .tabcontentiempo {
  display: none;
  padding: 2%;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
  width: 70%;
  text-align:justify;
  height:350px;
  font-size:15pt;
}
.preshis
{
display: block;
font-size: 23pt;
line-height: 42pt;

}
.tc
{
	height: 285px;
    vertical-align: middle;
        width: 100%;
}

.btnsiguiente
{
background-color: #fff0;
border: 0px solid #f0f8ff00;
vertical-align: middle;
background-image: url('/Mora2020/Herramientas/Img/sig.png');
background-position-x: right;
background-size: 100%;
background-repeat: no-repeat;
height: 50px;
font-size: 16pt;
font-family: "Helvetica", Helvetica !important;
color: #b78514;
width:35%;
}
.btnatras
{
background-color:#fff0;
border: 0px solid #f0f8ff00;
vertical-align: middle;
background-image: url('/Mora2020/Herramientas/Img/atras.png');
background-position-x: inherit;
background-size: 100%;
background-repeat: no-repeat;
height: 50px;
font-size: 16pt;
font-family: "Helvetica", Helvetica !important;
color: #b78514;
width: 15%;}

 /*-------------------------------------------------------------------------------Medida------------------------------------------*/
@media (min-width: 1520px) and (max-width: 1751px) {
/*----------------------------------------menu app-------------------------------------*/
.menuapp{
display: block;
    background: #333;
    margin-left: 88%;
   margin-top: -49px;
    width: 10%;
    padding: 0px;
    text-align: center;
    height: 49px;
}
.menuapp li a {
    padding: 11px;
      font-size: 18px; 
}
.menuapp li a:hover, .menuapp li:hover > a{
    padding: 11px;
      font-size: 18px;
}
.menu2 li a {
    padding: 11px !important;
    font-size: 15px !important;
}


.menuapp ul {
   display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 49px;
    left: 0px;
    background: #ffffff;
    color: #999 !important;
    text-align: left;
    }
/*------------------------------------posicion de buscador----------------------------------*/
#buscador {
    margin-left: 85% !important;
}
/*-------------------------------------------Posicion de redes--------------------------------------*/
.redes
{
	margin-left: 81%;
}
/*---------------------------------------------------------acceso----------------------------------*/
.titulotarjeta
{
font-size: 20px;
color:#fff;
}
.contetarjeta
{
padding: 17px 34% 40px 23px;
    height: 140px;
    color: #fff;
    font-size: 13px;
    }
.tdetiqueta
{
valign:top;
width:33%; 
padding: 10px;
}
.imgtdcartel
{
width:80%;
}
   .tabcontent {
  width: 80%;
}

}
/*=======================================================================================================================================================================*/
@media (min-width: 1306px) and (max-width: 1519px) {

/*------------------------------------Buscador-----------------------*/
#buscador {
margin-left: 87.5% !important;

    }
    .es {
    margin-left: 84%;
    font-size: 17px;
    margin-top: 9px;
    }
    /*-------------------------------------------Posicion de redes--------------------------------------*/
.redes
{
	margin-left: 88.3%;
	width: 11%;
}


.menu {
    height: 60px;
    
}
.menu ul {
        top: 97px;
        }
.menu li a {
 padding: 18px;
    font-size: 17px;
    margin-top: 0px;       }
.menu2 li a {
 padding: 18px;
    font-size: 17px;
    margin-top: 0px;       }

   /*-------------------------------------------menu app--------------------------------------*/    
.menuapp {
      margin-left: 87%;
    margin-top: -43px;
    width: 10%;
    padding: 0px;
}
.menuapp li a {
    padding: 11px;
      font-size: 14px; 
}
.menuapp li a:hover, .menuapp li:hover > a{
    padding: 11px;
      font-size: 14px;
}

.menuapp ul {
    top: 43px;
}
/*-------------------------------------------Calendario----------------------------------------*/
.eventos1
{
	 width:90%;
}
#WebPartWPQ4
{
	    height: 300px !important;
}
.tdetiqueta
{
valign:top;
width:33%; 
padding: 10px 3px 10px 3px;
}
.Cartel {
    width: 300px;
    }
/*--------------------------------------------------------------Instituto------------------------------------------------*/
.tab {
    overflow: hidden;
    width: max-content;
    padding-top: 11px;
}
.tab button {
   width: 170px;
}
   .tabcontent {
  width: 90%;
}
/*----------------------------------------linea de tiempo------------------------*/
.bttiempo button
{
    margin: 14px;
    width: 48px;
    height: 30px;
    font-size: 13pt;
}
.tabcontentiempo
{
    width: 90%;
}
.tc
{
	height: 285px;
    vertical-align: middle;
        width: 100%;
}

}
  @media (min-width: 1180px) and (max-width: 1305px) {
#buscador {
    margin-left: 80% !important;

  
    }
.es {
    margin-left: 75%;
    font-size: 19px;
    margin-top: 8px;
  }
  .menu
  {
	height: 52px;
}
.menu li a {
 padding: 15px;
    font-size: 15px;
  
         }
.menu2 li a {
 padding: 15px;
    font-size: 15px; 
    border-bottom: 2px solid;  
    border-color: #aa2000;  }
.menuapp {
      margin-left: 87%;
    margin-top: -43px;
    width: 10%;
    padding: 0px;
}
.menuapp li a {
    padding: 11px;
      font-size: 14px; 
}
.menuapp li a:hover, .menuapp li:hover > a{
    padding: 11px;
      font-size: 14px;
}
.menuapp ul {
    top: 41px;
}
#WebPartWPQ4
{
	    height: 300px !important;
}
.titulo1 {
    font-size: 15px !important;
}
.tdetiqueta
{
valign:top;
width:33%; 
padding: 10px;
}
.teventos {
    padding: 15px;
        width: 95%;
        font-size: 10pt;
    height: 180pt;
    padding-right: 14%;
}
.ttitulo {
    padding: 1px 2px 10px 2px;
    font-size: 12pt;
    
}
.Cartel {
    width: 320px;
    }
    .tdcart {
    vertical-align: initial;
    padding-top: 20%;
    }
/*--------------------------------------------------------------Instituto------------------------------------------------*/
.tab {
    overflow: hidden;
    width: max-content;
}
.tab button {
   width: 160px;
    margin: 7px;
}
.conteInstituto {
    width: 100%;
    padding-top: 2%;
    font-size: 15px !important;
    }
   .tabcontent {
  width: 90%;
}
.insder {
    background-image: url(/Mora2020/Instituto/Herramientas/Img/cuadro_Mesa.png);
    background-repeat: no-repeat;
    width: 70%;
    height: 180px;
    background-position: center;
    padding: 9px 43px !important;
    background-size: 100%;
}
/*-------------------------------------------------Línea de tiempo-------------------------------*/
.bttiempo button {
    font-size: 17pt;
    margin: 7px;
        width: 50pt;
}
.tabcontentiempo
{
	width:90%;
  padding: 2%;
}
.tc
{
	height: 285px;
    vertical-align: middle;
        width: 100%;
}

}
  /*========================================================================================================================================================================*/
  @media (min-width: 1101px) and (max-width: 1179px) {
 /*------------------------------------Buscador-----------------------*/
#buscador {
    margin-left: 84% !important;
   
    }
    .es {
    margin-left: 78%;
    }
    /*-------------------------------------------Posicion de redes--------------------------------------*/
.redes
{
	margin-left: 79%;
	width: 21%;
}
/*----------------------------------------menu1-------------------------------*/
 .menu li a {
 padding: 12px;
    font-size: 15px;
    margin-top: 0px;       
 }
/*--------------------------------------menu2-----------------------------------*/
.menu2 li a {
 padding: 12px;
    font-size: 15px;
  }
/*-------------------------------------------menu app---------------------*/
  .menuapp {
    margin-left: 90%;
    margin-top: -43px;
    width: 10%;
    padding: 0px;
    }

 .menuapp ul {
top: 34px;
}
.menuapp li a {
    padding: 11px;
      font-size: 14px; 
}
.menuapp li a:hover, .menuapp li:hover > a{
    padding: 11px;
      font-size: 14px;
}
.menuapp ul li a {
    font-size: 10px;
    padding:8px;
}
.menuapp ul li a:hover, .menuapp ul li:hover > a{
    font-size: 10px;
    padding:8px;
}
.tab {
    width:inherit !important;
}
   .tabcontent {
  width: 90%;
}
/*---------------------------------linea tiempo--------------------*/
.bttiempo button {
    font-size: 14pt;
    margin: 7px;
        width: 50pt;
}
.tabcontentiempo
{
	width:90%;
  padding: 2%;

}
.tc
{
	height: 285px;
    vertical-align: middle;
        width: 100%;

}
}
/*==============================================================================================Hamburguesa========================================================================*/
@media (min-width: 800px) and (max-width: 1100px) {
    .tablatitulo
{
width:70% !important;
}

.encabezado {
    height: 349px;
    }
 /*------------------------------------Buscador-----------------------*/
#buscador {
    margin-left: 71% !important;
   
    }
    .es {
    margin-left: 64%;
    }
.Fondo {
    margin-top: -56px;
}
    /*-------------------------------------------Posicion de redes--------------------------------------*/
    .img-redes {
    width: 14%;
}
.redes
{
	width: 26%;
        margin-left: 71%;
    }
a:visited {
    color: #991813;
}
.menu{
display:none;
}
.menu2, .menuapp
{
display:none;
}
.m2
{
	display: block !important;
}
.mobile-menu{
display:block;
width: 130px;
font-size: 70pt;
}
.mobile-menu:hover{
text-decoration:none;
}
nav{
  margin:0;
background:none;
position:static;
}
.menu li{
  display:block;
margin:0;
}
.menu li a {
  background:#ffffff;
  color: #999 !important;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;
    font-size: 50px;

}
.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #9CA3DA;
}
.menu ul {
display:block;
position:relative;
top:0;
left:0;
width:100%;
text-align: left;
}
.menu ul li a {
    font-weight: normal;
    display: block;
    color: #999 !important;
    border-left: 3px solid #ffffff;
    background: #ffffff;
    font-size: 10px;
    margin-left: 30px;
    }

.menu ul ul {left:0;
}
/*-------------------------------------------Calendario----------------------------------------*/
.eventos1
{
	 width:80%;
}
#MSOPageViewerWebPart_WebPartWPQ2
{
	    height: 130%;
}
.todos {
    padding-bottom: 20px;
}
/*-------------------------------------------Eventos---------------------------------------------*/
.titeve {
    font-weight: 300;
    font-size: 26px;
}
.imgeve {
    width: 23px;
}
#WebPartWPQ4
{
	    height: 280px !important;
}
.teventos
{
	    width: 93%;
	        background-size: 100% 100%;
}
.tdetiqueta {
    padding: 10px 1px 10px 1px;
    }
    .ttitulo {
   padding: 15px 5px 20px 5px;
      font-size: 30px;
    line-height: 28pt !important;    }
    .teventos {
    padding: 8px;
    }
    .itipo
    {
    font-size:25pt;
}
/*--------------------------------------------------instituto bajo---------------------------------*/
.tab {
    width:auto;
    padding-left: 1%;
       position: fixed;
    background-color: #fff !important;
    margin-top: -1%;
}
.tab button
{
margin: 9px;
width: 116px;
}

.Cartel {
    width: 400px;
    margin-top: -34px;
    margin-left: 9%;
}
.tabCar {
    width: 133%;
    margin-left: -90px;
}
.tdtex
{
width: 60%;
    font-size: 24px;
    }
    .tdtex2
{
width: 60%;
    font-size: 24px;
    }

      .tabcontent {
  width: 90%;
  padding-top: 10% !important;
}
/*---------------------------------------------------------Evento 1x1----------------------------*/

.titcartel {
    font-size: 25pt;
    line-height: 40pt !important;
}

.ttipo
{
font-size:23pt;	
}
/*----------------------------------Linea Tiempo---------------------------*/
.bttiempo button
{
	font-size: 13pt;
	width:40px;
}
.tabcontentiempo
{
	    width: 90%;
	    height: 472px;
	      padding: 5% 5% 5% 5%;
	       justify-content: center;
   align-items: center;
}
.tc
{
	height: 370px;
    vertical-align: middle;
        width: 100%;
}
/*---------------------------------linea tiempo--------------------*/
.bttiempo button {
     font-size: 11pt;
    margin: 5px;
    width: 35pt;
    
}

/*---------------------------------------------------------Activa menu movil------------------------------*/
@media only screen and (max-width: 800px) {
  /*------------------------------------Buscador-----------------------*/
#buscador {
  display:none;
    }

    /*-------------------------------------------Posicion de redes--------------------------------------*/
.redes {
    width: 29%;
    margin-left: 63%;
}
.menu{
display:none;
}
.menu2, .menuapp
{
display:none;
}
.m2
{
	display: block !important;
}
.mobile-menu{
display:block;
width: 70px;
    font-size: 30pt;
}
.mobile-menu:hover{
text-decoration:none;
}
nav{
  margin:0;
background:none;
position:static;
}
.menu li{
  display:block;
margin:0;
}
.menu li a {
  background:#ffffff;
  color: #999 !important;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;
}
.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #9CA3DA;
}
.menu ul {
display:block;
position:relative;
top:0;
left:0;
width:100%;
text-align: left;
}
.menu ul li a {
    font-weight: normal;
    display: block;
    color: #999 !important;
    border-left: 3px solid #ffffff;
    background: #ffffff;
    font-size: 10px;
    margin-left: 30px;
    }

.menu ul ul {left:0;
}

}
@media (max-width: 480px) {
.mobile-menu{
display:block;
width:25px;

}

.mobile-menu:hover{
text-decoration:none;
}
@media (max-width: 320px) {

.mobile-menu{
display:block;
}
.mobile-menu:hover{
text-decoration:none;
}

}