/**
*
*	GENERAL TAGS
*/
body{
	background: url('images/bg_trans_bk.png') repeat;
}

body, p, label{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: #222;
}

/**
*
*	PSEUDO CLASS
*/

.left{
	float:left;
}

.clear { clear: both; }

/**
*
*	ESTRUCTURA
*/

#content_box {overflow: auto;}

#content_box h1{
	font-size: 14pt;
	margin: 15px 10px 5px 0;
}

#footer{
	height: 20px;
	margin-top: 20px;
	background-color: #fff;
	clear: both;
}

	#footer p{
		font-size: 8pt;
		color: #666;
		padding: 3px;
		
		display: inline;
	}

	#footer img{
		margin: 0 2px;
		float: right;
	}

#header{
	height: 90px;
}

	#header h1{
		font-size: 22pt;
		padding: 15px;
	}

#login_info{
	width: 150px;
	height: 25px;
	float:right;
	
}

#menu{
	display: block;
	height: 25px;
	padding-left: 15px;
	
	background: url('images/bg_trans_rd.png') repeat;
}


#menu_list{
	list-style: none;
	display:block;
}

	#menu_list li{
		float:left;
		padding: 3px 3px 3px 0;
	}

	#menu_list li.item a{
		text-decoration: none;
		color: #fff;
		font-size: 9pt;
		font-weight: bold;
		letter-spacing: 0.8px;
	}

		#menu_list li.item a:hover{
			color: #000;
		}

	#menu_list li.separator{margin: 0 5px;}

#page{
	width: 940px;
	margin: 0 auto;
	padding: 30px;
	background: url('images/bg_trans_wh.png') repeat;
}



/* wide form */

div.wide_form {
	height: auto;
	width: 640px;
}

div.wide_form  fieldset{
	display: block;
	width: 620px;
	border: 1px solid black;
	padding: 10px;
}

div.wide_form  textarea{
	display: block;
	width: 590px;
	height: 80px;
	margin: 10px;
}

/* narrow form */

div.narrow_form {
	height: auto;
	width: 320px;
}

div.narrow_form  fieldset{
	display: block;
	width: 320px;
	border: 1px solid black;
	padding: 10px;
}

div.narrow_form  textarea{
	display: block;
	width: 270px;
	height: 80px;
	margin: 10px;
}

/* general form */

.form h1, .form fieldset legend {
	font-weight: bold;	
	display: block;
}

.form ul{
list-style: none;
}

.form label{
	display: block;
	float: left;
	margin-right: 20px;
	text-align: right;
	width: 100px;
	line-height: 15px;
	font-size: 10pt;
	margin-top: 5px;
	
}

.form input, .form select, .form option{
	display: block;
    
    	
	height: auto;
	font-size: 10pt;
	margin-bottom: 5px;   
	
}

.form input, .form select{
	float: left;
	width: 160px;

}

label.h-spare{
	margin-left: 20px;
}

/* alumni form*/

#searchAlumni select{
	width: 615px;
}

/*envio form*/

form.new_conenv input[type=checkbox], form.new_conenv label, form.edit_conenv label{
		
	width: auto;
	margin: 5px 10px;
	float:left;
	display:block;
 }
 form.new_conenv input[type=checkbox], form.edit_conenv input[type=checkbox]{clear: left;}
 form.new_conenv label,  form.edit_conenv label{clear:right;}

/*login form*/

div#login_form {
	width: 350px;
	margin: 10px auto;
	padding: 10px;
}
	div#login_form h1 {
		border-bottom: 1px solid #acacac;
	}

/*error*/

div#error {
	border: 1px solid #FF0000;
	margin: 5px;
}
	div#error p {
		padding: 10px;
		font-weight: bold;
	}

div#msg {
	border: 1px solid #AAA;
	margin: 5px;
}
	div#msg p {
		padding: 10px;
		font-weight: bold;
	}

#data-list{
	padding: 30px 20px;
}

/**
 * 	TABLAS
 */

button p{
	display:block;
}

button p.col_half{
	width: 75px;
}

button p.col_1{
	width: 150px;
}

button p.col_2{
	width: 300px;
}

button p.col_3{
	width: 450px;
}

table { }

table.data,
table.dataTable.data{ /* max-width: 900px; */ }

table tr,
table.dataTable tr{ height: 25px; }

table tr:nth-child(even),
table.dataTable tr:nth-child(even) { background: rgb(174,174,174) !important; }
	table tr:nth-child(even).selected,
	table.dataTable tr:nth-child(even).selected { background: rgb(174,174,204) !important; }

table tr:nth-child(odd),
table.dataTable tr:nth-child(odd) { background: rgb(220,220,220) !important; }
	table tr:nth-child(odd).selected,
	table.dataTable tr:nth-child(odd).selected { background: rgb(220,220,250) !important; }

table tr th,
table.dataTable tr th { color: #fff !important; font-size: 11pt; padding: 5px; width: 285px; text-align: center; }

table tr th,
table.dataTable tr th { background: url("images/bg_trans_rd.png") repeat scroll 0 0 transparent !important; }

.data tr td,
table.dataTable.data tr td { text-align: center; padding: 5px; vertical-align: middle; }

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate { font-size: 80%; }

#panel{
	width: 200px;
	float: left;
	padding: 15px;
}

.control_pane .control{
	margin-bottom: 10px;
}

.control{
	display: block;
	height: auto;
	overflow: hidden;
}

div.slide{
	width: 690px;
	float:left;
}


div.dt-buttons { display: block; float: right; margin: .4rem 0; font-size: 80%; }



table.dataTable thead th div.DataTables_sort_wrapper span { position: relative; top: auto; right: 0; margin: 0 .2rem; display: inline-block; vertical-align: middle; }


.ui-button-text > .ui-button-text { padding: 0; }
.dataTables_wrapper .dataTables_filter { margin: 8px 0 0 8px; }
.dataTables_wrapper .dataTables_length { margin: 8px 0 0 0; }