body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10.6px;	 
	background:  url(../images/bodyBg.gif) repeat-y top center;
}
#ordenar{
	position:absolute;
	top:-15px;
	left:50%;
	background:  url(../images/ordenar.png) no-repeat top left;
	width:109px;
	height:102px;
	margin-left:-54px;
	cursor:pointer;
	display:none;
	z-index:999;
}
#mainWrapper{
	position:relative;
	margin:auto;
	width:1024px;
	text-align:left;
}
#header{
	width:1024px;
	height:86px;
	background:  url(../images/headerBg.gif) repeat-y top center;
}
#rss, #direccion, #logoBox{
	float:left;
}
#rss a{
	text-decoration:none;
	color:#000000;
}
#rss{
	height:35px;
	line-height:35px;
	font-size:12px;
	margin:25px 84px 0 36px;
	padding-right:40px;
	background:  url(../images/email.gif) no-repeat top right;
}
#direccion{
	margin: 36px 25px 0px 0px;
	line-height:16px;
}
#logoBox{
	margin-top:12px;
}
#navigation{
	width:100%;
	margin:3px 0px 18px 0px;
	height:33px;
	background:   url(../images/barraTexto.gif) repeat-x  left top;
}
#miraButtom,#scrollText{
	float:left;
}
#miraButtom{
	background:   url(../images/miraButtom.gif) no-repeat  left top;
	width:183px;
	height:33px;
} 
#scrollText{
	line-height:32px;
	font-weight:bolder;
	font-size:15px;	
}
#socialWrap{
	position:absolute;
	top:150px;
}
#sliderFB,#sliderTW{
	float:left;
	width:24px;
	height:32px;
	margin-top:5px;
}
#sliderFB{
	background:  url(../images/sliderFB.jpg) no-repeat  left top;
}
#sliderTW{
	background:  url(../images/sliderBg.png) repeat-x  left top;
}
#fbHeader, #twHeader{
	float:left;
	width:41px;
	height:40px;
	cursor:pointer;
}
#fbHeader{
	background:  url(../images/logoFacebook.png) no-repeat  left top;
	}
#twHeader{
	background:  url(../images/twitter.png) no-repeat  left top;
	}	
#fbBody,#twBody {
	display:none;
	width:155px;
	clear:both;
}
#fbBody ul,twBody ul{
	margin-left:24px;
	padding:0px;
}
#fbBody ul li,#twBody ul li{
	background-color:#BABABA;
	list-style:none;
	margin:4px 0 0 0;
	padding:3px 0 0 0;
	opacity:0.4;
	filter:alpha(opacity=40)
}
#fbBody ul li a,#twBody ul li a{
	color:#000000;
	text-decoration:none;
	font-weight:bolder;
	font-size:10.6px;
}
#youtube,#twitter{
	margin-top:8px;
	clear:both;
}
#slideryoutube{
	float:left;
	width:24px;
	height:32px;
	background:  url(../images/sliderYoutube.jpg) no-repeat  left top;
	margin-top:5px;
	cursor:pointer;
}
#youtubeHeader{
	float:left;
	width:41px;
	height:40px;
	background:  url(../images/logoYoutube.png) no-repeat  left top;
	cursor:pointer;
}
#video{
	width:650px;
	height:450px;
	float:left;
	margin-left:22px;
	background-color:#ffffff;	
}
#widget{
	background:   url(../images/widgetsBg.png) repeat-y 1px top;
	width:350px;
	height:471px;
	float:left;
}
#tabs{
	margin-left:30px;
	width:300px;
	position:relative;
	z-index:1;
}
#linksMap{
	position:absolute;
	top:349px;
	margin-left:-20px;
	z-index:10;
}
#boxWrapper{
	clear:both;
	height:93px;
	padding-top:16px;
	width:100%;
	background:  url(../images/boxWrapperBg.gif) repeat-x -1px top;
}
#boxWrapper ul{
	margin: 0px 0px 0px 10px;
	padding:0px;
}
#boxWrapper ul li{
	float:left;
	margin-left:10px;
	list-style:none;
}
.drag{
	position:relative;
	cursor:move;
	z-index:99;
}
#iconos ul{
	margin: 0px 0px 0px 10px;
	padding:0px;
}
#elegirText, #colocarText, #iconos{
	float:left;
	line-height:22px;
}
#elegirText{
	margin:0px 182px 0px 16px;
}
#iconos ul li{
	float:left;
	margin-left:5px;
	list-style:none;
}
#colorWrapper{
	clear:both;
	margin-left:45px;
}
#colorWrapper ul{
	margin: 0px 0px 0px 10px;
	padding:0px;
}
#colorWrapper ul li{
	float:left;
	margin-right:21px;
	list-style:none;
}
.FBConnectButton_RTL_Simple{
	background-image:none;
}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
width: 100%; 
height: 33px; 
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: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 14px 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: #000000;
font: bold 14px Verdana;
margin: 0 20px 0 0;
text-decoration:none;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

