*{
	padding: 0;
	margin:0;
	border: 0;
	z-index: 1;
}
a
{
	text-decoration: none;
	
}
body{
	background-color: #B3B3B3;
	font-family: "verdana", serif;
}

#fill{
	
	height: 50px;
}
#logo{
	width: 990px;
	position: relative;
	padding: 0 20px 0 20px;
	height: 70px;
	margin: 0 auto;
	
	
}
#wrapp
{
	position: relative;
	height: 560px;
	padding: 0 20px 0 20px;
	width: 980px;
	margin: 0 auto;

}
#cont{		
	position: relative;
	height: 526px;
	background-color: white;
	width: 980px;	
	overflow: hidden;
}

#b1
{
	position: absolute; 
	left: 0px; 
	background-image: url('b1.png'); 
	background-position: 0px -1px;
	width: 20px; 
	height: 100%;
}
#b2
{
	position: absolute; 
	right: 0px; 
	top: 0;
	background-image: url('b2.png'); 
	background-position: 0px -1px;
	width: 20px; 
	height: 100%;
}
#bup{
	height:15px;
	background-image: url('bup.jpg');
	background-repeat: repeat-x;
	font-size: 11pt;
	color: white;
	text-align: right;
	line-height: 15px;
}
#bdw{
	height:15px;
	background-image: url('bdw.jpg');
	background-repeat: repeat-x;
	text-align: center;
	font-size: 8pt;
	color: white;
	padding-top: 5px;
}

#menu
{
	height: 60px; 
	width: 100%;	
}

#main
{
	
	height: 450px;
	width: 100%;
	position: relative;
	
}


#notHome
{
	position: absolute;
	width: 100%;
	top: 367px;
	overflow: hidden;
	z-index: 10;
}

.new
{
	float: left;
	border: 1px solid gray;
	width: 317px;
	height: 75px ;
	overflow: hidden;
	margin-left: 6px;
	position: relative;
	-moz-box-shadow: 1px 1px 4px #333;
	-webkit-box-shadow: 1px 1px 4px #333;
	box-shadow: 1px 1px 4px #333;
}

.new .bk
{
	width: 100%;
	height: 100%;
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 0; 
	background-color: #444;
	opacity: .7; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .7; /* Safari 1.x */
	-moz-opacity: .7; /* FF lt 1.5, Netscape */
}

.link
{
	position: absolute;
	width: 100%;
	padding-right: 3px;
	z-index: 6;
	right: 3px; 
	bottom: 3px;
	text-align: right;
	text-shadow: #333 1px 0px 5px;
	FILTER:progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=182, strength= 3);
}

.link a
{
	color: #ff6600;
	font-size: 12px;
	font-weight: bold;
	font-family: "helvetica", "arial", "sans serif";
}	

.new .tx
{
	width: auto;
	height: 100%;
	position: absolute; 
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 5; 
	color: #eee;
	padding: 5px;
	font-size: 12px;
}

.new .tx .img
{
	display: block;
	float: left;
	height: 100%;
	margin-right: 8px;
}

.img img
{

}

.px5{
	border-top: 5px solid white; 
}

/*--------------------------- MENU -----------------------*/
#msup, #mmed, #minf
{
	width: 110%;
	height: 20px;
}
#msup
{
	z-index: 10;
}
#mmed, #minf
{
	z-index: 1;
}
#msup .item
{
	float: left;
	height: 15px;
	line-height: 12px;
	width: 154px;
	margin-right: 10px;
	background-color: #DCE1D1;
	font-size: 10pt;
	position: relative;
	display: block;
	color: black;
	cursor: pointer;
	z-index: 10;
	
}

#msup .item2
{
	background-color: #ffcc00;
}
#msup .active
{
	background-color: #000;
	color: white;
}
#msup .active a
{
	background-color: #000;
	color: white;
	width: 149px;
}
#msup .active2 a
{
	background-color: #000;
	color: #ffcc00;
	width: 149px;
}
#msup a
{	
	font-family: "arial", serif;
	display: block;
	line-height: 13px;
	height: 15px;
	width: 100%;
	color: black;
	padding-left: 5px;
	font-size: 12px;
}
#msup a:hover
{
	background-color: #666;
	color: white;
	width: 149px ;
}

#msup .item2 a:hover
{
	background-color: #666;
	color: #ffcc00;
	width: 149px ;
}
#msup .item .drop
{
	display: none;
	position: absolute;
	top: 15px;
	left: 0px;
	height: auto;
	width: 100%;
	text-decoration: none;
	z-index: 10;
}

#msup .item .drop2
{
	display: block;
}

#msup .item:hover .drop
{
	display: block;
}
#msup .item .drop .item
{
	
	height: 15px;
	line-height: 12px;
	width: 154px;
	margin-top: 5px;
}


#minf .item
{
	float: left;
	height: 17px;
	line-height: 12px;
	width: 154px;
	margin-right: 10px;
	font-size: 10px;
	position: relative;
	display: block;
	color: black;
	cursor: pointer;
	z-index: 1;

}
#minf .item select
{
	width: 154px;
	background-color: #DCE1D1;
	line-height: 10px;
	height: 17px;
	font-size: 12px;
}
#minf .item option
{	
	line-height: 12px;
	height: 15px;
	
}
#minf .item input
{
	width: 154px;
	background-color: #DCE1D1;
	line-height: 17px;
	height: 17px;
	border: 0;
	margin: 0;
	padding: 0;
	
}
/* Scroll Bar Master Styling Ends Here */
/*----------------------------------------------------------------- SCROLL 2 ---------------------------------------*/
/* hide from incapable browsers */
div#scrollbar { 
    display:none;
	position: absolute;
	top: 434px;
	z-index: 15;
    }

/* below in external file */
div#wn	{ 
    position:relative; 
    width:100%; height:100%; 
    overflow:hidden;
	
	}
div#scrollbar { 
    position:relative; 
    width:100%; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:0px; top:0;
    width:100%; height:11px; 
    background: transparent;
	border-top: 1px solid white;
  }
  div#track2 { 
    position:absolute; left:0px; top:0;
    width:100%; height:11px; 
    background: transparent;
	border-top: 1px solid #333;
  }
div#dragBar {
    position:absolute; left:0px; top:0px;
    width:40px; height:13px; 
    background-color: white;
  }  
div#dragBar2 {
    position:absolute; left:0px; top:0px;
    width:40px; height:13px; 
    background-color: #333;
  }  

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
/*------------------------------ LightBox----------------------*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

/* -------------------------- Cross Over ----------------------------------------------*/
	img {
		border: none;
		filter:alpha(opacity=100);
	}
	img.idupe {
			position:absolute;
			z-index:0;
			visibility:hidden;
	}
/* ------------------------- Noticias ---------------------------------------*/
	#noticias
	{
		width: 100%;
		height: 100%;
		overflow: auto;
		overflow-y: hidden;		
	}

	.noticia
	{
		width: 318px;
		height: 430px;
		float:left;
		color: #999;
		margin-right: 10px;
		background-color: #333;
	}
	.notFoto
	{
		 height: 218px;
		 width: 100%;
		 overflow: hidden;
		 background-color: white;
	}
	
	.notFecha
	{
		width: 100%;
		height: 31px;
		line-height: 31px;
		padding-left: 15px;
		font-size: 10px;
	}
	.notTitulo
	{
		color: #FFF;
		font-size: 13px;
		height: 61px;
		padding-left: 15px;
		width: 100%;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
	}

	.notTitulo div
	{
		margin-top: 15px;
	}
	.notContent
	{
		width: 100%;
		height: 212px;
		overflow: auto;
		overflow-x: hidden;
		
	}
	.notContIn
	{
		width: 90%;
		padding-top: 15px;
		padding-left: 15px;
		color: #fff;
		font-size: 12px;
		font-family: arial;
	}