@charset "utf-8";

/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.italic { font-style: italic }
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin:10px; }
.alignright { float:right;margin:10px; }
.no-margin{margin:0px;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.margin-t{margin-top:22px;}
div { position:relative } 
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active,a:focus{outline: none;}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

html{-webkit-font-smoothing:antialiased;}

a{color:#2A8BC1;}
a:hover{color:#8258E7;text-decoration:underline;}

body{
	width:100%;
	height:100%;
	margin:0 auto;
	background-color:#FFFFFF;
	background:url(../Images/fondo.jpg);
	background-repeat:no-repeat;
	background-position:bottom;

	z-index:0;
	font-family: 'Open Sans', sans-serif;
	-webkit-text-size-adjust: 100%;
}

#contenedor_logo{
	width:1000px;
	height:500px;
	margin:0 auto;
}

#seccion_logo{
	top:100px;
	width:100%;
	height:600px;
	left:left;
	background:url(../Images/hydrum_background.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	z-index:-2;
}

#seccion_menu{
	margin:0 auto;
	width:100%;
	right:1%;
	left:1%;
	height:100px;
	max-width:1000px;
	position:fixed;
	z-index:2;
	
}

#fondo_menu{
	width:100%;
	height:100px;
	background:#EBEAEA;
	position:absolute;
	position:fixed;
	z-index:2;
	-webkit-box-shadow: 0px 0px 85px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 85px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 85px -6px rgba(0,0,0,0.5);
}

#logo_small{
	padding-left:10px;
	float:left;
	height:100px;
}

canvas{
	zoom:1;
}

h1{font-size:36px;line-height:1.3em; }
h2{font-size:32px;line-height:1.3em;}
h3{font-size:24px;line-height:1.3em;}
h4{font-size:18px;line-height:1.3em;}
h5{font-size:16px;}
h6{font-size:14px;}
p{padding-bottom:11px;}
p,div, span{line-height:1.5em;}
.column-clear{clear:both;}
.clear{overflow: hidden;}


nav{
	margin-top:30px;
	display:block;
	float:right;	
}

.menu{
	display:block;
}

.menu li{
	
	display: inline-block;
	position: relative;
	z-index:100;
}

.menu li:first-child{margin-left:0;}

.menu li a {
	
	font-weight:400;
	text-decoration:none;
	padding:10px;
	margin-right:10px;
	display:block;
	color:#0087D3;
}

.menu li a:hover, .menu li:hover > a{
	
	color:#ffffff;
	background:#95C9E6;

}

.menu ul {
	
	display: none;
	margin: 0;
	padding: 0;
	width: 150px;
	position: absolute;
	top: 44px;
	left: 0px;
	background: #ffffff;
}

.menu ul li {
	display:block;
	float: none;
	background:none;
	margin:0;
	padding:0;
}
.menu ul li a {
	
	font-size:12px;
	font-weight:normal;
	display:block;
	color:#797979;
	border-left:3px solid #ffffff;
	background:#ffffff;
}

.menu ul li a:hover, .menu ul li:hover > a{
	
background:#f0f0f0;
border-left:5px solid #95C9E6;
color:#797979;
}

.menu li:hover > ul{ 
	display: block;
}
.menu ul ul {
	background:#fffff;
	left: 150px;
	top: -50px;
}



.wave{
	width:100%;
	height:100px;
}


.wave img{
	
	width:100%;
	height:100%;
}


#noticias{
	width:100%;
	max-width:1000px;
	height:700px;
	margin:0 auto;
	margin-top:-70px;
}

.titulo_h1{
	margin-top:20px;
	margin-left:10px;
	font-size:72px;
	color:#206CB4;
	line-height:70px;
	z-index:2;
}

#wrapper{
	display:block;
	top:20px;
	width:960px;
	height:500px;
	margin:0 auto;
}

#container{
	display:block;
	overflow:hidden;
	float:left;
	width:960px;
	height:500px;
}

#prev{
	background-image:url(../Images/left.svg);
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	float:left;
	height:500px;
	width:100px;
	position:relative;
	z-index:1;
}

#next{
	background-image:url(../Images/right.svg);
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	float:right;
	height:500px;
	width:100px;
	position:relative;
	z-index:1;
}

#slider{
	display:block;
	float:left;
	height:500px;
	width:960px;
	overflow:hidden;
	position:absolute;
	z-index:0;
}

.boton{
	top:400px;
	left:100px;
	width:150px;
	height:60px;
	display:block;
	position:absolute;
	z-index:1;
}


#Redes_sociales{
	top:-40px;
	width:100%;
	max-width:1000px;
	height:560px;
	margin:0 auto;
}

#contenedor_redes{
	display:block;
	margin-top:-21px;
	width:100%;
	height:600px;
	background:#e2eff1;
	z-index:0;
}

#facebook{
	top:10px;
	margin:20px;
	float:left;
	z-index:1;
}

#productos_home{
	position:absolute;
	float:right;
	top:60px;
	right:5%;
	z-index:0;
}

#sombra_redes{
	background-image:url(../Images/sombra_redes.jpg);
	width:100%;
	height:287px;
	position:relative;
	top:-185px;
	z-index:-1;
}

footer{
	bottom:0px;
	min-height: 100px;
	z-index:-30;
}

#seccion1{
  min-height: calc(100vh - 100px);

  height:100%;
}

#footer_wave{
	width:100%;
	height:100px;
}

#footer_wave img{
	width:100%;
	height:100px;
}

.img_header{
	width:100;
	height:220px;
	background-image:url(../Images/hydrum_background_header.jpg);
	background-position:center;
}

#wave_header{
	margin-top:-100px;
	width:100%;
	height:100px;
}

.seccion{
	position:relative;
	width:100%;
	height:100%;
	max-width:1000px;
	margin:0 auto;
	display:block;
}

div#seccion1{
	margin-top:-70px;
	height:100%;

}

#premio{
	margin-top:10px;
	float:right;
}

#texto_about{
	width:68%;
	margin-top:30px;
	margin-right:2%;
	float:left;
}

.Producto{
	width:245px;
	height:320px;
	margin-top:30px;
	margin-left:5px;
	float:left;
}

.nombre_producto{
	width:240px;
	position:absolute;
	text-align:center;
	bottom:10px;
	left:2.5px;
}

.img_producto{
	display:block;
	padding-left:1px;
	padding-top:2px;
	top:2px;
	left:1px;
	width:240px;
	height:240px;
	float:left;
	margin-bottom:10px;
	position:absolute;
	z-index:-1;
}


.parrafo_drescripcion{
	opacity:0;
	top:21px;
	left:18px;
	font-size:15px;
	line-height:18px;
	width:206px;
	height:206px;
	padding-top:20px;
	position:absolute;
	text-align:center;
	overflow:hidden;
	background-color:rgba(255,255,255,0.90);
	border-radius:50%;
	z-index:0;
}

.mas_info{
	opacity:0;
	width:30px;
	height:30px;
	position:relative;
	z-index:1;
	float:right;
	top:200px;
	right:60px;
}

.Producto:hover .mas_info{
	opacity:1;
	width:60px;
	height:60px;
	top:180px;
	right:20px;
	transform : rotate(90deg);
	-moz-transform : rotate(90deg); /* Firefox */
	-webkit-transform : rotate(90deg); /* Chrome - Safari */
	-o-transform : rotate(90deg); /* Opera */
}

.Producto:hover .parrafo_drescripcion{
	opacity:1;
}

#img_producto_descrip{
	position:absolute;
	right:60px;
	top:-60px;
}

#img_prod_cont{
	width:80px;
	height:80px;
	top:170px;
	right:0px;
	position:absolute;
	border-radius:50%;
	border-style: solid;
    border-width: 5px;
	border-color:rgba(33,168,233,1.00);
	background:rgba(255,255,255,1.00);
}

#h3_medida{
	position:absolute;
	width:100%;
	text-align:center;
	left:1px;
	top:19px;
}

#h5_medida{
	position:absolute;
	width:100%;
	line-height:18px;
	text-align:center;
	left:0px;
	top:16px
}

.parrafo_espacio{
	padding-left:30px;
}

#parrafo_corto{
	width:100%;
	max-width:700px;
}

#seccion_contacto{
	float:left;
	width:380px;
	height:1240px;
}

.mapa{
	width:600px;
	height:450px;
	float:right;
	margin-top:20px;
	margin-right:5px;
}

.cont_info{
	display:inline-block;
	float:left;
	width:100%;
	height:60px;
	background:#0087D3;
	margin:5px;
	overflow:hidden;
}

.cont_info:hover{
	background:#35A7E8;
}

.cont_info:hover .caja_info{
	left:90%;
} 

.cont_info:hover .caja_mas_info{
	opacity:1;
}
.cont_info:hover .h5_contacto{
	opacity:0;
}

.h5_contacto{
	opacity:1;
	font-size:24px;
	padding:20px;
}

.caja_info{
	height:100%;
	width:95%;
	left:0%;
	background:rgba(239,239,239,1.00);
	float:right;
	z-index:1;
}

.caja_mas_info{
	opacity:0;
	position:absolute;
	height:90%;
	padding:1.5%;
	width:95%;
	left:0%;
	z-index:0;
}

.p_mas_info_cont{
	font-size:17px;
	color:white;
}

.parrafo_contacto{
	position:relative;
	margin-top:20px;
	line-height:14pt;
}



#asesorias{
	width:600px;
	float:right;
}
.facebook_iframe{
		margin-left:5%;
		border: none; 
		visibility: visible;
		width:750px; 
		height:450px; 
	}



@media (min-width: 526px) and (max-width: 999px) {
	#premio{
		margin:0 auto;
	}
	
	#texto_about{
		width:60%;
		margin-left:5%;
	}
	
	#wave_index{
		margin-top:-20px;
	}
	
	.facebook_iframe{
		margin-left:5%;
		border: none; 
		visibility: visible;
		width:750px; 
		height:450px; 
	}
	.menu ul li {
		top:-10PX;
	}
	
	#img_producto_descrip{
		zoom:0.8;
		margin-top:70px;
		margin-right:-60px;
	}
	.mapa{
		margin-top:900px;
		width:100%;
		height:400px;
		margin-bottom:10px;
	}
	.mapa iframe {
		width:100%;
		height:400px;
	}
	
	#asesorias{
		width:100%;
		padding:10px;
		margin:0 auto;
	}
	
	#seccion_contacto{
		padding:10px;
		width:100%;
		height:1100px;
	}
	.menu ul {top:37px;}
	.menu li a{
		padding:4px;
	}
	#logo_small{
		height:80px;
		padding-left:2%;
	}
	#fondo_menu{
		height:80px;
	}
	#seccion_menu{
		height:80px;
	}
	#seccion_logo{
		height:450px;
		top:80px;
	}
	.container_noticias{
		height:400px;
	}
	#noticias{
		top:-20px;
		height:550px;
	}
	.wave{
		top:-00px;
	}
	.seccion{
		top: 30px;
	}
	
	#seccion1{
		margin-top:-30px;

	}
	
	#parrafo_corto{
		width:65%;
	}
	
	.img_header{
		height:150px;
	}
	#contenedor_redes{
		top:-00px;
	}
	
	#productos_home{
		opacity:0.5;
		top:60px;
	}
	#contenedor_logo{
		width:768px;
		height:450px;
		margin:0 auto;
	}
	canvas{
		zoom:0.77;
	}
	
	body{
		zoom:0.7;
	}
	#wrapper{
		zoom:0.75;
	}
	
	#iframe_formulario{
		height:850px;
	}
}

@media (min-width: 380px) and (max-width: 526px){
	#texto_about{
		width:90%;
		margin-left:5%;
	}
	
	#premio{
		margin:0 auto;
		margin-right:20%;
	}
	
	body{
		overflow-x:hidden;
	}
	
	#noticias{
		top:-20px;
		height:550px;
	}
	
	.facebook_iframe{
		border: none; 
		visibility: visible;
		width:600px; 
		height:450px; 
	}
	nav{
	margin-top:30px;
	display:inline-block;
	margin:0 auto;	
	
	}
	.mapa{
		margin-top:920px;
		width:100%;
		height:200px;
		margin-bottom:10px;
	}
	.mapa iframe {
		width:100%;
		height:200px;
	}	
	
	#asesorias{
		width:100%;
		padding:10px;
		margin:0 auto;
	}
	
	#seccion_contacto{
		padding:10px;
		width:97%;
		height:1120px;
	}
	
	#img_producto_descrip{
		zoom:0.8;
		margin-top:40px;
		margin-right:-60px;
		opacity:0.8;
	}
	.seccion{
		padding-top:30px;
	}
	
	#parrafo_corto{
		width:70%;
	}
	
	.menu ul {top:30px;}
	.menu li a{
		padding:4px;
		margin-left:2px;
	}
	#logo_small{
		height:80px;
		margin-left:33%;
	}
	#fondo_menu{
		height:120px;
	}
	#seccion_menu{
		height:120px;
	}
	#seccion_logo{
		height:400px;
		top:100px;
	}
	.container_noticias{
		height:400px;
	}
	#noticias{
		height:350px;
	}
	#contenedor_redes{
		top:20px;
		padding-top:20px;
	}
	#productos_home{
		display:none;
	}
	#contenedor_logo{
		width:768px;
		height:00px;
		margin:0 auto;
	}
	canvas{
		zoom:0.6;
		margin:0 auto;
	}
	
	body{
		zoom:0.7;
	}
	#wrapper{
		zoom:0.5;
	}
	
	#iframe_formulario{
		height:850px;
	}
}

@media (max-width: 379px){
	#texto_about{
		width:90%;
		margin-left:5%;
	}
	
	body{
		overflow-x:hidden;
	}
	
	.mapa{
		display:none;
	}
	
	#asesorias{
		top:560px;
		width:100%;
		padding:10px;
		margin:0 auto;
	}
	
	#asesorias{
		top:830px;
	}
	#seccion_contacto{
		padding:10px;
		width:100%;
		height:1200px;
	}

	#img_producto_descrip{
		display:none;
	}
	#premio{
		display:none;
	}
	#parrafo_about{
		
		width:100%;
	}
	.seccion{
		padding-top:30px;
	}
	.menu ul {top:30px;}
	.menu li a{
		padding:4px;
		margin-left:2px;
	}
	#logo_small{
		height:80px;
		margin-left:20%;
	}
	#fondo_menu{
		height:170px;
	}
	#seccion_menu{
		height:120px;
	}
	#seccion_logo{
		display:none;
	}
	#noticias{
		top:150px;
		height:400px;
		background:white;
	}
	.container_noticias{
		height:200px;
		background:white;
	}
	#contenedor_logo{
		width:768px;
		height:100px;
		margin:0 auto;
	}
	canvas{
		display:none;
	}
	
	body{
		zoom:0.7;
	}
	#wrapper{
		zoom:0.5;
	}
	#productos_home{
		display:none;
	}
	#contenedor_redes{
		display:none;
		top:150px;
		width:100%;
		height:400px;
		margin-bottom:-20px;
	}
	
	.facebook_iframe{
		border: none; 
		visibility: visible;
		width:300px;
		height: 450px; 
	}

	.wave{
		top:0px;
	}
	#wave3{
		top:-122px;
	}
	
	#wave_index2{
		display:none;
		top:100px;
		margin-top:50px;
	}
	
	#iframe_formulario{
		height:850px;
	}
}