body 
{
	background-image: url(../images/bkg.gif);
	margin: 0px;
	padding: 0px 0px auto 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*font-weight: bold;*/
	color: #FFF;
	background-color: #CCC;	
}
/*******************************************************************************
	CONTENEDOR PRINCIPAL
********************************************************************************/
#container {
	width:740px;.
	/*height: auto;*/
	display: block;
	position: absolute;
	left: 50%; 
	margin: 25px 0px 0px -365px;
	border: 1px solid #999;
	padding: 10px 10px 10px 10px;
	background-color:#FFF;	
}
/*******************************************************************************
	TOP
********************************************************************************/
#top
{
	width: 740px;
	height: 130px;
	position: relative;
	display: block;
	float: left;
}
.logo
{	
	float: left;
	width: 178px;
	height: 128px;
	position: relative;
	display: block;
	border: 1px solid #00659C;
	
}

.logo2
{
	width: 538px;
	height: 128px;
	display: block;
	border: 1px solid #00659C;
	position: relative;
	float: left;
	margin-left: 10px;
	background-color: #FFF;
}

/*******************************************************************************
	BARRA DE NAVEGACIÓN
*******************************************************************************/
#menu
{
	width: 178px;
	height: 354px;
	position: relative;
	float: left;
	display: block;
	border: 1px solid #00659C;
	background: #7DA9FD url('../images/serv_ico.jpg') no-repeat top right;
	color: #FFF;
	margin: 10px 10px 0px 0px;
	overflow: auto;
}
/** Título **/ 
.top-nav {
	position: relative;
	height: 16px;
	width: 113px;
	float: left;
	padding: 12px 0px 12px 5px;
	background-image: url(../images/top_nav.jpg);
	background-repeat: repeat-x;
	margin-bottom: 15px;
}
/** Botones de cambio de idioma **/ 
.flags
{
	width: 170px;
	height: 31px;
	float: left;
	position: relative;
	display: block;
}
/** Botones de navegación **/
a.button {
	display: block;
	float: left;
	position: relative;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
/*	background-image: url(../images/bkg_lnk.jpg);*/
	background-color: #8CB6FE;
	background-repeat: repeat-x;
	width: 172px;
	height: auto;
	border-top: 1px solid #CCF0FF;
	border-bottom: 1px solid #00659C;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
/*	background-color: #FFF;*/
}
a.button:hover {
/*	background-image: url(../images/bk_lnk_over.jpg); */
	background-color: #edfe14;
	background-repeat: repeat;
	color: #000;
}
/** Boton Salida **/
a.close {
	display: block;
	float: left;
	position: relative;
	padding: 4px 0px 0px 30px;
	margin: 3px auto 0px 5px;
	background-image: url(../images/cerrar.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	width: 125px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}
a.close:hover {
	color: #000;
}

/** Boton Entrada **/
a.open {
	display: block;
	float: left;
	position: relative;
	padding: 4px 0px 0px 27px;
	margin: 5px auto 0px 5px;
	background-image: url(../images/entrar.gif);
	background-repeat: no-repeat;
	width: 125px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	text-align: top;
}
a.open:hover {
	color: #000;
}

/** Forgot Password **/
a.forgot {
	display: block;
	float: left;
	position: relative;
	padding: 4px 0px 0px 27px;
	margin: 5px auto 0px 5px;
	font-size: 9px;
	text-decoration: underline;
	color: #FFF;
}
a.forgot:hover {
	color: #000;
}


/*******************************************************************************
	CONTENIDO
*******************************************************************************/

#cuerpo
{
	color: #55a;
	font-size: 11px;
	float: right;
	position: absolute;
	top: 140px;
	left: 200px;
	display: block;
	border: 1px solid #00659C;
	width: 538px;
	height: 354px;
	margin-top: 10px;
	background-color: #fff;
	overflow: auto;
}
/*

*/
/** Registro de dominios **/ 
#caja1
{
	width: 255px;
	border: 1px solid #008200;
	height: 163px;
	margin: 10px 5px 5px 5px;
	float: left;
	display: block;
	position: relative;
	background-image: url(../images/domain_name.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	overflow: hidden;
}
.title-caja1
{
	width: 255px;
	height: 16px;
	padding: 12px 0px 12px 5px;
	float: left;
	position: relative;
	display: block;
	background-image: url('../images/top_box1.jpg');
	background-repeat: repeat-x;
	color: #FFF;
}
span.precio
{
	font-size: 16px;
}
/** Texto **/
.domain-price
{
	color: #000;
	position: relative;
	display: block;
	width: 255px;
	font-size: 24px;
	margin: 0px;
	text-align: center;
}
.unit
{
	font-size: 16px;
}
.txt-caja1
{		
	text-align: center;
	color: #FFFFFF;
	size:10px;
}
.txt-domain
{		
	position: relative;
	display: block;
	width: 249px;
	padding: 0px 0px 0px 5px;
	text-align: center;
	color: #003333;
	margin: 3px 0px 0px 0px;
}
#caja1 a.bt, #caja1 a.bt:visited
{
	display: block;
	float: none;
	position: relative;
	padding:4px;
	width: 130px;
	margin-top: 5px;
	border: 1px solid #008200;
	background-color: #F0FFF0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #008200;
}
#caja1 a.bt:hover {
	text-decoration: none;
	background-color: #008200;
	color: #F0FFF0;
	border-color: #F0FFF0;
}
a.bt_domain, a.bt_domain:visited
{
	display: block;
	float: none;
	position: relative;
	padding:4px;
	width: 130px;
	margin-top: 5px;
	border: 1px solid #008200;
	background-color: #F0FFF0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #008200;
}
a.bt_domain:hover {
	text-decoration: none;
	background-color: #008200;
	color: #F0FFF0;
	border-color: #F0FFF0;
}

#info
{
	position: relative;
	width: 32px;
	height: 32px;
	float: right;
	margin: -157px 1px 0px 0px;
}
#dnsinfo
{
	position: relative;
	width: 32px;
	height: 32px;
	float: right;
	margin: -38px 5px 0px 0px;
}
/** Diseño web **/ 
#caja2
{
	width: 249px;
	border: 1px solid #F00;
	height: 163px;
	margin: 10px 5px 5px 5px;
	float: left;
	position: relative;
	display: block; 
	background-image: url(../images/bk_web_dessign.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	overflow: hidden;
}
.title-caja2
{
	width: 249px;
	float: left;
	padding: 12px 0px 12px 5px;
	position: relative;
	display: block;
	background-image: url('../images/top_box2.jpg');
	background-repeat: repeat-x;
	height: 16px;
	color: #FFF;
}
/** Texto **/
.tarifas
{
	color: #000;
	position: relative;
	display: block;
	width: 249px;
	font-size: 24px;
	margin: 0px;
	text-align: center;
}

.txt-wdessign
{		
	position: relative;
	display: block;
	width: 249px;
	padding: 0px 0px 0px 5px;
	text-align: center;
	color: #003333;
	margin: 0px 0px 0px 0px;
}
#caja2 a.bt, #caja2 a.bt:visited
{
	display: block;
	float: none;
	position: relative;
	padding:4px;
	width: 70px;
	margin-top: 8px;
	border: 1px solid #F00;
	background-color: #FCC;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #F00;
}
#caja2 a.bt:hover {
	text-decoration: none;
	background-color: #F00;
	color: #FCC;
	border-color: #FCC;
}
/** Pack total **/
#caja3
{
	border: 1px solid #FF6600;
	width: 515px;
	height: 158px;
	float: left;
	display: block;
	margin: 5px 0px 5px 5px;
	position: relative;
	background-image: url(../images/bk_pack_total.jpg);
	background-repeat: no-repeat;
	background-position: 0px 40px;
	background-color: #FFBD80;
	overflow: hidden;
}
.title-caja3
{
	width: 532px;
	float: left;
	padding: 12px 0px 12px 5px;
	position: relative;
	display: block;
	background-image: url('../images/top_box3.jpg');
	background-repeat: repeat-x;
	height: 16px;
	color: #FFF;
}
#dnsinfo
{
	position: relative;
	width: 32px;
	height: 32px;
	float: right;
	margin: -37px 5px 0px 0px;
}
/** Texto **/
.descuento
{
	color: #000;
	position: relative;
	display: block;
	float: left;
	width: 532px;
	height: 100px;
	font-size: 28px;
	margin: 0px;
	text-align: center;
	padding: 0px;
}
.price
{
	position: relative;
	display: block;
	height: 100px;
	float: none;
	text-align: center;
	font-size: 48px;
	padding: 0px;
}
.txt-packtotal
{		
	width: 532px;
	height: 20px;
	display: block;
	float: left;
	position: relative;
	padding: 5px;
	text-align: center;
	color: #660000;
	margin: 0px;
	padding: 0px;
}
/*******************************************************************************
	PIE DE PÁGINA
*******************************************************************************/
#foot
{
	position: relative;
	display: block;
	float: left;
	width: 723px;
	height: 20px;
	border: 1px solid #00659C;
	margin-top: 10px;
	background-image: url(../images/bk_foot.jpg);
	background-repeat: repeat-x;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
}
a.enlaces
{
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
}
a.enlaces:hover
{
	text-decoration: underline;
}
#copyright 
{
	width: 718px;
	height: 20px;
	display: block;
	position: relative;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant: normal;
	color: #666666;
	text-align: center;
	padding: 0px 5px 0px 5px;
}
#copyright a
{
	color: #000;
	text-decoration: none;
}
#copyright a:hover
{
	color: #FF6600;
	text-decoration: underline;
}


/***********************************************************************************
 pop-up '¿que es un nombre de dominio?' , '¿que es un servidor dns?'
/****************************************************/
table.info
{
	background-color: #80AAFF;
	font-size: 12px;
}
.list{
	color: #002776;
}
.info p
{
	text-align: justify;
}
.info a:link, .info a:visited
{
	text-decoration: none;
	color: #0041C4;
}
.info a:hover
{
	color: #002776;
}
/** Botón de formulario **/
.form_blau
{
	padding:4px;
	border: 1px solid #00659C;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #00659C;
	background-color: #DFEAFF;
}
.boto_blau
{
	margin-top: 10px;
    margin-bottom: 5px;		
	display: block;
	float: center;
	position: relative;
	padding:4px;
	border: 1px solid #00659C;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #00659C;
	background-color: #DFEAFF;
}
a.boto_blau, a.boto_blau:visited
{
	margin-top: 10px;
    margin-bottom: 5px;		
	float: center;	
	padding:4px;
	border: 1px solid #00659C;
	font-size: 11px;
	font-weight: bold;
	width:40px;
	text-decoration: none;
	color: #00659C;
	background-color: #DFEAFF;
}
a.boto_blau:hover
{	
	background-color: #00659C;
	color: #DFEAFF;
	border: 1px solid #DFEAFF;
}
.boto_vermell
{
	margin-top: 10px;
	display: block;
	float: center;
	position: relative;
	padding:4px;
	border: 1px solid #F00;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #F00;
	background-color: #FCC;	
}
a.boto_vermell, a.boto_vermell:visited
{
	margin-top: 10px;
	padding:4px;
	border: 1px solid #F00;
	font-size: 11px;
	font-weight: bold;
	width: 40px;
	text-decoration: none;
	color: #F00;
	background-color: #FCC;	
}
a.boto_vermell:hover
{	
	background-color: #F00;
	color: #FCC;
	border: 1px solid #FCC;
}
#containerprint {
        width: 644px;
        height: 972px;
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        border: 0px solid #000;
        background-color:#FFF;
}

#topleft {
        width: 23%;
        height: 15%;
        position: absolute;
        left: 0%;
        top: 0%;
        border: 1px solid #000;
        overflow: hidden;
}

#topcenter {
        width: 52%;
        height: 15%;
        position: absolute;
        left: 24%;
        top: 0%;
        border: 1px solid #000;
        overflow: hidden;
}

#topright {
        width: 23%;
        height: 15%;
        position: absolute;
        left: 77%;
        top: 0%;
        border: 1px solid #000;
        overflow: hidden;
}

#titol {
        width: 49.5%;
        height: 7%;
        position: absolute;
        left: 0%;
        top: 16%;
        border: 1px solid #000;
        overflow: hidden;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: bold;
        font-variant: normal;
        color: #000000;
        text-align: center;
}
#data {
        width: 49.5%;
        height: 7%;
        position: absolute;
        left: 50.5%;
        top: 16%;
        border: 1px solid #000;
        overflow: hidden;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 8px;
        font-variant: normal;
        color: #000000;
        text-align: left;
}

#sendto {
        width: 49.5%;
        height: 15%;
        position: absolute;
        left: 0%;
        top: 24%;
        border: 1px solid #000;
        overflow: hidden;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-variant: normal;
        color: #000000;
        text-align: center;
}

#customer {
        width: 49.5%;
        height: 15%;
        position: absolute;
        left: 50.5%;
        top: 24%;
        border: 1px solid #000;
        overflow: hidden;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-variant: normal;
        color: #000000;
        text-align: left;
}

#principal {
        width: 100%;
        height: 49%;
        position: absolute;
        left: 0%;
        top: 40%;
        border: 1px solid #000;
        overflow: hidden;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-variant: normal;
        color: #000000;
        text-align: left;
}
#menup {
        width: 23%;
        height: 100%;
        position: absolute;
        left: -24%;
        top: 0%;
        border: 1px solid #000;
        overflow: hidden;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-variant: normal;
        color: #000000;
        text-align: left;
        background-color:#8CB6FE;
}

#banc {
        width: 49.5%;
        height: 7%;
        position: absolute;
        left: 0%;
        top: 90%;
        border: 1px solid #000;
        overflow: hidden;
        font-size: 10px;
}

#total {
        width: 49.5%;
        height: 7%;
        position: absolute;
        left: 50.5%;
        top: 90%;
        border: 1px solid #000;
        overflow: hidden;
}

#mercantil {
        width: 100%;
        height: 2%;
        position: absolute;
        left: 0%;
        top: 98%;
        border: 1px solid #000;
        overflow: hidden;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-variant: normal;
        color: #666666;
        text-align: center;
}

/*
  24-08-2006 - CSS's addicionals (Àngel Ruiz)
*/

td.princ_title
{
	height: 32px;
	display: block;
	position: relative;
	background-image: url(../images/top_nav.jpg);	
	background-repeat: repeat-x;
	border-bottom: 1px solid #00659C;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 18px;
	color: #FFF;
	padding-top: 7px;
	padding-right: 7px;
	padding-left: 7px;
}

tr.princ_bkg1
{
	height: 104px;
	padding: 7px;
	position: relative;
	background-image: url('../css/principalbkg1.png');
	background-repeat: no-repeat;
}

tr.princ_bkg2
{
	height: 144px;
	position: relative;
	background-image: url('../css/principalbkg2.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}

h1.princ_bkg1
{
	padding: 0;
	margin: 0;
	color: #0D4663;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
	text-align: center;
}

div.princ_bkg1
{
	width: 350px;
	height: 65px;
	display: block;
	float: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

div.princ_bkg1_1
{
	width: 330px;
	display: block;
	float: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

span.princ_bkg1
{
	color: #0D4663;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-right: 3px;
	margin-top: 3px;
	display: block;
	float: left;
	position: relative;
}

input.princ_bkg1
{
	width: 205px;
	height: 16px;
	display: block;
	border: 0;
	float: left;
	position: relative;
	color: #0D4663;
	background-color: #FFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 7px;
}

span.princ_bkg1_1
{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0D4663;
}

a.princ_bkg1
{
	width: 60px;
	height: 12px;
	display: block;
	float: left;
	position: relative;
	background-color: #0D4663;
	border: 1px solid #0D4663;
	color: #FFF;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}

a.princ_bkg1:hover
{
	background-color: #00659C;
}

div.princ_bkg2_1
{
	width: 385px;
	margin-top: 7px;
	margin-left: 7px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size: 11px;
	color: #0D4663;
}

div.princ_bkg2_2
{
	width: 385px;
	margin-top: 7px;
	margin-left: 7px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0D4663;
	margin-bottom: 5px;
}

div.princ_bkg2_3
{
	width: 385px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}

a.princ_bkg2
{
	height: 20px;
	display: block;
	background-image: url('../assistent/img/siguiente4.png');
	background-repeat: no-repeat;
	background-position: 0px right;
	padding-right: 20px;
	padding-top: 2px;
	text-decoration: none;
	color: #00659C;
}

a.princ_bkg2:hover
{
	text-decoration: underline;
}