/* CSS Document */
#fondo{width:100%;height:100%;}/*este es el que permite centrar la pagina*/

#base{
	position:relative;
	top:5px;
	width:780px;
	height:550px;
	border:3px solid #000000;
	background-color:#ffffff;
	left: 0px;
	z-index:1;
}
#base2{
	position:absolute;
	top:5px;
	width:780px;
	height:550px;
	
	background-color:#ffffff;
	left: 0px;
	z-index:0;
}
#morado2{
	position:absolute;
	top:117px;
	left:0px;
	width: 774px;
	height: 428px;
	background-image:url(../imagenes/componentes/pxl_morado.gif);
	z-index:5;
}	
#logo{
	position:absolute;
	top:6px;
	left:6px;
	width: 122px;
	height: 29px;
    z-index:2;
}
#morado{
	position:absolute;
	top:117px;
	left:0px;
	width: 774px;
	height: 428px;
	background-image:url(../imagenes/componentes/pxl_morado.gif);
	z-index:5;
}
#menu{
	position:absolute;
	left: 4px;
	top: 3px;
	width: 769px;
	height: 21px;

	z-index:6;
}

.txt_evento_index{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#663366;
	font-size:10px;
	text-decoration:none;
	}
a.txt_evento_index:link{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#663366;
	font-size:10px;
	text-decoration:none;
}
a.txt_evento_index:hover{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffcc99;
	font-size:10px;
	text-decoration:none;
	}

/****************************************MENU*********************************/
.mn1{ position:absolute;left: 1px;top: 2px;width: 152px;height:17px;}
.mn2{ position:absolute;left: 153px;top: 2px;width: 152px;height:17px;}
.mn3{ position:absolute;left: 306px;top: 2px;width: 152px;height:17px;}
.mn4{ position:absolute;left: 459px;top: 2px;width: 152px;height:17px;}
.mn5{ position:absolute;left: 612px;top: 2px;width: 152px;height:17px;}


.mn
{  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
   	background-color:#330033;
	border-top:1px solid #cc99cc;
	border-left:1px solid #cc99cc;
	border-right:1px solid #330033;
	border-bottom:1px solid #330033;
	}
a.mn:link
{  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
    background-color:#660066;
	border-top:1px solid #cc99cc;
	border-left:1px solid #cc99cc;
	border-right:1px solid #330033;
	border-bottom:1px solid #330033;
	}
a.mn:hover
{  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	background-color:#990099;
	border-top:1px solid #cc99cc;
	border-left:1px solid #cc99cc;
	border-right:1px solid #660066;
	border-bottom:1px solid #660066;
	}
.mn_on
{  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	background-color:#990099;
	border-top:1px solid #cc99cc;
	border-left:1px solid #cc99cc;
	border-right:1px solid #660066;
	border-bottom:1px solid #660066;
	}

/********************************INDEX*****************************/
#fotos_index{
	position:absolute;
	top:5px;
	left:5px;
	z-index:8;}
#eventos_index{
	position:absolute;
	top:5px;
	left:465px;
	height:88px;
	z-index:8;
	width: 289px;
}
#logo_index{
	position:absolute;
	top:259px;
	left:4px;
	width: 122px;
	height: 29px;
    z-index:2;
}
#frase{
font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cccccc;
	text-align:left;
	font-size:11px;
	position:absolute;
	top:165px;
	left:200px;
	width:290px;
	padding-left:5px;
	height: 60px;
    z-index:22;
}
#ventana_index{
	position:relative;
	width:80px;
	height: 80px;
	overflow:hidden;
	display: block;
	}	
#violeta{
	position:absolute;
	top:299px;
	left:0;
	width: 774px;
	height: 104px;
	background-image:url(../imagenes/componentes/pxl_violeta.gif);
	z-index:3;
}
#filo{
	position:absolute;
	top:3px;
	left:4px;
	width: 765px;
	height: 97px;
	border:1px solid #fff;
	z-index:4;

}
#morado_index{
	position:absolute;
	top:403px;
	left:0;
	width: 774px;
	height: 142px;
	background-image:url(../imagenes/componentes/fondo_morado.gif);
	z-index:5;
}
#menu_index{
	position:absolute;
	left: 4px;
	top: -1px;
	width: 769px;
	height: 21px;
	z-index:6;
}
#escalera_index{
	position:absolute;
	left: 650px;
	top: 21px;
	width: 100px;
	height: 130px;
	z-index:8;
}

.txt_evento{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffccff;
	font-size:11px;
	text-decoration:none;
	}
a.txt_evento:link{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffccff;
	font-size:11px;
	text-decoration:none;
}
a.txt_evento:hover{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffcc99;
	font-size:11px;
	text-decoration:none;
	}

a.txt_evento:active{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffcc99;
	font-size:11px;
	text-decoration:none;
	}



.txt_mn{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4497b3;
	font-size:15px;
	padding-left:25px;
	text-decoration:none;
	font-weight:bold;}
a.txt_mn:link{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4497b3;
	font-size:15px;
	padding-left:25px;
	text-decoration:none;
	font-weight:bold;}
a.txt_mn:hover{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ff9933;
	font-size:15px;
	padding-left:25px;
	text-decoration:none;
	font-weight:bold;}
.txt_mn_on{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#8bcede;
	font-size:15px;
	padding-left:25px;
	text-decoration:none;
	font-weight:bold;}
#frase{
	position:absolute;
	top:205px;
	left:451px;
	width: 305px;
	height: 59px;
	z-index:7;
}	
#ventana{
	position:relative;
	width:55px;
	height: 55px;
	background-color:black;
	overflow:hidden;
	display: block;
					
			

          }
/**************************** ferias y exposiciones****************************/		  
.scroll{
	scrollbar-3dlight-color:#774378;
	scrollbar-darkshadow-color : #774378;
	scrollbar-highlight-color : #774378;
	scrollbar-shadow-color : #774378;
	scrollbar-arrow-color : #774378;
	scrollbar-face-color : #996699;
	scrollbar-track-color : #774378;
	
	}	  
#ventana_2{
	position:relative;
	width:55px;
	height: 55px;
	overflow:hidden;
	display: block;
	}
#exp_mapa{
	position:absolute;
	top:34px;
	left:18px;
	width:264px;
	height: 384px;
	z-index:12;}
	
#exp_listado{
	position:absolute;
	top:33px;
	left:291px;
	width:471px;
	height: 332px;
	display: block;
	overflow:auto;
	z-index:13;}
	
	#img_default{
	position:absolute;
	top:5px;
	left:24px;
	width:100px;
	height: 332px;
	
	z-index:1;}
.txt_evento_off{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cc99cc;
	font-size:11px;
	text-decoration:none;
	}
a.txt_evento_off:link{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cc99cc;
	font-size:11px;
	text-decoration:none;
}
a.txt_evento_off:hover{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffcc99;
	font-size:11px;
	text-decoration:none;
	}
a.txt_evento_off:active{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffcc99;
	font-size:11px;
	text-decoration:none;
	}
	
	
/****************************curriculum***************************/
#cv_listado{
	position:absolute;
	top:35px;
	left:220px;
	width:552px;
	height: 301px;
	display: block;
	overflow:auto;
	z-index:13;}
#escalerapk{
	position:absolute;
	top:338px;
	left:688px;
	width:61px;
	height: 85px;
	z-index:16;}
	
/**************************** contactar ****************************/
#formulario{
	position:absolute;
	top:33px;
	text-align:center;
	left:337px;
	width:410px;
	height: 357px;
    background-image:url(../imagenes/componentes/pxl_bg_form.gif);
	z-index:13;}
#datos_contacto{
	position:absolute;
	top:63px;
	left:32px;
	width:238px;
	height: 343px;
	background-repeat:no-repeat;
	background-image:url(../imagenes/decor/bg_logo.jpg);
	z-index:13;}
.input{
	border:1px solid #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cc99cc;
	font-size:11px;

}
.txt_form{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffccff;
	font-size:11px;
    text-decoration:none;
}
a.txt_form:link{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffccff;
	font-size:11px;
	text-decoration:none;

}

a.txt_form:hover{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffcc99;
	font-size:11px;
    text-decoration:none;
}
.enviar{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
    text-decoration:none;


}



	
/**************************** trabajos****************************/
/*fotos menu con scroll horizontal*/
	
#mnf{
	position:relative;
	width:760px;
	height: 60px;
	overflow:hidden;
	display: block;
	left: 1px;
	top: 2px;

}
#categoria{
    position:absolute;
	left:550px;
	top:25px;
	width:200px;
	text-align:right;
	height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#784578;
	font-size:27px;
	padding-right:10px;
	z-index:40;

}
	
#datosImagen{
    position:absolute;
	left:616px;
	top:28px;
	width:152px;
	height: 160px;

}
#siguiente{
    position:absolute;
	left:300px;
	top:360px;
	width:100px;
	height:20px;
	z-index:90;

}
#anterior{
    position:absolute;
	left:10px;
	top:360px;
	width:100px;
	height:20px;
	z-index:90;

}
					
#fotos{position:absolute;top:55px;left:4px;width:725px;
	height:45px;z-index:20;text-align:left}
	
#desplegable
{
	position:absolute;
	left:464px;
	top:22px;
	width:150px;
	height: 132px;
	display: block;
	padding-left:5px;
	overflow:auto;
	scrollbar-3dlight-color : #784578;
	scrollbar-darkshadow-color : #784578;
	scrollbar-highlight-color : #784578;
	scrollbar-shadow-color :#784578;
	scrollbar-arrow-color :#ffccff;
	scrollbar-face-color : #784578;
	scrollbar-track-color : #784578;
	z-index:12;
   border:1px solid #996699;
}

#iframe{
	position:absolute;
	top:0;
	left:0;
	z-index:13;}
#contenidos{
	position:absolute;
	top:147px;
	left:7px;
	z-index:11;}

.txt_mn_im{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffccff;
	font-size:10px;
	padding-left:10px;
	padding-top:7px;
	text-decoration:none;
	font-weight:normal;}
a.txt_mn_im:link{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffccff;
	font-size:10px;
	padding-left:10px;
	text-decoration:none;
	font-weight:normal;}
a.txt_mn_im:hover{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ff9933;
	font-size:10px;
	padding-left:10px;
	text-decoration:none;
	font-weight:normal;}
a.txt_mn_im:active{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ff9933;
	font-size:10px;
	padding-left:10px;
	text-decoration:none;
	font-weight:normal;}

/**************************** aad****************************/
#aad{
    position:absolute;
	left: 629px;
	top: 550px;
	width: 200px;
	height:12px;
	}
	
.txt_aad{font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cccccc;
font-size:10px;
text-decoration:none;
font-weight:normal;
text-align:left;}	
a.txt_aad:link{font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cccccc;
font-size:10px;
text-decoration:none;
font-weight:normal;
text-align:left;}
a.txt_aad:hover{font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cc99cc;
font-size:10px;
text-decoration:none;
font-weight:normal;
text-align:left;}