/* CSS Document */

body{
	margin: 0;
	padding: 0;
	background: #e4f3f0;
}
img{
	border:0;
	padding:0;
	margin:0;
}
#fondo_index{width:100%;height:100%; background: url(/imagenes/decor/fondo.gif) 0 -100px repeat-x #e4f3f0;}/*este es el que permite centrar la pagina*/
#fondo{width:100%;height:100%; background: url(/imagenes/decor/fondo.gif) 0 -350px repeat-x #e4f3f0;}/*este es el que permite centrar la pagina*/

#base{
	position:relative;
	top:18px;
	width:1000px;
	height:700px;
	background-color:#ffffff;
	left: 0px;
	z-index:1;
}
#base_index{
	position:relative;
	top:55px;
	width:1000px;
	height:800px;
	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;
    z-index:2;
}
#morado{
	position:absolute;
	top:211px;
	left:0px;
	width: 100%;
	height: 710px;
	background: #fff;
	z-index:5;
}
#menu{
	position:absolute;
	left: 4px;
	top: 3px;
	width: 769px;
	height: 21px;

	z-index:6;
}
#menu_int{
	background:url(../imagenes/decor/portada.jpg) 0 0 no-repeat #E4F3F0;
	position: absolute;
	width: 1000px;
	padding: 10px 0px 10px 11px;
	left:0px;
}

.titulo{
	font-size: 26px;
	padding: 120px 0 0 25px;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #457380;
	display: none;
}

.txt_evento_index{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003334;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	width: 380px;
	}
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;}
*/
.mn div{
	display:block;
	height:37px;	
}
.mn5{ background-color:#8e93a6;}

.mn
{  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#405d65;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
    background-color:#fefdfb;
	width: 155px;
	height: 37px;
	display: block;
	padding-top:15px;
	float:left;
	margin-right: 8px;
	opacity: 0.8;
}

.mn_sel{
	color:#fefdfb!important;
	background-color:#405d65!important;
}

a.mn:hover
{  
	color:#fefdfb;
	background-color:#405d65;
	}
.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:15px;
	left:10px;
	z-index:8;}
#eventos_index{
	height: 110px;
    left: 600px;
    position: absolute;
    top: 10px;
    width: 380px;
    z-index: 8;
}
#logo_index{
	position:absolute;
	top:240px;
	left:5px;
    z-index:2;
}
#frase{
font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cccccc;
	text-align:left;
	font-size:14px;
	position:absolute;
	top:165px;
	left:200px;
	width:290px;
	padding-left:5px;
	height: 60px;
    z-index:22;
}
#ventana_index{
	position:relative;
	width:100px;
	height: 100px;
	overflow:hidden;
	display: block;
	border: 0;
	}	
#violeta{
	position:absolute;
	top:289px;
	left:0;
	width: 1000px;
	height: 135px;
	background:#fff;
	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:424px;
	left:0;
	width: 1000px;
	height: 425px;
	background:url(/imagenes/decor/portada.jpg) 0 0 no-repeat #fff;
	z-index:5;
}
#menu_index{
	position:absolute;
	left: 15px;
	top: 10px;
	width: 1000px;
	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:#457380;
	font-size:11px;
	text-decoration:none;
	}
a.txt_evento:link{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#457380;
	font-size:11px;
	text-decoration:none;
}
a.txt_evento:hover{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	}

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



.txt_mn{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	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;
	border: 0;
	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;
	border: 0;
	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:165px;
	left:610px;
	width: 405px;
	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:#E4F3F0;
	scrollbar-darkshadow-color : #E4F3F0;
	scrollbar-highlight-color : #E4F3F0;
	scrollbar-shadow-color : #E4F3F0;
	scrollbar-arrow-color : #E4F3F0;
	scrollbar-face-color : #fefdfb;
	scrollbar-track-color : #E4F3F0;
	
	}	  
#ventana_2{
	position:relative;
	width:55px;
	height: 55px;
	overflow:hidden;
	display: block;
	}
#exp_mapa{
	position:absolute;
	top:85px;
	left:18px;
	width:264px;
	height: 384px;
	z-index:12;}
	
#exp_listado {
    display: block;
    height: 900px;
    left: 295px;
    overflow: auto;
    position: absolute;
    top: 85px;
    width: 680px;
    z-index: 13;
}
	
#img_default{
	border-bottom: 10px solid #fff;
	position:absolute;
	z-index:1;
}
.txt_evento_off{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#457380;
	font-size:11px;
	text-decoration:none;
	}
a.txt_evento_off:link{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#457380;
	font-size:11px;
	text-decoration:none;
}
a.txt_evento_off:hover{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#457380;
	font-size:11px;
	text-decoration:none;
	}
a.txt_evento_off:active{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#457380;
	font-size:11px;
	text-decoration:none;
	}
.txt_evento_off{
	padding: 4px 3px 0px 8px;
}
.txt_evento{
	padding: 4px 3px 0px 8px;
}

.evento_fecha{
	font-weight: bold;
	padding-top: 0px!important;
}
	
/****************************curriculum***************************/
#cv_listado{
	position:absolute;
	top:85px;
	left:280px;
	width:700px;
	height: 2400px;
	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:180px;
	text-align:center;
	left:400px;
	width:550px;
	height: 357px;
    background: #E4F3F0;
	z-index:13;}
#datos_contacto{
	position:absolute;
	top:180px;
	left:80px;
	width:238px;
	height: 343px;
	background-repeat:no-repeat;
	z-index:13;}
.input{
	border:1px solid #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cc99cc;
	font-size:11px;
	width: 330px;

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

}

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

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


}

#boton_enviar{
	width: 100px;
	height: 30px;
	background: #fff;
	color: #457380;
	display: block;
	padding-top: 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-right: 35px;
	text-align: center;
}
#boton_enviar:hover{
	background: #457380;
	color: #fff;	
}

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

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

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

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

}
#anterior{
    position:absolute;
	left:10px;
	top:510px;
	width:100px;
	height:20px;
	z-index:90;
}
					
#fotos{position:absolute;top:140px;left:6px;width:725px;
	height:45px;z-index:20;text-align:left}
	
#desplegable
{
	background: #E4F3F0;
	position:absolute;
	left:13px;
	top:87px;
	width:140px;
	height: 536px;
	display: block;
	padding-left:10px;
	padding-top:15px;
	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;
}

#desplegable .txt_mn_im{
	color: #457380;
}
#desplegable .txt_mn_im:hover{
	color: #fff;
}

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

.txt_mn_im{
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#e4f3f0;
	font-size:12px;
	padding-left:10px;
	padding-top:7px;
	text-decoration:none;
	font-weight:normal;}
a.txt_mn_im:link{
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#e4f3f0;
	font-size:12px;
	padding-left:10px;
	text-decoration:none;
	font-weight:normal;}
a.txt_mn_im:hover{
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	padding-left:10px;
	text-decoration:none;
	font-weight:normal;}
a.txt_mn_im:active{
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#e4f3f0;
	font-size:12px;
	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;}

#pie{
	width: 1000px;
	height: 70px;
	background:url(/imagenes/decor/portada.jpg) 0 -200px no-repeat #fff;
	position: absolute;
	top: 920px;
	left: 0px;
	z-index: 100;
}




/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}