/* ================================================================ 
Copyright (c) 2011 Stu Nicholls - iStu.co.uk. All rights reserved.
This stylesheet and the associated html may be modified in any 
way to fit your requirements.
=================================================================== */
.iStu4 ul {position:absolute;  margin:0; padding:0; list-style:none; white-space:nowrap; background:#5c7291; 
           border:1px solid #fff; padding:10px 0; text-align:left;
-o-border-radius: 10px;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(92,114,145,1)), to(rgba(92,114,145,.80)));
-o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.iStu4 ul ul {left:100%; margin-top:-36px; margin-left:-5px;}
.iStu4 li {margin:0; padding:0; list-style:none; display:inline-block; display:inline;}
.iStu4 a {display:block; font:bold 18px arial,sans-serif; color:#fff; line-height:25px; text-decoration:none; padding:0 20px 0 10px;} 

.iStu4 li a.a-top,
.iStu4 li a.a-sub {background:url(/images/arrow-right.gif) no-repeat right center;}

.iStu4 li.clicked > a {color:#fff;background-color:#859bba;}

.iStu4 {padding:0; margin:0; list-style:none; text-align:left; position:relative; background:#5c7291; height:25px;}
.iStu4 > li > a {display:inline-block; margin-right:-5px; height:25px;}
.iStu4 > li {position:relative; display:inline-block;}

.iStu4 > li {display:inline;}
.iStu4 > li > ul {top:25px; left:-1px;}

.iStu4 ul {display:none;}
html, body {
	height: 100%;
	margin: 0;
}

body {
	color: #000000;/*themecolour3%0;*/
	background-color: #ffffff;/*themecolour3;*/
        /* overflow: hidden;*/
}
/* Preloader */

#preloader {
    position:fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #fff;
    z-index: 100;
}
#loader {
    width: 100px;
    height: 100px;
    position:absolute;
    left:50%; top:50%;
    background: url(/images/img_loading.gif) no-repeat center 0;
    margin:-50px 0 0 -50px;
}

table {
    font: 14pt "trebuchet ms", arial, sans-serif;
}
button {
    font:12pt "arial",arial,sans-serif
}
input {
    font:14pt "arial",arial,sans-serif;
    border-radius:5px;
}
a {
    font:12pt "arial",arial,sans-serif
}
select {
    font:14pt "arial",arial,sans-serif;
    border-radius: 0px 0px 10px 0px;
}

.selectBig {
    font:32px "arial",arial,sans-serif;
    border-radius: 0px 0px 10px 10px;
}
p {
	margin-top: 0px;
	margin-bottom: 0px;
}
blockquote {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 20px;
	color: #000000;/*themecolour3%0;*/
}
ol {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	color: #000000;/*themecolour3%0;*/
}
ul {
	color: #000000;/*themecolour3%0;*/
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	list-style-image: url(/images/index_bullet.gif);	
}

 .headingbg {
	background-image: url(/images/index_background.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.centercoltext a:link {
	color: #60799a;/*themecolour1;*/
}
.centercoltext a:visited {
	color: #333333;
}
.centercoltext a:link:hover {
	color: #ff7f00;/*themecolour2;*/
}

.centercoltext h1 {
	font-size: 15px;
	font-weight: bold;
	color: #000000;/*themecolour3%0;*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 2px;

}

h2 {
	font-size: 14px;
	color: #334a69;/*themecolour1$ -22.3%, -31.8%;*/
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

.centercoltext {
	color: #000000;/*themecolour3%0;*/
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.topcorner {
	background-image: url(/images/index_corner.gif);
	background-repeat: no-repeat;
}
.footer {
	background-image: url(/images/index_footer_bg.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	display: flex;
	align-items: center; /* Centra verticalmente */
	justify-content: right; /* Opcional: centra horizontalmente */
	height: 50px; /* Ajusta la altura según lo necesites */
}
.footer a:link {

	margin-right: 50px;
}
.bold-link {
	color:white;
	font-weight: bold;
}

.parahead {
	font-weight: bold;
	color: #333333;
	font-size: 11px;
}
.tituloblanco {  font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		color: #FFFFFF}
.tituloblanco10 {  font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		color: #FFFFFF}
.tituloblanco11 {  font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		color: #FFFFFF}
.tituloblanco12 {  font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 18px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		color: #FFFFFF}
.tituloblanco12R {  font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 18px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		color: #FFFFFF;
                border: 1px solid #cccccc;
                border-radius: 10px}

.tituloazul {  font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 13px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		color: #FFFF66}
.titulo1 {  font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		color: #003399}
.titulogris { font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal ; 
		color: #666666}
.titulorojo {  font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		color: #A52A2A}
.titulonegro { font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 14px; 
		font-style: normal; line-height: normal; font-weight: bold; font-variant: normal ; color: #000000}
.textobig { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal ; color: #000000}
.textobigblanco { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal ; color: #FFFFFF}
.titulonegro12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal ; color: #000000}
.contenidogris { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal ; color: #333333}
.contenidonegro { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal ; color: #000000}
.contenidonegro9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal ; color: #000000}
.contenidonegro12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal ; color: #000000}
.contenidoblanco { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal ; color: #FFFFFF}
.tituloruta {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #000066}
.tituloazulbig {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #000066}
/* CSS Document */

.to_continue
{
	font-size: 9px;
}

A.minicalendar 
{ 
	color: #000000; 
	font-size: 9px;
	
}

A.bminicalendar 
{ 
	color: #336699; 
	font-style: italic;
	font-weight: bold;
	font-size: 9px; 
}

A.minicalendargrey 
{ 
	color: #999999; 
	font-size: 10px;
	font-weight: bold;
}

A.bminicalendargrey 
{ 
	color: #336699; 
	font-style: italic; 
	font-size:10px; 
}

A.minicalhol
{ 
	padding-left:3px;
	padding-right:3px;
	background: #dab0b0;
	color: #000000; 
	font-size: 10px; 
}

A.bminicalhol
{ 
	padding-left:3px;
	padding-right:3px;
	background: #dab0b0;
	color: #336699; 
	font-size: 10px; 
}

A.minicalgreyhol
{ 
	padding-left:3px;
	padding-right:3px;
	background: #dab0b0;
	color: #999999; 
	font-size: 10px; 
}

A.bminicalgreyhol
{ 
	padding-left:3px;
	padding-right:3px;
	background: #dab0b0;
	color: #999999; 
	font-size: 10px; 
}


.event-on
{ 
	background: #D3DCE3;
	border: #E8F0F0 1px solid;
}

.event-off
{ 
	background: #E8F0F0;
	border: #D3DCE3 1px solid;
}

.event-holiday
{
	font-size: 100%;
	background: #dac0c0;
	color:#000000;
	vertical-align: middle;
}

.time
{
	background: #D3DCE3;
	color:#000000;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	width: 5.2%;
	text-align: right;
	padding-right: 5px;
	line-height: 11px;
	border: #E8F0F0 1px solid;
}


.planner-cell
{
	cursor: pointer;
	cursor: hand;
	border: thin solid black;
}

/* common */
.calendar_link_print
{
	text-align: center;
	font-size: 10px;
}

/*Mini Calendar*/

.calendar_minical_table
{
	width: 180px;
	font-weight: bold;
}

.calendar_minical_daytable
{
	width: 100%;
}

.calendar_minical_dayname
{
	font-size: 9px;
	text-align: right;
}

.calendar_minical_hrule
{
	width: 96%;
}

/* Header */
.calendar_dropbuttons
{
	align: center;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 8px;
}

.calendar-weekidentifier
{
	font-size:16px;
	font-weight: bold;
	text-align: center;
}

.calendar_header
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.calendar_dayview_table_header
{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

.calendar_dayview_todo_header
{
	margin: 0px; 
	padding: 2px;
	font-weight: bold;
}

/* week view */
.calendar_week_identifier_table
{
	border: 0px solid black;
	width: 100%;
}

.calendar_week_identifier
{
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}

.calendar_weekview_daytitle
{
	font-weight: bold;
	font-size: 12px;
	background: #D3DCE3;
}

.calendar_m_w_table
{
	table-layout:fixed;
	overflow:auto;
	height: 100%;
	width: 100%;
	border: 0px #000000 solid;
}

.calendar_m_w_table_row
{
	height: 80px;
}

.calendar_m_w_tablecell
{
	vertical-align: top;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 6px;
}

A.event_entry
{
	font-size:10px;
}

/* month view */

.calendar_month_identifier
{
	font-size:14px;
	font-weight: bold;
}

.calendar_user_identifier
{
	font-size:12px;
	color: #009999;
	font-weight: bold;
}

.calendar_week_minical_table
{
	width:100%;
	border: 0px solid #000000
}

.calendar_weekinfo
{
	color: #000000;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
}

.row_on  { color: #000000; background-color: #DDDDDD; }
.gris  { color: #000000; background-color: #d3d3d3; }
.row_off { color: #000000; background-color:#E8F0F0; }
.th 	 {font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-style: normal;
		line-height: normal;
		font-weight: bold;
		font-variant: normal;  color: #FFFFFF; background-color:#a7bcda; }
.tablah  {font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-style: normal;
		line-height: normal;
		font-weight: bold;
		font-variant: normal;  
                color: #FFFFFF; 
                background-color:#a7bcda; 
                border-radius: 10px;}
.th2 	 { color: #000000; background-color:#849db9; }

.mnav div a:hover {
	background-color: #D3D3D3;
	border: 1px solid #1e3ca0;
	border-bottom: 1px solid #1e3ca0;
	text-decoration:none; 
	color: #000000;
}
textarea:focus, input:focus, select:focus {
	        background-color: #E0F0F0;
	}
.celda_bordes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #003f94;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
        border-radius: 10px;
}
.celda_bordes2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #3d584e;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
}
.girado {
        background-color:#a8bfdd;
        font-weight: bold;
        color:#000000;
        font-size:12px;
        -webkit-transform: rotate(270deg);
        border:0px;
        text-decoration:none;
}
.hnavbg  { background-color: #5c7291;
border-radius: 10px;}
.info_text { background-color: #cbd6e3;}

.tabla_codigos {
    width:300px;
    height:150px;
    position: absolute;
    background-color: #FFFFFF;
 
    border-style:1px;
scrollbar-face-color: #6685CA; 
scrollbar-highlight-color: #6685CA; 
scrollbar-shadow-color: #6685CA; 
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF; 
scrollbar-track-color:#E5E5E5; 
scrollbar-drakshadow-color:#000000;    
}
 .boton{
        font-size:15px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white; 
        /*background:#9ea7b1;*/
        background:#6b84a6;        
        border:1px;
        height:25px;
        border-radius: 5px;
       }
.boton:hover {
    background: #acb4ba;
}
.boton:active {
	position:relative;
	top:1px;
}       
 .boton_chico{
        font-size:12px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white; 
        /*background:#9ea7b1;*/
        background:#6b84a6;        
        border:1px;
        height:25px;
        border-radius: 5px;
       }       
       
 .botonfiltro{
     background: #9ea7b1 url('/images/lupa.png') no-repeat 4px 4px;
        font-size:15px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white; 
        border:0px;
        width:170px;
        height:30px;
        border-radius: 5px;
       }  
       

.botonfiltro:hover {
    background: #acb4ba url('/images/lupa_on.png') no-repeat 4px 4px;
}
.botonfiltro:active {
	position:relative;
	top:1px;
}
       
 .botonDescarga{
     background: #b4bec9 url('/images/xls_archivo.gif') no-repeat 4px 4px;
        font-size:15px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white; 
        border:0px;
        width:220px;
        height:25px;
        border-radius: 5px;
       }       
 .botonred{
        font-size:12px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white; 
        background:#9d2f2f;
        border:0px;
        width:80px;
        height:19px;
        border-radius: 5px;
       }       
.SelectStyle:after {
	width: 30px;
	height: 30px;
	display: block;
	content: '';
	position: absolute;
	top: 0;right: 0;
	pointer-events: none;
	border: 1px solid #C1C1C1;
	background:#e4edb5;
	background-image: url('/images/bullet--arrow--down.gif');
	background-image: url('/images/bullet--arrow--down.gif'), -moz-linear-gradient(top,#dfdfdf 0%,#f6f6f6 100%);
	background-image: url('/images/bullet--arrow--down.gif'), -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dfdfdf),color-stop(100%,#f6f6f6));
	background-image: url('/images/bullet--arrow--down.gif'), -webkit-linear-gradient(top,#dfdfdf 0%,#f6f6f6 100%);
	background-image: url('/images/bullet--arrow--down.gif'), -o-linear-gradient(top,#dfdfdf 0%,#f6f6f6 100%);
	background-image: url('/images/bullet--arrow--down.gif'), -ms-linear-gradient(top,#dfdfdf 0%,#f6f6f6 100%);
	background-image: url('/images/bullet--arrow--down.gif'), linear-gradient(top,#dfdfdf 0%,#f6f6f6 100%);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}       
.SelectStyleBig {
	width: 30px;
	height: 30px;
	display: block;
	content: '';
	position: absolute;
	top: 0;right: 0;
	pointer-events: none;
	border: 1px solid #C1C1C1;
	background:#e4edb5;
	background-image: url('/images/bullet--arrow--down.gif');
	background-image: url('/images/bullet--arrow--down.gif'), -moz-linear-gradient(top,#dfdfdf 0%,#f6f6f6 100%);
	background-image: url('/images/bullet--arrow--down.gif'), -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dfdfdf),color-stop(100%,#f6f6f6));
	background-image: url('/images/bullet--arrow--down.gif'), -webkit-linear-gradient(top,#dfdfdf 0%,#f6f6f6 100%);
	background-image: url('/images/bullet--arrow--down.gif'), -o-linear-gradient(top,#dfdfdf 0%,#f6f6f6 100%);
	background-image: url('/images/bullet--arrow--down.gif'), -ms-linear-gradient(top,#dfdfdf 0%,#f6f6f6 100%);
	background-image: url('/images/bullet--arrow--down.gif'), linear-gradient(top,#dfdfdf 0%,#f6f6f6 100%);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.campo {
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-style: normal; 
    line-height: normal; 
    font-weight: bold; 
    font-variant: normal; 
    color: #000000;
    background: #eae685;    
}

.glowingtabs{
float:left;
width:100%;
line-height:normal;
border-bottom: 1px solid #7e9fff; /*Add border strip to bottom of menu*/
}

.glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
background:url(media/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

.glowingtabs a span{
float:left;
display:block;
background:url(media/glowtab.gif) no-repeat right top;
padding: 5px 12px 3px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: black;
}

.glowingtabs a.current{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a.current span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}

.JsDatePickBox{
    position:relative;
    width:212px;
    font-family:Arial;}
.JsDatePickBox .jsDatePickCloseButton{
    cursor:pointer;
    position:absolute;
    z-index:1;
    top:1px;
    right:10px;
    width:33px;
    height:13px;
    background:url(/includes/img/closeButton_normal.gif) left top no-repeat;
}
.JsDatePickBox .jsDatePickCloseButtonOver{
    cursor:pointer;
    position:absolute;
    z-index:1;
    top:1px;
    right:10px;
    width:33px;
    height:13px;
    background:url(/includes/img/closeButton_over.gif) left top no-repeat;}
.JsDatePickBox .jsDatePickCloseButtonDown{
    cursor:pointer;
    position:absolute;
    z-index:1;
    top:1px;
    right:10px;
    width:33px;
    height:13px;
    background:url(/includes/img/closeButton_down.gif) left top no-repeat;
}
.JsDatePickBox .boxLeftWall{float:left;width:7px;margin:0;padding:0;}
.JsDatePickBox .boxLeftWall .leftTopCorner{
    margin:0;
    padding:0;
    width:7px;
    height:8px;
    background:url(/includes/img/boxTopLeftCorner.png) left top no-repeat;
    overflow:hidden;
}
.JsDatePickBox .boxLeftWall .leftBottomCorner{
    margin:0;
    padding:0;
    width:7px;
    height:8px;
    background:url(/includes/img/boxBottomLeftCorner.png) left top no-repeat;
    overflow:hidden;
}
.JsDatePickBox .boxLeftWall .leftWall{
    margin:0;
    padding:0;
    width:7px;
    background:url(/includes/img/boxSideWallPx.gif) #fff left top repeat-y;
    overflow:hidden;}
.JsDatePickBox .boxRightWall{float:left;width:7px;margin:0;padding:0;}
.JsDatePickBox .boxRightWall .rightTopCorner{
    margin:0;padding:0;width:7px;height:8px;
    background:url(/includes/img/boxTopRightCorner.png) left top no-repeat;
    overflow:hidden;
}
.JsDatePickBox .boxRightWall .rightBottomCorner{
    margin:0;padding:0;width:7px;height:8px;
    background:url(/includes/img/boxBottomRightCorner.png) left top no-repeat;
    overflow:hidden;}
.JsDatePickBox .boxRightWall .rightWall{
    margin:0;padding:0;width:7px;
    background:url(/includes/img/boxSideWallPx.gif) #fff right top repeat-y;
    overflow:hidden;}
.JsDatePickBox .topWall{position:absolute;overflow:hidden;top:0;left:7px;width:198px;height:4px;
        background:url(/includes/img/boxTopPx.gif) #fff left top repeat-x;}
.JsDatePickBox .bottomWall{
    position:absolute;overflow:hidden;bottom:-1px;
    left:7px;width:198px;height:4px;
    background:url(/includes/img/boxTopPx.gif) #fff left top repeat-x;}
.JsDatePickBox .hiddenBoxLeftWall{float:left;width:0;overflow:hidden;overflow:hidden;}
.JsDatePickBox .hiddenBoxRightWall{float:left;width:0;overflow:hidden;overflow:hidden;}
.JsDatePickBox .boxMain{float:left;background-color:#fff;margin:0;padding:15px 0 5px 0;}
.JsDatePickBox .boxMainStripped{background:#fff;border:none;}
.JsDatePickBox .tooltip{height:12px;line-height:11px;overflow:hidden;font-size:10px;color:#666;text-align:left;padding:0;margin:2px 0 2px 0;}
.JsDatePickBox .weekDaysRow{height:12px;overflow:hidden;line-height:11px;font-size:10px;color:#666;text-align:center;padding:0;margin:2px 0 0 0;}
.JsDatePickBox .weekDaysRow .weekDay{float:left;height:14px;overflow:hidden;width:24px;margin:0 5px 0 0;padding:0;}
.JsDatePickBox .boxMainInner{background:#fff;width:198px;float:left;margin:5px 0 0 0;padding:0;}
.JsDatePickBox .boxMainCellsContainer{background-color:#fff;margin:0;padding:0;}
.JsDatePickBox .boxMainInner .controlsBar{overflow:hidden;height:20px;position:relative;}
.JsDatePickBox .boxMainInner .controlsBarText{overflow:hidden;height:20px;line-height:20px;color:#000;font-size:12px;text-align:center;}
.JsDatePickBox .boxMainInner .monthForwardButton{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:22px;
                   background:url(/includes/img/monthForward_normal.gif) left top no-repeat;}
.JsDatePickBox .boxMainInner .monthForwardButtonOver{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:22px;
                       background:url(/includes/img/monthForward_over.gif) left top no-repeat;}
.JsDatePickBox .boxMainInner .monthForwardButtonDown{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:22px;
                       background:url(/includes/img/monthForward_down.gif) left top no-repeat;}
.JsDatePickBox .boxMainInner .monthBackwardButton{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:22px;
                    background:url(/includes/img/monthBackward_normal.gif) left top no-repeat;}
.JsDatePickBox .boxMainInner .monthBackwardButtonOver{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:22px;
                        background:url(/includes/img/monthBackward_over.gif) left top no-repeat;}
.JsDatePickBox .boxMainInner .monthBackwardButtonDown{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:22px;
                        background:url(/includes/img/monthBackward_down.gif) left top no-repeat;}
.JsDatePickBox .boxMainInner .yearForwardButton{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:0;
                  background:url(/includes/img/yearForward_normal.gif) left top no-repeat;}
.JsDatePickBox .boxMainInner .yearForwardButtonOver{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:0;
                      background:url(/includes/img/yearForward_over.gif) left top no-repeat;}
.JsDatePickBox .boxMainInner .yearForwardButtonDown{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:0;
                      background:url(/includes/img/yearForward_down.gif) left top no-repeat;}
.JsDatePickBox .boxMainInner .yearBackwardButton{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:0;
                   background:url(/includes/img/yearBackward_normal.gif) left top no-repeat;}
.JsDatePickBox .boxMainInner .yearBackwardButtonOver{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:0;
                       background:url(/includes/img/yearBackward_over.gif) left top no-repeat;}
.JsDatePickBox .boxMainInner .yearBackwardButtonDown{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:0;
                       background:url(/includes/img/yearBackward_down.gif) left top no-repeat;}
.JsDatePickBox .boxMainInner .skipDay{cursor:default;overflow:hidden;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;}
.JsDatePickBox .boxMainInner .dayNormal{-khtml-user-select:none;font-size:12px;cursor:pointer;overflow:hidden;color:#4c4c4c;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}
.JsDatePickBox .boxMainInner .dayNormalToday{-khtml-user-select:none;font-size:12px;cursor:pointer;overflow:hidden;color:#f40f0f;font-weight:bold;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}
.JsDatePickBox .boxMainInner .dayDisabled{-khtml-user-select:none;cursor:default;font-size:12px;overflow:hidden;color:#999;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}
.JsDatePickBox .boxMainInner .dayOver{-khtml-user-select:none;cursor:pointer;font-size:12px;overflow:hidden;color:#4c4c4c;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}
.JsDatePickBox .boxMainInner .dayOverToday{-khtml-user-select:none;cursor:pointer;font-size:12px;overflow:hidden;font-weight:bold;color:#f40f0f;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}
.JsDatePickBox .boxMainInner .dayDown{-khtml-user-select:none;cursor:pointer;font-size:12px;overflow:hidden;color:#F9F9F9;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}
.JsDatePickBox .boxMainInner .dayDownToday{-khtml-user-select:none;cursor:pointer;font-size:12px;overflow:hidden;color:#f40f0f;font-weight:bold;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}



#header {
    margin:0px;
    padding:0px;
    width:950px;
    font-family:Arial, Helvetica, sans-serif;

}

ul, ol {
    list-style:none;
    display:block;
    -webkit-border-radius: 15px 15px 15px 15px;
}

.nav > li {
    float:left;
   
}

.nav li a {
    background-color:#5c7291;
    color:#fff;
    text-decoration:none;
    padding:10px 12px;
    display:block;
       
}

.nav li a:hover {
        background-color:#434343;
        border: 1px  #ffffff;
       
}

.nav li ul { /* Menu principal */
    display:none;
    position:absolute;
    min-width:00px;
    
}

.nav li:hover > ul {
    display:block;
    -webkit-border-radius: 15px 15px 15px 15px;
}

.nav li ul li {
    position:relative;
}

.nav li ul li ul {
        right:-230px;
        top:10px;
        -webkit-border-radius: 15px 15px 15px 15px;
}
.barra_menu {
    background:#5c7291 url("/images/barra_menu.png");
}

/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }
 
        .tab-links a {
            padding:15px 15px;
            display:inline-block;
            border-radius:10px 10px 0px 0px;
            background:#7FB5DA;
            font-size:16px;
            font-weight:600;
            color:#4c4c4c;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            background:#a7cce5;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:#fff;
        color:#4c4c4c;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        background:#fff;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }
        
        
        
.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
.menu-wrap {
    width:100%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#3e3436;
}
 
.menu {
    width:1000px;
    margin:0px auto;
}
 
.menu li {
    margin:0px;
    list-style:none;
    font-family:'Ek Mukta';
}
 
.menu a {
    transition:all linear 0.15s;
    color:#919191;
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:#be5b70;
}
 
.menu .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:19px;
}
 
.menu > ul > li > a {
    padding:10px 40px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background:#2e2728;
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    width:160%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
}
 
.sub-menu li {
    display:block;
    font-size:16px;
}
 
.sub-menu li a {
    padding:10px 30px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#3e3436;
}        

    
.titulologin {
    font-family: arial, sans-serif;
    font-size:25px;
    color: #ffffff;
    font-style: normal; 
    font-weight: bold;   
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.titulologinEnd {
    font-family: arial, sans-serif;
    font-size:25px;
    color: #ffffff;
    font-style: normal; 
    font-weight: bold;   
    border-buttom-left-radius:10px;
    border-buttom-right-radius:10px;
}
.form_login{
    padding: 10px;
    font-family: arial, sans-serif;
    margin-bottom: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:10px;
}
.login_text_box {
    background:#FFF url('/images/user_icon.png') no-repeat 4px 4px;
    border: 1px solid #999; 
    padding-left: 55px;
    font-family: arial, sans-serif;
    outline: medium none;
    height: 45px;
    font-size: 32px;
    font-weight: normal;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;   
    width: 300px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}      

.pass_text_box {
    background:#FFF url('/images/acceso.png') no-repeat 4px 4px;
    border: 1px solid #999; 
    padding-left: 55px;
    font-family: arial, sans-serif;
    outline: medium none;
    height: 45px;
    font-size: 32px;
    font-weight: normal;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;    
    width: 300px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}
.pass2_text_box {
    background:#FFF url('/images/acceso.png') no-repeat 4px 4px;
    border: 1px solid #999; 
    padding-left: 55px;
    font-family: arial, sans-serif;
    outline: medium none;
    height: 45px;
    font-size: 32px;
    font-weight: normal;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;    
    width: 300px;
}
.code_text_box {
    background:#FFF url('/images/captcha.png') no-repeat 4px 4px;
    border: 1px solid #999; 
    padding-left: 55px;
    font-family: arial, sans-serif;
    outline: medium none;
    height: 45px;
    font-size: 32px;
    font-weight: normal;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;    
    width: 190px;
} 
.botonLogin{
        background:#6b84a6 url('/images/ingreso.png') no-repeat 20% 50%;
        font-size:16px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white; 
        border:2px;
        height:35px;
        width:310px;
        border-radius: 5px;
       } 

table {

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px
}
th:first-child {
-moz-border-radius: 10px 0 0 0;
-webkit-border-radius: 10px 0 0 0;
border-radius: 10px 0 0 0;
}
th:last-child {
-moz-border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
border-radius: 0 10px 0 0;
}

.rotate-90
{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 15px;
  background: #a7bcda;
  color:#000000;
  width: 100px;
  position: relative;
 
}

.contenedor {
	text-align: center; /* Alineación horizontal */
}

.contenido {
	display: inline-block; /* Permite aplicar márgenes automáticos */
	margin: 0 auto; /* Centrado horizontal */
	/* Estilos adicionales para el contenido */
}


.container-proyectos {
	width: 700px; /* Ancho máximo del contenedor */
	margin: 0 auto; /* Centrar el contenedor horizontalmente */
	padding: 20px; /* Añadir relleno interno al contenedor */
}

#sugerencias-container {
	position: absolute;
	width: 100%;
	height: 200px;
	overflow-y: auto;
	border: 1px solid #ccc;
	background-color: #fff;
	z-index: 1000;
}

#sugerencias-container ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#sugerencias-container li {
	padding: 8px 12px;
	cursor: pointer;
}

#sugerencias-container li:hover {
	background-color: #6682b1;
}
.sugerencia {
	padding: 8px;
	cursor: pointer;
}

.sugerencia-hover {
	background-color: #6682b1; /* Color de fondo al pasar el ratón */
	cursor: pointer; /* Cambiar cursor a pointer */
}

/* Estilo por defecto para las pestañas */
.nav-tabs li a {
	color: white; /* Color de la letra en estado normal */
}

/* Estilo para la pestaña activa */
.nav-tabs li.active a,
.nav-tabs li a:focus,
.nav-tabs li a:hover {
	color: black !important; /* Color de la letra cuando la pestaña está activa o en estado hover */
}

.form-group {
	display: inline-block;
	vertical-align: top; /* Alinear en la parte superior */
	width: calc(50% - 10px); /* Ancho del 50% menos el espacio entre los divs */
	margin-right: 10px; /* Espacio entre los divs */
}
.canvas-container {
	display: inline-block;
	vertical-align: top; /* Alinear en la parte superior */
	width: calc(50% - 10px); /* Ancho del 50% menos el espacio entre los divs */
}

/* Estilos CSS para la animación del ícono */
#loadingContainer {
	display: flex;
	align-items: center;
}

#loadingIcon {
	font-size: 24px; /* Tamaño del ícono */
	margin-right: 10px; /* Espacio a la derecha del ícono */
	animation: spin 1s infinite linear; /* Animación de giro */
}

/* Animación de giro */
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.hidden-row {
	display: none;
}
.form-inline {
	display: flex;
	align-items: center;
}
.form-inline label {
	margin-right: 10px;
}
.form-inline select {
	margin-right: 20px;
}
.inline-icon {
	display: inline-block; /* O puedes usar inline */
}

input {
	font-size: 20px; /* Tamaño de la letra */
	font-weight: bold; /* Grosor de la letra */
}
.vertical-text {
	transform: rotate(-90deg); /* Rotar el texto 90 grados */
	white-space: nowrap; /* Evita que el texto se divida en líneas */
	display: inline-block;
	transform-origin: left bottom;
	font-weight: bold;
}
select.btn.btn-primary option {
	text-align: left;
}
#reloj-digital {
	position: fixed;
	top: 5px; /* Ajusta la posición desde la parte inferior */
	right: 5px; /* Ajusta la posición desde el lado derecho */
	background-color: #2b669a;
	color: white;
	padding: 10px;
	font-size: 16px;
	border-radius: 5px;
	font-family: Arial, sans-serif;
}

#divFijo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.4); /* Color con transparencia */
	color: #fff;
	padding: 1px;
	text-align: center;
	z-index: 1000; /* Asegura que esté por encima del contenido que se desplaza */
}

/* Estilos para el contenido que se desplaza */
#contenido {
	margin-top: 130px; /* Da espacio al div fijo (ajustar según su altura) */
	padding: 20px;
	background-color: #f2f2f2;
}

.border-success {
	border: 2px solid green !important;
}

.border-danger {
	border: 2px solid red !important;
}
.my-swal-popup {
	z-index: 9999 !important; /* Establece un z-index alto */
	font-size: 22px;
}
.my-swal-content {
	z-index: 9999 !important; /* Establece un z-index alto */
}