@charset "utf-8";
/* CSS Document */

.columna
{
	display: inline-block;
	float: left;
	width: 90%;
	height: 200%;
	margin-left:50px;
}

.columna>p
{
	height: 100%;
	font-size: 45px;
	text-align: center;
	padding-top: 10px;
	background: -webkit-linear-gradient(right, #FFF, #5EAEFF);
	background: -moz-linear-gradient(right, #FFF, #5EAEFF);
	color: BLACK;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		
	-moz-border-radius: 50px 0px 50px 0px;
	-webkit-border-radius: 50px 0px 50px 0px;
	border-radius: 50px 0px 50px 0px;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#textoindice
{
	height: 100%;
	font-size: 28px;
	padding-top: 15px;
	background: -webkit-linear-gradient(right, #FFF, #5EAEFF);
	background: -moz-linear-gradient(right, #FFF, #5EAEFF);
	color: BLACK;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

#index
{
	width: 290px;
	height: 345%;
	margin-left: 25%;
	margin-top: 10px;
}

#catalan
{
	width: 200px;
	height: 345%;
	margin-left: 32%;
	margin-top: 10px;
}

#castellano
{
	width: 200px;
	height: 350%;
	margin-left: 32%;
	margin-top: 10px;
}

#filosofia
{
	width: 200px;
	height: 280%;
	margin-left: 32%;
	margin-top: 25px;
}

#ingles
{
	width: 200px;
	height: 340%;
	margin-left: 30%;
	margin-top: 10px;
}

#mates
{
	width: 40%;
	height: 300%;
	margin-left: 30%;
	margin-top: 25px;
}

#historia
{
	width: 55%;
	height: 340%;
	margin-left: 20%;
	margin-top: 10px;
}

#fondo1
{
	float: left;
	width: 93%;
	height: 100px;
	margin-left:50px;
	margin-top:270px;
	background-color:#FFF;
	opacity:0.5;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#fondo2
{
	float: left;
	width: 93%;
	height: 200px;
	margin-left:50px;
	margin-top:250px;
	background-color:#FFF;
	opacity:0.5;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}	

#fondo3
{
	float: left;
	width: 93%;
	height: 190px;
	margin-left:50px;
	margin-top:250px;
	background-color:#FFF;
	opacity:0.5;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#fondo4
{
	float: left;
	width: 93%;
	height: 230px;
	margin-left:50px;
	margin-top:250px;
	background-color:#FFF;
	opacity:0.5;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#fondo5
{
	float: left;
	width: 93%;
	height: 190px;
	margin-left:50px;
	margin-top:250px;
	background-color:#FFF;
	opacity:0.5;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#fondo6
{
	float: left;
	width: 93%;
	height: 150px;
	margin-left:50px;
	margin-top:250px;
	background-color:#FFF;
	opacity:0.5;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#fondo7
{
	float: left;
	width: 93%;
	height: 150px;
	margin-left:50px;
	margin-top:250px;
	background-color:#FFF;
	opacity:0.5;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#texto
{
	position:absolute;
	float: left;
	width: 90%;
	height: 300px;
	margin-top:300px;
	margin-left:60px;
	opacity:1.0;
}

#texto p
{
	font-weight: bold;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:justify;
}

#indice
{
	font-size: 20px;
	font-weight: bold;
	
}