html, body
	{
	 background:#000;
	 overflow:hidden;
	 margin: 0;
	 padding: 0;
	 width: 100%;
	 height: 100%; 
	}
div
	{
		font-size:14px; /* *****************************************  */
		transition:font-size .5s linear;
		
	}

.content {
	min-height: 100%;
	position: relative;
	overflow: auto;
	z-index: 0; 
	overflow:hidden;
	background:#000;
}	
.background {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}

.top_block {
	width: 100%;
	display: block; 
	
}

.bottom_block {
	position: absolute;
	width: 100%;
	display: block;
	bottom: 0; 
}

.left_block {
	display: block;
	float: left; 
}

.right_block {
	display: block;
	float: right; 
}

.center_block {
	display: block;
	width: auto; 
}

.block_1 {
	width: 100%;
	height: 80px;
}

.block_2 {
	width: 100%;
	height: 80px;
	background-color: #000;
	color:#EEE;
	transition:all 1s ease-in-out;
}

.TheBlock
	{
	  height:90%;
	  overflow:hidden;	
	}
.Logotipo
	{
	position:absolute;
	left:60px;
	top:40px;		
	transition: all 1s ease-in-out;
	}
.Logotipo img
	{
		width:1px; /* *****************************************  */
		padding:100px;
		position:absolute;
		left:0px;
		top:0px;
		transition:opacity .5s linear;
		
		background-repeat:no-repeat;				
	}
.Logotipo img:first-child
	{
	background-image:url("../images/LogoEDMP/200.png");	
	}
.Logotipo img:last-child
	{
	background-image:url("../images/LogoEDMP/200w.png");	
	}
.TopBlockContainer
	{
		padding:0px;
		padding-top:20px;/* *****************************************  */
		padding-bottom:10px;
	}	
.BottomBlockContainer
	{	
		padding-bottom:0px;			
	}
.MenuButton
	{
		margin:12px; /* *****************************************  */
		display:inline-block;
		cursor:pointer;
		text-align:center;	
		
	}		
.CenterSymbol
	{
	width:60px !important;  /* *****************************************  */
	text-align:center;	
	}
.CenterSymbol img
	{
	width:25px;	
	}
.MainImageContainer
	{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
	}
.MainImage
	{
	max-height:100%; 
	max-width:100%;
	transition:opacity .5s linear;
	opacity:1
	}
.MainImage2
	{
	max-height:100%; 
	max-width:100%;
	transition:opacity .5s linear;
	opacity:0
	}	
	.CenterSymbol
	{
	width:80px; 
	text-align:center;	
	}	
@media screen and (max-width: 1100px) { /* Bajas resoluciones */

	}
	
@media screen and (min-width: 1921px) {  /* Grandes resoluciones */

	}	/* End media 1921 ->   */


.UnderConstruction
	{
		color:#FF0;
		opacity:0;
		font-size:35px;
		text-shadow:-5px 5px 5px #000000;	
		transition:opacity 1s linear;
		text-align:center;
		position:absolute;
		bottom:200px;
		right:0px;
		width:500px; z-index:999;
		
		
		
	}
.FlechaSelectora
	{		
		position:absolute;
		top:50px;
		left:200px;	
		width:31px;
		height:9px;
		opacity:0; 
		transition:all .5s ease-in-out;
	}
.FlechaSelectora2
	{		
		position:absolute;
		top:150px;
		left:0px;	
		width:31px;
		height:9px;
		opacity:0; 
		transition:all .5s ease-in-out;		
	}
.FlechaSelectora3
	{		
		position:absolute;
		top:30px;
		left:50%;	
		width:31px;
		height:9px;
		opacity:0; 
		transition:all .5s ease-in-out;
		
	}
	
	
.SubMenu
	{
		padding-left:20px; /* *****************************************  */
		padding-right:20px;
		padding-bottom:0px;
	}
.SubMenu_Contenido
	{
		transition:opacity .1s linear;	
		
		
	}
.SubMenu_X
	{
			
		float:right;
		position:relative;
		right:20px;  /* 10 para compensar el padding left de .SubMenu */
		margin-top:2px;
		margin-right:10px;
		color:white;
		font-size:10px;
		font-weight:bold;
		cursor:pointer;	
		width:20px;	
		z-index:999;
	}
.ThirdMenu_X
	{
		float:right;
		position:relative;		
		right:0px;		
		margin-top:2px;
		margin-right:10px;
		color:white;
		font-size:10px;
		font-weight:bold;
		cursor:pointer;
		width:20px;
		z-index:999;
		opacity:0;
	}
	
.MENU_LVL2
	{
		color:white;
		display:inline-block;
		height:30px;  /* *****************************************  */
		margin-left:10px; /* *****************************************  */
		margin-right:10px; /* *****************************************  */
		vertical-align:bottom;
		padding-bottom:5px;
		padding-top:50px;
		cursor:pointer;
		background:#333; 
		text-align:center;
		transition:background .5s linear;
				
	}
.MENU_LVL2:hover
	{
		background:#555;
	}
.MENU_LVL3
	{
		color:white;
		display:inline-block;
		height:30px;  /* *****************************************  */
		border-left:none 1px #aaa;
		border-right:none 1px #aaa; 
		vertical-align:middle;
		cursor:pointer;
		text-align:center;
		margin-right:20px;
		margin-left:20px;		
		/*font-size:13px;*/
	}	
.MENU_LVL3:hover
	{
		
	}	
.ThirdMenu
	{		
		position:absolute; 
		height:30px;
		left:50%; 
		top:10px;
		opacity:0;
		transition:opacity .5s linear;			
		
	}
.PageContent
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:100;
		opacity:0;
		transition:opacity .3s ease-in-out;		
	}
.PageContent DIV
	{
		padding:15px; /* *****************************************  */
	}
.PageContent P
	{
		width:90%;		
		margin:0px;
		font-size:100%;
	}
.ProductText
	{
		color:white !important;
		left:50%;
		top:50px;
	}
.ProductImage
		{
			position:absolute;
			border:solid 1px #ddd;
			width:480px;  /* *****************************************  */
			top:200px;  /* *****************************************  */
			left:60px;
		}