/*Estilos el Porque de Xolido*/


div#bloque_banner_elporquedexolido{
	background:#9acef6 url(/lang/img_xolido/lacompania/elporquedexolido/fondo_azul.png) scroll  repeat-y 0 0;
	position: relative;
	overflow:hidden;
}

div.seccion_elporque div.bloque_contenido_wrapper{
	/*background:transparent url(/lang/img_xolido/lacompania/elporquedexolido/fondo_6.png) scroll no-repeat 50% 0;*/
    margin: 0;
    overflow: hidden;
	padding:0;
    text-align: center;
    width: 100%;
    z-index: 1;
}

#fondo{
	position: absolute;
    top: -30px;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    z-index: 0;
}

#fondo img{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
	width:100%;
	height:auto;
}

div.seccion_elporque div.bloque_contenido_int{
	margin: 0 5%;
	overflow: hidden;
	padding: 2% 0;
	position: relative;
	z-index: 0;
	text-align: left;
}

div.seccion_elporque div.col_izq {
    margin: 0;
    padding: 40px 0 0 0;
    width: 60%;
}

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

h1.titulo_elporquedexolido {
    background: transparent url(/lang/img_xolido/lacompania/elporquedexolido/fondo_titulo.png) scroll no-repeat 0 0;
    color: #fff;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 4.2em;
    font-weight: 100;
    letter-spacing: -0.05em;
    line-height: 1em;
    margin: 0;
    max-width: 600px;
    padding: 28px 0 28px 40px;
    text-align: left;
}

h1.titulo_elporquedexolido span.subrayado{
	color: #fff;
	text-decoration: none;
}

h2.slogan_elporquedexolido {
    color: #009EDB;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 3.8em;
    font-weight: 100;
    letter-spacing: -0.05em;
    line-height: 1.2em;
    margin: 0;
    padding: 10px 0;
    text-align: right;
    max-width: 384px;
    position: absolute;
    top: 57px;
    right: 0;
	letter-spacing: -0.05em;
}

ul.lista_elporquedexolido{
	margin: 0;
	padding: 15px 0;
	max-width: 600px;
}

ul.lista_elporquedexolido li{
	background: #009EDB;
	border-radius:1000em;
	color: #fff;
	font-family: "Montserrat",Arial,Helvetica,sans-serif;
	font-size: 2.1em;
	font-weight: 100;
	letter-spacing: -0.00em;
	margin: 0 0 25px 0;
	padding: 50px 100px;
	text-align: center;
	line-height: 1.2em;
}
ul.lista_elporquedexolido li strong{
	font-weight:bold;
}


ul.lista_elporquedexolido li.lista_txt_elporquedexolido_01 {
    width: 270px;
    font-size: 2.3em;
    height: 276px;
    padding: 70px 40px 0 40px;
}

ul.lista_elporquedexolido li.lista_txt_elporquedexolido_02 {
    width: 412px;
    height: 391px;
    padding: 115px 50px 0 50px;
    margin: -244px 0 0 406px;
}

ul.lista_elporquedexolido li.lista_txt_elporquedexolido_03 {
    width: 305px;
    height: 313px;
    padding: 58px 40px 0 40px;
    margin: -230px 0 0 0;
}

h2.slogan_producto span.txt_mayus {
    border-bottom: 3px solid #cc0f16;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}
.subrayado{
	position:relative;
	display: inline-block;
}

.subrayado:after{
    content: " ";
    font: 100 10px/16px FontAwesome;
    color: #9bd021;
    position: absolute;
    right: 0;
    top: 21px;
    width: 100%;
    border-bottom: 3px solid #9bd021;
}

span.subrayado strong {
    padding: 0;
}

div.seccion_elporque .col_der {
    float: right;
    width: 40%;
}

p.txt_elporquedexolido {
    background: #fff;
    color: #000;
    font-size: 1.6em;
    font-weight: 100;
    line-height: 1.3em;
    margin: 0;
    max-width: 384px;
    padding: 20px;
    text-align: justify;
    text-transform: none;
    position: absolute;
    right: 0;
    bottom: 50px;
}

span.txt_elporquedexolido_parrafo{
	display: block;
    margin: 0 0 10px 0;
}

.txt_destacado {
    font-size: 1.2em;
}


/*Estilos Móviles*/

@media all and (min-width: 1680px) {	
	p.txt_elporquedexolido {
		bottom: 92px;
	}
	
	div.seccion_elporque div.bloque_contenido_int{
		min-height: 1070px;

}
}

@media (max-width: 1680px) {
	div.seccion_elporque div.bloque_contenido_int {
		min-height: 952px;
	}
	h2.slogan_elporquedexolido {
		top: 52px;
	}
}

@media (max-width: 1440px) {
	div.seccion_elporque div.bloque_contenido_int {
		min-height: 899px;
	}
	
	h2.slogan_elporquedexolido {
		font-size: 3.2em;
		max-width: 351px;
		top: 52px;
	}
	
	ul.lista_elporquedexolido li.lista_txt_elporquedexolido_01 {
		width: 236px;
		font-size: 2em;
		height: 247px;
		padding: 53px 40px 0 40px;
	}

	ul.lista_elporquedexolido li.lista_txt_elporquedexolido_02 {
		width: 328px;
		height: 344px;
		padding: 79px 50px 0 50px;
		margin: -198px 0 0 320px;
		font-size: 1.8em;
	}
	
	ul.lista_elporquedexolido li.lista_txt_elporquedexolido_03 {
		width: 266px;
		height: 285px;
		padding: 58px 40px 0 40px;
		margin: -128px 0 0 0;
		font-size: 1.8em;
	}
}
@media (max-width: 1366px) {
	div.seccion_elporque div.bloque_contenido_int {
		min-height: 860px;
		margin: 0 3%;
	}
	
	h2.slogan_elporquedexolido {
		font-size: 3em;
		max-width: 330px;
	}
	
	ul.lista_elporquedexolido li.lista_txt_elporquedexolido_01 {
		width: 214px;
		font-size: 1.9em;
		height: 237px;
		padding: 43px 40px 0 40px;
	}
	
	ul.lista_elporquedexolido li.lista_txt_elporquedexolido_02 {
		width: 324px;
		height: 309px;
		padding: 83px 40px 0 40px;
		margin: -192px 0 0 302px;
		font-size: 1.7em;
	}
	
	ul.lista_elporquedexolido li.lista_txt_elporquedexolido_03 {
		width: 234px;
		height: 250px;
		padding: 58px 40px 0 40px;
		margin: -128px 0 0 0;
		font-size: 1.7em;
	}

}
@media (max-width: 1280px) {
	div.seccion_elporque div.bloque_contenido_int {
		margin: 0 2%;
		min-height: 790px;
	}
	ul.lista_elporquedexolido li.lista_txt_elporquedexolido_02 {
		margin: -201px 0 0 289px;
	}

}

@media (max-width: 1158px) {
	h2.slogan_elporquedexolido {		
    	top: 43px;
	}
	
	p.txt_elporquedexolido {
		font-size: 1.4em;
		line-height: 1.2em;
		max-width: 317px;
		bottom: 40px;
	}
	h1.titulo_elporquedexolido {
		background: transparent url(/lang/img_xolido/lacompania/elporquedexolido/fondo_titulo_01.png) scroll no-repeat 0 0;
		font-size: 3.8em;
	}

}

@media (max-width: 1024px) {
	div.seccion_elporque div.bloque_contenido_int {
		min-height: 707px;
	}
	
	#fondo {
		top: 0;
		/*left: 46px;*/
	}
	
	h1.titulo_elporquedexolido {
		font-size: 3.5em;
	}
	
	h2.slogan_elporquedexolido {
		background: transparent url(/lang/img_xolido/lacompania/elporquedexolido/fondo_subtitulo.png) scroll no-repeat 0 0;
		font-size: 2.3em;
		max-width: 310px;
		top: 42px;
		color: #fff;
		padding: 15px 15px 15px 0;
	}
	
	ul.lista_elporquedexolido li.lista_txt_elporquedexolido_01 {
		width: 187px;
		font-size: 1.7em;
		height: 202px;
		padding: 41px 30px 0 30px;
	}
	
	ul.lista_elporquedexolido li.lista_txt_elporquedexolido_02 {
		width: 297px;
		height: 275px;
		padding: 74px 30px 0 30px;
		margin: -226px 0 0 260px;
		font-size: 1.56em;
	}
	
	ul.lista_elporquedexolido li.lista_txt_elporquedexolido_03 {
		width: 208px;
		height: 217px;
		padding: 50px 30px 0 30px;
		margin: -128px 0 0 0;
		font-size: 1.5em;
	}
	
	p.txt_elporquedexolido {
		font-size: 1.4em;
		max-width: 296px;
    	padding: 16px;
	}
	
	.txt_destacado {
		font-size: 1.1em;
	}
}

@media (max-width: 480px) {
	h1.titulo_elporquedexolido {
		text-align: center;
		padding: 28px 0;
	}

	#fondo {
		top: 0;
		left: 0;
	}
	
	h2.slogan_elporquedexolido {
		font-size: 2em;
		top: inherit;
		position: inherit;
		right: inherit;
		padding: 19px;
	}
	ul.lista_elporquedexolido {
		max-width: inherit;
	}
	
	ul.lista_elporquedexolido li.lista_txt_elporquedexolido_02 {
		width: 261px;
		height: 304px;
		padding: 57px 40px 0 40px;
		font-size: 1.5em;
	}
	
	ul.lista_elporquedexolido li.lista_txt_elporquedexolido_01, ul.lista_elporquedexolido li.lista_txt_elporquedexolido_02, ul.lista_elporquedexolido li.lista_txt_elporquedexolido_03 {
		margin:0 auto 20px;
	}
	
	p.txt_elporquedexolido {
		top: inherit;
		bottom: inherit;
		position: inherit;
		right: inherit;
		max-width: inherit;
	}
	



}