body{
	margin:0;
	border:0;
	font-family:Helvetica,Geneva,Verdana,Tahoma,Arial,Serif;
	font-size:12px;
	padding:0px;
	background-color:#9099AE;
}

h1 { width:99%; color:#010066; background-color:#99CC33; font-size:12px; font-weight:bolder; text-align:left; 
	 padding:3px 0px 1px 0px;	margin:10px 0px 10px 0px; }
	 
	.h1-orange { color:orange; background-color:#FFFFFF; font-size:26px; font-weight:bolder; width:99%; }
	.h1-green { color:#99CC33; background-color:#FFFFFF; font-size:26px; font-weight:bolder; width:99%; }
	.h1-blue { color:#010066; background-color:#FFFFFF; font-size:26px; font-weight:bolder; width:99%; }

h2 { font-size:14px; font-weight:bolder; text-align:left; background-color:#FFFFFF; width:99%; margin:0px 0px 10px 0px; padding:0px; border:0px solid gray;}
.h2-orange{ color:orange; }
.h2-green { color:#99CC33; }
.h2-blue  { color:#010066; }

/* Arreglos para IE */
* html .visualIEFloatFix { height: 0.01%; }

a:link{ color:#99CC33; text-decoration:none; }
a:hover{ color:#99CC33;	text-decoration:underline; }
a:active{ color:#99CC33; text-decoration:none; }
a:visited{ color:#99CC33; text-decoration:none; }

.sizebox A:link { color:#235CAD; text-decoration:none; }
.sizebox A:hover { color:#5B8ACD; text-decoration:underline; }
.sizebox A:active {	color:#235CAD; text-decoration:none; }
.sizebox A:visited { color:#235CAD; text-decoration:none; }


/*** MAIN ****************************************************/

#main { width:790px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; border-left:1px solid #010066; border-right:1px solid #010066; }

	#welcome {  width:99%; text-align:left; font-size:13px; color:#010066; padding:0px; margin:10px 0px 5px 15px; }

	#promo-main { width:99%; height:120px; clear:both; text-align:left; font-size:12px; color:gray; padding:10px 10px 0px 10px; margin:0px 0px 15px 5px; }
	#promo-main .promo-box { float:left; width:32%; height:128px; border:1px solid #dddddd; margin:0px 5px 0px 0px; } 
	.promo-box .title { background-color:#dddddd; color:#010066; font-weight:bolder; margin:0px; padding:0px 0px 0px 5px; } 
	.promo-box .text { padding:4px; margin:0px; }

#main-body { width:100%; background-color:#FFFFFF; padding:0px; padding-top:5px; }

	#menu-left { float:left; width:20%; padding:0px; border:0px; margin:0px; }

	#body-contents { float:left; width:580px; display:inline; text-align:justify; padding:0px; margin:0px 20px 0px 30px; }


/*--- HEADER ---------------------------------------- */

#header{ background-color:#99CC33; width:100%; color:#ffffff; font-size:11px; font-weight:bolder; text-align:left; padding-bottom:10px; float: none; clear: both; height: 87px; }
	#header .left {	float:left; background-color:#99CC33; width: 580px; }
	#header .left h1 { margin:0px 0px 10px 30px; color:#ffffff; }
	#header .right { float:right; font-size:14px; font-weight:bolder; text-align:left; margin:5px 10px 0px 0px;	background-color:#99CC33; }
					
/*--- TOOLBAR --------------------------------------- */

#toolbar { width:100%;	float:none;	height:20px; border-bottom:1px solid #010066; border-top:1px solid #888a85; background-color:#010066; float:none; clear:both; }

	#toolbar-container{ width:100%; height:99%; margin:auto; }

	.pill-option{ float:left; width:auto; height:100%; padding:2px 10px 0px 10px; font-size:11px; font-weight:bolder; border-right:1px solid #babdb6; }
	.pill-option a { color: #ffffff; }
	.pill-option a:hover { color:#ffffff; text-decoration:underline; }
	
	.pill-option-selected { background-color:#555753; }
	.pill-option-selected a { color:#ffffff; font-weight:bolder; }
	.pill-option-selected a:hover { color:#ffffff; text-decoration:underline; font-weight:bolder; }
	
/*--- FOOTER ---------------------------------------- */
	
#footer { width:100%; display:block; text-align:center; margin:10px 0px 5px 0px; border:0px solid gray; }

#legal { width:100%; display:block; font-size:10px; color:#235CAD; margin-top:25px; }


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

#sizes { width:100%; margin:10px 0px 0px 0px; float:none; display:block; }

/* Tamaño de las casillas de planes */

#sizes .sizebox { float:left; width:142px; height:250px; border:1px solid #BECEE7; margin-left:8px; font-size:10px;
				padding:0px; background-image:url(../img/logo_linux.gif); background-repeat:no-repeat; background-position:bottom right; }

.sizebox .sizename {	float:left;	background-color:#BECEE7; width:100%; height:22px; vertical-align:middle; line-height:18px; }

#sizes .sizebox-xxl{
	width:120px;
	height:auto;
	float:left;
	border:1px solid #DBE1D3 ;
	margin-left:8px;
	font-size:10px;
	padding:0px;
	background-image:url(../img/code_g2.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.pill-row .pill-220-xxl{
	width:293px;
	height:auto;
	float:left;
	border:1px solid #DBE1D3 ;
	margin-left:9px;
	font-size:10px;
	padding:0px;
	background-image:url(../img/code_g2.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.sizebox-xxl .sizename-xxl{
	background-color:#DBE1D3;
	width:100%;
	height:30px;
	vertical-align:middle;
	line-height:18px;
	float:left;
	color:#4C702A;
}

.sizedesc{
	font-family:verdana;
	font-size:9px;
	float:left;
	/*width:100%;*/
	height:auto;
	text-align:left;
	margin:0px 0px 8px 0px;
	display:block;
	/*height:110px;*/
}

.sizedesc span{
	padding:0px 2px 0px 2px;
	display:block;
	margin-top:5px;
	float:left;
}


.sizedesc .price { color:#3569B2; }
.sizebox-xxl .sizedesc .price {	color:#4C702A; }
.pill-220-xxl .sizedesc .price { color:#4C702A; }

.sizedesc .price h4 { border:0px; margin:0px; padding:0px; font-size:18px; line-height:18px; display:inline; }

ins { text-decoration:none; }

.sizecode{ width:100%; height:40px;	float:left;	margin:0px;	padding:0px; }

.sizecode h5 { border:0px; margin:0px; padding:0px; font-size:9px; line-height:8px; display:inline;	color:#13015D; margin-left:25px; }

.sizebox-xxl .sizecode h5{ color:#1D4300; }

.sizebox-xxl A:link{ color:#1D4300; text-decoration:none; }
.sizebox-xxl A:hover{ color:#55872F; text-decoration:underline; }
.sizebox-xxl A:active{ color:#1D4300; text-decoration:none; }
.sizebox-xxl A:visited{	color:#1D4300; text-decoration:none; }

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

.pill-335{
	width:94%;
	margin:0px;
	float:left;
	margin-left:8px;
	height:auto;
	text-align:left;
	margin-top:20px;
}
.pill-335-news{
	width:55%;
	margin:0px;
	float:left;
	margin-left:15px;
	height:auto;
	text-align:left;
	margin-top:25px;
}

.pill-row{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	float:left;
	display:block;
}
 

/*---------------------------------------------------*/
.leftrail-box-head
{
	background-image:url(../img/bg_box_lt.gif);
	background-position:top left;
	background-repeat:repeat-x;
	width:100%;
	height:22px;
	color:#ffffff;
	font-size:11px;
	font-weight:bolder;
	font-variant:small-caps;
	text-align:left;
	margin:0px;
	padding:3px 0px 0px 0px;
}
#menu-left ul{
	margin: 0;
	padding: 0;
	list-style-type: none;	
	float: none;
	clear: both;
}
#menu-left li{
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

/*** LEFT ***********************************************/


.box-left{
	width:100%;
	float:left;
	display:block;
	margin:0px 3px 3px 3px;
	border:1px solid #99CC33;
	/*background-color:#E7EEF6;*/
}

.box-left-tit { color:orange; padding:0px 0px 0px 5px; }

.box-left-subtitle{
	width:95%;
	display:block;
	margin:10px 0px 0px 5px;
	color:#99CC33;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	padding:2px 0px 2px 3px;
	border:1px solid #99CC33;
}
.box-left-body{
	width:95%;
	display:block;
	color:#000000;
	font-size:11px;
	text-align:left;
	margin:5px 0px 0px 3px;
	padding:0px 0px 10px 5px;
	/*border-bottom: 1px solid #99CC33;*/
}

/*** end LEFT *********************************************/



#domain-search .domain-form .txtfield{
	margin-top:2px;
	margin-left:1px;
}

.domain-form select{
	border:1px solid #D3DFEF;
	font-size:10px;
	line-height:10px;
	padding:0px;
	margin:0px;
	display:inline;
	float:right;
}

.domain-form select option{	border:0px;	margin:0px; }

.domain-form .button-row{ width:100%; height:auto; display:block; float:left; }

.domain-form .button{ float:left; margin-top:2px; margin-left:1px; display:block; }

.login-box .domain-form .button-row{ width:90%; height:auto; text-align:left; float:left; margin:0pc; padding:0px; display:block; }

.login-box .domain-form .button-row .button{ float:none; margin:0px; padding:0px; display:block; margin-left:45px; margin-top:6px; }


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


.leftrail-head , .leftrail-head-green , .leftrail-head-blue{	/* Capa de fondo por defecto */
	height:22px;
	width:100%;
	background-color: navy;           /*#BECEE7;*/
	margin-bottom:4px;
	line-height:22px;
	color:#ffffff;		/*#235CAD;*/
	font-size:11px;
	font-weight:bolder;
	font-variant:small-caps;
}
.leftrail-head-blue{	/* Capa de fondo azul en minusculas */
	font-variant:normal;
}
.leftrail-head-green{	/* Capa de fondo verde en minusculas y con texto gris claro*/
	background-color:#4C702A;
	color:#F3ECF4;
	font-variant:normal;
}
.leftrail-head-large , .leftrail-head-large-green , .leftrail-head-large-blue{
	width:100%;
	/*background-color:#ceff6f;*/
 	line-height:14px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	color: #000;
}
.leftrail-head-large-blue{	/*	letra para el fondo azul mas grande	*/
	line-height:18px;
	font-size:14px;
}
.leftrail-head-large-green{	/*	letra para el fondo verde mas grande	*/
	background-color:#4C702A;
	line-height:18px;
	font-size:14px;
}
.heading-line{
	/*color: #ffffff;*/
	font-size: 12px;
	font-weight: bold;
}

/*--------- Colores para destacar las caracteristicas de los productos ---------------------------*/

.blue{ color:#235CAD; font-size:14px; }
.green{ color:#4C702A;	font-size:14px;	}

/*--------- Colores para las tablas de la garantia SLA ---------------------------*/

.uno{ text-align:center; width:50%; background-color: #B6D29B; }
.dos{ text-align:center; width:50%;	background-color: #E7EEF6; }
.tres{ text-align:center; background-color: #80A75B; color:#F3ECF4; }

/*--------- Colores para las tablas de los compartidos ---------------------------*/

.talla{ background-color:#99cc33; color:#ffffff; text-align:center; padding:0px; }
.talla2{ background-color:#CEFF6F; color:#010066; text-align:center; font-weight:bold; font-size:9pt; height: 37px; }
#tabPage5 .talla2{ width: 87px; }
#tabPage5 .talla{ width: 140px; }
.talla2 A:link{ color:#ffffff; text-decoration:underline; }
.talla2 A:hover{ color:#ffffff; text-decoration:underline; }
.talla2 A:active{ color:#ffffff; text-decoration:underline; }
.talla2 A:visited{ color:#ffffff; text-decoration:underline; }

.celdaP{
	background-color:#fff;
	color:#000000;
	text-align:center;
	height: 32px;
	border: 1px solid #CEFF8F;
}
.celdaP a img{
	border: 0;
}
.celdaI{
	background-color:#fff;
	color:#000000;
	text-align:center;
	border: 1px solid #CEFF8F;
}

/*------------------------------------*/
.txtfield{
	border:1px solid navy;
	font-size:10px;
	line-height:13px;
	padding:0px;
	margin:0px;
	display:inline;
	float:left;
}

.button{
	border:1px solid navy;
	color:navy;
	font-size:10px;
	padding:1px 5px 1px 5px;
	background-color:#dddddd ;
	font-weight:normal;
	letter-spacing:1px;
}
.button-green{
	border:1px solid #4C702A;
	color:#4C702A;
	font-size:10px;
	padding:1px 5px 1px 5px;
	background-color:#fff ;
	font-weight:bold;
	letter-spacing:1px;
}

.passfield{
	border:1px solid #D3DFEF;
	font-size:11px;
	line-height:13px;
	padding:0px;
	margin:0px;
	display:inline;
	float:left;
}
/*------------------------------------*/



/*--- NEWS --------------------------------------------*/

#news-left{
	width:99%;
	display:block;
	margin-top:20px;
	margin-left:3px;
	color:#235CAD;
}
.news-tit{
	width:100%;
	background-color:#ceff6f;
	color:#010066;
	padding:3px 0px 3px 0px;
	margin-bottom:4px;
	font-size:11px;
	font-weight:bolder;
	/*font-variant:small-caps;*/
	/*-moz-border-radius: 10px;*/
}

.new-bloq{
	text-align:justify;
	color:gray;
	padding:3px 3px 7px 3px;
	border-bottom:1px solid #eeeeee;
	margin-bottom:5px;
}
	.new-tit{ font-weight:bolder; margin-bottom:5px; }
	.new-txt{ font-weight:normal; }

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



.login-box{
	float:left;
	width:93%;
	display:block;
	margin-top:20px;
	margin-left:3px;
	color:#235CAD;
}

.field-name	{
	width:100%;
	float:left;
	display:block;
	text-align:left;
	font-weight:bold;
	margin-top:4px;
}

.recover-password{
	font-size:10px;
	font-weight:bold;
	float:left;
	width:100%;
	text-decoration:underline;
}

/*------------ Campos de mensajes ----------------*/
#body-contents .error-msg{
	float: left;
	width: auto;
	margin: 0px;
	border: 1px solid red;
	height: auto;
	background-color: #D3DFEF;
	margin-top: 15px;
	vertical-align: middle;
	text-align: left;
	margin-bottom: 0px;
	margin-right: 5px;
	padding: 4px;
}
.good-msg{
	float: left;
	width: auto;
	margin: 0px;
	border: 1px solid green;
	height: auto;
	background-color: #D3DFEF;
	margin-top: 15px;
	vertical-align: middle;
	text-align: left;
	margin-bottom: 0px;
	margin-right: 5px;
	padding: 4px;
}
/*--------------------------------------------*/


.right-rail{
        width:28%;
        float:right;
        float:left;
        margin-left:2px;
}



#home-boxes .tab-page{
	height: 200px;
}
#home-boxes-servAvanzados .tab-page,
#home-boxes-otros .tab-page{
	height: 169px;
}
.tipo_cliente{
	padding: 10px 0 20px;
	width: 180px;
}
.form_data{
	float: none;
	clear: both;
}
.form_data label{
	display: block;
	float: left;
	clear: both;
	width: 110px;
	height: 26px;
}
.form_data input{
	float: left;
}
.validation-advice{
	color: red;
	float: left;
}