﻿/* CUERPO */

body, div, p, h1, h2, h3, h4, ul, li, table
{
	margin: 0;
	padding: 0;
	border: none;	
	font-weight:normal;	
	font-family: arial; 
	font-size:8pt;
	
}

body
{
	font-family:arial;
	font-size: 75%;	
}

/* MENU */

.boton_limpiar
{
	background-image: url(../images/IMG_WEBCON_LIMPIAR.png);
	background-repeat: no-repeat;
	margin-top: 2.5px;
	width: 40px;
	height: 65px;
	float: left;
	margin-left: 3px;
}

.boton_limpiar:hover
{
	background-image: url(../images/IMG_WEBCON_LIMPIAR_HOVER.png);
	background-repeat: no-repeat;
	margin-top: 2.5px;
	width: 40px;
	height: 65px;
	float: left;
	margin-left: 3px;
}

.boton_guardar
{
	background-image: url(../images/IMG_WEBCON_GUARDAR.png);
	background-repeat: no-repeat;
	margin-top: 2.5px;
	width: 40px;
	height: 65px;
	float: left;
	margin-left: 5px;
}

.boton_guardar:hover
{
	background-image: url(../images/IMG_WEBCON_GUARDAR_HOVER.png);
	background-repeat: no-repeat;
	margin-top: 2.5px;
	width: 40px;
	height: 65px;
	float: left;
	margin-left: 5px;
}

.boton_eliminar
{
	background-image: url(../images/IMG_WEBCON_ELIMINAR.png);
	background-repeat: no-repeat;
	margin-top: 2.5px;
	width: 40px;
	height: 65px;
	float: left;
	margin-left: 5px;
}

.boton_eliminar:hover
{
	background-image: url(../images/IMG_WEBCON_ELIMINAR_HOVER.png);
	background-repeat: no-repeat;
	margin-top: 2.5px;
	width: 40px;
	height: 65px;
	float: left;
	margin-left: 5px;
}

.boton_buscar
{
	background-image: url(../images/IMG_WEBCON_BUSCAR.png);
	background-repeat: no-repeat;
	margin-top: 2.5px;
	width: 40px;
	height: 65px;
	float: left;
	margin-left: 5px;
}

.boton_buscar:hover
{
	background-image: url(../images/IMG_WEBCON_BUSCAR_HOVER.png);
	background-repeat: no-repeat;
	margin-top: 2.5px;
	width: 40px;
	height: 65px;
	float: left;
	margin-left: 5px;
}

.boton_imprimir
{
	background-image: url(../images/IMG_WEBCON_REPORTE.png);
	background-repeat: no-repeat;
	margin-top: 2.5px;
	width: 40px;
	height: 65px;
	float: left;
	margin-left: 5px;
}

.boton_imprimir:hover
{
	background-image: url(../images/IMG_WEBCON_REPORTE_HOVER.png);
	background-repeat: no-repeat;
	margin-top: 2.5px;
	width: 40px;
	height: 65px;
	float: left;
	margin-left: 5px;
}

.boton_cerrar
{
	background-image: url(../images/IMG_WEBCON_REGRESAR.png);
	background-repeat: no-repeat;
	margin-top: 2.5px;
	width: 40px;
	height: 65px;
	float: left;
	margin-left: 5px;
}

.boton_cerrar:hover
{
	background-image: url(../images/IMG_WEBCON_REGRESAR_HOVER.png);
	background-repeat: no-repeat;
	margin-top: 2.5px;
	width: 40px;
	height: 65px;
	float: left;
	margin-left: 5px;
}

/* CAPA MASTER PAGE */

#master_header
{
	margin: 10px auto 15px auto;
	width: 900px;	
}

#master_headerfooter
{
	margin: auto auto auto auto;
	width: 903px;
	height: 65px;
	background: url(../images/IMG_WEBCON_PIE.png) no-repeat left top;
}

#master_headertop
{
	background: url(../images/IMG_WEBCON_ENCABEZADO.png) no-repeat left top;
	width: 903px;
	height: 65px;
}

#master_headerbottom
{
	background: url(../images/IMG_WEBCON_PIE.png) no-repeat left top;
}

#master_page
{
	margin: -12px auto 15px auto;
	width: 900px;	
}

#master_menu
{
	float: left;
	width: 240px;
	padding-right: 10px;
}

#master_content
{
	float: left;
	width: 650px;
	margin-right: -650px;
	color: #000;	
}

#master_content ul
{
	margin: 0 25px 0 30px;
}

#master_contentheader
{
	height: 34px;
	background: url(../images/IMG_WEBCON_MENU_CONTENIDO.png) no-repeat right top;
}

#master_contentplaceholder
{
	padding: 10px  20px  10px  20px;
	border-left: 1px solid #7CA3D7;
	border-right: 1px solid #7CA3D7;
	border-top: 1px solid #7CA3D7;
	border-bottom: 1px solid #7CA3D7;
	line-height: 1.5em;
	background-color: #B4D4FE;	
}

#master_contentfooter
{
	clear: both;
	padding: 10px 0 5px 10px;
	color: #333;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}

/* PANEL MENU */

.sidebar
{
	width: 100%;
	margin-bottom: 10px;	
}

.sidebarheader
{
	height: 24px;
	padding: 10px 0 0 35px;
	background: url(../images/IMG_WEBCON_MENU.png) no-repeat left top;
	color: #fff;
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

.sidebarcontent
{
	height: auto;
	border: 1px solid #7CA3D7;
	padding: 5px 0px 10px 5px;
	line-height: 1.5em;
	color: Black;
	font-weight: bold;
	background-color: #B4D4FE;	
}

.sidebarcontent a
{
	padding: 2px 5px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

.sidebarcontent a:hover
{
	color: #000;
}

.texto b
{
	padding: 2px 5px;
	color: #5f564e;
	text-decoration: none;
	font-weight: normal;
}

.t1
{	color: #0071ab;	
	/*font-weight:bold;*/
}

/* CONTROL TREEVIEW */

.tre_contenido a
{
	padding: 2px 5px;
	color: #5986ce;
	text-decoration: none;
	font-weight: normal;
}

.tre_contenido a:hover
{
	color: #feae41;	
}

/* CAPA MENU FORMULARIOS */

.menu_left
{
	width: 3px;
	height: 67px;
	background-image: url(../images/IMG_WEBCON_MENU_LEFT.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}

.menu_contents
{
	height: 67px;
	width: 557px;
	background-image: url(../images/IMG_WEBCON_MENU_CENTRO.png);
	background-repeat: repeat-x;
	float: left;
	margin-top: 5px;
}

.menu_right
{
	width: 3px;
	height: 67px;
	background-image: url(../images/IMG_WEBCON_MENU_RIGHT.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 5px;
}

/* CAPA CONTENIDO MASTER */

.demoarea
{
	padding: 15px;
	padding-left: 15px;
	padding-right :15px;
	padding-bottom:8px;
	background: #FFF url(../images/IMG_WEBCON_CONTENIDO_ENCABEZADO.png) no-repeat left top;	
}

.demoarea p
{
	padding: 5px;
}

.demoheading
{
	padding-bottom: 20px;
	color: #5f564e;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.5em;
}

.demobottom
{
	height: 8px;
	background: #FFF url(../images/IMG_WEBCON_CONTENIDO_PIE.png) no-repeat left bottom;
}

.heading
{
	padding: 1em 0 1em 0;
	color: #5377A9;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.2em;	
}

.subheading
{
	padding: .8em 0 0.5em 0;
	color: #0F2543;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 1.1em;
}

p
{
}

em
{
	font-style: italic;
}

i
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

.codeReference
{
	font-family: 'Courier New' , Monospace;
	font-style: normal;
	font-weight: bold;
}

pre, code
{
	display: block;
	margin: 15px 15px 15px 0;
	padding: 10px;
	border: 1px dashed #CCC;
	background-color: #FFF;
	color: #000;
	font-family: 'Courier New' , Monospace;
	font-size: 0.9em;
	font-style: normal;
}

.releaseList
{
	list-style-type: disc;
}

/* CONTROL ACCORDION */

.accordionHeader
{
	height: 21px;
	border: 1px solid #7CA3D7;
	background-image: url(../images/IMG_WEBCON_ACORDION_ENCABEZADO.gif);
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;	
}

.accordionHeader1
{
	width: 90%;
	height: 30px;
	background-image: url(../images/IMG_WEBCON_PANEL_ENCABEZADO.png);
	background-repeat: repeat-x;
	color: #FFF;
	font-family:arial;
	font-weight: bold;
	font-size:19pt;	
	border: 1.5px solid #FEAE41;		    
    cursor: pointer;
    margin-top: 5px;    
}

.accordionHeader1 a:link
{
	color:#FFF;
    text-decoration: none; 
    float:left;
	font-weight:bold;
	font-size:9pt;
	padding: 5px; 
	vertical-align: middle;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;	
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background-image: url(../images/IMG_WEBCON_ACORDION_CONTENIDO.png);
	border: 1px solid #7CA3D7;
	border-top: none;
	padding: 5px;
	padding-top: 10px;		
}

.accordionContent1
{
	border-right: #feae41 1px solid; 
	border-top: medium none; 
	border-left: #feae41 1px solid;    
    border-bottom: #feae41 1px solid; 
    width: 90%; 
    height: auto;               
}

.accordionHeader_fijo
{
	border: 1px solid #7CA3D7;
	background-image: url(../images/IMG_WEBCON_ACORDION_ENCABEZADO.gif);
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: auto;
}

.accordionContent_fijo
{
	border: 1px solid #5f564e;
	border-top: none;
	padding: 5px;
	padding-top: 10px;	
}

/* CONTROL COLLAPSIBLEPANEL */

.collapsePanel
{
	background-color: white;
	overflow: hidden;
}

.collapsePanelHeader
{
	width: 100%;
	height: 30px;
	background-image: url(../images/IMG_WEBCON_PANEL_ENCABEZADO.png);
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
	border: 1px solid #5f564e;
}

#master_content .collapsePanelHeader a
{
	color: #FFF;
}
#master_content .collapsePanelHeader a:hover
{
	text-decoration: none;
	background: none;
}

.collapsePanel_fijo
{
	background-color: white;
	overflow: hidden;
	border-left: 1px solid #5f564e;
	border-right: 1px solid #5f564e;
	width: 100%;	
}

.collapsePanelHeader_fijo
{
	width: 64%;
	
	height: 30px;
	background-image: url(../images/IMG_WEBCON_PANEL_ENCABEZADO.png);
	background-repeat: repeat-x;
	color: #FFF;
	font-family:arial;
	font-weight: bold;
	font-size:19pt;	
	border: 1.5px solid #FEAE41;
	cursor: auto;
}

.collapsePanelHeader_fijo_1
{
	/*width: 64%;*/
	width: auto;	
	height: 30px;
	background-image: url(../images/IMG_WEBCON_PANEL_ENCABEZADO.png);
	background-repeat: repeat-x;
	color: #FFF;
	font-family:arial;
	font-weight: bold;
	font-size:19pt;	
	border: 1.5px solid #FEAE41;
	cursor: auto;
}

#master_content .collapsePanelHeader_fijo a
{
	color: #FFF;
}
#master_content .collapsePanelHeader_fijo a:hover
{
	text-decoration: none;
	background: none;
}

/* CONTROL TEXTBOX */

.textbox
{
	border: 1px solid #FEAE41;
	vertical-align: middle;
	padding: 2px;
	margin: 0px 0 0px 0;
	font-family: arial;
	font-size: 8pt;
}

.textbox_buscar
{
	border: 1px solid #0071AB;
	vertical-align: middle;
	padding: 2px;
	margin: 0px 0 0px 0;
	font-family: arial;
	font-size: 8pt;
}

/* CONTROL SLIDESHOW */

.slideTitle
{
	font-weight: bold;
	font-size: small;
	font-style: italic;
}

.slideDescription
{
	font-size: small;
	font-weight: bold;
}

.validatorCalloutHighlight
{
	background-color: lemonchiffon;
}

.ListSearchExtenderPrompt
{
	font-style: italic;
	color: Gray;
	background-color: white;
}

/* CONTROL GRIDVIEW */

.Gridview
{
	width: 750px;
	color: #333333;
	font-weight: normal;
	font-family :arial; 
	font-size:8pt;		
}

.Gridview_man
{
	width: 505px;	
	color: #333333;
	font-weight: normal;
	font-family :arial; 
	font-size:8pt;
	margin-top:10px;
}

.RowStyle
{
	background-color: #F7F6F3;
	color:#333333;	
}

.EditRowStyle
{
	background-color: #999999;
}

.SelectedRowStyle
{
	background-color: #E2DED6;
	color: #333333;	
}

.PagerStyle
{
	background-image: url(../images/IMG_WEBCON_GRID_PIE.png);	
	color:#FEAE41;
	height: 31px;
}

.PagerStyle table
{
	font-weight: normal;
	font-family :arial; 
	font-size:10pt;	
}

.PagerStyle a:visited
{
	color:#FFF;	
	font-size:10pt;
}

.PagerStyle a:link
{
	color:#FFF;	
	font-size:10pt;
}

.PagerStyle a:hover
{
	color:#FFF;	
	font-size:10pt;
}

.HeaderStyle
{
	height: 24px;
	background-image: url(../images/IMG_WEBCON_GRID_ENCABEZADO.gif);
	font-size:8pt;	
}

.HeaderStyle a
{
	color: Fuchsia;
	font-weight: normal;
}

.AlternatingRowStyle
{
	background-color: #FFFFFF;
	color: #284775;	
}

.FooterStyle
{
	background-color: #5D7B9D;
	color:#FFFFFF;
	font-weight: bold;
}

/* FUENTE */

.fuente
{
  font-family :arial; 
  font-size:8pt;
}

/* FUENTE DEL ENCABEZADO DEL FORMULARIO */

.wf_encabezado
{
	float:left;
	font-weight:bold;
	font-size:9pt;
}

.wf_encabezado_for
{
	padding: 5px; 
	vertical-align: middle;
}

.wf_cuerpo
{	
	border-right: #feae41 1px solid; 
	border-top: medium none; 
	border-left: #feae41 1px solid;    
    border-bottom: #feae41 1px solid; 
    width: 64%;
    
    height: auto
}

.wf_cuerpo_1
{	
	border-right: #feae41 1px solid; 
	border-top: medium none; 
	border-left: #feae41 1px solid;    
    border-bottom: #feae41 1px solid; 
    /*width: 64%; */
    width: auto; 
    height: auto
}

/* ESCRITORIO */

.escritorio
{
	/*background:url(../images/IMG_III_EDICION.png) no-repeat  left top;	
	height:990px;
	width:640px;*/
	
	background:url(../images/IMG_V_EDICION.jpg) no-repeat  left top;	
	height:776px;
	width:645px;
}

/* ACCESO */

.acceso
{
	background:url(../images/IMG_WEBCON_ACCESO_DENEGADO.png) no-repeat  left top;	
	height:520px;
	width:605px;
}

/* LOGIN */

.login
{
	background:url(../images/IMG_WEBCON_LOGIN.png) no-repeat  left top;	
	height:170px;
	width:280px;
	margin:  100px auto auto auto;
}

.login_pie
{
	background:url(../images/IMG_WEBCON_LOGIN_PIE.png) no-repeat  left top;	
	height:90px;
	width:700px;
	margin: auto auto auto auto;
}

.login_lado
{
	float:left;
	background: url(../images/IMG_WEBCON_LOGIN_LADO.png) no-repeat left top;	
	height:100px;
	width:100px;
	margin-top:-250px;
	margin-left: 15%;
}

.login_lado2
{
	float:left;
	background: url(../images/IMG_WEBCON_LOGIN_LADO.png) no-repeat left top;	
	height:100px;
	width:100px;
	margin-top:-150px;
	margin-left: 80%;
}


.wf_usuario
{
	float:left;
	background:url(../images/IMG_WEBCON_USUARIO.png) no-repeat  left top;	
	height:32px;
	width:32px;		
}

