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

body {font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; margin: 0; background: #fff; color: #000000;}
h2 {font-size: 18px; margin: 0;}
h1 {font-size: 16px; margin: 0;}
a {text-decoration: none; color: #000000;}
a img {border: none;}
p {margin: 10px 0;}
#contenedor {position: relative; width: 780px; padding: 0; margin: 0 auto; background: #FFFFFF;}

#flags {position: absolute; top: 30px; right: 10px; width: 98px; padding: 2px 5px 0 12px; height: 23px; background: url(../images/flags_back.png) no-repeat;}
#colour {list-style: none; margin: 100px auto; padding: 0; position: relative; width: 278px; height: 240px; background: url(../images/colour.jpg) no-repeat; font-size: 12px; font-style: italic;}
	#colour li {margin: 0; padding: 0; position: absolute;}
	#colour a {display: block; width: 138px; height: 120px;}
#gold {top: 0; left: 70px; width: 138px; height: 120px;} #gold:hover {background: url(../images/gold.png) no-repeat;}
	#gold span, #gold p {display: none;}
	#gold:hover span {display: block; position: absolute; top: -40px; right: 20px; width: 200px; text-align: right;}
	#gold strong {color: #AD8B05;}
	#gold:hover p {display: block; position: absolute; left: -300px; top: 320px; width: 740px; font-size: 14px;}
#blue {top: 119px; left: 70px; width: 138px; height: 120px;} #blue:hover {background: url(../images/blue.png) no-repeat;}
	#blue span, #blue p {display: none;}
	#blue:hover span {display: block; position: absolute; top: 125px; left: 20px; width: 200px; text-align: left;}
	#blue strong {color: #014ab2;}
	#blue:hover p {display: block; position: absolute; left: -300px; top: 200px; width: 740px; font-size: 14px;}
#red {top: 119px; left: 0px; width: 138px; height: 120px;} #red:hover {background: url(../images/red.png) no-repeat;}
	#red span {display: none;}
	#red:hover span {display: block; position: absolute; top: 40px; right: 120px; width: 200px; text-align: right;}
	#red strong {color: #b60100;}
#silver {top: 0; left: 0px; width: 138px; height: 120px;} #silver:hover {background: url(../images/silver.png) no-repeat;}
	#silver span {display: none;}
	#silver:hover span {display: block; position: absolute; top: 40px; right: 120px; width: 200px; text-align: right;}
	#silver strong {color: #c7ccd2;}
#pink {top: 0; left: 139px; width: 138px; height: 120px;} #pink:hover {background: url(../images/pink.png) no-repeat;}
	#pink span {display: none;}
	#pink:hover span {display: block; position: absolute; top: 40px; left: 120px; width: 200px; text-align: left;}
	#pink strong {color: #fe4568;}
#platinum {top: 118px; left: 139px; width: 138px; height: 120px;} #platinum:hover {background: url(../images/platinum.png) no-repeat;}
	#platinum span {display: none;}
	#platinum:hover span {display: block; position: absolute; top: 40px; left: 120px; width: 200px; text-align: left;}
	#platinum strong {color: #898989;}
#footer {clear: both; width: 780px; padding: 5px 0; text-align: center; font-size: 12px; margin: 0 auto; border-top: 1px solid #000; font-style: italic;}
	.f_gold {color: #ad8b05;}
	.f_blue {color: #014ab2;}
	.f_red {color: #b60100;}
	.f_silver {color: #c7ccd2;}
	.f_pink {color: #fe4568;}
	.f_platinum {color: #898989;}