@charset "utf-8";
/* FONTS OPEN SAN */
@font-face {
	font-family: "Open Regular";
	src: url(../font/open/OpenSans-Regular.ttf);
}
@font-face {
	font-family: "Open Light";
	src: url(../font/open/OpenSans-Light.ttf);
}
@font-face {
	font-family: "Open Semibold";
	src: url(../font/open/OpenSans-Semibold.ttf);
}
@font-face {
	font-family: "Open bold";
	src: url(../font/open/OpenSans-Bold.ttf);
}

/* FONTS RALEWAY*/
@font-face {
	font-family: "Raleway semiBold";
	src: url(../font/raleway/Raleway-SemiBold.ttf);
}
@font-face {
	font-family: "Raleway Bold";
	src: url(../font/raleway/Raleway-Bold.ttf);
}
@font-face {
	font-family: "Raleway Medium";
	src: url(../font/raleway/Raleway-Medium.ttf);
}
@font-face {
	font-family: "Raleway Light";
	src: url(../font/raleway/Raleway-Light.ttf);
}
@font-face {
	font-family: "Raleway talic";
	src: url(../font/raleway/Raleway-MediumItalic.ttf);
}

img.hydro{
	margin-left: 0px;
}
.titulo-pri{
	font-family: "Open Regular";
    color: #424243;
    font-size: 23px;
    text-align: left;
    z-index: 1;
    position: relative;
    top: 22px;
	text-align: center;
}
.titulo-pri>span{
	font-size: 18px;
}
j{font-size: 20px;}
.imgI{display: initial !important;margin-right: 8px;}

.titulo-sec{
	font-family: "Raleway Medium";
    color: #161617;
	font-size:20px;
	text-align:left;
	    z-index: 1;
    position: relative;
    top: -104px;
	/*text-shadow: #a29d9d 2px 2px 4px;*/
}
header{
 	margin-top: 26px;
}
.text-hidro{
	font-family: "Open Regular";
    font-size: 46px;
    color: #424243;
    position: absolute;
    top: 262px;
}
.text-hidrom{
	font-family: "Open Regular";
    font-size: 34px;
    color: #424243;
    position: absolute;
    top: 315px;
    margin-left: 36px;
}
.text-antes{
	color: #ffffff;
    font-family: "Open bold";
    font-size: 41px;
    position: absolute;
    top: 24px;
    margin-left: 96px;
}
.antes-pre{
	font-family: "Open Semibold";
    color: #ffffff;
    font-size: 24px;
    position: absolute;
    top: 74px;
    margin-left: 94px;
    text-align: center;
    line-height: 1;
}
.P-titulo{
	color:#3786c7;
	font-family:"Raleway semiBold";
	font-size:20px;
	line-height:1;
}
.P-parrafo{
	color: rgb(116, 116, 119);
    font-family: "Raleway semiBold";
	font-size:18px;
	line-height:1;
}
.P-Mayu{
	color:#403f41;
	font-family:"Raleway Bold";
	font-size:23px;
	margin-bottom:0;
}
.promo{
	margin-top: 12px;
}
.p-Boldo{
	color:#403f41;
	font-family: Open bold;
	font-size:22px;
	font-size: 30px;
    text-align: center;
	    margin-bottom: 10px;
}
.p-Boldo>span {
    color: #929496;
    text-decoration: line-through;
}
.btn-warning>span{
	color: #929496;
	font-size: 30px;
}
.p-Light{
	font-family: Open Light;
    color: #FFF;
    font-size: 23px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 9px;
    margin-top: 9px;
}
.bg-light-gra{background-image:url(../img/fondo3.png);background-repeat:no-repeat;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;text-align:center;color:#fff;background-color: #d2d4d1;}
.h3-regularV{
	font-family:"Open Light";
	color:#424243;
	margin-bottom:0px;
	    font-size: 38px;
}
.p3{
	color:#848688;
	font-family:"Raleway Medium";
	font-size:22px;
	margin-bottom: 0px;
	line-height: 1.2;
}
ralew{
	color:#196aaf;
	font-family:"Raleway semibold";
}
.p3s{
	color:#196aaf;
	font-family:"Raleway Medium";
	font-size:20px;
	margin-bottom: 0px;
}
.p3s>span{
	color:#6c6e70;
}
.p3p{
	color:#6c6e70;
	font-family:"Raleway Medium";
	font-size:17px;
	line-height: 1.3;
}
.p3p>span{
	color:#196aaf;
	font-family:"Raleway semibold";
}
.Prohi{
	color: #ffffff;
    font-family: "Raleway bold";
    font-size: 27px;
    margin-bottom: 0;
	text-align: center;
}

.fondR{background-image:url(../img/ejercicio.jpg);
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    -o-background-size:cover;
    text-align:center;color:#fff}
.p4{
	color:#196aaf;
	font-family:"Raleway semibold";
	font-size:32px;
	    margin-bottom: 0px;
}
.p4p{
	color:#403f41;
	font-family:"Raleway semibold";
	font-size:17px;
	line-height: 1.3;
}
.p4b{
	color:#403f41;
	font-family:"Raleway bold";
	font-size:18px;
	line-height: 1.3;
}
.p4s{
	color:#196aaf;
	font-family:"Raleway semibold";
	font-size:20px;
}
.p4bol{
	color: #403f41;
    font-family: Open bold;
    font-size: 30px;
    margin-bottom: 0;
    line-height: 1;
    margin-top: 50px;
}
.h3-regular{
	color: #e91c24;
	font-family:"Open Semibold";
	font-size: 30px;
    text-align: center;
}
.p-titul{
	color:#58595b;
	font-family: "Raleway semiBold";
    font-size: 19px;
    line-height: 1;
    text-align: center;
	margin-top: 10px;
}
.p5p{
	    color: #6c6e70;
    font-family: "Raleway Medium";
    font-size: 17px;
    line-height: 1.3;
    text-align: center;
    margin-top: 10px;
}
.cent{
	    text-align: -webkit-center;
    margin-top: 13px;
}
.pA{
	 color: #403f41;
    font-family: "Raleway semibold";
    font-size: 25px;
    margin-bottom: 0px;
    text-align: center;
	line-height: 1.3;
}
.pA>span{
	color:#f9fbfc;
}
.pp{
	color:#FFF;
	font-family:"Raleway Medium";
	text-align:left;
}

.pp>span{
	color:#403f41;
}
.pp>bol{
	 font-family: "Raleway semibold";
}
.pn{
	 color: #403f41;
    font-family: "Raleway semibold";
    margin-bottom: 6px;
	line-height: 1.3;
}
.pn>span{
	 font-family: "Raleway bold";
}
.P-c{
	color:#424243;
	font-family: "Raleway Medium";
	text-align:center;
	font-size:27px;
	line-height: 1.1;
    margin-top: 6px;
}
.p-titulC{
	color: #424243;
    font-family: "Raleway Medium";
    font-size: 19px;
    line-height: 1;
    text-align: center;
    margin-top: 10px;
}
.p-pc{
	color: #7f8183;
    font-family: "Raleway Medium";
    font-size: 17px;
    line-height: 1.3;
    text-align: center;
    margin-top: 10px;
}
.fondoC{background-image:url(../img/fondoC.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;text-align:center;color:#fff}
.P-MayB{
	color:#D2D3D5;
	font-family: "Raleway semiBold";
    font-size: 18px;
    margin-bottom: 0;
	line-height: 1.2;
}
.h3-bold{
	color: #e91c24;
	font-family:"Open bold";
	font-size: 40px;
    text-align: center;
}
.fondoB{background-image:url(../img/fondo4.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;text-align:center;color:#fff}
.p-img{
	    color: #808183;
    font-family: "Raleway Medium";
    font-size: 18px;
    line-height: 1.3;
    text-align: left;

}
.p-img>img{
	display: inline;
    margin-right: 10px;
}
.copyrigh{
	color:#FFF;
	font-size: 18px;
	line-height: 1.3;
	text-align: left;
	float:left;
	font-family: "Raleway Medium";
	    margin-top: 11px;
}
.ci{
	display: inline !important;
	float:left;
}
.copyrigh>nu{
	font-family:"Open semibold";
}
.copy{
color:#FFF;
	font-size: 17px;
	line-height: 1.3;
	text-align: left;
	float:left;
	font-family: "Raleway Medium";
	    margin-top: 11px;
		    margin-right: 8px;
		}
co{
	font-family:"Open semibold";
	font-size: 18px;
}
.promocion{
	font-family:Raleway talic !important;

}
.promocion:hover{
	background-color: #196aaf !important;
    color: #eff8fa !important;
}
.ensalada{background-image:url(../img/mujer.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;text-align:center;color:#fff}
.cliente{background-image:url(../img/clientes.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;text-align:center;color:#fff;background-color: #d2d4d1;}

.baColor{background-color: #fdd600}
@media (min-width:768px){
	.Padi{padding-top: 95px;}
	.alk{margin-top: -98px;}
	.hy-nu{margin-top: 95px;float:right}
	.col{padding-right: 2px !important;
    	padding-left: 2px !important;
		}
	.colr{padding-left: 2px !important;padding-right: 10px !important;}
	.ri{padding-right: 2px !important;}
	.p{    padding-right: 0px !important;}
	.roH{
		margin-bottom: 30px;
	}
	.colH{
		height: 436px;
	}
	.titulo-pri{
		font-size: 40px;
		top: 11px;
		z-index: 1;
		text-align: left;
		position: relative;
		margin-bottom: 71px;
		line-height: 0.9;
	}
	.titulo-pri>span{
		font-size: 27px;
	}
	.titulo-sec{
		font-size: 28px;
		z-index: 1;
		position: relative;
		    top: -32px;
    		margin-left: 26px;
	}
	header{
		margin-top:0px;
	}
	img.hydro{
	margin-left: 86px;
	    margin-top: 65px;
	}
	.promo{
	margin-top: 75px;
    margin-left: 38px;
}
	.gota{ margin-top: 47px;}
	.cImg{
	    margin-top: 190px;
	}
	.p3{margin-top: 11px;}
	.h3-bold{margin-top: 59px;}
	.P-MayB{margin-bottom: 10px;}
	.hidro{margin-left: 42px;}
}
@media (max-width:368px){
    .fondR{background-position: 95% 20%;}
	.container{padding-right:6px !important;padding-left:6px !important;}
	.text-hidro{font-size: 32px;}
	.text-hidrom{margin-left: 23px;font-size: 26px;}
	.text-antes{font-size: 31px;margin-left: 89px;}
	.antes-pre{font-size: 16px;top: 69px;}
	.h3-regular{font-size: 30px;}
	.Prohi{font-size: 19px;line-height: 1.2;}
	.h3-bold{ font-size:28px;}
	.promocion{line-height: 1 !important;padding-top: 7px !important;}
	.hy-nu{ margin-left:48px}
	.widt{ width:100%;display: flex;}
}