@CHARSET "ISO-8859-1";

BODY {
	
	font-family:geneva, 'Trebuchet MS', sans-serif;
	font-size:11px;
	
	height: 100%;
	width: 100%;
	color:#0B2A3F;
	margin: auto;
	padding: 0px;
	background: #0C2C42;	
}
#main {
	min-height:412px;
	height:auto !important;
	height:412px;
	
	width: 830px;
	background: url("../media/background.jpg") repeat-y;
	margin: auto;
	padding: 0px;
}
#body {
	min-height:760px;
	height: auto !important;
	height:760px;
	
	width: 770px;
	/*border: 1px solid red;*/
	position:relative;
	float:inherit;
	top: 0px;
	left: 30px;
}
#header {
	height: 132px;
	width: 770px;
	/*background: url("../media/header.jpg") no-repeat;*/
	float: left;/* _2_*/
	position: relative;/* _2_*/
	clear: both; /* _2_*/
}
.es{background: url("../media/header_es.jpg") no-repeat;}
.en{background: url("../media/header_en.jpg") no-repeat;}
.pt{background: url("../media/header_pt.jpg") no-repeat;}
	
#flash{
	height: 211px;
	width: 770px;
	background: url("../media/animacion.jpg") no-repeat;
	float: left;
	position: relative;
}
#content{
	clear:both;
	float:left;
	position:relative;
	width: 770px;
	height:412px;
	background: url("../media/cuerpo.png") no-repeat;
}
.content2 {
	min-height:412px;
	height:auto !important;
	height:412px;	
	
	/*clear:both !important;*/
	float:none !important;	
	background: none !important;	
}
#nav_top {
	
	width: 100px;
	height: 20px;
	/*border: 1px solid red;*/
	float: inherit;
	position: absolute;
	top: 26px;
	right: 24px;
	text-align: right;
}

IMG {
	border: none;	
}
#menu {
	
	height: 34px;
	width: 550px;
	/*border: 1px solid red;*/
	float:right;
	position: absolute;
	top: 72px;
	right: 11px;	
	color: #1A374A;	
}

#menu_body{
	float: right;
	position: absolute;
	top:0px;
	right:-9px;	
}
#menu .right_part{

	height: 34px;
	width: 11px;
	float: left;
	position: relative;
	background:url("../media/right_menu.jpg") no-repeat;
}
#menu .left_part{

	height: 34px;
	width: 11px;
	float: left;
	position: relative;
	background:url("../media/left_menu.jpg") no-repeat;
}

#menu #body_part{

	height: 34px;	
	float: left;
	position: relative;
	background: url("../media/body_menu.jpg") repeat-x;
}
#cpright{
	float: left;
	position: absolute;	
	bottom: 5px;
	width: 770px;
	
	/*border:1px solid red;*/
	text-align: center;
	color: #235175;
	font-size: 10px;
	font-family: arial,sans-serif;
}
#cprightC{
	/*border: 1px solid red;*/
	width: 770px;
	text-align: center;
	color: #235175;
	font-size: 10px;
	font-family: arial,sans-serif;	
	/*border: 1px solid red;*/
	/*height:55px;*/
	height:50px;
	width:100%;
	background: url("../media/footer2.jpg") no-repeat scroll left top;
}
#cprightC .roy_content{
	padding: 19px 0px 0px 0px;
}
#middle_content{
	
	/*border:1px solid red;*/
	height: 141px;
	width: 746px;
	float:inherit;
	position: relative;
	margin: auto;
	padding: 0px 0px 0px 0px;
	top:8px;
	left:12px !important;
	left:0px;
	color: white;
}

#top_content {
	
	background: url("../media/top.jpg");
	width: 770px;
	height: 171px;
	float: left;
	position: relative
}

#sub_top{
	
	width: 770px;
	height: 56PX;
	float: left;
	position: relative;
	background:url("../media/sub_top.png") no-repeat !important;
	background:none;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/sub_top.png',sizingMethod='scale');*/
	z-index: 5;	
}
#sub_top_catalog{
	
	width: 770px;
	height: 56PX;
	float: left;
	position: relative;
	/*background:#FBCB07 url("../media/sub_top.png") no-repeat !important;
	background:#FBCB07;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/sub_top.png',sizingMethod='scale');
	*/
	z-index: 5;	
}

.page_name_categoria_naranja_amarilla {
	background:#FBCB07 url("../media/sub_top.png") no-repeat !important;
	background:#FBCB07;	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/sub_top.png',sizingMethod='scale');*/
	
}
.sub_background_categoria_naranja_amarilla{
	background:#FBCB07 url("../media/pestana2.png") no-repeat scroll left bottom !important;
	background:none;
	background-color:#FBCB07;		
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/pestana2.png',sizingMethod='crop');*/	
	
	/*color:#FCDB52;*/
}
.page_name_categoria_amarilla {
	background:#F9FD44 url("../media/sub_top.png") no-repeat !important;
	background:#F9FD44;	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/sub_top.png',sizingMethod='scale');*/
	
}
.sub_background_categoria_amarilla{	
	background:#F9FD44 url("../media/pestana2.png") no-repeat scroll left bottom !important;	
	background:none;
	background-color:#F9FD44;	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/pestana2.png',sizingMethod='crop');	*/
	
}

.page_name_categoria_roja {
	background:#98101A url("../media/sub_top.png") no-repeat !important;
	background:#98101A;	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/sub_top.png',sizingMethod='scale');*/
	
}
.sub_background_categoria_roja{	
	background:#98101A url("../media/pestana2.png") no-repeat scroll left bottom !important;
	background:none;
	background-color:#98101A;	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/pestana2.png',sizingMethod='crop');*/	
		
}

.page_name_categoria_azul {
	background: #0A6C99 url("../media/sub_top.png") no-repeat !important;
	background: #0A6C99;	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/sub_top.png',sizingMethod='scale');*/
	
}
.sub_background_categoria_azul{	
	background: #0A6C99 url("../media/pestana2.png") no-repeat scroll left bottom !important;
	background:none;
	background-color:#0A6C99;	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/pestana2.png',sizingMethod='crop');	*/
			
}

.page_name_categoria_verde {
	background: #71981B url("../media/sub_top.png") no-repeat !important;
	background: #71981B; 	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/sub_top.png',sizingMethod='scale');*/
	
}
.sub_background_categoria_verde{	
	background: #71981B url("../media/pestana2.png") no-repeat scroll left bottom !important;
	background:none;
	background-color:#71981B;	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/pestana2.png',sizingMethod='crop');	*/
		
}

.page_name_categoria_naranja {
	background: #ED9A3C url("../media/sub_top.png") no-repeat !important;
	background: #ED9A3C; 	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/sub_top.png',sizingMethod='scale');*/
	
}
.sub_background_categoria_naranja{	
	background: #ED9A3C url("../media/pestana2.png") no-repeat scroll left bottom !important;
	background:none;
	background-color:#ED9A3C;	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/pestana2.png',sizingMethod='crop');	*/
}

#sub_background{
	
	/*color:#FCDB52;*/
	color:white;
	font-weight:bold;
	width: 770px;
	height: 100px;
	/*background: #FBCB07;*/
	float: left;
	position: relative;
	top: 0px;
	left: 0px;	
	z-index: 4;	
	
}
#catalog_number{
	height: 150px;
	width: 150px;	
	float: left;
	position: absolute;	
	top: -40px;
	left: 35px;
	font-size: 150px;

}
#catalog_name{
	
	width: 100%;	
	float: right;
	position: absolute;		
	right:68px;	
	text-align:right;
	
	/*font-size: 40px;*/
	/*top:-15px;*/
	
	font-size: 30px;
	top:-4px;	
}

#catalog_container{
	/*float: left;
	position: relative;
	width:100%;
	top: -100px;
	left: 0px;
	z-index: 6;
	background:url("../media/pestana.png") no-repeat scroll left top !important;
	background:none;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/pestana.png',sizingMethod='crop');	
	padding-top: 100px;
	*/	
	clear: both;		
}
#sub_top .roy_content,#sub_top_catalog .roy_content{
	padding: 20px 0px 0px 30px;
	color: white;
	font-weight: bold;
	font-size: 16px;

}
#large_content {

	width: 770px;	
	min-height:375px;
	height:auto !important;
	height: 375px; 
	clear: both;	
	color: #235175;
}
#atras{
	margin: 15px 0px;
}
#large_content .roy_content{
	padding: 0px 5px 0px 5px;	
	position: relative;
	z-index: 1;	
}

#middle_content .roy_content{
	padding: 0px 4px !important;
	padding: 0px 0px;
}
#left_content{
	width: 356px;
	height: 174px;
	/*border:1px solid red;*/
	float: left;
	position: absolute;
	left: 21px;
	top: 180px;
}
#left_content .roy_content{
	padding: 0px 2px;
	
}
#right_content{
	width: 337px;
	height: 154px;
	/*border:1px solid red;*/
	float: right;
	position: absolute;
	right:10px;
	top: 193px;
	
}
#right_content .roy_content{
	padding: 0px 2px;
}
#middle_content_left{
	width: 382px;
	height: 140px;
	/*border:1px solid red;*/
	float: left;
	position: absolute;
}
#middle_content_left .roy_content{
	padding: 0px 18px;
}
#middle_content_right{
	width: 356px;
	height: 140px;
	/*border:1px solid red;*/
	float: right;
	position: absolute;	
	right: 0px;
}
#middle_content_right .roy_content{

	padding: 0px 15px !important;
	padding: 0px 13px;
}

.botonAzul {
	
	background: url("../media/boton_a.png") no-repeat !important;
	background: none;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/boton_a.png',sizingMethod='scale');*/
	width: 64px;
	height: 25px;
	text-align: center;
	padding-top: 5px;
	color: #F9FD44;
	font-weight: bold;
	float:right;	
	clear: both;	
}

.inner {
	position: relative;
	z-index: 1;	
}
.botonAzul a{
	
	color: white !important;
	text-decoration: none;
	
	
}
.botonNormal{
	
	background: url("../media/boton.png") no-repeat !important;
	background: none;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/boton.png',sizingMethod='scale');*/
	width: 64px;
	height: 25px;
	text-align: center;
	padding-top: 5px;	
	font-weight: bold;
	color: #0B2A3F;
	float:right;
	clear: both;
}
.botonNormal a{
	color: #0B2A3F!important;
	text-decoration: none;
}
.botonLargo{
	background: url("../media/boton_largo.png") no-repeat !important;
	background: none;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://74.52.60.242/royalpha/interface/roya/media/boton_largo.png',sizingMethod='scale');*/
	width: 215px;
	height: 19px;
	padding-top: 2px;
	padding-right: 15px;	
	font-weight: bold;
	color: #F9FD44;
	text-align: right;
	float:right;
	clear: both;
}
.botonLargo a{
	color: #F9FD44 !important;
	text-decoration: none;
}
/**** HTML **/
a {
	color: #98101A;
}
a:HOVER {
	text-decoration: none;
}
a:VISITED{
	color: #98101A;
}
h1,h2,h3 {
	margin: 0px;
	padding: 0px 0px;
}
h1 
{
	color: #0B2A3F;
	font-size: 15px;
}

h2
{
	color: #4D7392;
	font-size: 12px;	
}

h3 
{
	color: #4D7392;
	font-size: 11px;	
}
#middle_content h1 {
	color: white;
}

#middle_content h2 {
	color: white;
}

#middle_content h3 {
	color: white;
}
#middle_content a{
	color: white;	
}
#middle_content a:hover{
	color: white;
	text-decoration: none;	
}
#middle_content a:VISITED{
	color: white;	
}

.phi_tooltip  h1,.phi_modifier{
	 color: #98101A !important;
}

.RoyTable THEAD{
	empty-cells:show;
	color: white;
	/*height: 38px;*/
	
}
.RoyTable THEAD th{

	
	height:38px;
	background: #11314A url("../media/thead_back.jpg") repeat-x scroll left top;
	color: #F9FD44;
}
.RoyTable TBODY th{
	
	height:38px;
	background: #11314A url("../media/thead_back.jpg") repeat-x scroll left top;
	color: #F9FD44;
}
.RoyTable THEAD td{

	
	background: #153952;
}
.RoyTable 
{
	width: 100%;
}
.RoyTable TBODY {
	
	empty-cells:show;
	background: #153952;
	color: white;
	text-align: center;	
}


/** formularios ******/

fieldset {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 5px;
	padding-top: 20px;
}

form legend {
	font-size: 10px;
	padding: 0 15px 0 15px;
	color: #0B2A3F;
	font-weight: bold;
}

form ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

form ol li p {
	margin: 0;
	float: right;
	color: #666;
	width: 55%;
}

form ol li {
	padding: 6px;
	border-bottom: 1px dotted #ccc;
	clear: both;
}

form label {
	display: block;
	font-weight: bold;

}

form ol li label {
	display: block;
	float: left;
	margin-right: 20px;
	width: 160px;
	text-align: right;
}

form .footer {
	margin: 0;
	padding: 10px;
}

form ol li h3 {
	color: #0B2A3F;
	margin: 0;
	padding: 0;
	font-size: 10px;
	margin-left: 180px;
}

form label em {
	color: #0B2A3F;
}


fieldset fieldset
{
	border: none;
	padding-top: 0;
	background-color: #e6e6e6;
}

fieldset fieldset legend
{
	margin-top: 25px !important;
	margin-top: 0;
}

fieldset fieldset label
{
	float: none;
	width: auto;
	text-align: left;
}

fieldset fieldset label
{
	margin-left: 163px; /* Width plus 3 (html space) */
}

form input,

form textarea
{
	font-family: verdana, sans-serif;
	font-size: 10px;
}

form ol li.wide input
{
	width: 98%;
}

form ol li.wide label
{
	float: none;
	text-align: left;
	width: auto;
}

form .footer input
{
	/*
	border: 1px solid #999;
	background: #ddd;
	width:70px;
	*/
}
.player_cate_large {
	margin: auto;padding: 0px;float: none;padding: 0px 0px;
}
.player_cate_small {
	margin: auto;padding: 0px;float: none;padding: 0px 0px 0px 30px;
}
.langsMenu{
	position: absolute;
	bottom: 0px;
	right: 10px;
}
.langsMenu ul{list-style: none;margin: 0px;padding: 0px;}
.langsMenu ul li{display: inline;margin-right: 10px;}
.langsMenu a,.langsMenu a:hover,.langsMenu a:visited{
	text-decoration: none;
	color: #999999;
}

.langsMenu a img{
	margin-left: 3px;
}
