@charset "utf-8";
/* CSS Document */

@media (min-width: 0px) and (max-width: 500px){
body{
	overflow-x:hidden;
}

.contenido_general{
	min-width:300px;
}

#seccion_miatura{
	position:relative;
	width:100%;
	text-align:center;
	margin:0 auto;
	padding-bottom:20px;
	padding-top:20px;
	left:-6px;
}

#seccion_texto{
	position:relative;
	margin-top:0px;
	width:90%;
	text-align:left;
}

#seccion_detalles_producto{
	height:auto;
	overflow-y:visible;
}

.producto_detalles_img{
	width:100%;
	height:200px;
}

.contenedor_detalles{
	width:100%;
	height:auto;
	text-align:center;
	padding:10px;
	margin-top:-20px;
	margin-bottom:0px;
}

.iframe_presentacion{
	display:none;
	}
	
	#img_molecula_aclarant{
	width:100%;
	height:200px;
	background:url(../images/molecula-bioactive-aclarant.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

#img_molecula_tensor2{
	width:100%;
	height:200px;
	background:url(../images/molecula-bioactive-tensor2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

#img_molecula_ojeras{
	width:100%;
	height:200px;
	background:url(../images/molecula-suero-para-ojeras.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

#img_gel_reaf_senos1{
	width:100%;
	height:180px;
	background:url(../images/img_gel_reaf_senos.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

#info{
	position:relative;
	display:block;
	float:left;
	width: 100%;
	height:100%;
	margin-right:10px;
	margin-bottom:50px;
}

#formulario{
	margin-left:10px;
	float:right;
	width:100%;
	height:600px;
	padding:5px;
	background:rgb(1,119,191);
}

#wrapper{
	display:block;
	top:20px;
	width:100%;
	max-width:960px;
	height:200px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.titulo_menu_diplomado{
	font-size:50px;
	margin-top:20px;
}

.texto_menu_diplomado{
	display:none;
}

.titulo_diplomado{
	font-size:20px;
	margin-top:20px;
}

#seccion01{
	position:relative;
	width:100%;
	height:300px;
}

#hex_01{
	position:relative;
	width:452px; 
	height:687px;
	top:-450px;
	left:-220px;
	z-index:1; 
}

#menu_diplomado{
	position:relative;
	height:100px;
	width:100%;
	top:10px;
	z-index:2;

}

#logo_diplomado{
	background:url(../images/diplomado/logo.png); 
	position:relative;
	background-position:center; 
	background-size:contain; 
	background-repeat:no-repeat; 
	width:90%; 
	height:290px;
	top:50px; 
	margin:0 auto;
	z-index:2;
}

.elemento_menu_diplomado{
	background: rgba(230, 255, 255, 1);
	transform:  scale(0.5);
	margin:-25px;
}

#hex_02{
	width:100%;

}

#parrafo_objetivos{
	width:100%;
	display:inline-table;
}

.hex_03{
	width:183px;
	height:212px;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
}

.subtitulo{
	font-size:18px;
	margin-left:-20px;
	display:block;
}

}