/*
 *****************************************
 * Global reset
 *****************************************
 */

body
{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Futura, Helvetica, sans-serif;
	font-size: 11px;
   color: #000000;
	text-align:center;
	margin:auto;
	width:800px;
}

p, td, th, div, blockquote, dl, ul, ol 
{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Futura, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/*
 *****************************************
 * HEADER STUFF
 *****************************************
 */

#header #tittle
{
	margin-left: -9999px;
	float: left;
}

#block_left
{
	float: left;
	width: 140px;
	margin-left: 0px;
}

* html #block_left
{
	display: inline;
}

#block_center
{
	float: left;
	width: 520px;
	margin-left: 0px;
	/*margin-right:auto;
	display:block;*/
}

#embedded_store
{
	float: left;
	width: 660px;
	margin-left: 0px;
	margin-right:auto;
	display:block;
	align: center;
}

#block_right
{
	float: left;
	width: 140px;
	margin-left: 0px;
}

#block_footer
{
	display: block;
	text-align:left;
	width: 800px;
	position: relative;
	margin:auto;
}

#header
{
	width: 800px;
	height: 123px;
	background-image: url("../images/header-top-es.gif");
	border-bottom: 4px #F06400 solid;
	float:left;
}

#header-banner
{
	width: 230px;
	height: 62px;
	background:url("../images/header-banner-1.gif") no-repeat left top;
	position:absolute;
	top:20px;
	left:231px;
	display:block;
	z-index:5;
}
								

/* Start Mac IE5 filter \*/
#block_left, #block_center, #block_right
{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
}

@media all and (min-width: 0px)
{
	#block_left, #block_center, #block_right
	{
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	#block_left:before, #block_center:before, #block_right:before
	{
		content: '[DO NOT LEAVE IT IS NOT REAL]';
		display: block;
		background: inherit;
		padding-top: 32767px !important;
		margin-bottom: -32767px !important;
		height: 0;
	}
}

/* hack for IEs of all persuasions before IE7 */
#wrapper_extra
{
	position: relative;
}
* html #wrapper
{
	position: relative;
}
#wrapper
{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	width: 810px;
	margin:0px;
	padding:0px;
	clear:both;
	*clear:none;
}

/* we need this for IE 5.01 - otherwise the columns vanish */
* html #wrapper_extra
{
	float: left;
	width: 100%;
}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
{
	/* Normally a Holly-style hack height: 1% would suffice but that causes  IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left; /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes  (I saw it happen many moons ago) makes the width of wrapper too small  the float: none with the comment is ignored by 5.01, 5.5 and above see it and carry on about their business It's probably fine to just remove it, but it's left here  just in case that many moons ago problem rears its head again */
	float: /**/ none;
}

/* easy clearing */
#wrapper:after
{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wrapper
{
	display: inline-block;
}
/*\*/
#wrapper
{
	display: block;
}

/* end easy clearing */
#footer
{
	clear: both;
}

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
{
	position: relative;
	z-index: 1000;
}


/*
 *****************************************
 * TOP MENU
 *****************************************
 */

#header #mainlevel-nav
{
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	/*font-family: 'Arial Narrow';*/
	font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Futura, Helvetica, sans-serif;
	margin: 0px;					/* fx */	
	_margin: 94px 0px 0px 140px;	/* ie */
	padding: 94px 0px 0px 140px;	/* fx */
	_padding: 0px;					/* ie */
	height: 29px;
}

/*
sliding doors
*/

#header #mainlevel-nav ul
{
	margin:0;
	list-style:none;
}

#header #mainlevel-nav li
{
	display:inline;
	margin:0;
	padding:0;
}

#header #mainlevel-nav a
{
	float:left;
	background:url("../images/left_both.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 15px;
	text-decoration:none;
	height:29px;
}

#header #mainlevel-nav a span
{
	float:left;
	display:block;
	background:url("../images/right_both.gif") no-repeat right top;
	padding:9px 16px 5px 1px;
	font-weight:bold;
	color:#FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header #mainlevel-nav a span {float:none;}
/* End IE5-Mac hack */

#header #mainlevel-nav a:hover span
{
	color:#FFFFFF;
}

#header #mainlevel-nav #current a
{
	background-position:0 -29px;
	padding:0 0 0 15px;
	border-width:0;
	height:29px;
}

#header #mainlevel-nav #current a span
{
	float:left;
	display:block;
	background-position:100% -29px;
	padding:9px 16px 6px 1px;
	color:#FFFFFF;
}

#header #mainlevel-nav a:hover
{
	background-position:0% -29px;
}

#header #mainlevel-nav a:hover span
{
	background-position:100% -29px;
	padding:9px 16px 6px 1px;
}

/*
 *****************************************
 * MAIN MENU
 *****************************************
 */

/** Primer nivel **/
 
.moduletable_products 
{
	width: 100%;
	padding: 0;
	margin: 10px 0px 0px 0px;
/*	border-collapse: collapse;*/
	/*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Futura, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	border: none;
}

.moduletable_products h3
{
	font-size: 12px;
	text-transform:uppercase;
	background-color: #003896;
	color: #FFFFFF;
	text-align: center;
	height: 18px;
	/*padding: 0;*/
	padding-top:2px;
	margin: 0;
}

.moduletable_products ul
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.moduletable_products li a:link, a:visited, a:hover
{
	text-decoration:none;
	color: #003896;
}

.moduletable_products .family
{
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin:auto;
	display: block;
	background-color: #FFFFFF;
	color: #003896;
	padding-left: 10px;
	padding-top: 2px;
	text-decoration: none;
	height: 20px;
	font-weight: bold;
}

.moduletable_products .product
{
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin:auto;
	display: block;
	background-color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	padding-left: 20px;
	text-decoration: none;
	color: #003896;
	height: 20px;
	display: block;
	padding-top: 3px;
}

/*
 *****************************************
 * Menu / Categoria
 *****************************************
 */

.categorypane
{
	background-color: #FFFFFF;
	margin: 10px 10px 0px 10px;
	font-size: 11px;
}

.categorypane .componentheading
{
	font-weight: bold;
}

.categorypane .contentdescription
{
}

.categorypane .contentitems
{
	display: none;
}

/*
 *****************************************
 * Menu / Categoria / MAIL
 *****************************************
 */

.cat_mail_title
{
	width: 300px;
	clear: left;
	display: inline;
	float: left;
	visibility: visible;
}

.cat_mail_benefits
{
	width: 300px;
	clear: left;
	display: inline;
	float: left;
	visibility: visible;
}

.cat_mail_price
{
	width: 300px;
	clear: left;
	display: inline;
	float: left;
	visibility: visible;
}

.cat_mail_highlight
{
	width: 200px;
	float: right;
}

/*
 *****************************************
 * Destacado / Vertical / VIVA Start
 *****************************************
 */

.highlight_vertA
{
	display: block;
	float: left;
	width: 225px;
	height: 351px;
	background-image: url("../images/fondo_viva_small_web.png");
	background-repeat: no-repeat;
	position:relative;
}
	
.highlight_vertA .image1
{
	display: inline;
	position: relative;
	top: 30px;
	left: -5px;
	width: 54px;
	height: 54px;
	float: left;
	z-index: 99;
	clear: none;
}

.highlight_vertA .tab
{
	color: #FFFFFF;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: -47px;
	clear: none;
	float: left;
}

.highlight_vertA .textbody
{
	color: #003896;
	font-size: 11px;
	font-weight : normal;
	display: block;
	float: right;
	position: relative;
	top: 140px;
	left: -20px;
	width: 200px;
}

.highlight_vertA .textbody a
{
	font-weight:bold;
	text-decoration:none;
	color:#f06400;
}

.highlight_vertA .textbody a:link
{
	font-weight:bold;
	text-decoration:none;
	color:#f06400;
}

.highlight_vertA .textbody a:hover
{
	font-weight:bold;
	text-decoration:underline;
	color:#f06400;
}

.highlight_vertA .button
{
	background-image: url("../images/dest_boton.gif");
	position:absolute;
	background-repeat: no-repeat;
	top:310px;
	left:150px;
	color: #FFFFFF;
	font-size: 11px;
	display: block;
	width: 70px;
	height: 30px;
	text-align: center;
	padding-top: 4px;
}

.highlight_vertA .button a:link, .highlight_vertA .button a:visited, .highlight_vertA .button a:hover
{
	color: #FFFFFF;
	width: 100%;
	text-decoration: none;
	margin-top: 8px;
}


.highlight_vertA .circle
{
	font-size:11px;
	position:absolute;
	top:280px;
	left:1px;
	color:#FFFFFF;
	text-align:center;
	width:84px;
	display: block;
	float: left;
	margin:auto;
}

/*
 *****************************************
 * Destacado / Vertical / VIVA Entry
 *****************************************
 */

.highlight_vertB
{
	display: block;
	float: right;
	width: 225px;
	height: 351px;
	background-image: url("../images/fondo_viva_entry.png");
	background-repeat: no-repeat;
	position:relative;
}
	
.highlight_vertB .image1
{
	display: inline;
	position: relative;
	top: 30px;
	left: -5px;
	width: 54px;
	height: 54px;
	float: left;
	z-index: 99;
	clear: none;
}

.highlight_vertB .tab
{
	color: #FFFFFF;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: -45px;
	clear: none;
	float: left;
}

.highlight_vertB .textbody
{
	color: #003896;
	font-size: 11px;
	font-weight : normal;
	display: block;
	float: right;
	position: relative;
	top: 140px;
	left: -20px;
	width: 200px;
}

.highlight_vertB .textbody a
{
        font-weight:bold;
	text-decoration:none;
	color:#f06400;
}                        

.highlight_vertB .textbody a:link
{
	font-weight:bold;
	text-decoration:none;
	color:#f06400;
}

.highlight_vertB .textbody a:hover
{
	font-weight:bold;
	text-decoration:underline;
	color:#f06400;
}

.highlight_vertB .button
{
	background-image: url("../images/dest_boton.gif");
	position:absolute;
	background-repeat: no-repeat;
	top:310px;
	left:150px;
	color: #FFFFFF;
	font-size: 11px;
	display: block;
	width: 70px;
	height: 30px;
	text-align: center;
	padding-top: 4px;
}

.highlight_vertB .button a:link, .highlight_vertB .button a:visited, .highlight_vertB .button a:hover
{
	color: #FFFFFF;
	width: 100%;
	text-decoration: none;
	margin-top: 8px;
}


.highlight_vertB .circle
{
	font-size:11px;
	position:absolute;
	top:280px;
	left:1px;
	color:#FFFFFF;
	text-align:center;
	width:84px;
	display: block;
	float: left;
	margin:auto;
}

/*
 *****************************************
 * Destacado / Vertical / VIVA Multi 5
 *****************************************
 */

.highlight_vertC
{
	display: block;
	float: left;
	width: 225px;
	height: 351px;
	background-image: url("../images/fondo_viva_multi_5.png");
	background-repeat: no-repeat;
	position:relative;
}
	
.highlight_vertC .image1
{
	display: inline;
	position: relative;
	top: 30px;
	left: -5px;
	width: 54px;
	height: 54px;
	float: left;
	z-index: 99;
	clear: none;
}

.highlight_vertC .tab
{
	color: #FFFFFF;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: -45px;
	clear: none;
	float: left;
}

.highlight_vertC .textbody
{
	color: #003896;
	font-size: 11px;
	font-weight : normal;
	display: block;
	float: right;
	position: relative;
	top: 140px;
	left: -20px;
	width: 200px;
}

.highlight_vertC .textbody a
{
	font-weight:bold;
	text-decoration:none;
	color:#f06400;
}

.highlight_vertC .textbody a:link
{
	font-weight:bold;
	text-decoration:none;
	color:#f06400;
}

.highlight_vertC .textbody a:hover
{
	font-weight:bold;
	text-decoration:underline;
	color:#f06400;
}

.highlight_vertC .button
{
	background-image: url("../images/dest_boton.gif");
	position:absolute;
	background-repeat: no-repeat;
	top:310px;
	left:150px;
	color: #FFFFFF;
	font-size: 11px;
	display: block;
	width: 70px;
	height: 30px;
	text-align: center;
	padding-top: 4px;
}

.highlight_vertC .button a:link, .highlight_vertC .button a:visited, .highlight_vertC .button a:hover
{
	color: #FFFFFF;
	width: 100%;
	text-decoration: none;
	margin-top: 8px;
}


.highlight_vertC .circle
{
	font-size:11px;
	position:absolute;
	top:280px;
	left:1px;
	color:#FFFFFF;
	text-align:center;
	width:84px;
	display: block;
	float: left;
	margin:auto;
}

/*
 *****************************************
 * Destacado / Vertical / VIVA Virtua 10
 *****************************************
 */

.highlight_vertD
{
	display: block;
	float: right;
	width: 225px;
	height: 351px;
	background-image: url("../images/fondo_viva_virtua_10.png");
	background-repeat: no-repeat;
	position:relative;
}
	
.highlight_vertD .image1
{
	display: inline;
	position: relative;
	top: 30px;
	left: -5px;
	width: 54px;
	height: 54px;
	float: left;
	z-index: 99;
	clear: none;
}

.highlight_vertD .tab
{
	color: #FFFFFF;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: -48px;
	clear: none;
	float: left;
}

.highlight_vertD .textbody
{
	color: #003896;
	font-size: 11px;
	font-weight : normal;
	display: block;
	float: right;
	position: relative;
	top: 140px;
	left: -20px;
	width: 200px;
}

.highlight_vertD .textbody a
{
	font-weight:bold;
	text-decoration:none;
	color:#f06400;
}

.highlight_vertD .textbody a:link
{
	font-weight:bold;
	text-decoration:none;
	color:#f06400;
}

.highlight_vertD .textbody a:hover
{
	font-weight:bold;
	text-decoration:underline;
	color:#f06400;
}

.highlight_vertD .button
{
	background-image: url("../images/dest_boton.gif");
	position:absolute;
	background-repeat: no-repeat;
	top:310px;
	left:150px;
	color: #FFFFFF;
	font-size: 11px;
	display: block;
	width: 70px;
	height: 30px;
	text-align: center;
	padding-top: 4px;
}

.highlight_vertD .button a:link, .highlight_vertD .button a:visited, .highlight_vertD .button a:hover
{
	color: #FFFFFF;
	width: 100%;
	text-decoration: none;
	margin-top: 8px;
}


.highlight_vertD .circle
{
	font-size:11px;
	position:absolute;
	top:280px;
	left:1px;
	color:#FFFFFF;
	text-align:center;
	width:84px;
	display: block;
	float: left;
	margin:auto;
}

/*
 *****************************************
 * Destacado / Vertical / 1
 *****************************************
 */

.highlight_vert1
{
	display: block;
	float: left;
	width: 223px;
	height: 351px;
	background-image: url("../images/dest_fondo_hosting.gif");
	background-repeat: no-repeat;
	position:relative;
}
	
.highlight_vert1 .image1
{
	display: inline;
	position: relative;
	top: 30px;
	left: -5px;
	width: 54px;
	height: 54px;
	float: left;
	z-index: 99;
	clear: none;
}

.highlight_vert1 .tab
{
	color: #FFFFFF;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: -175px;
	clear: none;
	float: right;
}

.highlight_vert1 .textbody
{
	color: #003896;
	font-size: 11px;
	font-weight : normal;
	display: block;
	float: right;
	position: relative;
	top: 140px;
	left: -20px;
	width: 200px;
}

.highlight_vert1 .button
{
	background-image: url("../images/dest_boton.gif");
	position:absolute;
	background-repeat: no-repeat;
	top:310px;
	left:150px;
	color: #FFFFFF;
	font-size: 11px;
	display: block;
	width: 70px;
	height: 30px;
	text-align: center;
	padding-top: 4px;
}

.highlight_vert1 .button a:link, .highlight_vert1 .button a:visited, .highlight_vert1 .button a:hover
{
	color: #FFFFFF;
	width: 100%;
	text-decoration: none;
	margin-top: 8px;
}


.highlight_vert1 .circle
{
	font-size:11px;
	position:absolute;
	top:280px;
	left:1px;
	color:#FFFFFF;
	text-align:center;
	width:84px;
	display: block;
	float: left;
	margin:auto;
}

/*
 *****************************************
 * Destacado / Vertical / 2
 *****************************************
 */

.highlight_vert2
{
	display: block;
	float: right;
	width: 230px;
	height: 352px;
	background-image: url("../images/dest_fondo_dominios.gif");
	position:relative;
}

.highlight_vert2 .image1
{
	display: inline;
	position: relative;
	top: -5px;
	left: 0px;
	width: 52px;
	height: 52px;
	float: right;
	z-index: 99;
	clear: none;
}

.highlight_vert2 .tab
{
	color: #FFFFFF;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: 10px;
	clear: none;
	float: left;
}

.highlight_vert2 .textbody
{
	text-align:center;
	color: #003896;
	font-size: 11px;
	font-weight : normal;
	display: block;
	/*float: center;*/
	clear:both;
	position: relative;
	top: 100px;
	left:50px;
	width: 100px;
	margin:auto;
}



.highlight_vert2 .button
{
	background-image: url("../images/dest_boton.gif");
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 11px;
	float: right;
	display: block;
	width: 70px;
	height: 30px;
	text-align: center;
	margin-top: 240px;
	padding-top: 4px;
	clear: both;
}


.highlight_vert2 .button a:link, .highlight_vert2 .button a:visited, .highlight_vert2 .button a:hover
{
	color: #FFFFFF;
	width: 100%;
	text-decoration: none;
	margin-top: 8px;
}

/*
 *****************************************
 * Destacado / Horizontal / 1
 *****************************************
 */

.highlight_horz1
{
	display: block;
	float: right;
	width: 470px;
/*	height: 143px;*/
	height:	190px;
/*	background-image: url("../images/dest_fondo_busca.gif");*/
        background-image: url("../images/diseno_web_frontpage.gif");
	background-repeat: no-repeat;
}

.highlight_horz1 .tab
{
	color: #FFFFFF;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	position: relative;
/*	top: 5px;*/
	top: -158px;
/*	left: -145px;*/
	left: -177px;
	clear: none;
	float: rigth;
}

.highlight_horz1 .textbody
{
	background-image: url("../images/dest_boton.gif");
	background-repeat: no-repeat;
	text-align:center;
	color: #003896;
	font-size: 11px;
	font-weight: normal;
	display: block;
	clear: both;
/*	position:relative;*/
	position: absolute;
/*	top: 30px;*/
	top: 185px;
/*	left: 95px;*/
	left: 190px;
	width: 70px;
	height: 30px;
/*	margin: auto;*/
	padding-top: 4px;
}

.highlight_horz1 .button
{
	background-image: url("../images/dest_boton.gif");
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 11px;
/*	position: relative;*/
	position: absolute;
/*	top: 110px;*/
	top: 297px;
	left: 560px;

	float: right;
	display: block;
	clear: both;
	
	width: 70px;
	height: 30px;
	text-align: center;
	padding-top: 4px;
}

.highlight_horz1 .button a:link, .highlight_horz1 .button a:visited, .highlight_horz1 .button a:hover
{
	color: #FFFFFF;
	width: 100%;
	text-decoration: none;
	margin-top: 8px;
}

.highlight_horz1 .textbody a:link, .highlight_horz1 .textbody a:visited, .highlight_horz1 .textbody a:hover
{
        color: #FFFFFF;
        width: 100%;
        text-decoration: none;
        margin-top: 8px;
}

/*
 *****************************************
 * Destacado / Horizontal /2
 *****************************************
 */

.highlight_horz2
{
	display: block;
	float: left;
	width: 470px;
	height:	190px;
	background-image: url("../images/banner_diseno_web.gif");
	background-repeat: no-repeat;
}

.highlight_horz2 .tab2
{
	color: #FFFFFF;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	float: left;
	padding-top:8px;
	padding-left:10px;
}

.highlight_horz2 .textbody2
{
	background-image: url("../images/dest_boton.gif");
	background-repeat: no-repeat;
	text-align:center;
	color: #003896;
	font-size: 11px;
	font-weight: normal;
	clear: left;
	width: 70px;
	height: 30px;
	padding-top: 4px;
	float:left;
	margin-top:120px;
	margin-left:24px;
}

.highlight_horz2 .button2
{
	background-image: url("../images/dest_boton.gif");
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 11px;
	float: right;
	width: 70px;
	height: 30px;
	text-align: center;
	padding-top: 4px;
	margin-top:120px;
	margin-right:24px;
}

.highlight_horz2 .button2 a:link, .highlight_horz2 .button2 a:visited, .highlight_horz2 .button2 a:hover
{
	color: #FFFFFF;
	width: 100%;
	text-decoration: none;
	margin-top: 8px;
}

.highlight_horz2 .textbody2 a:link, .highlight_horz2 .textbody2 a:visited, .highlight_horz2 .textbody2 a:hover
{
        color: #FFFFFF;
	width: 100%;
	text-decoration: none;
	margin-top: 8px;
}

/*
 *****************************************
 * Destacado / Layout
 *****************************************
 */

.moduletable_destvert
{
	float: left;
	width: 500px;
	margin-top:10px;
}

.moduletable_destvert .contentpaneopen_destvert
{
	padding-right: 10px;
	padding-left: 25px;
}

.moduletable_desthorz
{
	width: 500px;
	margin-top:10px;
	float:left;
}

.moduletable_desthorz .contentpaneopen_desthorz
{
	padding-left: 25px;
}

/*
 *****************************************
 * Banners
 *****************************************
 */

.bannergroup
{
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}

.banneritem
{
	margin-top: 10px;
	margin-bottom: 10px;	
}

/*
 *****************************************
 * Caja Registro de Dominio
 *****************************************
 */

.domainreg
{
	float: right;
	width: 140px;
	font-size: 11px;
	padding-bottom:10px;
	margin:auto;
}

.domainreg .titulo
{
	margin-top: 10px;
	color: #FFFFFF;
	background-color: #003896;
	width: 100%;
	height: 18px;
	text-align: center;
	font-size:12px;
   font-weight:bold;
	padding-top: 2px;
	border: 1px solid #003896;
}

.domainreg .cuerpo
{
	background-color: #FFFFFF;
	color: #003896;
	font-weight:bold;
	width: 140px;
	height: 70px;
	margin:auto;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}


.domainreg .cuerpo .txt
{
	font-size: 11px;
	/*width:90%;*/
}

.domainreg .cuerpo .btn
{
	background-color: #003896;
	color:#FFFFFF;
	margin-left:3px;
	border-style:none;
	height:20px;
	font-size: 11px;
}

.domainreg .cuerpo select
{
	font-size: 11px;
}

/*
 *****************************************
 * Articulo
 *****************************************
 */

.article
{
	width: 500px;
	margin: 10px 10px 10px 10px;
}

.article .tabs
{
	display: block;
	width: 500px;
	height: 25px;	/*fx*/
	_height: 20px;	/*ie*/
	margin: 0px 0px 0px 0px;
}

.article .tabs .tabselected
{
	background-image:url("../images/articulos_tab_selected.gif");
	background-repeat:no-repeat;
	display: inline;
	float: left;
	width: 144px;
	height: 25px;	/*fx*/
	_height: 20px;	/*ie*/	
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
}

.article .tabs .tab
{
	background-image: url("../images/articulos_tab.gif");
	background-repeat: no-repeat;
	float: left;
	width: 167px;
	height: 25px;	/*fx*/
	_height: 20px;	/*ie*/
	text-align: center;
	padding-top: 5px;
}

.article .tabs .tab a
{
	font-size: 11px;
	font-weight: bold;
	color: #0056ad;
	text-decoration: none;
}

.article .tabs .tab a:hover
{
	color: #FFFFFF;
}

.article .pane
{
	background-color: #FFFFFF;
	border: solid 3px #0078c8;
	_padding: 10px 15px 10px 15px; /*ie*/
	height: 270px;
	_height: 250px;				   /*ie*/
}

.article .pane .inside
{
	margin: 10px 15px 10px 15px; /*fx*/
	_margin: 0px 0px 0px 0px;	 /*ie*/

	background-color: #e2ecf6;
	height: 100%;
	background-image: url("../images/articulos_foto1.gif");
	background-position: right top;
	background-repeat: no-repeat;
	height: 250px;
}

.article .pane .image1
{
	display: block;
	float: right;
	position: relative;
	left: 10px;
	top: 165px;
}

.article .pane .button
{
	height:18px;
	width:71px;
	
	display: block;
	float: right;
	position: relative;
	left: 70px;
	top: 250px;
	text-align: center;
}

.article .pane .button a
{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}


.article .pane .title
{
	display: block;
	float: left;
	font-size:11px;
	font-weight:bold;
	color: #003896;
	text-align:left;
	
}

.article .pane .bodytext
{
	display: block;
	float: left;
	
	font-size:11px;
	position:relative;
	padding-left:5px;
	/*left:-220px;*/
	
	color: #003896;
	text-align:left;
	padding-top:10px;
	width:220px;
}

.article .pane .bodytext ul
{
	color: #003896;
	line-height:1.5em;
	margin-left:5px;
	padding-left:20px;
}

.article .product
{
		margin-top: 10px;
}

.article .product table
{
	width:500px;
	border: solid 3px #0078c8;
	font-size:11px;
	border-collapse: collapse;
	margin-top:20px;
	_margin-top:0px;
}

.article .product table th
{
	background-color:#0078c8;
	color:#FFFFFF;
	text-align: left;
}

.article .product table .altrow
{
	background-color:#eff5fa;
	height:32px;
}

.article .product table .seprow
{
	background-color:#eff5fa;
	text-align:left;
}

.article .product table .seprow a
{
	font-weight: bold;
	text-decoration: underline;
	padding-left: 15px;
	color: #003896;
}

.article .product table td
{
		color: #003896;
		border: none;
}

.article .product table tr
{
		color: #003896;
		border: none;
}

.article .product .image1
{
	display: block;
	float: right;
	position: relative;
	left: -10px;
	top: -75px;
}

.article .product .button
{
	height:18px;
	width:71px;
	
	display: block;
	float: right;
	position: relative;
	left: -8px;
	top: -10px;
	text-align: center;
	margin:auto;
}

.article .product .button a
{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}

/*
 *****************************************
 * Footer 
 *****************************************
 */

#block_footer .footer
{
	width:800px;
	background-image:url("../images/footer.gif");
	height:99px;
	background-repeat: no-repeat;
}

#block_footer .footer .links
{
	text-align:right;
}

#block_footer .footer .links a
{
	
	color:#0078c8;
	font-size: 11px;
	text-decoration: none;
}

#block_footer .footer .bodytext
{
	color: #8d8d8d;
	display:block;
	position:relative;
	top:15px;
	font-size:11px;
	padding-left:10px;
	padding-top:5px;
}

/*
 *****************************************
 * Header Buttons
 *****************************************
 */

.headerbuttons
{
	display: block;
	width: 93px;

	/* firefox */
	float: right;
	position: relative;
	top: -110px;
	left: -20px;

	/* ie */
	_position: absolute;
	_float: none;
	_top: 15px;
	_left: 690px;
}

.headerbuttons .button
{
	display: block;
	background-image: url("../images/header_boton.gif");
	background-repeat: no-repeat;
	width: 93px;
	height: 30px;
	padding-top:2px;
}

.headerbuttons .button .customers
{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

.headerbuttons .button .resellers
{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

.headerbuttons .button .lang
{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	padding-top:4px;
}

/*
 *****************************************
 * Categorias / Columnas
 *****************************************
 */

.prodcolumn
{
	display: block;
	float: left;
	width: 152px;
	margin-left: 15px;
	padding-top:10px;

	_position: relative;
	_left: -10px;
}

.prodcolumn .tab
{
	background-image: url("../images/prod_columns_tab.gif");
	height: 25px;
	text-align: left;
	font-weight:bold;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 6px;
}

.prodcolumn .picture
{
	display: block;
	width: 152px;
	height: 136px;
	background-color: #0078cc;
	margin-top: 5px;
}

.prodcolumn .info
{
	background-color: #e2ecf6;
	/*padding-bottom: 10px;*/
	_margin-top: -10px;
}

.prodcolumn .info .pricebutton
{
	width: 71px;
	position: relative;
	float: right;
	top: -50px;
	_top:-45px;
	left:12px;
	clear: none;
	z-index: 10;
}

.prodcolumn .info .pricebutton .button
{
	display: block;
	width: 71px;
	height: 18px;
	padding-top: 2px;
	text-align: center;
}

.prodcolumn .info .pricebutton .button a
{
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;	
}

.prodcolumn .info .highlightspecs
{
	background-color: #e2ecf6;
	display: block;	
	position: relative;
	float: left;
	width: 142px;
	top: -75px;
	
	color: #f06400;
	font-size: 11px;
	text-align: left;

	padding-top: 30px;
	padding-left: 10px;
}

.prodcolumn .info .text
{
	background-color: #e2ecf6;	
	display: block;	
	position: relative;
	float: left;
	width: 142px;
	top: -75px;
	font-size: 11px;
	color: #003399;
	
	text-align: left;
	padding-left: 10px;
	padding-bottom:20px;
}

.prodcolumn .info .text .mas_detalles
{
	color:#f06400;
	text-align:left;
	font-weight:bold;
	margin-top:20px;
}

.prodcolumn .info .text .mas_detalles a
{
	text-decoration:none;
	color:#f06400;
}

.prodcolumn .info .text .mas_detalles a:hover
{
	text-decoration:underline;
	color:#f06400;
}

.prodcolumn .info p
{	
	background-color: #e2ecf6;	
	color: #003399;
	font-size: 11px;
	text-align: left;
	display: block;	
	position: relative;
	float: left;	

	padding-left: 10px;
}

.prodcolumn .info .floatbutton
{
	width: 71px;
	position: relative;
	float: right;
	top: -85px;
	
	_top: -85px;
}

.prodcolumn .info .floatbutton .button
{
	display: block;
	width: 71px;
	height: 16px;
	padding-top: 2px;
	text-align: center;
	
	_padding-top: 0px;
	_margin: 0px 0px 0px 0px;

}

.prodcolumn .info .floatbutton .button a
{
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	
	_padding-top: -2px;
	_margin: 0px 0px 0px 0px;
	_postion: relative;
	_top: -2px;
}

.itr {
	position: relative;
	display: inline-block;
	color: #003399;
}

.bpop {
	display: none;
}

a.itr:visited
{
	text-decoration:underline;
}

a.itr:hover {
	border-width: 0; /* IE */
}


a.itr:hover .bpop {
	display: inline;  /* !? Moz, Op */
	position: absolute;
	width: 10em;
	background-color: #ffffff;
	padding: 3px 3px 3px 3px;
	border: 1px #666666 dashed;
	font-size: 11px;
	color: #666666;
	margin-left:4px;
	
}

.itr2 {
	position: relative;
	display: inline-block;
	color: #003399;
}

.bpop2 {
	display: none;
}

a.itr2:visited
{
	text-decoration:underline;
}

a.itr2:hover {
	border-width: 0; /* IE */
}


a.itr2:hover .bpop2 {
	display: inline;  /* !? Moz, Op */
	position: absolute;
	width: 30em;
	background-color: #ffffff;
	padding: 3px 3px 3px 3px;
	border: 1px #666666 dashed;
	font-size: 11px;
	color: #666666;
	margin-left:4px;
	float:right;
	z-index:1;
}