html, body, form { height: 100%; }
body { font-family: Arial; font-size: 12px; font-style:normal; font-weight:normal; color:#666666; }


tr.enbloque img {display: block;}
table {border-collapse:collapse;}


/*************** IMAGENES ***************/

img.linkrelat {position:relative; top:2px}
img.linkrelat4 {position:relative; top:4px}
img.linkFloat {border:0;float:left}
img {border:0}  
img.imgFP {border:solid 2px lightgrey;margin:1px} /* fotos personales*/
img.box-white {background-color:White; padding:3px;}



/*************** CAMPOS ***************/

input.campos {font-family: Arial; font-size: 12px; font-style:normal; font-weight:normal; color:black; height:15px; border: solid 1px lightgrey; padding:2px 4px 2px 4px;}
input.campos-sp {font-family: Arial; font-size: 12px; font-style:normal; font-weight:normal; color:black; height:25px; border: solid 1px lightgrey; background-color:#f2f2f2; padding:3px;vertical-align:middle}
input.file{	font-family: arial;	font-size: 12px;	color: black;	font-weight: normal;border: solid 1px #595a5c;cursor:pointer}

textarea.campos {font-family: Arial; font-size: 12px; font-style:normal; font-weight:normal; color:black; border: solid 1px lightgrey; padding:4px; resize:none; margin:0px;}
textarea.campos-sp {font-family: Arial; font-size: 12px; font-style:normal; font-weight:normal; color:black; height:25px; border: solid 1px lightgrey; background-color:#f2f2f2; padding:3px;vertical-align:middle;  resize:none; margin:0px;}

select.campos {font-family: Arial; font-size: 12px; font-style:normal; font-weight:normal; color:black; border: solid 1px lightgrey; padding:2px}
select.camposbasecorp {font-family: Arial; font-size: 12px; font-style:normal; color:#2b46b0; border: solid 1px lightgrey; padding:2px}
select.camposbasecorp2 {font-family: Arial; font-size: 12px; font-style:normal; color:#1753B3; border: solid 1px lightgrey; padding:2px}

/*************** WATERMARKS ****************/

 input::-webkit-input-placeholder {color: Black !important;}
 input:-moz-placeholder {color: Black !important;}

/*************** BUTTONS ***************/


.buttonBase {font-family:Arial; font-size:12px; color:white; background-color:#b0b1b3; border:1px solid #787879; cursor:pointer; padding:5px 10px 5px 10px}
.buttonTransparent{font-family:Arial;font-size:11px; color:black;background-color:Transparent;border: none 0px;cursor:pointer}
.buttonSearch {background-image: url(../imHTC/botones/lupa.gif);width: 20px;height: 20px;padding: 0px;margin: 0px;color: #ffffff;font-weight: bold;cursor: pointer;background-color: white;background-repeat: no-repeat;}
.buttonUpload {font-family:Arial;font-size:11px; color:#626469;background-color:#d2d1d1;border: solid 1px lightgrey;cursor:pointer}
.button-corp-bl-none{font-family:Arial;font-size:12px; color:white;background-color:#d80073;border: 0px none;cursor:pointer}
.button-corp{font-family:Arial;font-size:12px; color:white;background-color:#d80073;border: solid 1px #d80073;cursor:pointer;padding:5px 10px 5px 10px;width:127px;height:29px;}
.buttons {font-family:Arial;font-size:11px; color:#6C6C6E; background-color:#E3E3E3;border: solid 1px #B1B1B1;cursor:pointer}

.buttonsBlack {font-family:Arial;font-size:11px; color:white;background-color:#000000;border:solid 1px #000000;cursor:pointer}
.buttonsCorp{ font-family:Arial; background-image:url(../im/fijas/fondo_btn_corp.jpg); border:1px solid #8fd400;  color:#666666; font-weight:bold; font-size:11px; cursor:pointer;}
.buttonsCorpOcio{ font-family:Arial; background-image:url(../imHTC/fijas/fondo_btn_corp_ocio.jpg); border:1px solid #1753B3;  color:#666666; font-weight:bold; font-size:11px; cursor:pointer;}


/*************** LINKS ***************/

:link:focus, :visited:focus {-moz-outline:0px;} /* stop mozilla outline when click link*/

a {text-decoration:none;color: #d80073; font-weight:bold;}
a:hover {text-decoration:underline;}
/*
TO-DO: PTE REVISAR LAS NOTICIAS EDITADAS POR HT
a, a:visited {text-decoration:none;color: #d80073;font-size:11px; font-weight:bold;}
a:hover {text-decoration:underline;color: #d80073;font-size:11px; font-weight:bold;}
*/

a.link {text-decoration:none}
a.link:hover {text-decoration:underline}

a.linkunderline, a.linkunderline:hover, a.linkunderline:visited {text-decoration:underline}

.lnkbuttons, .lnkbuttons:hover, .lnkbuttons:link, .lnkbuttons:visited{font-family:Arial;font-size:11px; color:white;background-color:#9d9fa2;border: solid 1px #595a5c;cursor:pointer; font-weight:normal; text-decoration:none;} 

.link-button-corp-bl-none{font-family:Arial;font-size:12px; color:white;background-color:#d80073;border: 0px none;cursor:pointer; text-decoration:none !important; font-weight:normal !important; padding:1px 10px;}

.vermas {
    color:#df0e0e; font-weight:normal; margin-bottom:5px
}

.label-check {position:relative; top:-2px}

/*************** FONTS ****************/
.fs-9  {font-size: 9px !important;}
.fs-10 {font-size:10px !important;}
.fs-11 {font-size:11px !important;}
.fs-12 {font-size:12px !important;}
.fs-13 {font-size:13px !important;}
.fs-15 {font-size:15px !important;}
.fs-14 {font-size:14px !important;}
.fs-16 {font-size:16px !important;}
.fs-17 {font-size:17px !important;}
.fs-18 {font-size:17px !important;}
.fs-20 {font-size:20px !important;}
.fs-28 {font-size:28px !important;}
.fs-30 {font-size:30px !important;}

.fw-bold {font-weight:bold !important;}
.fw-normal {font-weight:normal !important;}

.ftd-underline {text-decoration:underline !important;}
.ftd-linethrough {text-decoration: line-through !important;} /*TACHADO*/
.ftd-none {text-decoration:none !important;}
.fls-1 {letter-spacing:1px}

.fta-justify {text-align:justify;} 
.fta-center {text-align:center;} 
.fta-left {text-align:left;} 
.fta-right {text-align:right;} 

.fst-italic {font-style:italic}

.flt-left{float:left;}
.flt-none{float:none !important;}
.flt-right{float:right !important;}

.fc-base {color: #666666  !important;} /* gris */
.fc-baselight {color:#bdbdbd!important;} /* gris claro #e5e5e5 */
.fc-basecorp {color: #d80073 !important;} /* color corporativo*/
.fc-basecorp2 {color:#1753B3 !important;} /* 2º color corporativo */
.fc-basecorplight {color: #fbdfd8 !important;} /* color corporativo en un tono más bajo */
.fc-rosa {color: #efa690 !important;} /* rosa */
.fc-red {color: #df0e0e !important;} /* rojo */
.fc-black {color:Black !important;} 
.fc-white {color:White !important;}
.fc-blue {color: #3B5998 !important;}

/*************** BORDERS **************/

.bl-base {border: solid 1px lightgrey}
.bl-top-base {border-top: solid 1px lightgrey}
.bl-bottom-base {border-bottom: solid 1px lightgrey}
.bl-left-base {border-left: solid 1px lightgrey}
.bl-right-base {border-right: solid 1px lightgrey}
.bl-none{border: 0px none;}

.bl-right-white{ border-right:1px solid white;}


.bl-basedark{border: solid 1px #626469}
.bl-top-basedark {border-top: solid 1px #626469}
.bl-bottom-basedark {border-bottom: solid 1px #626469}
.bl-left-basedark {border-left: solid 1px #626469}
.bl-right-basedark {border-right: solid 1px #626469}



.bl-bottom-white {border-bottom:1px solid white;}

.bl-gadget {border: solid 1px #8d9296} /* gris oscuro */

.bl-gadgetlight {border: solid 1px #b3b3b3;} /* gris claro */
.bl-top-gadgetlight {border-top: solid 1px #b3b3b3;}
.bl-bottom-gadgetlight {border-bottom: solid 1px #b3b3b3;}
.bl-left-gadgetlight {border-left: solid 1px #b3b3b3;}
.bl-right-gadgetlight {border-right: solid 1px #b3b3b3;}


.bl-top-gadget {border-top: solid 1px #8d9296} /* gris oscuro */
.bl-bottom-gadget {border-bottom: solid 1px #8d9296} /* gris oscuro */

/*************** MARGINS *****************/

.mar-0-auto { margin: 0 auto; }

.mar-15 {margin:15px;}
.mar-top-15 {margin-top:15px;}
.mar-bottom-15 {margin-bottom:15px;}
.mar-left-15 {margin-left:15px;}
.mar-right-15 {margin-right:15px;}

.mar-20 {margin:20px;}
.mar-top-20 {margin-top:20px;}
.mar-bottom-20 {margin-bottom:20px;}
.mar-left-20 {margin-left:20px;}
.mar-right-20 {margin-right:20px;}

.mar-left-30 { margin-left: 30px !important; }

/*************** PADDINGS *****************/

.pad-0 {padding:0px}
.pad-top-0 {padding-top:0px}
.pad-bottom-0 {padding-bottom:0px}
.pad-left-0 {padding-left:0px}
.pad-right-0 {padding-right:0px}

.pad-5 {padding:5px}
.pad-top-5 {padding-top:5px}
.pad-bottom-5 {padding-bottom:5px}
.pad-left-5 {padding-left:5px}
.pad-right-5 {padding-right:5px}

.pad-10 {padding:10px}
.pad-top-10 {padding-top:10px}
.pad-bottom-10 {padding-bottom:10px}
.pad-left-10 {padding-left:10px}
.pad-right-10 {padding-right:10px !important;}

.pad-15 {padding:15px}
.pad-top-15 {padding-top:15px}
.pad-bottom-15 {padding-bottom:15px}
.pad-left-15 {padding-left:15px !important;}
.pad-right-15 {padding-right:15px}

.pad-top-20 {padding-top:20px}
.pad-bottom-20 {padding-bottom:20px}
.pad-left-20{padding-left:20px}
.pad-right-20{padding-right:20px !important;}

.pad-30 {padding:30px}
.pad-top-30 {padding-top:30px}
.pad-bottom-30 {padding-bottom:30px}
.pad-left-30 {padding-left:30px}
.pad-right-30 {padding-right:30px !important;} 

.pad-right-25{padding-right:25px !important;}


.pad-right-40{padding-right:40px}
.pad-left-40{padding-left:40px}

/*************** TAMAÑOS ****************/
.w-50 {width:50%}
.w-90 {width:90%}
.w-97 {width:97%}
.w-99 {width:99%}
.w-100 {width:100%}

/*************** COLORS ***************/

.bgc-basecorp {background-color:#d80073} /* color corporativo */
.bgc-basecorp2 {background-color:#1753B3} /* 2º color corporativo */
.bgc-white {background-color:White}
.bgc-black {background-color:Black}
.bgc-base {background-color:#EBEAEA;}/* gris claro */
.bgc-basemedium {background-color:#f4f3f3} /* gris medio */
.bgc-baselight {background-color:#f6f4f4;} /* gris superclaro. textos explicativos secciones*/ 
.bgc-basedark{background-color:#616469} /* gris oscuro */

.bgc-gadget {background-color:#8d9296} /* gris oscuro */
.bgc-gadgetlight {background-color:#B3B3B3;} /* #abafb2 gris claro */
.bgc-gadget2 {background-color:#e4e8f4} /* azul claro */

.bgc-alert {background-color:#EBEAEA} /* gris claro*/


.bgGray{ background-color: #EBEAEA;}
.bgTD {background-image:url(../imHTC/fijas/fondo_btn_corp_ocio.jpg);}

.bgCorpDeportesDark{ background-color:#76B909;}
.bgCorpDeportesLight{ background-color:#F1F8E6;}
.bgCorpOcioDark{ background-color:#1753B3;}
.bgCorpOcioLight{ background-color:#EBF1FD;}

/*************** CLEARS ***************/

.clr-both { clear: both; }
.clr-none { clear: none !important; }

/*************** DISPLAYS ***************/

.dsp-block { display: block; } 
.dsp-none   { display: none; }

.vsb-hid    { visibility: hidden; }


/*************** EFECTOS **************/

.cur-pointer {cursor:pointer}
.cur-help    {cursor:help}
.cursorPointer, .cursorPointer label,.cursorPointer input {cursor:pointer;}
.subrayarSobre:hover {text-decoration: underline;}


.txtResultados {border: 1px solid lightgrey; width:20px; text-align:center;}










/******** MENU SELECTOR *********************************/
.menuselectedon
{
   background-image:url(../im/botones/btn_selectors.gif); 
   background-repeat:no-repeat;
   background-position: 0px -16px;
   width:16px;
   height:16px;
    }
.menuselectedoff
{
   background-image:url(../im/botones/btn_selectors.gif); 
   background-repeat:no-repeat;
   width:16px;
   height:16px;
    }

/********************************************************/
/********       PAGINAS CON TABS   **********************/
/********************************************************/
    .container-nav-tabs {float: none; z-index: 9999; display:table;}

    .nav-tabs {padding:0;margin:0; background-color:white;}
    .nav-tabs li{
        list-style-image:none; list-style-type:none; float:left; padding:5px 14px; 
        border-right: 1px solid lightgrey; 
        border-top: 1px solid lightgrey;
        border-bottom: 1px solid lightgrey;
        cursor:pointer;
        color:#E5E5E5;
        background-color:white;
        font-size:12px;
        font-weight:bold;
        position:relative;
        top:1px;
    }
    
    .nav-tabs li.first-tab{ border-left: 1px solid lightgrey; }
    
    .nav-tabs li a{ color:#AEAEAE; text-decoration:none;}
    
    .nav-tabs li.nav-items-selected, .nav-tabs li.nav-items-selected a{
        color:black;
        text-decoration:none;
        border-bottom: 1px solid white;
    }
    .nav-items{padding:0;margin:10px 10px 0px 10px;}
    
    
    .nav-items li.items{
        display:none;
        border:0px none !important;
        float:none !important;
    }

    .nav-items li.nav-items-selected {display:block;}

/********************************************************/
/********       Agenda Deportiva   **********************/
/********************************************************/

.week{ width:16px; text-align:center; color:#d80073; font-weight:bold;}
.weekend { color:black; width:16px; text-align:center; font-weight:bold;}
.specialday{ background-color:#d80073; color:White; font-weight:bold; cursor:pointer; text-align:center !important;}

.titleweek{color:Black; font-weight:bold; width:16px;}
.titleweekend{color:Black; font-weight:bold; width:16px;}
.calheader{ border-collapse:collapse; font-size:11px;}

.specialday_a { text-align:center; color:White; font-weight:bold;}
.specialday_a:hover { text-align:center; color:White; font-weight:bold;}
.specialday_a:link { text-align:center; color:White; font-weight:bold;}
.specialday_a:visited { text-align:center; color:White; font-weight:bold;}

.specialdaytaskinconclused { background-color:red; color:White; font-weight:bold; cursor:pointer; text-align:center !important;}
.div_agenda { height:110px; width: 190px; background-image:url(../im/fijas/calendario_mes.gif); background-repeat:no-repeat; margin: 5px 5px 5px 5px; padding-top:40px;}

.tabla_agenda {
	width: 170px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.specialday2 {background-color:lightgrey; color:White; font-weight:bold; cursor:pointer; text-align:center !important;}	



/********************************************************/
/********       ToolTip            **********************/
/********************************************************/

.tooltipHeader
{
	font-Weight:bold;
	/*width:320px;*/
	font-Family:arial;
	border:1px solid #d80073;
	padding:3;
	font-Size:11px;
	color: #ffffff;
	background-color:#d80073;
	filter:alpha(opacity=100); 
	opacity:1; 
	}

.tooltipBody
{
	border-Bottom:1px solid #d80073;
	border-Left:1px solid #d80073;
	border-Right:1px solid #d80073;
	font-Family:arial;
	font-Size:11px;
	padding:3;
	color: black;
	background-color:#FFFFFF;
	filter:alpha(opacity=100); 
	opacity:1; 
	
	}
	
/********************************************************/	
/********       ToolTip para Ocio  **********************/
/********************************************************/
	
.tooltipHeaderOcio
{
	font-Weight:bold;
	font-Family:arial;
	border:1px solid #1753B3;
	padding:3;
	font-Size:11px;
	color: #ffffff;
	background-color:#1753B3;
	filter:alpha(opacity=100); 
	opacity:1; 
	}

.tooltipBodyOcio
{
	border-Bottom:1px solid #1753B3;
	border-Left:1px solid #1753B3;
	border-Right:1px solid #1753B3;
	font-Family:arial;
	font-Size:11px;
	padding:3;
	color: black;
	background-color:#FFFFFF;
	filter:alpha(opacity=100); 
	opacity:1; 
	
	}

/********************************************************/
/********       Comentarios        **********************/
/********************************************************/
	
.boxComentarios 
    {
    background-color: #f4f3f3;
    border: 1px solid lightgrey;
    padding: 2px 2px 2px 4px;
    width: 95%;
    height: 55px;
    min-height: 55px;
    overflow:hidden;
    font-family: arial;	font-size: 11px;	color: black;	font-weight: normal;
    }
 .boxBlue11 
    {
    width: 95%;
    height: 25px;
    font-family: arial;	font-size: 11px;	color: #3B5998;	font-weight: normal;
    }
	
 .boxCtrl{ background-image:url(../im/fijas/bg_degradado.gif); background-repeat:repeat-x; background-position:bottom;}	
 .boxCtrl86{ background-image:url(../im/fijas/bg_degradado_86.gif); background-repeat:repeat-x; background-position:bottom;}
 
/********************************************************/
/********       Ajax Uploader      **********************/
/********************************************************/

 .AjaxUploaderCancelAllButton {font-family:Arial;font-size:11px; color:white;background-color:#9d9fa2;border: solid 1px #595a5c;cursor:pointer}
 .AjaxUploaderQueueTableRow td {font-family: arial;	font-size: 11px;	color: #666666;	font-weight: normal;}	
 
 
/********************************************************/
/******************   Control Horas    ******************/
/********************************************************/
.horas 
{
    background-color:#8FD400;
    border: 1px solid #76AE41;
    padding: 2px 2px 2px 2px;
}
.horasOcio
{
    background-color:#1753B3;
    border: 0px none;
    padding: 2px 2px 2px 2px;
}

/********************************************************/
/******************** Comentarios ***********************/
/********************************************************/

span.comentar  {
background:transparent url('../imHTC/iconos/comment_right.gif') no-repeat scroll right top;
color:#FFFFFF;
display:inline;
float:left;
height:19px;
margin-right:0.3em;
padding-right:6px;
cursor:help;
}
td.comentar_left  {
background:transparent url('../imHTC/iconos/comment_left.gif') no-repeat scroll left top;
margin:0pt;
padding:0pt;
width:6px;
}

/******************************************************************/
/******************** EQUIPACIONES EQUIPOS ***********************/
/*****************************************************************/


.divEqCamiseta {
    position:absolute;
    z-index:0;
    margin-top:-30px;

}

.divEqPantalon{
    position:absolute;
    z-index:0;
    margin-top:-15px;
    margin-left:4px;
}



    

    .tab-item-info{
        font-size:11px;
        font-weight:bold;
        color:white !important;
        background-color:#d80073;
        text-decoration:none !important;
        padding:0px 6px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        margin-left:5px;
    }
    
    .divbuttons {
        width:auto;
        background-color:#EBEAEA;
        padding:5px;
        cursor:pointer;
        
    }
    
    .divbuttons label{
        font-size:11px;
        font-weight:bold;
        color:white;
        background-color:#666666;
        padding:0px 8px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        margin-left:5px;
    }
    
    .box-basecorp{
        font-size:11px;
        color:white;
        background-color:#d80073;
        font-weight:bold;
        padding:0px 8px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        margin-left:5px;
    }