/* CSS Document */

body, html {height:100%;}

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#top1{
	height:50px;
	padding:0px 0px 0 0px;
	background:url(../images/banner.jpg) no-repeat; 
	/*background-image: url(../images/patron.png); */
	background-color:#05376C; 
	color:#FFFFFF; 
	font-size:24px;
	font-weight:bold;
}

#info_sesion{
	float:right;
	text-align:right;
	font-size:12px;
	font-weight:normal;
	margin-top:10px;
	margin-right:10px;
}

#info_sesion select{
	border:inset 2px #EEEEEE;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:2px;
}

#info_usuario{
	width:90%;
	background:#EDF6FF;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border:1px solid #A3A3A3;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:12px;
	color:#002247;
}

#contenido{
	width:98%;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

#contenido a{
	color:#002247;
	text-decoration:none;
}

#contenido button{
	font-size: 13px;
	color: #FFFFFF;
	background: url('../images/sprite.png') repeat-x left -1400px;
	border: 1px solid #284797;
	padding:8px 15px 8px 15px;
	-moz-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
}

#contenido button:hover{
	background:#284797;
}

#contenido .dia{
	width:50px; 
	height:110px; 
	background:#FFF;
	border:solid 1px #DDDDDD;
}

#contenido .dia_num{
	float:left; 
	height:15px; 
	text-align:right; 
	width:100%; 
	background:#C4D8EC;
}

#contenido .hoy{
	width:50px; 
	height:110px; 
	background:#FFF7D7;
	border:solid 1px #FAD163;
}

#contenido .hoy_num{
	float:left; 
	height:15px; 
	text-align:right; 
	width:100%; 
	background:#FAD163;
}

#contenido .dia_vinculo{
	width:100%; 
	height:100%; 
	cursor:pointer; 
	float:left;
}

#contenido .rdbId{
	border:none;
}

#contenido .tablaForm{
	width:100%;
	border:none;
	float:left;
	margin-bottom:10px;
	padding:0 0 10px 0; 
}

#contenido .tablaForm tr{
	/*border-bottom:1px solid #E9E9E9;*/
}

#contenido .tablaForm tr:hover{
	background:#F7F7F7}

#contenido .tablaForm th{
	color: #002247; /*AZUL OSCURO*/
	font-weight:bold;
	text-align:right;
	padding:0 20px 0 0;	
	width:200px;
}

#contenido .tablaForm td{
	height:30px;
}

#contenido .tablaForm input{
	margin-top:3px;
	margin-bottom:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:3px;
	outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

#contenido .tablaForm input:focus{
	box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(5, 55, 108, 1); 
    -moz-box-shadow: 0 0 5px rgba(5, 55, 108, 1);
}

#contenido .tablaForm select{
	margin-top:3px;
	margin-bottom:3px;
	margin-left:0px;
	border:inset 2px #EEEEEE;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:3px;
}

#contenido .tablaForm textarea{
	margin-top:3px;
	margin-bottom:3px;
	border:inset 2px #EEEEEE;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:3px;
	outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
} 

#contenido .tablaForm textarea:focus{
	box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(5, 55, 108, 1); 
    -moz-box-shadow: 0 0 5px rgba(5, 55, 108, 1);
}

#contenido .tablaForm p{
	color:#808080;
	padding:1px 10px 3px 3px;
	font-size:11px;
}

#contenido .tablaForm .error{
	color:#F00;
}

#contenido .tablaListado{
	width:100%;
	border:none;
	float:left;
	margin-top:3px;
	margin-bottom:3px;
}

#contenido .tablaListado th{
	background: #002247;
	font-weight:bold;
	padding:10px 5px 10px 5px;
	text-align:center;
	color: #FFF;
}

#contenido .tablaListado td{
	color: #000;
	padding:5px 5px 5px 10px;
	border-bottom:1px solid #E9E9E9;
}

#contenido .tablaListado sup{
	vertical-align:super;
	font-size:9px;
}

#contenido .tablaListado tr{
	background:#FFF;
}

#contenido .tablaListado tr:hover{
	background:#BEDAFF;
	cursor:pointer;
}

#contenido .tablaBtns{
	width:100%;
	border:none;
	float:left;
	margin-bottom:10px;
	padding:0 0 10px 0; 
}


#contenido .imagen{
	border:solid 1px #CCCCCC;
	padding:3px;
	background:#FFF;
}

.tabset{
	width:100%;
	float:left;
	margin:10px 0 0 0;
}

.tabset ul{
	float:left;
	list-style:none;
}

.tabset li{
	float:left;
	padding:0 0 5px 0;
}


.tabset li a{
	color:#000000;
	background:url('../images/sprite.png') repeat-x;
	padding:5px 5px 5px 5px; 
	border-bottom:none; 
	border-top:solid 1px #A3A3A3; 
	border-left:solid 1px #A3A3A3; 
	border-right:solid 1px #A3A3A3;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	margin:0 2px 0 2px; 
	text-decoration:none;
}

.tabset li a:hover{
	color:#000000;
	background:url('../images/sprite.png') repeat-x left -1300px;
}

.tab-content{
	float:left;
	width:100%;	
	border-top:solid 5px #284797;
	border-right:1px solid #A3A3A3;
	border-bottom:1px solid #A3A3A3;
	border-left:1px solid #A3A3A3;
	padding:10px 0 10px 0;
	background:#EDF6FF;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	
}

.view{
	width:98%;
	float:left;
	margin:10px 0 10px 0;
	background:#F7F7F7;
	border:2px solid #A3A3A3;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px;
}

.view-content{
	float:left;
	width:100%;	
	border:1px solid #A3A3A3;
	padding:10px 0 10px 0;
	background:#EDF6FF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:5px 0 10px 0;
}

.view-content th{
	color: #002247; /*AZUL OSCURO*/
	font-weight:bold;
	text-align:right;
	padding:0 20px 0 0;	
	width:200px;
}

.view-content td{
	text-align:justify;
	padding:5px;
	border:1px solid #A3A3A3;
	background:#FFF;
}

.view-content th,td{
	padding:10px;
}

#contenido .view-content .tablaListado td{
	border:1px solid #A3A3A3;
}

#contenido .view-content .tablaListado p{
	color:#808080;
	padding:1px 10px 3px 3px;
	font-size:11px;
}

#contenido .view-content span{
	float:left;
	width:100%;
	text-align:right;
	font-weight:bold;
}

/* ESQUINAS */
.top-left-corner{
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
}

.top-right-corner{
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
}

.boton{
	color: #000;
	background:url('../images/sprite.png') repeat-x;
	/*background-color : #002247;*/
	border: 1px solid #A3A3A3;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}
.boton:hover{
	background:#EEEEEE;
}

.label{
	color: #002247;
	font-weight:bold;
	text-align:right;
	padding:0 20px 0 0;
}

.dinero{
	text-align:right;
}

.disable{
	color:#585850;
	background:#EBEBE3;
}

.enable{
	/*color:#000;
	background:#FFF;
	*/
	color:#FFF; 
	background: url('../images/sprite.png') repeat-x left -1400px;
}

/*
.tituloTabla{
	background:#24469f;
	color:#FFFFFF;
	text-align:center;
}
*/

#msg{
	padding:0px;
	margin:0px;
	float:left;
	width:100%;
	margin-bottom:5px;
}

#divINF{
	border: 1px solid #CCCCCC;
	padding:10px 0px 10px 35px;
	background:url(../images/info.png) left top no-repeat #FFFFFF;
	font-family:Tahoma,Geneva,sans-serif;
	font-size: 11px;
	text-align: left;
	color: #222222;
}

#divWAR{
	border: 1px solid #DCDC41;
	padding:10px 0px 10px 35px;
	background:url(../images/warning.png) left top no-repeat #FFFFC5;
	font-family:Tahoma,Geneva,sans-serif;
	font-size: 11px;
	text-align: left;
	color: #222222;
}

#divERR{
	border: 1px solid #CCCCCC;
	padding:10px 0px 10px 35px;
	background:url(../images/error.png) left top no-repeat #FFAEB9;
	font-family:Tahoma,Geneva,sans-serif;
	font-size: 11px;
	text-align: left;
	color: #222222;
}

/*************************** LAYOUT ******************************/
#menu1 {        
	position: static;
}

/*
	For IE 6: trigger "haslayout" for the anchor elements in the root Menu by 
	setting the "zoom" property to 1.  This ensures that the selected state of 
	MenuItems doesn't get dropped when the user mouses off of the text node of 
	the anchor element that represents a MenuItem's text label.
*/

#menu1 .yuimenuitemlabel {
	_zoom: 1;
}

#menu1 .yuimenu .yuimenuitemlabel {
	_zoom: normal;
}
/*
	Turn off the border on the top unit since Menu has it's own border
*/
.yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-bd {
	border: none;
}
/*
	Change some of the Menu colors
*/
.yui-skin-sam .yuimenu .bd {
	background-color: #F2F2F2;
}
#menu1 .bd {
	border: none;
}
#menu1 .bd .first-of-type .bd {
	border: 1px solid #808080;
}
/******************************************************************/

#inicio{
	border:solid 1px #CCCCCC;
	float:left;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#menu_inicio{
	float:left;
}

#menu_inicio a{
	width:70px;
	height:70px;
	padding:10px 10px 10px 10px;
	border:solid 1px #CCCCCC;
	text-align:center;
	text-decoration:none;
	color:#45568a;	
	margin:3px 3px 3px 3px;
	float:left;
	font-size:9px;
}

#menu_inicio a:hover{
	padding:10px 10px 10px 10px;
	border:outset 1px #CCCCCC;
	text-align:center;
	text-decoration:none;
	color:#45568a;	
}

#alertas{
	float:left;
	border:solid 1px #CCCCCC;
	width:99%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*** VANADIUM CLASES ***/

#contenido .vanadium-valid{
	/*border:solid 1px #66FF00;*/
}

#contenido .vanadium-invalid{
	color:#F00;
}

#contenido .vanadium-message-value{
	color:#000099;
	font-size:18px;
}

#contenido .vanadium-advice{
	padding-left:5px;
}

#contenido h2{
	font-size:18px;
	color:#002247;
}

/*
//default config
Vanadium.config = {
    valid_class: 'vanadium-valid',
    invalid_class: 'vanadium-invalid',
    message_value_class: 'vanadium-message-value',
    advice_class: 'vanadium-advice',
    prefix: ':',
    separator: ';',
    reset_defer_timeout: 100
}
*/

#cabecera{
	height:50px;
	width:100%;
	float:left;
	background:url('../images/sprite.png') repeat-x left -1502px;
	margin-bottom:5px;
	border:solid 1px #E6E6E6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow:rgba(0,0,0,0.4) 2px 2px;
}

#cabecera h1{
	float:left;
	font-size:24px;
	padding:10px 0 0 10px;
	color:#002247;
}

#botonera{
	height:25px;	
	float:right;
	position:relative;
	top:16px;
	padding:0 10px 0 0;
}

#botonera a{
	padding:10px;
	border:outset 1px #CCCCCC;
	background:url('../images/sprite.png') repeat-x left -1300px;
	/*background:#FFFFFF;*/
	margin-left:5px;
	font-weight:bold;
	color:#000;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#botonera a:hover{
	text-decoration:none;
	border:inset 1px #CCCCCC;
	background: url('../images/sprite.png') repeat-x left -1400px;
	color:#FFF;
}

#rss_colciencias{

	width:100%;
	float:left;
	margin:5px;
	border:solid 1px #E6E6E6;
	box-shadow:rgba(0,0,0,0.4) 2px 2px;
	background:#EDF6FF;
}

#rss_colciencias th{	
	text-align:left;
	padding:3px;
}

#rss_colciencias th a{	
	color:#05376C;
	text-decoration:none;
}

#rss_colciencias .top{
	height:20px;
	border-bottom:1px solid #05376C;
}

#rss_colciencias .btm{
	height:10px;
}


#rss_colciencias td{
	width:20%;
	padding:5px;
	vertical-align:top;
	/*background:#05376C;
	border:solid 1px #05376C;*/
}

#rss_colciencias td a{
	color:#05376C;
	font-weight:bold;

}

#rss_colciencias td:hover{
	background:#05376C;
	color:#FFF;
}

#rss_colciencias td:hover a{
	color:#FFF;
	text-decoration:none;
}

.news_date{
	font-size:10px;
}

.modulo{
	width:99%;
	float:left;
	margin:5px;
	padding:0px;
}

.mod_header{
	background:#05376C;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	padding:3px;
	color:#FFF;
}

.mod_content{
	background:#EDF6FF;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	padding:3px;
	border-left:1px solid #A3A3A3;
	border-bottom:1px solid #A3A3A3;
	border-right:1px solid #A3A3A3;

}

.overlay{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: #000;*/
	z-index:1001;
	/*opacity:.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);*/
}

.modal{
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	background: #fff;
	color: #333;
	z-index:1002;
	overflow: auto;
	-moz-border-radius:10px;
	border-radius:10px;
	border:solid 5px #05376C}