/*

IMPORTANT NOTES: (PLEASE READ CAREFULLY!)

1. DO NOT MODIFY the system styles section, it is generated by the system,
   your modifications will be overwritten. If you want to change the stylesheet
	 template, modify the ew.css in the "src" subfolder under the installed
	 directory. Only modify the ew.css if you have the necessary knowledges in
	 CSS.
	 
2. DO NOT REMOVE THE FOLLOWING COMMENTS:
   
   BEGIN_USER_STYLES
   END_USER_STYLES
	 
	 You MUST write your styles between these two comment lines below, styles
   outside this user styles section will be discarded.
	 
3. If you want to override the system styles, you can copy the styles to the
   User Styles Section, or you can use a separate user stylesheet.

*/

/*BEGIN_SYSTEM_STYLES*/

body {
	/*background-color: inherit; /* background color */
	/*color: inherit; /* text color */
	/*font-family: Arial; /* font name */
	/*font-size: 8pt; /* font size */
	/*margin: 0px 0px 0px 0px; /* top right bottom left */
}

html{
width:100%;
height:100%;
background:url(../images/fondo_sup.png) top center no-repeat;
}

.phpmaker {
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: 8pt; /* font size */	
}

input, textarea, select {	
	font-family: Arial; /* font name */
	font-size: 10pt; /* font size */
} 

a:active {
	color: ; /* active link color */
}

a:link {
	color: ; /* link color */
}

a:visited {
	color: ; /* visited link color */
}

.fila{
width: 2px;
height: 18px;
overflow: hidden;
}
/* main table */
.DewTable {
	width: 980px; /* table width */	
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: 8pt; /* font size */
	border: 2px outset; /* border */
	border-collapse: collapse;
	margin-top:0px;
	overflow:scroll;
	
}

/* main table data cells */
.DewTable td  {
	padding: 5px ;  /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color:#F2F2F2;  /* table background color */
	
	/*white-space: nowrap; */

	
}



.DewTableDoc {
	width: 680px; /* table width */	
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: 8pt; /* font size */
	border: 2px outset; /* border */
	border-collapse: collapse;
	margin-top:0px;
	
}

.DewTableDoc2 {
	width: 620px; /* table width */	
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: 8pt; /* font size */
	border: 2px outset; /* border */
	border-collapse: collapse;
	margin-top:0px;
	
}

.DewTableDoc2 td  {
	padding: 4px; /* cell padding */
	border: 2px solid; /* cell spacing */
	border-color:#F2F2F2;  /* table background color */
	
	}

.DewTableDoc2 tr {
	padding: 4px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color:#F2F2F2;  /* table background color */
	background-color: #FFFFFF;

}
	
.DewTable2 {
	width: inherit; /* table width */	
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: 8pt; /* font size */
	border: 2px outset; /* border */
	border-collapse: collapse;
	text-align:center;
	
	
}



.DewTableDoc td  {
	padding: 4px; /* cell padding */
	border: 2px solid; /* cell spacing */
	border-color:#F2F2F2;  /* table background color */
	
	
	/* white-space: nowrap; */

	
}


.DewTableDoc tr {
	padding: 4px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color:#F2F2F2;  /* table background color */
	background-color: #FFFFFF;
	
	/* white-space: nowrap; */

	
}


.HeaderTablaDoc {
	background-color: #2E9AFE; /* header color */
	color: #ffffff; /* header font color */	
	vertical-align: top;	
	font-weight: bold;
}

.HeaderTablaDocRow {
	background-color: #FF8000;
	color: #ffffff; /* header font color */	
	vertical-align: top;	
	font-weight: bold;
	font-size: 9pt; /* font size */
}

.HeaderTablaDocRow2 {
	background-color: #FAAC58; /* header color */
	color: #ffffff; /* header font color */	
	vertical-align: top;	
	font-weight: bold;
	font-size: 9pt; /* font size */
}


.HeaderTablaDocRow3 {
	background-color: #ffffff; /* header color */
	color: #A4A4A4; /* header font color */	
	vertical-align: top;	
	font-weight: bold;
	font-size: 9pt; /* font size */
}


.boton_formulario {
        font-size:12px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#638cb5;
        border:0px;
        width:80px;
        height:29px;
		cursor: hand;
		border-radius: 15px;
		
}


.table {

	width :980px;
	margin-top:140px;

}


.imagenes { 

	width:150px;
	float:left;
	border: 2px;
	position:absolute;
	
}



.menu { 

	width:980px;
	margin-top:160px;
	border: 2px;
	
}

.menu2  { 

	width:980px;
	margin-top:2px;
	border: 0px;
	float:center;
	overflow: auto;
	
}

.img_add  { 

	width:980px;
	margin-top:2px;
	border: 0px;
	float:center;
	overflow: auto;
	
}

.img_add  img { 

	margin-top:0px;
	border: 0px;
	float:right;
	
}

.menu2  span { 

	margin-top:0px;
	border: 0px;
	float:left;
	padding: 20px 0px 0 400px;
	
}

.menu2  img { 

	margin-top:0px;
	border: 0px;
	float:right;
	
}

.menu2 img a { 

	margin-top:0px;
	border: 0px;
	float:left;
	padding: 20px;

	
}

.menu2  h1 { 

	margin-top:0px;
	border: 0px;
	float:left;
	font:arial;
	font-size:15px;
	padding: 20px 450px 0;
	
}

.menu2  h2 { 

	margin-top:0px;
	border: 0px;
	float:center;
	font:arial;
	font-size:15px;
	padding: -12px ;
	
}

.marco5 {
	padding:2px;
	background-color: #f5f5f5;
	width: 200px;
	
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
} 

.paginas {
	margin-top:0px;
	border: 0px;
	float:center;
	font:arial;
	font-size:15px;

} 

/* ------------------------------ */
/* PARA MOD - VIDEOS*/
/* ------------------------------ */
.clear{ 
width: 565px;
position: relative; 
height: 4px; 
 }

.front {
position: relative; 
width: 550px; 
height: 156px; 
z-index: 1; 
left: 2px; 
top: 15px; 
visibility: visible;
/*padding: 7px 10px 7px 37px;*/
border: 1px solid #f0ea8b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

font-size:10px;
   
} 

.fecha {
position: absolute; 
width: 172px; 
height: 16px; 
z-index: 2; 
left: 375px; 
top: 112px
}

.video { 
position: absolute; 
width: 160px; 
height: 103px; 
z-index: 2; 
left: 15px; 
top: 20px;
border:2px;
padding:2px;
background-color: #f5f5f5;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
border-top: 1px solid #999999; 
}

.detalle { 
position: absolute; 
width: 340px; 
height: 70px; 
z-index: 3; 
left: 190px; 
top: 53px; 
visibility: visible;
background-color: #f5f5f5;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
border-top: 1px solid #999999; 
/*border-style:solid;*/
}
.titulo {
position: absolute; 
width: 334px; 
height: 21px; 
z-index: 2; 
left: 199px; 
top: 26px;
/*border-style:solid;*/
}

.puntuacion {
position: absolute; 
width: 162px; 
height: 19px; 
z-index: 3; 
left:26px; 
top: 131px;
/*border-style:solid ;*/
}

.autor { 
position: absolute; 
width: 172px; 
height: 19px; 
z-index: 1; 
left:10px; 
top: 130px;
/*border-style:solid ;*/
}

.fecha {
position: absolute; 
width: 143px; 
height: 16px; 
z-index: 2; 
left: 385px; 
top: 130px;
/*border-style:solid ;*/
}

/* ------------------------------ */
/* PARA MOD - UBICACION */
/* ------------------------------ */
.u_titulos {
	color: #86B404; /* text color */
	font-family: Arial; /* font name */
	font-size: 13pt; /* font size */
	font-weight: bold;
	
	
}

.u_mensaje {
	color: #A4A4A4; /* text color */
	font-family: Arial; /* font name */
	font-size: 13pt; /* font size */
	font-weight: bold;
	
	
}

.u_mensaje2 {
	color: #A4A4A4; /* text color */
	font-family: Arial; /* font name */
	font-size: 14pt; /* font size */
	font-weight: bold;
	
	
}



/* ------------------------------ */



	
.ewBasicSearch {
	font-family: Arial; /* font name */
	font-size: 8pt; /* font size */
	border: 0px;
	border-collapse: collapse;
}

.ewBasicSearch td {
	border: 0px;
	padding: 1px;
}

.ewSearchOpr {
	font-family: Arial; /* font name */
	font-size: 8pt; /* font size */
	color: maroon;
}

.ewListAdd {
	font-family: Arial; /* font name */
	font-size: 8pt; /* font size */
	border: 0px;
	border-collapse: collapse;
}

.ewListAdd td {
	border: 0px;
	padding: 2px;
}

.phpmakerlist td {
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: 8pt; /* font size */
	border: 0px;
	padding: 0px;
	vertical-align: top; 
}

.ewAddOption td {
	font-family: Arial; /* font name */
	font-size: 8pt; /* font size */
	padding: 2px; /* cell padding */	
	border: 0px;	
}

/* main table header cells */


.altrow {
	background-color: #EDEDED; /* header color */
	color: #000000; /* header font color */	
	vertical-align: top;	
}

.ewTableHeader2 {
	background-color: #FFFF99; /* header color */
	color: #000000; /* header font color */	
	vertical-align: top;	
}

.ewTableHeader3 {
	background-color: #F4FA58; /* header color */
	color: #000000; /* header font color */	
	font-family: Arial; /* font name */
	font-size: 12pt; /* font size */
	vertical-align: top;	
}


.ewTableHeader4 {
	background-color: #F2F5A9; /* header color */
	color: #000000; /* header font color */	
	font-family: Arial; /* font name */
	font-size: 9pt; /* font size */
	vertical-align: top;	
}


.ewTableHeader6 {
	background-color:#0B3861; /* header color */
	color: #ffffff; /* header font color */	
	font-size: 9pt; /* font size*/
	font-weight: bold;
	vertical-align: middle;
	/*width:20px;*/
	
	text-align: center;
}

.ewTableHeader7 {
	background-color:#ffffff; /* header color */
	color: inherit; /* header font color */	
	font-size: 9pt; /* font size*/
	font-weight: bold;
	vertical-align: top;	
}


.left {

	background:url(../images/round_arrow_left.png) top center no-repeat;
}

.table {

	width :980px;
	margin-top:140px;
	

}

.table_h {

	width :auto;
	margin-top:140px;
	background-color:#F2F5A9; /* header color */
	color: inherit; /* header font color */	
	font-size: 11pt; /* font size*/
	

}

.table_img {

	width :auto;
	margin-top:140px;
	background-color:#0B3861; /* header color */
	color: inherit; /* header font color */	
	font-size: 8pt; /* font size*/
	

}
.table_img span {
text-align = center;
}


.ewTableHeader8 { 
	background-color:#EEEEFF; /* header color */
	color: inherit; /* header font color */	
	font-size: 10pt; /* font size*/
	font-weight: bold;
	vertical-align: top;	
}

.ewTableHeader9 { 
	background-color:#F4FA58; /* header color */
	color: #000000; /* header font color */	
	font-size: 8pt; /* font size*/
	font-weight: bold;
	
	
}

.ewTableHeader10 {
	background-color:#4466AA; /* header color */
	color: #fffffff; /* header font color */	
	font-family: Arial;
	font-size: 15pt; /* font size*/
	font-weight: bold;
	
}


.ewTableHeader {
	background-color: #6699FF; /* header color */
	color: #FFFFFF; /* header font color */	
	vertical-align: top;
	font-family: Verdana;	
	font-size: 10pt; /* font size */
}

.ewTableHeader_dos {
	background-color: #6699FF; /* header color */
	color: #FFFFFF; /* header font color */	
	vertical-align: top;
	font-weight: bold;	
	font-size: 11pt; /* font size */
}

.ewTableHeader_footer_A {
	background-color: #58FA58; /* header color */
	color: #FFFFFF; /* header font color */	
	vertical-align: top;	
	text-align: right ;
	font-size: 12pt; /* font size */
}

.ewTableHeader_footer_B {
	background-color: #CEF6CE; /* header color */
	color: #000000; /* header font color */	
	vertical-align: top;	
	font-size: 12pt; /* font size */
}

.ewTableHeader_Saldo {
	background-color: #FF8000; /* header color */
	color: white; /* header font color */	
	font-family: Arial; /* font name */
	font-size: 12pt; /* font size */
	font-weight: bold;
	vertical-align: top;	
}

.ewTableHeader_Saldo_buscar {
	background-color: #6699FF; /* header color */
	color: white; /* header font color */	
	font-family: Verdana; /* font name */
	font-size: 10pt; /* font size */
	font-weight: bold;
	/*vertical-align: top;*/
	text-align: center;	
}

.ewTableHeader_Saldo_buscar1 {
	background-color: #2E2E2E; /* header color */
	color: white; /* header font color */	
	font-family: Verdana; /* font name */
	font-size: 7pt; /* font size */
	font-weight: bold;
	/*vertical-align: top;*/
	text-align: center;	
}
.ewTableHeader_Saldo_buscar2{
	background-color: #A4A4A4; /* header color */
	color: white; /* header font color */	
	font-family: Verdana; /* font name */
	font-size: 10pt; /* font size */
	font-weight: bold;
	/*vertical-align: top;*/
	text-align: center;	
}


.ewTableHeader_Saldo_B {
	background-color: #F5D0A9; /* header color */
	color: white; /* header font color */	
	font-family: Arial; /* font name */
	font-size: 12pt; /* font size */
	vertical-align: top;	
}


.ewTableHeader_Saldo_C {
	background-color: #FAAC58; /* header color */
	color: white; /* header font color */	
	font-family: arial; /* font name */
	font-size: 11pt; /* font size */
	font-weight: bold;
	vertical-align: top;	
}


.estilo_saldo_a {
font-family: verdana;
font-size: 11pt;
font-weight: bold;
letter-spacing: 0px;
border: 3px solid #FF8000;
}

.estilo_saldo_b {
font-family: verdana;
font-size: 10pt;
font-weight: bold;
letter-spacing: 0px;
border: 3px solid #01DF01;
}

.estilo_saldo_c {
font-family: verdana;
font-size: 10pt;
font-weight: bold;
letter-spacing: 0px;

}



.estilo_buscar_vacio {
font-family: verdana;
font-size: 8pt;
color: white;
font-weight: bold;
letter-spacing: 0px;
text-align: center;
}


.estilo_buscar_parcial {
font-family: verdana;
font-size: 9pt;
color: white;
font-weight: bold;
letter-spacing: 0px;
text-align: center;
}

.estilo_buscar {
font-family: verdana;
font-size: 8pt;
color: grey;
font-weight: bold;
letter-spacing: 0px;
text-align: center;
}

.estilo  {
font-family: verdana;
font-size: 9pt;
font-weight: bold;
letter-spacing: 0px;
}

.conScroll { 

overflow:auto; 
/*text-align:center; */
height:100px; 
/*width:200px; */

}

.conScroll2 { 

overflow:auto; 
/*text-align:center; */
height:600px; 
/*width:200px; */

}

.conScroll3{ 

overflow:auto; 
/*text-align:center; */
height:700px; 
/*width:200px; */



}
.Dtitulos {
	text-align:center;
	
	font-family: Arial; /* font name */
	font-size: 10pt; /* font size */
	/*font-weight: bold;	*/
	

	
	
}


.Dtit {
	
	background-color: #F7F8E0; 
	
	
}

.Dtit2 {
	
	background-color: #E6E6E6; 
	
	
}


.Dtitulos2 {

	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: 13pt; /* font size */
	font-weight: bold;
	
	
}

.Dfechas {

	color: blue; /* text color */
	font-family: Arial; /* font name */
	font-size: 10pt; /* font size */
	font-weight: bold;
}
	

/* main table row color */
.ewTableRow {
	background-color: #FFFFFF;  /* alt row color 1 */
}

/* main table alternate row color */
.ewTableAltRow2 {
	background-color: #F2F5A9; /* alt row color 2 */
	font-family: Verdana; /* font name */
	font-size: 12pt; /* font size */	
}

.ewTableAltRow {
	background-color: #FFFFFF; /* alt row color 2 */	

}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: #EDEDED; /* edit mode color */
}

/* main table highlight color */
.ewTableHighlightRow {
	background-color: #FFFF99; /* highlight color */
}

/* main table select color */
.ewTableSelectRow {
	background-color: #FFFFCC; /* select color */
}

/* main table footer section */
.ewTableFooter {
	background-color: #ADFF2F;
}

/* classes for report */
.ewReportTable {
    border: 0px;
    border-collapse: collapse;
}

.ewReportTable td {
    padding: 3px;
}

.ewGroupField {
	font-weight: bold;
}

.ewGroupName {
	font-weight: bold;
}

.ewGroupHeader {
	border-bottom: 3px double Gray;
	border-top: 3px double Gray;
}

.ewGroupSummary {
	border-top: 1px solid Gray;
} 

.ewGroupAggregate {
	font-weight: bold;
}

.ewGrandSummary {
	border-top: 1px solid Gray;
}

/* message */
.ewmsg {
	color: red; /* message color */
	font-family: Arial; /* font name */
	font-size: 8pt; /* font size */	
}

/* Ajax */
.ewAstList {
	border: 1px solid black;
	background: #ffffff;
	position: absolute;
	padding: 0;
	white-space: nowrap;
}

.ewAstListBase {
	position: absolute;
	padding: 1;
}

.ewAstListItem {
	color: black;
	background: #ffffff;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	padding: 1;
}

.ewAstSelListItem {
	color: white;
	background: Highlight;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	padding: 1;
}

/* MultiPage pager table */
.ewMultiPagePager {
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: 8pt; /* font size */
	border: 0px; /* border */	
}

.ewMultiPagePager td {
	padding: 2px; /* cell padding */	
}

/*END_SYSTEM_STYLES*/