@media screen and (min-width: 1px) and (max-width: 400px) {
	#bienvenida h1{ 
font-size:3rem;
line-height:5rem;}
#fondohome{ background:#9C0; height:10%;}
ul.boto> li {float:none;
widht:100%;}
}


@media screen and (min-width: 1px) and (max-width: 480px) { 
#bienvenida p { display:none;}
#bienvenida h1 { display:none;}
.arrow_box { display:none;}
#ladocaja ul { display:none;}
.arrow_boxcatedra1 { display:none;}
.arrow_boxalumnos { display:none;}
}

@media screen and (min-width: 1px) and (max-width: 640px) { 
h3{ font-family: 'BenchNine', sans-serif;
font-size:1.8rem;
line-height:1.8rem;}
#bienvenida h2 { line-height:5rem;}
}

@media screen and (min-width: 1px) and (max-width: 660px) {
#bienvenida h2 { line-height:5rem;}
}

@media screen and (min-width: 1px) and (max-width: 840px) { 
	#pagina { 
	width: 90%;}
	#redesociales { widht:18%;}
	#botonera {
	width:90%;
	height: 30%;
	padding-left:6%;}
	ul.boto {  width:57%; }
	#cajasola h2 { font-size:1rem;
	width:14%;}
}
	
@media screen and (min-width: 841px)  { 
	#pagina { 
	width: 90%;
	height:auto;}
}

@media screen and (min-width: 1px) and (max-width: 1280px) { 
#lateralderecho h3{ line-height:1.9rem;}
}


/*Hoja de estilo vm30..........................................*/
body { width: 100%;
	margin: auto;
	font-size: 8pt;
	padding: 0;
	height:100%;}
	
#general {width:100%; }

#pagina {
	font-family: 'Varela', sans-serif;
	width: 100%;
	margin: 0 auto;
	position:relative;
	padding:0;
}
#pagina a { text-decoration: none;}
#pagina ul {
	list-style: none;
	list-style-image: none;
	list-style-type: none;}
	
#contenedor {
	width:80%;
	margin:auto;
}

header {
	width:100%;
	margin: auto;
}

/*PARA TODOS.....................................................*/
#slider {
	float:left;
	width: 60%;
	height: 35%;
	overflow: hidden;
	position: relative;
	margin-bottom:3%;}

.slide{
	width: 60%;
	height: 35%;
	float: left;}

nav#botonera {
	font-family: 'BenchNine', sans-serif;
	font-size:700;
	width:100%;
	height: 10%;
	background-color:#000;
	position: fixed;
	z-index:2;
	clear:both;
	padding-left:10%;
	padding-top: 1%;
} 

nav#botonera a { text-decoration: none;}
nav#botonera a:hover {color:#9C0;}
	
ul.boto {
	float: right;
	width:42%;
	color:#FFF;
	font-size:700;
	}
ul.boto a {color:#FFF;}
ul.boto a:hover {color:#9C0; }
ul.boto ul {display:none;
   position:absolute; 
   left:5px; /* Para que no monte sobre el <li> */
   display:none;
   list-style:none; }
ul.boto li:hover > ul { display:block;
color:#9C0;}
ul.boto li {
	position:relative;
	font-size:1.1rem;
	line-height:0;
	padding-left:2%;
	padding-right:2%;
	text-align:center;
	border-right:1px solid #FFF;
}
ul.boto li > ul > li {
   position:relative;
   font-size:1.0rem;
   line-height:1.0rem;
   width:130px;
   padding-left:0%;
   padding-right:0%;
   padding-top:5%;
   padding-bottom:5%;
   text-align:center;
   font-size:700;
   border-bottom:#FFF 1px solid;}
ul.boto> li > ul{
  position:absolute;
  display:none;
  list-style:none;
  text-align:center;
  padding-left:0%;
  background-color:#000;}
ul.boto > li { display:inline; }

#logocompleto1 {
	float: left;
	clear:both;
	width: 19%;
}
#logocompleto1 p {
	color:#FFF;
	font-size:900;
	float:right;
	font-size:1.3rem;
	line-height:1rem;
	font-weight: 700;
}

/*dentro de la botonera*/
#redesociales {
	float:right;
	widht:20%;
	margin:0;
	padding-left:0%;
	padding-bottom:0%;
	padding-right:0%;
	margin-right: 12%;
	font-size:0.9rem;
	line-height:0rem;
}
#redesociales a {color:#3cc;}


/*contenedores generales para TODAS.........................*/
#contenedor1 {
	width:72%;
	float:left;
	font-size: 0.8rem;
}
#contendedor1 p2{ font-weight:600;} 

#bienvenida  {
	background-image:url(imagenes/verdefooter.png);
	width:100%;
	float: left;
	font-size: 0.7rem;
	color:#FFF;
	text-align: center;
	padding-top:5%;
	padding-bottom:1%;
	margin: auto;
}
#bienvenida a:hover {color:#9C0;}
#textobienvenida {width: 50%; margin:auto;}
#bienvenida h2{
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-size:5rem;
	line-height:0.7rem;
}
#bienvenida h1 {
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-size:3rem;
	line-height:0.4rem;
}

/*contenido lateral derecho de TODOS.............................*/
#lateralderecho {
	font-family: 'Varela', sans-serif;
	background-color:#F8F8F8;
	width: 22%;
	padding-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	float: right;
	text-align:left;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	-webkit-box-shadow: 2px 2px 2px 3px #9E9E9E;
	box-shadow: 2px 2px 2px 3px #9E9E9E;
	margin-top: 1%;
	font-size: 0.8rem;
}
#lateralderecho a{color:#3CC;}
#lateralderecho a:hover{color:#707070;}
#lateralderecho hr {
	border: 1px solid;
	height: 0;
	line-height: 0rem;}

#tack {color:#F66;
float:left;
font-size:4rem;
padding:0;
margin:1%;
margin-left:8%; }


/*cierre contendedores*/



/*contenido central del INDEX.................................*/
.arrow_box {
	position: relative;
	background: #3cc;
	width:8%;
	height:20%;
	font-size:1.3rem;
	float:left;
	font-family:'Yanone Kaffeesatz', sans-serif;
	line-height:10px;
	color:#FFF;
	margin-left: 45%;
}
.arrow_box a{color:#FFF;}
.arrow_box:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51, 204, 204, 0);
	border-left-color: #3cc;
	border-width: 25px;
	margin-top: -25px; }

#totalsecciones {
	float:left;
	width: 75%;
	margin-top:1%;
	margin-bottom:7%;}
#totalsecciones h2{ font-family:'Yanone Kaffeesatz', sans-serif;
font-size:6rem;
line-height:1px;}
#totalsecciones hr { border: 1px solid;
  height: 0; }

section#secciona {
	width:100%;
	float:left;
	text-align:left;}

#cajagrande {
	width:87%;
	padding-bottom:1%;
	float:left;
}
#ladocaja a {
	color:#9A9A9A;
}
#cajasola {
	font-family:'Yanone Kaffeesatz', sans-serif;
	width:13%;
	float:left;
}
#cajaentera {
	width:70%;
	float:left;
	margin-right: 1%;}
#ladocaja {
	width: 29%;
	text-decoration: none;
	float:right;
}
#ladocaja ul {
	list-style: none;
	margin: 0rem;
	padding: 0rem;
	list-style-image: none;
	list-style-type: none;
	font-size: 0.6rem;
	font-weight:200;}
#ladocaja a {
	color:#9A9A9A;
}
#ladocaja a:hover {color:#9C0; text-decoration:blink;}
	
#cajaotrostps {
	width:100%;
	clear:both;
	margin-left:13%;
	margin-top:1%;
	float:left;
}
#cajaotrostps a {color:#707070;}
#cajaotrostps a:hover {color:#FFF; text-decoration:blink;}
.arrow_boxotros  {
	position: relative;
	background-color:#9c0;
	width:13%;
	height:33%;
	font-size:0.6rem;
	float:left;
	padding-left:2%;
	color:#FFF;
	margin-right:6%;
	padding-top:1%;
	padding-bottom:1%;
}
.arrow_boxotros a{color:#FFF;}
.arrow_boxotros:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color:rgba(158, 158, 158, 0);
	border-left-color:#9c0;
	border-width: 23px;
	margin-top: -23px; }

section#seccionb {
	width:100%;
	float:left;
	text-align:left;
	margin-top: 4%;
	margin-bottom: 4%;
}

p0 {font-size:0.9rem;
text-align:left;}
p1 {font-size: 0.7rem;}

section#secciona p1, section#seccionb p1, {
	clear: both;
	font-size: 0.6rem;}
h3{
	font-family: 'BenchNine', sans-serif;
	font-size:1.8rem;
	line-height:0.5rem;
}

#textoslider {
	width:100%;
}
#textoslider a{ color:#000;}
#textoslider a:hover{ color:#9C0;}

#cajitalinks {
	width:45%;
	float:left;
	margin-right:5%;
}

#contenedorvideo{
max-width:800px;/* Recuerden aplicar el ancho máximo del contenedor*/
margin:0 auto;}

.videoResponsive{
margin:0 auto;
height:0px;
width:100%; /*tomará el tamaño al 100% del #contenedor*/
padding-top:56.25%; /*nos ayudara a la proporción del video*/
position:relative;}

.videoResponsive iframe{
position:absolute;
height:100%;
width:100%;
top:0px;
left:0px;}



/*contenido de PROPUESTA..........................................*/

.arrow_boxcatedra1 {
	position: relative;
	background: #3cc;
	margin-left: 43%;
	width:12%;
	height:20%;
	font-size:1.3rem;
	float:left;
	font-family:'Yanone Kaffeesatz', sans-serif;
	line-height:18px;
	padding-left:1%;
	color:#FFF;}
.arrow_boxcatedra1 a{color:#FFF;}
.arrow_boxcatedra1:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51, 204, 204, 0);
	border-left-color: #3cc;
	border-width: 38px;
	margin-top: -38px; }

#contenidoabajocatedra {
	width:90%;
	font-size:0.7rem;
	padding-left:2%;
	padding-right: 2%;}

ul.arrow_boxcatedra2  {
	position: relative;
	width:33%;
	height:25%;
	font-size:0.6rem;
	float:left;
	color:#FFF;
	background: #9C0;
	margin-right:6%;
	margin-left:26%;
	margin-top: 4%;
	padding-left:4%;
	padding-right:1%;
	padding-bottom:2%;
	padding-top:1%;}
ul.arrow_boxcatedra2 a{color:#FFF;}
ul.arrow_boxcatedra2 a:hover{color:#000;}
ul.arrow_boxcatedra2:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color:rgba(158, 158, 158, 0);
	border-left-color:#9C0;
	border-width: 29px;
	margin-top: -29px; }
#bloques {
	width:31%;
	float:left;
	font-size: 0.7rem;
	padding:1%;
}
div#bloques a{color:#3CC;}
div#bloques a:hover{color:#707070;}




/*contenido de EQUIPO DOCENTE.....................................*/
 #equipo { width:100%;} 
#equipo a {color: #707070;}
#equipo a:hover {color: #9C0;}

#fototitular {
	width:100%;
	margin-bottom: 5%;
}
#fotosprofes {
	width:23%;
	float:left;
	padding:1%;}
#fotosayudantes {
	width:100%;
	float:left;
	padding:1%;}
#fotosayudantes li {
	float:left;
	padding-left:1%;
	width:17%;}
	
#textotitular {
	width:30%;
	float:right;
	padding:1%;
	font-size:0.8rem;}
#textotitular p1 {font-size: 0.8rem;}
#textosprofes {
	width:100%;
	float:left;
	margin-bottom:20%;
	padding-right: 3%;
	padding-left: 1%;
	font-size:0.7rem;}
	
.wE{ width:60%; padding:1%;}
li > .wE {width:80%;}
	
	
/*contenido de ALUMNOS y NIVEL1...................................*/
hr { border: 1px solid;
	height: 0px;
	clear: both; }

.arrow_boxalumnos {
	position: relative;
	background: #3cc;
	margin-left: 39%;
	width:18%;
	height:20%;
	font-size:1.3rem;
	float:left;
	font-family:'Yanone Kaffeesatz', sans-serif;
	line-height:6px;
	color:#FFF;
}
.arrow_boxalumnos a {color:#FFF;}
.arrow_boxalumnos a:hover {color:#9C0;}
.arrow_boxalumnos:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51, 204, 204, 0);
	border-left-color: #3cc;
	border-width: 22px;
	margin-top: -22px; }
	
section#seccionalumnos {
	font-family: 'Varela', sans-serif;
	width:100%;
	float:left;
	margin-bottom:10%;}
section#seccionalumnos hr {
	border: 1px solid;
	height: 0;
	bottom: 1%;
	clear: both;}
section#seccionalumnos p {font-size:0.8rem;}

#contenedoralumnos {
	float:left;
	width:72%;
	text-align:left;
}
#contenedoralumnos a {
	color: #9A9A9A;
}
#contenedoralumnos a:hover {color: #9C0;} 

#contenedoralumnosizq {
	float:left;
	width:50%;
	text-align:left;
	margin-right:5%;
	margin-top: 3%;}
#contenedoralumnosder {
	float:left;
	width:45%;
	text-align:left;
	margin-top: 3%;}
	
#foton1alumnos, #foton1alumnos {
  height: 100%;
  width: 100%;}

	
#cajan1texto {
	width:69%;
	float:left;
	margin-right: 2%;
}
#cajan1texto ul{ margin:0; padding:0; }
#cajan1texto #textoslider{ width:100%;}

#textoladoslider li{ padding-top:5%; padding-bottom:5%;}
#textoladoslider a{ color:#9C0; margin:2%;
padding-top:1%;}
#textoabajoslider a:hover, #textoladoslider a:hover{ color:#000;}

p0 {font-size:0.9rem;}

.arrow_boxespaciado {
	position: relative;
	background: #3cc;
	width:73%;
	height:20%;
	font-size:1.2rem;
	float:left;
	font-family:'Yanone Kaffeesatz', sans-serif;
	line-height:1.3rem;
	color:#FFF;
	margin-top:2%;
	padding:5%;
	text-align:center;
}

.arrow_boxespaciado a {color:#FFF;}
.arrow_boxespaciado a:hover {color:#9C0;}
.arrow_boxespaciado:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51, 204, 204, 0);
	border-left-color: #3cc;
	border-width: 60px;
	margin-top: -60px; }


/*contenido de GALERIA y GALERIA N1..............................*/
section#secciongaleria {
	font-family: 'Varela', sans-serif;
	width:100%;
	float:left;
	color:#000;
}
section#secciongaleria hr {
	border: 1px solid;
	height: 0;
	bottom: 1%;
	clear: both;}
#contenedorgaleria {
	float:left;
	width:72%;
	text-align:left;
	margin-bottom: 2%;}
	
#cajasola a{color:#9C0;}
#cajasola a:hover{color:#3CC;}
#cajasola h2 {font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:6rem;
	line-height:1rem;}
#nivel1, #nivel2 { width:100%; margin-top:3%;}

#galeriabxslider1 {margin-bottom:15%; }
#galeriabxslider2 {margin-top:2%;}

#galeriaprincipalbxslider1 {
	width:82%;
	float:left;
	margin: 0;
}
#galeriaprincipalbxslider2 { width:82%; float:left;}

#textoslidern1{ width:100%; float:left; }
#textoabajoslider{ width:100%;
	float:left; margin-bottom:4%;}
#textoabajoslider a{ color:#9C0;}
#textoabajoslider ul{
	margin:1%;
	padding:1%;
	float:left;
	width: 100%;
}
#textoabajoslider li{ padding-right:2%;
	float:left;
}
		

		
/*contenido de BIBLIOGRAFIA........................................*/
#contenidobiblio {
	width:72%;
	float:left;}
	
#contenidobiblio p {
	font-size:0.8rem;}

#contenidobiblio a {color:#707070;}
#contenidobiblio a:hover {color:#9C0;}
	
#contenidobiblio ul { margin:0; padding:0;}
#contenidobiblio ul li{padding-bottom:2%;}

#libros, #revistas, #enlaces { width:100%;
clear:both;}
#libros p {font-size:0.7rem;}

h5 { font-family:'BenchNine', sans-serif;
	font-size:1.1rem;
	line-height:0rem;}



/*contenido del CONTACTO............................................*/
.mitabla{ font-family: 'Varela', sans-serif;
	margin-bottom:8%;
	font-size:0.8rem;
}

.mitabla td { text-align:left;
border:none;
width:40px;
height:30px; }

#bloques p1{
	font-size:0.8rem;}
#otrocontacto{ width:100%; clear:both;}
#otrocontacto #bloques a:hover{color:#9C0;}


/*contenido del REGISTRO..........................................*/

#contenedorregistro {font-family: 'Varela', sans-serif;
	width:75%;
	float: left;
	font-size:0.8rem;}


/*contenido del EN CONSTRUCCIÓN....................................*/

#construccion{ width:100%; height:50%;
color:#FFF;
background-image:url(imagenes/construfondo.jpg);
float: left;
	margin:auto;
	text-align: center;
	padding-top:5%;
	padding-bottom:10%;
	padding-left:0%;
	padding-right:10%;
background-repeat:no-repeat;
}
.arrow_boxconstruc  {
	font-family:'Yanone Kaffeesatz', sans-serif;
	position: relative;
	background-color:#9c0;
	width:17%;
	height:33%;
	font-size:1.5rem;
	float:left;
	padding-left:1%;
	color:#FFF;
	padding-top:1%;
	padding-bottom:1%;
	margin-left: 40%;
}
.arrow_boxconstruc a{color:#FFF;}
.arrow_boxconstruc:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color:rgba(158, 158, 158, 0);
	border-left-color:#9c0;
	border-width: 23px;
	margin-top: -23px; }
	
/*contenido del MAPA DEL SITIO....................................*/
#mapa a{color:#9C0;}
#mapa a:hover {color:#3CC;}

/*FOOTER para todas...............................................*/
#textodefondogris {
	width:100%;
	float:left;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:2.5rem;
	font-weight:bold;
	margin-bottom: 4%;
}
#textodefondogris a {color:#FFF;}
#textodefondogris a:hover {color:#3CC;}

footer {
	margin-top:10%;
	width:100%;
	height:230px;
	color:3%;
	float:left;
	padding-top: 2%;
	padding-bottom: 2%;
	text-align:left;
	background:url(imagenes/footerfondocompleto.png);
	background-repeat:repeat-x;
	font-size: 1rem;
}
	

footer a { text-decoration: none;}
footer ul {
	list-style: none;
	list-style-image: none;
	list-style-type: none;}

#contenedorfooter  { width:80%; margin:auto;}
#textofooter hr {
	border: 1px dashed #2F2F2F;
	height: 0;
	clear: both;
}
	
#datoscatedra {
	font-family:'BenchNine', sans-serif;
	width:20%;
	font-size:1rem;
	float:left;
}
	
div#membretefooter { width:60%; float:right;}

#divfooter {
	font-family:'BenchNine', sans-serif;
	width:68%;
	margin-top:auto;
	float:right;
}
#divfooter ul { padding:0;}
#divfooter ul li {
	font-size:1rem;
	float:left;
	padding-right:4%;
}
#divfooter a:hover {color:#FFF; }
#divfooter a {
	color:#000;
}

#textofooter {	clear:both;
	width:100%;
	padding-bottom:0;}
	
#textofooter p {
	font-family: 'Varela', sans-serif;
	font-size:0.6rem;
	width:80%;
	float:left;
	padding-right:7%;
}





/*calendario para todas ..................................*/
#calendario {
	margin-left:10%;
}
#calendar {
	width: 170px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal "Yanone Kaffeesatz", sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;} 
.nav, .nav a { font: bold 0.9rem "Yanone Kaffeesatz" sans-serif; color: #fff; text-align: center; text-decoration: none; } 
caption {
	margin: 0;
	padding: 0;
	width: 170px;
	background: #9C0;
	color: #fff;
	font: bold 1.2rem "Yanone Kaffeesatz", sans-serif;
	text-align: center;} 
th { font: bold 0.9rem "Yanone Kaffeesatz", sans-serif; color: #616B76; background: #D9E2E1; border-right: 1px solid #A2ADBC; border-bottom: 1px solid #A2ADBC; border-top: 1px solid #A2ADBC; }
.today, td.today a, td.today a:link, td.today a:visited { color: #F6F4DA; font-weight: bold; background: #DF9496; } 
td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
	background: url(images/bg_calendar.gif) no-repeat right bottom;
} 
td a { text-decoration: none; font-weight: bold; display: block; } 
td a:link, td a:visited { color: #608194; background: url(images/bg_calendar.gif) no-repeat; } 
td a:hover, td a:active { color: #6aa3ae; background: url(images/bg_calendar.gif) no-repeat right top; }