/* ================================================================================== */
/* ================================================================================== */
/*
	modificaciones sobre el estilo generado para Jquery UI
*/
/*
 * @DEBUG
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; font-size:9pt}
*/
.ui-icon{
	float:left;
}
.button:hover{
	cursor:pointer;
}
.ui-widget{
	vertical-align:middle;
}
.ui-button-text-only .ui-button-text { padding: 0 0.2em; }

/*
.ui-widget-header{
	font-family: Arial;
}
*/

/* ================================================================================== */
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
/* ================================================================================== */
/* ================================================================================== */


/* ================================================================================== */
/* fonts */
@font-face {
	font-family: titling;
	src: url('../images/chickweed_titling.ttf') format('truetype');
}
/* ================================================================================== */
.cartel_bienvenida{
	font-family: titling;
	font-size: 80px;
	color: #4FB173;
}


/* ================================================================================== */
body{
	background-color: #525258;
/*
	es el ancho oficial, pero es demasiado chico para las resoluciones actuales
	width : 716px;
 */
	font-family: Arial, Helvetica, sans-serif, Verdana;
	margin: 0;
	padding: 0;
	text-align: center;
	
}

/* div que contiene TODO lo que se muestra en la pantalla
 es para fijar el ancho y color de fondo por default */
div.main_window{
	width:1030px;
	text-align:center;
	padding: 3px 15px 3px 15px;
	margin: 0 auto 20px;
	background-color:#FFFFFF;
}

/* div que contiene el menu de accesos del sistema, 
 * es para sacarle el overflow de gobierno que me tapa el menu */
.gc_div_menu,.gc_div_menu div {
	overflow:visible;
}

/* redefino lo de gobierno porque no va asi */
div.header{
	padding: 0;
}

/*
	es la tabla que contiene todo lo que se ve (el body)
	dentro de esta tabla hay una fila para el header, otra para el content
	y una mas para el footer
*/
table.table_content {
	/*width: 100%;*/
	width: 1024px;
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
        background-color: #FFFFFF;
}

tr.table_content, td.table_content {
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
	text-align: center;
	vertical-align: middle;
}

/* ================================================================================== */




/*
 * 
 * clases CSS puestas en los distintos elementos del sistema
 * 
clase CSS        tipo de elemento
---------------    ----------------------------------------------------------
abm                	<table> es la tabla que contiene otra tabla para el form y otra tabla mas para el listado
form_button        	<table> es una tabla que contiene solamente botones en una sola fila
						se ubica debajo del formulario del reporte (con los botones para generar reporte en xls, en pdf, etc)
						tambien hay uno de estos en la parte de abajo del form de carga
form				<table> es la tabla que contiene los inputs para la carga, busqueda y reporte
field_title			<td> del form que tiene la descripcion del input de carga
field_value			<td> del form que tiene el input
		
form_detail			<table> es la tabla que contiene los inputs para la carga, busqueda y reporte para un formulario
						de detalle (esta dentro de otro formulario)
			
popup				<table> que se usa para mostrar la info de un registro en un popup emergente
popup_detail		<table> que esta dentro del popup anterior, para mostrar la parte del detalle
						en las relaciones maestro-detalle
popup_title			<td> del popup para el nombre del campo que se muestra
popup_value			<td> del popup para mostrar el valor de un registro (contiene texto, no inputs)
			
list				<table> tabla para los listados
cell_varchar		<td> del listado que contiene texto              (letra linda  alinear izquierda)
cell_date			<td> del listado que contiene fechas u horas     (monoespaciar alinear centro)
cell_int			<td> del listado que contiene un numero entero   (monoespaciar alinear derecha)
cell_float			<td> del listado que contiene un numero flotante (monoespaciar alinear derecha)
			
table_pag			<table> tabla para el paginador del listado
menu_search			<table> tabla para el popup que tiene los radiobutton de ordenamiento del listado
cursor_pointer		<tr> que tiene los titulos de la tabla de listado, para que le ponga la manito como cursor
row_data			<tr> que tiene los datos de la tabla de listado, para que le ponga otro fondo en el OVER

*/

/* ================================================================================== */
/*	listados del sistema */
/*	resaltado de la fila del listado cuando pasas por arriba */
tr.row_data:hover{
	background-color:#DFDFE6;
}
/*	titulos de las columnas del listado */
.list th{
	background-color:#b3cfdb;
	font-family: Helvetica;
	font-weight: bold;
    border-style: solid;
    border-width: 1px;
	padding: 0 2px;
	text-align: center;
	border-top-color : #999999;
	border-bottom-color : #BBBBBB;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	color: initial;
	font-size:1.1em;
}
.list td{
	border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px;
	padding: 0 2px;
	color: initial;
	font-size:1.1em;
}
/* a los elementos que se les aplique esta clase, el cursor se transforma en manito */
.cursor_pointer{
	cursor:pointer;
}
/*
cell_bool			<td> del listado que contiene texto              (letra linda  alinear centro)
cell_varchar		<td> del listado que contiene texto              (letra linda  alinear izquierda)
cell_date			<td> del listado que contiene fechas u horas     (monoespaciar alinear centro)
cell_int			<td> del listado que contiene un numero entero   (monoespaciar alinear derecha)
cell_float			<td> del listado que contiene un numero flotante (monoespaciar alinear derecha)
cell_enumeration	<td> del listado que contiene texto de un enum   (letra linda  alinear centro)
*/
.cell_bool{
	font-weight: normal;
	font-family: Arial;
	text-align: center;
}
.cell_enumeration{
	font-weight: normal;
	font-family: Arial;
	text-align: center;
}
.cell_varchar{
	font-weight: normal;
	font-family: Arial;
	text-align: left;
}
.cell_date{
	font-weight: normal;
	font-family: Helvetica;
	text-align: center;
}
.cell_int{
	font-weight: normal;
	font-family: Helvetica;
	text-align: right;
}
.cell_float{
	font-weight: normal;
	font-family: Helvetica;
	text-align: right;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/*  titulo de los field-set  */
legend{
/*
	font-weight: bold;
	font-family: Arial;
 */
	padding:0.3em 0.5em;
	
	
	/*
	 * ahora esta usando el estilo de jquery-ui (clases ui-widget-header ui-corner-all)
	 * pero se puede sacarle ese selector y poner estos estilos
	border:1px solid;
	text-align:center;
	background-color:#E0E0D0;
	*/
}

/*  tabla del paginador de los listados  */
.table_pag, .table_pag tbody, .table_pag td{
	width: 100%;
	text-align : center;
	background-color: #CFE0Eb;
}


/* estilo del TD de los formularios que contiene el nombre del field */
.field_title, .popup_title{
	width:20%;
	text-align:left;
	padding: 1px 2px 0 3px;
	vertical-align:middle;
}
/* estilo del TD de los formularios que contiene el input del field */
.field_value, .popup_value{
	text-align:left;
}
/* son los fieldset de los popup para ver el detalle de un registro */
fieldset.ui-widget.ui-widget-content{
	min-height: 40px;
	margin: 10px 0 5px 0
}


/*	============================================================================
 * estilos para los inputs el sistema
 * no esta del todo integrado con jquery-ui
*/
input, select, textarea{
	border-width: 2px;
	border-style : groove;
	border-color : #cccccc;
	background-color : #FFFFFF;
	
	border-bottom-right-radius: 4px;
	border-bottom-left-radius:  4px;
	border-top-left-radius:     4px;
	border-top-right-radius:    4px;
}
input:focus, select:focus, textarea:focus {
	border-color : #1919ff;
}



/*
================================================================================
		CSS INPUTS
================================================================================
*/
/* --------------------------------- */
div.gc_input{
	display: inline-block;
}
/* --------------------------------- */
div.gc_input_autocomplete{
	display: inline-block;
}
div.gc_input_autocomplete div{
	background: transparent;
	padding: 2px;
}
/* --------------------------------- */
div.gc_input_browser{
	display: inline-block;
}
/*	tabla contenedora */
div.gc_input_browser table.input_browser_main{
	
	border : 0;
	border-collapse : collapse;
	padding : 0;
	margin : 0;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}
/*	tabla que muestra el elemento seleccionado */
div.gc_input_browser table.input_browser_description{
	width: 100%;
}
/*	tabla de filtros */
div.gc_input_browser table.input_browser_filter{
	width: 100%;
}
div.gc_input_browser table.input_browser_filter td{
	padding: 1px;
}
/*      listado del browser    */
div.gc_input_browser table.list tr td{
        border-bottom-color: #cfd0d0;
        border-bottom-width: 1px;  
        border-bottom-style: dotted;
        background-color: #f7f7f7;
        padding: 2px;
}
/*      titulo del listado del browser    */
div.gc_input_browser table.list tr th{
        padding: 3px;
        border-bottom-color: #cfd0d0;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        border-top-color: #e30713;
        border-top-style: dotted;
        border-top-width: 1px;
        color: #413f43;
        text-align: left;
        /*font-size: 11px;*/
}
/* --------------------------------- */
div.gc_input_button{}
/* --------------------------------- */
div.gc_input_captcha{}
/* --------------------------------- */
div.gc_input_checkbox{}
/* --------------------------------- */
div.gc_input_combo, div.gc_input_combo select{
	min-width:150px;
}
/* --------------------------------- */
div.gc_input_combo_binario{}
/* --------------------------------- */
div.gc_input_date{}
img.ui-datepicker-trigger{ margin-bottom: -5px; }
/* --------------------------------- */
div.gc_input_datetime{}
/* --------------------------------- */
div.gc_input_time{}
/* --------------------------------- */
div.gc_input_file{
	width: 400px;
	display: inline-block;
}
/* --------------------------------- */
div.gc_input_file_img{}
/* --------------------------------- */
div.gc_input_file_link{}
/* --------------------------------- */
div.gc_input_link{}
/* --------------------------------- */
div.gc_input_password{}
/* --------------------------------- */
div.gc_input_password_change{}
div.gc_input_password_change table{
	display: inline-block;
	width: 98%;
}
/* --------------------------------- */
div.gc_input_radio{}
div.gc_input_radio .fieldset{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius:  4px;
	border-top-left-radius:     4px;
	border-top-right-radius:    4px;
}
div.gc_input_radio table.table_group_input, div.gc_input_radio table.table_group_input td{
	border : 0;
	border-collapse : collapse;
	padding : 0;
	margin : 0;
	text-align: left;
	vertical-align: middle;
}
div.gc_input_radio input[type="radio"]{
	display: inline-block;
}
/* --------------------------------- */
div.gc_input_set_checkbox{}
div.gc_input_set_checkbox fieldset{
	display:inline-block;
	width:94%;
}
/* --------------------------------- */
div.gc_input_text{}
/* --------------------------------- */
div.gc_input_textarea{}
/* --------------------------------- */
div.gc_input_textarea_rich{}
/*
================================================================================
		FIN REFACTOR DE CSS INPUTS
================================================================================
*/

/* clase que se le aplica al asterisco que se pone a continuacion de los inputs requeridos */
.input-required{
	color: #DD0000;
}








/* ================================================================================== */
/*  tablas de listados y formularios del sistema  */
table.form, table.form_detail, table.list, table.abm,table.form_report{
	width: 100%;
	border-collapse: collapse;
}
table.form_report td{
	vertical-align: middle;
	text-align: center;
}
/* ================================================================================== */
/* ================================================================================== */

/* ================================================================================== */
/*
	tabla que contiene el header del sistema
*/
table.table_header {
	width: 100%;
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
}
.table_header tr, .table_header td{
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
	font-family: Arial;
}
/* ================================================================================== */
/*
	tabla que contiene el footer del sistema
*/
table.table_footer {
	width: 100%;
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
        border-collapse: collapse;
}
.table_footer tr, .table_footer td{
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
	font-family: Arial;
	background-color: #383838;
}
/* ================================================================================== */


/* estilo para el div que bloquea la pantalla */
.blocker{
	background-color:#A5CBCF;
}

/*
li.ui-menu-item{
	display: block;
	float: none;
}
li.ui-menu-item-1{
	float: left;
	padding-right: 5px;
	padding-left: 3px;
	min-width: 50px;
	max-width: 200px;
}
li.ui-menu-item-1 a{
	font-weight:bold;
}
li.ui-menu-item-2 a,li.ui-menu-item-3 a,li.ui-menu-item-4 a{
	font-weight:bold;
}
*/

/* ============================================== */
/* titulo general */
.campo_texto_titulo {
    color: #4CC7EE;
    font-size: 15px;
    font-weight: bold;
    margin: 15px 0 10px;
}

/*	clase para ocultar algo */
.hidden{
	display: none;
}

/*	tabla que contiene los botones del form*/
.form_button{
    width: 100%;
	margin: 5px;
}

/* ============================================================================
============================================================================= */

/* div que contiene todo */
div.main_window{
	width: 100%;
	background-color: #EADDCB;
	padding: 0;
	margin: 0;
	text-align: center;
}
#main_window_shadow{
	width: 1024px;
	margin: auto;
	box-shadow: 0px 0px 25px 10px #505050;
	background-color: #FFFFFF;
}

#div_main{
	width: 1024px;
	background-color: transparent;
	margin: auto;
	text-align:center;
	padding: 0;
}

/* contenedor del carrusel */
div.gc_header_carrusel{
	width: 1024px;
	/*height: 80px;*/
	background-color: transparent;
	margin: auto;
	text-align:center;
}

/* contenedor del menu_home */
div.gc_header{
	width: 1024px;
	background-color: #DF3619;
	margin: auto;
	text-align:center;
	z-index: 20;
	display: table-cell;
	vertical-align: middle;
}
div.gc_header a{
	color: #FFFFFF;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size: 23px;
}
div.gc_header div{
	height:85px;
	padding-top: 15px;
}

div.gc_footer{
	width: 1024px;
	height: 80px;
	background-color: #DF3619;
	color: #FFFFFF;
	margin: auto;
	text-align:center;
}


/* div que contiene el home */
div.gc_xraze_home{
	width: 1024px;
	margin: auto;
	padding-top: 0;
	background-color: transparent;
	text-align:center;
}


div.carousel_main{
	
	/*height: 120px;*/
	
}

.carousel-indicators li {
	margin-bottom: 6px;
	margin-left: 3px;
	margin-right: 3px;
}
.carousel-indicators .active {
	margin-bottom: 4px;
	margin-left: 3px;
	margin-right: 3px;
}


/* estilos para el menu_home */
span.gc_span_titulo_home{
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 0;
	padding-right: 0;
	padding-top: 15px;
	display: inline-block;
}
span.gc_span_titulo_home_separator{
	padding-left: 20px;
	padding-right: 20px;
	font-size: 25px;
    font-weight: 100;
	color: #FFFFFF;
}

/* ==================================================================== */

/* secciones del home: vista de cada linea */
div.gc_xraze_home_seccion_1{
	width: 100%;
	margin-bottom: -12px;
}

span.gc_xraze_home_seccion_1_text{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	height: 250px;
}
span.gc_xraze_home_seccion_1_text.gc_par{
	background-color: #5F513E;
	color: #FFFFFF;
}
span.gc_xraze_home_seccion_1_text.gc_impar{
	background-color: #C3B5A2;
	color: #1A171B;
}
span.gc_xraze_home_seccion_1_text h1{
	font-family: Verdana,Geneva,sans-serif;
	font-size: 23px;
	font-weight: normal;
	margin: 5px 0;
}
span.gc_xraze_home_seccion_1_text h2{
	font-family: Verdana,Geneva,sans-serif;
	font-size: 23px;
	font-weight: bold;
	margin: 5px 0;
}
span.gc_xraze_home_seccion_1_text,span.gc_xraze_home_seccion_1_text p{
	font-family: Verdana,Geneva,sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	padding: 5px 0;
}
span.gc_xraze_home_seccion_1_resumen{
	display: table-cell;
	vertical-align: middle;
	/*height: 250px;*/
	padding: 20px 20px 10px 20px;
}
.gc_par span.gc_xraze_home_seccion_1_resumen{
	text-align:right;
}
.gc_impar span.gc_xraze_home_seccion_1_resumen{
	text-align:left;
}

span.gc_xraze_home_seccion_1_file{
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	height: 500px;
	overflow:hidden;
}

span.boton_actividades{
	color: #FFFFFF;
	background-color: #4FB173;
	font-size: 19px;
	font-family: helvetica;
	font-style: italic;
	text-decoration: none;
}
.gc_xraze_home_seccion_1 a:hover{
	text-decoration: none;
}
span.boton_actividades.gc_par{
	padding: 10px;
	position: relative;
	bottom: 50px;
	right: 80px;
}
span.boton_actividades.gc_impar{
	padding: 10px;
	position: relative;
	bottom: 50px;
	left: 80px;
}
/* ==================================================================== */

/* para fijar el menu arriba de todo */
div.fixed{
	position: fixed;
	top:0;
	z-index: 20;
/*	left: -1px;*/
}

/* div del home que tiene el mensaje de bienvenida*/
div.gc_xraze_home_bienvenido{
	width: 100%;
	min-height: 230px;
	background-color: white;
	padding: 3px;
}
div.gc_xraze_home_bienvenido>h1{
	margin: 0;
	padding: 0;
}
div.gc_xraze_home_bienvenido p{
	font-family: Verdana,Geneva,sans-serif;
	font-size: 18px;
	color: #1A171B;
	padding: 0 165px;
	margin: 0;
}


div.gc_panel_anuncio{
	width: 1024px;
	margin: auto;
	height: 190px;
	background-color: #e30713;
	padding: 10px;
	color: #FFFFFF;
}

div.gc_panel_footer{
	width: 1024px;
	margin: auto;
	height: 224px;
	background-color: #e30713;
	color: #FFFFFF;
	display: table-cell;
	vertical-align: middle;
}
div.gc_panel_footer>span{
	width: 50px;
	height: 120px;
	display: inline-block;
}

div.gc_panel_contacto{
	width: 1024px;
	margin: auto;
	height: 520px;
	background-color: #442B16;
	padding: 10px;
	color: #FFFFFF;
}
div.gc_panel_contacto input,div.gc_panel_contacto textarea{
	color: #000000;
}
div.gc_panel_contacto button{
	border: 1px solid #ffffff;
	background-color: #442B16;
}
div.gc_panel_contacto table{
	width: 700px;
	text-align: right;
	margin-left: 80px;
}
div.gc_panel_contacto table td{
	padding: 3px 8px;
}
div.gc_panel_contacto table td.td_left{
	text-align: left;
}
div.gc_panel_contacto table td.td_right{
	text-align: right;
}
div.gc_panel_contacto h3{
	color: #DF3619;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size: 26px;
	font-weight: bold;
	position: relative;
	left: -350px;
}

.ui-widget-header{
	background: none;
	border: none;
	color: #cd0a0a;
}

/* ---------------------------------------------------------------------- */
div.seccion_1_detalle_titulo{
	text-align: center;
	margin: auto;
	padding: 5px;
	font-size: 20px;
}
div.seccion_1_detalle_texto{
	text-align: left;
	padding: 50px;
}
div.seccion_1_detalle_imagen{
	
}
/* ---------------------------------------------------------------------- */
div.panel_detalle{
	padding: 50px;
}
/* ---------------------------------------------------------------------- */
span.boton_seccion2{
	display: table-cell;
	vertical-align: middle;
	height: 180px;
	width: 150px;
	padding: 20px;
	/*border-radius: 6px;*/
	border-width: 1px;
	border-style: solid;
	color: #FFFFFF;
	font-family: titling;
	font-size: 20px;
}
span.boton_seccion2 p{
	-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg);
	color: #FFFFFF;
	font-size: 29px;
}
a span.boton_seccion2,a:hover span.boton_seccion2{
	text-decoration: none;
}
a, a:hover{text-decoration: none;}
span.boton_seccion2.color_1{
	background-color: #FF0000;
	border-color: #FF0000;
}
span.boton_seccion2.color_2{
	background-color: #0000FF;
	border-color: #0000FF;
}
span.boton_seccion2.color_3{
	background-color: #E0E000;
	border-color: #E0E000;
}
span.boton_seccion2.color_4{
	background-color: #00CC00;
	border-color: #00CC00;
}
span.boton_seccion2.color_5{
	background-color: #00FFFF;
	border-color: #00FFFF;
}
span.boton_seccion2.color_6{
	background-color: #FF00FF;
	border-color: #FF00FF;
}
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */