@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0; border:0;} body {background-color:#ffffff;}
html {font-size:100%; -webkit-text-size-adjust: 100%; /*height: 100%;*/}
.cont100_v1 {width:100%; height: auto; position: relative; /*background: rgb(9,71,84);
	background: linear-gradient(0deg, rgba(9,71,84,1) 0%, rgba(20,46,42,1) 52%, rgba(10,28,20,1) 100%);*/
	background-color: #ffffff;} 
.contenedor_general{width: 100%; max-width: 960px; margin: 0 auto; height: auto; }

/*BLOQUE RIEL*/
.color-reforma {color: #01B541;}
.color-mural {color: #D1212D;}
.color-norte {color: #1594F3;}
.bg-reforma {background-color: #1594F3;}
.swiper-wrapper {height: auto;}

.hd_riel_prod { width:90%; height: auto; margin:0 auto; font-size: 1.6rem;  font-family: "Oswald", sans-serif; 
	font-weight: 400; text-align:center; padding:25px; line-height: 1.8rem; text-transform: uppercase; color:#000000; letter-spacing: 1.5px;}
.elementos-container { position: relative; padding:20px 0;
	height:auto; width: auto;
	background-image: url(../img/bkg_slider_editorial_v1.png); background-repeat: no-repeat; background-size: contain;
	background-position: center;}

.elemento-riel {text-align: center; font-size: 1.6rem; display: block; -webkit-box-pack: center; -ms-flex-pack: center;
	 -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; 
	 -webkit-align-items: center; align-items: center; height: auto; box-sizing: border-box;}
.elemento-riel a {text-decoration: none; color: #000; display: block; height: 100%; box-sizing: border-box; position: relative;}

.elemento-riel:focus, .elemento-riel a:focus{outline: none;}
.slick-track{display: flex !important;}
.slick-slide{height: inherit !important;}
.elemento-riel img {width: 100%}

.slick-dots  {background-color: #ffffff; }
.slick-dots li button:before{
	font-size: 10px !important;
	content: "\025ef" !important;
	color:#000000 !important;
}
.reforma .slick-dots li.slick-active button:before{
	font-size: 12px !important;
	content: '\025c9' !important;
	color: #1594F3 !important;
	top: 0px !important; padding-bottom: 15px;
}

/*cont slider */
.img_riel {width: 45%; height: auto; position: relative; display: inline-flex;  
	justify-content:space-around; justify-content: -webkit-space-around; justify-content: -moz-space-around; 
	align-items: stretch; align-items: -webkit-stretch; padding: 10px 0;}
.img_riel img {width: 100%; height:100%;}
.txt_riel {width: 35%; height: auto; position: relative;  align-content: stretch; top:20%; 
	justify-content:space-around; justify-content: -webkit-space-around; justify-content: -moz-space-around;  
	align-items: stretch; align-items: -webkit-stretch; vertical-align: top; display: inline-block; text-align: left;}
.hd_riel_txt {width:100%; height: auto; font-family: "Oswald", sans-serif; text-transform: uppercase; 
	font-weight: 400; display:block; color:#000000; padding-bottom: 3px;}
.text_riel_ico {width: 43px; height: auto; top:-8px; position: relative; display: inline-block; }
.text_riel_ico img {width: 100%;}
.res_riel_txt {font-family: Helvetica, sans-serif; font-weight: 300;  display: block; font-size: 1rem; color:#1e1e1e;
	line-height: 1.3rem; padding-bottom: 10px;}
/*FIN BLOQUE RIEL*/

.bloque_bottom {width: 100%; max-width: 960px; margin: 0 auto; position: relative; padding:30px 0 20px 0;}
.cont_bloque_ico {width: 90%; margin: 0 auto; display: wrap; flex-wrap: wrap;}
.item_bloque_ico {width: 24.6%; height: auto; position: relative; display:inline-flex; flex-wrap: wrap;  }
.img_item_bloque_ico {width: 40px; height: auto; position: relative; margin: 0 auto ; padding-bottom: 10px;}
.img_item_bloque_ico img {width:100%;}
.txt_item_bloque_ico {width: 100%; height: auto; position:relative;
	font-size: 1rem;  font-family: "Oswald", sans-serif; font-weight: 300; text-align:center; 
	padding:0px 0; line-height: 1.3rem; text-transform: uppercase; color:#8E8E8E; letter-spacing: 2px; }

	.riel-container22 {width: 100%; height: auto; padding-bottom: 0; margin:0; padding:0px; }


@media screen and (max-width: 960px){
.item_bloque_ico {width: 24%; height: auto;}
}
@media screen and (max-width: 780px){
.cabeza-riel h4{font-size: 1.3rem;}
.txt_riel { top:20%;}
.txt_item_bloque_ico {font-size: 0.9rem;}
}
@media screen and (max-width: 640px){
.elementos-container{top:0px; background-image: url(../img/bkg_slider_editorial_v2.png); padding:20px 0 0 0;}

.img_riel {width: 60%; height: auto; position: relative; display: block; 
	margin: 0 auto;}
.txt_riel {width: 80%; height: auto; position: relative; align-content: stretch; top:0px;
	display: block; margin: 0 auto;  padding: 0px; text-align: center;}
	
.hd_riel_txt {display:block; font-size: 1.6rem;}


.bloque_bottom {width: 100%; max-width: 960px; margin: 0 auto; position: relative; padding:15px 0 20px 0;}
.item_bloque_ico {width: 48%; height: auto; padding: 20px 0;}

.hd_riel_prod { padding:20px 0 10px 0 ; line-height: 2rem; text-transform: uppercase; 
	color:#000000; letter-spacing: 1.5px; font-size: 1.7rem;}

.riel-container22 {width: 100%; height: auto; padding-bottom: 0; margin:10px 0; }


}
@media screen and (max-width: 480px){
.cabeza-riel h4{font-size: 1.3rem; line-height: 1.6rem}
}
@media screen and (max-width: 420px){
.elementos-container {background-image: url(../img/bkg_slider_editorial_v3.png);}
.img_riel {width: 90%; height: auto; position: relative; display: block;
	margin: 0 auto;}
.txt_riel {width: 80%; height: auto; position: relative;  align-content: stretch;
	display: block; margin: 0 auto;padding: 10px 0 0px 0;}

.res_riel_txt {font-size: 0.94rem; padding-bottom: 5px;}

.img_item_bloque_ico {width: 40px; height: auto; position: relative; margin: 0 auto ; padding-bottom: 8px;}
.img_item_bloque_ico img{width: 100%; margin: 0 auto;}
}

@media screen and (max-width: 360px){
.cabeza-riel h4{font-size: 1.15rem; line-height: 1.35rem}
}

@media screen and (max-width: 320px){
.elementos-container{}
.cabeza-riel h4{font-size: 1.1rem; line-height: 1.3rem}
/*.item_bloque_ico {width: 98%; height: auto; padding: 20px 0;}*/
.item_bloque_ico {width: 49%; }
.img_item_bloque_ico img{width: 100%; margin: 0 auto;}
.txt_item_bloque_ico {font-size: 0.85rem;}
}

@media screen and (max-width: 667px) and (orientation: landscape){
.cabeza-riel h4{font-size: 1.3rem; line-height:1.6rem}
}