/**********************************************
GLOBAL SITE
SiSePuede Deportes CSS 2.1
2009 -2010 All Rights Reserved
***********************************************/
body { 
margin:0; 
padding:0; 
background: #fff url(../images/bgnet.jpg) repeat-x top;
color:#CCC;
font: 0.71em Arial, Helvetica, sans-serif; 
}
ul {
list-style : none;
margin : 0;
padding : 0;
}
img {
border : 0;
}
form {
padding : 0;
margin : 0;
}
a:link {
color : #069;
text-decoration : none;
}
a:hover {
color : #999;
text-decoration : none;
}
a:visited {
color : #069;
text-decoration : none;
}
img {
padding : 0;
margin : 0;
border : 0;
}
p {
padding : 5px 0 5px 0;
margin : 0;
text-align : justify;
}
.lineas {
display:none;
font : 0.95em Arial, Helvetica, sans-serif;
}
h1 {
font : bold 1em Arial, Times, serif;
padding : 5px;
margin : 3px 0 5px 0;
color : #06c;
background : #ccc;
}
h2 { 
font: bold 0.95em Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:  #06C;
margin: 2px 0 5px 0 ;
padding: 0;
}
h3 { 
font: bold 0.95em Arial, Helvetica, sans-serif;
color: #000000 ;
margin: 10px 0 5px 0 ;
padding: 0;
}
h4 {
border: 1px dashed #999; 
padding: 5px; 
background: #ccc none repeat scroll 0% 0%; 
font: bold 0.95em Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#06c;
}
h5 {
font: bold 1em Arial, Helvetica, sans-serif;
color: #000000 ;
margin: 10px 0 5px 0 ;
padding: 0;
text-transform:uppercase;
}
h6 { 
font: bold 1em Arial, Helvetica, sans-serif;
margin: 8px 0 8px 0;
color:  #06C;
padding: 0;
}

span { 
float:left;
margin:0 2px 0 0;
padding:0;
}
b {
color:#667685;
}
.font1 {
color : #999;
}
.font2 {
color : #333;
}
.font3 {
color : #06c;
}
.font4 {
color : #ccc;
font : 0.85em Arial, Helvetica, sans-serif;
}
.font5 {
font: bold 0.95em Arial, Helvetica, sans-serif;
text-transform:uppercase;
color: #930;
margin: 2px 0 5px 0 ;
padding: 0 ;
}
.expandbox {
clear : both;
}
.peleasnews {
margin : 10px 0 0 0;
width : 580px;
}
input {
border : 1px solid #ccc;
margin : 0 0 5px 0;
}
.labeltab {
width : 150px;
}
.center {
text-align:center
}
.login {
margin:0 auto;
width:960px; 
height:55px; 
margin:0 auto;
}
.loginmenu {
width : 360px;
height : 18px;
float : left;
padding : 20px 15px 15px 100px;
}
.loginlogo {
float : left;
height : 50px;
}
.tform {
width : 140px;
border : 1px solid #666666;
margin : 0 0 10px 0;
}
.idioma {
padding : 0;
margin : 0;
}
#idioma ul {
float : left;
list-style : none;
}
#idioma ul .top {
padding : 0 20px 0 10px;
border : 1px solid #999;
border-width : 0 1px 0 0;
}
#idioma ul .item {
display : none;
}
#idioma ul:hover .item {
display : block;
position : absolute;
width : 150px;
height : 80px;
}
#idioma ul:hover .item a {
color : #fff;
text-decoration : none;
}
#idioma ul:hover .item a:hover {
color : #666;
}
.idiomasub1 {
width : 140px;
height : auto;
padding : 5px;
}
.idiomasub2 {
width : 130px;
height : 15px;
border : 1px solid #333333;
border-width : 0 1px 1px 1px;
padding : 5px;
background : #0f0f0f;
}
.signin {
padding : 0;
margin : 0;
}
#signin ul {
float : left;
list-style : none;
}
#signin ul .top {
padding : 0 20px 0 10px;
border : 1px solid #999;
border-width : 0 1px 0 0;
}
#signin ul .item {
display : none;
}
#signin ul:hover .item {
position : absolute;
display : block;
width : 502px;
height : 250px;
}
#signin ul:hover .item a {
color : #ccc;
text-decoration : none;
}
#signin ul:hover .item a:hover {
color : #39c;
}
.signinbox {
width : 485px;
height : 170px;
border : 1px solid #CCC;
padding : 10px;
}
.signinboxleft {
width : 240px;
float : left;
text-align : left;
margin : 0 10px 0 0;
}
.signinboxleftform {
height : 100px;
border : 1px solid #CCC;
margin : 10px 0 0 0;
padding : 10px;
}
.signinboxright {
width : 200px;
float : left;
padding : 10px;
text-align : left;
}
.signinboxrightlink {
float : right;
}
.loginbox {
text-align : right;
padding-right : 2px;
font-size : 0.9em;
margin-bottom: 5px;
}
#registro ul {
float : left;
list-style : none;
}
#registro ul .top {
padding : 0 20px 0 10px;
border : 1px solid #CCC;
border-width : 0 1px 0 0;
}
.llamada {
padding : 0;
margin : 0;
}
#llamada ul {
float : left;
list-style : none;
}
#llamada ul .top {
padding : 0 20px 0 10px;
border : 1px solid #999;
border-width : 0 1px 0 0;
}
#llamada ul .item {
display : none;
}
#llamada ul:hover .item {
display : block;
position : absolute;
margin : 1px 0 0 0;
width : 400px;
height : 200px;
}
#llamada ul:hover .item a {
color : #fff;
text-decoration : none;
}
#llamada ul:hover .item a:hover {
color : #666;
}
.callfreebox {
width : 450px;
height : 200px;
}
.header {
width : 960px;
height : 326px;
margin : 0 auto;
background : url(../images/bgheader.jpg) no-repeat top;
}
#clockbox {
float : left;
padding-right : 5px;
}
#cambio {
width : 100px;
float : left;
border : 1px solid #ccc;
border-width : 0 0 0 1px;
margin : 0 0 0 5px;
padding : 0 0 0 10px;
text-align : left;
color : #666;
}
#cambio ul .item {
display : none;
}
#cambio ul:hover .item {
position : absolute;
display : block;
width : 600px;
height : 200px;
}
#cambio ul:hover .item a {
color : #fff;
text-decoration : none;
}
#cambio ul:hover .item a:hover {
color : #666;
}
.cambiobox {
height : auto;
width : 150px;
background : #fff;
padding : 10px;
border : 1px solid #ccc;
color : #333;
}
.cambioboxnumber {
width : 72px;
padding : 0 0 0 2px;
float : left;
}
.cambioboxnumber h5 {
background : #ebebeb;
color : #999;
padding : 3px;
font : bold 0.9em Arial, Helvetica, sans-serif;
}
.mainmenu {
width : 900px;
height : 85px;
margin : 0 0 0 60px;
}
.submenu {
width : 650px;
height : 30px;
float:left;
}
.submenu ul {
margin : 0;
padding : 0;
}
.submenu li {
float : left;
padding : 0 15px 0 15px;
border-right : 1px solid #333;
}
.submenu a {
color : #999;
font-size : 13px;
text-decoration : none;
}
.submenu a:hover {
color : #06c;
}

#result {
padding : 0 35px 0 115px;
margin : 0;
float: left;
width:60px;
}

#result ul {
float : left;
list-style : none;
}

#result ul .top {
padding : 0 20px 0 10px;
border : 1px solid #333;
border-width : 0 1px 0 0;
font-size : 13px;
color : #999;
}

#result ul .item {
display : none;
background:#333;
}

#result ul:hover .item {
display : block;
position : absolute;
width : 100px;
height : 65px;
}

#result ul:hover .item a {
text-decoration : none;
}

#result ul:hover .item a:hover {
color : #666;
}

.resultadossub1 {
width:80px; 
height:auto; 
padding:5px;
float:left;
}

.resultadossub2 {
width:80px; 
height:15px; 
margin: 0 0 2px 0; 
padding:5px; 
float: left;
text-decoration: none;
font:bold 12px Arial, Helvetica, sans-serif;
background:#CCC;
}

.bannerbox {
width : 960px;
height : auto;
}
.bannerflash {
width : 580px;
height : 160px;
margin : 10px 0 0 40px;
border : 1px solid #666;
float : left;
}
.bannermenu {
width : 300px;
float : left;
margin : 10px 0 0 0;
padding : 20px 0 0 0;
}
.bannermenuleft {
width:195px; 
float:left;
}
.bannermenuright{
width:64px; 
float:left; 
padding-top:14px;
}
.contentbox {
width : 920px;
height : auto;
padding : 20px;
margin : 0 auto;
color : #999;
background : url(../images/bgcontent.jpg) no-repeat top;
}
.contentboxtop {
width : 920px;
float : left;
}
.welcometext {
width : 538px;
float : left;
margin : 0 20px 0 0;
padding : 10px;
color : #666;
}
.horabox {
width : 340px;
float : right;
height : 25px;
}
.jugadasbox {
float : left;
width : 340px;
}
.sportbookbox {
width : 270px;
float : left;
margin : 0 20px 7px 0;
font : 0.95em Arial, Helvetica, sans-serif;
}
.eventosbox {
width : 340px;
float : left;
margin : 10px 0 7px 0;
font : 0.9em Arial, Helvetica, sans-serif;
}
.scheduledbox {
width : 200px;
float : left;
}
.scheduled {
width : 180px;
float : left;
padding-top : 10px;
}
.friendbox {
margin : 20px 0 0 0;
float : left;
}
.linesbox {
width : 140px;
float : left;
font : 0.95em Arial, Helvetica, sans-serif;
}
.webbox {
width : 170px;
float : left;
padding : 5px;
margin : 20px 18px 7px 0;
font : 0.95em Arial, Helvetica, sans-serif;
border : 1px solid #ccc;
}
.webtitle {
height : 20px;
font-weight:bold;
background : #505f6c;
float:left;
color : #fff;
margin : 0 0 5px 0;
padding:2px 0 0 0;
font-size : 12px;
}
.webtitleboton {
float:left;
width:18px;
height:18px;
}
.webtitleboton a:link{
text-decoration:none;
}
.webtitleboton a:hover{
text-decoration:none;
}
.webtitletext {
width:134px;
height:25px;
float:left;
padding:2px 0 0 0;
text-align:center;
}
.webtitletext a:link{
color:#fff;
}
.webtitletext a:hover{
color:#ccc;
}
.webtitletext a:visited{
color:#fff;
}
.slines ul {
margin : 0;
padding : 0;
}
.slines li {
display : block;
}
.slines a {
color : #333;
padding : 5px;
height : 15px;
width : 160px;
background : #ebebeb;
border-bottom : 1px solid #ffffff;
float : left;
}
.slines a:hover {
background : #ccc;
color : #333;
}
.casinobox {
width : 270px;
float : left;
margin : 0 20px 7px 0;
font : 0.95em Arial, Helvetica, sans-serif;
}
.jabanner {
width : 270px;
text-align : left;
float : left;
}
.jabanner a {
background : #ebebeb url(../images/bgtabs.jpg) no-repeat;
border-bottom : 1px solid #fff;
width : 262px;
height : 15px;
font : 1em Arial, Helvetica, sans-serif;
padding : 3px 2px 2px 5px;
color : #fff;
float : left;
}
.jabanner a:hover {
background : #ebebeb url(../images/bgtabshover.jpg) no-repeat;
border-bottom : 1px solid #fff;
}
.footerbox {
background : #182631 url(../images/bgfooter.jpg);
font : 0.75em Arial, Helvetica, sans-serif;
width : 100%;
margin : 0 auto;
height : 150px;
padding-top : 15px;
}
#footermenubox {
margin : 0 auto;
margin-top : 10px;
margin-bottom : 5px;
width : 950px;
height : 85px;
padding : 5px;
}
#footermenubox a {
color : #fff;
}
#footermenubox a:hover {
color : #ccc;
}
#footercopyrights {
width : 570px;
padding : 0 10px 0 5px;
float : left;
}
#footermenu {
width : 750px;
height : 25px;
float : left;
}
#footermenu ul {
margin : 0;
padding : 0;
list-style : none;
}
#footermenu li {
display : inline;
}
#footermenu a:link {
display : block;
float : left;
height : 10px;
padding : 3px 7px 3px 7px;
border : 1px solid #333333;
border-width : 0 1px 0 0;
text-decoration : none;
color : #fff;
}
#footermenu a:hover {
color : #667685;
text-decoration : none;
}
#footermenu a:visited {
display : block;
float : left;
height : 10px;
padding : 3px 7px 3px 7px;
border : 1px solid #333333;
border-width : 0 1px 0 0;
text-decoration : none;
}
#footerright {
float : left;
width : 310px;
}
.footerright1 {
margin-bottom : 2px;
float : left;
width : 310px;
}
.footerright2 {
float : left;
width : 310px;
border : 1px solid #666;
border-width : 1px 0 0 0;
margin-top : 2px;
padding-top : 4px;
text-transform : uppercase;
color : #fff;
font-weight : bold;
}
.contactnumber1 {
width:450px; 
float:left;
}
.contactnumber2{
width:250px; 
float:left
}
#contentmargin {
width : 780px;
float : left;
margin : 10px;
}
.contentboxint {
float : left;
width : 580px;
padding : 10px 0 10px 0;
color : #ccc;
}
.contentbanner {
width : 180px;
float : left;
margin : 0 0 0 20px;
}
.contentbox2 {
float : left;
width : 780px;
margin : 10px 0 0 0;
}
.contentbox3 {
float : left;
width : 600px;
}
.contentbox4 {
float : left;
width : 600px;
}
.contentbox5 {
float : left;
width : 600px;
height : auto;
}
.contentbox6 {
float : left;
width : 580px;
background : #fff;
height : auto;
padding : 5px;
}
.contentbox7 {
float : left;
padding : 0 0 0 20px;
width : 560px;
height : auto;
}
.textbox {
width : 180px;
float : left;
margin : 0 20px 0 0;
}
.textbox a {
color : #999;
text-decoration : underline;
}
.textbox a:hover {
color : #667685;
}
.textboxb {
width : 180px;
float : left;
margin : 0 0 0 0;
}
.textboxb a {
color : #999;
text-decoration : underline;
}
.textboxb a:hover {
color : #667685;
}
.textboxdonbest {
width : 160px;
float : left;
margin : 10px 0 0 10px;
background : #000;
border : 1px solid #333333;
}
.textbox2 {
width : 280px;
float : left;
margin : 7px 20px 7px 0;
}
.pleasnews {
float : left;
}
.peleasnewstext {
width : 432px;
float : left;
height : 110px;
padding : 10px;
color : #666;
background : #f7f7f7;
margin-bottom: 10px;
}
.peleasnewsfoto {
width : 128px;
float : left;
height : 130px;
}
.gntexto3 {
width : 580px;
float : left;
text-align : justify;
margin : 10px 0 0 0;
color : #333;
}
#botonregistrate {
margin : 10px 0 0 0;
padding : 10px 0 0 0;
text-align : center;
border : 1px solid #ccc;
border-width : 1px 0 0 0;
}
.loginbox {
text-align : right;
padding-right : 2px;
color : #666;
}
#menubox {
width : 138px;
height : auto;
float : left;
border : 1px solid #ccc;
}
#menubox ul {
margin : 0;
padding : 0;
list-style : none;
}
#menubox li {
list-style : none;
padding : 0;
margin : 0;
}
#menubox a {
padding : 5px;
width : 128px;
height : 15px;
border : 1px solid #ccc;
border-width : 0 0 1px 0;
margin : 0;
text-decoration : none;
font : 1em Arial, Helvetica, sans-serif;
color : #333;
float : left;
}
#menubox a:hover {
color : #667685;
background : #ccc;
text-decoration : none;
}
#menuboxtitle a {
width : 128px;
height : 20px;
margin : 0;
background : #333 url(../images/bgbotom.jpg) repeat-x;
text-decoration : none;
font : 1em Arial, Helvetica, sans-serif;
border : 1px solid #666666;
border-width : 0 0 1px 0;
color : #fff;
float : left;
}
#menuboxtitle a:hover {
color : #999;
background : #333 url(../images/bgbotom.jpg) repeat-x;
text-decoration : none;
}
#menucalculadora a {
width : 128px;
height : 20px;
margin : 0;
background : #0e0e0e url(../images/bg_calculadora.jpg) no-repeat;
text-decoration : none;
font : 1em Arial, Helvetica, sans-serif;
border : 1px solid #666666;
border-width : 0 0 1px 0;
color : #fff;
float : left;
}
#menucalculadora a:hover {
text-decoration : none;
background : #0e0e0e url(../images/bg_calculadora_over.jpg) no-repeat;
}
#menuquiniela a {
width : 128px;
height : 20px;
margin : 0 0 0 0;
background : #0e0e0e url(../images/bg_quiniela.jpg) no-repeat;
text-decoration : none;
font : 1em Arial, Helvetica, sans-serif;
border : 1px solid #666666;
border-width : 0 0 1px 0;
color : #fff;
float : left;
}
#menuquiniela a:hover {
text-decoration : none;
background : #0e0e0e url(../images/bg_quiniela_over.jpg) no-repeat;
}
.menulineas {
float : left;
width : 160px;
}
.menulineasborder {
border-bottom : 1px solid #666666;
}
#menubox2 {
width : 138px;
height : auto;
float : left;
border : 1px solid #ccc;
}
#menubox2 ul {
margin : 0;
padding : 0;
list-style : none;
}
#menubox2 li {
list-style : none;
padding : 0;
margin : 0;
}
#menubox2 a {
padding : 5px;
width : 128px;
height : 15px;
border : 1px solid #ccc;
border-width : 0 0 1px 0;
margin : 0;
text-decoration : none;
color : #d8d8d8;
float : left;
}
#menubox2 a:hover {
color : #667685;
text-decoration : blink;
}
.CollapsiblePanelTab a {
color : #ccc;
}
.glossymenu {
margin : 0 0 5px 0;
padding : 0;
width : 137px;
border : 1px solid #ccc;
border-width : 1px 1px 0 1px;
}
.glossymenutitle {
width : 127px;
height : 15px;
margin : 20px 0 0 0;
padding : 8px 5px 5px 5px;
border : 1px solid #ccc;
border-width : 1px 1px 0 1px;
background : #333 url(../images/bgbotom.jpg) repeat-x top;
text-decoration : none;
color : #ccc;
float : left;
}
.glossymenu a.menuitem {
background : url(../images/bg-menulineas.jpg) repeat-x;
color : #fff;
display : block;
position : relative;
width : auto;
padding : 4px 0;
padding-left : 5px;
text-decoration : none;
border-bottom : 1px solid #ccc;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
color : #fff;
border-bottom : 1px solid #ccc;
}
.glossymenu a.menuitem .statusicon {
position : absolute;
top : 5px;
right : 5px;
border : none;
}
.glossymenu a.menuitem:hover {
color : #fff;
background : url(../images/bg-menulineas-over.jpg) repeat-x;
}
.glossymenu div.submenuaccordion {
background : white;
}
.glossymenu div.submenuaccordion ul {
list-style-type : none;
margin : 0;
padding : 0;
}
.glossymenu div.submenuaccordion ul li {
border-bottom : 1px solid #ccc;
}
.glossymenu div.submenuaccordion ul li a {
display : block;
color : #666;
text-decoration : none;
padding : 2px 0;
padding-left : 5px;
background : #f8f8f8;
}
.glossymenu div.submenuaccordion ul li a:hover {
background : #333;
color : #fff;
}
.loginTopForm {
width : 140px;
border : 1px solid #666666;
margin : 12px 0 10px 0;
}
#scrollup {
position: relative;
overflow: hidden;
/*border: 1px solid #000;*/
height: 156px;
width: 170px;
}
.slines {
position: absolute;
top: 140px;
}
