@font-face{
		font-family:quattrocento;
		src:url(QuattrocentoSans.ttf) format('truetype');
	}
	@font-face{
		font-family:open;
		src:url(Opensans.ttf) format('truetype');
	}
	@font-face{
		font-family:programacion;
		src:url(cour.ttf) format('truetype');
	}
   @font-face{
        font-family:cabin_bold;
        src: url(CabinCondensed-SemiBold.ttf) format('truetype');
      }

body{
	background-color:green;
	background-color:#D6B64C;
	width:1000px;
	margin:7px auto;
}

html{
  overflow-y: scroll;
}

section{
	font-family:open;
	background-color:#E0D5BA;
	font-size:15px;
	padding-top:19px;
	padding-left:25px;
	padding-right:17px;
	padding-bottom:20px;
	margin-bottom:17px;
	border-radius:5px;
}
header{
	font-family:quattrocento;
	background:url("../img/jquery_fondo.png");
	background-repeat:no-repeat;
	background-position:403px 9px;
	background-color:#0f1923;
	font-size:20px;
	color:white;
	margin-bottom:2px;
	padding:19px;
	border-radius:3px;
}
#volver{
	background-color:#0f1923;
	border-radius:3px;	
	margin-bottom:29px;
	padding:1px 0 3px 18px;
	width:70px;
}
#volver a{
	font-family:cabin_bold;
	font-size:20px;
	color:white;
	text-decoration:none;
}
#volver a:hover{
	color:#4082ae;
}
#titulo{
	font-family:cabin_bold;
	font-size:20px;
	color:#397299;
	margin-bottom:12px;
}
a{
	text-decoration:none;
	font-family:quattrocento;
	font-size:17px;
	color:#16609C;
}
a:hover{
	color:#639CCA;
}
#imatge{
	margin-top:10px;
	margin-bottom:15px;
}
#codigo{
	font-family:programacion;
	width:800px;
	font-size:16px;
	color:#3e332f;
	padding:1px 0px 1px 35px;
	border-radius:14px;
	background-color:rgba(255,255,255,0.7);
	margin-top:17px;
	margin-bottom:20px;
}
.enlaces{
	background-color:#16609C;
	margin-bottom:22px;
	border-radius:5px;
	width:986;
	height:46px;
	padding:7px 7px;
}
.boton{
	font-family:cabin_bold;
	background-color:#E0D5BA;
	color:#16609C;
	font-size:23px;
	padding:7px 20px;
	border-radius:5px;
	height:31px;
	float:left;
	margin-right:7px;
}
#boton_indice{
	font-family:cabin_bold;
	background-color:#E0D5BA;
	color:#16609C;
	font-size:23px;
	padding:7px 20px;
	border-radius:5px;
	height:31px;
	float:right;
	margin-right:7px;
}
.boton:hover, #boton_indice:hover{
	background-color:white;
}
.grande{
	font-size:18px;
}
.peque{
	font-size:13px;
}
.rojo{
	color:red;
}
.gris{
	color:gray;
}
ul{
	list-style:none;
	list-style-image:url('../img/flecha.gif');
}