/************************************** Página comunidad XolidoSign ******************************************/
div.articulo_428 div.articulo_wrapper_modulo-articulo{
	padding: 0 0 1% 0;
}


div#bloque_xolidosign{
	margin:0;
	padding:0 0 2% 0;
}

div#bloque_xolidosign_comunidad{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f8+0,dedde2+100 */
    background: rgb(246, 246, 248); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246, 246, 248, 1) 0%, rgba(222, 221, 226, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(246, 246, 248, 1) 0%, rgba(222, 221, 226, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(246, 246, 248, 1) 0%, rgba(222, 221, 226, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f8', endColorstr='#dedde2', GradientType=0); /* IE6-9 */
	overflow:hidden;
	padding:20px 0 20px 0;
	min-height: 500px;
	
}

div#bloque_xolidosign_comunidad div.col_izq img {
    margin: 0 auto;
    width: 100%;
	padding: 20px 0 0;
}

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

div#bloque_xolidosign_comunidad div.col_izq, div#bloque_xolidosign_comunidad div.col_der{
    float: left;
    margin: 0 2%;
    min-height: 400px;
    text-align: left;
    width: 44.8%;
	box-sizing: border-box;
}
div#bloque_xolidosign_comunidad div.col_izq {
    text-align: center;
}

h2.titulo_banner {
    color: #000;
    font-size: 4.2em;
    font-weight: 100;
    line-height: 36px;
    margin: 0 auto;
    padding: 30px 0 30px;
    font-family: 'Montserrat',Arial,Helvetica,sans-serif;
    letter-spacing: -0.05em;
}

h3.slogan_banner {
    color: #1573d1;
    font-size: 2.9em;
    font-weight: normal;
    letter-spacing: -0.05em;
    line-height: 1.2em;
}

p.txt_banner {
    font-size: 2.2em;
    font-weight: 100;
    line-height: 1.3em;
    margin: 0;
    padding: 0 0 30px 0;
    text-align: left;
    color: #000;
}


div.cont_botones{
	overflow:hidden;
	padding: 0 0 30px 0;
}

p.boton_pedido {
	margin: 0;
    padding: 10px 0;
}

p.boton_pedido a{
	background: #d64545;
	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;
    min-width: 220px;
}

p.boton_pedido a:after{
	color: #fff;
	content: "\f0da";
	font-family: "FontAwesome";
	font-size:16px;
	margin: 0 0 0 9px;
	vertical-align: middle;
}

p.boton_pedido a:hover{
	background: #ee4040;
}

p.boton_pedido a:active{
	background: #f17171;
}

div.contenedor_mapa {
    margin: 0 auto ;
    padding: 0;
    text-align: center;
	min-height: 338px;
}


/*bloque sugerencia*/

div.bloque_sugerencia {
	background:none;
	margin:0 2%;
}

div#bloque_sugerencia_wrapper {
	background:	none repeat scroll 0 0 #e9edf1;
	border-radius: 5px;
    margin: 0 auto;
    padding: 0;
}

div#bloque_sugerencia_int {
	padding: 2%;
	position:relative;
}

p.actu_subtit, p.actu_txt {
    color: #000;
    font-size: 2.6em;
    line-height: 1.2em;
    margin: 0 260px 0 0;
    padding: 5px 0 0;
    text-align: left;
}

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

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


/*idiomas*/
div#contenido_explicacion_idiomas{
	margin: 0 auto;
    overflow: hidden;
    padding: 40px 0;
}

div#contenido_explicacion_idiomas div.contenido_explicacion_int {
    margin: 0 2%;
	text-align:center;
}

div#contenido_explicacion_idiomas div.contenido_explicacion_int img {
    max-width: 900px;
    width: 100%;
}

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


h5.slogan_seccion_explicacion {
	color: #888;
	font-weight: 100;
	font-size: 2.9em;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 0 0 20px;
	text-align: center;
}

div.zona_idiomas {
    max-width: 600px;
    margin: 0 auto;
    overflow: hidden;
    background: #f7f7f7;
}

div.zona_idiomas p {
    border-bottom: medium none;
    color: #333;
    font-size:2.9em;
	line-height:1.1em;
    margin: 0;
    padding: 10px;
    text-align: center;
}

div.zona_idiomas div.lista_izquierda, div.zona_idiomas div.lista_derecha{
    float: left;
    margin: 0 1%;
    padding: 0;
    text-align: center;
    width: 48%;
}

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

ul.slogan_utiliza li {
    color: #555;
    font-size: 1.8em;
    line-height: 1em;
    margin: 0;
    padding: 7px 0 7px 0;
    text-align: center;
}

ul.slogan_utiliza li:before {
    font-family: "FontAwesome";
    content: "\f00c";
    padding-right: 2px;
    color: #7abbdd;
}


/*banderas*/

div#contenido_explicacion_inforelacionada div.contenido_explicacion_wrapper {
    padding: 70px 0 20px 0;
}

div#contenido_explicacion_inforelacionada h4.titulo_seccion_explicacion {
    background: none repeat scroll 0 0 transparent;
    color: #000;
    font-size:4em;
	line-height:1.1em;
    margin: 0;
    padding: 0;
    text-align: center;
}

div.sep_horizontal {
    height: 15px;
    overflow: hidden;
    width: 100%;
}

.cont_banderas {
    margin: 0 2% 2% 2%;
    overflow: hidden;
	
}

div#paises_titulo, div#regiones_titulo {
    background: #1573d1;
    border-bottom: medium none navy;
    color: #fff;
    font-size: 1.8em;
    margin: 0 auto;
    padding: 15px;
    position: relative;
    text-transform: uppercase;
}


.cont_select_paises, .cont_select_regiones {
    bottom: 7px;
    position: absolute;
    right: 30px;
    text-transform: none;
    width: 220px;
}

select#select_paises, select#select_regiones {
	background: none repeat scroll 0 0 #F4F4F5;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	height: 35px;
	line-height: 35px;
	margin-left: 15px;
	padding: 7px;
	vertical-align: middle;
	width: 220px
}

h3.tit_continente {
    border-top: 1px solid #ccc;
    clear: both;
    color: #1573d1;
    font-size: 2.9em;
    font-weight: bold;
    margin: 15px 0 0;
    padding: 15px 0;
    text-align: left;
    width: 100%;
}

div.fila_paises {
	width:100%;
	overflow:hidden;
}

div.unpais {
    border: 1px solid #2f2e2d;
    border-radius: 8px;
    float: left;
    height: 102px;
    margin-bottom: 15px;
    margin-right: 13px;
    overflow: hidden;
    position: relative;
    width: 121px;
}

div.unpais_last {
	float:right;
	margin-right:0px;
}

div.unpais img {
    left: 0;
    position: relative;
    top: 0;
    width: 121px;
}


div.unpais img:hover{
 text-decoration: none;
}


div.unpais p {
	height:30px;
	line-height:1.4em;
	margin:0px;
	text-align:left;
	font-size:1.8em;
	padding-left:4px;
	position:absolute;
	left:0px;
	bottom:0px;
	width:126px;
	background-color: #2F2E2D;
}

div.unpais p a {
	color:#fff;
}

a.unpais_marco {
	width:130px;
	height:102px;
	position:absolute;
	top:0;
	left:0;
	display:block;
}

div.unpais a.unpais_marco:hover{
 text-decoration: none;
}

 /* Estilos móviles */

@media (max-width: 900px) {

    div#bloque_xolidosign_comunidad div.col_izq, div#bloque_xolidosign_comunidad div.col_der {
        float: none;
        width: auto;
        min-height: auto;
        text-align: center;
    }

    div#bloque_xolidosign_comunidad div.contenedor_mapa {
        min-height: inherit;
    }
	
	h2.titulo_banner {
		padding: 40px 0 10px;
	}
	p.txt_banner {
		text-align:center;
	}
	
	p.actu_subtit, p.actu_txt {
		margin: 0 auto;
		text-align:center;
	}
	
	.btn_masinfo {
		position: inherit;
		right: inherit;
		top: inherit;
		margin:28px auto 0;
		padding: 0;
	}

	/*paises*/
	div#paises_titulo, div#regiones_titulo{
		text-align:center;
		line-height:1.4em;
	}
	select#select_paises, select#select_regiones{
		margin:0 auto;
	}
	.cont_select_paises, .cont_select_regiones {
		bottom: inherit;
		position: inherit;
		right: inherit;
		text-transform: none;
		width: 100%;
	}
	
	div.unpais {
		margin-bottom: 5px;
		margin-right: 5px;
		height: 87px;
		width: 106px;
	
	}
	
	div.unpais_last {
		float: left;
		margin-right: 5px;
	}

}