@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:1450px;
	background-image: url(../images/color-produccion.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 */
#audio-visual{
	position: relative;
	top:35px;
	left:130px;
	width:700px;}
	
#texto-produccion{
	text-align:justify;
	font-family:"Comfortaa", Arial, Helvetica, sans-serif;
	font-size:1em;
	}
	
#texto-produccion a{
	color:#000;
	font-size:1em;}
	
#texto-produccion h1{
	font-family:"Flamenco", Arial, Helvetica, sans-serif;
	color:#f4b409;
	font-size:2.3em;
	}
	
#video1{
	display:block;
	width:560px;
	height:315px;
	margin-top:60px;
	margin-left:200px;}

#video1 h2{
	display:block;
	/*width:100%;*/
	/*height:65px;*/
	margin-top:0px;
	/*padding:200px 0 0 0;*/
	font-size:1.3em;
	color: #999;
	font-family:"Comfortaa", Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #999999;
	}

#video1 p{
	display:block;
    /*width:100%;*/
	font-family:"Comfortaa", Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-align:justify;
	color: #000;
	}
	
#video1 strong{
	font-family:"Bilbo", Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight: lighter;
}

#videos-contenidos{
	position:relative;
	width:960px;
	top:150px;
	left:120px;}
	
#video2{
	position:absolute;
	width:350px;
	height:250px;
	margin-left:0px;}

#video2 h2{
	/*display:block;*/
	margin-top:0px;
	font-size:1.3em;
	color: #999;
	font-family:"Comfortaa", Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #999999;
	}

#video2 p{
	/*display:block;*/
    font-family:"Comfortaa", Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-align:justify;
	color: #000;
	}
	
#video2 strong{
	font-family:"Bilbo", Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight: lighter;
}

#video3{
	position:absolute;
	width:350px;
	height:250px;
	margin-left:370px;}

#video3 h2{
	/*display:block;*/
	margin-top:0px;
	font-size:1.3em;
	color: #999;
	font-family:"Comfortaa", Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #999999;
	}

#video3 p{
	/*display:block;*/
    font-family:"Comfortaa", Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-align:justify;
	color: #000;
	}
	
#video3 strong{
	font-family:"Bilbo", Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight: lighter;
}

/* 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;
}