@charset "UTF-8";
/* CSS Document */

/*aquí va boton*/

#prev-next.button-anterior {
height:20px;
border:none!Important;
background:#00A99D url(../img/btn-anterior.jpg) repeat-x top;
color:#fff;
margin:3px;
padding:12px 28px;
text-decoration:none;
text-align:center;
}

.button:hover {
background:#00A99D;
text-decoration:none;
}

#prev-next.button-next {
height:20px;
border:none!Important;
background:#00A99D url(../img/btn-next.jpg) repeat-x top;
color:#fff;
margin:3px;
padding:12px 28px;
text-decoration:none;
text-align:center;
}
.button:hover {
background:#00A99D;
text-decoration:none;
}

/*básicos html*/

body {
font-size: 11pt;
color: #000;
text-align: left;
font-family: 'Abel', sans-serif;
margin:0;
padding:0;
}

div, td, tr {
margin:0;
padding:0;
border:none;
}

/*estilo de párrafo normal*/
p {
/*font-family:Arial, Helvetica, sans-serif;*/
font-size:1em;
line-height:135%;
text-align:left;
margin:0 0 10px 0;
color:#000;
}

/*estilos de títulos*/

h1 {
margin:0;
height:0  ;
text-indent:-999em;
overflow:hidden;
}

h2 {
font-size:1.4em;
color:#00447A;
font-weight:bold !important;
line-height:125%;
padding:0;
text-align:left;
font-weight:100;
/*margin-left:45px;*/
}

h3{
font-size:1.3em !important;
color:#FFF;
line-height:125%;
margin:0 0 20px 0;
padding:0;
text-align:left;
font-weight:bold;
/*text-indent:-20px;*/
}

h4 {
font-size:1em;
font-weight:bold;
color:#15428B;
line-height:125%;
margin: 0 0 10px 0;
padding:0;
text-align:left;
}

h5 {
font-size:1.1em;
color:#15428B;
line-height:125%;
margin: 0px 0 3px 0;
padding:0;
text-align:left;
}

a, a:visited, a:active {
	text-decoration:none;
	color:#036;
	font-weight:bold;
	}
	
a:hover {
	color:#036;
	text-decoration:underline;
	}
	
table.multi {
	width:100%;
	font-size:0.9em;
	}
	
	table.multi .input {
		width:125px !important;
		}
		
		table.multi .input input {
			width:115px;
			text-align:center;
			}
			
			table.activities .input input {
				margin-left:35px;
				}
				
			table.activities tr {
				border-bottom:#CCC 1px solid !important;
				}
			
			table.multi th, table.multi td {
				vertical-align:top;
				}
.col {
	font-weight:bold;;
	}	
	
.hide {
	display:none;
	}
	
.center {
	text-align:center !important;
	}

/*divs-cajones principales*/
#top {
width:960px;
height:80px;
padding:0;
margin:0 auto;
border-bottom:#FFF 2px solid;
}

	#wrapper {
		background:url(../img/header-bg.jpg) top repeat-x;
		width:100%;
		}

	#menu-top {
		width:100%;
		height:35px;
		background:#04477E;
		clear:both;
		}
		
		#menu-wrapper {
			width:960px;
			margin:0 auto;
			}
			
			
			#menu-top ul {
			margin: 0 !important;
			display: block;
			float: left;
			padding: 0;
			}
	
			
			#menu-top ul li {
			list-style: none;
			display: inline-block;
			}
			
			#menu-top ul li a, #menu-top ul li a:active, #menu-top ul li a:visited {
			color: #FFF;
			text-decoration: none;
			padding: 8px 8px;
			height:19px!Important;
			margin: 0;
			display: block;
			}
			
			#menu-top ul li a:hover {
			background: #FDB900;
			}	
	
.user {
	clear:both;
	padding: 5px 10px;	
	float:left;
	color:#FFF;
	font-size:1.1em;
	}
	

/*dentro de top*/
#header-left {
width:690px;
height:80px;
padding:0;
margin:0;
float:left;
background:url(../img/header-left.png) top left no-repeat;
}

#header-right {
width:240px;
height:80px;
padding:0;
margin:0;
float:right;
}

.content{
	margin:10px 0;
	width:960px;
	float:left;
	clear:both;
}

#toolbar {
	clear:both;
	float:right;
	margin-top:55px;
	margin-bottom:-25px;
	}
	
	#main-grid #toolbar{
		margin-top:0 !important;
		margin-bottom:-55px !important;
		z-index: 10;
		position: relative;
		}	
	
	#toolbar ul{
		float:right;
		margin-top:0 !important;
		}	
		
	#toolbar ul li{
		float:left;
		padding:0 10px;
		list-style:none;
		}
		
	#toolbar .new, #toolbar .list {
		width:100px;
		padding-top:55px;
		text-align:center;
		}
	
	#toolbar .new {
		background:url(../img/add.jpg) top center no-repeat;
		}
		
	#toolbar .list {
		background:url(../img/list.jpg) top center no-repeat;
		}	

#main{
margin:15px auto;
width:960px;
min-height:350px;
display:block;
}

#main-grid{
margin:30px auto;
width:1150px;
height:700px;
}


#main-projects{
margin:30px auto;
width:1000px;
height:700px;
}	

#content-box { /*estas son las cajas celestes que contienen todos los formularios en cada página*/
width:713px;
float:left;
margin-bottom: 70px;
padding:10px 15px;
/*margin:30px 30px 30px 250px;*/
background:url(../img/barra.gif) top repeat-x #FFF;
border:#CCC 1px solid;
	/*css3 puede que algunos navegadores no lo interpreten*/
}

	#home{
		width:550px;
		float:left;
		clear:both;
		}
		
	#icons {
		clear:both;
		}
		
		.informe {
			width:125px;
			float:left;
			text-align:center;
			margin:25px;
			}

#nav-left{
    width:185px;
	float:left;
	margin-right:30px;
}

#nav-right{
	width:745px;
	float:right;
}

.form .input, .form .select{
	float:left;
	clear:both !important;
	margin-bottom:10px;
	}
	.form .select select {
		clear:both;
		margin:5px 0 !important;
		}

.form label {
	width:350px;
	float:left;
	margin-right:10px;
	}
	
	.form .submit {
		float:left;
		clear:both;
		}
		
		.form .submit input {
			}

select.single-select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 !important;
    border: none !important;
	background:none;
	color:#333 !important;
}

#menu-box { /*estas son las cajas celestes de menu en cada página*/
padding:10px 15px;
/*margin:30px 30px 30px 30px;*/
margin-bottom: 30px;
width: 150px;
float:left;
background:url(../img/barra.gif) top repeat-x #FFF;
border:#CCC 1px solid;
}

#menu-box h3{
	margin:0;
}

#menu-box ul{
float:left;
padding:0px;
list-style: none;
margin: 5px 0 5px -5px;
width:100%;
}
#menu-box ul li{
	margin:5px 0;
        padding: 3px 0;
        border-bottom: 1px solid #CCC;
        display:block;
}

#menu-box ul li a:link, #menu-box ul li a:visited{
	color:#333;
	text-decoration:none;
}

#menu-box ul li a:hover{
	text-decoration:underline;
}

#breadcrumbs{
	float:left;
	padding-bottom: 20px;
	/*margin-left:45px;*/
    width: 700px;
}

#breadcrumbs a:link, a:visited{
	color:#069;
	text-decoration:none;
}

#breadcrumbs a:hover{
	color:#000;
	text-decoration:underline;
}

#controller_menu{
    display:block;
    
}

#login-box { /*estas son las cajas celestes que contienen todos los formularios en cada página*/
padding:10px 40px;
margin:30px 0;
background:url(../img/barra.gif) top repeat-x #FFF;
border:#CCC 1px solid;
}

#tabla1{
    float:left;
    margin: 0 auto;
}

#tabla2{
    
}

#filtro .input, #filtro .submit {
    display: inline;
}

/*index.php*/
	
/*index.php*/		
/*dentro de content-box*/
#small-box {/*estas cajitas son para áreas destacadas dentro de las cajas celestes*/
min-width:200px;
padding:5px 10px;
margin:10px auto;
background:#CCDEF2;
border:#bbb 1px solid;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

#prev-siguente{
width:240px;
padding:5px 10px;
margin:10px auto 20px auto;
text-align:center;
}

a.prev{
padding:0 0 2px 10px;
margin:0 5px;
/*background:url(../img/arrow-prev.gif) top left no-repeat;*/
/*color:#000;*/
text-decoration:none;
}
a.prev:hover{
text-decoration:none;
}

a.siguente{
padding:0 10px 2px 0 ;
margin:0 5px;
/*background:url(../img/arrow-siguente.gif) top right no-repeat;*/
/*color:#000;*/
text-decoration:none;
}

a.siguente:hover{
text-decoration:underline;
}
.numeracion{
margin:0;
color:#999;
font-size:2em;
}
                
#detail{
    text-align: left;
}

#detail dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 100%;
}

#detail dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;

}
#detail dd {
	margin-left:50px;
	vertical-align: top;
}

#content-box .related{
    margin-top: 20px;
    text-align: left;
}

#content-box .related h4{
    margin-left: 4px;
    color:#000;
}

#content-box .related ul{
    margin-left: 100px;
    list-style-type: decimal;
}

#content-box .related li{
    padding:5px;
}
                
                
#footer{
width: 100%;
height: 15px;
background: #00447A;
padding: 10px 0;
margin: 10px auto 0 auto;
position: fixed;
bottom: 0;
}

#footer p{
text-align:center;
color:#FFF;
font-size:0.85em;
padding:0 !important;
margin:0 !important;
}

/*estilos de tablas*/
/*esta  es una tabla sencilla sin bordes */

table{
        table-layout:auto;
                        }
table, th, td{ 
border: none;
}
td, th, tr{
padding: 5px 0;
}

/*esta es una tabla compleja*/
#tabla-compleja, #tabla-complejaPresupuesto{
padding: 5px 0;
text-align:left;
}

#tabla-compleja table, #tabla-compleja th, #tabla-compleja td {
width: auto;
border: #A7AAB7 solid 1px;
border-collapse:collapse;
padding: 5px 5px 5px 8px;
}

#tabla-compleja td, #tabla-compleja td p{
	line-height:0.95em;
	vertical-align:top !important;
	}

#tabla-complejaPresupuesto table, #tabla-complejaPresupuesto th, #tabla-complejaPresupuesto td{ 
width:auto;
border: #A7AAB7 solid 1px;
border-collapse:collapse;
font-weight:100;
text-align:left;
padding:3px 3px 3px 8px;
}

#tabla-compleja th, #tabla-complejaPresupuesto th {
font-size: 0.9em;
background: #0F8CD2;
text-align: center;
font-weight: bold;
color: #fff;
}

#main-grid table th, #tabla-complejaPresupuesto th{ 
font-size:8pt;
text-align:center;
font-weight:bold;
}

#tabla-compleja-h th{
font-size:8pt; 
}

#tabla-compleja-h td{
text-align: center !important;
}

#tabla-compleja th a:link,#tabla-compleja th a:visited {
color: #fff;
}

#tabla-compleja td{
padding: 5px 5px;
text-align:left;
font-size:0.9em;
}

#tabla-compleja td .submit{
    text-align:center;
}


#tabla-compleja td a:link, #tabla-compleja td a:visited, #detail a:link, #detail a:visited, #content-box .related a:link, #content-box .related a:visited{ 
color:#000;
text-decoration:none;
}

#tabla-compleja td a:hover, #detail a:hover, #content-box .related a:hover{ 
text-decoration:underline;
}

#tabla-complejaPresupuesto td{
padding: 5px 0;
text-align:left;
}

.fondo-alterno{ 
background:#D7DDE9;
}

#tabla-compleja label, #tabla-compleja-form label{
    display:block;
    float:left;
    text-align:right;
    padding-top:5px;
}

#tabla-compleja label{
	width:150px;
	}
	
#tabla-compleja-form label{
	width:300px !important;
	}

#tabla-compleja .radiobox label{
    display: inline-block !important;
     float: none !important;
     min-width: 300px;
     text-align: left;
}

#tabla-compleja .input checkbox label{

    width:150px;
    display:block;
    float:left;
    text-align:left;
    padding-top:5px;
}

#tabla-compleja .researchers label{

    text-align:right;
    padding-top:5px;
    float:none;
    margin-bottom: 10px;
}

#tabla-compleja .researchers .checkbox label{

    text-align:right;
    padding-top:3px;
    float:left;
}

#tabla-compleja .researchers input.checkbox{
    width:auto;
    float:right;
    text-align:left;
    padding-top:5px;
}

.checkbox{
    width:190px;
    float: left;
    text-align: right;
}


#tabla-compleja .input input, #tabla-compleja .input textarea, #tabla-compleja .input select{
    text-align:left;
    
}

#tabla-compleja table{
    margin: 0 auto;
}

#paginacion{
    margin: 0 auto;
}

#paginacion p, #paginacion .paging {
	text-align: center;
	color: #00447A;
}

#paginacion .paging a{
    color:#00447A;
}


div .message{
    background-color:#FFFBCF;
    font-weight:bold;
	float:right;
	clear:both;
	width:100%;
	
}

#UnitAddUnitForm{
    width:300px;
    
}

#UnitAddUnitForm table{
    margin:0 auto;
}

#UnitAddUnitForm td{
    font-size:9pt;
}

#UnitAddUnitForm label{
    width:75px;
    display:block;
    float:left;
    text-align:right;
    padding-top:5px;
}
select{
	min-width: 65px;
}
#UnitAddUnitForm .input input, #UnitAddUnitForm .input text, #UnitAddUnitForm .input select{
    text-align:left;
    float:left;
}


#UnitAddUnitForm .submit{
    text-align: center;
}


/*classes*/

.txt-gris {
color:#666;
}

.align-center {
text-align:center}

.button,.addRow, .delRow, .submit input, a.btn-save {
min-width: 70px !important;
background: #0F8CD2!important;
color: #fff !important;
margin: 3px !important;
padding: 5px !important;
text-decoration: none !important;
text-align: center !important;
border:0px !important;
}

.button:hover,.addRow:hover,.delRow:hover, .submit input:hover {
background:#ddd;
text-decoration:none;
}

a.btn-save {
	margin:10px auto !important;
	}

.button_cont {
min-width:20px;
height:20px;
background:#DCDCDC url(../img/btn.gif) repeat-x top;
color:#000;
margin:3px;
padding:2px;
text-decoration:none;
text-align:center;
border:#ccc 1px solid;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

.button_cont:hover {
background:#ddd;
text-decoration:none;
}




textarea, textfield, input, select, inputbox{
color:#777;
font-size:0.9em;
padding:3px;
margin:3px 10px;
background:url(../img/bg-input.gif);
border-top:#999 solid 1px!Important;
border-left:#999 solid 1px!Important;
border-right:#ccc solid 1px!Important;
border-bottom:#ccc solid 1px!Important;
} 

textarea:focus, textfield:focus, input:focus, select:focus, inputbox:focus{
color:#000;
background:#f2f2f2;
}

option{
color:#777;
font-size:0.9em;
padding:3px 5px;
border-bottom:#ccc solid 1px!Important;
background:#fff;
}

.JumpMenu{
color:#777;
font-size:0.9em;
padding:0;
margin:0;
border-top:#999 solid 1px!Important;
border-left:#999 solid 1px!Important;
border-right:#ccc solid 1px!Important;
border-bottom:#ccc solid 1px!Important;
background:url(../img/bg-input.gif);
} 



/*Link salir*/
#salir {
    float:right;
    margin: 0;
	height:30px;
	padding-top:5px;
	font-size:0.8em;
}

#salir a:link {
	list-style:none;
	float:left;
	padding:5px 10px;
	color:#FFF !important;
	font-weight:normal !important;
}
#salir a:visited {
	color:#FFF !important;	
    }
#salir a:active {

    }
#salir a:hover {
    color: #CCC;
	}
.exportar-reporte{
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	float: right;
	color:#00447A !important;
	background-image:url('../img/exportar-reporte.png');
	background-repeat:no-repeat;
	padding: 0 0 5px 20px;
	clear:both;
}
.exportar-reporte:hover{
	color:#999 !important;
}


.cross_menu{
    list-style: none;
    line-height: 1.5;
}

.cross_menu > li{
    font-weight: bold;
}

.cross_menu > li > ul{
    color:blue;
    font-weight: normal;
    list-style: lower-alpha;
}

.cross_menu > li > ul > li:hover{
    cursor: pointer;
    text-decoration: underline;
}

/*Link salir*/

/** Form **/
.form{
    text-align: left;
}

.form p {
    clear: both;
    display: block;
    width: 700px;
}

.form p > label{
    float:left;
    text-align: right;
    font-weight: bold;
    display: block;
    width: 100px;
}
.form p > input{
    float:left;
    margin-left: 10px;
}

.form .submit{
    width: 100%;
    text-align: center;
}

/** reports **/
.report_header{
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

#uc_list table {
    width: 100%;
}

#uc_list table tr td{
    border: none;
    border-bottom: 1px solid #CCCCCC;
}
.pointer {
    cursor: pointer;
}

td.nolabel {
	width:50px !important;
	}

.nolabel label{
	display:none !important;
	}
	
.nolabel .checkbox {
	width:auto !important;
	}
	
.complete {
	margin-top:20px;
	padding-top:10px;
	border-top:#CCC 1px solid;
	}
	
	.complete h3{
		color:#00447A !important;
		}
		
.disable {
	border: none!Important;
	background: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	color:#000 !important;
	font-family: 'Abel', sans-serif;	
	font-size:1.1em;
	}

	
.btns .submit {
	float:left;
	}
	.btns a.btn-save{
		margin:3px !important;
		padding: 7px 5px !important;
		float:right;
		}
	
	.btns div {
		margin:0 auto;
		text-align:center;
		}
		
.right {
	float:right;
	}