/*ESTILO DIGIVAL.ES 2009*/

/*@import url("menu_digival.css");*/
@import "_css/nav.php";
@import url("plantillas/estilos_plantillas.css");
@import url("plantillas/thickbox.css");

/*Se comentó el borde inferior de los tds y el tamaño de fuente de 12px a 11px en la línea 1040*border-bottom: 1px solid #CCC;*/

BODY{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: x-small;
	color:#444;
	margin:0 auto;
	padding:0;
	height:100%;
	text-align: center;
	background: url(images/bgCuerpo.gif) repeat-y center; /* fondo aplicado al cuerpo */
}
html{
	background:#ebebeb url(images/bg.gif) repeat-x top; /*fondo para la cabecera*/
	height: 100%;
}
html>body {
	min-height: 100%;
	height: auto;
}
img {
	border: 0;
}
* {
	margin:0;
	padding:0;
}
hr {
	color: #2A90C4;
	margin: 10px 0;
}
.centro {
	text-align: center;
}
.justif {
	text-align:justify;
}
.alignDer {
	text-align: right;
}
.clear {
	clear: both;
}
p {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	line-height: 18px;
	text-align: justify;
	font-size: 12px;
	color: #444;
}
p strong {
	color: #146e99;
}
.usuarios {
	color: #FFF;
	padding-left: 20px;
}
a {
	color:#3d9aca;
	text-decoration:underline;
	outline:none;
	font-weight: bold
}
a:hover {
	color:#3070A7;
	text-decoration:none;
}

li {
	font-size: 12px;
	line-height: 20px;
}

h1.plan_principal, h1.plan_contratar, h1.plan_minimo, h1.plan_minimo, h1.plan_basico, h1.plan_profesional, 
h1.plan_avanzado, h1.plan_corporativo, h1.plan_multidominio, h1.plan_jsp, h1.registro_dominios {
	position: relative;
	float: left;
	text-align: left;
	width: 394px;
	height: 88px;
	border: 0;
	margin: 35px 0 10px 0px;
	text-indent: -9999px;
}
h1.plan_contratar {
	background: url(images/cabeceras/cab_plan_contratar.gif) no-repeat top left;
}
h1.plan_principal {
	background: url(images/cabeceras/cab_plan_principal.gif) no-repeat top left;
}
h1.plan_minimo {
	background: url(images/cabeceras/cab_plan_minimo.gif) no-repeat top left;
}
h1.plan_basico {
	background: url(images/cabeceras/cab_plan_basico.gif) no-repeat top left;
	}
h1.plan_profesional {
	background: url(images/cabeceras/cab_plan_profesional.gif) no-repeat top left;
}
h1.plan_avanzado {
	background: url(images/cabeceras/cab_plan_avanzado.gif) no-repeat top left;
}
h1.plan_corporativo {
	background: url(images/cabeceras/cab_plan_corporativo.gif) no-repeat top left;
}
h1.plan_multidominio {
	background: url(images/cabeceras/cab_plan_multidominio.gif) no-repeat top left;
}
h1.plan_jsp {
	background: url(images/cabeceras/cab_plan_jsp.gif) no-repeat top left;
}
h1.registro_dominios {
left: 80px;
	background: url(images/cabeceras/cab_registro_dominios.gif) no-repeat top left;
}
h2 {
	font-size: 14px;
	position: relative;
	color: #FFF;
	padding-top: 12px;
	padding-left: 5px;
	font-weight: bold;
	/*background: url(images/fondo_cabecera_tablas.gif) repeat-x top left;*/
	background: url(images/fondo_h2.gif) no-repeat top left;
	height: 40px;
	z-index: 1;
}
h3 {
	font-size: 12px;
	position: relative;
	color: #FFF;
	margin: 0 0 5px 0;
	background-color: #315B7F;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.listados {
	float: left;
	position: relative;
	margin: 3px 10px 0 0;
}
.listados li {
	list-style-type: none;
	text-indent: 18px;
	display: block;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #268dc3;
	height: 20px;
	background: url(images/bullets_li.gif) no-repeat;
}
/*DIVS PRINCIPALES*/
#sitio {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	margin: 0px auto;
	position: relative;
	background: url(images/cabecera.png) no-repeat 50% 0px; /* degradado de la cabecera */ 
}
#cabecera {
	width:800px;
	height: 150px;
	margin: 0px auto;
	padding-top: 20px;
	/*overflow: hidden;*/
	position: relative;
}

ul#nav li ul{
	position: absolute;
	z-index:20000;
	width: 270px;
	margin-left: -69px;
	display: none;
	background: #fff;
	padding: 5px 0px;
	border: 1px solid #ffcc00;
	-moz-border-radius: 10px;
	border-radius: 10px;
	top:50px;
}
ul#nav li ul span{
	width: 55px;
	height: 42px;
	background: url(images/flecha1.png) no-repeat;
	position: absolute;
	top: -42px;
	display: block;
	left: 155px;
}
ul#nav li ul li{
	padding:0;
	margin:0;
	display:block;
	position:relative;
	float: none;
	text-indent:0;	
	padding: 0px 9px 2px 9px;
	background: url(images/ico.gif) no-repeat 10px 12px;
}
ul#nav li ul li a{
	text-align: left;
	line-height: 29px;
	display: block;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	padding-left: 12px;
	text-decoration: none;
	font-weight: bold;
}
ul#nav li ul li a:hover{
	color: #2a90c4;
}
#cabeceraInteriores {
	position: relative; 
	float: left; 
	border-top: 1px solid #268DC3; 
	border-bottom: 1px solid #268DC3; 
	margin: 0 0 10px 0; 
	background-color: #DDD;
}

#cabeceraInterioresJSP {
	position: relative; 
	float: left; 
	border-top: 1px solid #268DC3; 
	border-bottom: 1px solid #268DC3; 
	margin: 0 0 10px 0; 
	background-color: #DDD;
}

#cabeceraInterioresDominios {
	position: relative; 
	float: left; 
	width: 754px;
	border-top: 1px solid #268DC3; 
	border-bottom: 1px solid #268DC3; 
	margin: 0 0 10px 0; 
	background-color: #DDD;
}

#contenidosPrincipales {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto 20px auto;
	overflow: hidden;
	background: url(images/cuerpoDeg.gif) repeat-x top;
}
#cuerpo {
	width: 760px;
	height: auto;
	overflow: hidden;
	font-size: 10px;
	text-align: justify;
	margin: 0px auto;
	padding: 20px 20px 0px 20px;
	background: url(images/bgCuerpoSup.gif) no-repeat top left;
}
cuerpo p {
	font-weight: normal;
}

/* ---------------------------------------------------------------------------------------- */
/*   BARRA DE ANUNCIOS -------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#barraAnuncios{
	width: 100%;
	background: #005173 ;
	height: 200px;
	text-align: center;
}
.intBarra{
	width: 790px !important;
	height: 200px;
	border-left: 5px solid #266b88;
	border-right: 5px solid #266b88;
	margin: 0px auto !important;
	background: #fff;
	text-align: center;
}

#footer {
	clear: both;
	/*background: url(images/fondo_pie.gif) no-repeat top center;*/
	width: 760px;
	position: relative;
	padding-bottom: 20px;
	margin: 0px auto;
}
#footer p {
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}
#footer a {
	text-decoration: none;
	font-weight: normal;
	color: #26314f;
}
#footer a:hover {
	color: #298fc4;
}
.copyright {
	font-size: 14px;
	font-weight: bold;
	color: #50aad7;
}
.copyright img{
	vertical-align: text-bottom;
}
/*MENU INFERIOR*/
#moduloEnlacesPie {
	position: relative;
	float: left;
	width: 758px;
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
}
#moduloEnlacesPie li {
	padding-left: 15px;
	position: relative;
	float: left;
	text-align: center;
	padding-bottom: 10px; 
	list-style-type: none;
	text-align: center;
	display: block;
	padding-right: 5px;
}
#moduloEnlacesPie02 {
	position: relative;
	float: left;
	padding-left: 20px !important;
	padding-left: 20px;
	width: 758px;
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
}
#moduloEnlacesPie02 li {
	position: relative;
	float: left;
	text-align: center;
	list-style-type: none;
	text-align: center;
	display: block;
	padding-right: 15px;
}
.separadores {
	clear: both;
	height: 5px;
	background: #FFF;
	border-bottom: 1px solid #3d9aca;
}
/*FIN MENU INFERIOR*/
#logo a {
	width: 190px;
	height: 70px;
	background: url(images/logo.png) no-repeat;
	display: block;
	text-indent: -99999px;
}

.atencionCabecera{
	list-style: none;
	width:373px;
	height: 57px;
	background: url(images/asistencia.gif) no-repeat left;
	padding-left: 20px;
	position: absolute;
	top: 32px;
	right: 0px;
}
.atencionCabecera li{
	display: block;
	float: left;
	height: 32px;
	overflow: hidden;
	margin-top: 20px;
	margin-left: 15px;
	display: inline;
}
.atencionCabecera li#at1{
	width: 86px;
	text-indent:-99999px;
	background: url(images/cabeceraTelefono.gif);
}
.atencionCabecera li#at3{
	width: 122px;
	height: 32px;
	display: block;
	text-align: right;
/*	text-indent:-99999px;
	background: url(images/cabeceraChat.gif);*/
}
.medio{
	margin: 0px 10px;
}
.atencionCabecera li#at2 a{
	width: 119px;
	height: 32px;
	display: block;
	text-indent:-99999px;
	background: url(images/cabeceraEmail.gif);
}
.atencionCabecera li#at3 a:hover, .atencionCabecera li#at2 a:hover{
	background-position: 0px -32px;
}

#accesos {
	position: relative;
	float: right;
	right: 18px;
}
.contactoHead{
	margin: 10px 20px 10px 0px;
}
.facebook{
	text-align: right;
}
.facebook img{
	vertical-align: bottom;
}
.facebook a.medio{
	margin: 0px 5px;
}
/*MENÚ PRINCIPAL SUPERIOR*/

.menuLista{
	clear: both;
	position: relative;
	left: 0;
	width: 100%;
	font-weight: bold;
	color: #2c3e5d;
	height: 32px;
	line-height: 22px;
	list-style: none;
	margin: 0 0 25px 0;
	z-index: 2;
	background: #FFF url(images/fondo_menu.gif) repeat-x top left;
}
.menuLista li {
	position: relative;
	width: 98px;
	float: left;
	display: block;
	text-align: center;
	border-left: 1px solid #ccc;
	cursor: pointer;
	font-size: 12px;
}
.menuLista li.ultimoMenu {
	width: 125px;
}
.menuLista li.ayuda{
	width: 75px;
}
.menuLista li.registros{
	width: 150px;
}
.menuLista li.comercioElectronico {
	width: 140px;
}
.menuLista li.primerMenu {
	border: none;
	width: 100px;
}
.menuLista li a{
	color: #FFF;
	padding-top: 6px;
	text-decoration: none;
	height: 24px;
	display: block;
}
.menuLista li a:hover, .menuLista li:hover, .menuLista li.over{
	color: #315B80;
	text-decoration: none;
}
.menuLista li ul{
	position: absolute;
	background: #DFE4EE;
	border-top: 1px solid #006699;
	border-right: 1px solid #006699;
	border-left: 1px solid #006699;
	left: -1px;
	top: 30px;
	font-size: 11px;
	visibility:hidden;
	z-index: 2;
}
.menuLista li:hover ul, .menuLista li.over ul{
	visibility: visible;
}
.menuLista li ul li{
	border: none;
	border-bottom: 1px solid #006699;
	text-align: left;
}
.nav1 li{
	font-size: 11px;
	width: 120px;
}
.nav2 li{
	font-size: 11px;
	width: 230px;
}
.nav3 li{
	font-size: 11px;
	width: 265px;
}
.nav4 li{
	font-size: 11px;
	width: 90px;
}
.menuLista li ul li a{
	color: #006699;
	text-decoration: none;
	padding: 2px 5px;
}
.menuLista li ul li a:hover{
	color: #278ec3;
	text-decoration: none;
}
/*FIN MENU SUPERIOR*/

/*MENÚ IZQUIERDA INTERIORES*/
#menuIzquierda {
	width: 135px; 
	float: left;
	position: relative;
	margin: 3px 10px 0 0;
	background: url(images/fondo_separador_menu.gif) repeat-y top right;
}
#menuIzquierda li {
	list-style-type: none;
}
#menuIzquierda li a {
	background: url(images/bullets_menu_izquierda_jsp.gif) no-repeat;
	text-indent: 18px;
	display: block;
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	color: #268dc3;
	height: 20px;
}
#menuIzquierda li a:hover {
	color: #26314F;
}

/*FIN MENÚ IZQUIERDA INTERIORES*/

/*MENÚ IZQUIERDA INTERIORES JSP*/
#menuIzquierdaJSP {
	width: 135px; 
	float: left;
	position: relative;
	margin: 8px 10px 0 0;
	background: url(images/fondo_separador_menu.gif) repeat-y top right;
}
#menuIzquierdaJSP li {
	list-style-type: none;
}
#menuIzquierdaJSP li a {
	background: url(images/bullets_menu_izquierda_jsp.gif) no-repeat;
	text-indent: 18px;
	display: block;
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	color: #268dc3;
	height: 30px;
}
#menuIzquierdaJSP li a:hover {
	color: #26314F;
}

/*FIN MENÚ IZQUIERDA INTERIORES JSP*/

/*MENÚ IZQUIERDA INTERIORES DOMINIOS*/
#menuIzquierdaDominios {
	width: 200px; 
	float: left;
	position: relative;
	margin: 8px 10px 0 0;
	background: url(images/fondo_separador_menu.gif) repeat-y top right;
}
#menuIzquierdaDominios li {
	list-style-type: none;
}
#menuIzquierdaDominios li a {
	background: url(images/bullets_menu_izquierda_jsp.gif) no-repeat;
	text-indent: 18px;
	display: block;
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	color: #268dc3;
	height: 24px;
}
#menuIzquierdaDominios li a:hover {
	color: #26314F;
}

/*FIN MENÚ IZQUIERDA INTERIORES DOMINIOS*/

/*MODULOS DENTRO CUERPO*/
#moduloEs {
	position: relative;
	width: 790px;
	height: 200px;
	margin: 0 0 10px 0;
	z-index: 1;
}

#moduloEsDominios {
	position: relative;
	width: 790px;
	height: 200px;
	margin: 0 0 10px 0;
	z-index: 1;
	background: url(images/cabeceras_index_registro_dominios.jpg) no-repeat;
}

.buscarDominios {
	position: relative;
	margin: 60px 0 0 0;
	left: 200px;
	height: 80px;
}

#moduloEs DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 200px;
	 width: 790px;
    background-color: #FFF;
}
#moduloEs DIV.active {
    z-index:10;
    opacity:1.0;
}
#moduloEs DIV.last-active {
    z-index:9;
}
#moduloEs DIV IMG {
    height: 200px;
    display: block;
    border: 0;
    margin: 0 10px 0 0;
}

#dWebImagen{
   position:relative;
   width:790px;
	height: 200px;
	overflow: hidden;
	z-index: 1;
	background: url(images/diseno/disenoweb_plantillasweb.jpg) no-repeat;
}
#dWebImagen IMG{
    position:absolute;
    top:35px;
    left:206px;
    z-index:8;
    opacity:0.0;
}
#dWebImagen IMG.active{
    z-index:10;
    opacity:1.0;
}
#dWebImagen IMG.last-active{
    z-index:9;
}


#anuncioNuevoPlan {
	position: relative;
	float: left;
	width: 760px;
	height: 37px;
	/*background: url(images/fondo_flash_nuevo_plan.gif) no-repeat;*/
	margin: 0 0 5px 0;
}

#moduloMenuInteriores {
	position: relative;
	width: 760px;
	height: 200px;
	margin: 0 0 10px 0;
	z-index: 1;
}
#moduloHostingDesde {
	float: left;
	width: 377px;
	height: 158px;
	margin: 0 0 10px 0;
	background: url(images/fondo_index_hospedajes.jpg) no-repeat top left;
}
#moduloHostingDesde p {
	margin: 0 0 10px 0;
	color: #333;
	font-weight: normal;
	padding-left: 10px;
	font-size: 11px;
}
#moduloHostingDesde h4 {
	position: relative;
	top: 0;
	font-size: 20px;
	margin: 10px 0 10px 0;
	color: #FFF;
	padding-left: 10px;
}

/*TEMPORAL ANUNCIO PLAN CRISIS*/
#moduloPlanCrisis {
	float: right;
	width: 377px;
	height: 158px;
	margin: 0 0 10px 0;
	background: url(images/fondo_index_dominios_tel.jpg) no-repeat top left;
}
#moduloPlanCrisis p {
	margin: 0 0 10px 0;
	color: #FFF;
	font-weight: normal;
	padding-left: 10px;
	font-size: 11px;
}
#moduloPlanCrisis h4 {
	position: relative;
	top: 0;
	font-size: 20px;
	margin: 10px 0 10px 0;
	color: #f28625;
	padding-left: 10px;
}
#moduloPlanCrisis a {
	font-size: 11px;
	color: #FFF;
}
/*FIN DE ESTO*/

#moduloDominiosTel {
	float: right;
	width: 377px;
	height: 158px;
	margin: 0 0 10px 0;
	/*background: url(images/fondo_index_dominios_tel.jpg) no-repeat top left;*/
}
#moduloDominiosTel p {
	margin: 0 0 10px 0;
	color: #FFF;
	font-weight: normal;
	padding-left: 10px;
	font-size: 11px;
}
#moduloDominiosTel h4 {
	position: relative;
	top: 0;
	font-size: 20px;
	margin: 10px 0 10px 0;
	color: #f28625;
	padding-left: 10px;
}
#moduloDominiosTel a {
	font-size: 11px;
	color: #FFF;
}
.cajaPortada{
	width: 377px;
	height: 158px;
	margin: 0 0 10px 0;
	float: left;
}
.cajaHaiti{
	width: 759px;
	height: 150px;
	margin: 0 0 10px 0;
	clear:both;
}
h4 {
	position: relative;
	top: 3px;
	font-size: 16px;
	margin: 10px 0 10px 0;
	color: #1b75a3;
	padding-left: 10px;
}
#moduloDisenoWeb p, #moduloRegistroDominios p, #moduloComercioElectronico p {
	font-size: 11px;
	padding: 5px;
} 
#moduloDisenoWeb a, #moduloComercioElectronico a {
	color: #444;
	font-size: 11px;
} 
#moduloComercioElectronico {
	background: url(images/globos_cabecera_index.gif) no-repeat top left;
	float: right;
	width: 227px;
	margin: 0 0 10px 0;
}
#moduloDisenoWeb {
	float: left;
	background: url(images/globos_cabecera_index.gif) no-repeat top left;
	width: 227px;
	margin: 0 0 10px 0;
}
#moduloRegistroDominios {
	background: url(images/globos_cabecera_index.gif) no-repeat top left;
	float: left;
	width: 227px;
	margin: 0 40px 10px 0;
}
.fondoBorde {
	border: 1px solid #CCC;
	/*background-color: #CCC;*/
}
.botonesAccesos {
	background: url(images/botones_accesos.gif) no-repeat top left;
	height: 26px;
	padding-left: 16px;
	float: right;
}
#moduloTecnologias {
	float: left;
	width: 760px;
	height: 76px;
	margin: 0 0 10px 0;
}
#moduloCompromiso h4 {
	padding: 0;
}
#moduloCompromiso {
	width: 380px;
	float: left;
	text-align: left;
	border-right: 1px solid #CCC;
	padding-right: 6px;
	/*background-color: #409BCA;*/
}
#moduloCompromiso p {
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
}
/*MENU LOGOS*/
#menuLogotipos {
	position: relative;
	float: left;
	padding-left: 15px;
	padding-top: 15px;
	text-align: center;
}
#menuLogotipos li {
	position: relative;
	float: left; 
	list-style-type: none;
	text-align: center;
	margin-left: 27px;
	margin-left: 15px !important;
}
/* ---------------------------------------------------------------------------------------- */
/*   FORMULARIOS ------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.sobreFormularios {
	background: url(images/sobre_formularios.gif) no-repeat top left;
	position: relative;
	float: right;
	top: 150px;
	right: 130px;
	width: 134px;
	height: 125px;
}
.destacado {
	font-size: 12px;
	font-weight: bold;
	color: #e41015;
}
.errorForm {
	font-size: 10px;
	color: #db1617;
	font-weight: bold;
	display: block;
}
.desplegables {
	width: auto;
}
#formIzquierda {
	float: left;
	width: 50%;
}
#formDerecha {
	float: right;
	width: 50%;

}
#divMitadIzquierda {
	float: left;
	width: 375px;
}
#divMitadDerecha {
	float: right;
	width: 375px;
}

div.box, div.boxDominios{
	border:solid 1px #c6cfe1;
	padding:10px;
	color:#333333;
	margin-bottom:20px;
	background: #dfe4ee url(images/degrade_cajas_form.gif) no-repeat left top;
}
div.box a{
	color: #333;
}
div.box h2{
	font-size: 14px;
	position: relative;
	color: #FFF;
	font-weight: bold;
	margin: 0 0 25px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #2A90C4;
}
div.box p{
	padding-bottom:14px;
		color: #146e99;
		font-size: 11px;
}

div.box input .input-text{
	border:1px solid #3b6e22;
	color:#666;
	background:#000;
	display: inline;
}
div.box label{
	clear: both;
	display:block;
	margin:0 0 6px 0;
	color:#555555;
	font-weight:bold;
}
/* ---------------------------------------------------------------------------------------- */
/*   FORMULARIOS ------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.cajaform2{
	width: 99%;
	overflow: auto;
}
.fila {
	position: relative;
	float: left;
	clear:both;
	display: block;
	width: 99%;
	text-align: left;
}
.filaBorde {
	border-bottom: 1px solid #333;
	margin: 0 0 20px 0;
}
.filaColoreada {
	background-color: #FFF;
	border: 1px solid #000;
	padding-top: 10px;
	padding-left: 5px;
	margin: 0 0 10px 0;
}
.campo{
	display: inline;
	margin: 0 0px 0 10px;
	float: left; 
	width: 60%;
}
P.etiqueta {
	font-size: 11px;
	display: inline;
	margin: 0;
	float: left;
   text-align: left;
   line-height: 20px;
	width: 125px;
	font-weight: bold;
}
.combo, .cajaform2 select, .comboFecha{
	width: 250px;
	height: 20px;
	line-height: 15px;
	padding-left: 5px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #981C58;
	background: #efefef;
}
.comboFecha{
	width: 115px;
}
.combotext{
	width: 250px;
	height: 80px;
	line-height: 15px;
	padding-left: 5px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #981C58;
	background: #efefef;
}
.boton{
	cursor: pointer; 
	width: 60px;
	height: 20px;
	line-height:15px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	border: 1px solid #981C58;
	background: #C2184B;
	margin: 20px 10px;
}
.letrapeq{
	font-size: 9px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
.letrapeq2{
	font-size: 9px;
	line-height: 10px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-style: italic ;
}
.tituloInfo {
	font-weight: bold;
	font-size: 12px;
	color: #a00051;
	border-bottom: 1px solid #a00051;
	clear: both;
}

div.box label span{
	font-size: 11px;
	display:block;
	float:left;
	padding-right:6px;
	width:150px;
	text-align:left;
	font-weight:bold;
}
div.box label.big span{
	font-size: 11px;
	display:block;
	float:left;
	padding-right:6px;
	width:250px;
	text-align:left;
	font-weight:bold;
}
.spacer{
	float: right;
	margin-bottom:10px;
	font-size:12px;
	color:#555555;
}
div.box a {
	color:#316EA2;
}
div.box a:hover {
	color:#444;
}
.blue{
	background:url(images/fondo_botones.gif);
	border:1px solid #26314F;
	padding: 3px;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	margin-right:4px;
	display:inline-block;
	text-decoration:none;
}

/*GALERIAS*/
.galerias{
	list-style: none;
	width: 760px;
	overflow: hidden;
	margin: 10px 0;
}
.galerias li{
	text-align: center;
	display: inline;
	width: 170px;
	height: 138px;
	float: left;
	margin: 10px 17px 25px 0;
}
.galerias span{
	text-align: center;
	position: relative;
	font-weight: bold;
	font-size: 11px;
	float: left !important;
	margin: 0 auto;
	padding-left: 5px;
}

/*ESTILOS TABLA DATOS*/
.tabla {
	position: relative;
	float: left;
	width: 758px;
	border: 1px solid #444;
	margin: 0 0 15px 0;
	
	
}
thead {
	text-align: center;
	height: 40px;
	font-size: 12px;
	padding: 5px;
	background: url(images/fondo_cabecera_tablas.gif) repeat-x top left;
}
.uno {
	background-color: #FFF;
	color: #000;
	
}
.dos {
	background-color: #315b7f;
	color: #FFF;
	
}
td {
	text-align: center;
	height: 40px;
	font-size: 11px;
	/*border-bottom: 1px solid #CCC;*/
}

.alinearIzquierda {
	text-align: left;
	padding-left: 5px;
}
.alinearCentro {
	text-align: center;
}
.sinBorde {
	border: none;
}
.coloresFilas {
	background-color: #DFE4EE;
}
.coloresColumnas {
	background-color: #DDD;
}

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #ff0000;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #ff0000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #ff0000; 
} 

/*MENUS DESPLEGABLE*/

/* ---------------------------------------------------------------------------------------- */
/*   TABLA ------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.tablaComparativa{
	width: 758px;
	border: 1px solid #ddd;
	border-collapse: collapse;
	margin: 10px auto;
	display: block;
}
.tablaComparativa thead, .tablaComparativa tbody{
	width: 758px;
}
.tablaComparativa thead th{
	font-weight: bold;
	background:#f1f1f1 url(images/hospedaje/bgTh.gif) repeat-x top; 
	padding: 10px 8px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #fff;
	color: #005173;
	text-align: center;
}
.tablaComparativa thead th img{
	margin-bottom: 3px;
}
.tablaComparativa td{
	padding: 12px 5px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #f1f1f1;
	line-height: 18px;
	text-align: center;
}
.tablaComparativa td.alignIzq{
	text-align: left;
}
.tablaComparativa img{
	vertical-align: middle;
	margin-right: 5px;
}
.tablaComparativa tbody th,.tablaComparativa tfoot th{
	background:#ebebeb; 
	padding: 7px 5px;
	border-top: 1px solid #ddd;
	text-align: center;
	font-size: 11px;
}
.tablaComparativa tbody tr:hover{
	background-color: #f5f5f5;
	color: #005173;
}
.tablaPlan thead th.datosTabla{
	width: 60%;
}
.tablaPlanes thead th{
	padding: 10px 10px;
}

.precios{
	font-weight: bold;
	color: #930000;
}
.help{
	padding-right: 20px;
	background: url(images/hospedaje/help.gif) no-repeat right 50%;
	text-decoration: none;
	cursor: help;
}
.help:hover{
	color: #005173;
	text-decoration: underline;
}

.helpDef{
	color:#333; 
	text-align: center;
	width: 400px;
	padding: 10px;
	font-size:10px;
	background:#ebebeb;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	position: relative;
}
.helpDef span{
	width: 422px;
	height: 11px;
	bottom: -11px;
	left: 0px;
	overflow: hidden;
	display: block;
	position: absolute;
	background: url(images/hospedaje/tooltip_flecha.gif) no-repeat bottom left;
}

.btn{
	height: 20px;
	text-indent: -9999px;
	display: block;
	margin: 0px auto;
}
.btn:hover{
	background-position: 0px -20px;
}
.btn_contratar{
	width: 65px;
	background: url(images/hospedaje/contratar.gif) no-repeat;
}
.frightMright{
	float: right;
	margin-right: 20px;
}
.btn_comparativa, .btn_comparativa2{
	width: 340px;
	height: 65px;
	text-indent: -9999px;
	display: block;
	margin: 0px auto;
	background: url(images/hospedaje/btn_comparativa.gif) no-repeat;
}
.btn_comparativa2{
	background: url(images/hospedaje/btn_comparativa2.gif) no-repeat;
}
.btn_comparativa:hover, .btn_comparativa2:hover{
	background-position: 0px -65px;
}
.comparativaP{
	clear: both;
	text-align: center;
	padding: 25px 0px 15px 0px;
}

div.box label#pvpAntivirus, div.box label#pvpBd{
	font-weight: normal;
	display: inline;
	float: none;
	color: #146E99;
}
/* ---------------------------------------------------------------------------------------- */
/* CAJAS - CONFIGURACION DE TODAS LAS POSIBILIDADES --------------------------------------- */
/* ---------------------------------------------------------------------------------------- */ 
.caja {
	float: left;
	margin:25px 0px 5px 40px;
}
.cajaBig{
	clear: both;
	margin:15px 0px 50px 0px;
}
.c1_3{width: 226px;}


.caja1_2{
	width: 360px;
	float: left;
	margin:20px 0px 5px 0px;
	position: relative;
}
.cajaNoTop{
	margin:0px 0px 5px 0px;
}
.cajaNoMargin{	
	margin-left: 0px;
	clear: both;
}
.logosHospGrande img{
	margin:20px 10px 5px 10px;
}
.logosHospGrande{
	text-align: center;
	margin-bottom: 20px;
}
.caja h3, .cajaDist h3,.caja1_2 h3, .cajaBig h3{
	color: #005173;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #cccccc;
	background: none;
	z-index: 0;
	position: relative;
}
.caja P{
	margin-top: -20px;
	z-index: 1;
	position: relative;
}
.solopor{
	margin-bottom: 0px;
}

h2.titular{
	height: 20px;
	border-bottom: 2px solid;
	padding: 4px 7px 0px 2px;
	overflow: hidden;
	font-size: 1.4em;
	font-weight: bold;
	display: block;
	text-align: left;
	margin-bottom: 5px;
	background: none;
	z-index: 0;
	position: relative;
}
.imagenSobreTitulo{
	float: right;
	position: relative;
	margin: -20px 0px 10px 10px;
	z-index: 1;
}
h3.H3caracteristicas{
	font-size:11px;
	border-bottom:1px solid #CCCCCC;
	clear: both;
	margin-top: 20px;
	background: none;
}


.cajaDist{
	width: 360px;
	float: left;
	margin:25px 0px 5px 0px;
	position: relative;
}
.cDistRight{
	float: right;
}
.cajaDist P{
	float: left;
	position: relative;
	margin: -20px 0px 10px 10px;
	z-index: 1;
}
.cDistRight P{
	float: right;
}
.cajaDist P img{
	float: right;
	margin-top: 30px;
	margin-left: 20px;
}
.cajaDist P img.imgDist{
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}
.cDistRight P{
	float: left;
	display: block;
	width: 340px;
}
.cDistRight P img{
	float: left;
	margin-left: 0px;
}
.cDistRight P img.imgDist{
	float: right;
	margin-left: 0px;
}

.cajaDist h3{
	padding-left: 185px;
}
.cDistRight h3{
	padding-left: 10px;
}
.tablaComparativa th.tablaDist{
	width: 90px;
}



span.fsize10, span.descuento{
	font-size: 10px;
}
del.fsize11{
	font-size: 11px;
}
p.ofertaDescuento{
	color: #930000;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 16px;
}
p.ofertaDescuento span{
	font-size: 24px;
}
span.descuentoPlan{
	font-size: 18px;
	color: #930000;
	font-weight: bold;
	margin-left: 10px;
}
P.graciasContratar{
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
del.rojoPeq{
	font-size: 11px;
	color: #930000;
	font-weight: bold;
}
strong.rojoGrande{
	font-size: 14px;
	color: #930000;
	font-weight: bold;
}
span.rojoNormal{
	font-size: 12px;
	color: #930000;
	font-weight: bold;
}

.izqCont{
	width: 125px;
	float: left;
	font-size: 12px;
}
.derCont{
	width: 345px;
	float: left;
	font-size: 12px;
	margin-bottom: 15px;
}
.derCont ul{
	list-style: none;
}


.antiDrWeb{
	background: url(images/hospedaje/antivirusDrWeb.gif) no-repeat 230px 0px;
	position: relative;
	margin-bottom: 10px;
}
.contBd{
	background: url(images/hospedaje/contBD.gif) no-repeat 230px 0px;
	position: relative;
	margin-bottom: 10px;
}
.contSSL{
	background: url(images/hospedaje/contSSL.gif) no-repeat 225px 0px;
	position: relative;
}
.contSSL span, .contBd span, .antiDrWeb span{
	color:#555; 
	text-align: center;
	font-size:10px;
	position: absolute;
	top: 0px;
}
.contSSL span{
	width: 450px;
	left: 280px;
}
.contBd span{
	width: 360px;
	left: 375px;
}
.antiDrWeb span{
	width: 440px;
	left: 280px;
}
.hospDistribuidor{
	width: 320px;
	float: right;
	text-align: right;
}
.hospDistribuidor img{
	margin: 0px 10px;
}

/* COLORES DE HOSPEDAJES */
.hosp1 ul{
	border: 1px solid #368abc;
	border-top: none;
}
.hosp3 ul{
	border: 1px solid #eac03c;
	border-top: none;
}
.hosp2 ul{
	border: 1px solid #ce8418;
	border-top: none;
}
.hosp2 ul{
	border: 1px solid #8cb029;
	border-top: none;
}
.hosp5 ul{
	border: 1px solid #992c2d;
	border-top: none;
}
.hosp6 ul{
	border: 1px solid #675494;
	border-top: none;
}
.hosp1 h3, .hosp1 a:hover{
	color: #368abc;
}
.hosp3 h3, .hosp3 a:hover{
	color: #eac03c;
}
.hosp4 h3, .hosp4 a:hover{
	color: #ce8418;
}
.hosp2 h3, .hosp2 a:hover{
	color: #8cb029;
}
.hosp5 h3, .hosp5 a:hover{
	color: #992c2d;
}
.hosp6 h3, .hosp6 a:hover{
	color: #675494;
}
.azulClaro, .azulClaro a{
	color: #368abc;
	text-decoration: none;
}
.azulClaro a:hover{
	color: #368abc;
	text-decoration: underline;
}
.verde, .verde a{
	color: #8cb029;
	text-decoration: none;
}
.verde a:hover{
	color: #8cb029;
	text-decoration: underline;
}
.naranja, .naranja a{
	color: #ce8418;
	text-decoration: none;
}
.naranja a:hover{
	color: #ce8418;
	text-decoration: underline;
}
.amarillo, .amarillo a{
	color: #eac03c;
	text-decoration: none;
}
.amarillo a:hover{
	color: #eac03c;
	text-decoration: underline;
}
.rojo, .rojo a{
	color: #992c2d;
	text-decoration: none;
}
.rojo a:hover{
	color: #992c2d;
	text-decoration: underline;
}
.morado, .morado a{
	color: #675494;
	text-decoration: none;
}
.morado a:hover{
	color: #675494;
	text-decoration: underline;
}
.verdeBorde{
	border-bottom-color: #8cb029;
}
.azulClaroBorde{
	border-bottom-color: #368abc;
}
.amarilloBorde{
	border-bottom-color: #eac03c;
}
.naranjaBorde{
	border-bottom-color: #ce8418;
}
.rojoBorde{
	border-bottom-color: #992c2d;
}
.moradoBorde{
	border-bottom-color: #675494;
}


.mtop20{
	margin-top: 20px;
}
.mtop10{
	margin-top: 10px;
}
.ptop40{
	padding-top: 40px;
}
.fright{
	float: right;
}

.siteM{
	width: 760px;
	background: #eee;
	overflow: hidden;
}

.siteMap{
	width: 132px;
	float: left;
	list-style: none;
	padding: 5px 10px;
}
.siteMap li{
	text-align: left;
	padding: 3px 0px 3px 10px;
	line-height: 15px;
	background: url(images/icoMap.gif) no-repeat  2px 9px;
}
.siteMap li a{
	font-size: 11px;
}
.siteMap li.titMap{
	border-bottom:1px solid #ccc;
	font-weight: bold;
	color: #146e99;
	padding: 3px 5px;
	background: none;
}
.siteMap li.titMap a{
	font-weight: bold !important;
	color: #146e99 !important;
}