:root{
	--computing: #F6DDCC;
	--religion: #FDEBD0;
	--artEducation: #D5F5E3;
	--history: #D0ECE7;
	--readingComprehensionWorkshop: #D6EAF8 ;
	--tutorships: #E8DAEF;
	--language: #FADBD8;
	--physicoChemistry: #D5D8DC;
	--biology: #E5E8E8;
	--musicWorkshop: #EAEDED;
	--geography: #F5CBA7;
	--english: #FAD7A0;
	--mathematics: #A9DFBF;
	--withoutClasses: #F75E68;
	--women-sPhysicalEducation: #D7BDE2;
	--men-sPhysicalEducation: #A9CCE3;
	--ethicsAndCitizenshipEducation: #D7BDE2;
	--literaryWorkshop: #E6B0AA;
}



*{
	text-align: center;
}


#header{
	padding: 2%;
	background-color: #1A5276;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	text-align: center;
	color: white;
	font-size: 1.3rem;
}

h3{
	color: rgb(208, 211, 212);
}


h4{
	padding: 3vw;
	background-color: white;
	color: rgb(46, 64, 83);
	font-size: 2.5vw;
}

#notices{
	padding: 1%;
	margin: auto;
}

#indicator{
	border-radius: 3rem;
	width: 20%;
	padding-top: 1vw;
}

#notice1, #notice2{
	border-radius: 1rem;
	border-style: solid;
	border-color: blue;
	width: 80%;
}


#index{
	padding: 2%;
	font-size: 1.5rem;
	color: grey;
}


.table{
	padding: 5%;
	width: 90%;
	background-color: #F0F3F4;
}


table{
	border: 1px solid black;
	color: black;
	width: 100%;
	height: auto;
}

@media(max-width:760px) {
	table{
	font-size: 0.9rem;
	}
}

@media(max-width:650px) {
	table{
	font-size: 0.6rem;
	}
}


@media(max-width:400px) {
	table{
	font-size: 0.3rem;
	}
}



#schedules1A{
	background-color: rgb(245, 183, 177);
} 

#schedules1B{
	background-color: rgb(210, 180, 222);
} 

#schedules2A{
	background-color: rgb(174, 214, 241);
} 



/*Aquí comienzan los colores de fondo de las distintas materias*/


.computing{
	background-color: var(--computing);
}


.religion{
	background-color: var(--religion);
}


.artEducation{
	background-color: var(--artEducation);
}


.history{
	background-color: var(--history);
}

.readingComprehensionWorkshop{
	background-color: var(--readingComprehensionWorkshop);
}

.tutorships{
	background-color: var(--tutorships);
}


.language{
	background-color: var(--language);
}


.physicoChemistry{
	background-color: var(--physicoChemistry);
}


.biology{
	background-color: var(--biology);
}


.musicWorkshop{
	background-color: var(--musicWorkshop);
}


.geography{
	background-color: var(--geography);
}


.english{
	background-color: var(--english);
}


.mathematics{
	background-color: var(--mathematics);
}


.women-sPhysicalEducation{
	background-color: var(--women-sPhysicalEducation);
}


.men-sPhysicalEducation{
	background-color: var(--men-sPhysicalEducation);
}


.ethicsAndCitizenshipEducation{
	background-color: var(--ethicsAndCitizenshipEducation);
}


.literaryWorkshop{
	background-color: var(--literaryWorkshop);
}

/*.withoutClasses{
	background-color: var(--withoutClasses);
}*/


#thead, .timeInterval, .order{
	padding: 2px;
	color: #2C3E50;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #AEB6BF;
}

.courseName, .hours{
	background-color: #566573 ;
	color:white;
}


caption{
	border-style: solid none;
	border-color: white;
	border-width: 10px;
	background-color: rgb(213, 219, 219);
	padding: 2%;
	font-size: 1.5rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}


#divider{
	width: 100%;
	height: 2rem;
}


footer{
	color: #34495E;
	font-size: 1.8vw;
	text-align: center;
  	padding-top: 3vw;
}



#advertising{
	background-color: #D5F5E3;
}


.banner a img{
	margin-bottom: 10px;
	width: 40%;
	border: 1px solid white;
  	border-radius: 2vw;
}