body,td,th {
	font-family: Arial;
	font-size: 13px;
	color: #666;
}
body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body img{
	border:none;
}

hr{
	clear:both;
	border:none;

}
a{color:#3F5F8D; text-decoration:none;}
a:hover{ color:#455765;}

#contenedor{
	margin:auto;
	width:1100px;
}
#cabecera{
	display:block;
	width:100%;
	padding-top:0px;
	padding-bottom:5px;
	height:90px;
	
}

#logo{
	width:275px;
	height:60px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left:10px;
	float:left;
}

.inlog2{
	border:0px #5EC2FF;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	width:190px;
	padding:0px;
}

#txthead{
	width:728px;
	height:90px;
	float: right;
 
}


#cuerpo{
	clear:both;
}
#izquierda{
	width:930px;
	float:left;
}
#derecha{
	width:160px;
	float:left;
	padding-left:10px;
}

#informacion{
	background:url(imagenes/ico_inf.png) no-repeat top right;
	background-color:#0099FF;
	width:430px;
	float:left;
	margin-right:10px;
	color:#FFF;
	padding:15px;
	padding-top:15px;
	padding-bottom:30px;
	font-size:16px;
	height:170px;
}
#informacion h1{
	padding:0px;
	margin:0px;
	font-size:22px;
	font-family:Arial;

}

#informacion strong{
	font-size:22px;
}
#informacion i{
	font-weight:bold;
	font-size:20px;
}
#logueo{
	background-color:#80A62F;
	width:430px;
	float:left;
	color:#FFF;
	padding:15px;
	padding-top:20px;
	padding-bottom:20px;
	height:175px;
}
#logueo strong{
	font-size:22px;
}
#logueo i{
	font-size:27px;
	padding-right:5px;
}

#registro{
	float:left;
	width:215px;
	height:180px;
	border-right:3px solid #75982C;
	color:#FFF;
}
#registro span{
	color:#BADA78;
	display:block;
	text-align:center;
	font-weight:600;
	font-size:25px;
	padding-top:15px;
	padding-bottom:5px;
}
#registro a{
	text-decoration:none;
	text-align:center;
	display:block;
	background-color:#FFF;
	border-radius:5px;
	padding:10px;
	font-size:20px;
	color:#585858;
	margin-right:20px;
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom:0px;
	height:25px;
}
#registro a:hover{
	background-color:#EBF8DE;
	color:#4F7E0E;
}
#sesion{
	float:left;
	width:202px;
	padding-left:10px;
}
.caja{
	font-family:Arial;
	font-size:15px;
	color:#88999F;
	width:185px;
	margin-top:10px;
	padding:8px;
	border:none;
	background-color:#FFF;
}
.btnlogin{
	font-family:Arial;
	font-size:15px;
	float:left;
	width:100px;
	background-color:#FFF;
	border-radius:5px;
	padding:5px;
	font-size:20px;
	color:#585858;
	border:none;
	margin-top:10px;
	height:35px;
	cursor:pointer;
}

.olvidaste{
	float:left;
	padding-left:15px;
	padding-top:12px;
	font-size:12px;
	width:85px;
}

#sesion a{
	color:#FFF;
	text-decoration:underline;
	font-weight:600;
}
#sesion a:hover{
	color:#CBEC9F;
	text-decoration:none;
}

#pruebelo{
	background-image:url(imagenes/pruebelo.png);
	background-repeat:no-repeat;
	float:left;
	width:126px;
	height:130px;
	padding-top:35px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	color:#FFF;
	font-size:20px;
	margin-top:20px;
}
#pruebelo a{
	text-decoration:none;
	color:#FFF;
}
#pruebelo a:hover{
	color:#EBF8DE;
}
#pruebelo strong{
	font-size:32px;
	font-weight:600;
}
.idiom{
	width:250px;
	float:left;
	margin-top:20px;
	height:75px;
	padding-left:8px;
}
.idiom a{
	color:#3F79AA;
	font-family:Arial;
	font-weight:600;
	text-decoration:none;
}
.idiom a:hover{
	color:#C4530F;
}
.idiom img{
	float:left;
	margin-right:10px;
}
.idiom h3{
	margin:0px;
	padding:0px;
	font-size:13px;
	padding-top:8px;
	padding-bottom:8px;
	font-weight:700;
}
.idiom p{
	margin:0px;
	padding:0px;
	font-size:11px;
}
.idiom i{
	float:left;
	font-size:60px;
	padding:0px;
	padding-top:10px;
	padding-right:5px;
	margin:0px;
	color:#2C3032;
}
.idiom h2{
	font-size:28px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	padding-top: 5px;
	padding-left:65px;
}
#ficha1{
	padding:10px;
	padding-left:20px;
	width:270px;
	background-color:#EBF0F1;
	float:left;
	margin-top:20px;
	height:155px;
}

#ficha1 p{
	padding-top:10px;
}
#ficha1 i{
	float:left;
	font-size:90px;
	color:#384447;
	margin-top:10px;
	margin-right:10px;
}

#ficha1a{
	padding-left: 20px;
}

#ficha2{
	padding:10px;
	padding-left:20px;
	width:270px;
	background-color:#EBF0F1;
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-top:20px;
	height:155px;
}
#ficha2 i{
	float:left;
	font-size:90px;
	color:#384447;
	margin-top:10px;
	margin-right:10px;
}
#ficha2 p{
	padding-top:10px;
}

.enlace a{
	float:right;
	width:160px;
	background:#3F5F8D;
	color:#FFF;
	padding:8px;
	font-size:16px;
	font-weight:600;
	text-align:center;
	border-radius:4px;
}

.enlace a:hover{
	background-color:#455765;
}

#ficha3{
	padding:10px;
	padding-left:20px;
	width:270px;
	background-color:#EBF0F1;
	float:left;
	margin-top:20px;
	height:155px;
}
#ficha3 i{
	float:left;
	font-size:90px;
	color:#384447;
	margin-top:10px;
	margin-right:10px;
}
#ficha3 p{
	padding-top:10px;
}

#ficha1 h2, #ficha2 h2, #ficha3 h2{
	color:#416294;
	padding:0px;
	margin:0px;
	font-size:25px;
	font-family:arial;
	font-weight:bold;
}

#bannerpie{
	clear:both;
	padding-top:5px;
	text-align:center;
	padding-left:60px;
	
}

#pie{
	clear:both;
	border-top:3px solid #EDEEEF;
	padding-top:5px;
	margin-top:5px;
	font-size:13px;
	color: #666;
	text-align:center;
}

#pie img{
	margin:0px;
	padding:0px;
	padding-right:10px;
}
#flags_down{
	display:none;
}

.check{
	display:inline-block;
	background:url(imagenes/check.gif) no-repeat;
	width:15px;
	height:11px;
}
.ic_registro{
	display:inline-block;
	background:url(imagenes/ic_registro.gif) no-repeat;
	width:26px;
	height:20px;
}
.ic_sesion{
	display:inline-block;
	background:url(imagenes/ic_sesion.gif) no-repeat;
	width:22px;
	height:20px;
}
.otrosidiomas{
	display:block;
	float:left;
	background:url(imagenes/otrosi.jpg) no-repeat center left;
	width:55px;
	height:75px;
}
.ic_facebook{
	background:url(imagenes/ic_fb.gif) no-repeat;
	display:inline-block;
	width:36px;
	height:36px;
}
.ic_twitter{
	background:url(imagenes/ic_twitter.gif) no-repeat;
	display:inline-block;
	width:36px;
	height:36px;
}
.ic_google{
	background:url(imagenes/ic_google.gif) no-repeat;
	display:inline-block;
	width:36px;
	height:36px;
}
.ic_pinterest{
	background:url(imagenes/ic_pinterest.gif) no-repeat;
	display:inline-block;
	width:36px;
	height:36px;
}
.ic_aula{
	display:inline-block;
	width:80px;
	height:80px;
	background:url(imagenes/aula.png) no-repeat center left;
}
.ic_test{
	display:inline-block;
	width:80px;
	height:80px;
	background:url(imagenes/test-vel.gif) no-repeat center left;
}
.ic_donar{
	display:inline-block;
	width:80px;
	height:80px;
	background:url(imagenes/donar.gif) no-repeat center left;
}

@media screen and (max-width: 1100px) {
	#derecha{
		display:none;
	}
	#txthead{
		width:468px;
		height: 60px;
		float: right;
		padding-top: 15px;
	}
	#contenedor{
		width:930px;
		margin:auto;
	}
	#bannerpie{
		padding-left: 90px;
	}
	#flags_down{
		display:none;
	}
}
@media screen and (max-width: 930px) {
	#contenedor{
		width:100%;
		margin:auto;
	}
	#txthead{
		width: 320px;
		padding-right: 10px;
		padding-top:20px;
	}
	#informacion{
		width:94.098924731182795698924%;
		height:145px;
		margin-bottom:10px;
		margin-left:5px;
		margin-right:5px;
	}
	#logueo{
		width:94.098924731182795698924%;
		margin-bottom:10px;
		margin-left:5px;
		margin-right:5px;
	}
	#izquierda{
		width:100%;
	}
	#pruebelo{
		clear:both;
		display:block;
		margin: 1em 25%;
		margin-top:5px;
		margin-bottom:5px;
	}
	.idiom{
		display:none;
		width:95.698924731182795698924%;
	}
	.idiom h2, .idiom h3{
		width:80%;
	}
	#ficha1, #ficha2, #ficha3{
		margin:5px;
	}
	#bannerpie{
		padding-left: 50px;
	}
	#flags_down{
		display:block;
	}
	
}
@media screen and (max-width: 600px){
	#txthead{
		display:none;
	}
	#informacion, #logueo{width:90%; height:auto;}
	#registro{
		display:block;
		clear:both;
		width:100%;
		border-right:none;
		border-bottom:3px solid #75982C;
		padding-bottom:15px;
		margin-bottom:10px;
		height:auto;
	}
	#sesion{
		padding:0px;
		clear:both;
		display:block;
		width:100%;
	}
	.caja{
		width:95%;
	}
	.idiom{
		height:auto;
		margin-top:5px;
		margin-bottom:5px;
	}
	.idiom h3{
		font-size:15px;
	}
	.idiom h2{
		font-weight:600;
	}
	.idiom p{
		font-size:12px;
	}
	#ficha1, #ficha2, #ficha3{
		width:90%;
		margin:5px;
		height:auto;
	}
	.txtpie{
		clear:both;
		display:block;
		padding:5px;
	}
	#logo{
		width:auto;
		height:60px;
		padding-left:10px;
		clear:both;
	}

	.olvidaste{
		padding-top:10px;
		font-size:16px;
	}
	#bannerpie{
		padding-left: 40px;
	}
	
}
@media screen and (max-width: 400px){
	#txthead{
		display:none;
	}

	#informacion, #logueo{width:87%;}
	#ficha1, #ficha2, #ficha3{
		width:87%;
	}
	.idiom h3, .idiom p{
		width:66.115702479338842975206611570248%;
	}
	#bannerpie{
		padding-left: 20px;
	}
}
/* els que tenen tamany horitzontal <= de 359 */
@media screen and (max-width: 359px){

	#bannerpie{
		padding-left: 10px;
	}

}
/* els que tenen tamany horitzontal <= de 339, com ara mobil petit vertical amb w=320*/
@media screen and (max-width: 339px){

	#bannerpie{
		padding-left: 0px;
	}

}
/* els que tenen tamany horitzontal <= de 319 -> no es mostra anunci */
@media screen and (max-width: 319px){

	#bannerpie{
		display:none;
	}

}