@charset "utf-8";

/* CSS Document */



/* this page declarations */	

#wrapp {

	width: 692px;

	text-align: left;

	font: normal 1em Arial;

	margin: 0 auto;

	padding: 0;

	color: black;

	background-image: url(../images/fondo.jpg);

}

#wrapp h1 {font: bold 1.1em Arial; margin: 1.2em 0 0.5em 0; padding: 0;}

.gnb {

width: 690px; 

margin: 20px 0 3px 0; 

background: #f0f1f1 url(gnb_bg.gif) left top repeat-x 

}

.gnb h3{

font: normal 9px/14px Arial;

text-align: right;

margin: 0 10px 0 0; 

padding: 0

}

#wrapp p{font: normal 0.9em Arial; margin: 1em 0; padding: 0;}

#wrapp h2 {font: bold 1em Arial;}



code {

width:93%;	

font: normal 11px 'Courier New', Courier, Fixed;

color: #ffffff;

display: block;

padding: 1em;

margin: 1em 0;



border-left-width: 5px;

white-space: pre;

overflow-x: auto;

}

/* liScroll style declarations */



.tickercontainer { /* the outer div with the black border */

width: 690px; 

height: 42px; 

margin: 0; 

padding: 0

overflow: hidden; 

}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */

position: relative;

left: 20px;

top: 18px;

width: 660px;

overflow: hidden;

}

ul.newsticker { /* that's your list */

position: relative;

left: 750px;

font: bold 10px Verdana;

list-style-type: none;

margin: 0;

padding: 0;



}

ul.newsticker li {

float: left; /* important: display inline gives incorrect results when you check for elem's width */

margin: 0;

padding: 0;



}

ul.newsticker a {

white-space: nowrap;

padding: 0;

color: #ffffff;

font: bold 10px Verdana;

margin: 0 50px 0 0;

text-decoration:none;

z-index:-200;

} 

ul.newsticker span {

margin: 0 10px 0 0;

}