body{ margin:0 auto 0 auto; width:1200px; background-color:#000000; overflow:hidden; overflow-y: scroll;}
/******index****/
#desc{position:relative; left:30px; top:20px; height:200px; width:200px; float:left; margin-left:20px;}
.pro_desc{text-align:left; font-family:Georgia; font-style:italic; font-size:14px; color:#80835C; line-height:16px;}
#proyectos_index{ width:1200px;  height:500px; float:left; position:relative; top:-130px; left:25px; margin:0 auto 0 auto; z-index:4;}
#audiovisual{width:370px; height:499px;   float:left; position:relative; top:20px; z-index:5; margin-left:100px;  }
#interactivo{width:370px; height:499px;   float:left; position:relative; top:20px; z-index:5;  }
.desc2{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; text-align:justify; color:#333333;}

/********Fondo cielo*************/

#bg_metamental{ width:700px; height:400px; background-image:url(../img/bg/cielo.jpg); background-repeat:no-repeat; background-position:left top; position:absolute; top:0; left:0; background-color:#000000; z-index:1;}

/********Logo MetamentalDOC*************/
#logo_{background-image:url(../img/bg/logo.png); background-repeat:no-repeat; background-position:left;  width:260px; height:190px; float:left;  position:relative; top:-30px; left:-3px; z-index:3;}

/********Contenido Fondo textura papel*************/
#cont{ width:1200px; margin:30px auto 0 auto; height:670px; position:relative; background-image:url(../img/bg/papel.jpg); background-repeat:no-repeat; background-position:top left; padding-top:50px; z-index:2;}

/***********menu de arriba***********/
#menu_nav{margin-left:350px; float:left; position:relative; top:-140px;}

/***********menu lateral aparatados************/
#menu_lateral{position:relative; left: 60px; top:-50px; height:200px; width:200px; float:left;}
.menu3{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#666666; font-weight:lighter;}
a.menu3:link {  text-decoration: none; color:#666666; }
a.menu3:visited { text-decoration: none; color:#666666; }
a.menu3:hover { text-decoration:none; color:#000000; }
a.menu3:active { text-decoration: none; color:#666666;}

/**********columna derecha*******/
#proyectos{ width:900px;  height:500px; float:left; position:relative; top:-130px; left:25px; margin:0 auto 0 auto; z-index:4;}

/******Títulos Items**********/

#tit_items{float:left; position:relative; top:-30px; left:-20px;}

/******Contenidos Items******/

#text_cont{width:850px; float:right; height:499px; position:relative; top:-100px; }

#margen1{margin:50px 30px 30px 160px;}


/*********Proyectos indice y textos ********/
#menu_proyectos{width:200px; height:399px; position:relative; top:50px; left:-10px; border-right:1px dashed #A39789; overflow:auto; float:left;} 
#menu_proyectos ul li{list-style-type:none; margin-left:40px; margin-top:2px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#FFFFFF; font-weight:lighter; padding:3px; color:#666666; background-color:#333333;}
#menu_proyectos a:link{text-decoration: none; color:#666666; background-color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#FFFFFF; font-weight:lighter; padding:1px;}
#menu_proyectos a:visited { text-decoration: none; color:#999999; }
#menu_proyectos a:hover { text-decoration:none; color:#FFFFFF; font-weight:bold; }
#menu_proyectos a:active { text-decoration: none; color:#666666;}

#proyectos_cont{width:620px; height:399px; float:left; position:relative; top:50px; border-top:1px dashed #A39789; border-bottom:1px dashed #A39789; border-right:1px dashed #A39789;}


/********cajas videos****/

#sombra{width:600px; height:400px;  -moz-box-shadow: 1px 5px 15px #C6C5B3; -webkit-box-shadow: 1px 5px 15px #C6C5B3; box-shadow: 1px 5px 15px #C6C5B3; border:1px dashed #A39789;}



#video{position:relative; top:80px; left:100px}






.titol_proyectos{font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; color:#666666; }
a.titol_proyectos:link {  text-decoration: none; color:#666666; }
a.titol_proyectos:visited { text-decoration: none; color:#666666; }
a.titol_proyectos:hover { text-decoration:none; color:#000000; }
a.titol_proyectos:active { text-decoration: none; color:#666666;}





/**************botones descargar pdf*******/
.link_descarga{background-color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#FFFFFF; font-weight:lighter; padding:4px;}
a.link_descarga:link {  text-decoration: none; color:#FFFFFF; }
a.link_descarga:visited { text-decoration: none; color:#FFFFFF; }
a.link_descarga:hover { text-decoration:none; color:#FFFFFF; background-color:#756655; }
a.link_descarga:active { text-decoration: none; color:#FFFFFF;}


.textos{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#333333; text-align:justify; }
.textos ul li{list-style-image:url(../img/bg/cua.png); padding-bottom:15px;}
a.textos:link {  text-decoration: none; color:#666666; }
a.textos:visited { text-decoration: none; color:#666666; }
a.textos:hover { text-decoration:none; color:#000000; }
a.textos:active { text-decoration: none; color:#666666;}

#commons{
	position:absolute;
	height: 35px;
	width: 300px;
	top: 630px;
	left: 990px;
	z-index:5000;
	color:#FFF;
	margin: 0;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
}
#commons img{ padding-bottom:5px;}