@charset "utf-8";



/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */



/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* Horizontal Tabbed Panels

 *

 * The default style for a TabbedPanels widget places all tab buttons

 * (left aligned) above the content panel.

 */



/* This is the selector for the main TabbedPanels container. For our

 * default style, this container does not contribute anything visually,

 * but it is floated left to make sure that any floating or clearing done

 * with any of its child elements are contained completely within the

 * TabbedPanels container, to minimize any impact or undesireable

 * interaction with other floated elements on the page that may be used

 * for layout.

 *

 * If you want to constrain the width of the TabbedPanels widget, set a

 * width on the TabbedPanels container. By default, the TabbedPanels widget

 * expands horizontally to fill up available space.

 *

 * The name of the class ("TabbedPanels") used in this selector is not

 * necessary to make the widget function. You can use any class name you

 * want to style the TabbedPanels container.

 */

.TabbedPanels {

	padding: 0px;

	visibility: visible;

	float: right;

	text-align: center;

	width: 200px;

	display: inline;

}



/* This is the selector for the TabGroup. The TabGroup container houses

 * all of the tab buttons for each tabbed panel in the widget. This container

 * does not contribute anything visually to the look of the widget for our

 * default style.

 *

 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not

 * necessary to make the widget function. You can use any class name you

 * want to style the TabGroup container.

 */

.TabbedPanelsTabGroup {

	margin: 0px;

	padding: 0px;

	display: inline;

}



/* This is the selector for the TabbedPanelsTab. This container houses

 * the title for the panel. This is also the tab "button" that the user clicks

 * on to activate the corresponding content panel so that it appears on top

 * of the other tabbed panels contained in the widget.

 *

 * For our default style, each tab is positioned relatively 1 pixel down from

 * where it wold normally render. This allows each tab to overlap the content

 * panel that renders below it. Each tab is rendered with a 1 pixel bottom

 * border that has a color that matches the top border of the current content

 * panel. This gives the appearance that the tab is being drawn behind the

 * content panel.

 *

 * The name of the class ("TabbedPanelsTab") used in this selector is not

 * necessary to make the widget function. You can use any class name you want

 * to style this tab container.

 */

.TabbedPanelsTab {

	float: left;

	list-style: none;

	-khtml-user-select: none;

	position: relative;

}



/* This selector is an example of how to change the appearnce of a tab button

 * container as the mouse enters it. The class "TabbedPanelsTabHover" is

 * programatically added and removed from the tab element as the mouse enters

 * and exits the container.

 */

.TabbedPanelsTabHover {

}



/* This selector is an example of how to change the appearance of a tab button

 * container after the user has clicked on it to activate a content panel.

 * The class "TabbedPanelsTabSelected" is programatically added and removed

 * from the tab element as the user clicks on the tab button containers in

 * the widget.

 *

 * As mentioned above, for our default style, tab buttons are positioned

 * 1 pixel down from where it would normally render. When the tab button is

 * selected, we change its bottom border to match the background color of the

 * content panel so that it looks like the tab is part of the content panel.

 */

.TabbedPanelsTabSelected {



}



/* This selector is an example of how to make a link inside of a tab button

 * look like normal text. Users may want to use links inside of a tab button

 * so that when it gets focus, the text *inside* the tab button gets a focus

 * ring around it, instead of the focus ring around the entire tab.

 */

.TabbedPanelsTab a {

	cursor: pointer;

}



/* This is the selector for the ContentGroup. The ContentGroup container houses

 * all of the content panels for each tabbed panel in the widget. For our

 * default style, this container provides the background color and borders that

 * surround the content.

 *

 * The name of the class ("TabbedPanelsContentGroup") used in this selector is

 * not necessary to make the widget function. You can use any class name you

 * want to style the ContentGroup container.

 */

.TabbedPanelsContentGroup {

	float: left;

	display: inline;

}



/* This is the selector for the Content panel. The Content panel holds the

 * content for a single tabbed panel. For our default style, this container

 * provides some padding, so that the content is not pushed up against the

 * widget borders.

 *

 * The name of the class ("TabbedPanelsContent") used in this selector is

 * not necessary to make the widget function. You can use any class name you

 * want to style the Content container.

 */

.TabbedPanelsContent {
	position: absolute;
	height: 430px;
	width: 179px;
	background-color: #FFF;
	text-align: left;
	padding: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #7289F9;
	border-right-color: #7289F9;
	border-bottom-color: #7289F9;
	border-left-color: #7289F9;
	display: inline;

}



/* This selector is an example of how to change the appearnce of the currently

 * active container panel. The class "TabbedPanelsContentVisible" is

 * programatically added and removed from the content element as the panel

 * is activated/deactivated.

 */

.TabbedPanelsContentVisible {
	position: static;
	display: inline;

}



/* Vertical Tabbed Panels

 *

 * The following rules override some of the default rules above so that the

 * TabbedPanels widget renders with its tab buttons along the left side of

 * the currently active content panel.

 *

 * With the rules defined below, the only change that will have to be made

 * to switch a horizontal tabbed panels widget to a vertical tabbed panels

 * widget, is to use the "VTabbedPanels" class on the top-level widget

 * container element, instead of "TabbedPanels".

 */



/* This selector floats the TabGroup so that the tab buttons it contains

 * render to the left of the active content panel. A border is drawn around

 * the group container to make it look like a list container.

 */

.VTabbedPanels .TabbedPanelsTabGroup {

	float: left;

	width: 10em;

	height: 20em;

	background-color: #FFFFFF;

	position: absolute;

}



/* This selector disables the float property that is placed on each tab button

 * by the default TabbedPanelsTab selector rule above. It also draws a bottom

 * border for the tab. The tab button will get its left and right border from

 * the TabGroup, and its top border from the TabGroup or tab button above it.

 */

.VTabbedPanels .TabbedPanelsTabSelected {

	background-color: #FFFFFF;

}



/* This selector floats the content panels for the widget so that they

 * render to the right of the tabbed buttons.

 */

.VTabbedPanels .TabbedPanelsContentGroup {
	float: left;
	padding: 0px;
	display: inline;

}



/* CSS Document */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	background: transparent;

}

body {

	text-align:center;

	background-image: url(/imagenes/fondos/globalbackground.jpg);

	background-color: #353ECB;

	background-repeat: repeat-x;

	font-size: 62.5%;

	line-height: 1.5em;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a:link {
	text-decoration: none;
}

a:visited {

	text-decoration: none;
}

a:hover {

	text-decoration: none;
}

a:active {
	text-decoration: none;
}

.container {
	height: 1420px;
	width: 995px;
	margin:0px auto 0px auto;
	background-color: #FFFFFF;

}

.menu {
	float: left;
	height: 820px;
	width: 178px;
	margin-top: 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	display: inline;
	margin-left: 1px;

}

.menuframe {
	float: left;
	width: 175px;
	margin-left: 2px;
	border: 1px solid #7289f9;
	display: inline;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

.menuframetitle {

	float: left;

	text-align: center;

	width: 175px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 1.1em;

	font-weight: normal;

	color: #FFF;

	display: inline;

	height: auto;

	line-height: normal;

	background-color: #616CFF;

}

.label {

	float: left;

	text-align: center;

	width: 175px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 1.2em;

	font-weight: normal;

	color: #616CFF;

	margin-top: 10px;

	display: inline;

	height: auto;

	line-height: normal;

}

.field {

	float: left;

	margin-top: 10px;

	margin-bottom: 10px;

	width: 175px;

	text-align: center;

	display: inline;

}



.boton {
	cursor: pointer;
	margin-top: 14px;
	float: left;
	margin-left: 27.5px;
	width: 120px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	height: auto;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #616CFF;
	display: inline;
	background-color: #FFF;
	font-weight: bold;
}
.check {
	width: 175px;
	float: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.0em;
	color: #616CFF;
	font-weight: normal;
	display: inline;
}

.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066CC;
	text-align: center;
	float: left;
	width: 175px;
	margin-bottom: 20px;
	display: inline;
	margin-top: 15px;
	cursor: pointer;

}

.recuperar_pass {

	position:absolute;

	left:312px;

	top:260px;

	width:406px;

	height:269px;

	z-index:1;

	background-color: #000000;

	filter: alpha(opacity=90);

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	font-weight: bold;

	color: #FFFFFF;

	opacity: .9;

	visibility: hidden;

}

.recuperar_pass_cerrar {

	cursor: pinter;



}

.SkyscraperHorizontal {
	height: 90px;
	width: 800px;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	display: inline;
	border: 1px solid #7289f9;

}

.SkyscraperHorizontaltitle {

	float: left;

	text-align: center;

	width: 20px;

	font-family: "Times New Roman", Times, serif;

	font-size: 16px;

	font-weight: bold;

	color: #FFF;

	display: inline;

	height: 90px;

	line-height: normal;

	background-image: url(/imagenes/titulos/SkyscraperHorizontaltitle.jpg);

}

.SkyscraperVertical {

	float: right;

	height: 618px;

	width: 120px;

	margin-top: 5px;

	margin-left: 2px;

	display: inline;

	border: 1px solid #7289f9;

	margin-right: 2px;

}

.SkyscraperVerticaltitle {

	float: left;

	text-align: center;

	width: 120px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 1.2em;

	font-weight: normal;

	color: #FFF;

	display: inline;

	height: 18px;

	line-height: normal;

	background-color: #616CFF;

}


.videoscontainer {
	height: 302px;
	width: 675px;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	display: inline;
	border: 1px solid #7289f9;
	margin-bottom: 5px;

}

.videoscontainertitle {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.8em;

	float: left;

	width: 100%;

	font-weight: normal;

	color: #FFF;

	display: inline;

	padding-bottom: 3px;

	background-color: #616cff;

	padding-top: 3px;

}

.videoframe {

	height: 75px;

	width: 100px;

	margin-top: 20px;

	margin-left: 28px;

	float: left;

	display: inline;

	border: 1px solid #000;

}

.videodata {

	float: left;

	height: 32px;

	width: 102px;

	margin-top: 3px;

	margin-left: 28px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	color: #06F;

	text-align: center;

	vertical-align: middle;

	margin-bottom: -5px;

	display: inline;

}
.cuerpo_inferior {
	float: left;
	height: 468px;
	width: 995px;
	display: inline;
}


.buscarmundo {
	float: left;
	width: 300px;
	margin-left: 2px;
	border: 1px solid #7289f9;
	display: inline;
	margin-bottom: 10px;
	clear: left;
	height: 468px;
	margin-right: 5px;
	margin-top: 10px;

}

.buscarmundotitle {

	float: left;

	text-align: center;

	width: 100%;

	font-family: Verdana;

	font-size: 1.3em;

	font-weight: normal;

	color: #FFF;

	display: inline;

	height: 18px;

	line-height: normal;

	background-color: #616CFF;

}

.paises {

	display: inline;

	height: 450px;

	width: 200px;

	float: right;

}

.continentescontainer {

	display: inline;

	float: left;

	height: 450px;

	width: 100px;

}





.continente {

	display: inline;

	float: left;

	height: 75px;

	width: 100px;

	cursor: pointer;

	clear: left;

}

.grupos {
	float: left;
	width: 250px;
	border: 1px solid #7289f9;
	display: inline;
	margin-bottom: 10px;
	height: 468px;
	margin-top: 10px;
	margin-left: 1px;
}
.grupostitle {
	float: left;
	text-align: center;
	width: 100%;
	font-family: Verdana;
	font-size: 1.3em;
	font-weight: normal;
	color: #FFF;
	display: inline;
	height: 18px;
	line-height: normal;
	background-color: #616CFF;
}
.categorias {
	float: left;
	text-align: center;
	width: 100%;
	font-family: Verdana;
	font-size: 1.3em;
	font-weight: normal;
	color: #616CFF;
	display: inline;
	height: 18px;
	line-height: normal;
	background-color: #FFF;
	margin-top: 7px;
	cursor: pointer;
}
.flash_publicidad {
	float: left;
	width: 420px;
	margin-left: 6px;
	display: inline;
	height: 318px;
	margin-top: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #7289f9;
	border-right-color: #7289f9;
	border-left-color: #7289f9;
}
.flash_publicidad_slider {
	float: left;
	width: 420px;
	margin-left: 6px;
	display: inline;
	margin-bottom: 10px;
	height: 150px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #7289f9;
	border-bottom-color: #7289f9;
	border-left-color: #7289f9;
}