/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,label { margin:0; padding:0; }
img,body,html, abbr { border:0; }
ol,ul { list-style: none; }
input,button,fieldset { border: none; }
a, a img { text-decoration: none; border: none; }
h1, h2, h3, h4, h6, h6 { font-size:100%; font-weight:normal; }
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal; }
table { border-collapse:collapse; border-spacing:0; }
caption,th { text-align:left; }
object, img, a { outline:none; }
button{ background:none; }

/* GENERAL */
body { font: 11px Arial, Helvetica, sans-serif normal; color:#000; background: #000 url(../images/gui/bg_page.jpg) no-repeat center top; text-align:center; }
a { color: #046bb3; text-decoration:underline;}
a:hover, a:active { color:#2692fe; }

#header { width:974px; height:272px; margin: 0 auto 3px; }
#page	{ width:960px; margin:0 auto; }
	#menu { width:960px; height:31px; position:relative; text-align: left; z-index:100;}
		#menu div { width:960px; height:31px; position:absolute; left:0px; top:0px; background: transparent url(../images/gui/bg_menu.png) no-repeat left top;}
	#mainbox { margin-top: 3px; padding-top: 9px; position:relative; background: transparent url(../images/gui/bg_top_960white.png) no-repeat left top; }
		#maincontentwrap { padding-left: 3px; background-color: #FFF; text-align:left;}
			#maincontent { width:957px; margin:-6px 0; float:left; position:relative;}
		#maincontentbottom { background: transparent url(../images/gui/bg_bottom_960white.png) no-repeat left top; height: 9px;}
	
	.minibanners { text-align:center;}
		.minibanners a { padding: 0 4px;}
		.minibanners a img { display:inline;}
	#footer { padding: 8px 0; text-align:center; font-size: 10px; color:#CCC; }
		#footer a { color:#999;}
		
		
/* Menu */
.sf-menu { width: 940px; height:29px; padding: 1px 10px; line-height:29px; }
	.sf-menu ul { position:	absolute; top: -999em; width: 14em; /* left offset of submenus need to match (see below) */ }
	.sf-menu ul li { width:	100%; }
	.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
	.sf-menu li { float: left; position:relative;}
	.sf-menu a { display: block; position: relative; min-width:1px; }
		.sf-menu li ul li a { line-height: 24px;}
		.sf-menu li:hover ul,
		.sf-menu li.sfHover ul { left:0; top: 30px; /* match top ul list item height */ z-index:99; }
		
		ul.sf-menu li:hover li ul,
		ul.sf-menu li.sfHover li ul { top: -999em; }
		
		ul.sf-menu li li:hover ul,
		ul.sf-menu li li.sfHover ul { left:	14em; /* match ul width */ top:0; }
		
		ul.sf-menu li li:hover li ul,
		ul.sf-menu li li.sfHover li ul {top:-999em; }
		ul.sf-menu li li li:hover ul,
		ul.sf-menu li li li.sfHover ul { left: 14em; /* match ul width */ top:0; }

/* Menu Skin */
.sf-menu a { text-decoration:none; border-right:1px solid #A2A2A2; color:#444; padding: 0px 10px;}
.sf-menu li a { border-bottom:1px solid #A2A2A2; }
.sf-menu li li { background:#DDD; }
.sf-menu li li li { background:	#DDD; }
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #2479f9 url(../images/gui/bg_menu_active.jpg) repeat-x top; color:#FFF; outline: 0; }

/* Arrows */
.sf-menu a.sf-with-ul { padding-right: 	2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:absolute; display:block; right:.75em; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/gui/arrows-000000.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
/* give all except IE6 the correct values */
a > .sf-sub-indicator { top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* Apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/* Point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* Apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
/* Shadows for all but IE6 */
.sf-shadow ul { background:	url('../images/gui/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off { background: transparent; }


/* Forms */
input.textinput { padding: 4px; background:#FFF url(../images/gui/bg_input.jpg) left top no-repeat; font: 12px Arial, Helvetica, sans-serif; color:#000; border: 1px #999 solid; }
td.formlabel { text-align:right; line-height: 20px;}


/* User Box */
#userdatabox { position:absolute; top:11px; right:10px; width:195px; color:#ffea00; line-height: 16px; text-shadow: #000 0px 0px 4px; }
	#userdatabox h3 { font-size: 13px; }
	#userdatabox a { color:#FFF; text-decoration:underline; }
	
	#userdatawrap { margin: 0px 4px; padding-top:8px; font-size:12px;}
		#suscriptiondatawrap { width: 298px; height: 140px; }
			#suscriptiondatawrap strong { color:#FC0; }
			#userdatacolumn { width:198px; height:140px; float:left; text-align:center;}
				h2.titlesuscripcion { width: 198px; height: 18px; background: url(../images/gui/title_misuscripcion.gif); text-indent: -9999px; }
				#usercreditsbox { width: 198px; height:43px; margin-bottom:6px; line-height: 43px; text-align: center; background: #0270b1 url(../images/gui/bg_box_credits.jpg) no-repeat; color:#FFF; font-size: 13px;}
			#cellphonedatacolumn { width:94px; height:140px; padding-left: 6px; float:left;}
				#cellphonebox { width: 84px; height:99px; padding: 3px 2px 2px 3px; margin-bottom: 5px; background: #a9a9a9 url(../images/gui/bg_box_cellphone.jpg) left top no-repeat; overflow: hidden; }
		h2.titletiempoaire { width: 298px; height: 49px; background: url(../images/gui/title_mitiempoaire.jpg); text-indent: -9999px;}
		h2.titlereferidos  { width: 298px; height: 43px; background: url(../images/gui/title_misreferidos.jpg); text-indent: -9999px;}
		.grey298box { width:266px; padding: 0px 16px; background: #DDD url(../images/gui/bg_content_298grey.jpg) repeat-y; }
			.grey298box strong { color:#0864c3; }
			.grey298box .onelinecentered { text-align:center; padding-bottom: 5px; }
		.grey298boxbottom { width:298px; height:13px; background: url(../images/gui/bg_bottom_298grey.jpg) bottom; }
	
.usericon { width:56px; height:48px; position: absolute; top: 30px; left:16px; z-index:3;}

.userloginbox { padding: 0 18px; }
	h2.titlelogin { width: 270px; height: 48px; background: url(../images/gui/title_siyaerespartedelclub.gif); text-indent: -9999px; margin-bottom: 4px; }
	h2.titlesuscribed { width: 270px; height: 30px; background: url(../images/gui/title_suscribed.gif); text-indent: -9999px; }
	.userloginbox label { color:#C00; font-size: 12px; }
	.userloginbox td { height: 18px; padding: 5px; vertical-align: top; }
	.userloginbox table { width:100%;}

/* Columns */
.columncontainer { margin-bottom: 3px;}
		
.column316 { float:left; width:316px; margin-right: 3px; padding-top:10px; position:relative;}
.redcolumn  { background: #2C0000 url(../images/gui/bg_top_316red.jpg) no-repeat left top; }
	.redcolumn .column316bottom { height:9px; background: transparent url(../images/gui/bg_bottom_316red.jpg) no-repeat left bottom; }
.bluecolumn { background: #04357E url(../images/gui/bg_top_316blue.jpg) no-repeat left top; }
	.bluecolumn .column316bottom { height:9px; background: transparent url(../images/gui/bg_bottom_316blue.jpg) no-repeat left bottom; }
.greycolumn { background: #777777 url(../images/gui/bg_top_316grey.jpg) no-repeat left top; }
	.greycolumn .column316bottom { height:9px; background: transparent url(../images/gui/bg_bottom_316grey.jpg) no-repeat left bottom; }
	
.column434blue { float:left; width:434px; margin-right: 3px; position:relative; background: #04357E url(../images/gui/bg_top_434blue.jpg) no-repeat left top; padding-top: 9px; }
	.column434blue .columnbottom { height: 9px; background: transparent url(../images/gui/bg_bottom_434blue.jpg) no-repeat left bottom; }

.column198grey { float:left; width:198px; position:relative; background: #777 url(../images/gui/bg_top_198grey.jpg) no-repeat left top; padding-top:9px;}
	.column198grey .columnbottom { height: 9px; background: transparent url(../images/gui/bg_bottom_198grey.jpg) no-repeat left bottom; }
	
.basiccolumn635 { float:left; width:635px; position:relative; }
.column635blue { width:635px; position:relative; background: #04357E url(../images/gui/bg_top_635blue.jpg) no-repeat left top; padding-top: 9px; }
	.column635blue .columnbottom { height: 9px; background: transparent url(../images/gui/bg_bottom_635blue.jpg) no-repeat left bottom; }

/* Boxes */
.whitetabbedbox316, .whitebox316, .shortwhitebox316 { width:306px; height:365px; position:relative; margin: 0 5px -4px; }
.shortwhitebox316 { height:250px; }
.whitebox316, .shortwhitebox316 { padding-top: 9px; background: transparent url(../images/gui/bg_top_306grey.png) no-repeat; }
	.whitebox316 .contentbox, .shortwhitebox316 .contentbox, .whitetabbedbox316 .contentbox { width:306px; position:relative; background-color:#F7F7F7; min-height: 356px; height: auto !important; height: 356px; }
	.shortwhitebox316 .contentbox { min-height: 241px; height: auto !important; height: 241px; }
	.whitebox316 .whitebox316bottom, .whitetabbedbox316 .whitetabbedbox316bottom, .shortwhitebox316 .whitebox316bottom { background: transparent url(../images/gui/bg_bottom_306grey.png) no-repeat left bottom; height: 9px;}

.whitebox625 { width:625px; position:relative; margin: 0 5px -4px; background: #F7F7F7 url(../images/gui/bg_top_625grey.jpg) no-repeat left top; padding-top: 9px; }
	.whitebox625 .contentbox {min-height: 384px; height: auto !important; height: 384px; }
	.whitebox625 .columnbottom { height:9px; background:#F7F7F7 url(../images/gui/bg_bottom_625grey.jpg) no-repeat left bottom; }

.whitebox424 { width:424px; position:relative; margin: 0 5px -4px; background: #F7F7F7 url(../images/gui/bg_top_224grey.jpg) no-repeat left top; padding-top: 12px; }
	.whitebox424 .columnbottom { height:9px; background:#F7F7F7 url(../images/gui/bg_bottom_424grey.jpg) no-repeat left bottom; }
	
.whitebox188 { width:188px; position:relative; margin: 0 5px -4px; background: #F7F7F7 url(../images/gui/bg_top_188grey.jpg) no-repeat left top; padding-top: 12px; }
	.whitebox188 .columnbottom { height:9px; background:#F7F7F7 url(../images/gui/bg_bottom_188grey.jpg) no-repeat left bottom; }
	.whitebox188 .contentbox { min-height: 380px; height: auto !important; height: 380px; }
/* Banners */
.smallbannerbox { width:234px; height:116px; float:left; margin-right: 6px; background-color:#CCC; }

/* Previews */
.previewscontainer306 { padding: 18px 0px 0px 12px; }
	.imagepreviewbox { width:90px; height:90px; float:left; margin: 0 6px 6px 0; }
	.imagepreviewbox a img { border: 2px #C00 solid; }
	.imagepreviewbox a:hover img, .imagepreviewbox a:active img { border-color:#F03; }

/* Titles */
.whitetitle, .categorytitle { font-size:15px; color:#FFF; text-shadow: #000 0px 0px 4px; padding: 0 12px; height: 25px;} 

/* Fixes */
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

.nomargin { margin:0;}
.centered { text-align:center; }

/* HOME */
h2.titlebienvenido { width: 82px; height: 18px; margin: 0px 0px 34px 10px; background: url(../images/gui/title_bienvenido.jpg); text-indent: -9999px;}
h2.titletopcontent { width: 103px; height: 18px; margin: 0px 0px 0px 10px; background: url(../images/gui/title_topcontenido.jpg); text-indent: -9999px;}
h2.titlenoticias   { width: 218px; height: 38px; margin: 0px 0px 14px 10px; background: url(../images/gui/title_noticias.jpg); text-indent: -9999px;}

/* Top content */
ul.contenttabs { width: 306px; height:43px; margin: 0 5px;}
	ul.contenttabs li { display:block; float:left; }
	ul.contenttabs li a { display:block;width: 153px; height:43px;text-indent: -9999px; }
		a.tabimagenes		{ background:url(../images/gui/tab_fondos.jpg); }
		a.tabanimaciones	{ background:url(../images/gui/tab_animaciones.jpg); }
		li.active a.tabimagenes { background:url(../images/gui/tab_fondos_active.jpg); }
		li.active a.tabanimaciones { background:url(../images/gui/tab_animaciones_active.jpg); }
		
.contentcenteredlink { height: 30px; padding: 10px 5px; line-height: 30px; text-align:center;  }
	.contentcenteredlink a { font-size: 13px; }

/* Top News */
#homenewswrap { padding: 0 12px; }
	.homenewsbox { position:relative; width:282px; height:83px; margin-bottom: 6px;  background: url(../images/gui/bg_varios.gif) no-repeat right top; }
		.homenewsbox .thumbbox { width:83px; height:83px; margin-right: 6px; float:left; }
		.homenewsbox h3 { padding-right: 30px; }
		.homenewsbox h3 a { color:#a60000; font-size: 12px; text-decoration:none;}				
		.noticiasdetalle { position:absolute;bottom:2px; right: 0px; text-align: right; }
		
		.homecinenews { background: url(../images/gui/bg_cine.gif) no-repeat right top;}
		.homefutbolnews { background: url(../images/gui/bg_futbol.gif) no-repeat right top;}
		.homechismesnews { background: url(../images/gui/bg_chismes.gif) no-repeat right top;}
		
/* NOTICIAS */
.newscontentbox { padding: 3px 12px; min-height: 375px; height: auto !important; height: 375px; }
	.newscontentbox .thumbbox { float:left; margin: 0 12px 10px 0; }
	.newscontentbox h3 { font-size:14px; font-weight: bold; color:#a60000; }
	.newscontentbox h4 { color:#666; margin-bottom: 12px; }
	.newscontentbox p { font-size:12px; line-height: 15px; margin-bottom:8px;}
	
	#newsnavigation { height: 20px; padding-top:10px; clear:both; }
		#newsnavigation div { width: 200px; height: 20px; line-height: 20px; font-size: 13px; }
		.recentnews { display:block; float:left; }
		.oldernews { display:block; float:right; text-align:right;}
		
h2.titleotrasnoticias { width:85px; height:20px; background: url(../images/gui/title_otrasnoticias.jpg); text-indent:-9999px; margin: 0 0 6px 8px;}
ul.newsmenu { margin: 0 6px; font-size:12px; }
	ul.newsmenu li { padding-left: 12px; background:url(../images/gui/bullet_redarrowdown.gif) no-repeat; }
	ul.newsmenu li li li {  background:url(../images/gui/bullet_redarrowleft.gif) no-repeat;}
	ul.newsmenu ul {  }
	
/* DESCARGAS */
#descargasmenuwrap { width: 625px; height: 43px; margin:0 5px; position:relative; background: url(../images/gui/bg_tabbedcontent.jpg) right top; }
	#descargasmenu { position:absolute; right: 0; top:0; width: 460px; height: 39px; padding: 4px 9px 0 0; line-height: 34px; color:#FFF; text-align: right;}
		#descargasmenu select { color:#000; font-size:11px; }
		#descargasmenu label { margin-left: 3px; color:#FC0; font-size: 12px;}
#descargasbox625 { width:625px; padding: 12px 0px 9px; position:relative; margin: 0 5px -4px; background:#F7F7F7 url(../images/gui/bg_bottom_625grey.jpg) no-repeat left bottom; min-height: 343px; height: auto !important; height: 343px; }
#contentnav { width: 589px; padding: 12px 18px 0; height: 34px;}
	
h2.titledescargas { width: 76px; height: 19px; margin-left:12px; background: url(../images/gui/title_descargas.jpg); text-indent: -9999px;}
h3.titlemainfondos { width: 153px; height: 43px; background: url(../images/gui/tab_mainfondos.jpg); text-indent: -9999px; }
h3.titlemainanimaciones { width: 153px; height: 43px; background: url(../images/gui/tab_mainanimaciones.jpg); text-indent: -9999px; }
.previewscontainer625 { width:607px; height:297px; padding: 0 0 0 18px;}
	.previewscontainer625 .imagepreviewbox { margin: 0 9px 9px 0;}