/********************************* Página firmar pdf **************************************/

/*banner superior*/

.articulo_140 div#bloque_banner_cabecera_int, .articulo_descripcion_wrapper_444 div#bloque_banner_cabecera_int{
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}

.articulo_140 div.bloque_banner_cabecera_col_izq, .articulo_140 div.bloque_banner_cabecera_col_der, .articulo_descripcion_wrapper_444 div.bloque_banner_cabecera_col_izq, .articulo_descripcion_wrapper_444 div.bloque_banner_cabecera_col_der{
    float: left;
    width: 48%;
    margin: 0 1%;
}

.articulo_140 div.bloque_banner_cabecera_col_izq div.bloque_banner_cabecera_col_int, .articulo_descripcion_wrapper_444 div.bloque_banner_cabecera_col_izq div.bloque_banner_cabecera_col_int {
    background: #1573d1 none repeat scroll 0 0;
    margin: 0 0 0 7%;
    padding: 5%;
}

.articulo_descripcion_wrapper_444 div.bloque_banner_cabecera_col_izq div.bloque_banner_cabecera_col_int {
	 margin: 7% 0 0 7%;
}

.articulo_140 div.bloque_banner_cabecera_col_der div.bloque_banner_cabecera_col_int{
    padding:8% 0 0 0;
    text-align: center;
}
.articulo_descripcion_wrapper_444 div.bloque_banner_cabecera_col_der div.bloque_banner_cabecera_col_int{
    padding:2% 0;
    text-align: center;
	overflow:hidden;
	margin:0 auto;
}

.articulo_140 img.imagen_cabecera, .articulo_descripcion_wrapper_444 img.imagen_cabecera  {
    padding: 0;
    text-align: center;
    max-width: 100%;
    margin: 31px auto 0;
    float: none;
	max-width: 565px;
}

.articulo_140 h2.titulo_banner, .articulo_descripcion_wrapper_444 h2.titulo_banner {
    color: #fff;
    font-size: 4em;
    font-weight: 100;
    line-height: 1.1em;
    margin: 0 2%;
    padding: 0 0 20px;
    text-align: left;
    font-family: 'Montserrat',Arial,Helvetica,sans-serif;
    letter-spacing: -0.05em;
}

.articulo_140 h3.slogan_banner, .articulo_descripcion_wrapper.articulo_descripcion_wrapper_444 h3.slogan_banner {
	color: #fff;
	font-weight: 100;
	font-size: 2.2em;
	line-height: 1.2em;
	margin: 0 2%;
	padding: 0 0 20px;
	text-align: left;
}

.articulo_140 p.txt_banner, .articulo_descripcion_wrapper_444 p.txt_banner {
    font-weight:100;
    font-size: 2em;
    line-height:1.3em;
    color: #fff;
    margin: 0 2%;
    padding: 38px 0 0;
    text-align:left;
}

/*explicación*/

.articulo_140 div.contenido_explicacion, .articulo_descripcion_wrapper_444 div.contenido_explicacion{
    margin:0 auto ;
    overflow: hidden;
    padding: 0;
	width:auto;
}

.articulo_140 div.contenido_explicacion_wrapper,.articulo_descripcion_wrapper_444 div.contenido_explicacion_wrapper  {
    margin:0 2%;
    padding: 50px 0;
    text-align:center;
}

.articulo_140 div.contenido_explicacion_int, .articulo_descripcion_wrapper_444 div.contenido_explicacion_int {
    margin:0 2%;
}

.articulo_descripcion_wrapper_444 p.parrafo_seccion_explicacion {
    color: #666;
    font-size: 1.8em;
    font-weight: 100;
    line-height: 25px;
    margin: 0 auto;
    max-width: 980px;
    padding: 40px 0 0;
	text-align: center;
}

.articulo_140 div#contenido_explicacion_ejemplosuso div.contenido_explicacion_int, .articulo_descripcion_wrapper_444 div#contenido_explicacion_ejemplosuso div.contenido_explicacion_int {
	margin:0;
}

.articulo_140 div#contenido_explicacion_ejemplosuso div.zona_col_int, .articulo_descripcion_wrapper_444 div#contenido_explicacion_ejemplosuso div.zona_col_int {
    background: none ;
    min-height: inherit;
    padding:  0;
}

.articulo_140 h4.titulo_seccion_explicacion, .articulo_descripcion_wrapper_444 h4.titulo_seccion_explicacion {
    color: #000;
    font-size: 4em;
    font-weight: 100;
    line-height: 47px;
    margin: 0 auto;
    padding: 0 0 30px;
    text-align: center;
    font-family: 'Montserrat',Arial,Helvetica,sans-serif;
    letter-spacing: -0.05em;
}

.articulo_140 h5.slogan_seccion_explicacion, .articulo_descripcion_wrapper_444 h5.slogan_seccion_explicacion {
    font-size: 2.2em;
}

.articulo_140 div.una_columna, .articulo_descripcion_wrapper_444 div.una_columna{
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    overflow:hidden;
}

.articulo_140 div.zona_izquierda, .articulo_140 div.zona_derecha, .articulo_descripcion_wrapper_444 div.zona_izquierda, .articulo_descripcion_wrapper_444 div.zona_derecha{
    float: left;
    text-align: center;
    width: 48%;
    margin: 0 1%;
}

.articulo_140 div.zona_col_int, .articulo_descripcion_wrapper_444 div.zona_col_int{
    background: #f7f7f7;
    min-height: 492px;
    padding: 5%;
}

.articulo_140 div.zona_izquierda div.zona_col_int, .articulo_descripcion_wrapper_444 div.zona_izquierda div.zona_col_int{
    margin: 0 1% 0 0;
}

.articulo_140 div.zona_derecha div.zona_col_int, .articulo_descripcion_wrapper_444 div.zona_derecha div.zona_col_int{
    margin: 0 0 0 1%;
}

.articulo_140 div.una_columna ul, .articulo_descripcion_wrapper_444 div.una_columna ul {
    list-style: none outside none ;
    padding: 15px 0;
    text-align: left;
    margin: 0 30px 0 220px;
}

.articulo_140 div.una_columna ul li, .articulo_descripcion_wrapper_444 div.una_columna ul li {
    background: transparent url("/lang/img_xolidosign/vinetas/ico_verificar.png") no-repeat scroll 0 8px;
    color: #555;
	font-size:1.7em;
	line-height:1em;
    margin: 0;
    padding: 7px 0 7px 20px;
    list-style: none;
}

.articulo_140 div#contenedor_usuarios, .articulo_descripcion_wrapper_444 div#contenedor_usuarios {
    background: #f0f0f0 url("/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/ico_usuarios.png") no-repeat scroll 50px 60%;
}

.articulo_140 div#contenedor_organizacion, .articulo_descripcion_wrapper_444 div#contenedor_organizacion {
    background: #f0f0f0 url("/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/ico_organizacion.png") no-repeat scroll 50px 60%;
}

.articulo_140 div#contenedor_organizacion p, .articulo_140 div#contenedor_usuarios p, .articulo_descripcion_wrapper_444 div#contenedor_organizacion p, .articulo_descripcion_wrapper_444 div#contenedor_usuarios p {
    color: #000;
	font-size:2.8em;
	line-height:1em;
    margin: 0 15px;
    padding: 20px 0 10px;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
	letter-spacing: -0.05em;
}

.articulo_140 p.titulo_ejemplosdeuso, .articulo_descripcion_wrapper_444 p.titulo_ejemplosdeuso{
	color: #777;
	font-size:2.5em;
	line-height:1.4em;
	font-weight:bold;
    margin: 0 35px;
    padding: 0 0 20px 0;
    text-align: center;
}

/*funcionalidades*/

.articulo_140 div.articulo_descripcion_wrapper p.info_caracteristica, .articulo_descripcion_wrapper_444.articulo_descripcion_wrapper p.info_caracteristica {
    color: #777777;
    font-weight:100;
    font-size: 1.6em;
    line-height:1.4em;
    margin: 0;
    padding: 10px 0 20px 55px;
    text-align: left;
}

.articulo_140 div.articulo_descripcion_wrapper p.info_caracteristica span, .articulo_descripcion_wrapper_444.articulo_descripcion_wrapper p.info_caracteristica span {
    color: #000;
    font-weight: bold;
}

.articulo_140 div.articulo_descripcion_wrapper p.info_caracteristica span.reg, .articulo_descripcion_wrapper_444.articulo_descripcion_wrapper p.info_caracteristica span.reg{
    color: #777;
    font-weight: 100;
}

/*funcionalidaes firmar*/

.articulo_140 div#contenido_explicacion_funcionalidades_firmar div.zona_col_int, .articulo_descripcion_wrapper_444 div#contenido_explicacion_funcionalidades_firmar div.zona_col_int {
    min-height: 763px;
}

.articulo_140 div#contenido_explicacion_funcionalidades_firmar div.contenido_explicacion_int, .articulo_descripcion_wrapper_444 div#contenido_explicacion_funcionalidades_firmar div.contenido_explicacion_int {
    margin: 0;
}

.articulo_140 div#funcionalidad_1, .articulo_descripcion_wrapper_444 div#funcionalidad_1{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/funcionalidades_firmar/ico_1.png) scroll no-repeat 0px 5px transparent;
	 min-height: 66px;
}

.articulo_140 div#funcionalidad_2, .articulo_descripcion_wrapper_444 div#funcionalidad_2{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/funcionalidades_firmar/ico_2.png) scroll no-repeat 0px 5px transparent;
}

.articulo_140 div#funcionalidad_3, .articulo_descripcion_wrapper_444 div#funcionalidad_3{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/funcionalidades_firmar/ico_3.png) scroll no-repeat 0px 5px transparent;
}

.articulo_140 div#funcionalidad_4, .articulo_descripcion_wrapper_444 div#funcionalidad_4{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/funcionalidades_firmar/ico_4.png) scroll no-repeat 0px 5px transparent;
	min-height: 110px;
}

.articulo_140 div#funcionalidad_5, .articulo_descripcion_wrapper_444 div#funcionalidad_5{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/funcionalidades_firmar/ico_5.png) scroll no-repeat 0px 5px transparent;
	min-height: 80px;
}

.articulo_140 div#funcionalidad_6, .articulo_descripcion_wrapper_444 div#funcionalidad_6{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/funcionalidades_firmar/ico_6.png) scroll no-repeat 0px 5px transparent;
	min-height: 66px;
}

.articulo_140 div#funcionalidad_7, .articulo_descripcion_wrapper_444 div#funcionalidad_7{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/funcionalidades_firmar/ico_7.png) scroll no-repeat 0px 5px transparent;
}

.articulo_140 div#funcionalidad_8, .articulo_descripcion_wrapper_444 div#funcionalidad_8{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/funcionalidades_firmar/ico_8.png) scroll no-repeat 0px 5px transparent;
}

/*funcionalidaes verificar*/

.articulo_140 div#contenido_explicacion_funcionalidades_verificar div.zona_col_int, .articulo_descripcion_wrapper_444 div#contenido_explicacion_funcionalidades_verificar div.zona_col_int  {
    min-height: 220px;
}
.articulo_140 div#contenido_explicacion_funcionalidades_verificar div.contenido_explicacion_int, .articulo_descripcion_wrapper_444 div#contenido_explicacion_funcionalidades_verificar div.contenido_explicacion_int {
    margin: 0;
}

.articulo_140 div#contenido_explicacion_funcionalidades_verificar div#funcionalidad_11, .articulo_descripcion_wrapper_444 div#contenido_explicacion_funcionalidades_verificar div#funcionalidad_11{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/funcionalidades_verificar/ico_1.png) scroll no-repeat 0px 5px transparent;
	 min-height: 66px;
}

.articulo_140 div#contenido_explicacion_funcionalidades_verificar div#funcionalidad_12, .articulo_descripcion_wrapper_444 div#contenido_explicacion_funcionalidades_verificar div#funcionalidad_12{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/funcionalidades_verificar/ico_2.png) scroll no-repeat 0px 5px transparent;
}


 /* Estilos móviles */
 
@media screen and (min-width:1680px) {
	 .articulo_140 div#contenido_explicacion_funcionalidades_firmar div.zona_col_int, .articulo_descripcion_wrapper_444 div#contenido_explicacion_funcionalidades_firmar div.zona_col_int  {
		min-height: 640px;
	}

}

@media all and (max-width: 1152px) {

	.articulo_140 div#contenido_explicacion_funcionalidades_firmar div.zona_col_int, .articulo_descripcion_wrapper_444 div#contenido_explicacion_funcionalidades_firmar div.zona_col_int {
   		min-height: 805px;
	}
}

@media all and (max-width: 900px) {

    /*banner cabecera*/

    .articulo_140 div#bloque_banner_cabecera, .articulo_descripcion_wrapper_444 div#bloque_banner_cabecera {
        height: auto;
        margin: 0;
        position: relative;
    }

    .articulo_140 div#bloque_banner_cabecera_int, .articulo_descripcion_wrapper_444 div#bloque_banner_cabecera_int {
        padding-top: 0;
    }

    .articulo_140 div.region_cuerpo_int, .articulo_descripcion_wrapper_444 div.region_cuerpo_int {
        width: auto;
    }

    .articulo_140 div#bloque_banner_cabecera_wrapper,  .articulo_descripcion_wrapper_444 div#bloque_banner_cabecera_wrapper {
        margin: 0;
    }

    .articulo_140 div.bloque_banner_cabecera_col_izq, .articulo_140 div.bloque_banner_cabecera_col_der, .articulo_descripcion_wrapper_444 div.bloque_banner_cabecera_col_izq, .articulo_descripcion_wrapper_444 div.bloque_banner_cabecera_col_der {
        float: inherit;
        width: auto;
        margin: 0;
    }

    .articulo_140 div.bloque_banner_cabecera_col_izq div.bloque_banner_cabecera_col_int, .articulo_140 div.bloque_banner_cabecera_col_der div.bloque_banner_cabecera_col_int, .articulo_descripcion_wrapper_444 div.bloque_banner_cabecera_col_izq div.bloque_banner_cabecera_col_int, .articulo_descripcion_wrapper_444 div.bloque_banner_cabecera_col_der div.bloque_banner_cabecera_col_int {
        margin: 2%;
    }

    .articulo_140 h1.titulo_producto, .articulo_descripcion_wrapper_444 h1.titulo_producto {
        font-size: 4em;
        margin: 0;
        max-width: inherit;
        padding: 4% 0 2%;
        text-align: center;
    }

    .articulo_140 h2.titulo_banner, .articulo_descripcion_wrapper_444 h2.titulo_banner {
        margin: 0;
        text-align: center;
        padding: 0 0 20px;
        font-size: 3.2em;
        line-height: 1.2em;
    }

    .articulo_140 h3.slogan_banner, .articulo_descripcion_wrapper_444 h3.slogan_banner {
        margin: 0;
        padding: 0 0 30px;
        text-align: center;
    }

    .articulo_140 h4.subtitulo_banner, .articulo_descripcion_wrapper_444 h4.subtitulo_banner {
        margin: 0 20px;
        text-align: center;
        padding: 0 0 10px;
    }

    .articulo_140 h4.titulo_seccion_explicacion, .articulo_descripcion_wrapper_444 h4.titulo_seccion_explicacion {
        font-size: 3.5em;
        line-height: 1.1em;
    }

    .articulo_140 p.txt_banner, .articulo_descripcion_wrapper_444 p.txt_banner {
        margin: 0 20px 20px;
        padding: 10px 0 0;
        text-align: left;
    }

    .articulo_140 img.imagen_cabecera, .articulo_descripcion_wrapper_444 img.imagen_cabecera {
        width:100%!important;
        height:auto!important;
        max-width:600px;
    }

    .articulo_140 img.imagen_cabecera, .articulo_descripcion_wrapper_444 img.imagen_cabecera {
		margin: 0 auto;
	}

    .articulo_140 div#contenido_explicacion_funcionalidades_firmar div.contenido_explicacion_int, div#contenido_explicacion_funcionalidades_verificar div.contenido_explicacion_int, div#contenido_explicacion_ejemplosuso div.contenido_explicacion_int, .articulo_descripcion_wrapper_444 div#contenido_explicacion_funcionalidades_firmar div.contenido_explicacion_int  {
		margin: 0 2%;
	}

    /*explicación*/

    .articulo_140 div.contenido_explicacion, .articulo_descripcion_wrapper_444 div.contenido_explicacion {
        padding: 0 ;
    }

    .articulo_140 div.contenido_explicacion_wrapper, .articulo_descripcion_wrapper_444 div.contenido_explicacion_wrapper {
        padding: 20px 0;
    }


    .articulo_140 h5.slogan_seccion_explicacion,  .articulo_descripcion_wrapper_444 h5.slogan_seccion_explicacion {
        margin: 0 10px;
        font-size:2em;
    }

    .articulo_140 div.una_columna_arriba, .articulo_descripcion_wrapper_444 div.una_columna_arriba  {
        padding: 15px 0;
        width: auto;
        margin: 0 2%;
    }

    /*2 columnas*/

    .articulo_140 div.zona_izquierda_arriba, .articulo_140 div.zona_izquierda, .articulo_descripcion_wrapper_444 div.zona_izquierda_arriba, .articulo_descripcion_wrapper_444 div.zona_izquierda {
        float: inherit;
        width: 100%;
        min-height: inherit;
        margin:0;
    }

    .articulo_140 div.zona_col_int, .articulo_descripcion_wrapper_444 div.zona_col_int {
        min-height: inherit;
    }

    .articulo_140 div.zona_derecha_abajo, .articulo_140 div.zona_derecha, .articulo_descripcion_wrapper_444 div.zona_derecha_abajo, .articulo_descripcion_wrapper_444 div.zona_derecha {
        padding:20px 0 0 0;
        margin:0;
        width: 100%;
        min-height: inherit;
    }

    .articulo_140 div.zona_izquierda div.zona_col_int, .articulo_140 div.zona_derecha div.zona_col_int, .articulo_descripcion_wrapper_444 div.zona_izquierda div.zona_col_int, .articulo_descripcion_wrapper_444 div.zona_derecha div.zona_col_int{
        margin: 0;
    }

    .articulo_140 div.zona_izquierda_arriba img, .articulo_descripcion_wrapper_444 div.zona_izquierda_arriba img{
        width:100%!important;
        height:auto!important;
        max-width:600px;
    }

    .articulo_140 p.boton_banner, .articulo_descripcion_wrapper_444 p.boton_banner {
        margin: 0 auto;
        padding:0;
        width: auto;
    }

    .articulo_140 img.img_centrada, .articulo_descripcion_wrapper_444 img.img_centrada {
        width:90%!important;
        height:auto!important;
        padding: 20px 0;
        max-width:600px;

    }

    .articulo_140 div.zona_derecha, .articulo_descripcion_wrapper_444 div.zona_derecha {
        margin:10px 0 0 0;
        padding: 20px 0 ;
    }


    /*ejemplos de uso*/

    .articulo_140 div#contenedor_usuarios, .articulo_descripcion_wrapper_444 div#contenedor_usuarios {
		background: #f0f0f0 url("/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/ico_usuarios.png") no-repeat scroll 50% 28%;
	}

    .articulo_140 div#contenedor_organizacion, .articulo_descripcion_wrapper_444 div#contenedor_organizacion {
		background: #f0f0f0 url("/lang/img_xolidosign/img_xolidosignescritorio/firmarpdf/ico_organizacion.png") no-repeat scroll 50% 28%;
	}

    .articulo_140 div.una_columna ul, .articulo_descripcion_wrapper_444 div.una_columna ul {
		margin: 0 30px;
		padding: 112px 0 15px 0;
	}

    .articulo_140 div#contenido_explicacion_quesoportan img, .articulo_descripcion_wrapper_444 div#contenido_explicacion_quesoportan img{
		width:100%!important;
		height:auto!important;
		max-width:600px;
	}

    .articulo_140 div#contenido_explicacion_funcionalidades_verificar div.zona_col_int, .articulo_descripcion_wrapper_444 div#contenido_explicacion_funcionalidades_verificar div.zona_col_int {
		min-height: inherit;
	}
	
}