/*---------------------------------*/
/*----- ESTRUCTURA DEL SITIO ------*/
/*---------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	background: #FFFFFF url('../images/h01.gif') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12.25px;
	color: #666666;
}
/*---- ENCABEZADO ----*/

#encabezado {
	width: 960px;
	height: 130px;
	margin: 0 auto;
}
#encabezado #logoLeft
{
    float: left; display:block;
    margin:1px;
}
#encabezado #logoLeft img
{
    padding-left: 0px; margin-top:10px; border: 0; height:100px; width:230px;
}
#encabezado #logoRight
{
    float: right; margin-top:0px; padding:0; display:block; vertical-align:middle;
}
#encabezado #logoRight img
{
    /*padding-right: 0px; border: 0; height:120px; width:329px;*/
    padding-right: 0px; border: 0; height:130px; width:427px;
}
#encabezado #titulo
{
    float:left;margin-left:0px; margin-top:12px; padding:0; display:block;
} 
#encabezado #titulo img
{
    padding-left: 0px; border: 0
}

/*---- MENU SUPERIOR ----*/

#menubar {
	width: 960px;
	height: 26px;
	margin: 0 auto;
}

#menubar ul 
{
    float: right;
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menubar li {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 0;
	background: transparent;
}
#menubar img 
{
    display: block;
    float:left;
    vertical-align:bottom;
    margin-top:4px;
}

#menubar a {
	display: block;
	float: left;
	font-size: 80%;
	text-decoration: none;
	color: #488ec5;
}

#menubar a:hover {
	color: #F89934;
}

#menubar b {
	display: block;
	float: left;
	height: 23px;
	padding: 7px 5px 0 5px;
	cursor: hand;	
}

#menubar li.active 
{
}

#menubar li.active a {
	color: #488ec5;
}

#menubar li.active b {
}

/* Page */

#pagina {
	width: 960px;
	margin: 0 auto;
	padding: 5px 0 0 0;
}

/*---- CONTENIDO ----*/

#contenido {
	float: left;
	width: 768px;
}
#contenido a
{
    font-size: 95%;
	text-decoration: none;
	/*color: #488ec5;*/
	cursor: hand;
}
#contenido a:hover {
	color: #F89934;
}
#contenido a:b {
	color: #F89934;
	cursor: hand;
}

/*---- FORMULARIO ----*/

#formtop
{
    height: 33px;
    background: transparent url('../Images/form_top.gif') top left no-repeat;
    color: #ffffff;
}
#formtop h3.formtitle
{
    padding: 10px 0 0 18px;
    font-weight: bold;
    color: #fff;
    font-size: 96%;
    font-family: Trebuchet MS, Verdana, Arial;
}

#formbody
{
    background: url('../Images/form_body.gif') repeat-y;
    padding-top: 10px;
    padding-left: 26px;
    padding-right:26px;
    line-height: 1.6em;
    min-height:310px;
}
#formbottom
{
    height:15px;
    background:url('../Images/form_bottom.gif') top left no-repeat;
}

/*---- FEATURE ----*/

#feature {
	margin-bottom: 10px;
}

/*---- MENU LATERAL DERECHO ----*/

#lateral {
	float: left;
	width: 192px;
}

.img_sidebar 
{
    text-align: center;
}

#menutop
{
    background: url('../Images/menu_top.gif') top no-repeat;
    height: 33px;
    width: 186px;
}
h3.menutitle
{
    padding: 10px 0 0 18px;
    font-weight: bold;
    color: #fff;
    font-size: 96%;
    font-family: Trebuchet MS, Verdana, Arial;
}
#menubody
{
    background: url('../Images/menu_body.gif') repeat-y;
    width: 186px;
    font-size: 88%;
    font-weight: 500;
    /*min-height:310px;*/
    height: 310px;
}
#menubottom
{
    height:16px;
    background:url('../Images/menu_bottom.gif') bottom no-repeat;
    width: 186px;
}
#menubody h3
{
    margin-left: 18px;
    padding-bottom: 2px;
    padding-top:5px;
    color: #F89934;
    width: 150px;
    border-bottom: solid 1px #488ec5;
    /* background: url(/Images/menu_franja.gif) no-repeat; */
}
ul.menulist
{
    width: 150px;
    list-style-type: none;
    margin-left:8px;
    padding-bottom:2px;
}
ul.menulist a
{
    width: 150px;
    height:20px;
    color: #666666;
    text-decoration:none;
    font-size: 100%;
    padding:2px 0 0 10px;
    display:block!important;
    display:inline-block;
    margin-top: 2px;
}
ul.menulist a:hover
{
    color: #d7633c;
    /*background:url('../Images/menu_5.jpg') left repeat-y;*/
}
ul.menulist li
{
    padding:0px;
    background:none;
}
ul.menulist .mnu-ico
{
    margin-right: 3px;
    vertical-align: text-bottom;
}

/*---- PIE DE PAGINA ----*/

#logoGob
{
	margin: 0 auto;
    display:block;
    text-align:center;
	padding: 10px;
	width: 100%;
	z-index: 5;    
}
#logoGob #logoGobLeft
{
    float: left; display:block;
    width:200px;
    margin:1px;
}
#logoGob #logoGobLeft img
{
    padding-left: 20px; margin-top:15px; border: 0; height:74px; width:184px;
}
#logoGob #logoGobRight
{
    float: right; margin-top:0px; padding:0; display:block; vertical-align:middle; width: 200px;
}
#logoGob #logoGobRight img
{
    padding-right: 20px; border: 0; height:112px; width:138px;
}

#logoGob #logoGobCenter
{
    float:left; margin-left:10px; margin-bottom:0px; padding:0; display:block; text-align:center; width: 540px;
} 
#logoGob #logoGobCenter img
{
    padding-left: 0px; border: 0
}

#footer  
{
    position: relative;
    bottom: 0px;
	/*background-color: #2075b8;*/
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
	padding: 10px;
	width: 100%;
	z-index: 5;
}
#footer  p {
	margin: 0;
	text-align: center;
	color: #666666;
	font-size: 85%;
}

/*---------------------------------*/
/*----- ESTILO DE FORMULARIO ------*/
/*---------------------------------*/

h1, h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1 {
	font-size: 197%;
	padding-top: 10px;
}
h2
{
	border-bottom:1px dotted #CCCCCC;
}
h2 {
	font-size: 126%;
	font-weight: bold;
    font-family:inherit;
	color:#488ec5;
	line-height: 2em;
}

h3 {
	font-size: 100%;
	color: #000000;
}
p, ul, ol {
	/*margin-bottom: 1.5em;*/
	line-height: 1.6em;
}

p {
}

ol {
}

ul {
	list-style: none;
}

ul li {
	padding-left: 0px;
}

a:link {
	color: #3490F8;
}
a:hover, a:active {
	text-decoration: none;
	color: #F89934;
}
a:visited {
	color: #3490F8;
}

img {
	border: none;
}
img.left {
	float: left;
	margin: 0 20px 10px 0;
}
img.right {
	float: right;
	margin: 0 0 10px 20px;
}
object {
   border: none;
   float: right;
   margin: 0 0 10px 20px;
}
.byline {
	color: #CCCCCC;
}

/*---- FORMULARIO ----*/

.formulario {
    line-height:2.5em;
}
.formulario ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
.formulario li {
    background: none no-repeat 0 0;
	display:block;
	margin:0;
	padding:5px 5px 6px 5px;
	clear:both;
}
.formulario fieldset
{
    padding: 5px 0px 5px 10px;
   	border:1px solid #ccc;
}
.formulario fieldset legend
{
    font-weight: bold;
    color: #222;
    padding-left: 2px;
    padding-right: 2px;
}
.info {
	display:inline-block; 
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:0 0 4px 0;
}
.info[class]{
	display:block;
}
.etiqueta {
	font-weight:bold;
	color:#222;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}

/*---- FORMULARIO: NAVEGACION ENTRE CAMPOS ----*/

.formulario li.focused
{
    background-color:#fff7c0;
	position:relative;
}
.formulario li:focus
{
    background-color:#fff7c0;
	position:relative;
}
.formulario li.blured, .formulario li:visited
{
    background-color:#fff;
	position:relative;
}
.formulario.field:hover
{
    background-color:#fff7c0;
	position:relative;
}
.formulario li.buttons{
	clear:both;
	padding-top:15px;
}

/*----- FORMULARIO: CAMPOS FLOTANTES -----*/

.formulario li.leftHalf, .formulario li.rightHalf {
	width:46% !important;
}
.formulario li.leftHalf {
	clear:left !important;
	float:left;
}
.formulario li.rightHalf {
	clear:none !important;
	float:right;
}
.formulario li.likert {
	width:97% !important;
	clear:both !important;
	float:none;
}
.formulario li.leftHalf .medium, li.rightHalf .medium,
.formulario li.leftHalf .small, li.rightHalf .small {
	width:100%;
}
.formulario .msj-pnl {
    vertical-align: middle;
    padding: 5px;
}
.formulario .msj-ico {
    margin:0px;
    vertical-align: middle;
}
.formulario .msj-text {
    display: inline-table;
    width: 90%;
}
.enlace
{
    color: #3490F8;
}

/*---- TABLA DE DATOS ----*/

table 
{
    border-collapse: collapse;
    font-size: 86%;
    width: 98%;
}
th, td
{
    border: solid 1px #e5eff8;
}
caption
{
    color: #9ba9b4;
    font-weight: bold;
    font-size: .84em;
    letter-spacing:.1em;
    /*text-transform: uppercase;*/
    margin:0em 0 0 0;
    padding: 0 0 5px;
    caption-side:top;
    text-align: center;
}
tbody tr:hover td, tbody tr.over td {
    background: #fddfa4;
    color: #000000;
}
tbody tr:hover th, tbody tr.over th {
    background: #fdc95a;
    color: #000000;
}
/*tbody td {
    border-top: 0;
    border-bottom: 0;
}*/
thead th {
    background: #5ba4de; 
    text-align:center;
    color: #fff;
    font-weight: bold;
}
td {
    color:#678197;
    padding:.2em .6em;
}
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	padding:.5em 1em;
}

tr .column1 {
    background:#f4f9fe;
}
tr.odd td {
	background:#f7fbff
	}
tr.odd .column1	{
	background:#f4f9fe;
	}
.column1	{
	background:#f4f9fe;
	}

.colapsable {}
.colapsable a:link, .colapsable a:visited {color: #488ec5;}
/* para resaltar textbox
input:focus, textarea:focus {
background: #ffc;
}

.panel-inline
{
    display: inline-block;
}
input[readonly], textarea[readonly]
{
 background-color: #dcdcdc;
 /*background-color: #b9d3e9;*/
 /*border: #7f9db9 1px solid;
 color: #000000;
 cursor: default;*/
 
.formulario dl {width: 450px; padding: 3px; background-color: #EDECEA;}
.formulario dt {float: right; padding: 0; color: #D76600; margin:0; width: 380px; font-weight: bold; font-size: 13px;}
.formulario dd {margin:0; margin:0 0 20px 68px; border-bottom: 1px solid black; padding-bottom: 5px;}
 
/*---------------------------------*/
/*----- ESTILO DE CONTROLES  ------*/
/*---------------------------------*/

.LoginStyle
{
    padding-left: 5px;
}
.LoginStyle checkbox
{
    margin-left: 0px;
    margin-right: 5px;
}
.LoginStyle label
{
    padding-left: 5px;
}

.LoginTextBoxStyle
{
    margin-left: 5px;
}

/*---- GridView Skin settings ----*/

.GridStyle {
    border: 1px solid #e5eff8; 
    text-indent: 2px;
    line-height: 1.8em;
    font-size: 87%;
}
.HeaderStyle {
    background-color: #5ba4de;
}
.HeaderStyle th
{
    color:#ffffff;
    text-align: center;
    font-weight: bold;
    font-size:98%;
}

tbody tr.HeaderStyle:hover th, tbody tr.HeaderStyle.over th 
{
    background:#5ba4de;
    color: #ffffff;
}
tbody a:link
{
    color:#ffffff;
}
.FooterStyle {
    background-color: #507CD1;
    color: #fff;
    font-weight: bold;
}
.RowStyle {
    background-color: #fff;
    padding:.2em .6em;
}    
.AlternatingRowStyle {
    background-color: #f4f9fe;
}
.SelectedRowStyle 
{
    background-color: #D1DDF1;
    color: #333333;
    font-weight: bold;
}
.PagerStyle {
    background-color: #ffffcc;
    color: #000000;
    text-align: center;
}
.PagerStyle a:link {
    color: #4D91C6;
}
.PagerStyle a:active {
    color: #4D91C6;
}
.grdNavBar {
    color:#000000;
    margin-top: 2px;
    padding:5px;
    background-color:#cee2fc;
    display:block;
    border: 1px solid #e5eff8; 
}
.button_navbar {
    border-style: none;
    background-color: #cee2fc; /*#bdd8ef; #5ba4de; */
    color:#000000;
    cursor: pointer;
}
.pagfirst, .pagprev, .pagnext, .paglast
{
    height:1.3em;
    width:16px;
    cursor:pointer;
    border:0px;
}
.pagprev  
{
    background:transparent url('../images/ico_prev1.gif') no-repeat scroll center;
}
.pagnext 
{ 
    background:transparent url('../images/ico_next1.gif') no-repeat scroll center;
}
.pagfirst 
{
    background:transparent url('../images/ico_first1.gif') no-repeat scroll center;
}

.paglast 
{ 
    background:transparent url('../images/ico_last1.gif') no-repeat scroll center;
}
.pagfirst:hover, .paglast:hover,.pagprev:hover,.pagnext:hover 
{
    border: solid 1px #FF7400;
}
.pagfirst_disable
{
    height:1.3em;
    width:16px;
    cursor:default;
    border:0px;
    background:transparent url('../images/ico_first_disabled.gif') no-repeat scroll center;
}

/*.ItemSyle
{
   height: 24px;
   text-align: center;
   vertical-align: middle; 
   font-size: 87%;
}*/
.TreeViewStyle
{
    background-color: #ffffff;
    color: #2075b8;
}
.TreeViewStyle a:link
{
    text-decoration: 'underline';
}
.NodeStyle
{
    background-color: #ffffff;
    color: #ff0000;
    font-size: 90%;
}
.NodeStyle a:link
{
    text-decoration: underline;
}
.CheckBoxListStyle
{
    background-color: #ffffff;
    font-size: 89%;
}
.CheckBoxListStyle checkbox
{    
    vertical-align:baseline;
}
.CheckBoxListStyle label
{
    margin: 5px;
    vertical-align: baseline;
}
/* Accordion Styles */

.accordionHeader
{
    height: 26px;
    cursor: pointer;
}
.accordionHeaderSelected
{
    cursor: pointer;
}

/* Masked Edit Styles */

.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.updateProgressPanel
{
    position: absolute;
	width: 100px;
	left: 50%;
	top: 40%;
	background-color: #ffffff;
	border: solid 1px #5ba4de;
	text-align: center;
	vertical-align: middle;		
	padding-top: 16px;
	padding: 5px;
	background-position: center center;
	z-index:3;
}
.updateProgressPanel img {vertical-align:middle;margin:2px;}