A
{
    font-weight: normal;
    text-decoration: none;
}

A:link
{
    font-weight: normal;
    color: #339933;
}

A:hover
{
    font-weight: normal;
    text-decoration: none;
    color: #339933;
}

A:visited
{
    font-weight: normal;
    text-decoration: none;
    color: #339933;
}

A.vinculoGrande
{
    font-size: 14px;
}

#ContenedorMenuPlanes
{
    float: left;
}

#TablaContenedorPlanes
{
    height: 300px;
    width: 188px;
    background-image: url(../Imagenes/menu-DOMINIOS.png);
    background-repeat: no-repeat;
    background-color: #D8D8D8;
    padding-top: 10px;
    text-align: left;
}

#TablaComparativaPlanInferior
{
    width: 188px;
    padding-top: 10px;
}


#TablaComparativaPlanInferior .TituloComparativa
{
    font-family: Verdana, Arial Narrow, Arial;
    font-size: 13px;
    text-align: left;
    padding-left: 10px;
    color: #779E00;
}
#TablaComparativaPlanInferior .Leyenda
{
    font-family: Verdana, Arial Narrow, Arial;
    font-size: 10px;
    text-align: left;
    padding-left: 10px;
}

.tdImagenComparativa
{
    background-image: url('../Imagenes/ImagenComparativa.jpg');
    background-repeat: no-repeat;
    width: 173px;
    height: 107px;
    background-position: right;
}

.tdImagenPrecio
{
    background-image: url('../Imagenes/fondo-precioMenuCentralHost.png');
    background-repeat: no-repeat;
    width: 173px;
    height: 107px;
    text-align: center;
    vertical-align: text-top;
    color: White;
    font-family: Verdana;
    font-weight: bold;
    padding-top: 10px;
}
.tdImagenPrecioTextoPeque
{
    font-size: 12px;
}

.tdImagenPrecioTextoGrand
{
    font-size: 22px;
}


#ContenedorInformacionHosting
{
    text-align: left;
    width: 534px;
    margin-right: 10px;
}

#ContenedorTitulo
{
    width: 100%;
    color: #83C326;
    font-family: Verdana;
    font-size: 20px;
    color: #779E00;
    text-align: left;
    padding-top: 5px;
}

#ContenedorInformacionHosting #ContenedorPrecio
{
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 2px solid #cccccc;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
}

#ContenedorInformacionHosting .TextoTitulo
{
    font-family: Arial;
    font-size: 28px;
    color: #92CA29;
    text-align: left;
    line-height: 20px;
}

#ContenedorInformacionHosting .textoSUBtitulo
{
    font-family: Arial;
    font-size: 24px;
    color: #50711B;
    text-align: left;
    line-height: 20px;
}

#ContenedorInformacionHosting #ContenedorPrecio .TextoNota
{
    font-size: 12px;
    color: #83C326;
}

#ContenedorLogotipos
{
    border-bottom: solid 1px #cccccc;
}

#ContenedorPlanes, #ContenedorOtros
{
    font-family: Verdana, Arial Narrow, Arial;
    font-size: 15px;
    text-align: left;
}

#ContenedorPlanes .Titulo
{
    font-family: Verdana, Arial Narrow, Arial;
    font-size: 15px;
    text-align: left;
    color: #006F25;
}

#ContenedorPlanes .PlanSeleccionado
{
    font-weight: bold;
    color: White;
}

#ContenedorPlanes .PlanNoSeleccionado
{
}

#ContenedorOtros .PlanSeleccionado
{
    font-weight: bold;
    color: White;
}

#ContenedorOtros .PlanNoSeleccionado
{
}

#ContenedorOtros
{
    padding-top: 30px;
}

#ContenedorOtros .Titulo
{
    font-family: Verdana, Arial Narrow, Arial;
    font-size: 15px;
    text-align: left;
    color: #006F25;
}

#ContenedorPlanes ul, #ContenedorOtros ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}

#ContenedorPlanes a, #ContenedorOtros a
{
    color: #68676B;
    text-decoration: none;
}

#ContenedorPlanes a:hover, #ContenedorOtros a:hover
{
}

#ContenedorInformacionHosting .TextoDescripcion
{
    font-family: Arial;
    font-size: 13px;
    color: #454246;
    text-align: left;
    line-height: 20px;
}

#ContenedorInformacionHosting .TextoTituloCaracteristica
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
}

#ContenedorInformacionHosting ul
{
    font-family: Arial;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 8px;
}

#ContenedorLogotipos #TablaLogosHostings
{
    width: 188px;
    font-family: Verdana;
    font-size: 11px;
    text-align: center;
    color: #666666;
}

#ContenedorLogotipos .titulo
{
    font-family: Verdana, Arial Narrow, Arial;
    font-size: 20px;
    text-align: center;
    color: #779E00;
}

#TablaCaracteristicas ul
{
    list-style-image: url(../Imagenes/marcador.png);
}

#TablaCaracteristicas #ListadoCaracteristicas
{
    padding-left: 5px;
    width: 50%;
}

#TablaCaracteristicas .TextoTituloCaracteristica
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
}

#TablaCaracteristicas .ColumnaCaracteristicasGris
{
    background-color: #DDDDDD;
    border-style: solid;
    vertical-align: top;
    padding-left: 15px;
}
#TablaCaracteristicas .ColumnaCaracteristicasBlanco
{
    border-style: solid;
    vertical-align: top;
    padding-left: 15px;
}

input.inputsubmit
{
    background-color: #E0E0E0;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #779E00;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #FFFFFF;
    background-image: url(~/Imagenes/fondoinput.gif);
    background-repeat: repeat-x;
}

input.txtVerde
{
    background-color: Green;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: White;
}

input.txtGrisArea
{
    background-color: Gray;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: White;
}

/*NUEVO DISEÑO HOSTING COMPARTIDO--------GENERALIDADES aplicar posteriormente a toda la web
=====================================================================*/

.entradillaHosting
{
    line-height: 18px;
    padding-top: 0;
    width: 630px;
}

.tachado
{
    color: #333;
    font-size: 14px;
    text-decoration: line-through;
    text-align: center;
    text-shadow: none;
}

.txtpequePromo
{
    color: #333;
    font-size: 13px;
    text-align: center;
    text-shadow: none;
}


A.apps:link
{
    font-weight:bold;
}


/* contenedores y cajas para USO GENERAL
=====================================*/


#contenedorCentral
{
    float: left;
    background-image: url(../Imagenes/PlanesHosting/encabezadoHosting.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 755px;
    vertical-align: top;
}

div .boxSistOperativo
{
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../Imagenes/PlanesHosting/boxSistOp.png);
    display: block;
    font-weight: normal;
    font-family: Arial;
    font-size: 12px;
    height: 111px;
    margin-top: 250px;
    padding: 20px 0 0 0;
    position: relative;
    width: 214px;
    z-index: 1000;
}

div .formaspago
{
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../Imagenes/PlanesHosting/formaspago.png);
    clear: both;
    font-size: 10px;
    float: right;
    right: -3px;
    height: 95px;
    padding: 5px 15px;
    position: relative;
    top: 10px;
    width: 512px;
}
#Aplicaciones
{
    clear:both;
    background-image:url(../Imagenes/PlanesHosting/grandbox.png);
    background-position:left top;
    background-repeat:no-repeat;
    height:300px;
    position: relative;
    width: 945px;
    
    }

div .PrimerPlan, div .SegundoPlan, div .TercerPlan
{
    width: 215px;
    float: left;
    position: relative;
}

div .PrimerPlan
{
    left: 95px;
}

div .SegundoPlan
{
    left: 100px;
}

div .TercerPlan
{
    left: 106px;
}

/* contenido TABLA PLANES RESUMEN ALOJAMIENTOS + PLANES DETALLADOS
===========================================================*/

#TablaPlanes, #TablaPlanesB, #TablaPlanesC
{
    background-repeat: no-repeat;
    
    left: -3px;
    position: absolute;
    top: 222px;
    width: 757px;
    z-index: 900;
}

#TablaPlanes
{
    background-image: url(../Imagenes/PlanesHosting/fondohosting2.png);
    height: 540px;
}
#TablaPlanesB
{
    background-image: url(../Imagenes/PlanesHosting/fondohosting.png);
    height: 540px;
}

#TablaPlanesC
{
    background-image: url(../Imagenes/PlanesHosting/fondohosting3.png);
    height: 575px;
    }
#TablaPlanes .nombrePlan, #TablaPlanesB .nombrePlan, #TablaPlanesC .nombrePlan
{
    font: normal bold 20px arial;
    padding-top: 20px;
    text-align: left;
}
#TablaPlanes .precio, #TablaPlanesB .precio, #TablaPlanesC .precio
{
    font: normal 30px arial;
    margin: 65px 0 0 10px;
    text-shadow: 1px 1px #fff;
}
#TablaPlanesC .precio
{
    width:215px;
    margin: 15px 0 0 10px;
    }
#TablaPlanes .contratar, #TablaPlanesB .contratar
{
    margin: 15px 0 5px 10px;
    
}
#TablaPlanes .precio, #TablaPlanes .contratar, #TablaPlanesB .precio, #TablaPlanesB .contratar,#TablaPlanesC .precio, #TablaPlanesB .contratar
{
    text-align: center;
    padding: 0;
}
#TablaPlanes .detalle, #TablaPlanesB .detalle, #TablaPlanesC .detalle
{
    font-size: 14px;
}
#TablaPlanes .programacion, #TablaPlanesB .programacion, #TablaPlanesC .programacion
{
    border: 0px;
    line-height: normal;
    font-size: 13px;
    color: #ccc;
    padding: 20px 0;
    width: 150px;
}
#TablaPlanes .redirigido
{
    font-family: Arial;
    font-size: 12px;
    text-align: justify;
    color: #333;
    line-height: normal;
    width: 150px;
}

#PlanesDetallados, #PlanesDetalladosB
{
    clear: both;
    background-image: url(../Imagenes/PlanesHosting/mostrarDetalles.png);
    background-repeat: no-repeat;
    background-position: right top;
    position: relative;
    
}

#PlanesDetallados
{
    left: -47px;
    margin-top: 615px;
    width: 800px;
}

#PlanesDetalladosB
{
    left: 95px;
    margin-top:655px;
    width: 660px;
}
#PlanesDetalladosC
{
    background-color: #62a015;
    clear: both;
    position: relative;
    width: 951px;
}

/* Aplicaciones 
===================================================================================*/

#Aplicaciones
{
    left: -188px
    }
    
#Aplicaciones .recomendamos
{
    color: #95cb2d;
    float: left;
    font-size: 28px;
    line-height: 25px;
    padding: 25px 25px 10px 25px;
    text-shadow: 1px 1px #fff;
    width: 250px;
    }

#Aplicaciones .parrafo
{
    float: left;
    font-size: 14px;
    padding: 35px 25px 25px 10px;
    position:relative;
    width: 500px;
    z-index: 999999;
    }
#Aplicaciones .parrafoB
{
    float: left;
    font-size: 14px;
    padding: 20px 25px 25px 10px;
    position:relative;
    width: 600px;
    z-index: 999999;
    }

.boxAplicaciones
{ 
    background-image:url(../Imagenes/PlanesHosting/aplicaciones.png);
    background-position:top right;
    background-repeat:no-repeat;
    color: #fff; 
    font-size: 27px;
    height:291px;
    line-height: 33px;
    left: -10px;
    padding: 83px 30px 20px 25px;
    position: relative;
    top:120px; 
    width: 240px; 
    z-index: 999999;
    }
                
                
/* LISTADOS UL LI
===================================================================================*/
#TablaPlanes ul, #TablaPlanesB ul, #TablaPlanesC ul, #PlanesDetallados ul, #PlanesDetalladosB ul, #PlanesDetalladosC ul
{
    float: left;
    margin: 0;
    padding: 0;
}
#PlanesDetallados .B, #PlanesDetalladosB .B, #PlanesDetalladosC .B
{
    background-color: #EBEBE6;
}

#TablaPlanes ul li, #TablaPlanesB ul li, #TablaPlanesC ul li
{
    float: left;
    font-family: arial;
    list-style: none;
    text-align: left;
    list-style-image: url(../Imagenes/GestionDominios/ok.png);
    line-height: 25px;
    margin: 0 0 0 40px;
    padding: 0;
    
}

#TablaPlanes ul li, #TablaPlanesB ul li
{
    
    line-height: 24px;
    width: 198px;
    }
    
#TablaPlanesC ul li
{
    
    line-height: 18px;
    padding-bottom:10px;
    width: 325px;
    }

#PlanesDetallados .titularIndice, #PlanesDetalladosb .titularIndice, #PlanesDetalladosC .titularIndice, #PlanesDetalladosC .titularIndiceC
{
    font-family: Arial;
    background-repeat: no-repeat;
    background-position: left top;
    border: 0px;
    color: #333;
    font-size: 14px;
    margin: 0;
    text-align: left;
    padding: 0 0 0 40px;
}
#PlanesDetallados .titularIndice
{
    background-image: url(../Imagenes/PlanesHosting/mostrar-detalles2.png);
    width: 750px;
}
#PlanesDetalladosB .titularIndice
{
    background-image: url(../Imagenes/PlanesHosting/mostrar-detalles2.png);
    width: 630px;
}
#PlanesDetalladosC .titularIndice
{
    background-color: transparent;
    background-image: url(../Imagenes/PlanesHosting/mostrar-detalles3.png);
    line-height: 75px;
    height: 53px;
    width: 903px;
}
#PlanesDetalladosC .titularIndiceC
{
    background-color: transparent;
    background-image: url(../Imagenes/PlanesHosting/mostrar-detalles2.png);
    width: 903px;
}
#PlanesDetallados .indiceTablaCaract, #PlanesDetalladosB .indiceTablaCaract, #PlanesDetalladosC .indiceTablaCaract
{
    background-color: transparent;
    border-bottom: 0px;
    border-right: 0px;
    color: #333;
    font-family: Arial;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    text-align: left;
    padding: 4px 0 0 0;
    width: 127px;
}

#PlanesDetalladosB .indiceTablaCaract
{
    width: 200px;
}

#PlanesDetalladosC .indiceTablaCaract
{
    width: 115px;
}


#PlanesDetallados ul li, #PlanesDetalladosB ul li, #PlanesDetalladosC ul li
{
    background-color: #f6f6f6;
    border-right: 1px dotted #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    float: left;
    font-family: Futura Lt BT;
    font-size: 14px;
    line-height: 34px;
    list-style: none;
    text-align: center;
    text-decoration: none;
    margin: 0;
    padding: 0 10px;
}
#PlanesDetallados ul li
{
    width: 200px;
}
#PlanesDetalladosB ul li
{
    width: 430px;
}
#PlanesDetalladosC li
{
    border-right: 3px solid #ccc;
    width: 117px;
}

.disponible, #PlanesDetallados .disponibleB, #PlanesDetalladosB .disponibleB,  #PlanesDetalladosC .disponibleB
{
    background-image: url(../Imagenes/ok_disponible.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.disponible, #PlanesDetallados .disponibleB
{
    height: 34px;
    width: 200px;
    }
    
#PlanesDetalladosB .disponibleB
{
    height: 34px;
    width: 430px;
}
#PlanesDetalladosC .disponibleB
{
    height: 34px;
    width: 117px;
}
#PlanesDetallados .disponibleB, #PlanesDetalladosB .disponibleB, #PlanesDetalladosC .disponibleB, #PlanesDetallados .extraB, #PlanesDetalladosB .extraB, #PlanesDetalladosC .extraB
{
    background-color: #EBEBE6;
}


#TablaPlanes .noneList, #TablaPlanes .programacion, #TablaPlanes .nombrePlan, #TablaPlanes .precio, #TablaPlanes .contratar, #TablaPlanes .redirigido, #TablaPlanes .nombrePlanPromo, #TablaPlanes .precioPromo, #TablaPlanes .contratarPromo, #TablaPlanesB .noneList, #TablaPlanesB .programacion, #TablaPlanesB .nombrePlan, #TablaPlanesB .precio, #TablaPlanesB .contratar, #TablaPlanesB .redirigido, #TablaPlanesB .nombrePlanPromo, #TablaPlanesB .precioPromo, #TablaPlanesB .contratarPromo,
 #TablaPlanesC .noneList, #TablaPlanesC .programacion, #TablaPlanesC .nombrePlan, #TablaPlanesC .precio, #TablaPlanesC .contratar, #TablaPlanesC .redirigido, #TablaPlanesC .nombrePlanPromo, #TablaPlanesC .precioPromo, #TablaPlanesC .contratarPromo
{
    list-style: none;
    text-decoration: none;
}

.cajaIzqlistado ul
{
    margin: 0 0 0 30px;
    padding: 0 25px 10px 0;
    border-right: 1px solid #ccc;
}

.cajaDerechalistado ul
{
    margin: 0;
    padding: 0 0 10px 35px;
    border-left: 1px solid #fff;
}
#servicioscomplementarios .titularOk
{
    color: #95cb2d;
    font-size: medium;
    list-style-image: url(../Imagenes/GestionDominios/okG.png);
    margin: 0 0 8px 33px;
}

/*IMAGENES
=============================================================================*/

.escalable
{
    background-image: url(../Imagenes/PlanesHosting/stas2.png);
}

.extra
{
    background-image: url(../Imagenes/PlanesHosting/escalable.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.flechaverde
{
    background-image: url(../Imagenes/PlanesHosting/flechaverde.png);
    height: 78px;
    left: 30px;
    position: absolute;
    top: -65px; 
    width: 134px;
                }
.flechaInferior
{
    background-image: url(../Imagenes/PlanesHosting/flecha.png);
    background-repeat: no-repeat; 
    color: #fff;
    font-size: 18px; 
    height: 90px;
    padding:10px 0 0 30px; 
    position: absolute;
    top: 245px; 
    width: 920px;
    z-index: 999999;
                }
.recomendadoBasico
{
    background-image: url(../Imagenes/PlanesHosting/recomendado.png);
    height: 115px;
    left: 628px;
    position: absolute;
    top: 10px;
    width: 321px; 
    }

.recomendadoEmprende
{
    background-image: url(../Imagenes/PlanesHosting/recomendado2.png);
    height: 115px;
    left: 628px;
    position: absolute;
    top: 120px;
    width: 321px; 
    }
  .recomendadoMedio
{
    background-image: url(../Imagenes/PlanesHosting/recomendado3.png);
    height: 78px;
    left: 628px;
    position: absolute;
    top: 10px;
    width: 321px; 
    }
    .recomendadoAvanzado
{
    background-image: url(../Imagenes/PlanesHosting/recomendado4.png);
    height: 78px;
    left: 628px;
    position: absolute;
    top: 85px;
    width: 321px; 
    }
     .recomendadoAvanzadoPro
{
    background-image: url(../Imagenes/PlanesHosting/recomendado5.png);
    height: 78px;
    left: 628px;
    position: absolute;
    top: 160px;
    width: 321px; 
    }

/* PROMOCIONES HOSTING 
========================================================*/
#TablaPlanes .nombrePlanPromo, #TablaPlanesB .nombrePlanPromo, #TablaPlanesC .nombrePlanPromo
{
    background-image: url(../Imagenes/PlanesHosting/promo.png);
    background-repeat: no-repeat;
    background-position: left top;
    font: normal bold 20px arial;
    margin-left: 10px;
    padding: 10px 0 0 0;
    text-align: center;
    width: 200px;
    height: 150px;
    text-shadow: 1px 1px #ccc;
}
#TablaPlanes .precioPromo, #TablaPlanesB .precioPromo, #TablaPlanesC .precioPromo
{
    font: normal 30px arial;
    margin: 0;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px #764b07;
}
#TablaPlanes .contratarPromo, #TablaPlanesB .contratarPromo, #TablaPlanesC .contratarPromo
{
    margin: 0 0 5px 10px;
    padding: 0;
    text-align: center;
}

#TablaPlanes .detallePromo, #TablaPlanesB .detallePromo,  #TablaPlanesC .detallePromo
{
    font-size: 14px;
    text-align: center;
}

.promoComparativaMulti, .promoComparativaAvanPro, .promoComparativaAvan, .promoComparativaMedio, .promoComparativaBasico, .promoComparativaEmpren
{
    background-image: url(../Imagenes/PlanesHosting/promoComparativa.png);
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    height: 105px;
    width: 138px;
    top: 199px;
    left: 113px;
    text-align: center;
    line-height: 18px;
    padding-top: 10px;
}
.promoComparativaAvanPro
{
    left: 251px;
}
.promoComparativaAvan
{
    left: 389px;
}
.promoComparativaMedio
{
    left: 527px;
}
.promoComparativaBasico
{
    left: 665px;
}
.promoComparativaEmpren
{
    left: 803px;
}