body 
 {
	/*background:#8b8b8b;*/
	color:#303030;
	font:76% Verdana,Tahoma,Arial,sans-serif;
	margin-left:0%;
	margin-right:0%;
	margin-top:0;
	padding:0;
	text-align:center;
 }

a 
 {
	color:#505050;
	font-weight:bold;
	text-decoration:none; 
 }

a:hover 
 {
	color:#808080;
	text-decoration:underline;
 }
img
 {	border:0;
 }
p 
 {
	line-height:1.5em;
	margin:0 0 15px;
 }
input, select, textarea
 {	background:#f0f0f0;
	border:1px solid #b0b0b0;
 }
#contenedor
{	min-width:1007px;
	background:#8b8b8b;
}

#contenedorcabecera
 {	width:100%;
	background: #8b8b8b;
	margin: 0 auto;
	/*border: 1px solid #000000;*/
	text-align: left;
 }

#contenedorcabecera #cabecera 
 {
	background:url(../imagenes/fondocab.jpg) repeat-x;
	margin:0 auto;
	min-width:800px;
	padding:0;
	text-align:left;
	width:100%;
 }

#contenedorcabecera #cabecera #logo
 {
	display:block;
	float:left;
	width:31%;
	text-align:left;
 }
 
#contenedorcabecera #cabecera #titulo
 {
	display:block;
	float:left;
	width:28%;
	color:#FFFFFF;
	text-align:center;
	padding:0;
	padding-top:18px;	
 }
#contenedorcabecera #cabecera #titulo.enlacetitulo
 {	border:0; 	
 }
#contenedorcabecera #cabecera #titulo .enlacetitulo:hover
 {	border:1px solid #FF9900;
 }
#contenedorcabecera #cabecera #dominio
 {
	display:block;
	float:left;
	width:37%;
	color:#FFFFFF;	
	text-align:right;
	margin-top:1%;
 }
 
#contenedorcabecera #cabecera #dominio p
 {	margin:0;
 	padding:0;
 }
#contenedorcabecera #cabecera #dominio .ofertadominio
{	font-size:150%;
	font-weight:bolder;
	font-family:Georgia, Times New Roman, Times, serif;
}
#contenedorcabecera #cabecera #dominio .ofertadominio span
{	display:block;
	color:#ffd63f;
	font-size:150%;	
}
#contenedorcabecera #cabecera #dominio p input
 {	margin:0;
 	padding:0;
	font-size:100%;
	background-color:#E5E5E5;
	border:1px #ccc solid;	
 }
#contenedorcabecera #cabecera #dominio p select
 {	margin:0;
 	padding:0;
	font-size:90%;
	border:1px #ccc solid;	
 }

#contenedorcabecera #cabecera #limpiarcabecera {
clear:both;
}

/*** Menu principal horizontal ***/

#contenedorcabecera #menuprincipal 
 {
	float:left;
	width:99.9%;
	height:38px;	
	background:url(../imagenes/fondo_menu.jpg) repeat-x;
	padding-left:0%;	
 }

#contenedorcabecera #menuprincipal ul 
 {
	font-size:16px;
	margin:0;
	padding:0;
 }

#contenedorcabecera #menuprincipal li 
 {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
 }

#contenedorcabecera #menuprincipal a 
 {
	display:block;
	color:#606060;
	font-size:0.7em;
	margin-top:1px;
	padding:11px 10px 10px;
	text-transform:uppercase;
	border-right:1px solid #b0b0b0;
 }

#contenedorcabecera #menuprincipal a:hover 
 {
	background:#f0f0f0 url(../imagenes/menuhover.jpg) top left repeat-x;
	color:#505050;
	text-decoration:none;
 }

#contenedorcabecera #menuprincipal a.activo 
 {
	background:#f0f0f0 url(../imagenes/menuhover.jpg) top left repeat-x;
	color:#505050;
	text-decoration:none;
 }
#contenedorcabecera #menuprincipal .llamar
 {	
 	padding-top:7px;
	padding-right:3%;
	font-size:160%;
	font-weight:bolder;
 	text-align:right;
 }
#contenedorcabecera #limpiarmenu 
 {
	clear:both;
	font-size:0;
	padding:0;
	margin:0;
 }

/***************fin del menu principal*****************/


/***************estilo del cuerpo y las tres columnas*****************/
#cuerpo 
 {
	display:block;
	width:100%;
	padding:0;
	margin:0;
	text-align:left;	
	background:#f0f0f0 url(../imagenes/fondo_cuerpo.jpg) repeat-x;
 }
 
#cuerpo #izquierda 
{
  display:block;
  float: left;
  width: 23%;
  margin:0;
  padding:0;
  margin-top:2%;
  margin-bottom:2%;
  /*margin-left:1%;
  margin-right:2%;*/

}

#cuerpo #contenido 
{
  display:block;
  float: left;
  width: 53.3%;
  margin:0;
  padding:0;
  margin-top:2%;
  margin-bottom:2%;
  background-color:#fafcff;
  border:1px solid #909090;
  color:#2a2a2a;
  min-height:422px;
}
#cuerpo #derecha 
{
  display:block;
  float: left;
  width: 23%;
  margin:0;
  padding:0;
  margin-top:2%;
  margin-bottom:2%;
  /*margin-left:2%;
  margin-right:1%;*/
}
/***********fin de la estructura del cuerpo***********/

/****************estilo de la izquierda**************/

#cuerpo #izquierda #bordeizq
 {	
 	display:block;
	width:86.5%;
	border:1px #909090 solid;
	margin:0;
    padding:0;
	margin-left:5%;	
	margin-right:8%;
	padding:2% 0;		
 }
#cuerpo #izquierda #bordeizq h1,#cuerpo #derecha #bordeder h1 
 {
	color:#505050;
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0 0 12px;
 }

#cuerpo #izquierda #bordeizq h2,#cuerpo #derecha #bordeder h2 
 {
	font-size:1.1em;
	margin:0 0 20px;
 }

#cuerpo #izquierda p,#rightside p 
 {
	font-size:0.9em;
	line-height:1.4em;
	margin:0 0 16px 10px;
 }
 
.menuh 
 {
	background:#e8e9ea;
	border:1px solid #b0b0b0;
	color:#606060;
	display:block;
	margin-top:8px;
	padding:5px 4px 4px 10px;
	position:relative;
	text-transform:uppercase;
	width:140px;
 }
.menuh:hover,.activo 
 {
	background:#f8f9fa;
	border:1px solid #909090;
	color:#303030;
	text-decoration:none;
 }
 
/********************************fin********************************/

/******************estilo de la derecha**********************/
#cuerpo #derecha #bordeder
 {	
 	display:block;
	width:78.7%;
	border:1px #909090 solid;
	margin:0;
    padding:0;
	margin-left:8%;	
	margin-right:5%;
	padding:2% 4%;
 }
#cuerpo #derecha #bordeder .titulocliente
 {	display:block;
 	width:45%;
	float:left;
	text-align:left;
 }
#cuerpo #derecha #bordeder .cerrarsession
 {	display:block;
 	width:54.8%;
	float:left;
	font-size:90%;
	text-align:left; 	
 	text-align:right;
	padding:0;
	margin:0;
	margin-top:7px;	
 }
 }
#cuerpo #derecha #bordeder fieldset
 {	display:block;
 	border:1px #909090 solid;
	padding:3% 3%;
	text-align:center;
 }
#cuerpo #derecha #bordeder fieldset legend
 {	color:#505050;
 	font-weight:bolder;
 } 
#cuerpo #derecha #bordeder fieldset label
 {	display:block;
 	width:45%;
	margin-bottom:10px;
	float:left;
 }
#cuerpo #derecha #bordeder fieldset .formcliente
 {	display:block;
 	width:50%;
	margin-bottom:10px;
	float:left;
 }
 
/***************************fin***********************/

/***************estilo del contenido lo general********/
#cuerpo #contenido #margencontenido
 {	display:block;
 	width:96%;
	padding:0;
	margin:.5% 2% 2% 2%;
 }
#cuerpo #contenido #margencontenido h1, #cuerpo #contenido #margencontenido h2
 {
	color:#606060;
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:-1px;
	padding:0;
	margin:0;
	margin-bottom:13px;	
 }

#cuerpo #contenido #margencontenido h2
 {
	font-size:1.4em;
	margin-bottom:10px;
 } 
 
/************************fin************************************/


/***************estilo del contenido de inicio *****************/
#cuerpo #contenido #margencontenido #contenidoinicio
{	display:block;
	width:100%;	
}

#cuerpo #contenido #margencontenido #contenidoinicio .promocionaloja
 {	
 	display:block;
	width:auto;
	padding-top:1%;
	padding-right:1%;
	border:1px #666666 solid;
	margin-top:2%;
 }
#cuerpo #contenido #margencontenido #contenidoinicio .promocionaloja img
 {
	border:1px solid #b0b0b0;
	float:left;
	margin:5px 15px 6px;
	padding:5px;
 } 

/************************fin************************************/


/*******************estilo del contacto*************************/

#cuerpo #contenido #margencontenido #contacto
 {	display:block;
 	width:100%;
 }

#cuerpo #contenido #margencontenido #contacto #formulariocontacto fieldset
 {	
 	padding-top:10px;
	margin-bottom:10px;
 	text-align:center;
 }

#cuerpo #contenido #margencontenido #contacto #formulariocontacto fieldset legend 
 {
 	color:#505050;
 	font-weight:bolder;
 } 
#cuerpo #contenido #margencontenido #contacto #formulariocontacto fieldset label
 {	
 	display:block;
 	width:20%;
    text-align:right;
	padding-right:2%;
	margin-bottom:10px;
	float:left;
 }
#cuerpo #contenido #margencontenido #contacto #formulariocontacto fieldset .formtexto
 {
 	background:#f0f0f0;
	border:1px solid #b0b0b0;
	margin-bottom:10px;
	float:left;	
 }
#cuerpo #contenido #margencontenido #contacto #formulariocontacto fieldset span
 {
 	color:#FF3333;
	font-weight:bolder;
	padding-left:5px;
	margin-bottom:10px;
	float:left;	
 }

/*****************fin********************************************/



/********************estilo del portafolio**********************/
#cuerpo #contenido #margencontenido #portafolio
{	display:block;
	width:100%;	
}
#cuerpo #contenido #margencontenido #portafolio .imagen
{	display:block;
	width:auto;
	border:1px solid #b0b0b0;
	margin:5px 5px;
	padding:5px;
	float:left;
}
#cuerpo #contenido #margencontenido #portafolio .texto
{	display:block;
	width:47%;
	text-align:center;
	margin:0;
	padding:2% 0;
	float:left;
}

/*********************fin******************************************/

/******************estilo para tarjetas de visita******************/

#cuerpo #contenido #margencontenido #tarjetasvisita
{
	display:block;
	width:100%;
}

#cuerpo #contenido #margencontenido #tarjetasvisita img
 {
	border:1px solid #b0b0b0;
	float:left;
	margin:5px 15px 6px;
	padding:5px;
 } 


/*********************fin******************************************/

/****************estilo para registro de clientes*****************************/
#cuerpo #contenido #margencontenido #registrocliente fieldset
 {	
 	padding-top:10px;
	margin-bottom:10px;
 	text-align:center;
 }

#cuerpo #contenido #margencontenido #registrocliente fieldset legend 
 {
 	color:#505050;
	font-size:120%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
 	font-weight:bolder;
 } 
#cuerpo #contenido #margencontenido #registrocliente fieldset label
 {	
 	display:block;
 	width:40%;
    text-align:right;
	padding-right:2%;
	margin-bottom:10px;
	float:left;
 }
#cuerpo #contenido #margencontenido #registrocliente fieldset .formlogin
 {
 	width:30%;
	background:#f0f0f0;
	border:1px solid #b0b0b0;
	margin-bottom:10px;
	float:left;	
 }
#cuerpo #contenido #margencontenido #registrocliente fieldset span
 {
 	color:#FF3333;
	font-weight:bolder;
	padding-left:5px;
	margin-bottom:10px;
	float:left;	
 }

/*****************fin***********************************/

/*************div para colocar 2 columnas******/
#doscolumnas
 {	display:block;
 	width:100%;
 }
#doscolumnas #primeracolumna, #doscolumnas #segundacolumna
 {	display:block;
 	width:50%;
	float:left;
 }
#doscolumnas #primeracolumna #margen1
 {	margin:0;
 	padding:0;
 	margin-right:3%;
 }
#doscolumnas #primeracolumna #margen2
 {	margin:0;
 	padding:0;
 	margin-left:3%;
 }

/*****************fin*******************/

/*clase para los campos fielset***/
.juegocampos 
 {	
 	text-align:center;
	margin-bottom:10px;
 }
.juegocampos legend
 {  color:#505050;
 	font-weight:bolder;
	margin-bottom:5px;
 }

.paddingizq
 {	text-align:left;
 	padding-left:30%;		
 }
.paddingizq input, .paddingizq select
 {	margin-top:5px;
 } 
.margenizq
 {	margin-left:10%; 	
 }
 .listaizq
 {	padding-left:25%;
 	text-align:left;
 }
/******formulario normales alineados a la derecha*****/
.formularionormal label
 {	
 	display:block;
 	width:40%;
    text-align:right;
	padding-right:2%;
	margin-bottom:10px;
	float:left;
 }
.formularionormal2 label
 {	
 	display:block;
 	width:30%;
    text-align:right;
	padding-right:2%;
	margin-bottom:10px;
	float:left;
 }

.formularionormal .formtexto
 {
	background:#f0f0f0;
	border:1px solid #b0b0b0;
	margin-bottom:10px;
	float:left;	
 }
.formularionormal2 .formtexto
 {	width:53%;
	background:#f0f0f0;
	border:1px solid #b0b0b0;
	margin-bottom:10px;
	float:left;	
 }
.formularionormal span, .formularionormal2 span
 {
 	color:#FF3333;
	font-weight:bolder;
	padding-left:5px;
	margin-bottom:10px;
	float:left;	
 }
/*******************fin**************************/

/*********estilo para tablas**************/
.tabla
 {	display:table;
 	width:98%;
	margin:1%;
	border-collapse:collapse;
	border:1px #b0b0b0 solid;	
 }
.tabla th, .tabla td
 {	border:1px #b0b0b0 solid;
 	padding:3px 0;
 }
/********tabla para lista de dominios*****/ 
.tabladominios
 {	display:table;
 	width:100%;
	border-collapse:collapse;
	border:1px #b0b0b0 solid;	
 }
.tabladominios th, .tabladominios td
 {	border:1px #b0b0b0 solid;
 	padding:3px 0;
	text-align:center;
 }
.tabladominios .columnadominios
 {	text-align:left;
 	padding-left:10px;
 }
.fondocelda
 {	background-color:#f0f0f0;
 }
.negrita 
 {
	font-weight:bolder;	
 }
.cursiva
 {	font-style:italic;
 }
.subrayado
 {	text-decoration: underline;
 }

.justificado
 {	text-align:justify;
 }
.centrado
 {	
 	text-align:center;
 }
.alaizquierda
 {	text-align:left;
 }
.aladerecha
 {	text-align:right;
 }
.mostraraviso
 {
 	background-color:#ccc;
	padding:2%;
	color:#505050;
	text-align:center;
	margin-bottom:10px;	
 }
.mostrarnota
 {	border:1px solid #FF0000;
 	background-color:#ccc;
	padding:2%;
	color:#505050;
	text-align:center;
	margin-bottom:10px;	
 }

.error
 {
 	color:#FF0000;
	font-weight:bolder;
 }

.boton
 {  
	background:#f0f0f0;
	border:1px solid #b0b0b0;
 }
.listaonline
 {	
 	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
 }
.listaonline li
 {	display:inline;
 	margin:0;
	padding:0;
 }
.menuh2 
 {
	background:#e8e9ea;
	border:1px solid #b0b0b0;

	color:#606060;
	margin:0;
	padding:5px 4px 4px 10px;
	position:relative;
	text-transform:uppercase;
	width:auto;
	font-size:75%;
	font-weight:bolder;
 }
.menuh2:hover,.activo 
 {
	background:#f8f9fa;
	border:1px solid #909090;
	border-bottom:none;
	color:#303030;
	text-decoration:none;
 }
.divactivo
 {	display:block;
 }
.divoculto
 {	display:none;
 }
#plan2, #plan3
 {	display:none;
 }
#planA, #planC
 {	display:none;
 }
#planI, #planII
 {	display:none;
 }
  
.tablaaloja
 {	display:table;
 	width:100%;
 	border-collapse:collapse;
	border:1px solid #b0b0b0;
	margin-top:3.5px;
	background:#f8f9fa;
 } 
.tablaaloja th, .tablaaloja td
 {	text-align:center;
 	height:18px;
	border:1px solid #b0b0b0;
 }
.tablaaloja .tdcarac
 {	text-align:left;
 	padding-left:20px;
 }
.altocelda 
 {	height:30px;
 }
.limpiarfloat
{	clear:both;
	margin:0;
	padding:0;
} 

/***********estilo para alojamientos********/
#nuevodominio, #actualdominio
 {	display:block;
 	padding-left:10%;
 }
#nuevodominio2, #actualdominio2
 {	display:block;
 	padding-left:10%;
 }
 
/*estilo para opcion de pago*/
.margenizq
 {	display:block;
	float:left;
 	padding-left:15%;
 }
.radioopcionpago
 {	display:block;
	float:left; 	
 }
.labelopcionpago
 {	display:block;
 	width:55%;
	text-align:left;
	float:left;
 }
 
#tarjetacredito h1
 {	color:#606060;
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:-1px;
	padding:0;
	margin:0;
	margin-bottom:13px;	
	text-align:left;
 } 
#tarjetacredito fieldset
 {	
 	text-align:center;
	margin-bottom:10px;
 }
#tarjetacredito fieldset legend
 {  color:#505050;
 	font-weight:bolder;
	margin-bottom:5px;
 }
#tarjetacredito fieldset .tablaTC
 {	display:table;
 	width:98%;
	margin:1%;
	border-collapse:collapse;
	border:1px #b0b0b0 solid;	
 }
#tarjetacredito fieldset .tablaTC th
 {	border:1px #b0b0b0 solid;
 	padding:3px 0;
	font-size:80%;
	text-align:right;
	padding-right:5px;
	background-color:#f0f0f0;
 }
#tarjetacredito fieldset .tablaTC td
 {	border:1px #b0b0b0 solid;
 	padding:3px 0;
	font-size:80%;
	text-align:left;
	padding-left:5px;
 }
#renovar
 {	display:block;
 	width:20%;
	margin:0 auto;
	text-align:center;
	font-weight:bolder;
	margin-top:2px;
	padding:3px 0;
 }
#renovar input
 {	margin:0;
 	padding:0;
 }
#pie 
{
    clear: both;
 	background:#8b8b8b url(../imagenes/footerbg.jpg) top left repeat-y;
	clear:both;
	color:#d0d0d0;
	font-size:0.9em;
	font-weight:bold;
	margin:0;
	padding:20px 0;
	text-align:center;
}

#pie a 
 {
	color:#d0d0d0;
	font-weight:bold;
	text-decoration:none; 
 }

#pie a:hover 
 {
	color:#FFFFFF;
	text-decoration:underline;
 }