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

div.articulo_wrapper {
    padding: 0;
}

/*banner superior*/

div#bloque_banner_cabecera_int li#lista_certificado{
	background: url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_certificado_cabecera_blanco.png) scroll no-repeat 0px 10px;
}

div#bloque_banner_cabecera_int li#lista_firma{
	background: url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_balanza_blanca.png) scroll no-repeat 0px 10px;
	
}

div.bloque_banner_cabecera_col_der div.bloque_banner_cabecera_col_int {
    padding: 0;
}

div.bloque_banner_cabecera_col_der div.bloque_banner_cabecera_col_int img.imagen_cabecera {
    max-width: 780px;
    width: 100%;
}

/*como se firma*/

div#contenido_explicacion_comosefirma div.contenido_explicacion_wrapper{
	background: none repeat scroll 0 0 #f5f7f9;
}

/*certificados*/

div.cont_bloques_ptd {
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

div#contenido_explicacion_escritorio_wrapper ul.lista_certificado {
    list-style: none outside none ;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

div#contenido_explicacion_escritorio_wrapper ul.lista_certificado li {
    background: #f7f7f7 none repeat scroll 0 0;
    color: #777777;
    float: left;
	font-weight:100;
	font-size: 1.6em;
	line-height:1.4em;
    margin: 0 1% 10px;
    min-height: 119px;
    padding: 15px 0;
    text-align: left;
    width: 48%;
}


div#contenido_explicacion_escritorio_wrapper ul.lista_certificado li.lista_usuarios_spain {
    background: #f0f0f0 url("/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_certificado.png") no-repeat scroll 15px 50%;
}


div#contenido_explicacion_escritorio_wrapper ul.lista_certificado li.lista_usuarios_paises {
    background: #f0f0f0 url("/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_dni.png") no-repeat scroll 15px 50%;
}

div#contenido_explicacion_escritorio_wrapper ul.lista_certificado li span {
    color: #000;
	font-weight:100;
	font-size: 1.4em;
	line-height:1.4em;
	margin: 0 15px 0 105px;
	display:block;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
	letter-spacing: -0.02em;
}

div#contenido_explicacion_escritorio_wrapper ul.lista_certificado li p {
    margin: 0 15px 0 105px;
    padding: 10px 0;
	min-height: 45px;
}

/*funcionalidaes*/

div#contenido_explicacion_funcionalidades div.zona_col_int {
    min-height: 580px;
}

div#funcionalidad_1{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_funcionalidades/ico_1.png) scroll no-repeat 0px 0px transparent;
	 min-height: 66px;
}

div#funcionalidad_2{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_funcionalidades/ico_2.png) scroll no-repeat 0px 0px transparent;
}

div#funcionalidad_3{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_funcionalidades/ico_3.png) scroll no-repeat 0px 0px transparent;

}

div#funcionalidad_4{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_funcionalidades/ico_4.png) scroll no-repeat 0px 0px transparent;
	min-height: 110px;
}
div#funcionalidad_5{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_funcionalidades/ico_5.png) scroll no-repeat 0px 0px transparent;
	min-height: 80px;
}

div#funcionalidad_6{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_funcionalidades/ico_6.png) scroll no-repeat 0px 0px transparent;
	min-height: 66px;
}

div#funcionalidad_7{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_funcionalidades/ico_7.png) scroll no-repeat 0px 0px transparent;
}

div#funcionalidad_8{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_funcionalidades/ico_8.png) scroll no-repeat 0px 0px transparent;
 	min-height: 110px;
}

div#funcionalidad_9{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_funcionalidades/ico_9.png) scroll no-repeat 0px 0px transparent;
}

div#funcionalidad_10{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_funcionalidades/ico_10.png) scroll no-repeat 0px 0px transparent;
	min-height: 80px;
}

div#funcionalidad_11{
	background:url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_funcionalidades/ico_11.png) scroll no-repeat 0px 0px transparent;
	min-height: 80px;
}

/*seguridad jurídica*/


div#contenedor_seguridad_juridica {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	margin-bottom:0 ;
}

div#contenedor_seguridad_juridica_wrapper {
	background:#f7f7f7;
	padding: 50px 0;
	text-align: center;
	margin: 0;
}

div#contenedor_seguridad_juridica_int {
	margin: 0 2%;
}

h2.titulo_seguridad_juridica {
    font-weight: 100;
    font-size: 4em;
    line-height: 1.1em;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    max-width: 900px;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
	letter-spacing: -0.05em;
}

h2.titulo_seguridad_juridica strong {
    font-weight: bold;
}

h3.slogan_seguridad_juridica {
    color: #666;
    font-weight: 100;
    font-size: 2.2em;
    line-height: 1.2em;
    margin: 0 auto;
    max-width: 900px;
    padding: 30px 0;
    text-align: center;
}

img.img_seguridad_juridica {
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
}

p.txt_seguridad_juridica {
    color: #666;
    font-size: 2.2em;
    font-weight: 100;
    line-height: 1.2em;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
	max-width: 900px;
}

div#contenedor_seguridad_juridica div.zona_izquierda div.zona_col_int, div#contenedor_seguridad_juridica div.zona_derecha div.zona_col_int{
    background: #fff none repeat scroll 0 0;
	min-height: 335px;
}

p.parrafo_seguridad_juridica {
    border-bottom: medium none;
    color: #000;
    margin: 0;
    padding: 30px 10px 0 35px;
    text-align: left;
	font-weight:100;
	font-size:2.9em;
	line-height:1.2em;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
	letter-spacing: -0.05em;
}

ul.slogan_utiliza {
    list-style: none outside none ;
    margin: 0 35px;
    padding: 15px 0;
    text-align: left;
}

ul.slogan_utiliza li {
    background: transparent url("/lang/img_xolidosign/vinetas/ico_verificar.png") no-repeat scroll 0 8px;
    color: #555;
    font-weight:100;
	font-size:1.7em;
	line-height:1.2em;
    margin: 0;
    padding: 7px 0 7px 20px;
}

p.parrafo_seccion_explicacion {
    color: #666;
    font-size: 2.9em;
    font-weight: 100;
    line-height: 1.2em;
    margin: 0  auto;
    padding: 40px 0 0;
    text-align: center;
}

/*otros sistemas*/

div#contenido_explicacion_otrossistemas li#lista_otros_sistemas1{
	background: url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_otrossistemas/ico_otrossistemas1.png) scroll no-repeat 50% 20px;
}

div#contenido_explicacion_otrossistemas li#lista_otros_sistemas2{
	background: url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_otrossistemas/ico_otrossistemas2.png) scroll no-repeat 50% 20px;
}

div#contenido_explicacion_otrossistemas li#lista_otros_sistemas3{
	background: url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_otrossistemas/ico_otrossistemas3.png) scroll no-repeat 50% 20px;
}

div#contenido_explicacion_otrossistemas li#lista_otros_sistemas4{
	background: url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_otrossistemas/ico_otrossistemas4.png) scroll no-repeat 50% 20px;
	min-height: 200px;
}

div#contenido_explicacion_otrossistemas li#lista_otros_sistemas5{
	background: url(/lang/img_xolidosign/img_xolidosignescritorio/firmar/ico_otrossistemas/ico_otrossistemas5.png) scroll no-repeat 50% 20px;
	min-height: 200px;
}

 /* Estilos móviles */

@media all and (max-width: 900px) {
	div#contenido_explicacion_quees img{
		width:100%!important;
		height:auto!important;
		max-width:600px;
	}
	
		/* funcionalidades*/

	div#contenido_explicacion_funcionalidades div.zona_izquierda, div#contenido_explicacion_funcionalidades div.zona_derecha, div.contenido_explicacion_funcionalidades div.zona_izquierda, div.contenido_explicacion_funcionalidades div.zona_derecha {
		width: auto;
		margin:0 2%;
	}
	
	div.funcionalidad{
		min-height: auto!important;
		background-position: 0 2px!important;
	}
	
	p.info_caracteristica {
		padding: 12px 0 12px 50px;
	}
	
	div.zona_izquierda, div.zona_derecha {
		padding: 0;
	}
	
	p.btn_masinfo {
		margin: 10px auto;
		width: auto;
	}
	div#contenido_explicacion_comosefirma img, div#contenedor_seguridad_juridica_wrapper img{
		width:100%!important;
		height:auto!important;
		max-width:600px;
	}
	
	div.seccion_xolidosign-escritorio_firmar div#contenido_explicacion_escritorio_wrapper ul.lista_certificado li{
		float: inherit;
    	width: auto;
	}
	
	h2.titulo_seguridad_juridica {
		font-size: 3.5em;
		line-height: 1.1em;
	}
	
	h3.slogan_seguridad_juridica {
		font-size: 2em;
		line-height: 1.4em;
	}
	
	p.parrafo_seccion_explicacion {
		font-size: 2em;
		line-height: 1.4em;
		margin: 0 2%;
		padding: 10px 0 0;
	}
	
	div#contenedor_seguridad_juridica div.zona_izquierda div.zona_col_int, div#contenedor_seguridad_juridica div.zona_derecha div.zona_col_int {
		min-height: inherit;
	}
	
}