


html, body {margin:0; padding:0  height:100%;background-color:#000000; background-image:url(../img/bg/gris.jpg); }
#wrapper {min-height:100%; position:relative; background-color:#000000}
#cap{width:100%; height:250px; margin:0 auto 0 auto; background-image:url(../img/bg/cap.jpg); background-repeat:repeat-x; background-color:#000000; text-align:center; z-index:5000; position:absolute;}
#cap img{padding-top:30px; margin-right:10px; border:0}


/*****INDEX_******* */
#content {padding-bottom:250px; margin-left:auto; margin-right:auto; width:1000px; }
#footer {width:100%; height:250px;position:absolute;bottom:0;left:0; background-image:url(../img/bg/bajo.jpg); background-repeat:repeat-x; z-index:1000}
#negro{  background-color:#000000; position:absolute; top:150px; height:500px;  z-index:1; width:100% }
#col_index{  background-color:#000000; position:absolute; top:150px; height:500px; margin-left:150px; z-index:10; }
#sombra{ background-image:url(../img/bg/sombra.png); width:800px; height:500px; position:absolute; top:150px; margin-left:100px; z-index:40; }
#menu_index{ position:absolute; top:120px; width:600px; margin-left:200px;  height:40px; z-index:6; text-align:center;}
#menu_index img {margin-right:20px;}
#texto   {width:500px; height:200px; padding-top:20px; color:#FFFFFF; font-size:14px; font-size:12px; font-family:sans-serif; font-weight:lighter; line-height:17px; text-transform:uppercase; text-align:justify; margin:0 auto 0 auto; position:relative; top:10px;   z-index:2000;}
#creditos{width:500px; height:200px; padding-top:20px; color:#F09F1A; font-size:12px; font-family:sans-serif; font-weight:lighter; line-height:17px; text-align:justify; margin:0 auto 0 auto; position:relative; top:10px; display:none;  z-index:2000;}
#boton {width:60px; height:20px; margin:0 auto 0 auto; z-index:3000; position:relative; top:-20px; background-image:url(../img/btn/quisom.png); background-repeat:no-repeat; background-position:center top;}
#boton2{width:60px; height:20px; margin:0 auto 0 auto; z-index:3000; position:relative; top:-20px; background-image:url(../img/btn/info.png); background-repeat:no-repeat; background-position:center top; display:none;}
.nombres{color:#FFFFFF}
.tit{color:#F09F1A;}

/**********páginas******/

#content2 { width:100%; height:770px;  background-color:transparent;}
#ventana{width:1000px; height:500px; position:relative; top:250px; margin:0 auto 0 auto; background-color:#00000; z-index:1000}
#ventana_cont{width:800px; top:0; height:500px; float:right;}
#menu_in{width:180px; background-image:url(../img/bg/menu.jpg); background-repeat:repeat-y; float:left;  }
#menu_in img{border-bottom:4px solid #000000; }
#menu_in_it{border-bottom:1px solid #FCA115; color:#9F9F9F;  padding-top:3px; padding-right:5px; padding-bottom:3px; text-align:left; font-family:sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:2px; width:180px;  }
#menu_in_it a:link { text-decoration: none; color:#9F9F9F; padding-right:5px;}
#menu_in_it a:visited {text-decoration: none; color:#737373}
#menu_in_it a:hover {text-decoration:none; color:#FFFFFF;}
#menu_in_it a:active {text-decoration: none; color:#9F9F9F }
#menu_in_it ul li { text-align:left; margin:0; padding-left:-5px; list-style-image:url(../img/btn/lista.png); letter-spacing:0; font-size:10px;}


#autores{border-bottom:1px solid #FCA115; width:180px; height:24px; padding-top:3px;}
#autores_btn{float:right; margin:0 5px 0 0; position:relative; top:0; background-color:transparent;}
#autores_btn img{float:right; margin:0; position:relative; top:0; background-color:transparent; border:0;}
#autores_btn2{float:left; margin:0 5px 0 0; position:relative; top:0; background-color:transparent;}
#autores_btn2 img{float:left; margin:0; position:relative; top:0; background-color:transparent; border:0;}
#menu_in_it2{ padding-top:3px; padding-bottom:3px;  text-align:left; font-family:sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:2px; color:#9F9F9F;}
#menu_in_it2 a:link { text-decoration: none; color:#9F9F9F; }
#menu_in_it2 a:visited {text-decoration: none; color:#737373}
#menu_in_it2 a:hover {text-decoration:none; color:#FFFFFF;}
#menu_in_it2 a:active {text-decoration: none; color:#9F9F9F }

.iframe_bg{background-color:transparent}

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

