.region_pagina_top_inf {
    width: 100%;
    position: absolute;
    top: 49px;
    z-index: 99;
}

/*banner superior*/

div#bloque_banner_cabecera {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100;Grey+Flat */
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	margin:0;
    position: relative;
    height:550px;
}

div#bloque_banner_cabecera_wrapper {
    margin: 0 auto;
    padding: 0;
}

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


h1.titulo_producto {
    color: #000;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 4.2em;
    font-weight: 100;
    letter-spacing: -0.05em;
    line-height: 1.2em;
    margin: 0 0 0 7%;
    max-width: 600px;
    padding: 9% 0 2%;
    text-align: left;
}

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

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%;
}

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

img.imagen_cabecera {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    max-width: 100%;
}

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;
}

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  ;
}

p.txt_banner {
	font-weight:100;
	font-size: 2em;
	line-height:1.3em;
    color: #777;
    margin: 0 2%;
    padding: 38px 0 0;
    text-align: center;
}

p.txt_banner u{
	font-weight:bold;
}

p.boton_banner {
    color: #fff;
	font-size: 1.8em;
    font-weight: 600;
    line-height: 1.4em;
    margin: 0 auto;
    padding: 0 0 0 38px;
    text-align: center;
    width: 354px;
}

p.boton_banner a {
    background: #cc0f16 url("/lang/img_xolidosign/img_xolidosignescritorio/descargas/ico_descargar.png") no-repeat scroll 95% 50%;
    border-radius: 6px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    color: #fff;
    display: block;
    font-size: 1.4em;
    font-weight: 100;
    line-height: 1.3em;
    padding: 15px 56px 15px 15px;
}

p.boton_banner a:hover {
	background-color:#666;
}

img.gratis_seccion_explicacion {
	margin:0px auto;
	text-align:center;
}

div#bloque_banner_cabecera_int ul {
    list-style: none outside none ;
    margin: 0 2%;
    padding: 0;
	text-align:left;
}

div#bloque_banner_cabecera_int li {
    color: #fff;
	font-size: 1.9em;
    font-weight: 100;
    line-height: 1.2em;
    margin: 0;
    padding: 10px 0 5px 43px;
    text-transform: lowercase;
}

div#bloque_banner_cabecera_int li i{
	font-weight:bold;
}


/*contenido explicación*/

div.contenido_explicacion{
	margin:0 auto ;	
    overflow: hidden;
    padding: 0;
}

div.contenido_explicacion_wrapper {
    margin:0;
    padding: 50px 0;
	text-align:center;
}

div.contenido_explicacion_int {
	margin:0 2%;
}

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;
}

h5.slogan_seccion_explicacion {
	color: #666;
	font-weight: 100;
	font-size: 2.9em;
	line-height: 1.4em;
	margin: 0 auto;
	padding: 0 0 30px;
	text-align: center;
	max-width: 900px;
}

h6.txt_seccion_explicacion {
    color: #000;
    font-size: 2.8em;
    font-weight: 100;
    line-height: 1.2em;
    margin: 0 2%;
    padding: 0 0 10px;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
	letter-spacing: -0.05em;
}

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;
}

div.una_columna_arriba {
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0 0 0;
}

div.zona_izquierda_arriba,div.zona_derecha_abajo{
    float: left;
    margin: 0  auto;
    min-height: 410px;
    padding: 0;
    text-align:left;
    width: 44.8%;
}

div.zona_izquierda_arriba{
	margin: 0 auto;
    text-align: center;
}

div#contenido_explicacion_escritorio_wrapper ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
}

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

div#contenido_explicacion_escritorio_wrapper ul li strong {
	font-weight:bold;
	color:#000;
}

img.img_centrada {
    margin: 15px auto;
    padding: 40px 0 20px 0;
    text-align: center;
	margin:0 2%;
}

.cont_bloques_ptd {
    margin: 0 auto;
    overflow: hidden;
}

div.separador980 {
    background: url("/lang/img_xolidosign/fondos/img_separador.png") no-repeat scroll 50% 0 transparent;
    height: 47px;
    margin:20px auto 0;
    width: 100%;
}

/*DOS COLUMNAS*/

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

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

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

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

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

h6.txt_seccion_explicacion strong {
    font-weight: bold;
}

div.zona_derecha p.parrafo_seccion_explicacion {
    background: #1573d1 none repeat scroll 0 0;
    color: #fff;
    font-size: 2em;
    font-weight: 100;
    line-height: 1.2em;
    margin: 0;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
}

/*para quien*/

p.txt_ideal {
    color: #555;
    font-weight:100;
	font-size:2em;
	line-height:1em;
    margin: 0 auto;
    padding: 5px 0 15px;
    text-transform: uppercase;
}
/*vídeos*/

div#cont_video_producto {
	width:100%;
	margin:0 auto;
}

div#cont_txt_video_producto {
    overflow: hidden;
    position: relative;
}

p#txt_titulo_video {
    color: #000;
    font-weight:100;
	font-size:1.5em;
	line-height:1em;
    margin: 0;
    padding: 0;
}

p#txt_mas_video {
    background-color: #2d5ac3;
    bottom: 0;
    color: #ffffff;
    font-size: 1.5em;
    left: 0;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    width: 80px;
}

p#txt_mas_video a {
    color: #fff;
}

div#informacion_garantiza {
    margin: 0 auto;
}

.btn_masinfo {
    color: #ffffff;
    display: block;
    margin: 30px auto 0;
    padding: 10px 0;
    text-align: center;
    width: 250px;
	font-size:1.6em;
}

p.btn_masinfo a {
    background: #1573d1 url("/lang/img_xolido/portada/flechicha_blanca_mas_info.png") no-repeat scroll 95% 50%;
    border: medium none;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
    color: #ffffff;
    display: block;
    font-weight: 100;
    padding: 12px 26px 12px 15px;
}


/*características*/

div#contenido_explicacion_caracteristicas {
    background: none repeat scroll 0 0 #f5f7f9;
    padding: 0 0 20px;
    position: relative;
}

div#contenido_explicacion_caracteristicas ul {
    display: inline-block;
	font-size:1.6em;
	line-height:1em;
    list-style: none outside none;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}

div#contenido_explicacion_caracteristicas ul li {
    float: left;
    margin: 0 5px;
    padding: 88px 0 0;
    text-align: center;
    width: 23.9%;
}

div#contenido_explicacion_caracteristicas ul li span {
    color: #333;
	font-weight: bold;
	font-size:1.3em;
	line-height:1.4em;
	margin: 0;
	padding:0;
}

div#contenido_explicacion_caracteristicas ul li p {
    color: #555;
	font-weight:100;
	font-size:0.95em;
	line-height:1.2em;
	margin: 0;
	padding:5px 0;
}

div#contenido_explicacion_caracteristicas ul li p a {
    background: url("/lang/img_maquetacion/iconos/articulos/descargas/ico_doc.png") no-repeat scroll 10px 5px #3498db;
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 30px;
    margin: 0 auto;
    padding-left: 23px;
    text-decoration: none;
    width: 142px;
}

div#contenido_explicacion_caracteristicas ul li p a:hover {
	text-decoration: underline;
}

p.titulo_caracteristicas {
    border-bottom: 1px solid #d7d7d7;
    color: #000;
	font-weight:100;
	font-size:2.8em;
	line-height:1.1em;
    margin: 0 20px;
    padding: 40px 0 3px;
    text-align: left;
}

div#info_manual {
    background: none repeat scroll 0 0 #3498db;
    height: 30px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 194px;
}

div#info_manual a {
    background: url("/lang/img_maquetacion/iconos/articulos/descargas/ico_pdf.png") no-repeat scroll 10px 5px transparent;
    color: #fff;
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 30px;
    padding-left: 37px;
    text-decoration: none;
}

div#info_manual a:hover {
	text-decoration:underline;
}

h1#producto_xolido_tit a:hover{
   text-decoration:underline;
}

/*funcionalidades*/

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;
}

p.info_caracteristica span {
    color: #000;
    font-weight: bold;
}

p.info_caracteristica span.reg{
    color: #777;
    font-weight: 100;
}

 /* Estilos móviles */

@media all and (max-width: 900px) {
	
	/*banner cabecera*/

	div#bloque_banner_cabecera {
		height: auto;
		margin: 0;
		position: relative;
	}
	
	div.region_cuerpo_int {
   		width: auto;
	}
	
	div#bloque_banner_cabecera_wrapper {
		margin: 0;
	}
	
	div.bloque_banner_cabecera_col_izq, div.bloque_banner_cabecera_col_der {
		float: inherit;
		width: auto;
		margin: 0;
	}
	
	div.bloque_banner_cabecera_col_izq div.bloque_banner_cabecera_col_int, div.bloque_banner_cabecera_col_der div.bloque_banner_cabecera_col_int {
		margin: 2%;
	}

    h1.titulo_producto {
		font-size: 4em;
		margin: 0;
		max-width: inherit;
		padding: 4% 0 2%;
		text-align: center;
    }
	
	h2.titulo_banner {
		margin: 0;
		text-align: center;
		padding: 0 0 20px;
		font-size: 3.2em;
		line-height: 1.2em;
	}
	
	h3.slogan_banner {
		margin: 0;
		padding: 0 0 30px;
		text-align: center;
	}
	
	h4.subtitulo_banner {
		margin: 0 20px;
		text-align: center;
		padding: 0 0 10px;
	}
	h4.titulo_seccion_explicacion {
		font-size: 3.5em;
		line-height: 1.1em;
	}
	
	p.txt_banner {

		margin: 0 20px 20px;
		padding: 10px 0 0;
		text-align: left;
	}
	img.imagen_cabecera {
		width:100%!important;
		height:auto!important;
		max-width:600px;
	}
	
	/*explicación*/	
	

	h5.slogan_seccion_explicacion {	
		margin: 0 10px;
		font-size:2em;		
	}
	
	div.una_columna_arriba  {
		padding: 15px 0;
		width: auto;
		margin: 0 2%;
	}
	
	/*2 columnas*/

	div.zona_izquierda_arriba, div.zona_izquierda {
		float: inherit;
		width: 100%;
		min-height: inherit;
		margin:0px;
	}
	
	div.zona_col_int {
		min-height: inherit;
	}
	
	div.zona_derecha_abajo, div.zona_derecha {
		padding:20px 0 0 0;
		margin:0;
		width: 100%;
		min-height: inherit;
	}
	
	div.zona_izquierda div.zona_col_int, div.zona_derecha div.zona_col_int{
		margin: 0;
	}

	div.zona_izquierda_arriba img{
		width:100%!important;
		height:auto!important;
		max-width:600px;
	}
	
	p.boton_banner {
    	margin: 0 auto;
		padding:0px;
		width: auto;

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

	}
	
	div.zona_derecha {
		margin:10px 0 0 0;
		padding: 20px 0 ;
	}
	
	/*seguridad*/
	
	div.contenido_explicacion {
    	padding: 0 ;
	}
	
	div.contenido_explicacion_wrapper {
	  padding: 20px 0;  
    }
	
	div#cont_video_producto img{
		width:100%!important;
		height:auto!important;
	}
	
	p.btn_masinfo{
		margin:10px auto;
	}
	
	div#contenido_explicacion_caracteristicas ul li {
		float: inherit;
		text-align: center;
		width: 100%;
	}
	
	div#info_manual {
		position: inherit;
		right: inherit;
		top: inherit;
		margin: 0 auto;
	}
	
}