@charset "utf-8";
@font-face {
font-family: "FuenteReelCode";
src: url(fonts/fuenteReelCode.ttf) format("truetype");
}

@font-face {
font-family: "FuenteReelCodeNegrita";
src: url(fonts/fuenteReelCodeNegrita.ttf) format("truetype");
}

ul#menu {
	padding:0;
	list-style:none;
	text-align:center;
	height:41px;
	width:800px;
	position:static;
	left:0;
	top:150px;
}
ul#menu ul {padding:10px; margin:0; list-style:none; position:absolute; left:-9999px;}
ul#menu table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

ul#menu ul li {float:left; margin:0; text-align:left;}
ul#menu ul li a {display:block; line-height:20px; margin:0; padding:0 10px; background:transparent; width:150px;}

ul#menu li {display:inline; margin:0 -2px; text-align:left;}
ul#menu li a {
	display:inline-block;
	list-style: none;
	background-color: #f2f2f2;
	border:0px;
	padding:10px;
	background-position:top;
	text-decoration: none;
	color:#999999;
	font-family: 'FuenteReelCodeNegrita'; /* Si ponemos ", arial;" al final el IE coge arial*/
	font-size: 10px;
	font-weight:normal;
}
ul#menu li a.sub {background-position:right top; margin:0;}

html>/**/body ul#menu li {display:inline-block; padding:0;}

* html ul#menu li a.sub {margin-right:3px;}
* html ul#menu li a {margin-bottom:-4px;}

ul#menu li a b {display:block; height:36px; float:left; padding:0 0 0 20px; background:url(button.gif) left top; cursor:pointer;}

ul#menu li a:hover {position:relative; border-color: #f2f2f2; color: #f2f2f2;}
ul#menu li a:hover b {background-position:left bottom;}

ul#menu li:hover {position:relative;}
ul#menu li:hover > a {background-position:right bottom;
	border-color: #f2f2f2;
	color: #000000;}
ul#menu li:hover > a b {background-position:left bottom;}

ul#menu :hover ul {left:0px; top:22px;}
* html ul#menu :hover ul {top:36px;}

ul#menu :hover ul li {display:block; float:left; margin:0;}
ul#menu :hover ul li a {display:block; float:left; margin:0; height:25px; width:150px; color:#999999;} 
/* Fondo del submenu completo background:#f2f2f2; tamaño de línea de submenu antigua width 95px*/

ul#menu :hover ul li a.fly {background:#f2f2f2; margin:0; padding:10px;} 
ul#menu :hover ul li a:hover {border-color: #f2f2f2;
	color: #f2f2f2;}
	
ul#menu :hover ul li a:focus {outline:0;}
/* Quitar recuadro punteado de visitado */

ul#menu :hover ul li:hover > a {color:#000000;
	border-color: #f2f2f2;
}
/* Color cuadro de fondo background:#f2f2f2; */

ul#menu :hover ul li a.fly:hover {background-color: #ba0d5d;
	border-color: #f2f2f2;
	color: #f2f2f2;}
	
ul#menu :hover ul li:hover > a.fly {background:#f2f2f2; background-color: #ba0d5d;
	border-color: #f2f2f2;
	color: #f2f2f2;}

ul#menu :hover ul ul {left:-9999px;}

ul#menu :hover ul :hover ul {left:105px; top:0; width:150px;}

ul#menu :hover ul :hover ul li {display:block; float:left; margin:0;}
ul#menu :hover ul :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; background:#f2f2f2; color:#000;}
ul#menu :hover ul :hover ul li a:hover {color:#fff; background:#f2f2f2;}


#bot3 {
	border: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	display: inline-block;
}

#bot3 a{
	background-image:url(images/facebook_reelcode.png);
	height:24px;
	width:24px;
	text-align:right;
	display: block;
	color: #990000;
	text-decoration: none;
	background-repeat: no-repeat;
}

#bot3 a:hover{
	background-image:url(images/facebook_BN_reelcode.png);
}
#bot3 a:focus{
	background-image:url(images/facebook_BN_reelcode.png);
}

#bot4 {
	border: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	margin-right: 20px;
	margin-top: 10px;
}

#bot4 a{
	background-image:url(images/twitter_reelcode.png);
	height:24px;
	width:24px;
	text-align:right;
	display: block;
	color: #990000;
	text-decoration: none;
	background-repeat: no-repeat;
}

#bot4 a:hover{
	background-image:url(images/twitter_BN_reelcode.png);
}
#bot4 a:focus{
	background-image:url(images/twitter_BN_reelcode.png);
}

#bot5 {
	border: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	margin-left: 20px;
	margin-top: 10px;
}

#bot5 a{
	background-image:url(images/Spain_24.png);
	display: block;
	height:24px;
	width:24px;
	text-align:left;
	color: #990000;
	text-decoration: none;
	background-repeat: no-repeat;
}

#bot5 a:hover{
	background-image:url(images/Spain_BN_24.png);
}
#bot5 a:focus{
	background-image:url(images/Spain_BN_24.png);
}

#bot6 {
	border: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	margin-left: 20px;
	margin-top: 10px;
}

#bot6 a{
	background-image:url(images/Uk_24.png);
	height:24px;
	width:24px;
	text-align:left;
	display: block;
	color: #990000;
	text-decoration: none;
	background-repeat: no-repeat;
}

#bot6 a:hover{
	background-image:url(images/Uk_BN_24.png);
}
#bot6 a:focus{
	background-image:url(images/Uk_BN_24.png);
}
#bot6 a:visited{
	background-image:url(images/Uk_24.png);
}