@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;}

body { font-family:'Ubuntu', sans-serif; color:#4a5a64; overflow-x: hidden; background: #f3f3f3; font-size:0.9em; }

.clear {clear:both !important;}

a:active, a:link, a:visited {color:#323e43; text-decoration:none;}
a:hover {color:#4a5a64; text-decoration:none;}

.container { max-width: none !important; }

#section_1 { }
#section_2 { }
#section_3 {  }
#section_3_content { }
#section_4 { }
#section_4_content { }
#section_5 {  }
#section_5_content {  }
#section_6 { padding:30px 0 60px; }
#section_6 .container { max-width: 1200px !important; }
#section_6_content {  }
#section_7 {  }
#section_8 { background: #222; color: #ddd; }



#panelContent { margin-left: 0; height: 100%; overflow: auto; text-align: left; padding: 10px; }
.contPanelShow { margin-left: 240px !important; }
.contPanelHide { margin-left: 0 !important; }
#navPanelHeader { background:#fff;position:fixed;z-index:2;height:50px;top:0;right:0;left:0; }
.navHeaderShow { left: 240px !important; }
.navHeaderHide { left: 0 !important; }
.navPanelShow { width: 240px !important; }
.navPanelHide { width: 0 !important; }
#navPanel { z-index:3000; position: fixed; background: #2c353b; left: 0; top: 0; width:0; height: 100%; overflow: auto; color: #fff; text-align: left; }
#navPanel ul { list-style:none;margin-bottom:80px; }
#navPanel li {  }
#navPanel .header { border-bottom:1px solid #4a5a64; }
#navPanel h3 { font-size:1.4em !important; display: block; margin:5px 0 0 0 !important; text-decoration: none; font-weight: bold; text-transform:uppercase; }
#navPanel h4 { font-size:0.9em; display: block; padding:10px 15px; color: #9aaab4 !important; text-decoration: none; font-weight: normal; text-transform:uppercase; }
#navPanel a { font-size:0.9em; display: block; padding:10px 20px; color: #f3f3f3 !important; text-decoration: none; }
#navPanel .select { color: #fff !important; background: #293035; }
#navPanel a:hover { color: #fff !important; text-decoration: none; background: #323e43; cursor:pointer; }
#navPanel ul .submenu { background: #1f2529; margin-bottom:0px !important; }
.submenu a { padding-left:25px !important; }

.top_block { margin: 0px 15px 50px 15px; }
.box_block { padding:15px; margin:10px; background:#fff; text-align: left; }
.box_titulo { text-align: left; text-transform: uppercase; font-size: 1.3em; color: #444; font-weight: bold; padding: 3px 0px; text-shadow: 0 1px 0 #f1f1f1; border-bottom: 1px solid #fa0; margin-bottom: 0px !important; }
.box_titulo a:active, .box_titulo a:link, .box_titulo a:visited {color:#444; text-decoration:none;}
.box_titulo a:hover {color:#047; text-decoration:none;}
.box_texto p { font-size:0.9em; margin-bottom:4px; }
.top_texto { margin-top: 20px !important;; }



/* 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;}



/* TEXTOS */
	.auxText { font-size: 0.7em !important; color:#666; font-weight:normal; }
	h1 { font-size: 2em; margin:0 0 0 0; font-weight: normal; padding-left:15px; }
	h2 { font-size: 1.6em; margin:0 0 20px 0; font-weight: normal; }
	h3 { font-size: 1em; margin:0 0 6px 0; font-weight: normal; }
	
	
	
/* BORDERS */
	.noBorder {border:none !important;}
	.blockLine {border-bottom:1px solid #e1e1e1;margin:5px 0 15px 0;} 
	


/* BOTONES */
	.botonInput { white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: button; background-image: none; }
	.botonSmall, .botonLarge { font-family:'Ubuntu', sans-serif; color: #fff !important; background:#323e43; text-align: left; -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0); -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0); cursor: pointer; border: 0; }
	.botonLight { background:#abb7b7; }
	.botonSmall:hover, .botonLarge:hover {background:#98A3A3; color: #fff !important; -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0); -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0); cursor: pointer; border: 0; text-decoration:none !important; }
	.botonLarge { -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 1.1em; padding: 12px 20px; }
	.botonLarge:hover { -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 3px; border-radius: 3px; font-size: 1.1em; padding: 12px 20px; }
	.botonSmall { -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 0.9em; padding: 8px 15px; }
	.botonSmall:hover { -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 0.9em; padding: 8px 15px; }
	
	
/* ICONOS */
	.bullet { background: url('/images/icons/arrow.png') no-repeat 0 top; width:8px; height:8px; display:inline-block; }
	

/* FORMULARIOS */
	.campoform, .campoform_small  { border:1px solid #CCC;color:#444;background:#fff; font-family:'Ubuntu', sans-serif; margin: 0; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0); box-shadow: inset 0 1px 1px rgba(0,0,0,0); }
	.campoform { font-size:0.9em; padding:12px; }
	.campoform_small { font-size:0.8em; padding:8px 10px; }
	.campoform:focus, .campoform_small:focus {border:1px solid #eee;color:#222;background:#f1f1f1;font-family:'Ubuntu', sans-serif; -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-ms-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;outline:0; }
	.msg_ok, .msg_error, .msg_warning { padding: 18px 10px; margin: 20px 10px !important; font-weight: normal; font-size: 1em ; color: #fff; text-align: center; -webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px; -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }
	.msg_error { background: #EB5055; }
	.msg_ok { background: #68C39F; }
	.msg_warning { background: #bfbda0; }
	.selectform { background: #fff url("http://icongame.es/tools/images/select.png") 100% center no-repeat; background-size: 40px 30px; padding: 0 40px 0 10px; -webkit-appearance: none !important; height: 2.3125rem; }
	.selectform_small { background: #fff url("http://icongame.es/tools/images/select.png") 100% center no-repeat; background-size: 35px 25px; padding: 0 30px 0 10px; -webkit-appearance: none !important; height: 1.94rem; }




/* POPUPS */
	.popup { z-index: 2998; display: none; }
	.popupInfo { position: absolute; width: 300px; left:50%; margin-left:-150px; top:70px; z-index:3000; background:#FFF; -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 -13px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); }
	.popupRegister { position:absolute; width:300px; left:50%; margin-left:-150px; top:70px; z-index:3000; background:#FFF; -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 -13px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); }
	.popupInfoContent { padding:20px 30px 25px; }
	.popupInfoContent h2 { font-size: 26px; margin-bottom: 20px; }
	.popupCerrar { float: right; margin: -10px -18px 0 0; }
	.popupInfoSecondary {padding:20px 30px 25px;background:#eee;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;}
	.popup p { margin-bottom:3px; }
	.popupZonabc {background:url("http://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 { display: none; position: fixed; padding: 0; margin: 0; left: 0%; top: 0%; width: 100%; height: 100%; z-index: 2999; cursor: pointer; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); }



/* CABECERA TOP */ 
	.cabecera_nav { list-style: none; font-size:0.9em;}
	.cabecera_nav li { display: inline-block; list-style: none; height: 50px !important; line-height: 50px !important; }
	.cabecera_nav a {  padding: 18px 15px; color: #555; text-transform: none; }
	.cabecera_nav a:hover { padding: 18px 15px; color: #333; text-decoration: none; background: #eee; }
	.cabecera_nav i { font-size: 21px; }
	

/* PORTADA */ 
	.homeNewsItem { position: relative; }
	.homeNewsText { position: absolute; bottom: 0px; right:0px; left:0px; z-index: 3; border: 0; padding: 6px 10px 6px 15px; text-align: left; color: #fff; background-color: rgb(17,34,51); background-color: rgba(0,0,0,0.7); border-left: 3px solid #fa0;  /*background:url('/images/back/gradover.png') repeat-x top transparent; padding-top:60px;*/ }
	.homeNewsText h1 { font-family:'Roboto Slab', serif; font-weight: normal; font-size: 2.3em; line-height: 1.6em; margin: 0;}
	.homeNewsText h2 { font-family:'Roboto Slab', serif; font-weight: normal; font-size: 1.3em; line-height: 1.6em; margin: 0; }
	.homeNewsText h3 { font-family:'Roboto Slab', serif; font-weight: normal; font-size: 1em; line-height: 1.6em; margin: 0; }
	.homeNewsText a { color: #fff; text-decoration: none; }
	.homeNewsText a:hover { color: #fb0; text-decoration:none; }
	.homeNewsText p { font-size: 0.8em; margin: 3px 0px; }
	.secondItem p { font-size: 0.7em; margin: 2px 0px; }
	
	.homeVideoItem { width:33%; float:left; text-align:left; margin-left:0.5%; }
	.firstVideo { margin-left: 0 !important; }
	.homeVideoImg { margin-bottom:6px;position:relative;overflow:hidden;max-height:140px; }
	.homeVideoPlayXl { position:absolute;left:50%;top:40%;margin-left:-50px;margin-top:-50px;width:100px;height:100px;background: url('/images/icons/play-xl.png') no-repeat center center transparent; }
	.homeVideoPlay { position:absolute;left:50%;top:50%;margin-left:-28px;margin-top:-28px;width:56px;height:56px;background: url('/images/icons/play.png') no-repeat center center transparent; }
	.homeVideoImg img { width:100%;display:block; }
	.homeVideoItem h2 { margin:0 10px 5px 0; }
	.homeVideoItem p { margin:0 10px 8px 0; }
	
	
	
/* AGENDA */	
	.calendarEvent { border-bottom:1px solid #e1e1e1; padding:0 0 8px 0; margin:0 0 10px 0; }
	.calendarDay { float:left;height:38px;width:38px;text-align:center; }
	.calendarMonthTag {color:#fff;font-size:9px;text-transform:uppercase;margin:2px 0 0 0;background:#06b;padding:1px 0; }
	.calendarDayTag { c olor:#333;font-size:1.1em;;background:#eee; }
	.calendarDayInfo { font-size:0.8em; margin:0 0 0 48px; text-align: left; }
	.calendarDayInfo h4 { font-size:1.1em; margin:0 0 2px 0; }
	
	
	
/* PAGINAS */ 
	.pagina_cabecera { margin:15px; padding-bottom:3px; text-align:left; border-bottom:1px solid #e1e1e1; }
	.pagina_cabecera p { font-size:0.9em; text-transform:uppercase; color:#457; font-weight:bold; margin-bottom:6px; }
	.pagina_cabecera a { color:#666; text-decoration:none; }
	.pagina_cabecera a:hover { color:#fa0; text-decoration:none; }
	.pagina_cabecera h1 { margin-bottom:15px !important; }
	
	
	
/* COMENTARIOS */
	.comentario {border-top: 1px solid #e1e1e1; padding: 10px 0 15px 0; }
	.comentario_avatar { float:left; width:65px; text-align:left; }
	.comentario_avatar img { border:0; width:50px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
	.comentario_texto { margin:0 10px 0 65px; text-align:left; }
	.comentario_texto p { font-size:0.9em; margin:0 0 3px 0; }
	.comentario_texto textarea { width:100%; min-height:35px; font-size:0.8em; color:#666; border:1px solid #ccc; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }



/* FOTOS */
	.albums_lista { margin:0 7px 40px 7px;column-gap:0px;-moz-column-gap:0px;-webkit-column-gap:0px;-webkit-column-fill:auto;-moz-column-fill: auto;column-fill: auto; }
	.albums_lista_item { margin:0 8px 16px 8px;text-align:left;border: 1px solid #e1e1e1;box-shadow: 0 1px 2px rgba(34, 34, 34, 0.2);-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid; }
	.albums_lista_item:hover { border: 1px solid #06b;box-shadow: 0 1px 2px rgba(34, 34, 34, 0.4); }
	.albums_lista_item a:hover { text-decoration: none !important; }
	.albums_lista_foto { margin:4px; }
	.albums_lista_foto img { width:100%;height:auto;display:block; }
	.albums_lista_item h3 { margin-bottom:5px; }
	.album_fotos { column-gap:0px;-moz-column-gap:0px;-webkit-column-gap:0px;-webkit-column-fill:auto;-moz-column-fill: auto;column-fill: auto; }
	.album_fotos_item { margin:0 2px 2px 0; }
	.album_fotos_item img { display:block; }
	
	
/* VIDEOS */
	.video-container { position: relative; padding-bottom: 56.25%; margin-top: 10px; height: 0; overflow: hidden;}
	.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	

	
/*@media screen and (min-width: 970px) { */
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }

.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -15px;
  top: 50px; 
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: -15px;
  top: 50px;
}

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}



/* FOOTER */
	.footer_legal { text-align:center; font-size:11px; color: #555; margin:30px 0; }
	.footer_legal p { margin-bottom:8px; }
	.footer_top a, .footer_nav a, .footer_legal a { color: #777 !important; text-decoration: none; }
	.footer_top a:hover, .footer_nav a:hover, .footer_legal a:hover { color: #999 !important; text-decoration: underline; }
	
	
	
	
/* CPANEL */
	.cpanel_menu { background: #eee; text-align:left; margin: 0 10px 40px 0; }
	.cpanel_menu ul { list-style:none;margin:15px 0 80px 0; }
	.cpanel_menu li { border-bottom: 1px solid #ddd; font-size:0.9em; }
	.cpanel_menu a { display: block; padding:10px; color: #333 !important; text-decoration: none; }
	.cpanel_menu a:hover { color: #333 !important; text-decoration: none; background: #ddd; }
	.cpanel_menu_selec { font-weight:bold; background: #eee; }
	.cpanel_root { text-align: left; margin: 0 0 100px 0; }
	.cpanel_texto { margin-bottom: 5px; font-weight: bold; }
	.cpanel_campo { margin-bottom: 25px; }
	.cpanel_ruta {  }
	.cpanel_ruta h2 { margin: 0 !important; }
	.cpanel_ruta p { padding-top: 5px; margin:0; }
	.cpanel_tabla { width: 100%; border:0; border-collapse:collapse; font-size:0.9em; }
	.cpanel_tabla th, .cpanel_tabla td { border-bottom: 1px solid #e1e1e1; padding:8px 2px; }
	.cpanel_tabla tr:hover td { background:#f3f3f3; }
	.cpanel_tabla a { display: block; }
	.tabla_data th, .tabla_data td { border: 1px solid #e1e1e1; padding:8px 4px; }
	.tabla_data th { font-weight:bold; }
	.cpanel_label { float:left; width:26%; text-align:right; margin-bottom:30px; }
	.cpanel_input { float:right; width:70%; text-align:left; margin-bottom:30px; }
	.cpanel_label p { margin-top:8px; line-height:14px; }
	.cpanel_boton { text-align: center; margin: 20px 0 50px 0; }
	
	
	
/* RESPONSIVE */
.show-grid { margin:0; }
.columna_izq { margin-top: 0;; border-right: 0px solid #e1e1e1; }
.columna_first { }
.cpanel_root { text-align: left; margin: 0 0 100px 0; }

@media screen and (min-width: 480px) {
	.columna_izq { margin-top: 0;; border-right: 0px solid #e1e1e1; }
	.columna_first { }
@media screen and (min-width: 740px) {
	.show-grid { margin:0;}
	#panelContent { margin-left: 240px; }
	#navPanel { width:240px; }
	#navPanelHeader { left: 240px; }
}
@media screen and (min-width: 890px) {
	.columna_izq { margin-top: 5px;; border-right: 1px solid #e1e1e1; }
	.columna_first { margin-top: 10px !important; }
}