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

body{
	/*background: #ececec url(../images/main-pattern.png);*/
    /*color: #888;*/
	background-color: #FFF;
	/*background-image: url(../images/bg-body.png);*/
	}
	
#footer{
	position:relative;
	width:1100px;
	height:180px;
	margin: 50px auto 0 auto;
	color:#0FF;
	/*border:#6F0 solid 1px;*/}
	

#wrapper{
	position:relative;
	width:960px;
	height:960px;
	background-image: url(../images/color-promocionales.png);
	/*left:50px;*/
	/*top:0px;*/
	/*height:100%;*/
	margin:0 auto 0 auto;
}

#logo-mgc a{
	position:absolute;
	background-image: url(../images/logotipo.png);
	text-indent:-9999px;
	width:300px;
	height:200px;
	top:0px;
	left:0px;}
	
#logo-mgc a:hover{
	background-image: url(../images/logotipo-gris.png);}

/*#logo-mgc{
	position: relative;
	width:300px;
	height:200px;
	float:left;
	left:0px;
	top:25px;
}*/

#navegacion ul{
	margin:80px auto 0 0;
    list-style:none;
	z-index:50;
}
	
#navegacion ul.nivel-uno{
	position: absolute;
	float:right;
	width:700px;
	height:30px;
	left:365px;
	/*top:80px;*/
	/*background:#ee1b22; */  /*color rojo fuerte*/
	z-index:50;
}

#navegacion ul.nivel-uno li{
	display:block;
	width:115px;
	height:30px;
	float: left;
	z-index:50;
}

#navegacion ul.nivel-uno li a{
	border:0 solid #999;
	border-top:none;
	color: #aaa; /*color de las letras de la barra de navegacion*/
	/*background: #000;*/
	display:block;
	/*background-image:url(../images/elementos/textura.jpg);*/
	width:115px;
	height:30px;
	/*float:left;*/
	text-decoration:none;
	text-align:center;
	/*background: #000;*/
	/*background: #666;*/ /*color gris fuerte*/   /*color rojo fuerte #ee1b22*/
	line-height:30px;
	font-family:"Comfortaa", Arial, Helvetica, sans-serif;
	font-size:0.75em;
	/*color:#FFF;*//*color blanco palabra de los botones*/
	/*border: 1px solid #FFF;*/
	z-index:50;
}

#navegacion ul.nivel-uno li a:hover{
	border:1px solid #999;
	width:113px;
	height:28px;
	background: #CCC;
	color:#fff;
	/*background: #666;*/ /*color gris para cambio de botones*/                        /*#999;*//*color gris claro*/
	/*color: #000;*/
	/*border: 1px solid #FFF;*/
	z-index:50;
}

#navegacion ul.nivel-uno li .nivel-dos{
	display:none;
	z-index:50;
}

#navegacion ul.nivel-uno li:hover .nivel-dos{
	display:block;
	z-index:50;
}

#navegacion ul.nivel-uno li .nivel-dos{
	position: absolute;
	/*left:192px;*/
	top:-50px;
	display:none;
	z-index:50;
}

#navegacion ul.nivel-uno li .nivel-dos li:hover{
	display:block;
	z-index:50;
}

/* CONTENIDO ///// CONTENIDO CONTENIDO ///// CONTENIDO CONTENIDO ///// CONTENIDO CONTENIDO ///// CONTENIDO */
#articulos{
	position: relative;
	top:35px;
	left:130px;
	width:700px;}
	
#texto-promocionales{
	text-align:justify;
	font-family:"Comfortaa", Arial, Helvetica, sans-serif;
	font-size:1em;
	}
	
#texto-promocionales a{
	color:#000;
	font-size:1em;}
	
#texto-promocionales h1{
	font-family:"Flamenco", Arial, Helvetica, sans-serif;
	color:#f4b409;
	font-size:2.3em;
	}
	
#texto-promocionales strong{
	color: #f4b409;
}

	
#lista_product{
	position:absolute;
	width:700px;
	height:300px;
	font-family:"Comfortaa", Arial, Helvetica, sans-serif;
	font-size:0.98em;
	margin-left:0px;
	margin-top:30px;
	text-align:justify;
	overflow-y:scroll;
	overflow:-x:none;
	padding:5px;
	}


/* CONTENIDO ///// CONTENIDO CONTENIDO ///// CONTENIDO CONTENIDO ///// CONTENIDO CONTENIDO ///// CONTENIDO */

#contenido{
	position:relative;
	width:960px;
	height:11px;
	margin:0 auto 0 auto;
	/*border:#6F0 solid 1px;*/}

.shadow-main{
    width: 804px;
    height: 11px;
    margin-left: 68px;
	/*margin-top:260px;*/
	background: url(../images/shadow-main.png) no-repeat top center;
}

/*#esloganmgcuno a{
	position: absolute;
	background-image: url(../images/screen-shot.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:365px;
	height:40px;
	left:735;
	}
	
#esloganmgcuno a:hover{
	background-image: url(../images/screen-shot-gris.png);}*/


/*#sloganmgc{
	position: relative;*/	
	/*width:510px;  <!--no vale-->
	height:50px;  <!--no vale-->*/	
	/*z-index:50;
	top:425px;
	left:515px;
	font-weight: bold;*/
	/*margin:85px auto 0 630px;*/
	/*}*/

/*#sloganmgc p{
color: #000;
font-size:2.5em;
font-family:"Bilbo" Arial, Helevtica, Verdana, san-serif;
	}
	
#sloganmgc a{
	color:#000;
	text-decoration: none;
}

#sloganmgc a:hover{
	color: #666;
}
	
#sloganmgc strong{
	color:#f4b409;
}*/

#redes{
	position:relative;
	width:1100px;
	height:130px;
	top:30px;
	padding-bottom:50px;
	/*left:100px;*/
	margin:0 auto 0 auto;
	/*border:#6F0 solid 1px;*/
	}

#facebookuno_png{
	position:absolute;
	width:60px;
	height:120px;
	left:0px;
	z-index:50;
	}
	
#twitter_png{
	position:absolute;
	width:60px;
	height:120px;
	left:80px;
	z-index:50;
}

#derechos{
	position: absolute;
	top:100px;
	font-size:0.7em;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	z-index:50;
}

#derechos p{
	color:#a5a5a5;
	}

#derechos p a{ 
	color:#a5a5a5;
}

#derechos p a:hover{
   	font-weight: bold;
}

#derechos strong a{
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-size:.9em;
	text-decoration:none;
	font-weight:normal;
	}
	
#derechos strong a:hover{
	font-weight:bold;
	font-size:.96em;
}