/*
  General v2.rigovi.com
*/
@font-face {
    font-family: 'Conv_Market_Deco';
    src: url('../fonts/Market_Deco.eot?') format('eot'),
         url('../fonts/Market_Deco.woff') format('woff'),
         url('../fonts/Market_Deco.ttf') format('truetype'),
         url('../fonts/Market_Deco.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

*:before, *:after {
    box-sizing: border-box;
}
*:before, *:after {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
html {
    min-height: 100%;
    min-width: 100%;
}
body {
    background-color: #dbe1e7;
    background-image: url("/imagenes/fondoRichmon.png");
    background-repeat: repeat;
    background-size: inherit;
    //font: 16px arial,sans-serif;
    font: 14px arial,sans-serif;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    color: #3c3c3c;
}
ul, li {
//    list-style-type: none;
}
input, textarea {
    resize: none;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 5px;
    width: 100%;
    margin: 0;
}
select {
    padding: 4px 5px 4px 10px;
}
a, a:active, a:focus {
    text-decoration: none;
    color: inherit;
    outline: 0;
}
a:hover {
//    opacity: 0.7;
}/*
#logo a:hover {
    opacity: 1;
}*/
input[type="button"], input[type="submit"], select {
    cursor: pointer;
}
input[type="checkbox"] {
    float: left;
    width: 20px;
}
#pestanas li {
    height: 100%;
    color: #3c3c3c;
    font-size: 15px;
    line-height: normal;
    padding: 18px 20px 10px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#pestanas li.conSubClase > a p {
    color: #3c3c3c;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#pestanas li.conSubClase:hover > a p {
    color: white;
}
#menuEscritorio ul#pestanas li:hover {
    background-color: #63ACDB;
    color: white;
}
.subclase > a {
    float: left;
    position: relative;
    width: 100%;
}
#pestanas li.conSubClase {
    height: 100%;
}
#pestanas li.conSubClase li {
    height: auto;
}
#pestanas li.conSubClase p {
    padding-right: 8px;
}
#pestanas li p {
    float: left;
    margin: 0;
}
#pestanas li ul {
//    display: none;
}
#pestanas li:hover ul {
//    display: block;
}
#pestanas li:hover ul.subclase {
    height: 200px;
}
#pestanas li ul.subclase {
//    padding-left: 10px;
    background-color: #f7f5f5;
    left: 0;
    position: absolute;
    top: 50px;
    width: 100%;
    height: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    border-bottom: 1px solid #cbcbcb;
}
.conSubClase:hover .dropdown {
    border-left: 13px solid white;
}
.dropdown {
    border-bottom: 8px solid transparent;
    border-left: 13px solid #63ACDB;
    border-top: 8px solid transparent;
    bottom: 0;
    height: 0;
    left: 98px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 5px;
    transform: rotate(90deg);
    width: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#pestanas li ul.subclase li {
    background-color: #f7f5f5;
    border-top: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    line-height: normal;
    padding: 10px 7px;
    width: 100%;
//    border-bottom: 3px solid transparent;
}
#pestanas li ul.subclase a:last-child li {

}
nav li.conSubClase {
    text-align: center;
    width: 200px;
}
nav li.conSubClase p {
    text-align: center;
    width: 100%;
}
a {
    color: #44A3E7;
}
a:hover {
    color: #249be0;
}
.hide {
    display: none;
}
.fondoColorRigovi {
    background: #72b4e0;
    background-image: -webkit-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -moz-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -ms-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -o-linear-gradient(top, #72b4e0, #288ac7);
    background-image: linear-gradient(to bottom, #72b4e0, #288ac7);
    color: #ffffff;
}
button, .boton {
    background: #72b4e0;
    background-image: -webkit-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -moz-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -ms-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -o-linear-gradient(top, #72b4e0, #288ac7);
    background-image: linear-gradient(to bottom, #72b4e0, #288ac7);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-family: Arial;
    font-size: 19px;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #3e89be;
}
button:hover, .boton:hover {
    background: #249be0;
    background-image: -webkit-linear-gradient(top, #249be0, #1f8ad1);
    background-image: -moz-linear-gradient(top, #249be0, #1f8ad1);
    background-image: -ms-linear-gradient(top, #249be0, #1f8ad1);
    background-image: -o-linear-gradient(top, #249be0, #1f8ad1);
    background-image: linear-gradient(to bottom, #249be0, #1f8ad1);
    text-decoration: none;
}
button.gris, .boton.gris {
    border: 1px solid #999999;
    background: #B7B7B7;
    background-image: -webkit-linear-gradient(top, #B7B7B7, #9D9D9D);
    background-image: -moz-linear-gradient(top, #B7B7B7, #9D9D9D);
    background-image: -ms-linear-gradient(top, #B7B7B7, #9D9D9D);
    background-image: -o-linear-gradient(top, #B7B7B7, #9D9D9D);
    background-image: linear-gradient(to bottom, #B7B7B7, #9D9D9D);
}
button.gris:hover, .boton.gris:hover {
    background: #aaaaaa;
    background-image: -webkit-linear-gradient(top, #aaaaaa, #969696);
    background-image: -moz-linear-gradient(top, #aaaaaa, #969696);
    background-image: -ms-linear-gradient(top, #aaaaaa, #969696);
    background-image: -o-linear-gradient(top, #aaaaaa, #969696);
    background-image: linear-gradient(to bottom, #aaaaaa, #969696);
    text-decoration: none;
}



.fila {
    float: left;
    width: 100%;
}


#recuperarContrasenaLogin a {
    color: #FBFBFB;
}
#recuperarContrasenaLogin a:hover {
    color: #CFCFCF;
}

#mensajeLlamanos {
    background: #72b4e0;
    background-image: -webkit-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -moz-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -ms-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -o-linear-gradient(top, #72b4e0, #288ac7);
    background-image: linear-gradient(to bottom, #72b4e0, #288ac7);
    bottom: 125px;
    border-top: 1px solid #377cad;
    border-left: 1px solid #377cad;
    border-right: 1px solid #377cad;
    color: white;
    font-size: 16px;
    left: -300px;
    padding: 10px 20px;
    position: fixed;
    text-shadow: 0 0 12px black;
    z-index: 1;
}
#mensajeLlamanos .titulillo {
    margin-left: 0;
}
#mensajeLlamanos .logillo {
    background-image: url('/imagenes/phone.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    position: absolute;
    width: 20px;
}
#mensajeLlamanos .logillo2 {
    background-image: url('/imagenes/email.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    position: absolute;
    width: 20px;
}
#mensajeLlamanos p {
    margin: 8px 0 8px 25px;
}




nav {
    
}
nav ul {
    float: left;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0;
}
nav a:first-child li {
//    border-left: 1px solid #cbcbcb;
}
nav #menuEscritorio ul#pestanas li:not(.conSubClase):hover {
//    box-shadow: 0 0 5px 0 black inset;
//    border-bottom: 3px solid #2191D7;
}
nav li.conSubClase:hover {
//    box-shadow: 0 3px 6px -3px black inset;
}
nav li.conSubClase li:hover {
//    box-shadow: 0 0 6px -4px black inset;
}
nav li {
//    border-right: 1px solid #cbcbcb;
    float: left;
    cursor: pointer;
    padding: 0 20px;
}
nav ul, nav li {
    list-style-type: none;
}
nav .bloque {
    height: 100%;
}


#logo {
    float: left;
    height: 100%;
    margin: auto 50px auto 10%;
    text-align: center;
}
#logo img {
    cursor: pointer;
    float: left;
    height: 35px;
    margin-top: 8px;
}


#zonaDerecha {
    float: right;
    font-size: 16px;
    font-weight: normal;
    margin-right: 10%;
    margin-top: 10px;
}


#tarjetaRestoWeb #zonaTexto2 .zonaDerecha.zonaImagen:not(.paraMovil) {
    margin-right: 0;
    margin-top: 45px;
    width: 35%;
}
#tarjetaRestoWeb #zonaTexto3 .zonaIzquierda.zonaImagen:not(.paraMovil) {
    margin-left: 0;
    margin-top: 50px;
    width: 35%;
}
#cuerpo {
    float: left;
    height: 100%;
    width: 100%;
    position: absolute;
}
#paginaFacturacion #bloqueInicial {
    background-image: url("/imagenes/fondo03.jpg");
}
#bloqueInicial {
    background-color: #dbe1e7;
    background-image: url("/imagenes/separador6.jpg");
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
    float: left;
//    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 600px;
    position: relative;
}
#tarjetaIdentificacion {
    background-color: rgba(0, 0, 0, 0.7);
//    height: 190px;
    margin-top: 70px;
    max-width: 80%;
    position: absolute;
    right: 10%;
    text-shadow: 2px 2px 4px black;
    bottom: 20%;
    width: 400px;
    text-align: center;
    padding-bottom: 10px;
//    min-height: 260px;
}
#tarjetaIdentificacion button {
    margin: 30px auto auto;
}
#tarjetaIdentificacion .titulillo {
    color: white;
    font-size: 23px;
    margin-bottom: 7px;
    margin-top: 15px;
    text-align: center;
    text-decoration: underline;
}
#tarjetaIdentificacion .fila {
    margin: 10px 0 0;
    padding: 0 20px 0 120px;
    position: relative;
}
.mensaje {

}
#tarjetaIdentificacion .dato {
    color: white;
    left: 20px;
    position: absolute;
    top: 5px;
    width: 100px;
    text-align: left;
}
#tarjetaIdentificacion input {
}
#tarjetaIdentificacion #accederAlCCR {
    float: right;
    margin-top: 5px;
    text-align: center;
    text-shadow: 0 0 4px black;
    width: 125px;
}
#recuperarContrasenaLogin {
    bottom: 0;
    color: white;
    left: 0;
    margin-bottom: 3px;
    margin-left: 20px;
    position: absolute;
    width: 50%;
    text-align: left;
    max-height: 36px;
    overflow: hidden;
}

#continuarPanelInicial {
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    bottom: 0;
    color: white;
    cursor: pointer;
    height: 70px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 1px 1px 10px black;
    width: 500px;
}
#continuarPanelInicial:before {
    border-left: 70px solid rgba(0, 0, 0, 0.7);
    border-top: 70px solid transparent;
    content: "";
    cursor: pointer;
    position: absolute;
    right: -70px;
    top: 0;
    width: 0;
}
#continuarPanelInicial:after {
    border-right: 70px solid rgba(0, 0, 0, 0.7);
    border-top: 70px solid transparent;
    content: "";
    cursor: pointer;
    left: -70px;
    position: absolute;
    top: 0;
    width: 0;
}
#continuarPanelInicial .titulillo {
    font-size: 20px;
    margin-top: 10px;
}
#continuarPanelInicial img {
    height: 18px;
    margin-top: 5px;
    width: 15%;
}






#textoFlotante {
    color: white;
    font-size: 46px;
    left: 100px;
    position: absolute;
    text-shadow: 1px 1px 6px black;
    top: 200px;
    max-width: 600px;
    width: 80%;
}






nav {
    background-color: #f7f5f5;
    box-shadow: 0 0 19px rgba(0, 0, 0, 0.5);
    height: 50px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

















#tarjetaRestoWeb .fila {
/*    margin-top: 50px;*/
}
#tarjetaRestoWeb .zonaIzquierda.zonaTexto {
    float: left;
    width: 60%;
}
#tarjetaRestoWeb .zonaTexto {
    text-align: justify;
}
#tarjetaRestoWeb .zonaDerecha.zonaTexto {
    float: left;
    margin-left: 5%;
    width: 60%;
}
#tarjetaRestoWeb .zonaIzquierda.zonaImagen {
    float: left;
    margin-left: 5%;
    width: 30%;
}
#tarjetaRestoWeb .zonaDerecha.zonaImagen {
    float: right;
    margin-right: 5%;
    width: 30%;
}
#tarjetaRestoWeb .zonaImagen img {
    width: 100%;
}

.titulilloBienvenido {
    margin-top: 30px;
}
.accederBienvenido {
    margin-bottom: 20px
}










#restoWeb {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    margin: auto auto 100px;

//    margin: auto auto 800px;
}
#zonaServicios {
}
#restoWeb .tituloBarra {
    background: #72b4e0;
    background-image: -webkit-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -moz-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -ms-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -o-linear-gradient(top, #72b4e0, #288ac7);
    background-image: linear-gradient(to bottom, #72b4e0, #288ac7);
    color: #ffffff;
    font-size: 20px;
    left: 0;
    padding: 15px 38px;
    position: absolute;
    top: 0;
    width: 100%;
}
.bloque {
    margin: auto;
    max-width: 990px;
    width: 90%;
}
#tarjetaRestoWeb {/*
    background-color: #f7f5f5;
    box-shadow: 1px 1px 8px 0 #000;
    margin: 100px auto auto;
    padding: 50px 100px;
    text-align: left;
    width: 990px;
    position: relative;*/
    padding-top: 50px;
}
#zonaTexto1 .zonaTexto {
    margin-top: 20px;
}
#zonaTexto2 .zonaTexto {
    margin-top: 40px;
}
#zonaTexto3 .zonaTexto {
    margin-top: 40px;
}
#zonaTexto3.fila {
    margin-top: 40px;
}
#tarjetaRestoWeb h1 {
    background-color: #f7f5f5;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    color: #101010;
    font-size: 24px;
    margin: 0;
    padding: 15px;
    text-align: center;
    width: 100%;
    float: left;
}
#tarjetaRestoWeb .titulillo {
    font-size: 18px;
    font-weight: bold;
//    margin: 20px 0 0;
    color: #1A1A1A;
}
.contenidoZona {
    padding-top: 60px;
}
.tarjetaServicios {
    background-color: #f7f5f5;
    box-shadow: 1px 1px 8px 0 #000;
    height: 300px;
    margin: 100px auto auto;
    text-align: left;
    width: 990px;
}
.tarjetaServicios .titulillo {
    font-size: 20px;
}
#zonaServicios .tarjetaServicios .zonaIzquierda {
    float: left;
    position: relative;
}
#zonaServicios .zonaIzquierda.zonaImagen:before {
    border-left: 100px solid transparent;
    border-top: 300px solid #f7f5f5;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
#zonaServicios .zonaDerecha.zonaImagen:after {
    border-bottom: 300px solid transparent;
    border-left: 100px solid #f7f5f5;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
#zonaServicios .tarjetaServicios .zonaImagen {
    background-position: center center;
    background-size: cover;
    height: 100%;
    position: relative;
    width: 40%;
}
#zonaServicios .tarjetaServicios .zonaImagen img {
    
}
#zonaServicios .tarjetaServicios .zonaDerecha {
    float: right;
    position: relative;
}
#zonaServicios .tarjetaServicios .zonaTexto {
    width: 60%;
}
#zonaServicios .tarjetaServicios .zonaTexto.zonaIzquierda {
    padding: 20px 0 20px 20px;
}
#zonaServicios .tarjetaServicios .zonaTexto.zonaDerecha {
    padding: 20px 20px 20px 0;
}










.bloquePruebenos {
    background-color: #f7f5f5;
    border-top: 1px solid #cbcbcb;
    float: left;
    padding-bottom: 100px;
    padding-top: 100px;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #cbcbcb;
}
.bloquePruebenos .titulo {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}
.bloquePruebenos .boton {
    width: auto;
}












#bloquePrecios {
    margin-bottom: 100px;
}
#bloqueProgramas {
    margin-bottom: 100px;
}
#bloqueProgramas .titulo {
    background-color: #f7f5f5;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    font-size: 25px;
    font-weight: bold;
    margin: 85px 0 0;
    padding: 30px 0;
    text-align: center;
}
#bloqueProgramas .programa {
    border-bottom: 1px dashed #999999;
    float: left;
    margin-top: 60px;
    padding-bottom: 60px;
    width: 100%;
}
#bloqueProgramas .programa:last-child {
    border-bottom: none;
}
#bloqueProgramas .programa:first-child {
    margin-top: 80px;
}
#bloqueProgramas .zonaImagen.zonaIzquierda {

}
#bloqueProgramas .zonaImagen.zonaDerecha {
    
}
#bloqueProgramas .zonaImagen {
    float: left;
    width: 40%;
}
#bloqueProgramas .zonaIzquierda {
    
}
#bloqueProgramas .zonaTexto.zonaDerecha {
    padding: 0 0 0 30px;
}
#bloqueProgramas .zonaTexto.zonaIzquierda {
    padding: 0 30px 0 0;
}
#bloqueProgramas .zonaTexto {
    float: left;
    width: 60%;
    text-align: justify;
}
#bloqueProgramas .zonaDerecha {
    
}
#bloqueProgramas .zonaIzquierda.zonaDerecha {
    
}
#bloqueProgramas img {
    border: 1px solid #989898;
    width: 100%;
}
#bloqueProgramas h2 {
    font-size: 30px;
    margin: 0;
}
#bloqueProgramas p {
    
}

#programaFacturas .zonaImagen {
    margin-top: 13px;
}
#programaBackup .zonaImagen {
    margin-top: 13px;
}
.programa form input[type="email"] {
    float: left;
    padding: 9px 10px 10px;
    width: 300px;
}
.programa form input[type="submit"] {
    float: left;
    margin-left: 15px;
    width: 80px;
}






.bloqueSeparador {
    background-position: center center;
    background-size: cover;
    float: left;
    height: 300px;
    width: 100%;
}











#bloquePrecios > .titulo {
    background-color: #f7f5f5;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    font-size: 25px;
    font-weight: bold;
    margin: 85px 0 0;
    padding: 30px 0;
    text-align: center;
}
.bloquePlan {
    background-color: #f7f5f5;
    border: 1px solid #cbcbcb;
    float: left;
    margin-top: 100px;
    padding: 30px;
    width: 100%;
}
.bloquePlan .oferta {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+47,207cca+71,2b94e5+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(-45deg, #1e5799 0%, #2989d8 47%, #207cca 71%, #2b94e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 47%,#207cca 71%,#2b94e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #1e5799 0%,#2989d8 47%,#207cca 71%,#2b94e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2b94e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/*
    background: #72b4e0;
    background-image: -webkit-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -moz-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -ms-linear-gradient(top, #72b4e0, #288ac7);
    background-image: -o-linear-gradient(top, #72b4e0, #288ac7);
    background-image: linear-gradient(to bottom, #72b4e0, #288ac7);*/
//    background-color: #2294da;
    border: 1px solid black;
    border-radius: 26px;
    color: white;
    font-size: 16px;
    padding: 20px;
    position: absolute;
    right: -60px;
    text-align: justify;
    top: -60px;
    transform: rotate(6deg);
    width: 300px;
}
.tachado {
    text-decoration: line-through;
}
.subrayado {
    text-decoration: underline;
}
.bloquePlan .titulo {
    float: left;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
    width: 100%;
}
.bloquePlan .fila {
    position: relative;
}
.bloquePlan .imagen {
    float: left;
    margin-top: 20px;
    width: 40%;
}
.bloquePlan .imagen img {
    border: 1px solid #bebebe;
    border-radius: 1px;
    width: 100%;
}
.bloquePlan .texto {
    float: left;
    padding: 0 0 0 20px;
    text-align: justify;
    min-height: 320px;
    width: 60%;
}
.alignDerecha {
    text-align: right;
}
.bloquePlan .zonaPrecio {
    bottom: 0;
    float: right;
    position: absolute;
    right: 0;
    width: 300px;
}
.bloquePlan .zonaPrecio button {
    float: right;
    margin-top: 10px;
    padding: 1px 5px;
} 
.bloquePlan .zonaPrecio .tamMediano {
    font-size: 16px;
    font-weight: bold;
}
.bloquePlan .zonaPrecio .tamGrande {
    font-size: 17px;
}
.bloquePlan .zonaPrecio .tamSuperior {
    font-size: 24px;
    font-weight: bold;
}
.bloquePlan .footnote {
    float: right;
    font-size: 12px;
    margin-top: 5px;
    text-align: right;
    width: 100%;
}
.bloquePlan .zonaPrecio .tamSuperior.oferta {
    
}
.bloquePlan .zonaPrecio .zonaIzquierda {
    float: left;
//    width: 80%;
}
.bloquePlan .zonaPrecio .zonaIzquierda .entrada {
    text-align: left;
}
.bloquePlan .zonaPrecio .zonaDerecha {
    float: right;
    text-align: right;
//    width: 20%;
}
.bloquePlan .zonaPrecio .zonaDerecha .entrada {
    
}

#zonaLoginOculta::before {
    border-left: 15px solid #f7f5f5;
    border-top: 15px solid transparent;
    content: "";
    cursor: pointer;
    position: absolute;
    right: 65px;
    top: -15px;
    width: 0;
}
#zonaLoginOculta::after {
    border-right: 15px solid #f7f5f5;
    border-top: 15px solid transparent;
    content: "";
    cursor: pointer;
    position: absolute;
    right: 80px;
    top: -15px;
    width: 0;
}
#zonaLoginOculta {
    background-color: #f7f5f5;
    border: 1px solid #a2a2a2;
    margin-right: -20px;
    padding: 20px 20px 5px;
    position: fixed;
    right: 10%;
    top: 60px;
    width: 400px;
    display: none;
}
#zonaLoginOculta .fila {
    margin-bottom: 10px;
}
#zonaLoginOculta .dato {
    float: left;
    margin-top: 6px;
    width: 30%;
}
#zonaLoginOculta input {
    float: left;
    width: 70%;
}
#zonaLoginOculta input#accederAlCCR2 {
    float: right;
    width: 110px;
    margin-top: 5px;
}
#zonaLoginOculta #recuperarContrasenaLogin2 {
    font-size: 12px;
    position: absolute;
    bottom: 18px;
    width: 200px;
}





#bloqueContacto .margenes {
    float: left;
    margin: 60px 0;
    width: 100%;
}
#bloqueContacto > .titulo {
    background-color: #f7f5f5;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    font-size: 25px;
    font-weight: bold;
    margin: 85px 0 0;
    padding: 30px 0;
    text-align: center;
}
#bloqueContacto .zonaDatosContacto {
    float: left;
    padding: 20px;
    width: 30%;
}
#bloqueContacto .zonaFormularioContacto {
    float: left;
    padding: 20px;
    width: 70%;
}
#bloqueContacto .zonaDatosContacto > .titulillo {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
#bloqueContacto .zonaDatosContacto .bloque {
    float: left;
    margin-top: 10px;
    width: 100%;
}
#bloqueContacto .zonaDatosContacto .bloque > .titulillo {
    font-weight: bold;
}
#bloqueContacto .zonaDatosContacto .bloque .entrada {
    margin-top: 5px;
}
#bloqueContacto .zonaFormularioContacto > .titulillo {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
#bloqueContacto .unTercio {
//    float: left;
//    width: 33.333%;
//    padding: 0 10px;
}
#bloqueContacto .unTercio.primero {
//    padding: 0 20px 0 0;
}
#bloqueContacto .unTercio.ultimo {
//    padding: 0 0 0 20px;
}
#bloqueContacto .unTercio input {
    padding: 10px;
    background-color: #FBFBFB;
}
#bloqueContacto textarea {
    height: 200px;
    margin-top: 20px;
    padding: 10px;
    background-color: #FBFBFB;
}
#bloqueContacto input[type="submit"] {
    float: right;
    margin-top: 20px;
    width: 100px;
}




#cuadroTerminosYCondiciones {

}
.popup {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.popup .oscuro {
    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.popup .tarjeta {
    background-color: white;
    bottom: 0;
    height: 90%;
    left: 0;
    margin: auto;
    max-width: 900px;
    padding: 40px 30px 40px 40px;
    position: absolute;
    right: 0;
    text-align: justify;
    top: 0;
    width: 90%;
}
.popup .cerrar {
    background-image: url("/imagenes/close.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 40px;
    cursor: pointer;
}
.popup .titulillo {

}
.popup .contenido {
    float: left;
    height: 100%;
    overflow: auto;
    padding-right: 15px;
    width: 100%;
}


footer {
    background-color: #f7f5f5;
    border-top: 1px solid #cbcbcb;
    float: left;
    height: 80px;
    width: 100%;
    position: relative;
}
footer .zonaIzquierda {
    float: left;
    line-height: 80px;
}
footer #logoFooter {
    height: 50px;
    left: 50%;
    margin-left: -83px;
    margin-top: 15px;
    position: absolute;
    top: 0;
}
footer #logoFooter img {
    height: 100%;
}
footer .zonaDerecha {
    float: right;
    line-height: 80px;
}
footer a {
    color: #3c3c3c;
}
footer a:hover {
    color: #5F5F5F;
}


#menuEscritorio {

}
#menuMovil {
    display: none;
    float: right;
    height: 100%;
    margin-right: 10px;
    padding: 8px;
    width: 65px;
}
#menuMovil button {
    float: left;
    height: 100%;
    width: 100%;
}
#menuMovil button img {
    height: 100%;
}
#desplegableMenuMovil {
    background-color: white;
    display: none;
    height: 0;
    left: 0;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}
#desplegableMenuMovil li {
    border-top: 1px solid #e1e1e1;
    float: left;
    text-align: center;
    width: 100%;
}

#bloqueProgramas .programa .zonaTexto img {
    display: none;
}
#botonAccederMovil {
    display: none;
}
#tarjetaRestoWeb .paraMovil {
    display: none;
}
#separador1 {
    background-image: url('/imagenes/separador1.jpg');
}
#separador2 {
    background-image: url('/imagenes/separador2.jpg');
}
#separador3 {
    background-image: url('/imagenes/separador3.jpg');
}
#separador8 {
    background-image: url('/imagenes/separador8.jpg');
}
#separador9 {
    background-image: url('/imagenes/separador9.jpg');
}
#paginaFacturacion #separador1 {
    background-image: url('/imagenes/fondo01Facturacion.jpg');
}
#paginaFacturacion #separador2 {
    background-image: url('/imagenes/fondo02Facturacion.jpg');
}
#paginaFacturacion #separador3 {
    background-image: url('/imagenes/fondo04Facturacion.jpg');
}
#paginaFacturacion #separador8 {
//    background-image: url('/imagenes/fondo0Facturacion.jpg');
}
#paginaFacturacion #separador9 {
//    background-image: url('/imagenes/fondo0Facturacion.jpg');
}
#recuperarContrasenaLogin .versionMovil {
    display: none;
}



/* responsive */
@media only screen and (max-height: 550px) {
    #tarjetaIdentificacion > a {
        display: none;
    }
    #bloqueInicial #tarjetaIdentificacion .titulillo {
//        display: none;
    }
    a#botonAccederMovil {
//        display: block;
    }
    #tarjetaIdentificacion {
//        height: 100px;
//        top: 255px;
    }
    #formularioIdentificacion {
//        display: none;
    }
}/*
@media only screen and (max-height: 730px) and (max-width: 1250px) and (min-width: 1250px) {
    #tarjetaIdentificacion {
        display: none;
    }
}*/
/*
@media only screen and (max-height: 730px) and (max-width: 1250px) {
    #textoFlotante {
        left: 5%;
        max-width: 600px;
        top: 90px;
        width: 90%;
    }
}*/
@media only screen and (max-height: 710px) and (max-width: 1220px) {
    #textoFlotante {
        top: 100px;
    }
}
@media only screen and (max-height: 700px) and (max-width: 1200px) {
    #tarjetaIdentificacion {
        top: 250px;
        bottom: auto;
    }
}
@media only screen and (max-width: 360px) {
    #tarjetaIdentificacion {
        top: 280px;
        bottom: auto;
    }
}
@media only screen and (max-height: 640px) and (max-width: 770px) {
    #textoFlotante {
        font-size: 38px;
    }
}
@media only screen and (max-width: 790px) {
    #textoFlotante {
        top: 100px;
    }
}
@media only screen and (max-width: 540px) {
    #textoFlotante {
        left: 5%;
        width: 90%;
        font-size: 38px;
    }
}
@media only screen and (max-width: 670px) {
    #continuarPanelInicial {
        display: none;
    }
}
@media only screen and (max-height: 640px) {
    #continuarPanelInicial {
        display: none;
    }
}
@media only screen and (max-width: 470px) {
    #tarjetaIdentificacion {
//        bottom: 10%;
//        top: auto;
    }
}
@media only screen and (max-width: 420px) {
    #tarjetaIdentificacion {
//        bottom: auto;
//        top: 450px;
    }
    #bloqueInicial {
//        min-height: 820px;
    }
}
@media only screen and (max-height: 500px) {
    #mensajeLlamanos {
        bottom: 0;
    }
}
@media only screen and (max-height: 400px) {
    #mensajeLlamanos {
        display: none;
    }
}/*
@media only screen and (max-height: 450px) {
    #textoFlotante {
        top: 100px;
    }
}*//*
@media only screen and (max-height: 650px) and (max-width: 790px) {
    #tarjetaIdentificacion {
        display: block;
    }
}*//*
@media only screen and (max-height: 380px) and (max-width: 790px) {
    #tarjetaIdentificacion {
        bottom: 30px!important;
    }
}
@media only screen and (max-height: 430px) and (max-width: 700px) {
    #textoFlotante {
        font-size: 40px;
    }
}*/
@media only screen and (max-width: 1150px) {
    #logo {
        margin: auto 30px auto 30px;
    }
    #zonaDerecha {
        margin-right: 30px;
    }
    #tarjetaRestoWeb .zonaTexto {
        margin-top: 0;
    }
}
@media only screen and (max-width: 960px) {
    nav li.conSubClase {
        width: 150px;
    }
    #pestanas li {
        font-size: 12px;
    }
}/*
@media only screen and (max-width: 850px) {
    #textoFlotante {
        left: 50px;
    }
}*/
@media only screen and (max-width: 860px) {
    #menuEscritorio {
        display: none;
    }
    #menuMovil {
        display: block;
    }
}
@media only screen and (max-width: 770px) {
    #tarjetaRestoWeb .zonaDerecha.zonaImagen {
        margin-right: 0;
    }
    #tarjetaRestoWeb .zonaIzquierda.zonaImagen {
        margin-left: 0;
        margin-right: 5%;
    }
}
@media only screen and (max-width: 880px) {
    #bloquePrecios .oferta {
        bottom: 0;
        left: -35px;
        right: auto;
        top: auto;
    }
}
@media only screen and (max-width: 965px) {
    #bloqueServicios > .row > .unMedio {
        width: 100%;
    }
}
@media only screen and (max-width: 490px) {
    #bloqueServicios .row .unMedio .bloqueServicio {
        height: auto;
    }
    #bloqueServicios .bloqueServicio .unMedio {
        width: 100%;
    }
    #bloqueServicios .bloqueServicio .unMedio.cuadradoImagen {
        height: 250px;
        margin-top: 20px;
    }
    #bloqueServicios #terceraFilaServicios > div.bloqueServicio.unMedio {
        height: auto;
    }
}
@media only screen and (max-width: 790px) {
    #tarjetaRestoWeb .zonaImagen {
        margin-top: 20px;
    }
    .programa form input[type="email"] {
        width: 100%;
        margin: 0;
    }
    .programa form input[type="submit"] {
        width: 100%;
        margin: 20px 0 0;
    }/*
    #textoFlotante {
        left: 5%;
        top: 90px;
        width: 90%;
    }*//*
    #continuarPanelInicial {
        display: none;
    }/*
    #tarjetaIdentificacion {
        bottom: 60px;
        left: 0;
        margin: auto;
        right: 0;
    }*/
}
@media only screen and (max-width: 630px) {
    #mensajeLlamanos {
        bottom: 0;
    }
    #bloqueProgramas .programa .zonaTexto img {
        display: block;
    }
    #tarjetaRestoWeb .zonaIzquierda.zonaImagen {
        float: none;
        margin: auto;
        max-width: 250px;
        width: 100%;
    }
    #tarjetaRestoWeb .zonaDerecha.zonaTexto {
        margin: 30px 0 0;
        width: 100%;
    }
    #tarjetaRestoWeb .zonaIzquierda.zonaTexto {
        margin: 30px 0 0;
        width: 100%;
    }
    #tarjetaRestoWeb .zonaDerecha.zonaImagen {
        display: none;
    }
    #tarjetaRestoWeb .zonaDerecha.zonaImagen.paraMovil {
        display: block;
        float: none;
        margin: auto;
        max-width: 250px;
        width: 100%;
    }
    #tarjetaRestoWeb .bloque > div {
        text-align: center;
    }

    #bloqueProgramas .programa img {
        display: block;
        margin: 20px auto;
        max-width: 400px;
        width: 90%;
    }
    #bloqueProgramas .zonaImagen {
        display: none;
    }
    #bloqueProgramas .programa .zonaTexto {
        padding: 0;
        width: 100%;
    }
    #bloqueProgramas .zonaTexto h2 {
        text-align: center;
    }
    #bloquePrecios .imagen {
        margin: 20px auto;
        width: 100%;
    }
    #bloquePrecios .texto {
        width: 100%;
        padding: 0
    }
    #bloqueContacto .zonaDatosContacto {
        width: 100%;
    }
    #bloqueContacto .zonaFormularioContacto {
        width: 100%;
    }
    #bloqueContacto .zonaFormularioContacto .unTercio {
        margin-top: 10px;
        padding: 0;
        width: 100%;
    }/*
    #textoFlotante {
        font-size: 30px;
        line-height: 1;
    }*/
}
@media only screen and (max-width: 1000px) {
    footer {
        height: 100px;
    }
    footer .zonaIzquierda {
        line-height: 40px;
        text-align: center;
        width: 100%;
    }
    footer #logoFooter {
        float: left;
        margin: 0;
        padding: 5px 0;
        position: static;
        width: 50%;
    }
    footer .zonaDerecha {
        line-height: 50px;
        text-align: right;
        width: 50%;
    }
}
@media only screen and (max-width: 1000px) {
    #paginaFacturacion #bloqueInicial {
        background-image: url("/imagenes/fondo03_opt_1000.jpg");
    }
    #bloqueInicial {
        background-image: url("/imagenes/separador6_opt_1000.jpg");
    }
    #separador1 {
        background-image: url('/imagenes/separador1_opt_1000.jpg');
    }
    #separador2 {
        background-image: url('/imagenes/separador2_opt_1000.jpg');
    }
    #separador3 {
        background-image: url('/imagenes/separador3_opt_1000.jpg');
    }
    #separador9 {
        background-image: url('/imagenes/separador9_opt_1000.jpg');
    }
    #paginaFacturacion #separador1 {
        background-image: url('/imagenes/fondo01Facturacion_opt_1000.jpg');
    }
    #paginaFacturacion #separador2 {
        background-image: url('/imagenes/fondo02Facturacion_opt_1000.jpg');
    }
    #paginaFacturacion #separador3 {
        background-image: url('/imagenes/fondo04Facturacion_opt_1000.jpg');
    }
}
@media only screen and (max-width: 605px) {
    #paginaFacturacion #bloqueInicial {
        background-image: url("/imagenes/fondo03_opt.jpg");
    }
    #bloqueInicial {
        background-image: url("/imagenes/separador6_opt.jpg");
    }
    #separador1 {
        background-image: url('/imagenes/separador1_opt.jpg');
    }
    #separador2 {
        background-image: url('/imagenes/separador2_opt.jpg');
    }
    #separador3 {
        background-image: url('/imagenes/separador3_opt.jpg');
    }
    #separador8 {
        background-image: url('/imagenes/separador8_opt.jpg');
    }
    #separador9 {
        background-image: url('/imagenes/separador9_opt.jpg');
    }
    #paginaFacturacion #separador1 {
        background-image: url('/imagenes/fondo01Facturacion_opt.jpg');
    }
    #paginaFacturacion #separador2 {
        background-image: url('/imagenes/fondo02Facturacion_opt.jpg');
    }
    #paginaFacturacion #separador3 {
        background-image: url('/imagenes/fondo04Facturacion_opt.jpg');
    }
}
@media only screen and (max-width: 600px) {
    #bloquePrecios .texto {
        min-height: 370px;
    }
    #bloquePrecios .oferta {
        border-radius: 1px;
        bottom: 130px;
        left: 0;
        transform: rotate(0deg);
        width: 100%;
    }
}
@media only screen and (max-width: 570px) {
    #bloquePrecios .texto {
        min-height: 390px;
    }
}
@media only screen and (max-width: 520px) {
    #bloquePrecios .texto {
        min-height: 410px;
    }
}
@media only screen and (max-width: 470px) {
    footer #logoFooter {
        text-align: center;
        width: 100%;
    }
    footer .zonaDerecha {
        text-align: center;
        width: 100%;
    }
}
@media only screen and (max-width: 412px) {
    #recuperarContrasenaLogin span {
        display: none;
    }
    #recuperarContrasenaLogin .versionMovil {
        display: block;
        text-align: left;
    }
}
@media only screen and (max-width: 400px) {
    .bloquePlan .zonaPrecio .zonaDerecha {
        float: right;
        width: 50px;
    }
    .bloquePlan .zonaPrecio {
        width: 100%;
    }
    .bloquePlan .zonaPrecio .zonaIzquierda {
        width: 190px;
    }
}














#mensajeRedireccion {
    background-color: #f7f5f5;
    border: 1px solid #9f9f9f;
    border-radius: 1px;
    margin: 25% auto auto;
    max-width: 400px;
    padding: 20px 30px;
    position: relative;
    top: -50px;
    width: 90%;
}
.unMedio {
    width: 50%;
    float: left;
}
.unQuinto {
    width: 20%;
    float: left;
}
/* Pagina de acceder */
#formularioPaginaAcceso {
    background-color: #f7f5f5;
    border: 1px solid #9f9f9f;
    margin: auto;
    max-width: 400px;
    padding: 30px 30px 90px;
    position: relative;
    top: 150px;
    width: 90%;
}
#formularioPaginaAcceso .fila {
    float: none;
    height: 30px;
    margin-top: 20px;
}
#formularioPaginaAcceso .fila input {
    float: left;
    width: 70%;
}
#formularioPaginaAcceso .fila .dato {
    float: left;
    margin-top: 5px;
    width: 30%;
}
#formularioPaginaAcceso .titulillo {
    font-size: 22px;
    margin: 0;
    text-align: center;
}
#formularioPaginaAcceso a,
#formularioIdentificacion2 a {
    color: #303030;
    font-size: 12px;
}
#formularioPaginaAcceso a:hover,
#formularioIdentificacion2 a:hover {
    color: #4E4E4E;
}
#formularioPaginaAcceso .unMedio {
    margin-top: 20px;
}


/* Pagina de recuperar acceso */
#formularioRecuperarAcceso {
    background-color: #f7f5f5;
    border: 1px solid #9f9f9f;
    bottom: 0;
    height: 300px;
    left: 0;
    margin: auto;
    max-width: 400px;
    padding: 30px 30px 70px;
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
}
#formularioRecuperarAcceso .fila {
    float: none;
    height: 30px;
    margin-top: 20px;
}
#formularioRecuperarAcceso .fila input {
    float: left;
    width: 70%;
}
#formularioRecuperarAcceso .fila .dato {
    float: left;
    margin-top: 5px;
    width: 30%;
}
#formularioRecuperarAcceso .titulillo {
    font-size: 22px;
    margin: 0;
    text-align: center;
}
#formularioRecuperarAcceso a {
    color: #303030;
    font-size: 12px;
}
#formularioRecuperarAcceso a:hover {
    color: #4E4E4E;
}
#formularioRecuperarAcceso .unMedio {
    margin-top: 20px;
}
.mensajeError {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
    border: 1px solid red;
    border-radius: 1px;
    color: white;
    margin: 10px 0;
    padding: 10px;
}
#formularioRecuperarAcceso .mensajeValido {
    border: 1px solid #3e89be;
    border-radius: 1px;
    color: white;
    margin: 10px 0;
    padding: 10px;
}
#mensaje {
    overflow: hidden;
    height: 0;
}
.bordeRojo {
    border: 1px solid red!important;
}




/* Pagina de nueva contraseña */
#formularioNuevaContrasena {
    background-color: #f7f5f5;
    border: 1px solid #9f9f9f;
    bottom: 0;
    height: 350px;
    left: 0;
    margin: auto;
    max-width: 400px;
    padding: 30px 30px 70px;
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
}
#formularioNuevaContrasena .fila {
    float: none;
    height: 30px;
    margin-top: 20px;
}
#formularioNuevaContrasena .fila input {
    float: left;
    width: 65%;
}
#formularioNuevaContrasena .fila .dato {
    float: left;
    margin-top: -2px;
    width: 35%;
    padding-right: 10px;
}
#formularioNuevaContrasena .titulillo {
    font-size: 22px;
    margin: 0;
    text-align: center;
}
#formularioNuevaContrasena a {
    color: #303030;
    font-size: 12px;
}
#formularioNuevaContrasena a:hover {
    color: #4E4E4E;
}
#formularioNuevaContrasena .unMedio {
    margin-top: 20px;
}
#formularioNuevaContrasena .mensajeError {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
    border: 1px solid red;
    border-radius: 1px;
    color: white;
    margin: 10px 0;
    padding: 10px;
}
#formularioNuevaContrasena .mensajeValido {
    border: 1px solid #3e89be;
    border-radius: 1px;
    color: white;
    margin: 10px 0;
    padding: 10px;
}
#formularioNuevaContrasenaError {
    background-color: #f7f5f5;
    border: 1px solid #9f9f9f;
    bottom: 0;
    height: 180px;
    left: 0;
    margin: auto;
    max-width: 400px;
    padding: 30px 30px 70px;
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
}
#formularioNuevaContrasenaError h3 {
    font-size: 20px;
    margin: 5px 0;
    text-align: center;
}
#formularioNuevaContrasenaError p {
    
}



#avisoPassword {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcf299+0,f1da36+100 */
    background: #fcf299; /* Old browsers */
    background: -moz-linear-gradient(top, #fcf299 0%, #f1da36 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fcf299 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fcf299 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf299', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
    border: 1px solid #B8A52E;
    border-radius: 1px;
    margin: 10px 0 0;
    padding: 10px;
    height: auto!important;
}







/**** Nuevo registro gestoría **************/
#segundaFase {
    float: left;
    margin-top: 80px;
    width: 100%;
}
#segundaFase .fondoBlanco {
    background-color: #f7f5f5;
    border: 1px solid #ababab;
    box-shadow: 0 0 10px -4px black;
    float: left;
    padding: 30px;
    width: 100%;
    margin-bottom: 50px;
}
#segundaFase .titulillo {
    font-size: 21px;
    margin: 0 0 30px;
    text-align: center;
}
#segundaFase .row.unMedio,
#segundaFase .unMedio {
    float: left;
    width: 50%;
}
#segundaFase .row {
    float: left;
    height: 40px;
    margin: 0 0 10px;
    width: 100%;
}
#segundaFase .dato {
    line-height: 40px;
    padding-right: 10px;
    text-align: right;
}
#segundaFase .valor {
    padding-left: 10px;
}
#segundaFase #formularioNuevaGestoria .row.dosTercios,
#segundaFase #formularioNuevaGestoria .dosTercios {
    margin: 0;
}
#segundaFase #formularioNuevaGestoria .row.unTercio,
#segundaFase #formularioNuevaGestoria .unTercio {
    margin: 0;
}
#segundaFase .row.dosTercios,
#segundaFase .dosTercios {
    float: left;
    width: 66.666%;
}
#segundaFase input,
#segundaFase textarea {
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin: 0;
    padding: 10px;
    resize: none;
    width: 100%;
}
#segundaFase #primeraZonaRegistro.row,
#segundaFase #segundaZonaRegistro.row {
    height: auto;
}
#segundaFase .row.unTercio,
#segundaFase .unTercio {
    float: left;
    width: 33.333%;
}
#segundaFase .contenidoRegistro {
    //margin-bottom: 40px;
    padding-right: 60px;
}
#segundaFase .contenidoRegistro {
    float: left;
    width: 100%;
}
#segundaFase .row.cincoSextos,
#segundaFase .cincoSextos {
    float: left;
    width: 83.333%;
}
#segundaFase .row.unSexto,
#segundaFase .unSexto {
    float: left;
    width: 16.666%;
}
#segundaFase select {
    height: 40px;
    width: 100%;
}
#segundaFase #rowCondiciones .valor {
    float: right;
    margin-top: 14px;
    padding-left: 0;
}
#segundaFase input[type="checkbox"] {
    float: left;
    width: 20px;
}
#segundaFase #rowCondiciones .dato {
    float: right;
}
#segundaFase form .boton {
    float: right;
    width: 150px;
}
#segundaFase .mensaje > div {
    background-color: #f4b7b7;
    border: 1px solid #b14343;
    border-radius: 2px;
    margin-bottom: 15px;
    padding: 10px 30px;
}
#segundaFase .mensaje {
    margin-top: -15px;
}




.unTercio {
    float: left;
    width: 32%;
    margin: 1%;
}
.dosTercios {
    float: left;
    width: 66%;
    margin: 1%;
}
.unMedio {
    float: left;
    width: 49%;
    margin: 1%;
}
.unMedio:nth-child(2n+1) {
    margin-left: 0;
}
.unMedio:nth-child(2n+2) {
    margin-right: 0;
}
.dosTercios:nth-child(2n+1) {
    margin-left: 0;
}
.dosTercios:nth-child(2n+2) {
    margin-right: 0;
}
.unTercio:nth-child(3n+1),
.unTercio:first-child {
    margin-left: 0;
}
.unTercio:last-child,
.unTercio:nth-child(3n+3) {
    margin-right: 0;
}
.row {
    float: left;
    width: 100%;
}
#bloqueServicios {
    margin-top: 30px;
}
.cita {
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0;
    text-transform: uppercase;
}
.citaSegunda {
    font-size: 16px;
    margin-bottom: 15px;
}
.bloqueServicioCCR img {
    border: 1px solid #919191;
    margin-top: 20px;
    width: 100%;
}
.bloqueServicioCCR .unMedio {
    padding: 10px;
}
.bloqueServicioCCR .resaltar {
    font-size: 18px;
}
#bloqueServicios .titulillo {
/*    text-decoration: underline;*/
    margin: 10px 0 0;
}
#bloqueServicios .texto {

}
#bloqueServicios button {
    font-size: 16px;
    padding: 3px 5px;
    margin-top: 5px;
}
#bloqueServicios li {
    //overflow: hidden;
    //text-overflow: ellipsis;
}
#bloqueQuienesSomos h1 {
    background-color: #f7f5f5;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    color: #101010;
    font-size: 24px;
    margin: 0;
    padding: 15px;
    text-align: center;
    width: 100%;
    margin: 60px 0 0;
}
#urlPlataformaCCR {
    float: left;
    font-size: 20px;
    margin-top: 68px;
    padding: 0 30px;
    text-align: center;
    width: 100%;
}
#bloqueQuienesSomos {
    
}
#bloqueQuienesSomos ul {
    margin-top: 25px;
    list-style-type: none;
}
#bloqueQuienesSomos li {
    background: rgba(0, 0, 0, 0) url("/imagenes/tick.png") no-repeat scroll 0 0 / contain ;
    color: #656565;
    font-size: 16px;
    list-style-type: none;
    margin: 15px 0;
    padding-left: 35px;
}
#bloqueQuienesSomos img {
    float: right;
}
#bloqueQuienesSomos .titulo {
    font-size: 20px;
    color: #0e0e0e;
}
#bloqueQuienesSomos p {
    color: #656565;
    font-size: 17px;
}
#bloqueQuienesSomos .row {
    background-color: #f7f5f5;
    border: 1px solid #aaaaaa;
    margin: 60px 0;
    padding: 25px;
}
#bloqueServicios p {
    //text-align: justify;
    text-align: left;
}
#bloqueServicios ul {
    text-align: left;
}
#bloqueServicios p.remarcar {
    font-weight: bold;
}
#bloqueServicios .unTercio {

}
#bloqueServicios .bloqueServicio {
    background-color: #f7f5f5;
    border: 1px solid #c9c9c9;
    padding: 10px;
    position: relative;
}
.overflowText {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
#bloqueServicios .row .bloqueServicio {
    height: 265px;
}
#bloqueServicios .precio {
    background-color: #67aedc;
    border: 2px solid #005e87;
    color: white;
    padding: 7px 15px;
    position: absolute;
    transform: rotate(15deg);
    z-index: 1;
    top: -20px;
    right: -20px;
    font-size: 16px;
    font-weight: bold;
}
#bloqueServicios .precio.izquierda {
    right: auto;
    left: -20px;
}
#bloqueServicios .precio.oferta {
    border-radius: 73px;
    height: 70px;
    width: 70px;
    transform: unset;
    line-height: 70px;
    top: -45px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    border: 1px solid #476d86;
}
#bloqueServicios .unMedio .precio.gratis {
    background-color: transparent;
    background-image: url("/imagenes/descuento.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px;
    border: medium none;
    height: 150px;
    right: -20px;
    width: 150px;
}
.bloqueServicio .unMedio {
    height: 100%;
    margin: 0;
    width: 50%;
}
.cuadradoImagen {/*
    height: 100%;
    margin: 0;
    padding: 20px 0 20px 10px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 50%;*/
}
.cuadradoImagen.floatDereha {/*
    left: auto;
    padding: 20px 20px 20px 0;
    right: 0;*/
}
.cuadradoImagen .imagenFondo {/*
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 100%;
    width: 100%;*/
    width: 80%;
    margin-left: 10%;
    height: 180px;
}
.floatDereha {
    float: right;
}
.unMedio.floatDereha {
    margin-top: 0;
}
#primeraFilaServicios {

}
#bloqueServicios #segundaFilaServicios > div.bloqueServicio {
    height: 250px;
}
#bloqueServicios #terceraFilaServicios > div.bloqueServicio {
    height: 300px;
}
#terceraFilaServicios .titulillo {
    margin-bottom: 15px;
    margin-top: 15px;
}

@media only screen and (max-width: 700px) {
    .unTercio {
        float: left;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .dosTercios {
        float: left;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .unMedio {
        float: left;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}


#restoWeb.sinBloqueInicial {
    padding-top: 50px;
}




/*
 * Página de correo de empresa
 */
.imagenFondo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 100%;
    width: 100%;
}
.bloquePresentacion {

}
.bloquePresentacion .divImagen {
    height: 250px;
}
.bloquePresentacion p {
    text-align: left;
}
.superiorPasos {
    
}
#correoEmpresa #bloqueServicios .bloqueServicio {
    padding: 10px 20px;
}
.superiorPasos p {
    margin: 0;
    padding: 10px;
}
.superiorPasos .unQuinto {
    border-left: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}
.superiorPasos .unQuinto:last-child {
    border-right: 1px solid #b3b3b3;
}
.superiorPasos .remarcarCirculo {
    background-color: #64ADDB;
    color: white;
}
.bloqueContratacion .paso {
    padding: 35px 0;
}
#tengoDominio {
    float: right;
    margin-right: 10px;
}
#sinDominio {
    float: left;
    margin-left: 10px;
}
.busquedaDominio .enPequeno {
    font-size: 12px;
    margin-top: 5px;
    text-align: right;
}
#zonaBotonesCorreo {
    border-bottom: 1px solid #a6a6a6;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.semiTitulo {
    font-size: 18px;
    margin-bottom: 20px;
}
.paso1 input[type="text"] {
    margin: 5px 0;
    padding: 6px 11px;
}
.busquedaDominio input[type="text"] {
    float: left;
    width: calc(100% - 85px);
    margin-right: 10px;
}
.busquedaDominio select {
    width: 75px;
    margin: 5px 0;
    padding: 6px 11px;
}




#bloqueServicios .bloqueServicio {
    margin-top: 0;
    margin-bottom: 20px;
}







#bloqueEstandar {
    margin: 120px auto 30px;
    width: 90%;
    max-width: 1100px;
}















#enlazarConEmpresa #cuerpo {
    min-height: 100%;
    height: auto;
}
#enlazarConEmpresa footer {
    position: absolute;
    bottom: 0;
    left: 0;
}
#formularioLoginMapeo {
    float: left;
    width: 100%;
    margin: 180px auto 150px;
}
#formularioLoginMapeo .interior {
    width: 500px;
    max-width: 90%;
    margin: auto;
}
#formularioLoginMapeo .interior2 {
    float: left;
    width: 100%;
    background-color: #f7f5f5;
    border: 1px solid #9f9f9f;
    padding-bottom: 20px;
    position: relative;
}
#formularioLoginMapeo .titulillo {
    text-align: center;
    font-size: 19px;
}
#formularioLoginMapeo #identificacion {
    float: left;
    width: 60%;
    border-right: 1px solid #b4b4b4;
    padding: 10px 15px 0;
}
#formularioLoginMapeo #identificacion form {

}
#formularioLoginMapeo #identificacion .fila {

}
#formularioLoginMapeo #identificacion .dato {
    margin-bottom: 10px;
}
#formularioLoginMapeo #identificacion input {
    margin-bottom: 15px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
}
#formularioLoginMapeo #identificacion input.boton {
    margin: 0 0 10px 0;
    width: 100px;
    float: right;
    font-size: 16px;
}
#formularioLoginMapeo #registrar {
    position: absolute;
    width: 40%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
}
#formularioLoginMapeo #registrar p {
    text-align: center;
    margin: 0 0 15px 0;
}
#formularioLoginMapeo #registrar .boton {
    width: 120px;
    text-align: center;
    float: none;
    margin: auto;
    font-size: 16px;
}

#formularioEnlazar {
    margin-top: 200px;
    margin-bottom: 150px;
}
#formularioEnlazar .interior {
    width: 500px;
    max-width: 90%;
    margin: auto;
}
#formularioEnlazar .interior2 {
    float: left;
    width: 100%;
    background-color: #f7f5f5;
    border: 1px solid #9f9f9f;
    padding: 20px;
    position: relative;
}
#formularioEnlazar .titulillo {
    text-align: center;
    margin: 0 0 20px;
}
#formularioEnlazar #logoEmpresa {
    float: left;
    width: 120px;
    height: 100px;
    border: 1px solid #bababa;
    position: relative;
}
#formularioEnlazar #logoEmpresa img {
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
#formularioEnlazar #datosEmpresa {
    float: left;
    width: calc(100% - 130px);
    margin-left: 10px;
}
#formularioEnlazar #datosEmpresa p {
    
}
#formularioEnlazar #zonaBotonesEmpresa {
    float: left;
    width: 100%;
}
#formularioEnlazar #zonaBotonesEmpresa .boton {
    width: 100px;
    text-align: center;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: auto;
}