﻿body 
{
    font-family: Arial; font-size: 12px; font-style:normal; font-weight:normal; color:#626469;
}

/********* CAMPOS E IMAGENES *******/
img {border:0px none;}

img.linkrelat {position:relative; top:2px}
img.linkrelat4 {position:relative; top:4px}

tr.enbloque img {display: block;}
table {border-collapse:collapse;}

input.campos {font-family: Arial; font-size: 12px; font-style:normal; font-weight:normal; color:black; height:15px; border: solid 1px lightgrey; padding:2px}
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.campos-yellow {font-family: Arial; font-size: 11px; font-style:normal; font-weight:normal; color:black; height:15px; border: solid 1px lightgrey; background-color:#faffbd; padding:2px;vertical-align:middle}

textarea.campos {font-family: Arial; font-size: 12px; font-style:normal; font-weight:normal; color:black; border: solid 1px lightgrey; padding:2px}
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}

select.campos {font-family: Arial; font-size: 12px; font-style:normal; font-weight:bold; color:black; border: solid 1px lightgrey; padding:2px}
select.camposbasecorp {font-family: Arial; font-size: 12px; font-style:normal; color:#094fa4; border: solid 1px lightgrey; padding:2px}
select.camposbasecorp2 {font-family: Arial; font-size: 12px; font-style:normal; color:#5f9baf; border: solid 1px lightgrey; padding:2px}

.button {font-family:Arial; font-size:12px; color:#6C6C6E; background-color:#E3E3E3; border:1px solid #B1B1B1; cursor:pointer;}
.buttons { font-family:Arial; font-size:12px; color:#6C6C6E; background-color:#E3E3E3; border:1px solid #B1B1B1; cursor:pointer; padding:5px 10px 5px 10px }
.button-corp { font-family:Arial; font-size:12px; color:white !important; border:0px none; background-color:#52bcec; cursor:pointer; text-decoration:none !important;  padding:5px 5px 5px 5px; }



.label-check {position:relative; top:-2px}

/********* LINKS ***************/
a{ outline:0px none; color: #094fa4;}

a, a:visited {text-decoration:none;}
a:hover {text-decoration:underline}

a.link {text-decoration:none}
a.link:hover {text-decoration:underline}

a.linkunderline, a.linkunderline:hover, a.linkunderline:visited {text-decoration:underline}

/********* TEXT ****************/
.fs-9  {font-size: 9px}
.fs-10 {font-size:10px}
.fs-11 {font-size:11px !important;}
.fs-12 {font-size:12px}
.fs-13 {font-size:13px}
.fs-15 {font-size:15px}
.fs-17 {font-size:17px}
.fs-20 {font-size:20px}
.fs-30 {font-size:30px}

.fw-bold {font-weight:bold !important;}
.fw-normal {font-weight:normal}

.ftd-underline {text-decoration:underline}
.ftd-none {text-decoration:none !important;}
.fls-1 {letter-spacing:1px}

.fst-italic {font-style:italic}

.fta-justify {text-align:justify;} 
.fta-left {text-align:left;} 
.fta-center {text-align:center;}
/*********** 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-gadget {border: solid 1px #8d9296} /* gris oscuro */
.bl-gadgetlight {border: solid 1px #abafb2} /* gris claro */
.bl-top-gadget {border-top: solid 1px #8d9296} /* gris oscuro */
.bl-bottom-gadget {border-bottom: solid 1px #8d9296} /* gris oscuro */

.bl-img-diploma {border: solid 5px #094fa4;}

/********** PADDINGS Y MARGINS *****************/

.pad-0 { padding:0px;}
.pad-left-0 { padding-left:0px; }
.pad-top-0 { padding-top:0px; }
.pad-bottom-0 { padding-bottom:0px; }


.pad-5 {padding:5px}
.pad-left-5 {padding-left:5px;}
.pad-top-5 {padding-top:5px;}
.pad-right-5 { padding-right:5px;}
.pad-bottom-5 { padding-bottom:5px; }

.pad-10 {padding:10px}
.pad-15 {padding:15px}

.pad-top-10 { padding-top:10px;}
.pad-left-10 { padding-left:10px;}
.pad-right-10{ padding-right:10px;}
.pad-bottom-10 { padding-bottom:10px;}

.pad-top-15 {padding-top:15px}
.pad-bottom-15 {padding-bottom:15px}
.pad-left-15{ padding-left:15px;}
.pad-right-15{ padding-right:15px;}

.pad-top-20 { padding-top:20px;}
.pad-bottom-20 { padding-bottom:20px;}
.pad-right-20 { padding-right:20px;}
.pad-left-20 { padding-left:20px;}

.pad-top-25 { padding-top:25px;}

.pad-top-30 { padding-top:30px;}
.pad-left-30 { padding-left:30px;}
.pad-bottom-30 { padding-bottom:30px;}
.pad-right-30 { padding-right:30px;}

.pad-left-35 { padding-left:35px;}

.pad-40 { padding:40px; }
.pad-top-40 { padding-top:40px; }
.pad-bottom-40 {padding-bottom:40px;}

.pad-top-50 { padding-top:50px;}

.mar-top-0  { margin-top: 0px; }
.mar-bottom-0 { margin-bottom: 0px; }

.mar-top-5  { margin-top: 5px; }
.mar-bottom-5  { margin-bottom: 5px; }

.mar-top-10 { margin-top:10px;}
.mar-right-10 { margin-right:10px;}
.mar-left-10 { margin-left:10px;}
.mar-bottom-10 { margin-bottom: 10px; }

.mar-top-15 { margin-top:15px;}
.mar-left-15 { margin-left:15px;}


/********** FLOATS *****************/

.flt-left { float:left; }
.flt-right { float:right !important;}

/********** FLOATS *****************/

.clr-both { clear: both; }

/********** TAMAÑOS ****************/
.w-99 {width:90%}
.w-97 {width:97%}
.w-99 {width:99%}
.w-100 {width:100%}

/*********** COLORS ***************/
.fc-base {color: #626469} /* gris*/
.fc-basecorp {color: #094fa4} /* azul oscuro*/
.fc-basecorp2 {color:#0096DB} /* azul medio */
.fc-basecorpalt {color: #e39607} /* amarillo */
.fc-baselight {color:#bdbdbd!important;}
.fc-rosa {color: #efa690} /* rosa */
.fc-red {color: red} /* rojo */
.fc-black {color:Black}
.fc-white {color:White;}
.fc-green {color:#69913b;} /*verde oscuro */


.bgc-basecorp {background-color:#094fa4} /* reflex blue */
.bgc-basecorp2 {background-color:#0096DB} /* azul medio */
.bgc-white {background-color:White}
.bgc-base {background-color:#f2f2f2}   /* gris claro */

.bgc-gadget {background-color:#8d9296} /* gris oscuro */
.bgc-gadgetlight {background-color:#abafb2} /* gris claro */
.bgc-gadget2 {background-color:#e4e8f4} /* azul claro */

.bgc-alert {background-color:#e4e8f4} /* azul claro*/

/*********** EFECTOS **************/
.cur-pointer {cursor:pointer}
.cur-help    {cursor:help}


/********       ToolTip            **********************/

.tooltipHeader
{
	font-Weight:bold;
	width:320px;
	font-Family:arial;
	border:1px solid #5f9baf;
	padding:3;
	font-Size:11px;
	color: #ffffff;
	background-color:#5f9baf;
	filter:alpha(opacity=100); 
	opacity:1; 
	}

.tooltipBody
{
	border-Bottom:1px solid #5f9baf;
	border-Left:1px solid #5f9baf;
	border-Right:1px solid #5f9baf;
	width : 320px;
	font-Family:arial;
	font-Size:11px;
	padding:3;
	color: black;
	background-color:#FFFFFF;
	filter:alpha(opacity=100); 
	opacity:1; 
	
	}
	
	
	
/*********************** STATS ******************************/
.statsBar 
{
background-image:url(../im/secc/stats/barra.gif);
background-repeat:no-repeat;
position:relative;
background-position:left top;
/*border:solid 1px red;*/
}

.statsWeekBackGround
{
background-repeat:no-repeat;
background-position:center center; 
height:150px;
background-image: url('../im/secc/stats/week.gif');
}

.statsDietBackGround
{
background-repeat:no-repeat;
background-position:center center; 
height:208px;
background-image: url('../im/secc/stats/bloc.gif');
}

/*******************       Calendario   **********************/



.week{ width:24px; text-align:center; color:#094fa4; font-weight:bold;}
.weekend { color:black; width:24px; text-align:center; font-weight:bold;}
.specialday{ background-color:#094fa4; color:White; font-weight:bold; cursor:pointer; text-align:center !important;}
.specialday2{ background-color:#f2af32; 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;}

.calendario {
	width: 168px;
	margin-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}


/******************** Comentarios ***********************/
span.comentar  {
background:transparent url('../im/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('../im/iconos/comment_left.gif') no-repeat scroll left top;
margin:0pt;
padding:0pt;
width:6px;
}


