/* ------------------------------------------------- ABOUT THIS CSS STYLING SHEET -----------------------------------------------

    - This style sheet creates global styles and site-specific styles
    - DO NOT ADD page-specifc styles here. Rather place them directly into the page.    
    - This style sheet uses non-conforming CSS hack to address PNG-24 transparency in IE5.5/6.0
	
--------------------------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------ FIX PNG TRANSPARENCY FOR IE5+ -----------------------------------------------
This code version, called IE5.5+ PNG Alpha Fix v1.0RC5, allows PNG transparency IE5.5 and IE6.0.
(c) 2004-2007 Angus Turnbull http://www.twinhelix.com. Provided under GNU LGPL 2.1+ 

IMPORTANT: This code addresses all png transparencies. The code has two parts, iepngfix.htc and a blank.gif, which must be placed in
a file RELATIVE (not absolute) to the HTML webpage. For convenience, both have been placed into /site/pngfix/ of banckup.net domain. 

The code uses an htc file that is called from the hack CSS below, which then calls the blank.gif. There will be quick flicker in 
IE5.5/6.0 upon load due to need to start the png filter.

1. If you create a new website or new subdomain, PNG TRANSPARENCY will not likely work on Internet Explorer 5.5/6.0
unless you include the blank.gif and iepngfix.htc in the correct relative folder.

2. Also, in order for png transparency to work, you must define the size of the image with width and height. 
Padding around images will not work. So, use a <div> tag instead.

3. Always test against IE5.5/6.0. 

--------------------------------------------------------------------------------------------------------------------------------- */ 

img, div { behavior: url(/site/pngfix/iepngfix.htc) }


/* ---------------------------------------------- GLOBAL STRUCTURE: DIV AND CLASSES ---------------------------------------------

The sites use global structure of DIV and CLASS tags, using absolute and relative sizing and positioning as needed. 

If you must have page-specific size, use a local CSS on the page itself. Define the tag in the header under the comment marked "PAGE-SPECIFIC CSS". 

MAIN STRUCTURE OVERVIEW

  #wrapper
    #container
      #header
      #main
          #template_header
           #left_column
            .left_box
            .left_image
            .left_panel
          #right_column
            .right_box
            .right_image
            .right_panel
      #footer

--------------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------- WRAPPER and CONTAINER --------------------------------------------------- */

#wrapper {
     background:url(/site/images/bckg/bg-gray.gif) repeat-x;			/* Fondo degradado de gris oscuro a gris m�s claro */
	 /*background:url(/site/images/bckg/bg-black-gray.gif) repeat-x;*/	/* Fondo degradado de negro a gris */
	 /*background:url(/site/images/bckg/bg-grey-white.gif) repeat-x;*/	/* Fondo degradado de gris a blanco */
	 /*background:#fff;*/												/* Fondo blanco sin degradar */
     margin:0px auto;
	 text-align:center;
}

#container {
     width: 1024px;
     margin:0px auto;
	 text-align:left;
}

/* The table.centering tag Adjust space between bar and top of page. Templates use a table to center body consistently across 
browsers. This hack is needed since the IE5.5/6.0 PNG-24 hack used on this site alters the positioning of elements, 
including the background image in the wrapper. */

table.centering{ 
    min-width:1024px;
    margin-left: auto;
    margin-right: auto;
    margin-top:-4px;	/* Needed to adjust for table and border IE adds */
}


/* ------------------------------------------ HEADER, MAIN SECTION, FOLDS and COLUMNS ------------------------------------------- */

#header {
     padding-top: 23px;		/* Positions the navbar */
     padding-bottom:11px;
}

.navigation-header-spacer {       
     margin-bottom: 24px;
}

.header-content-spacer {
     margin-bottom: 32px;
}
#main {
     padding: 0px;
     width:920px;
     text-align:left;
     font-family: verdana;
     font-size: 12px;
     font-weight: 500;
     line-height: 1.4;
}

#single_column {
     width: 804px;
     vertical-align: top;
     height: auto;
     margin-top: 18px;
     margin-bottom: 0px;
     padding: 0px 20px 0px 35px;
}

#left_column {
     width: 530px;
     float: left;
     vertical-align: top;
     height: auto;
     margin-top: 0px;
     margin-bottom: 0px;
     padding: 0px 0px 0px 35px;
}

/* Hack to left-align the main partner web's picture with the navbar */
#left_column_mod {
     width: 530px;
     float: left;
     vertical-align: top;
     height: auto;
     margin-top: 0px;
     margin-bottom: 0px;
     padding: 0px 0px 0px 12px;
}

#right_column {
     position:relative;
     width: 285px;
     float: right;
     vertical-align: top;
     margin-top: 0px;
     margin-bottom: 0px;
     padding: 0px 20px 0px 0px;
}

/* Hack to align the right buttons on partner's web page */
#right_column_mod {
     position:relative;
     width: 285px;
     float: right;
     vertical-align: middle;
     margin-top: 30px;
     margin-bottom: 0px;
	 margin-right: -40px;
     padding: 0px 0px 0px 0px;
}

/* ------------------------------------------ THEME TEMPLATE HEADER FOR MAIN SECTION -------------------------------------------- */
/* This header is in the DIV ID "Main" on all pages. It contains the header image plus other formatting.*/

#template_header {
     width:100%;
     margin-top: 25px;
     margin-bottom: 45px;
     margin-left:8px;
     padding: 0px 27px;
}

#template_header_img {
     padding: 0px 0px;
}

#template_title {
     padding-top: 5px;
     padding-left: 0px;
     margin-bottom: 0px;
}

#template_title_spacer {	/* Fix IE vertical alignment. Pulls the main body up to compensate for right panel negative margins pushes up. */
     margin-bottom: -20px
}

#net_takeaway_header 		/* adjust left margin of overlay text on homepges */
     margin-left:34px;
}


/* ---------------------------------------------------- BELOW-FOLD ELEMENTS ----------------------------------------------------- */

.single_box {				/* Almost all sections/snippets single column templates are encased by this box. */
    width: 800px;
    vertical-align: top;
    horizontal-align: left;
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 0px;
}

.left_box {					/* Almost all sections/snippets in left column are encased by this box. */
    width: 530px;
    vertical-align: top;
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 0px;
}

.left_image {				/* Used only when image is a standalone, NOT floating right or left of text  */
    vertical-align: top;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 4px 0px 4px 0px;
    z-index: 800;
}

.left_panel {
    width: 100%;
    vertical-align: top;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.right_box {                    /* Almost all sections/snippets in left column are encased by this box. */
    width: 259px;
    vertical-align: top;
    height: auto;
    margin-top: 8px;
    margin-bottom: 24px;
    padding: 0px;
}

.right_image {					/* Used only when image is a standalone, NOT floating right or left of text  */
    width: 259px;
    vertical-align: top;
    height: auto;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 0px;
    z-index: 800;
}


/* ------------------------------------------------------------ PANEL ----------------------------------------------------------- */

.right_panel {					/* Sets relative vertical position of right panel and its contents for homepages*/
    position:relative;
    width: 259px;
    vertical-align: top;
    height: auto;
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0px;
    z-index: 500;
}

.right_panel_template {			/* Sets relative vertical position of right panel and its contents for other pages than homepages */
    position:relative;
    width: 259px;
    vertical-align: top;
    height: auto;
    margin-left: 0;
    margin-top: 85px;
    margin-bottom: 20px;
    padding: 0px;
    z-index: 500;
}

#right_panel_top {				/* Positions panel graphics relative to text panel_specs */
    position:relative;
    width: 259px;
    vertical-align: top;
    height: auto;
    margin-left: 0;
    margin-top: -162px;
    margin-bottom: 0px;
    padding: 0px;
    z-index: 500;
}

#panel_specs {					/* Provides styles for text on panel */
    position: relative;
    width:259px;
    font-size: 10px;
    font-weight: 600;
    color: #b9b9b9;
    z-index: 1000;
}

.panel {
    color:#bcd0d9;
}

.panel_image {
    margin-top:0px;
    margin-left: 25px;			/* Positions the image and therefore text of panel specs */
    z-index: 1000;
}

.panel_text_lg {
    margin-top:0px;
    margin-bottom:6px;
    font-size: 12px;
    color: #fff;
    font-weight: 800;
}

.panel_text_sm {
    margin-top:0px;
    font-size: 10px;
    font-weight: 500;
}


/* ------------------------------------ HACK TO REMOVE VERTICAL SPACE BETWEEN DIV AND IMG --------------------------------------- */

.space_remover {
    margin-top: -4px;
}


/* ----------------------------------------------------- RIGHTBOX STYLES -------------------------------------------------------- */

#rightbox-wrapper {
    width: 257px;
    height: 200px;
    margin:0px;
    padding-left:0px;
}

#rightbox-head {
    height: 34px;
    bottom-margin:0px;
    text-align: left;
}

#rightbox_pl-body {
	background:url(/site/images/bckg/rightbox_pl-gradient.gif) no-repeat;
}

.rightbox-body-txt {
    padding: 10px 20px;
    font-family:Verdana;
    font-size: 12px;
    line-height: 15px;
    color: #bcd0d9;
    z-index:3000;
} 

.rightbox-body-title{
    font-size: 13px;
    font-family: Verdana;
    font-weight:600;
    line-height: 17px;
    padding-bottom:6px;
    color: #bcd0d9;
    z-index:3000;
}

#rightbox-bottomcap {
	margin-top: -10px;
}


/* ----------------------------------------------------- FEATURES TABLE --------------------------------------------------------- */

p.table_header_minortxt {
    font-size: 11px;
    font-weight: 600;
}

table.p-features_table {
    font-size: 12px;
    color: #c9d4dc;
    border: 1px solid #546A74;
    border-collapse: collapse;
    padding:3px;
}

td.p-column_1 {
    text-align:left;
}

td.p-column_2 {
    text-align:center;
}

td.p-column_3 {
    text-align:center;
}

td.p-column_4 {
    text-align:center;
}

tr.p-table_header {
    font-weight: 600;
    font-size: 14px;
	background-color:#333333;
    border: thin #334b58;
}

tr.p-odd {
    background-color:#223239;
    border: 1px solid #546A74;
}

tr.p-even {
    background-color:#223b4a;
    border: 1px solid #546A74;
}    


/* ----------------------------------------------------- NAVIGATION BAR --------------------------------------------------------- */
/* Clear Float, Bullets and Margin. Then List Horizonally with no gap */

#navbar {display:block; height:62px;margin-left: auto; margin-right: auto;}
#navbar ul {margin:0; padding:0; list-style-type:none;}
#navbar li {float:left; margin:0}

#panelbar {display:block;width:259px;margin-top:-5px;margin-bottom:0px;padding:0;margin-left: auto; margin-right: auto;}
#panelbar ul {margin:0; padding:0; list-style-type:none;}
#panelbar li {margin-top:-5px;margin-bottom:0px;padding:0;}


/* ---------------------------------------------------------- BODY -------------------------------------------------------------- */
/* NOTE: Font styling for main body is driven by the DIV ID "main", not "body" */ 

body {
    margin: 0;
    text-align: center;
    min-width: 1024px;  
}   

p {
    margin-top:16px;
    margin-bottom:16px;
}

ul {
    margin-top:18px;
    margin-bottom:18px;
}

ol {
    margin-top:18px;
    margin-bottom:18px;
}

li {
    margin-top:9px;
    margin-bottom:9px;
}

h1 {
    font: 24px verdana;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 6px;
}

h2 {
    font: 18px verdana;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 6px;
}

h3 {
    font: 18px verdana;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 6px;
}

h4 {
    font: 13px verdana;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 3px;
}  
 
.fineprint {
    margin: 6 16 16 16;
    font-size: 10px;  
}


/* ----- Banckup ----- */ 
#banckup {
    color: #bcd0d9; 
    background-image: url(/site/images/bckg/bg-tile.gif);	/*Arnau: Este es el fondo de la parte inferior*/
	background-repeat: repeat;     
}

#banckup h1{
    color: #fff;
}

#banckup h2{
    color: #fff;
}

#banckup h3{
    color: #fff;
}

#banckup h4{
    color: #ffffff;
}


/* ---------------------------------------------------------- LINKS ------------------------------------------------------------- */ 

a:link {
	color:#59cbfe;
    text-decoration:none;
}
a:visited {
    color:#59cbfe;
    text-decoration:none;
}
a:hover {
    color:#59cbfe;
    text-decoration:underline;
}


/* ---------------------------------------------------- LANGUAGE SELECTION ----------------------------------------------------- */

#languages_links {
     font-size:11px;
	 padding-left:15px;
}

#languages_links a:link {
     text-decoration:none;
	 color:#bcd0d9;
}

#languages_links a:visited {
     text-decoration:none;
	 color:#bcd0d9;
}

#languages_links a:hover {
     text-decoration:underline;
	 color:#bcd0d9;
}


/* ---------------------------------------------------------- FOOTER ----------------------------------------------------------- */

#footer_container {
     clear: both;
     padding-top: 40px;
     text-align:center;
     margin-left: auto;
     margin-right: auto; 
}

#footer_image {
     margin-top: 0px;
     margin-bottom: -50px;
     text-align:center;
     margin-left: auto;
     margin-right: auto;
}

#footer {
     font-size: 18px;
     font-weight: 600;
     margin-left: auto;
     margin-right: auto;
     margin-top: 0px;
     margin-bottom: 25px;
     padding: 0;
     text-align: center;
}

#footer_links {
     font-family: verdana;
     font-size:13px;
     margin:0px;
     padding:0;
}

#footer_legal {
     font: 10px verdana;
     margin-top:5px; 
}

#footer a:link {
     text-decoration:none;
}

#footer a:visited {
     text-decoration:none;
}

#footer a:hover {
     text-decoration:underline;
}

/* ----- Banckup ----- */ 
#footer.banckup {
     color: #5d727b; 
}

#footer.banckup a:link {
     color: #bcd0d9;
}

#footer.banckup a:visited {
     color: #bcd0d9;
}

#footer.banckup a:hover {
     color: #bcd0d9;
}

#footer_legal.banckup {
     color: #687c84;
}


/* ---------------------------------------------------- REGISTRATION FORMS ----------------------------------------------------- */

.center-form-container {
	padding:50px 124px;
}

.center-form-box {
  background: transparent url(login-background.png) repeat-y;
  margin-bottom: 16px;
  width:418px;
}

.center-form-box h2 {
  background: url(login-header.png) no-repeat left top;
  height: 37px;
  color: #646464;
  padding-top: 5px;
}

div.inner-center-form-box {
  background: url(login-bottom.png) no-repeat left bottom;
  padding:9px;
}

.center-form-box form dl {		/* Arnau: Color de los labels de los text boxes */
	color:#bcd0d9;
}

.center-form-box form dt {		/* Arnau: Propiedades de los labels de los text boxes */
  float:left;
  text-align:right;
  width:120px;
  font-weight:normal;
  clear:both;
  line-height:22px;
  margin-right:12px;
}

.center-form-box dl.inform dt,
.center-form-box dl dt.inform { 
	line-height:1; 
}

.center-form-box form dd {
  margin-left:116px;			/* Arnau: Margen izquierdo de los text boxes */
  margin-bottom:10px;			/* Arnau: Espaciado entre los text boxes */
}

/* go ie. go go ie. */
* html .center-form-box form dd { 
	height:1%; margin-left:0; 
}

.center-form-box input.text,
.center-form-box input.password {
  width:220px;					/* Arnau: Longitud de los text boxes */
  font-size:14px;				/* Arnau: Tama�o de la fuente del text box*/
  padding:2px;					/* Arnau: Espaciado superior e inferior de los text boxes*/
}

.center-form-box p {			/* Arnau: Propiedades de la NOTA */
	width:325px;				/* Arnau: Ancho del texto de la NOTA */
	margin:0 auto;
	padding:18px 0;				/* Arnau: Espaciado superior de la NOTA */
	margin-left:20px;			/* Arnau: A�adido */
}

.center-form-box span.field-info {
	display:block;
	padding-top:2px;			/* Arnau: Espaciado superior del comentario acerca del password */
	margin-left:16px;			/* Arnau: A�adido */
	font-size:11px;				/* Arnau: A�adido */
	color:#bcd0d9;				/* Arnau: A�adido */
}

.center-form-box h2 img.flash-alert {
  float:left;
  padding-top:4px;
  padding-right:8px;
}

.center-form-box p.error {
	color:red; padding-top:0; 
}

.center-form-box form .first-radio-select { 
	margin-top:4px; 
}

.center-form-box form div.fieldWithErrors {
  display:inline;
}

div.download {
	text-align:center;
}

div.download a {
	display:block; padding-top:6px;
}

div.referrer-info form {
	text-align:center;
}

.inner-block .center-form-box hr {
	color:#b2b2b2; background-color:#b2b2b2; 
}

.inner-block .center-form-box ol {
	list-style-position: inside; margin:0 23px 18px;
}

.purchase-resources {
  margin: 0 auto;
}

.purchase-resources td, 
.purchase-resources th {
  padding: 1px 6px;
  color: #777;
}

.purchase-resources input.text {
  width: auto;
}

.purchase-resources th {
  font-weight: bold;
}


/* ---------------------------------------------------- CSS for 1GB gratis ----------------------------------------------------- */

#rightbox-body-container {
		margin-top:38px;
		margin-left:-110px;		
		width: 325px;
		/*background:url(/site/images/rightbox-gradient-tile.gif) repeat;*/
		background-color:#FFFFFF;
	}
#rightbox-body-txt {
		padding: 10px, 20px, 10px;
		font-family:Verdana;
		font-size: 12px;
		line-height: 15px;
		color: #bcd0d9;
		z-index:3000;		
	}
#boton-enviar {
	margin-top:10px; 
	margin-left:-110px;
	}
#check-contrato {
	margin-top:23px; 
	margin-left:-110px;
}

/*----------------------- ADDITIONAL TEXT HOMEPAGE ------------------------------- */

#bgmenu{
width: 900px;
position:relative;
margin: 0px auto;
}

#tmenu {
width: 800px;
margin: 0px auto;
}