body{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: 'Quicksand', Arial, sans-serif;
    color: #666;
    font-size: 14px;
    background-color: #fff;
    text-align:center;
    font-weight:bold;
    overflow: hidden;
}
/* general */
#Clearer{clear:both;}
*:focus {outline: none;}
html {overflow-y: scroll;}
img{border:none;}
a {border:none;text-decoration:none;color: #000;}
a:hover {border:none;text-decoration:none; color:#000;}
input{ border:none; background:none; font-family: 'Quicksand', Arial, sans-serif; width:100%; font-weight:bold;}
input[type='checkbox'] {
    width: 20px;
    float: right;
}
textarea{
    background:none;
    font-family: 'Quicksand', Arial, sans-serif;
    border:none;
    resize:none;
    /*background-image: url(../images/textarea.png);*/
    background-repeat: no-repeat;
    background-position: bottom right;
    height:100px;
    width:100%;
    font-weight:bold;
}
select{
    border:none;
    background:none;
    font-family: 'Quicksand', Arial, sans-serif;
    width: 100%;
    padding-right: 10%;
    font-weight:bold;
}
h1 {
    color: #ffffff;
    font-size: 18px;
    padding: 9px 10px;
    font-weight: normal;
    margin-Bottom: 30px;
    background-color:#206e95;
}
/* --------------------------------------------------------------- */
#login{
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 13px;
}
#login input{ color:#333;}
#boton_login{
    padding: 5px 0px 30px;
}
#boton_login a{color: #fff;padding: 13px;display:block;text-align:center;background-color: #218fce;}
#boton_login a:hover {background-color: #0f608e;}
#boton_olvide_pass{margin-top: 5px;}
#boton_olvide_pass a {
    color: #666;
    font-size: 12px;
}
#boton_olvide_pass a:hover{color:#000;}

#cabecera_error {
    padding: 15px 0px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    display: block;
    width: 100%;
    text-transform: uppercase;
}
#cabecera_error2 {
    padding: 15px 0px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    display: block;
    width: 100%;
    text-transform: uppercase;
}
/* --------------------------------------------------------------- */
#pie{
    position: fixed;
    width:100%;
    text-align:left;
    font-size:10px;
    bottom: 0;
    background-color: #222;
}
#pie_menu {
    float: right;
    padding: 15px;
    color: #999;
}
#pie_menu a{
    color: #fff;
}
#pie_menu a:hover{
    color:#999;
}
/* --------------------------------------------------------------- */
#cabecera_obremo{
	width:100%;
}
a#Logo {
    width: 175px;
    float: left;
    padding: 10px 0 10px 10px;
}
a#Logo:hover {
    opacity: .5;
}
#btnMenu{
	float: left;
    background-color:#218fce;
	color:#fff;
    padding: 7px;
    margin: 10px 5px;
}
#btnMenu:hover{
    background-color:#0f608e;
}
#btnCapas{
	float: left;
    background-color:#218fce;
	color:#fff;
    padding: 7px;
    margin: 10px 5px;
}
#btnCapas:hover{
    background-color:#0f608e;
}

#btnBuscar{
	float: left;
    background-color:#218fce;
	color:#fff;
    padding: 7px;
    margin: 10px 5px;
}
#btnBuscar:hover{
    background-color:#0f608e;
}
#logoObremo{
	float:right;
	padding:15px;
	width:100px;
}
#logoISG{
	float: right;
	padding-right: 10px;
}
#menu_lateral {
    position: absolute;
    top: 65px;
    left: -260px;
    z-index: 999;
    background-color: #fff;
    padding: 10px;
    width: 225px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
#menu_lateral label{
	display: block;
	background-color: #666;
	color: #fff;
	padding: 3px 0px;
	margin-bottom: 3px;
}
#btnCerrarMenu {
    background-color: #218fce;
    color: #fff;
    display: block;
    padding: 7px;
    margin-top: 10px;
}
#btnCerrarMenu:hover{
    background-color:#0f608e;
}
#menu_lateral i.fa, #menu_lateral_mapa i.fa{
    width: 30px;
    text-align: center;
}
a.btnLateral {
    display: block;
    width: 100%;
    text-align: left;
    padding: 7px 0;
    border-bottom: 1px solid #f1f1f1;
}
a.btnLateral:hover {
	background-color:#f1f1f1;
}
input.txtLateral{
    width: 95%;
    text-align: left;
    padding: 5px 4px;
    border: 1px solid #ccc;


}
input.txtLateral:hover{
	background-color:#f1f1f1;
}
select.cmbLateral{
    width: 100%;
    text-align: left;
    padding: 5px;
    border: 1px solid #ccc;
}
#menu_lateral_mapa{
    position: absolute;
    top: 65px;
    left: -260px;
    z-index: 999;
    background-color: #fff;
    padding: 10px;
    width: 225px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
#menu_lateral_mapa label{
	display: block;
	background-color: #666;
	color: #fff;
	padding: 3px 0px;
	margin-bottom: 3px;
}
img.menu_iconos {
    float: left;
    padding: 0px 9px;
}
#menu_lateral_buscar{
    position: absolute;
    top: 65px;
    left: -260px;
    z-index: 999;
    background-color: #fff;
    padding: 10px;
    width: 225px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
#menu_lateral_buscar label{
	display: block;
    background-color: #666;
    color: #fff;
    padding: 3px 0px;
    margin-bottom: 3px;
}
#btnCerrarCapas {
    display: block;
    padding: 7px;
    margin-top: 10px;
    background-color: #218fce;
    color: #fff;
}
#btnCerrarCapas:hover{
    background-color:#0f608e;

}
#btnCerrarBuscar {
    background-color: #218fce;
    color: #fff;
    display: block;
    padding: 7px;
    margin-top: 10px;
}
#btnCerrarBuscar:hover{
    background-color:#0f608e;
}
#btnMapaBuscar {
    background-color: #218fce;
    color: #fff;
    display: block;
    padding: 7px;
    margin-top: 10px;
}
#btnMapaBuscar:hover{
    background-color:#0f608e;
}
#btnGeoPosicion {
    background-color: #218fce;
    color: #fff;
    display: block;
    padding: 7px;
    margin-top: 10px;
}
#btnGeoPosicion:hover{
    background-color:#0f608e;
}


#Submenu_Informes{
    position: absolute;
    top: 65px;
    left: -320px;
    z-index: 999;
    background-color: #fff;
    padding: 10px;
    width: 280px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

#Submenu_Informes label{
	display: block;
	background-color: #666;
	color: #fff;
	padding: 3px 0px;
	margin-bottom: 3px;
}

#Submenu_Informes i.fa{
    width: 30px;
    text-align: center;
}

#btnCerrarMenuInformes {
    background-color: #218fce;
    color: #fff;
    display: block;
    padding: 7px;
    margin-top: 10px;
}
#btnCerrarMenuInformes:hover{
    background-color:#0f608e;
}






















/* --------------------------------------------------------------- */
#mapa {
    width: 100%;
    background-color: #aadaff;
    height: 100%;
    position: fixed;
}
/* --------------------------------------------------------------- */
#contenedor_index {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    position: absolute;
    height: calc(100% - 42px);
    display: table-row;
    background-color:#fff;
}
#contenedor {
    margin: 0 auto;
    width: calc(100% - 20px);
    padding: 10px;
    text-align: center;
    position: absolute;
    height: calc(100% - 118px);
    display: table-row;
    background-color: #f1f1f1;
}
/* DEFINICION DE TABLAS */
.tdlabel{
    text-align:left;
    color:#08486b;
}
.tdBorde {
    color: #FFF;
    padding: 10px !important;
    border: 1px solid #ccc;
}
.tdHeader{
    color: #FFF;
    padding: 10px !important;
    background-color: #206e95;
}
#tabla_ranking{ width:605px; padding:20px; color:#FFF; font-size:16px;  text-shadow:1px 1px 1px rgba(0, 0, 0, 1); float:left;}
.tabla_ranking_head{
    color:#000;
    text-shadow:1px 1px 1px rgba(250, 250, 250, .5);
}
.td_impar{background-color: rgba(0, 0, 0, 0.3); padding:5px 0;}
.td_separata{ height:10px;}
.td_impar_numero{ background-color: rgba(0, 0, 0, 0.3); text-align:center; /*border-bottom-left-radius: 5px; border-top-left-radius: 5px;*/}
.td_impar_handicap{ background-color: rgba(0, 0, 0, 0.3); text-align:center; /*border-bottom-right-radius: 5px; border-top-right-radius: 5px;*/}
.tdBuscar {
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #FFF;
    padding: 10px !important;
    border:1px solid #dedede;
}
.td_Text{
    text-align: left;
}
#cesta_Eliminar a{
    padding: 5px 10px !important;
    background-color: #222 !important;
    color: #fff !important;
}
#cesta_Eliminar a:hover{
    background-image: url(../images/white.png);
}
.select_temporada{
    width: 150px;
    position: absolute;
    z-index: 99;
    background-color: #fff;
    right: 115px;
    top: 38px;
    padding: 4px 10px;
    background-position-x: 125px;
}
#cabecera_video{background-color:#206e95;}
.calendario_top {background-color: #206e95;}
/* general */
#error_resolucion{display:none}
#recontenedor {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    position: absolute;
    height: calc(100% - 42px);
    display: table-row;
}

#sidebar_menu {
    width: 250px;
    height: 100%;
    background-repeat: no-repeat;
    float: left;
    display: table-cell;
    position: fixed;
    background-color: #206e95;
    border-right: 2px solid;
}
#logo_calaso{
    margin:20px 0;
    width:160px;
}
#sidebar_menu a {
    color: #fff;
    width: 98%;
    float: left;
    text-align: left;
    margin: 5px 0;
    padding: 5px 5px 5px 0px;
    font-size: 14px;
    text-shadow: 1px 1px 1px #000;
}
#sidebar_menu a:hover {
    color: #ccc;
}
#awesome {
    text-align: center;
    width: 40px;
    float: left;
    padding-top:3px;
}
.actual{
    background-color: #fff;
    color: #000 !important;
    text-shadow: none !important;
}
#cuerpo_lateral{
    width: calc(100% - 255px);
    height: 100%;
    position: relative;
    float: right;
    display: table-cell;
}
#cabecera_lateral {
    width: 96%;
    margin: 25px 2%;
    color: rgba(255, 255, 255, 0.8);
    overflow:hidden;
    background-color: #206e95;
}
.mayusculas{ text-transform:uppercase; color:#fff;}
#cabecera_lateral a{
    float: right;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px 15px;
}
#cabecera_lateral a:hover{
    background-color: rgba(0, 0, 0, 0.2);
}
#cuerpo_contenido {
    width: 96%;
    /*height: calc(100% - 152px);*/
    margin: 45px 2%;
    text-align:left;
    position:relative;
}
#Error{
    position: absolute;
    margin: 0 2%;
    width: 96%;
    top: 70px;
}
#cuerpo_contenido table {
    width: 100%;
    /*max-width: 950px;*/
}
.color {
    width: 21%;
    max-width: 45px;
    height: 45px;
    background-color: #ccc;
    float: left;
    margin: 5px;
}
.color:hover{opacity:.5}
#color1 {background-color: #cb0f18;}
#color2 {background-color: #d88710;}
#color3 {background-color: #ad9d10;}
#color4 {background-color: #69af17;}
#color5 {background-color: #03A9F4;}
#color6 {background-color: #152ba9;}
#color7 {background-color: #9C27B0;}
#color8 {background-color: #e60d9c;}
#color9 {background-color: #6b6b6b;}
#cabecera {
    width: 960px;
    margin: 10px;
    text-align: left;
    height: 120px;
    background-image: url(../images/cabecera.png);
    background-repeat: no-repeat;
    box-shadow:2px 2px 5px #999;
}
#logo_club {
    float: left;
    width: 110px;
    padding: 5px;
    padding-left: 10px;
    height: 110px;
}
#logo_rfegolf {
    float: right;
    width: 110px;
    height: 110px;
    padding: 5px;
}
.cabecera_nombre{ text-transform:uppercase;}
.cabecera_importante{ color:#000; font-size:14px; font-weight:bold;}
#cabecera_datos {
    text-align: left;
    float: left;
    margin-left: 45px;
    width: 525px;
    height: 100px;
    padding-top: 20px;
}
#logo_rfegolf_top {
    margin-top: 3px;
    width: 40px;
    float: left;
}
/* --------------------------------------------------------------- */
#columna_izquierda{
    text-align:left;
    float:left;
    width:635px;
    min-height:100px;
}
#ranking{
    background-color:#FFF;
    margin:15px;
    box-shadow: 2px 2px 5px #999;
    padding-bottom: 20px;
}
#ranking_cabecera{
    height:60px;
    width:100%;
    border-bottom:3px solid #206e95;
}
#ranking_cuerpo{
    width:100%;
    background-image:url(../images/white.png);
    min-height: 500px;
    background-color:#206e95;
}
#brillo{
    width:100%;
    /*background-image:url(../images/brillo.png);*/
    background-repeat:no-repeat;
    min-height: 500px;
}
/* --------------------------------------------------------------- */
#columna_derecha{
    text-align:center;
    float:right;
    width:345px;
    min-height:100px;
}
#publicidad{
    background-repeat:no-repeat;
    min-height:150px;
    margin:15px;
    padding:10px;
    box-shadow: 2px 2px 5px #999;
    background-color:rgba(255, 255, 255, 0.7);
    margin-top:30px;
}
/* --------------------------------------------------------------- */
#columna_central{
    text-align: left;
    margin: 0 auto;
    margin-top: 15px;
    width: 960px;
}
#cuerpo{
    text-align:left;
    overflow:hidden;
    position:relative;
    height: 100%;
}
#botonera{
    text-align: right;
    position: absolute;
    z-index: 99;
    right: -1px;
    top: 2px;
    width: calc(80% - 40px);
    margin: 10px;
    padding: 10px;
	color:#fff;
}
#botonera a{
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
}
#botonera a:hover{
    background-color: #000000;
}
#botonera span{ padding: .2em 1em;}
#botonera_aux{ margin-top: 10px;}
#botonera_aux span{ padding: .2em 1em;}
/* --------------------------------------------------------------- */
.titulo_clasificacion {
    color: #fff;
    padding: 10px !important;
    font-size: 16px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    background-color: #206e95;
    margin-bottom:20px;
}
.foto_clasificacion {
    width: 50px;
    border-radius: 50%;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.impares_clasificacion {
    background-color: #f5f5f5;
}
.posicion_clasificacion{
    font-size:1.7em;
}
#separata{ height:10px;}
.nombre_clasificacion {
    padding: 5px 0;
    text-align: left;
}
/* --------------------------------------------------------------- */
#botones {
    margin:0 auto;
    width:960px;
    text-align:center;
}
#menu_btn{
    width:232px;
    height:170px;
    float:left;
    margin:0 4px;
    margin-bottom:14px;
    color:#FFF;
    position:relative;
    overflow:hidden;
    box-shadow: 2px 2px 5px #999;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
    background-color:#206e95;
}
#menu_btn p{
    position: absolute;
    top: 125px;
    left: 20px;
}
#menu_btn img{}
#example a{
    width:232px;
    height:170px;
    float:left;
}
#example_btn00{ background-image:url(../images/btn00.png); background-position:0 0;}
#example_btn00:hover,#example_btn00.hover{background-position:0 -170px;}
#example_btn0{ background-image:url(../images/btn0.png); background-position:0 0;}
#example_btn0:hover,#example_btn0.hover{background-position:0 -170px;}
#example_btn1{ background-image:url(../images/btn1.png); background-position:0 0;}
#example_btn1:hover,#example_btn1.hover{background-position:0 -170px;}
#example_btn2{ background-image:url(../images/btn2.png); background-position:0 0;}
#example_btn2:hover,#example_btn2.hover{background-position:0 -170px;}
#example_btn3{ background-image:url(../images/btn3.png); background-position:0 0;}
#example_btn3:hover,#example_btn3.hover{background-position:0 -170px;}
#example_btn4{ background-image:url(../images/btn4.png); background-position:0 0;}
#example_btn4:hover,#example_btn4.hover{background-position:0 -170px;}
#example_btn5{ background-image:url(../images/btn5.png); background-position:0 0;}
#example_btn5:hover,#example_btn5.hover{background-position:0 -170px;}
#example_btn6{ background-image:url(../images/btn6.png); background-position:0 0;}
#example_btn6:hover,#example_btn6.hover{background-position:0 -170px;}
#example_btn7{ background-image:url(../images/btn7.png); background-position:0 0;}
#example_btn7:hover,#example_btn7.hover{background-position:0 -170px;}
#example_btn8{ background-image:url(../images/btn8.png); background-position:0 0;}
#example_btn8:hover,#example_btn8.hover{background-position:0 -170px;}
#example_btn9{ background-image:url(../images/btn9.png); background-position:0 0;}
#example_btn9:hover,#example_btn9.hover{background-position:0 -170px;}
#example_btn10{ background-image:url(../images/btn10.png); background-position:0 0;}
#example_btn10:hover,#example_btn10.hover{background-position:0 -170px;}
#example_btn11{ background-image:url(../images/btn11.png); background-position:0 0;}
#example_btn11:hover,#example_btn11.hover{background-position:0 -170px;}
#example_btn12{ background-image:url(../images/btn12.png); background-position:0 0;}
#example_btn12:hover,#example_btn12.hover{background-position:0 -170px;}
#example_btn13{ background-image:url(../images/btn13.png); background-position:0 0;}
#example_btn13:hover,#example_btn13.hover{background-position:0 -170px;}
#example_btn14{ background-image:url(../images/btn14.png); background-position:0 0;}
#example_btn14:hover,#example_btn14.hover{background-position:0 -170px;}
#example_btn15{ background-image:url(../images/btn15.png); background-position:0 0;}
#example_btn15:hover,#example_btn15.hover{background-position:0 -170px;}
#example_btn16{ background-image:url(../images/btn16.png); background-position:0 0;}
#example_btn16:hover,#example_btn16.hover{background-position:0 -170px;}
#example_btn17{ background-image:url(../images/btn17.png); background-position:0 0;}
#example_btn17:hover,#example_btn17.hover{background-position:0 -170px;}
#example_btn18{ background-image:url(../images/btn18.png); background-position:0 0;}
#example_btn18:hover,#example_btn18.hover{background-position:0 -170px;}
#example_btn19{ background-image:url(../images/btn19.png); background-position:0 0;}
#example_btn19:hover,#example_btn19.hover{background-position:0 -170px;}
#example_btn20{ background-image:url(../images/btn20.png); background-position:0 0;}
#example_btn20:hover,#example_btn20.hover{background-position:0 -170px;}
#example_btn21{ background-image:url(../images/btn21.png); background-position:0 0;}
#example_btn21:hover,#example_btn21.hover{background-position:0 -170px;}
#example_btn22{ background-image:url(../images/btn22.png); background-position:0 0;}
#example_btn22:hover,#example_btn22.hover{background-position:0 -170px;}
#example_btn23{ background-image:url(../images/btn23.png); background-position:0 0;}
#example_btn23:hover,#example_btn23.hover{background-position:0 -170px;}
#example_btn24{ background-image:url(../images/btn24.png); background-position:0 0;}
#example_btn24:hover,#example_btn24.hover{background-position:0 -170px;}
#example_btn25{ background-image:url(../images/btn25.png); background-position:0 0;}
#example_btn25:hover,#example_btn25.hover{background-position:0 -170px;}
#example_btn26{ background-image:url(../images/btn26.png); background-position:0 0;}
#example_btn26:hover,#example_btn26.hover{background-position:0 -170px;}
#example_btn27{ background-image:url(../images/btn27.png); background-position:0 0;}
#example_btn27:hover,#example_btn27.hover{background-position:0 -170px;}
#example_btn28{ background-image:url(../images/btn28.png); background-position:0 0;}
#example_btn28:hover,#example_btn28.hover{background-position:0 -170px;}
#example_btn29{ background-image:url(../images/btn29.png); background-position:0 0;}
#example_btn29:hover,#example_btn29.hover{background-position:0 -170px;}
#example_btn30{ background-image:url(../images/btn30.png); background-position:0 0;}
#example_btn30:hover,#example_btn30.hover{background-position:0 -170px;}
#example_btn31{ background-image:url(../images/btn31.png); background-position:0 0;}
#example_btn31:hover,#example_btn31.hover{background-position:0 -170px;}
#example_btn32{ background-image:url(../images/btn32.png); background-position:0 0;}
#example_btn32:hover,#example_btn32.hover{background-position:0 -170px;}
#example_btn33{ background-image:url(../images/btn33.png); background-position:0 0;}
#example_btn33:hover,#example_btn33.hover{background-position:0 -170px;}
#example_btn34{ background-image:url(../images/btn34.png); background-position:0 0;}
#example_btn34:hover,#example_btn34.hover{background-position:0 -170px;}
#example_btn35{ background-image:url(../images/btn35.png); background-position:0 0;}
#example_btn35:hover,#example_btn35.hover{background-position:0 -170px;}
#example_btn36{ background-image:url(../images/btn36.png); background-position:0 0;}
#example_btn36:hover,#example_btn36.hover{background-position:0 -170px;}
#example_btn37{ background-image:url(../images/btn37.png); background-position:0 0;}
#example_btn37:hover,#example_btn37.hover{background-position:0 -170px;}
#example_btn38{ background-image:url(../images/btn38.png); background-position:0 0;}
#example_btn38:hover,#example_btn38.hover{background-position:0 -170px;}
#example_btn39{ background-image:url(../images/btn39.png); background-position:0 0;}
#example_btn39:hover,#example_btn39.hover{background-position:0 -170px;}
#example_btn40{ background-image:url(../images/btn40.png); background-position:0 0;}
#example_btn40:hover,#example_btn40.hover{background-position:0 -170px;}
#example_btn41{ background-image:url(../images/btn41.png); background-position:0 0;}
#example_btn41:hover,#example_btn41.hover{background-position:0 -170px;}
#example_btn42{ background-image:url(../images/btn42.png); background-position:0 0;}
#example_btn42:hover,#example_btn42.hover{background-position:0 -170px;}
#example_btn43{ background-image:url(../images/btn43.png); background-position:0 0;}
#example_btn43:hover,#example_btn43.hover{background-position:0 -170px;}
#example_btn44{ background-image:url(../images/btn44.png); background-position:0 0;}
#example_btn44:hover,#example_btn44.hover{background-position:0 -170px;}
#example_btn45{ background-image:url(../images/btn45.png); background-position:0 0;}
#example_btn45:hover,#example_btn45.hover{background-position:0 -170px;}
#example_btn46{ background-image:url(../images/btn46.png); background-position:0 0;}
#example_btn46:hover,#example_btn46.hover{background-position:0 -170px;}
#example_btn47{ background-image:url(../images/btn47.png); background-position:0 0;}
#example_btn47:hover,#example_btn47.hover{background-position:0 -170px;}
#example_btn48{ background-image:url(../images/btn48.png); background-position:0 0;}
#example_btn48:hover,#example_btn48.hover{background-position:0 -170px;}
#example_btn49{ background-image:url(../images/btn49.png); background-position:0 0;}
#example_btn49:hover,#example_btn49.hover{background-position:0 -170px;}
#example_btn50{ background-image:url(../images/btn50.png); background-position:0 0;}
#example_btn50:hover,#example_btn50.hover{background-position:0 -170px;}
/* --------------------------------------------------------------- */
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border:none;
    width:99%;
    padding-top: 10px;
    padding-left: 1%;
    background-color: #206e95;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 32px;
    line-height: 32px;
    border:none;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    background: none;
}
ul.tabs li a {
    text-decoration: none;
    display: block;
    padding: 0 20px;
    outline: none;
    margin:0px 3px;
    color:#fff;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
}
ul.tabs li a:hover {
    color:#fff;
    background-color: rgba(255, 255, 255, 0.25);
}
ul.tabs li.active a {
    color:#222 !important;
    text-shadow:none;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
    background:#fff;
    border:none;
}
.tab_container {
    border:none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
    padding: 2% 0;
}
.tab_content {
    /*padding:30px 10px;*/
	position:relative;
}
/* --------------------------------------------------------------- */
.ui-menu-item{background-color: #206e95; color: #fff;}
.ui-menu-item:hover{border: none; background-color: #000; color: #fff;}
.society{float: left; width: 190px; height: 210px; margin: 20px; border: 1px solid #d2d2d2; padding: 5px; cursor: pointer; background-color: #fff;}
.society:hover{border: 1px solid #206e95;}
.society2{float: left; width: 160px; height: 210px; margin: 20px; border: 1px solid #d2d2d2; padding: 5px; cursor: pointer; background-color: #fff;}
.botonAceptar{cursor: pointer; background-color: #208e0e; color: #fff; padding: 13px 15px; margin-left: 5px; border-radius: 20px; margin-top: 8px; float: left;}
.botonAceptar:hover{background-color: #246519;}

.botonCancelar{cursor: pointer; background-color: #e21b1b; color: #fff; padding: 13px 14px; margin-right: 5px; border-radius: 20px; margin-top: 8px; float: right;}
.botonCancelar:hover{background-color: #ad1818;}
#botonera2 {text-align: right;position: absolute;z-index: 99;right: 30px;top: 35px;}
#botonera2 a{cursor: pointer; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 5px 10px; margin-right: 5px;}
#botonera2 a:hover{background-color: rgba(0, 0, 0, 0.2);}
.div_Salida {
    background-color: #f5f5f5;
    margin-bottom: 15px;
    width: 100%;
    padding: 5px 0;
    min-height: 45px;
}
.jugador_Salida {
    width: 21%;
    text-align: center;
    margin: 0 1%;
    float: left;
    padding: 12px 0;
    background-color: #10374a;
    box-shadow: 2px 2px 5px #dcdcdc;
    min-height: 20px;
    color: #fff;
    cursor: move;
}
.jugador_Salida:active {
    cursor:inherit;
}
.texto_Hora {
    float: left;
    padding: 8px 0;
    font-size: 21px !important;
    width: 8%;
    text-align: center;
}
/* --------------------------------------------------------------- */
#jornada_tipo {
    background-color: #FFF;
    float: left;
    border: 1px solid #dedede;
    text-align: center;
    padding: 2%;
    font-size: 12px;
    margin: 2%;
    width: 92%;
    color: #000;
    position: relative;
}
#cont_jornadas{ margin-bottom:80px;}
#jornadas_pruebas {
    width: 25px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.jornada_numero{
    font-size:55px;
}
#jornada_ejercicios{
    margin-top:3px;
    text-align:center;
    font-size:12px;
}
#Asistencia_cuerpo {
    margin: 30px 0 0;
    height: 500px;
    overflow-y: scroll;
    }
.Asistencia_foto {
    background-color: #FFF;
    float: left;
    border: 2px solid #ccc;



    text-align: center;
    padding: 10px;
    font-size: 12px;
    margin: 5px;
    width: 138px;
    height: 210px;
    color: #000;
}
.Asistencia_nombre{
    margin-top:15px;
}
.Asistencia_combo{
    width: 142px;
}
/* TEST INICIALES */
.explica{
    text-align:justify;
    font-size:12px;
    color:#666;
}
.valora_check{
    color:#000;
    border: 1px solid #ccc;
    padding:5px;
}
.valora_texto{
    text-align:justify;
    font-size:12px;
    color:#666;
    border: 1px solid #ccc;
    border-left: none;  background-color: #fff;
    padding:10px;
}
.valora_espan{
    width: 200px;
    margin: 0;
    float: left;
    padding-left: 40px;
}
.test_derecha{
    display: none;
    width:600px;
    float:right;
}
#jugadores {
    width: 293px;
    float: left;
    height: 465px;
    overflow-y: scroll;
}
#jugadores a{
    font-size:12px;
    display:block;
    width:260px;
    padding:10px 5px;
    margin-bottom:5px;
}
#jugadores a:hover{
    background-color:rgba(0,0,0,0.7);
    color:#FFF;
}
.jugadores_inicio{
    background-color:#f2f2f2;
    color:#666;
}
.jugadores_seleccionado{
    background-color:#222;
    color:#fff;
}
.jugadores_finalizado{
    background-color:#BCBCBC;
    color:#fff;
}
.opcion{
    color:#FFF;
    padding: 10px 5px;
    text-align:center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    background-color:#206e95;
}
.opcion_txt {
    padding: 7px;
    color: #FFF;
    background-color: #404040;
    text-align: center;
}
.fase_top {
  text-align: center;
  border: 1px solid #ccc;
  height: 25px;
}
.fase_body {
  text-align: center;
  border: 1px solid #ccc;
  border-top:none;

  height: 25px;
}
.valoracion {
    text-align: justify;
    border: 1px solid #E8E8E8;
    padding: 10px;
    vertical-align: top;
    font-size: 12px;
}
/* TEST INICIALES */
.separata {
    height: 10px;
}
.info_top{
    color:#FFF;
    text-shadow: 1px 1px #000;
    text-align:center;
    background-color: #206e95;
    border: 1px solid #206e95;
}
.info_texto {
    text-align: left;
    padding-left: 10px;
    border: 1px solid #dedede;
}
.info_texto2{
    border: 1px solid #dedede;
    text-align:center;
}
.eagle{    background-color:#32b1e4;
    text-align:center;
    color:#FFF;
}
.birdie{    background-color:#aed4f6;
    text-align:center;
    color:#FFF;
}
.par{    background-color:#a2a7ab;
    text-align:center;
    color:#FFF;
}
.bogey{    background-color:#f7b942;
    text-align:center;
    color:#FFF;
}
.doble_bogey{    background-color:#ee5a00;
    text-align:center;
    color:#FFF;
}
.info_dato{    background-color:#fff;
    border:1px #e5e5e5 solid;
    color:#3c5774;
    text-align:center;
    font-size:24px;
}
.info_dato input{
    font-size: 16px;
}
.info_calculo{    background-color:#78bbe9;
    border:1px #78bbe9 solid;
    text-align:center;
    font-size:24px;
    color:#fff;
}
.info_dato select{
    font-size: 18px;
}
.btn_calendario {
    background-color: rgba(0, 0, 0, 0.29);
    padding: 2px 5px;
    cursor: pointer;
    color: #FFF;
    box-shadow: 0px 0px 1px #FFF;
}
.btn_calendario:hover{
    color:rgba(250, 250, 250, 0.8);
    }
/* INFO TORNEOS DISPUTADOS VER */
.info_cabecera_tabla {
    color: #FFF;
    text-shadow: 1px 1px #000;
    text-align: center;
    padding: 3px 10px;
    background-color: #206e95;
    border: 1px solid #206e95;
}
.info_texto_tabla{    background-color:#e5e5e5;
    border:1px #e5e5e5 solid;
    text-align:left;
    padding:5px 10px;
}
.info_calculo_tabla{    background-color:#78bbe9;
    border:1px #78bbe9 solid;
    text-align:center;
    font-size:18px;
    color:#fff;
}
.info_dato_tabla{    background-color:#fff;
    border:1px #e5e5e5 solid;
    color:#ccc;
    text-align:center;
    font-size:14px;
}
.observaciones{
    width: 95%;
    margin: 0;
    padding: 0;
    padding-left: 10px;
}
/* CSS PANTALLA EJERCICIOS FOTOS */
.Link_Ejercicio_Fotos{
    font-size: 14px;
    color: #999;
}
.DivFoto{
    float:left;    width:290px;    margin:0 5px 10px 5px;    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 10px #F0F0F0;  }
#BotonesFoto{
    position: absolute;    top: 0px;
    font-size: 14px;    padding: 5px;
    text-shadow: 1px 1px 3px #000;
}
#BotonesFoto a{
    color: #fff;
    padding-right: 5px;
}
#BotonesFoto a:hover{
    color: #d2d2d2;
}
.DivVideo{
    float:left;    /*width:445px; */
    margin:0 5px 10px 5px;    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 10px #F0F0F0;
}
#BotonesDoc {
    position: absolute;
    top: 40px;
    font-size: 12px;
    text-align: justify;
    padding: 10px;
}
#BotonesDoc a{
    color: #333;
    padding-right: 5px;
}
#BotonesDoc a:hover{
    color: #d2d2d2;
}
/* Leyenda de Control de Asistencia */
.asistido{    border-color:#000;
}
.justificada{    border-color:#0000ff;
}
.lesionado{    border-color:#00ff00;
}
.nojustificada{    border-color:#ff0000;
}
/* Evolución del jugador */
.titulos {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    padding: 8px 0;
    width: 100%;
    display: block;
    margin: 0 0 20px;
    color: #fff;
    background-color: #206e95;
}
input#Distitivo_fecha1, input#Distitivo_fecha2, input#Distitivo_fecha3, input#Distitivo_fecha4, input#Distitivo_fecha5, input#Distitivo_fecha6, input#Distitivo_fecha7, input#Distitivo_fecha8, input#Distitivo_fecha9, input#Distitivo_fecha10 {text-align: center;}
/* informes */
.tab_container {position: relative;}
.btnLeyenda{position: absolute !important;z-index: 10; top:38px; right:25px;}
.btnLeyenda span{ font-size:11px !important;}
.l1{ background-color:#333; color:#FFF; padding:5px 0; text-align:center;}
.l2{ background-color:#E8E8E8; padding:5px 0; text-align:center;}
.l3{ background-color:#E8E8E8; padding:5px;}
.lsep{ height:5px;}
/* CINTAS EVOLUCION */
.distintivos_cintas{
    box-shadow: 0 0 5px #ccc;
}
#botones_carteles a {padding: 0 12px;}
#botones_carteles a:hover {opacity:0.5;}
/*  ESTADISTICAS  */
#cuerpo_graf {
    float: left;
    width: 20%;
    margin: 1%;
    margin-bottom: 20px;
    padding: 1%;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
}
.titulo2 {
    background-color: #f5f5f5;
    padding: 5px 0;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
#Estadisticas_datos {
    font-size: 36px;
    padding: 5px 0;
    width: 130px;
    background-color: #e8e8e8;
    font-weight: bold;
    color: #000;
}
.Filtro_Estadisticas{
    padding: 5px 0;
    background-color: #e8e8e8;
    font-weight: bold;
    color: #000;
    text-align: center;
}
.Filtro_Estadisticas input{
    font-size: 14px;
    width: 80%;
}
.Filtro_Estadisticas select{
    font-size: 14px;
    width: 80%;
}
.tabla_datos{
    width:230px;
    margin:0 auto;
}
#graficas {
    width: 85px;
    height: 85px;
    float: left;
    margin-top: 15px;
    margin-left:25px;
    background-image:url(../images/stats_none.jpg);
}
.spacer{ height:5px;}
.tdCabecera {
    background-color: #f5f5f5;
    border: 1px solid #e8e8e8;
    padding: 5px;
    text-align: center;
}
.tdDatos {
    border: 1px solid #e8e8e8;
    padding: 5px;
    text-align: center;
}
#Label_Jornada {
    color: #fff;
    width: 48%;
    text-align: center;
    padding: 5px 0;
    border: 1px solid #dedede;
    border-bottom: none;
    background-color: #206e95;
}
#Label_Ejercicios {
    color: #fff;
    width: 48%;
    text-align: center;
    padding: 5px 0;
    border: 1px solid #dedede;
    border-bottom: none;
    background-color: #206e95;
}
.Link_Ejercicio {
    font-size: 10px;
    text-decoration: underline;
    margin: 0 5px;
}
/* PRODUCTOS */
#productos{}
.img_producto{ float:left;}
#datos_productos{ float:right; /*width:250px;*/}
#datos_productos label{ font-size:14px; color:#1b97d5; font-weight:normal}
#datos_productos select{ font-size:14px; color:#1b97d5; font-weight:normal}
a#btnCesta {
    color: #fff;
    font-size: 18px;
    padding: 5px 0px;
    width: 250px;
    background-color: #222222;
    display: block;
    text-align: center;
}
a#btnCesta:hover{
    background-image:url(../images/white.png);}
a#btnComprar {
    color: #fff;
    font-size: 18px;
    /*border-radius:4px;*/;
    padding: 5px 0px;
    width: 250px;
    background-color: #222222;
    display: block;
    text-align: center;
}
a#btnComprar:hover{
    background-image:url(../images/white.png);}
.producto_precio{
    font-size:30px !important;
}
.producto_cantidad{
    text-align:center;
    font-size:16px;
}
/* CARRITO DE LA COMPRA */
#carrito {
    text-align:left;
}
.carrito_h2 {
    color: #ffffff;
    text-align: center;
    padding: 5px 0;
    margin-top: 0;
    text-shadow: 1px 1px 1px #000;
    background-color:#206e95;
}
#carrito a{
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 1px 2px;
    background-color: #eee;
}
#carrito a:hover{
    color: #fff;
    background-color:#1b97d5;
}
#carrito p{
    text-align:justify;
    padding:0 5px;
}
.texto_cinta {
    text-align: center;
    font-size: 20px;
    background-color: rgb(238, 238, 238);
    width: 265px;
    padding: 5px 0;
    text-transform: uppercase;
    margin-bottom:20px;
}
.texto_cinta_superior {
    top: 142px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    left: 85px;
    width: 265px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-transform:uppercase;
}
.texto_cinta_inferior {
    top: 169px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    left: 85px;
    width: 265px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-transform:uppercase;
}
#jornada_con_eliminar{
    float: left;
}
#jornada_eliminar{
    width: 185px;
    padding: 2px 10px;
    text-align: center;
}
#jornada_eliminar a{
    font-size: 10px;
    text-decoration: underline;
}
#jornada_eliminar a:hover{
    opacity: 0.5;
}
/* ###################################################################################################### */
/* EN LOS DIALOG MUESTRO ERRORES. A CADA DIALOG LE PASO UN INDICE 1 - 3
/* ###################################################################################################### */
#lblError{background-color: #f00; display: block; padding: 6px; color: #fff;}
#lblError1{background-color: #f00; display: block; padding: 10px; color: #fff;}
#lblError2{background-color: #f00; display: block; padding: 10px; color: #fff;}
#lblError21{background-color: #f00; display: block; padding: 10px; color: #fff;}
#lblError22{background-color: #f00; display: block; padding: 10px; color: #fff;}
#lblError3{background-color: #f00; display: block; padding: 10px; color: #fff;}
#lblCargando{float: left; background-color: #f00; color: #fff; padding: 7px; margin: 10px 5px;}



/* ###################################################################################################### */
/* EN LOS DIALOG MUESTRO BOTONES. EL TD QUE INCLUYE LOS BOTONES TENDRÁ UNA CLASS
/* ###################################################################################################### */
.tdBoton a{
    color: #fff !important;
    padding: 10px 35px;
    cursor: pointer;
    background-color: #218fce;
}
.tdBoton a:hover{
    background-color: #218fce;
    color: #fff !important;
    border-color: #218fce;
}

.tdBoton button{
    color: #222 !important;
    padding: 5px 35px;
    cursor: pointer;
    border: 1px solid #ccc;
}
.tdBoton button:hover, .tdBoton button:focus {
    background-color: #218fce;
    color: #fff !important;
    border-color: #218fce;
}
/*  INFORMES  */
#contenedor_variable {
    margin: 0 auto;
    width: calc(100% - 20px);
    padding: 10px;
    text-align: center;
    background-color: #f1f1f1;
    margin-bottom: 30px;
}
.titulo_pagina {
    background-color: #218fce;
    padding: 10px;
    margin: 7px 0 20px;
    color: #fff;
    text-align: left;
}
.titulo_label {
    float: left;
    padding-top: 3px;
    padding-right: 10px;
}
.titulo_select{
    float: left;
    width: 60px;
    background-color: #fff;
    padding: 3px;
    border-radius: 5px;
}
.grafica_uno_contenedor {
    width: calc(50% - 30px);
    float: left;
    padding: 10px;
    background-color: #fff;
}
.grafica_dos_contenedor {
    width: calc(50% - 30px);
    float: right;
    padding: 10px;
    background-color: #fff;
}
.excel{
	background-color: #207244;
	padding: 5px;
	border-radius: 5px;
	color: #fff;
	display: block;
	margin-top: 15px;
	width: 100px;
}
.excel:hover{opacity:0.5;}
.excel img{width: 75px;}
.mini_grid_contenedor {
    min-height: 200px;
    margin: 30px 0px;
    position: relative;
    width: 100%;
}
#botonera_grid {
    text-align: right;
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    width: calc(80% - 40px);
    margin: 7px;
    color: #fff;
}
#botonera_grid a {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 7px 10px;
    border-radius: 3px;
    display: inline-block;
}
#botonera_grid a:hover{
    background-color: #000000;
}
@media screen and (max-width: 1024px) {
#sidebar_menu {
    width: 40px;
}
#logo_calaso {
    margin: 36px 0 36px -24px;
    width: 90px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    float: left;
}
#sidebar_menu a {
    font-size: 0;
    padding: 10px 0;
    width: 100%;
    margin: 0;
}
#awesome {
    font-size: 14px;
}
#cuerpo_lateral {
    width: calc(100% - 40px);
}
ul.tabs li a {
    padding: 0 5px !important;
}
.grafica_uno_contenedor {
    width: calc(100% - 20px);
    float:none;
}
.grafica_dos_contenedor {
    width: calc(100% - 20px);
    float:none;
    margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
#error_resolucion {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    padding-top: 10px;
}
#error_resolucion a:hover{
    opacity:0.5;
}
#pie_menu{
    width: 100%;
    padding: 15px 0;
    text-align: center;
}
ul.tabs li a {
    padding: 0 5px;
}
#botonera a {
    padding: 5px;
    margin-right: 0px;
}
}
@media screen and (max-width: 520px) {
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    width: 100% !important;
    border: none !important;
    top: 0 !important;
}
.tdBoton a {
    float: none !important;
    display: block;
    margin-bottom: 5px;
}
}
@media screen and (max-width: 425px) {
#logoObremo{display:none;}
}
select.ui-datepicker-year, select.ui-datepicker-month {
    background-color: rgb(255, 255, 255);

    padding: 3px 10px;
    margin: -7px 1% !important;
    border-radius: 3px;
	width: 48% !important;
}
/* ###################################################################################################### */
/* ESTILOS PARA TABLA EMBEBIDA EN LOS PARTES
/* ###################################################################################################### */
#botoneraD{
    text-align: right;
    position: absolute;
    z-index: 99;
    top: 3px;
    margin: 10px;
    padding: 10px;
    padding-left: 0px;
    margin-left: 0px;
    left:1px;
    padding-bottom: 0px;
    padding-top: 15px;
}

#botoneraD a{
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
}
#botoneraD a:hover{
    background-color: #000;
}
#botoneraD span{ padding: .2em 1em;}