/* Solucion Factible Consultores, 2018 */
/* recepcion-validacion.css */
@import "../../pruebaValidadorCFDI.css";
@import "general.css";

/* Menu */
#anc0 button,
#anc1 button,
#anc2 button,
#anc3 button,
#anc4 button,
#anc5 button {
    width: 90px!important;
}
#menu {
    background-color: #C1D333;
}
#menu #m1 a, #menu #m2 span, #menu #m3 a, #menu #m4 a, #menu #m5 a {
    color: #ffffff;
}

#menu #m2 .ddn-content a, #menu #m3 .ddp-content a{
    color: #516570;
}

#menu #m1:hover, #menu #m2:hover, #menu #m3:hover, #menu #m4:hover, #menu #m5:hover {
    border-bottom: 3px solid #0D71B1;
    background: url(../../../img/miscelanea/fondoMenuAzul.png);
    background-repeat: no-repeat;
    background-position-y: 18px;
    background-position-x: center;
}

#mainTitle {
    background: #B1C800 url(../../../img/miscelanea/textura-iconos.png) scroll repeat;
}

#mainTitle.title-box-shadow {
   box-shadow: 0px 20px 20px -14px #879900 inset;
}

#mainTitle #contentImageTitle{
    max-height: 100px;
    position: absolute;
    right: 0;
    top: 15px;
}

#mainTitle #contentImageTitle #imageTitle{
    background: transparent url(../../../img/productos/recepcionValidacion/recepcion.png) scroll no-repeat;
    background-position: -1115px -6px;
    width: 80px;
    height: 80px;
    float: right;
    margin-top: 25px;
    margin-right: -10px;
}

#mainTitle #franjaBlanca{
    width: 45px;
    height: 65px;
    border-bottom: 7px solid white;
    margin-right: 0px;
    float: right;
}

#mainTitle #txt {
    border-bottom: 2px solid #ffffff;
    bottom: 8px;
}


/* Services */
#services {
    background-color: #ffffff;

}

#services #servicesContent {
    padding-top: 20px;
    padding-left: 0!important;
    padding-right: 0!important;
    display: inherit; 
    margin: 0 auto;
    max-width: 565px;
}

#services .contentLink {
    padding: 0 11px;
}

#services .contentLink a{
    text-decoration: none;
    color: #36597d;
}

#services .contentLink a .imageLink{
    width: 80px;
    height: 70px;
    margin: 0 auto;
    background: transparent url(../../../img/productos/recepcionValidacion/recepcion.png) scroll no-repeat;
}

#services .contentLink a #linkDescripcion{
    background-position: 0px 0px;
}

#services .contentLink a #linkContabilidadElectronica{
    background-position: -74px 0px;
}


/* Title */
#title {
    background-color: #B1C800;
    position: relative; 
}

#title #txt {
    border-bottom: 2px solid #ffffff;
    bottom: 8px;
    color: #ffffff;
    height: 145px;
    position: absolute;
}

#title #txt span {
}

.preview {
    min-height: 480px;

}

.preview .oneBig, 
.preview .twoBig {

}

.preview .oneBig {
    background-color: #b1c800;
}

.preview .twoBig {
    background-color: #c9d94d;
}

.preview .oneBig .container .wrapper .title, 
.preview .twoBig .container .wrapper .title{		
    color: #ffffff;
    width: 100%;
}

.preview .oneBig .container .wrapper .imageContent,
.preview .twoBig .container .wrapper .imageContent {
    margin: 0 auto;
    max-width: 512px;
    position: relative;
    padding-bottom: 20px;
}

.preview .oneBig .container .wrapper .image, 
.preview .twoBig .container .wrapper .image {
    background: transparent url(../../../img/productos/recepcionValidacion/recepcion.png) scroll no-repeat;
    width: 140px;
    height: 140px;
    margin: 0 auto;
}

.preview .oneBig .container .wrapper #imageDescripcion {
    background-position: -6px -156px;
}

.preview .twoBig .container .wrapper #imageRecepcionValidacion {
    background-position: -156px -156px;
}

.preview .oneBig .container .wrapper .text,
.preview .twoBig .container .wrapper .text {
    color: #ffffff;
    padding-top: 15px;
    padding-bottom: 75px;
}

.preview .oneBig .container .wrapper .text,
.preview .twoBig .container .wrapper .text {
    padding-bottom: 35px;
}

.preview .oneBig .container .wrapper .btnContent,
.preview .twoBig .container .wrapper .btnContent {
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
}

button {
    border: none;
    border-radius: 7px;
    color: #ffffff;
    height: 40px;
    cursor: pointer;
}

button.odd {
    left: 134px;
}

button.red {
    background-color: #d94149;
}

button.orange {
    background-color: #e85d41;
}

button.blue {
    background-color: #d94149;
}
@media (max-width: 640px) {   /* Tamaño s*/
    .preview .oneBig .container .wrapper .btnContent,
    .preview .twoBig .container .wrapper .btnContent {
        float: none;
        position: relative;
        padding-top: 10px;
    }

}