/*estilos intermedia Productos XolidoSign*/
@font-face {
    font-family: 'Simple-Line-Icons';
    src: url('/css/fonts/simple-line-icons/Simple-Line-Icons.eot');
    src: url('/css/fonts/simple-line-icons/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('/css/fonts/simple-line-icons/Simple-Line-Icons.woff') format('woff'), url('/css/fonts/simple-line-icons/Simple-Line-Icons.ttf') format('truetype'), url('/css/fonts/simple-line-icons/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('/css/fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.4.0');
    src: url('/css/fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('/css/fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('/css/fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('/css/fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('/css/fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*zona Productos XolidoSign*/

div#bloque_xolidosign {
	background: #efefef;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;    
}

div#bloque_xolidosign_wrapper {
    margin: 0 auto;
    padding: 6em 0 0 0;
}

div#bloque_xolidosign h4.titulo_vistazo {
  color: #000;
  font-size: 47.25px;
  font-weight: 100;
  padding: 0;
  font-family: 'Montserrat',Arial,Helvetica,sans-serif;
  letter-spacing: -0.05em;
  margin: 0px auto;
  text-align: center;
}

div.tipo-recurso_seccion div#bloque_xolidosign_wrapper {
	padding: 2em 0 0 0;
}


div#contenedor_productos_int {
    margin: 0 1%;
    overflow: hidden;
    padding: 1% 0;
}

div#contenedor_productos_fondo{
	margin: 0 auto;
	display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}

div.cont_explicacion_bloque {
    background: #fff;
    float: left;
    margin: 1%;
    min-height: 600px;
    position: relative;
    width: 23%;
	flex: 0 1 auto;
	align-self:auto;
	min-width: 0;
	min-height: auto;
}

div.cont_explicacion_bloque_int{
	padding: 0 0 3em 0;
}

div#bloque_xolidosign_escritorio{
	order:1;
}

div#bloque_xolidosign_professional{
	order:2;
}

div#bloque_xolidosign_corporate{
	order:3;
}

div#bloque_xolidosign_gateway{
	order:4;
}

a.link_producto_xolidosign{
	 background: transparent url(/lang/img_xolidosign/img_productosxolidosign/portada/icono_vermas.png) no-repeat scroll 100% 0;
	 display:block;
}

div.cont_explicacion_bloque:hover {
   background: #1573d1 none repeat scroll 0 0;
   color:#FFF!important;
}

div.cont_explicacion_bloque:hover span.cont_txt_titulo, div.cont_explicacion_bloque:hover span.titulo_xolidosign_escritorio, div.cont_explicacion_bloque:hover span.cont_txt_precio span.txt_precio_euro, div.cont_explicacion_bloque:hover span.masinfo, div.cont_explicacion_bloque:hover span.cont_txt_precio, div.cont_explicacion_bloque:hover span.cont_txt_precio span.txt_precio_ano, div.cont_explicacion_bloque:hover a.faq_link:after,div.cont_explicacion_bloque:hover span.masinfo:after, div.cont_explicacion_bloque:hover span.txt_pruebalo_gratis, div.cont_explicacion_bloque:hover span.posibilidades, div#bloque_xolidosign_corporate:hover span.posibilidades span:before, div.cont_explicacion_bloque:hover span.titulo_xolidosign_corporate, div.cont_explicacion_bloque:hover span.titulo_xolidosign_gateway, div#bloque_xolidosign_professional:hover span.titulo_xolidosign_professional, div.cont_explicacion_bloque:hover span.txt_suscripcion{
    color:#FFF!important;
}

div.cont_explicacion_bloque:hover a{
   color:#FFF!important;
}

a.link_producto_xolidosign:hover{
	text-decoration:none;
}

span.cont_titulo{
	margin: 0 auto;
	padding: 35px 0 10px;
    display: block;
}

span.cont_txt_titulo {
    color: #000000;
    display: block;
    font-size: 2.8em;
    font-weight: 100;
    line-height: 31px;
    margin: 0 2%;
    padding: 0;
    text-align: center;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
	letter-spacing: -0.05em;
}

span.cont_txt_subtitulo{
	color: #666;
	display: block;
	font-size: 1.4em;
	font-weight: 100;
	line-height: 19px;
	margin: 0 2%;
	padding: 0 0 27px 0;
	text-align: center;
	text-transform: lowercase;
	min-height: 110px;
}

span.cont_txt_subtitulo strong{
	font-weight:bold;
}

span.cont_txt_precio {
    color: #000;
    font-size: 4em;
    font-weight: 600;
    line-height: 27px;
    margin: 0 2%;
    padding: 0 0 8px 0;
    text-align: center;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif;
    display: block;
	min-height: 70px;
}

span.cont_txt_precio span.txt_precio_euro {
    font-size: 0.8em;
    font-weight: 100;
    margin: 0;
}

span.cont_txt_precio span.txt_precio_ano {
    color: #000;
    font-size: 0.4em;
    font-weight: 300;
    margin: 0;
}


/*botones*/

div.cont_botones {
	margin:0 2%;
	text-align:center;
	padding:19px 0;
	overflow:hidden;
}

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

.boletin_faq-xolidosign-cloud p.boton_banner, .boletin_faq-xolidosign-cloud p.boton_pedido, .boletin_faq-xolidosign-cloud p.boton_pruebalo, .boletin_faq-xolidosign-cloud p#btn_iniciar_sesion, .boletin_faq-xolidosign-desktop p.boton_banner, .boletin_faq-xolidosign-desktop p.boton_pedido, .boletin_faq-xolidosign-desktop p.boton_pruebalo, .boletin_faq-xolidosign-desktop p#btn_iniciar_sesion {
    padding: 0;
	margin: 0 auto;
    text-align: center;
}

p.boton_pruebalo, p#btn_iniciar_sesion {
    display: inline-block;
}

.boletin_faq-xolidosign-cloud p.boton_pruebalo, .boletin_faq-xolidosign-desktop p.boton_pruebalo {
	margin-right: 8px;
}

p.boton_banner a, p.boton_pedido a, p.boton_pruebalo a, p#btn_iniciar_sesion a {
	border: medium none;
    border-radius: 2px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: normal;
    line-height: 24px;
    margin: 0;
    padding: 8px 10px;
    position: relative;
    text-align: left;
    transition: background-color 300ms ease-out 0s;
    width: 220px;
}

p.boton_pedido a {
	background: #ff9500;
}

p.boton_pruebalo a {
	background: #8cc15e;
}

p#btn_iniciar_sesion a {
    background: #62a8ea;
}

p.boton_banner a {
	background: #d64545;
}

p.boton_pedido a:after, p.boton_pruebalo a:after, p#btn_iniciar_sesion a:after, p.boton_banner a:after {
	color: #fff;
	content: "\f0da";
	font: 12px/1 FontAwesome;
	margin: 0 0 0 5px;
}

p.boton_banner a:after {
	content: url("/lang/img_xolidosign/intermedia/ico_descargar_02.png");
	top:5px;
	position: absolute;
	right: 10px;
}

p.boton_banner a {
	padding: 10px 42px 10px 10px;
}

span.txt_impuestos {
    color: #666;
    font-size: 1.2em;
    font-weight: 100;
    line-height: 36px;
    margin: 0 2%;
}

span.masinfo {
    bottom: 18px;
    color: #1573d1;
    cursor: pointer;
    display: block;
    font-size: 1.4em;
    left: 5%;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
	display:none;
}

span.txt_suscripcion {
  color: #000;
  font-size: 0.3em;
  font-weight: 300;
  margin: 0;
  line-height: 16px;
}


/*escritorio*/

div#xolidosign_gratis {
    left: -12px;
    position: absolute;
    top: -32px;
}

div#xolidosign_gratis img {
	text-align:left;
}


/*profesional*/



/*corporate*/
span.titulo_xolidosign_corporate_txt {
    display: inline-block;
	text-transform: uppercase;
	padding:5px 0 0 0;
}

span.titulo_xolidosign_corporate_txt:after {
    display: block;
    width: 100%;
    background-color: #8cc15e;
    height: 2px;
    content: " ";
    margin: 0 auto 0;
}



/*gateway*/

span.titulo_xolidosign_gateway_txt span.subrayado{
	text-transform:uppercase;
	text-decoration:none;
	position:relative;
	display: inline-block;
	padding:5px 0 0 0;
}

span.titulo_xolidosign_gateway_txt span.subrayado:after {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
    width: 100%;
    background-color: #8cc15e;
    height: 2px;
    content: " ";
    margin: 5px auto 0;
}



 /* Estilos móviles */
 
@media all and (min-width: 1440px) {

	div#contenido_zona_superior {
		height: auto;
		margin: 0 2%;
		overflow: hidden;
		z-index: 0;
	}
	
	div#contenedor_productos_int {
	  padding: 29px 0;
	}
	
	span.cont_txt_titulo {
    	font-size: 3em;
	}
	
}


@media all and (max-width: 1440px) {
	div.cont_explicacion_bloque {
		margin: 0.5%;
		width: 24%;
	}
	
	div#xolidosign_gratis {
		left: -6px;
	}
	
	div#xolidosign_gratis img {
		width: 70px!important;
		height: 70px!important;
	}	
	
}

@media all and (max-width: 1380px) {
	span.titulo_xolidosign_corporate {
	    color: #666;
	    font-size: 1.4em;
	}
	
	div#xolidosign_gratis {
		left: 2px;
		top: -18px;
	}
	
	div#xolidosign_gratis img {
		width: 60px!important;
		height: 60px!important;
	}	
}

@media all and (max-width: 1280px) {
	
	div.cont_explicacion_bloque {
		min-height: 561px;
	}
		
	
	span.cont_txt_titulo {
    	font-size: 2.4em;
	}
	
	span.cont_txt_subtitulo {
		font-size: 1.4em;
		line-height: 18px;
	}
	
	span.titulo_xolidosign_corporate_txt {
	  font-size: 0.85em;
	}

	div.cont_explicacion_bloque {
		min-height:400px;
	}
	
	div#xolidosign_gratis {
		left: 0;
		top: -17px;
	}
	
	div.cont_explicacion_bloque span.reg {
		line-height: 2.4em;
	}
	
	p.boton_pedido a:after, p.boton_pruebalo a:after, p#btn_iniciar_sesion a:after, p.boton_banner a:after {
		font-size: 10px;
	}
	
	p.boton_banner a, p.boton_pedido a, p.boton_pruebalo a, p#btn_iniciar_sesion a {
		font-size:14px;
	}
	
	
}

@media all and (max-width: 1200px) {
    p.cont_txt_titulo {
         font-size: 2.4em;
    }

    p#btn_iniciar_sesion a {
         margin: 0;
		 padding: 8px 5px;
    }

	p.boton_banner a, p.boton_pedido a, p.boton_pruebalo a, p#btn_iniciar_sesion a {
    	font-size: 13px;
	}
	
}

@media (max-width: 1100px) and (min-width: 901px) {

    p.cont_txt_titulo {
        margin: 0 auto;
        width: 265px;
    }

    p.boton_pruebalo a, p#btn_iniciar_sesion a {
        padding-right: 5px;
    }
	
	p#btn_iniciar_sesion a {
		padding: 8px 10px;
	}
	
	span.cont_txt_titulo {
	   font-size: 2.8em;
	}
	
	span.cont_txt_subtitulo {
		font-size: 1.6em;
		line-height: 22px;
	}
	
	p.boton_banner a, p.boton_pedido a, p.boton_pruebalo a, p#btn_iniciar_sesion a {
		font-size: 15px;
	}
	
}

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

    /* productos */

    div#contenedor_productos_fondo {
        overflow: initial;
    }

	div.cont_explicacion_bloque {
		float: none;
		width: 100%;
		margin: 0 0 2%;
		min-height: auto;
	}
	
	div#bloque_xolidosign h4.titulo_vistazo {
	  font-size: 37.25px;
	  padding: 0 0 0.5em 0;
	}

	div#xolidosign_gratis {
		top: 0;
	}

	p.cont_txt_titulo {
        font-size: 2.9em;
    }
	
	span.cont_txt_subtitulo{
		min-height:auto;
	}
	span.cont_txt_precio {
	  min-height: auto;
	}
	
	span.cont_txt_precio span.txt_precio_ano {
	  font-size: 0.3em;
	  line-height: 1.4em;
	}
}


@media all and (max-width: 480px) {
	
	div.cont_explicacion_bloque {
		min-height: auto;
	}  

	div#bloque_xolidosign_professional span.cont_txt_precio,div#bloque_xolidosign_escritorio span.cont_txt_precio, div#bloque_xolidosign_corporate span.cont_txt_precio,div#bloque_xolidosign_gateway span.cont_txt_precio {
       padding: 4% 2%;
	}
		
	div#xolidosign_gratis img {
		width: 60px!important;
		height: 60px!important;
	}

}


