html {
  overflow-y: scroll;
}

body {

  font-family:Arial;
  font-size:16px;
  background-color:#e59d32;
  
}

a {

  font-family:Arial;
  font-size:12px;
  color:black;
  text-decoration:none;  

}

.contenedormenu {

  width:304px;
  margin-left:auto;
  margin-right:auto;
  border: 0px solid black;

}

.menu1a {

  width:150px;
  float:left;
  border:1px solid black;  
  padding:1px;
  background-color:blue;
  
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */  

}

#cabecera {

  width:150px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  letter-spacing:-1px;

}

#contenedor_logo {

  width:800px;
  margin-left:auto;
  margin-right:auto;
  border-top:4px solid black;
  
}

#logo {

  width:100%;

}


#titulo {

  font-size:36px;

}

#titulo2 {

  font-size:26px;

}

#menu {

  width:800px;
  height:30px;
  margin-left:auto;
  margin-right:auto;
  font-size: 12px;
  border-top:1px solid white;

}

.item_menu {

  width:160px;
  height:30px;
  float:left;
  padding:8px;
  text-align:center;
  cursor:pointer;
  
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */  

}

.item_menu2 {

  margin-left:5px;

}

.item_menusel {

  background-color:black;
  color:white;

}

.item_menunosel:hover {

  background-color:#444444;
  color:white;

}

.item_menunosel {

  color:black;

}

.infocontenedoragenda {

  width:570px;
  height:500px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:5px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  text-align:center;

}

.infomesesagenda {

  float:left;
  width:560px;
  height:30px;
  border:1px solid #eeeeee;
  background-color:#239BD2;
  padding:5px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  text-align:center;
  font-size:16px;
  color:#000000;

}

.infodiasagenda {

  float:left;
  width:80px;
  height:40px;
  border:1px solid #eeeeee;
  background-color:#ffffff;
  padding:5px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  text-align:center;
  font-size:26px;
  color:#000000;

}

.infodiasagendaok {

  float:left;
  width:80px;
  height:40px;
  border:1px solid #eeeeee;
  background-color:#FBFC02;
  padding:5px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  text-align:center;
  font-size:26px;
  color:#000000;

}

.infodiasagendaokt {

  float:left;
  width:80px;
  height:40px;
  border:1px solid #eeeeee;
  background-color:#33FBBF;
  padding:5px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  text-align:center;
  font-size:26px;
  color:#000000;

}

.infodiasagendar {

  float:left;
  width:80px;
  height:40px;
  border:1px solid #eeeeee;
  background-color:#F09540;
  padding:5px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  text-align:center;
  font-size:26px;
  color:#000000;

}

.infodiasagendag {

  float:left;
  width:80px;
  height:40px;
  border-left:0px solid #001168;
  border-top:0px solid #001168;    
  background-color:#ffffff;
  padding:5px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  text-align:center;
  font-size:16px;
  color:#000000;

}

.infodiasagendan {

  float:left;
  width:560px;
  height:80px;
  border:1px solid #eeeeee;
  background-color:#ffffff;
  padding:5px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  text-align:center;
  font-size:16px;
  color:#000000;

}

.infodiasagendab {

  float:left;
  width:560px;
  height:30px;
  border:1px solid #eeeeee;
  background-color:#ffffff;
  padding:5px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  text-align:center;
  font-size:16px;
  color:#000000;

}


.contenedor_menu {

  width:790px;
  margin-left:auto;
  margin-right:auto;
  border:2px solid #001168;
  background-color:white;
  font-size:30px;
  text-align:center;

}

.contenedort {

  width:790px;
  min-height:100px;
  margin-left:auto;
  margin-right:auto;
  border:2px solid #001168;
  background-color:white;
  text-align:center;

}

.contenedor0 {

  width:790px;
  margin-left:auto;
  margin-right:auto;
  border:2px solid #001168;
  background-color:white;
  text-align:center;

}

.compns {

  width:100px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  background-color:white;
  border:1px solid black;
  text-align:center;
  cursor: pointer;

}

.comp0s {

  width:100px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  background-color:green;
  border:1px solid black;
  color:white;
  text-align:center;
  cursor: pointer;

}

.comp1s {

  width:100px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  background-color:orange;
  border:1px solid black;
  color:white;
  text-align:center;
  cursor: pointer;

}

.comp2s {

  width:100px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  background-color:red;
  border:1px solid black;
  color:white;
  text-align:center;
  cursor: pointer;

}

.infoalumnocab {

  float:left;
  width:200px;
  height:180px;
  border:2px solid #001168;
  background-color:#0c76b5;
  padding:15px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  text-align:center;
  font-size:16px;
  color:white;

}

.infoalumno {

  float:left;
  width:160px;
  height:180px;
  border:2px solid #001168;
  background-color:white;
  padding:15px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  font-size:14px;

}

.infoalumno2 {

  float:left;
  width:300px;
  height:180px;
  border:2px solid #001168;
  background-color:white;
  padding:15px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  font-size:14px;

}

.txtarea {

  width:260px;
  height:100px;
  resize:none;

}

#contenedorinfo1 {

  width:400px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  background-color:white;
  border:1px solid black;
  
}

#contenedorinfo2 {

  width:1000px; 
  margin-left:auto;
  margin-right:auto;
  text-align:center;

}

#contenedor {

  width:790px;
  min-height:800px;  
  margin-left:auto;
  margin-right:auto;
  border:2px solid #001168;
  background-color:white;

}

#contenedor1 {

  width:790px;
  min-height:800px;  
  margin-left:auto;
  margin-right:auto;
  border:0px solid #001168;

}

#contenedor11 {

  width:760px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  
}

.contenedor3a {

  width:760px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:

}

#contenedor30 {

  width:760px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor31 {

  width:760px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor32 {

  width:760px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor33 {

  width:760px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor34 {

  width:760px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor35 {

  width:760px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor36 {

  width:760px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor37 {

  width:760px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor38 {

  width:760px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  
}

.fs22 {

  font-size:18px;

}

#tabla_partes {

  width:100%;
  border-collapse: collapse;

}

#tabla_partes th {

  border:1px solid black;
  font-size:20px;

}

#tabla_partes td {

  border:1px solid black;
  font-size:16px;

}

.td1 {

  width:200px;
  border:1px solid black;
  text-align:center;

}

.td2 {

  width:100px;
  border:1px solid black;
  text-align:center;

}

.tittabla {

  background-color:#000c83;
  color:white;
  text-align:center;
  font-size:20px;

}

.c1 {

  background-color:blue;
  color:white;

}

.c2 {

  background-color:white;
  color:black;

}

.cr {

  background-color:red;
  color:white;

}

.cn {

  background-color:orange;
  color:white;

}

.cv {

  background-color:green;
  color:white;

}
  










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


html {
  overflow-y: scroll;
}

body {

  font-family:Arial;
  font-size:16px;
  background-color:#e59d32;
  
}

a {

  font-family:Arial;
  font-size:12px;
  color:black;
  text-decoration:none;  

}

#cabecera {

  width:400px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  letter-spacing:-1px;

}

#contenedor_logo {

  width:400px;
  margin-left:auto;
  margin-right:auto;
  border-top:4px solid black;
  
}

#logo {

  width:100%;

}


#titulo {

  font-size:36px;

}

#titulo2 {

  font-size:26px;

}

#menu {

  width:400px;
  height:30px;
  margin-left:auto;
  margin-right:auto;
  font-size: 12px;
  border-top:1px solid white;

}

.item_menu {

  width:160px;
  height:30px;
  float:left;
  padding:8px;
  text-align:center;
  cursor:pointer;
  
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */  

}

.item_menu2 {

  margin-left:5px;

}

.item_menusel {

  background-color:black;
  color:white;

}

.item_menunosel:hover {

  background-color:#444444;
  color:white;

}

.item_menunosel {

  color:black;

}

.contenedor_menu {

  width:390px;
  margin-left:auto;
  margin-right:auto;
  border:2px solid #001168;
  background-color:white;
  font-size:30px;
  text-align:center;

}

.contenedor0 {

  width:390px;
  margin-left:auto;
  margin-right:auto;
  border:2px solid #001168;
  background-color:white;
  text-align:center;

}

.compns {

  width:200px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  background-color:white;
  border:1px solid black;
  text-align:center;

}

.comp0s {

  width:200px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  background-color:green;
  border:1px solid black;
  color:white;
  text-align:center;

}

.comp1s {

  width:200px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  background-color:orange;
  border:1px solid black;
  color:white;
  text-align:center;

}

.comp2s {

  width:200px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  background-color:red;
  border:1px solid black;
  color:white;
  text-align:center;

}

.txtarea {

  width:360px;
  height:100px;
  resize:none;

}

.infoalumnocab {

  width:400px;
  height:auto;
  border:2px solid #001168;
  background-color:#0c76b5;
  padding:15px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  text-align:center;
  font-size:16px;
  color:white;

}

.infoalumno {

  width:400px;
  height:auto;
  border-left:2px solid #001168;
  border-right:2px solid #001168;
  border-bottom:2px solid #001168;
  background-color:white;
  padding:15px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 

}

.infoalumno2 {

  width:400px;
  height:auto;
  border-left:2px solid #001168;
  border-right:2px solid #001168;
  border-bottom:2px solid #001168;
  background-color:white;
  padding:15px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 

}

#contenedorinfo1 {

  width:400px;
  margin-left:auto;
  margin-right:auto;
  background-color:white;
  border:1px solid black;

}

#contenedorinfo2 {

  width:400px;
  margin-left:auto;
  margin-right:auto;

}

#contenedor {

  width:390px;
  min-height:800px;  
  margin-left:auto;
  margin-right:auto;
  border:2px solid #001168;
  background-color:white;
  font-size:30px;

}

#contenedor1 {

  width:390px;
  min-height:800px;  
  margin-left:auto;
  margin-right:auto;
  border:0px solid #001168;
  font-size:30px;

}

#contenedor11 {

  width:360px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  
}

#contenedor31 {

  width:360px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px;
  
}

#contenedor32 {

  width:360px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor33 {

  width:360px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor34 {

  width:360px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor35 {

  width:360px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor36 {

  width:360px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor37 {

  width:360px;
  margin-left:auto;
  margin-right:auto;
  padding-left:10px:
  
}

#contenedor38 {

  width:360px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  
}

input {

  font-size:15px;
  
}

.fs22 {

  width:90% !important;
  font-size:30px;

}

#tabla_partes {

  width:100%;
  border-collapse: collapse;

}

#tabla_partes th {

  border:1px solid black;
  font-size:20px;

}

#tabla_partes td {

  border:1px solid black;
  font-size:16px;

}


}





.fondo2 {

  width:600px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  padding:2px;
  border:0px solid black;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  font-size:20px;
  color:white;
  text-align:center;

}

.fondoa {

  float:left;
  width:200px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  padding:2px;
  border:1px solid black;
  background-color:#239BD2;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  font-size:20px;
  color:white;
  text-align:center;

}

.fondoo {

  float:left;
  width:380px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  padding:2px;
  border:1px solid black;
  background-color:#ffffff;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  font-size:20px;
  color:black;
  text-align:center;

}

.fondob {

  width:600px;
  height:50px;
  margin-left:auto;
  margin-right:auto;
  padding:2px;
  border:0px solid black;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  font-size:20px;
  color:white;
  text-align:center;

}

.tituloagenda {

  width:620px;
  height:22px;
  background-color:white;
  margin-left:auto;
  margin-right:auto;
  border:0px solid black;
  padding:5px;
  text-align:center;
  font-size:20px;
  font-family: Arial;

}

.tablaf {

  border-collapse: collapse;

}


.tablaa{

  width:200px;
  border:1px solid black;
  background-color:#239BD2;
  padding:5px;

}

.tablao {

  width:360px;
  border:1px solid black;
  background-color:#ffffff;
  padding:5px;

}