.noscreen { display:none; }

body {
    margin-left: 0px;
    /*margin-top: 5px;*/
    margin-right: 0px;
    /*margin-bottom: 10px;*/
    background: #F5F5F5 url(../img/layout/fondo_rallado_gris_claro.png);
    color:#666666;
}
.clear {
    width: 100%;
    height: 0;
    line-height:0;
    display:block;
    margin:0;
    padding:0;
    clear:both;
    float:none;
}
img{
    border: none;
}
#bodyIframe{
    margin-left: 0px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 10px;
    background-color:#FFFFFF;
    color:#666666;
}
p, form { margin:0px; }
form { padding:0px; }
.fr { float:right; }
.fl { float:left; }
.cl { clear:both; }
a {
    color: #6A3480;
    text-decoration:none;
}
a:hover {
    text-decoration:none;
}
.borde_1 {
    border: 1px solid #EEEEEE;
}
.borde_2 {
    border-left: 1px dotted #999999;
    border-right: 1px dotted #999999;
}
.txt_default {
    font: normal 8pt tahoma;
    color:#333333;
}
.txt_ini {
    font: normal 12pt Georgia;
    color:#333333;
    text-align:justify;
}
.titulo {
    color: #005DA4;
    font: 400 20px 'Open Sans';
    display:block;
    margin-bottom:10px;
}
#titulo {
    color: #005DA4;
    font: bold 13pt tahoma;
}
#titulo a{
    color: #005DA4;
}
#titulo a:hover{
    background-color: #005DA4;
    color:#fff;
    text-decoration:none;
}
.titulo_grande {
    color: #005DA4;
    font: normal 16pt tahoma;
}
.subtitulo {
    color: #005DA4;
    font: normal 13pt tahoma;
}
legend {
    font: 400 14px 'Open Sans';
    color:#005DA4;
}
fieldset{
    clear:both;
    padding:10px;
    margin-top:20px;
    border: 1px solid #ccc;
    cursor:default;
    text-align:left;
}
hr {
    height:0px;
    border-top:1px dotted #D0E6B5;
}
.input_button {
    font:normal 14px Tahoma;
    color:#005298;
}
.input_button_p {
    font:normal 12px Tahoma;
    color:#005298;
    border:1px solid;
}
.input_button_calendar{
    background:url('../img/menu/periodos.gif') no-repeat;
    border:none;
    width:17px;
    height:16px;
}
.input_button_plain{
    font:normal 12px Tahoma;
    color:#005298;
    border:1px solid;
}
.input_cancel {
    font:normal 14px Tahoma;
    color:#CC0000;
}
.input_cancel_p {
    font:normal 12px Tahoma;
    color:#CC0000;
}
.input_text {
    border:1px dotted #6A3480;
    background-color:#FFFFEF;
    font:normal 8pt Tahoma;
    color:#666666;
    padding-left:2px;
    padding-right:2px;
}
.negrita {font-weight:bold;}
.font_negro {color: #000000;}
.font_gris {color: #999999;}
.font_verde {color:#090;}
.font_rojo {color: #CC0000;}
.font_naranja {color: #FF9900;}
.font_azul {color:#005298;}
.txt_pequeno{
    font:normal 7pt Tahoma;
}
.txt_msg{
    font:normal 7pt verdana,arial;
    color: #CC0000;
}
.tr_titulo{
    background-color: #EEEEEE;
    font-weight:bold;
}
.tr_titulo a{
    color: #555 !important;
    font-weight:bold;
}
.tr_titulo td {
    height:25px;
}
.tr_color1 {
    background-color: #f3f9ff;
}
.tr_color_pendiente{
    background-color: #EEECF5;
}
.tr_color2{
    background-color: #d6e9ff;
}
.tr_color1b{
    background-color: #FFFFFF;
}
.tr_color2b{
    background-color: #F2F2F2;
}
.tr_color3{
    background-color:#FDEAA6;
}
.tr_activo{
    background-color:#87C1FC;
    color:#FFFFFF;
}
.tr_activo2{
    background-color:#87C1FC;
    color:#FFFFFF;
    font-weight: bold;
    border: 0px;
}
.tr_destacado{
    background-color:#FC0;
    color:#000;
}
.tr_hover:hover {
    background-color:#fffff0 !important;
    text-shadow: 0px 1px 0px #fff !important;
}
.btn-edit, .btn-del {
    display:inline-block;
    width: 21px;
    height: 21px;
    text-indent:-999%;
    cursor:pointer;
    background-image: url(../img/layout/botones_edicion.png);
    background-repeat: no-repeat;
}
.btn-edit { background-position: 0px 0px }
.btn-edit:hover { background-position: 0px -21px }
.btn-del { background-position: -21px 0px }
.btn-del:hover { background-position: -21px -21px }
#cuadro  {
    border: 1px dotted #cccccc;
    margin-top:10px;
    margin-bottom:10px;
    padding:5px;
    display:block;
}
.cabeceraPreguntas{
    font-size: 12px;
    font-weight: bold;
    margin: 15px 0px 5px 0px;
}
.borde_1 {
    border: 1px dotted #cccccc;
}
.columna_izqda{
    width: 49%;
    height:  100%;
    float:left;
}
.columna_drcha{
    width: 49%;
    float:right;
}
.apartadoVerProyecto{
    font-weight:bold;
}
#datosCorreo{
    margin-top: 10px;
    width: 49%;
    float:left;
}
#contenedorCabecera{
    margin-top: 10px;
    height: auto;
    clear: both;
}
#textoMensaje{
    margin-top: 10px;
    height: auto;
    clear: both;
    min-height: 50px;
}
#botones{
    margin-top: 10px;
    width: 49%;
    height: auto;
    float: right;
    vertical-align: middle;
}
#datosCorreo table td label{
    font-weight: bold;
}
#tablaDAFO{
    width: 100%;
}
#DAFODiv{
    min-height: 100px;
}
.rojo{
    color: #FF0000;
}
#formAnotacion{
    margin-left: 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 10px;
}
#selEstado{
    margin-left: 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 10px;
}
#botoneraform{
    margin-left: 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 10px;
}
#pieTabla{
    margin-left: 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 10px;
}
.verde{
    color: #00FF00;
}
.imagenEstado{
    height: 20px;
    width: 20px;
}
/*********************************************/
.cabezaSeccion{
    text-align: center;
    background-color: #DDDDDD;
    font-weight:bold;
}
/*******************************
Para botones en Plan económico Financiero ******/
.botonPEF{
    font:normal 12px Tahoma;
    color:#666666;
    border:1px solid;
    width: 100px;
}
#botonAno{
    font:normal 12px Tahoma;
    color:#333333;
    background-color: #9CCEEF;
    border:1px solid;
    width: 100px;
}
.botonPEF_disabled{
    font:normal 12px Tahoma;
    color:#999999;
    border:1px solid;
    width: 100px;
}
.boton_ano{
    font:normal 12px Tahoma;
    color:#666666;
    border:1px solid;
    width: 100px;
}
.seleccionado{
    font-weight: bold;
    text-align:  center;
}
.celdaEmprendedor{
    width: 25%;
}
.verDAFO{
    width: 100%;
}
#descripcionTexto {
    font: normal 10pt "Tahoma";
}
/*****************************************/
ul#submenupriv {
    padding:0px 0px 0px 20px;
    margin:20px 0px 20px 0px;
    list-style-image:url(../../img/layout/ico-li.png);
}
ul#submenupriv a {
    color: #0032B5;
    text-decoration:none;
    font-size:11px;
}
ul#submenupriv a:hover {
    text-decoration: underline;
}
/*****************************************/
.verProyecto a{
    text-decoration: underline;
    color: #666;
}
.nombreHoja{
    font: bold 9pt Tahoma, Geneva, sans-serif;
    color: #005298;
    margin-top: 10px;
    text-align: left;
}
#urldestino{
    width: 100px;
}
.rojo_error {
    background-color: #FF0000 !important;
}
/**
Para los checkbox
*/
input[type=checkbox] {
    position: absolute;
    left: -999em;
}
input[type=checkbox] + label {
    display: block;
    min-height: 16px;
    padding-left: 22px;
    background: url('../img/checkbox_off.png') top left no-repeat;
}
input[type=checkbox]:checked + label {
    background-image: url('../img/checkbox_on.png');
}
/**
* Para el guardado
*/
#botonera_form_txt{
    font-size: 26px;
}
#valoraciones_table tr:hover {
    font-size: 14px;
}
a.action_link{
    cursor: pointer;
}
label.label_star{
    cursor: pointer;
    font-size: 30px;
}
.destacado{
    color: #ffe000;
}
.destacado_ficha_jugador{
    color: #ff8100;
}
/*TOOLTIPS*/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
    visibility: hidden;
	max-width: 500px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	opacity: 0;
	transition: opacity 0.3s;
	transform: translateX(-50%);
	width: max-content;
	padding: 10px;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.saving {
    font-size: 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
}

.jugador-list .imgloading {
	width: 100%;
	height: 140px;
	object-fit: cover;
	object-position: center;
}