/* CSS Document sk1 */
/* ----------------------------------------------- */
/*  BitBan Technologies S.L.                       */
/* ----------------------------------------------- */


/* General
----------------------------------------------------------------------------------------------------*/
html {}
body {background:#f4f4f4;}


/**
 * DOCUMENT LAYOUT / REGIONS (Document models) -->
 * EXTENSIONS/OVERRIDES
 *
 * @type		layout / structural
 * @
 *
 * +-----------------------------------+
 * ¦ #doc[n]                           ¦
 * ¦ +-------------------------------+ ¦
 * ¦ | #ad (advertisements)          | ¦
 * ¦ +-------------------------------¦ ¦
 * ¦ | #hd (header)                  | ¦
 * ¦ +-------------------------------¦ ¦
 * ¦ | #bd (body)                    | ¦
 * ¦ +-------------------------------¦ ¦
 * ¦ | #ft (footer)                  | ¦
 * ¦ +-------------------------------+ ¦
 * +-----------------------------------+
 */

	/* [#doc5] - Document layout model 5 */
	#doc5 {}

	/* [.doc5] - PSEUDO NAMESPACES FOR ADMIN WYSIWYG OUTPUT (buggy) */
	.doc5 {width:986px; margin:0 auto; background-color:#f4f4f4;}
	.doc5 a {color:#063167; text-decoration:none;}
	.doc5 a:hover {color:#003366; text-decoration:underline;}
	.doc5 .more {color:#666666; font:bold 13px Arial, Helvetica, sans-serif;}
	.doc5 a.a2 {color:#387EB1;}
	.doc5 .more a {color:#387EB1;}

.appen-v-1 {margin-bottom:10px;} /* try to deprecate this */


/**
 * GRID MODELS AND BODY DOCUMENTS EXTENSIONS/OVERRIDES -->
 *
 * @section		any
 * @region		body
 * @type		structural
 * @scheme
 *				rules and conventions
 * +------------------------------------+
 * ¦ #doc[x]                            ¦
 * ¦ +--------------------------------+ ¦
 * ¦ ¦ #bd (body)                     ¦ ¦
 * ¦ ¦ +----------------------------+ ¦ ¦
 * ¦ ¦ | .gd[n] = grid model        | ¦ ¦
 * ¦ ¦ | +------------------------+ | ¦ ¦
 * ¦ ¦ | | .gdu[.u-x] = grid unit | | ¦ ¦
 * ¦ ¦ | +------------------------+ | ¦ ¦
 * ¦ ¦ +----------------------------+ ¦ ¦
 * ¦ +--------------------------------+ ¦
 * +------------------------------------+
 */


/* [-gd1b] - Grid model 1 (b) */
.gd1b {width:960px; margin:0 auto 15px auto;}

/* [.gd8] - Grid model 8 */
.gd8 {
	background:url(../img/bg-sep-v-1.png) repeat-y scroll 314px top;
	margin: 0 auto 15px auto;
	width: 960px;
	}
.gd8 .gdu.u-first  {                    
	display:inline;
	float:right;
	width: 632px;
	}
.gd8 .gdu.u-last  {
	display:inline;
	float:left;
	width: 304px;
	}


/**
 * TEMPLATE MODELS (EXTENSIONS/OVERRIDES) -->
 *
 * @section		any
 * @region		body
 * @type		structural
 * @scheme
 * 				rules and conventions
 * +-------------------------------------------------+
 * ¦ #doc[x]                                         ¦
 * ¦ +---------------------------------------------+ ¦
 * ¦ ¦ #bd (body)                                  ¦ ¦
 * ¦ ¦ +-----------------------------------------+ ¦ ¦
 * ¦ ¦ ¦ .gd[n] = grid model                     ¦ ¦ ¦
 * ¦ ¦ ¦ +-------------------------------------+ ¦ ¦ ¦
 * ¦ ¦ ¦ ¦ .gdu[.u-x] = grid unit              ¦ ¦ ¦ ¦
 * ¦ ¦ ¦ ¦ +---------------------------------+ ¦ ¦ ¦ ¦
 * ¦ ¦ ¦ ¦ | .tp[n] = template model         | ¦ ¦ ¦ ¦
 * ¦ ¦ ¦ ¦ | +-----------------------------+ | ¦ ¦ ¦ ¦
 * ¦ ¦ ¦ ¦ | | .tpu[.u-x] = template unit  | | ¦ ¦ ¦ ¦
 * ¦ ¦ ¦ ¦ | +-----------------------------+ | ¦ ¦ ¦ ¦
 * ¦ ¦ ¦ ¦ +---------------------------------+ ¦ ¦ ¦ ¦
 * ¦ ¦ ¦ +-------------------------------------+ ¦ ¦ ¦
 * ¦ ¦ +-----------------------------------------+ ¦ ¦
 * ¦ +---------------------------------------------+ ¦
 * +-------------------------------------------------+
 */

	/* [.tp1] - Template Model 1 (100%) SCOPE: GRID MODEL 8 (.gd8) */
	/* todo: templates by grid type or just by .grid */
	.gd8 .tp1 {width:auto;}
	
	/* [.tp2]  - Template Model 2 (2/3-1/3 or 66%-33%)
	   [.tp2i] - Template Model 2(i)nverse (1/3-2/3 or 33%-66%) */
	.gd8 .tp2 .tpu.u-first, .gd8 .tp2i .tpu.u-last {width:64%;}
	.gd8 .tp2 .tpu.u-last, .gd8 .tp2i .tpu.u-first {width:32%;}

	/* ie 6 chaininig unsuported then... (let's redefine again) */
	.gd8 .tp2 .tpu {float:left;}
	.gd8 .tp2 .u-last {float:right;}



/**
 * CLEARING -->
 *
 * @section		any
 * @region		any
 * @type		behaviour
 *
 */
	/* SELF CLEARING (yui method) */
	.gd1b:after, .gd8:after,
	.md-news:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

	.gd1b, .gd8,
	.md-news {zoom: 1;}



/* ---------------------------- [NAVIGATION/SECTIONS] ---------------------------- */


/**
 * MAIN NAVIGATION (1) -->
 * [.dsl-nav-1]/[.nav-1]/[.subnav-1]
 *
 * @section		navigation
 * @region		header
 * @type        skinable/overridable extension
 * @mandatory   .nav
 * @behaviours	_supported: any navigational behavior
 *
 */
 
.dls-nav-1 {
	/*position:relative;*/ margin:-1px 3px 0; padding:3px 0 0 0;
	background:url(../img-sk1/bg-hd-dropshadow_03.png) repeat-x top !important;
	background-image:url(../img-sk1/bg-hd-dropshadow_03.gif); /* ie6 */
	zoom:1; /*z-index:15;*/
}
.nav-1 {
	position:static;
	border-bottom:1px solid #cecece;
	background:#eee url(../img-sk1/bg-hd-nav-deg_01.gif) repeat-x top;
	font-family:arial;
	}
.nav-1 .nav-item {margin-left:0;}
.nav-1 .nav-item .nav-inner {
	padding:7px 15px 9px 14px; border-color:#cfcfcf; border-right:none;
	background:url(../img-sk1/bg-border-1p-fff-xy.gif) repeat-y left;
	font-size:18px; letter-spacing:-1px; line-height:100%; color:#5d6367;
	}
/* first item */
.nav-1 .nav-item:first-child .nav-inner,
.nav-1 .first .nav-inner {border-left:none;}
/* last item */
.nav-1 .nav-item:last-child .nav-inner,
.nav-1 .last .nav-inner {border-right:1px solid #cfcfcf;}
.nav-1 .nav-item.selected .nav-inner {border-bottom-color:#fff; background:#fff;}

.nav-1 .nav-item .nav-inner .ico.back {
	padding:0 0 0 20px;
	background:url(../img-sk1/bg-arrow-right-blue_m1.gif) no-repeat 0 4px;
	}

/* secondary navigation elements */
.nav-1 .subnav-1 {}
.nav-1 .subnav-1 .sublayer {
	width:auto; margin-top:8px; padding:1px 290px 1px 12px; /* enough room for search */
	}
.nav-1 .subnav-1 li {
	display:inline; border-left:1px solid #ccc; padding-left:6px; margin-right:4px;
	letter-spacing:-1px;
	}
.nav-1 .subnav-1 li:first-child,
.nav-1 .subnav-1 li.first {border:none; padding:0;}
.nav-1 .subnav-1 li.selected {font-weight:bold;}
.nav-1 .subnav-1 li a {outline:none;}

/* dropdown elements (vertical) */

/* common */
.nav-1 .dropdown.highlight .nav-inner {border-bottom-color:#eee;}
.nav-1 .dropdown.selected  .nav-inner {border-bottom-color:#fff;}

.nav-1 .dropdown .droplayer div {
	border:1px solid #999; border-left-color:#cfcfcf; border-top:none;
	background:#eee url(../img-sk1/bg-border-1p-fff-xy.gif) repeat-y left;
	}
.nav-1 .dropdown.selected .droplayer div {background:#fff;}

/* vertical */
.nav-1 .v-drop .droplayer {}
.nav-1 .v-drop .droplayer ul {padding:0 10px 10px;}
.nav-1 .v-drop .droplayer ul li {
	margin:0 0 10px 0; padding:10px 5px 0 5px; background:url(../img-sk1/bg-bevel-1p1p-c-f.gif) repeat-x top;
	font-size:14px; font-weight:bold; letter-spacing:-1px; line-height:100%;
	}
.nav-1 .v-drop .droplayer ul li:first-child,
.nav-1 .v-drop .droplayer ul li.first {background:none;}
.nav-1 .v-drop .droplayer ul li a {display:block; color:#4682b4; zoom:1;}
.nav-1 .v-drop .droplayer ul li a:hover {}

/* horizontal */
.nav-1 .h-drop {}
.nav-1 .h-drop .droplayer {}
.nav-1 .h-drop .droplayer div {background:#eee; padding:10px 0;}
.nav-1 .h-drop .droplayer ul {padding:0 12px; font-weight:bold;}
.nav-1 .h-drop .droplayer ul li {
	float:left; display:inline; border-left:1px solid #ccc; padding-left:6px; margin-right:7px;
	letter-spacing:-1px;
	}
.nav-1 .h-drop .droplayer ul li:first-child,
.nav-1 .h-drop .droplayer ul li.first {border:none; padding:0;}
.nav-1 .h-drop .droplayer ul li.selected {font-weight:bold;}
.nav-1 .h-drop .droplayer ul li a {outline:none;}

.nav-1 .h-drop.selected .ico {background-position:right -66px !important;}
.nav-1 .h-drop.selected .droplayer {display:block !important; background:none !important;}
.nav-1 .h-drop.selected .droplayer div {padding:9px 0; border:none;}
.nav-1 .h-drop.selected .droplayer ul {font-weight:normal;}

/* scrollbar */
.nav-1 .v-drop .droplayer.scrollbar div ul {max-height:136px; height:136px;}



/**
 * HEADER -->
 * [#hd] / [.hd]
 *
 * @region		header
 * @sections	masthead, brand, search, navigation
 */

#hd {
	padding-bottom:1px; position:relative; *z-index:2; /* <- ie stack index force to avoid dropdowns overlap */
	background:#f4f4f4 url(../img-sk1/bg-hd-dropshadow_02.gif) repeat-x bottom;
	background:url(../img/bg-content.png) repeat-y scroll center top;
	 border-bottom:1px solid #eee;
}
#hd .masthead {background:#f4f4f4 url(../img-sk1/bg-hd-dropshadow_01.gif) repeat-x top;}


/* [.logo] - LOGO/BRAND SECTION (lazy load avoid image replacement method) */
#hd .masthead .logo {
	position:relative;
	background:url(../img-sk1/mg-hd-masthead-imago_estrella.png) no-repeat 0 0 !important;
	background:url(../img-sk1/mg-hd-masthead-imago_estrella.gif) no-repeat 0 0; /* ie6 */
	}
#hd .masthead .logo,
#hd .masthead .logo .imr {display:block; width:524px; height:87px;}
#hd .masthead .logo .imr {margin:0 auto;}
#hd .masthead .logo .imr img,
#hd .masthead .logo .imr .name,
#hd .masthead .logo .imr .claim {position:absolute;}
#hd .masthead .logo .imr img {
	z-index:1; font-size:10px;
	background:url(../img-sk1/bg-mg-logo-base.gif) no-repeat 112px 13px; /* base opacity setter */
	}
#hd .masthead .logo .imr a {display:block;}
#hd .masthead .logo .imr a:hover {text-decoration:none;}
#hd .masthead .logo .imr .name {
	top:14px; left:114px;
	display:block; overflow:hidden;
	max-height:40px; height:40px; height:auto !important;
	max-width:408px; width:408px; width:auto !important;
	font:normal 44px "Times New Roman", Times, serif;
	text-transform:uppercase; line-height:100%; letter-spacing:-0.014em; letter-spacing:-1px;
}
#hd .masthead .logo .imr .name b {font-weight:normal; color:#1a171c;}
#hd .masthead .logo .imr .name .split {color:#81b3c6;}
#hd .masthead .logo .imr .name small {
	font-size:24px; color:#1a171c; text-transform:lowercase; /*vertical-align:text-bottom;*/
	}
#hd .masthead .logo .imr .claim {
	bottom:10px; left:116px;
	font:bold 16px Arial, Helvetica, sans-serif;
	line-height:100%; color:#929ba1; letter-spacing:-0.025em;
}

#hd .masthead .adv {}

/* main search */
.main-search {
	padding:4px;
	position:relative; z-index:1;
	*position:static; /* ie6-7 */
	}
.main-search fieldset {
	display:block !important; display:inline; /* ie6 trouble with fieldsets */
	}
.main-search legend,
.main-search label {display:none;}
.main-search .skin-field,
.main-search a.bt-submit {float:left; display:inline;}
.main-search .skin-field {
	min-height:26px; height:26px; border:1px solid #c9c9c9;
	background:#fff url(../img-sk1/bg-form-txfield-main-search.gif) no-repeat 0 0;
	}
.main-search .search-field {
	border:none; min-height:22px; height:auto !important; height:20px; padding:2px; background:none;
	font:normal 18px Arial, Helvetica, sans-serif; color:#4682B4;
	}
.main-search .skin-field,
.main-search a.bt-submit {
	-moz-border-radius:3px; -khtml-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px;
	border-radius:3px;
	}
.main-search a.bt-submit {
	margin-left:-2px; padding:5px 6px;
	background:#fff; border:1px solid #359acd;
	font:bold 16px Arial, Helvetica, sans-serif; color:#3f4c6d; line-height:100%; outline:none;
}
.main-search a.bt-submit {}
.main-search a.bt-submit:hover {background:#81b3c6; color:#fff; text-decoration:none;}


/**
 * FOOTER -->
 * [#ft]
 *
 * @region		footer
 */

	/* [#ft] - footer container */
	#ft {
		clear:both; padding:1px 13px 20px 13px; background:#fff;
		background:url(../img/bg-content.png) repeat-y scroll center top;
		}
	#ft .info {
		border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:4px 0;
		font:normal 13px Arial, Helvetica, sans-serif; color:#666;
		}
	#ft .info .ft-logo {float:left; display:inline;}
	#ft .info .tx {
		display:block; overflow:hidden; height:auto !important; height:1%;
		text-align:right; line-height:22px;
		}
	#ft .info .tx .copy {font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999;}
	#ft .info .tx span,
	#ft .info .tx a {padding:2px 1px;}
	#ft .info .tx .ft-rss {padding-left:28px; background:url(../img-sk1/bg-ft-ico-rss.gif) no-repeat 0 0px; white-space:nowrap;}


/* Advertising
----------------------------------------------------------------------------------------------------*/
.adv {}
.adv-top {background:#fff;}
.adv-2 { margin-left:auto; margin-right:auto; text-align:center;}/* Head */



/* Body
----------------------------------------------------------------------------------------------------*/
#bd {
	background:url(../img/bg-content.png) repeat-y scroll center top;
	padding:15px 0; *position:relative; /* <- ie stack index force to avoid dropdowns overlap */
	}