@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
a:active, a:focus {outline:none;}
img {border:0px;}
div {display:block;}
.clear {clear:both !important;}

/* FONT */
@font-face {	
    font-family: 'ABCfont';
    src: url('https://baloncestocolegial.com/includes/css/fonts/abc-webfont.eot');
    src: url('https://baloncestocolegial.com/includes/css/fonts/abc-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://baloncestocolegial.com/includes/css/fonts/abc-webfont.woff') format('woff'),
         url('https://baloncestocolegial.com/includes/css/fonts/abc-webfont.ttf') format('truetype'),
         url('https://baloncestocolegial.com/includes/css/fonts/abc-webfont.svg#MentoneSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BSlab';
    src: url('https://baloncestocolegial.com/includes/css/fonts/bslab-webfont.eot');
    src: url('https://baloncestocolegial.com/includes/css/fonts/bslab-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://baloncestocolegial.com/includes/css/fonts/bslab-webfont.woff') format('woff'),
         url('https://baloncestocolegial.com/includes/css/fonts/bslab-webfont.ttf') format('truetype'),
         url('https://baloncestocolegial.com/includes/css/fonts/bslab-webfont.svg#BlaxSlabXXLRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* TOP BAR */
#top {width:100%;background:url("https://baloncestocolegial.com/images/back/topBar.jpg") repeat-x scroll center top #DDD;text-align:center;border-bottom:1px solid #EEE;height:34px;}
#topContent {margin:0 auto;padding:8px 0px 9px 0px;width:980px;color:#333;font-size:12px !important;}
#topContent a:active, #topContent a:link, #topContent a:visited {color:#05A;text-decoration:none;padding:10px;vertical-align:top;}
#topContent a:hover {color:#05A;text-decoration:none;padding:10px;vertical-align:top;background:#EEE;}
#topContentLeft {float:left;width:580px;text-align:left;color:#333;font-family:ABCfont, Arial, Helvetica, sans-serif;text-transform:uppercase;}
#topContentRight {float:right;text-align:right;color:#333;font-family:Arial, Helvetica, sans-serif;padding:1px 10px 0 0;}
.topBarNav {list-style:none;}
.topBarNav li {float:left;height:17px;}
.topBarNavUser {font-weight:bold;}
.topBarNavUser img {height:20px;margin:-3px 8px 0 0 !important;}
.topBarNavZonabc {margin:-1px 0 0 0;}


/* BASE */
#base {width:100%; padding:0;}
#baseContent {margin:0 auto; padding:0; width:980px;}
#main {width:960px;padding:0 10px;}
#footer {width:960px;padding:30px 10px;}

/* BASE SITES */
.mainContent {background:#FFF;}
.mainSection {padding:0 0 30px 0; min-height:700px;}
.fullColumn {float:left; width:960px;}
.mainColumn {float:left; width:650px;}
.sideColumn {float:left; width:300px; margin-left:10px;}


/* POP-UP */
.popup {z-index:998;display:none;}
.popupInfo {position:absolute;width:500px;left:50%;margin-left:-250px;top:100px;z-index:1000;background:#FFF;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.6);-webkit-box-shadow: 0 0 -13px 3px rgba(0, 0, 0, 0.6);box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.6);}
.popupRegister {position:absolute;width:560px;left:50%;margin-left:-280px;top:100px;z-index:1000;background:#FFF;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.6);-webkit-box-shadow: 0 0 -13px 3px rgba(0, 0, 0, 0.6);box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.6);}
.popupInfoContent {padding:20px 30px 30px;}
.popupInfoSecondary {padding:20px 30px 30px;background:#eee;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;}
.popupZonabc {background:url("https://baloncestocolegial.com/images/cabeceras/popup-zonabc.jpg") no-repeat #F3F3F3;padding:20px;padding-top:60px !important;}
.warningLogin { background:url("http://icongame.es/images/icons/no.png") no-repeat scroll left top #fee;padding:15px 15px 15px 40px;margin:10px 0 0 0;font-size:12px;font-weight:bold;color:#333;border:1px solid #fcc;}
.popupFoto {z-index: 998;text-align: center;vertical-align: middle;width: 100%;height: 100%;position: absolute;display: table !important;table-layout: fixed;}
.popupFoto_base {z-index: 1000;display: table-cell !important;text-align: center;vertical-align: middle;width: 100%;}
.popupFoto_contenido {position: relative;display: inline-block !important;z-index: 1000;background: #fff;text-align:left;border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;-moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.6);-webkit-box-shadow: 0 0 -13px 3px rgba(0, 0, 0, 0.6);box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.6);margin-top:10px;}
.popupFoto_info {float:left;width:200px;padding:15px;}
#screen {background-color:#000;position:fixed;padding:0;margin:0;left:0%;top:0%;width:100%;height:100%;z-index:999;filter:alpha(opacity=80);opacity:.8;-moz-opacity:0.8;}

/* ICONS */
.iconABC {background:url("https://baloncestocolegial.com/images/icons/iconABC.png") no-repeat scroll left bottom transparent;display:inline-block;height:17px;line-height:17px;width:38px;}
.iconZonABC {background:url("https://baloncestocolegial.com/images/icons/zonABC.png") no-repeat scroll left bottom transparent;display:inline-block;height:17px;line-height:17px;width:62px;}
.iconComment {background:url("https://baloncestocolegial.com/images/icons/comment.png") no-repeat scroll left bottom transparent;display:inline-block;height:16px;line-height:16px;width:16px;margin-bottom:-3px;}

/* MARGINS */
.noMargin {margin:0 0 0 0 !important;}
.bottomMargin5 {margin-bottom:5px !important;}
.bottomMargin10  {margin-bottom:10px !important;}
.bottomMargin20 {margin-bottom:20px !important;}
.bottomMargin30 {margin-bottom:30px !important;}
.bottomMargin50 {margin-bottom:50px !important;}
.leftMargin5 {margin-left:5px !important;}
.leftMargin10 {margin-left:10px !important;}
.leftMargin20 {margin-left:20px !important;}
.leftMargin30 {margin-left:30px !important;}
.leftMargin50 {margin-left:50px !important;}
.rightMargin5 {margin-right:5px !important;}
.rightMargin10 {margin-right:10px !important;}
.rightMargin20 {margin-right:20px !important;}
.rightMargin30 {margin-right:30px !important;}
.rightMargin50 {margin-right:50px !important;}
.topMargin5 {margin-top:5px !important;}
.topMargin10 {margin-top:10px !important;}
.topMargin20 {margin-top:20px !important;}
.topMargin30 {margin-top:30px !important;}
.topMargin50 {margin-top:50px !important;}
.leftPadding5 {padding-left:5px;}

/* ALIGNS & FLOATS */
.centerAlign {text-align:center !important;}
.leftAlign {text-align:left !important;}
.rightAlign {text-align:right !important;}
.centerFloat { float:center !important;display:inline-block;}
.leftFloat { float:left !important;display:inline-block;}
.rightFloat { float:right !important;display:inline-block;}

/* LINES & BORDERS */
.solidLine {border-bottom:1px solid #DDD;margin:5px 0 15px 0;} 
.dottedLine {border-bottom:1px dotted #DDD;margin:5px 0 15px 0;} 
.leftBorder {border-left:1px solid #DDD; }
.noBorder {border:0px !important; }


.fila_gris {background:#f3f3f3;}


/* TEXTOS */
h1 {font-family:ABCfont, Arial, Helvetica, sans-serif;font-size: 34px;margin:0 0 15px 0;color:#222;font-weight:normal;}
h2 {font-family:ABCfont, Arial, Helvetica, sans-serif;font-size: 24px;margin:0 0 5px 0;color:#222;font-weight:normal;}
h3 {font-family:ABCfont, Arial, Helvetica, sans-serif;font-size: 14px;margin:0 0 5px 0;color:#222;font-weight:normal;}
.auxText {font-size:11px;color:#666;}
.upperText {text-transform:uppercase;}

/* BOTONES */
.largeButton {background:url('https://baloncestocolegial.com/images/back/button.png') repeat-x #036;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #036;color:#fff !important;display:inline-block;font-size:14px;height:36px;line-height:32px;padding:0 10px;-moz-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.2);text-shadow:0 1px 0 #030;}
.largeButton:hover {background:#05A;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #036;color:#fff !important;display:inline-block;font-size:14px;height:36px;line-height:32px;padding:0 10px;-moz-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.2);text-shadow:0 1px 0 #030;cursor:pointer;}
.smallButton {background:url('https://baloncestocolegial.com/images/back/button.png') repeat-x #036;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #036;color:#fff !important;display:inline-block;font-size:12px;height:24px;line-height:24px;padding:0 8px;-moz-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.2);text-shadow:0 1px 0 #030;}
.smallButton:hover {background:#05A;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #036;color:#fff !important;display:inline-block;font-size:12px;height:24px;line-height:24px;padding:0 8px;-moz-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.2);text-shadow:0 1px 0 #030;cursor:pointer;}
input {cursor:pointer;}

/* SECTIONS */
.sectionFloatImgs {width:300px; float:right !important; margin-left:30px !important;}
.sectionImg {width:300px; margin:0px 0px 25px 0px;}
.sectionImgTag {position:relative;height:14px;margin-top:-26px;padding:6px 8px;text-align:left;font-size:11px;color:#555;background:url('https://baloncestocolegial.com/images/back/transWhite.png') repeat top transparent;text-align:center;}


/* THUMBS ALBUM */
.thumbnailsNavButton {float:left;width:60px;height:40px;padding:5px 0;}
.thumbnailsCarousel {float:left;width:480px;height:50px;overflow:hidden;padding:0 20px;}

.jcarousel-skin-thumbnails .jcarousel-container {border:0px solid #ccc;}
.jcarousel-skin-thumbnails .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-thumbnails .jcarousel-container-horizontal {width: 435px;padding:0px 23px;}
.jcarousel-skin-thumbnails .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-thumbnails .jcarousel-clip-horizontal {width:435px;height: 50px;}
.jcarousel-skin-thumbnails .jcarousel-item {width: 50px;height: 50px;}
.jcarousel-skin-thumbnails .jcarousel-item-horizontal {margin-left: 0;margin-right: 5px;}
.jcarousel-skin-thumbnails .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;}
.jcarousel-skin-thumbnails .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-thumbnails .jcarousel-item-placeholder {background: #fff;color: #000;}
.jcarousel-skin-thumbnails .jcarousel-next-horizontal {position: absolute;top: 0px;right: 0px;width: 18px;height: 50px;cursor: pointer;background: transparent url(next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-thumbnails .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px;right: auto;background-image: url(prev-horizontal.png);}
.jcarousel-skin-thumbnails .jcarousel-next-horizontal:hover, .jcarousel-skin-thumbnails .jcarousel-next-horizontal:focus {background-position: -32px 0;}
.jcarousel-skin-thumbnails .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-thumbnails .jcarousel-next-disabled-horizontal, .jcarousel-skin-thumbnails .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-thumbnails .jcarousel-next-disabled-horizontal:focus, m.jcarousel-skin-thumbnails .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
.jcarousel-skin-thumbnails .jcarousel-prev-horizontal {position: absolute;top: 0px;left: 0px;width: 18px;height: 50px;cursor: pointer;background: transparent url(prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-thumbnails .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image: url(next-horizontal.png);}
.jcarousel-skin-thumbnails .jcarousel-prev-horizontal:hover,  .jcarousel-skin-thumbnails .jcarousel-prev-horizontal:focus {background-position: -32px 0;}
.jcarousel-skin-thumbnails .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-thumbnails .jcarousel-prev-disabled-horizontal, .jcarousel-skin-thumbnails .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-thumbnails .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-thumbnails .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
.thumbnail-active {filter:alpha(opacity=60);opacity:.6;-moz-opacity:0.6;}


/* SCOREBOARD */
.jcarousel-skin-scoreboard .jcarousel-container {border:0px solid #ccc;}
.jcarousel-skin-scoreboard .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-scoreboard .jcarousel-container-horizontal {width:914px;padding:0px 23px;}
.jcarousel-skin-scoreboard .jcarousel-clip {overflow:hidden;}
.jcarousel-skin-scoreboard .jcarousel-clip-horizontal {width:914px;height:58px;}
.jcarousel-skin-scoreboard .jcarousel-item {width:148px;height:58px;}
.jcarousel-skin-scoreboard .jcarousel-item-horizontal {margin-left:0;margin-right:5px;}
.jcarousel-skin-scoreboard .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left:10px;margin-right:0;}
.jcarousel-skin-scoreboard .jcarousel-item-placeholder {background:#fff;color #000;}
.jcarousel-skin-scoreboard .jcarousel-next-horizontal {position:absolute;top:4px;right:0px;width:18px;height:58px;cursor:pointer;background:transparent url(next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-scoreboard .jcarousel-direction-rtl .jcarousel-next-horizontal {left:5px;right:auto;background-image:url(prev-horizontal.png);}
.jcarousel-skin-scoreboard .jcarousel-next-horizontal:hover, .jcarousel-skin-scoreboard .jcarousel-next-horizontal:focus {background-position:-32px 0;}
.jcarousel-skin-scoreboard .jcarousel-next-horizontal:active {background-position:-64px 0;}
.jcarousel-skin-scoreboard .jcarousel-next-disabled-horizontal, .jcarousel-skin-scoreboard .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-scoreboard .jcarousel-next-disabled-horizontal:focus, m.jcarousel-skin-scoreboard .jcarousel-next-disabled-horizontal:active {cursor:default;background-position:-96px 0;}
.jcarousel-skin-scoreboard .jcarousel-prev-horizontal {position: absolute;top:4px;left:0px;width:18px;height:58px;cursor:pointer;background:transparent url(prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-scoreboard .jcarousel-direction-rtl .jcarousel-prev-horizontal {left:auto;right:5px;background-image:url(next-horizontal.png);}
.jcarousel-skin-scoreboard .jcarousel-prev-horizontal:hover,  .jcarousel-skin-scoreboard .jcarousel-prev-horizontal:focus {background-position:-32px 0;}
.jcarousel-skin-scoreboard .jcarousel-prev-horizontal:active {background-position:-64px 0;}
.jcarousel-skin-scoreboard .jcarousel-prev-disabled-horizontal, .jcarousel-skin-scoreboard .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-scoreboard .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-scoreboard .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position:-96px 0;}


/* CALENDAR */
.jcarousel-skin-calendar .jcarousel-container {border:0px solid #ccc;}
.jcarousel-skin-calendar .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-calendar .jcarousel-container-horizontal {width:912px;padding:0px 23px;}
.jcarousel-skin-calendar .jcarousel-clip {overflow:hidden;}
.jcarousel-skin-calendar .jcarousel-clip-horizontal {width:912px;height:55px;}
.jcarousel-skin-calendar .jcarousel-item {width:109px;height:55px;}
.jcarousel-skin-calendar .jcarousel-item-horizontal {margin-left:0;margin-right:5px;}
.jcarousel-skin-calendar .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left:10px;margin-right:0;}
.jcarousel-skin-calendar .jcarousel-item-placeholder {background:#fff;color #000;}
.jcarousel-skin-calendar .jcarousel-next-horizontal {position:absolute;top:2px;right:0px;width:18px;height:55px;cursor:pointer;background:transparent url(next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-calendar .jcarousel-direction-rtl .jcarousel-next-horizontal {left:5px;right:auto;background-image:url(prev-horizontal.png);}
.jcarousel-skin-calendar .jcarousel-next-horizontal:hover, .jcarousel-skin-calendar .jcarousel-next-horizontal:focus {background-position:-32px 0;}
.jcarousel-skin-calendar .jcarousel-next-horizontal:active {background-position:-64px 0;}
.jcarousel-skin-calendar .jcarousel-next-disabled-horizontal, .jcarousel-skin-calendar .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-calendar .jcarousel-next-disabled-horizontal:focus, m.jcarousel-skin-calendar .jcarousel-next-disabled-horizontal:active {cursor:default;background-position:-96px 0;}
.jcarousel-skin-calendar .jcarousel-prev-horizontal {position: absolute;top:2px;left:0px;width:18px;height:55px;cursor:pointer;background:transparent url(prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-calendar .jcarousel-direction-rtl .jcarousel-prev-horizontal {left:auto;right:5px;background-image:url(next-horizontal.png);}
.jcarousel-skin-calendar .jcarousel-prev-horizontal:hover,  .jcarousel-skin-calendar .jcarousel-prev-horizontal:focus {background-position:-32px 0;}
.jcarousel-skin-calendar .jcarousel-prev-horizontal:active {background-position:-64px 0;}
.jcarousel-skin-calendar .jcarousel-prev-disabled-horizontal, .jcarousel-skin-calendar .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-calendar .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-calendar .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position:-96px 0;}



/* FORMULARIOS */
.formField {border:1px solid #CCC;color:#333;font-size:13px;padding:8px;margin:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.formField_small {border:1px solid #CCC;color:#333;font-size:12px;padding:4px 6px;margin:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.warning { background: url("http://icongame.es/images/icons/no.png") no-repeat scroll left top #fff6f6; padding: 15px 15px 15px 40px; margin: 0 0 25px 0; font-size: 12px; font-weight: bold; color: #333; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px; }
.ok { background: url("http://icongame.es/images/icons/ok.png") no-repeat scroll left top #efd; padding: 15px 15px 15px 40px; margin: 0 0 25px 0; font-size: 12px; font-weight: bold; color: #333; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px; }