/************ HOJA DE ESTILOS PARA WEB ECOINTEGRAL **************

AUTOR: DESARROLLO DE LAS TECNOLOGIAS DE LAS COMUNICACIONES (DTI2)

FECHA: MARTES 27/JUL/2009

CONTENIDO: CONTIENE LOS ESTILOS EN USO DE LA WEB

****************************************************************/


/********* ETIQUETAS HTML *********/
body {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #333333; font-family: Tahoma;}

a {text-decoration:none; outline-style: none;} 
a:link {text-decoration:none; outline-style: none;} 
a:visited {text-decoration:none; outline-style: none;} 
a:hover {text-decoration:none; outline-style: none;} 
a:active {text-decoration:none; outline-style: none;}

form {margin-top: 0px; margin-bottom: 0px;}
table {margin-top: 0px; margin-bottom: 0px;}


/********** CAPAS DIV MAQUETACION**********/
#Entrada {margin: 0px auto 0px auto; padding-top: 160px; background-image: url(../Images/BgEntrada.jpg); background-repeat: no-repeat; background-position: top center; width: 1000px; height: 742px; z-index: 0;}
#Login {margin-left: auto; margin-right: auto; background-image: url(../Images/BgLogin.jpg); background-repeat: no-repeat; background-position: center center; width: 800px; height: 372px; z-index: 1;}

#Pagina {width: 1000px; min-height: 620px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;	background: #ffffff;}
#Cabecera {width: 1000px; height: 139px; margin: 0px auto 0px auto;	padding: 0px 0px 0px 0px; background-image: url(../Images/Cabecera.jpg); background-position: center center; background-repeat: no-repeat;}
#MenuSuperior {width: 1000px; height: 30px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background: #ffffff; }
#Contenedor {width: 998px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; background: #d6d6d6; min-height: 350px; border-left: solid 1px #000000; border-right: solid 1px #000000;}
#Visor {width: 840px; min-height: 320px; margin: 50px auto 0px auto; background: #fff; color: #bfb7ae; border: solid 4px #bfb7ae;}
#FinContenedor {width: 1000px; height: 10px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background-color: #ffffff; background-image: url(../Images/Fin.gif); background-position: center center; background-repeat: no-repeat;}
#Pie {width: 1000px; height: 155px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background-image: url(../Images/Pie.jpg); background-position: center center; background-repeat: no-repeat;}

#CabeceraCu {width: 1000px; height: 216px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background-image: url(../Images/CabeceraCu.jpg); background-position: center center; background-repeat: no-repeat;}
#PieCu {width: 1000px; height: 216px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background-image: url(../Images/PieCu.jpg); background-position: center center; background-repeat: no-repeat;}

#Contenedor #TablaBarraBotones img{cursor: pointer;}

/********* PAGINA LOGIN *********/
#Entrada #TablaLogin {margin-left: 80px; color: #000; font-size: 12px; vertical-align: middle;}
#Entrada p {margin: 20px auto 20px 40px; text-align: left; font-size: 12px; font-family: Arial; color: #000;}
#Entrada #Titulo {font-size: 18px; color: #bfb7ae;}
#Entrada #TablaLogin .TextBoxLogin {border :solid 1px #dce4ed; background: #dce4ed; color: #000; font-size: 10px; width: 80px;}
#Entrada #TablaLogin .BotonLogin {background: #bfb7ae; color: #000; border: solid 2px #c0c0c0; font-weight: bold; font-size: 10px;}
#Entrada .EnlaceLogin {font-weight: normal; color: #000;}
#Entrada .EnlaceLogin:hover {font-weight: normal; color: #bfb7ae;}


/********* PAGINA ENTRADA *********/
#Visor p {margin: 20px auto 20px 40px; text-align: left; font-size: 12px; font-family: Arial; color: #000;}
#Visor #Titulo {font-size: 18px; color: #bfb7ae;}
#Visor .TextBoxEntrada {border :solid 1px #dce4ed; background: #dce4ed; color: #000; font-size: 10px; width: 80px;}
#Visor .BotonEntrada {background: #bfb7ae; color: #000; border: solid 2px #c0c0c0; font-weight: bold; font-size: 10px;}
#Visor .EnlaceEntrada {font-weight: normal; color: #000;}
#Visor .EnlaceEntrada:hover {font-weight: normal; color: #bfb7ae;}


/********* MAQUETACION SINGLE *********/
.SeccionSel {width: 200px; height: 30px; float: left; display: inline; background-image: url(../Images/SolapaSel.gif); background-position: center center; background-repeat: no-repeat; text-align: center; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; line-height: 30px; cursor: pointer; font-size: 10pt; font-weight: bold; font-family: Verdana; color :#000000; outline: none;}
.Seccion {width: 200px; height: 30px; float: left; display: inline; background-image: url(../Images/Solapa.gif); background-position: center center; background-repeat: no-repeat; text-align: center; padding: 0px 0px 0px 0px; margin:  0px auto 0px auto; line-height: 30px; cursor: pointer; font-size: 10pt; font-weight: normal; font-family: Verdana; color : #000000; outline: none;}
.Seccion:hover {width: 200px; height: 30px; float: left; display: inline; background-image: url(../Images/SolapaHov.gif); background-position: center center; background-repeat: no-repeat; text-align: center; padding: 0px 0px 0px 0px; margin:  0px auto 0px auto; line-height: 30px; cursor: pointer; font-size: 10pt; font-weight: normal; font-family: Verdana; color : #000000; outline: none;}
.TextBoxAp{background: #ffffff;  width: 320px;}
.LabelAp {font-weight: bold; font-size: 10pt; color: #000000;}
.TablaExcel {border-collapse: collapse; border-top: solid 2px #000000; border-left: solid 2px #d6d6d6; border-right: solid 2px #d6d6d6; border-bottom: solid 2px #d6d6d6; width: 100%; margin: 10px auto 10px auto; font-size: 10pt; color: #000000;}
.TablaExcel td {border: solid 1px #666666; background: #fafafa; text-indent: 5px;}
.TablaExcel th {font-weight: bold; background-color: #d6d6d6; text-indent: 5px;	border: solid 1px #666666;}


/********* CLASES PAGINAS *********/
.FieldsetLogin{border: solid 2px #49939E;	margin-right: auto;	margin-left: auto; text-align: center; width: 550px;}
.FieldsetLogin legend{font-size: 10px; color: #49939E;	font-weight: bold;  margin-left: 5px;}
.LabelNormal{color: #000000; font-size: 10px; font-weight: bold; text-align: left;}
.FieldsetBusqueda{border: solid 2px #49939E; margin-right: auto;	margin-left: auto; text-align: center; width: 800px;}
.FieldsetBusqueda legend{font-size: 10px; color: #49939E; font-weight: bold; margin-left: 5px;}
.TablaBusqueda {border: solid 1px #666666; width: 99%;	margin: 0px auto 0px auto; font-size: 10px; color: #000000;}
.TablaBusqueda td {height: 20px; background-color: #fafafa; text-align: left; text-indent: 5px; cursor: pointer;}
.TablaBusqueda th {border-bottom: solid 1px #666666; background-color: #d6d6d6; text-align: center;}
.BotonOrd{width: 100%; height: 20px; font-size: 10px; font-weight: bold; border-style: outset; background-color: #d6d6d6; text-align: left;}
#TablaPath{border: solid 1px #000000; width: 180px; margin: 0px auto 0px 0px;}
#TablaPath td {background: #e3e3e3; text-align: left; font-size: 12px; color: Black; font-weight: bold;	cursor: pointer;}
#TablaFotos{width: 100%; margin: 0px auto 0px auto; vertical-align: top;}
#TablaFotos td{font-size: 9px; color: Black; font-weight: bold; cursor: pointer;}
.TablaReja {width: 98%; border: solid 1px #333; background-color: #fff; margin: 5px auto 5px auto;}
.TablaReja tr th{border: solid 1px #999; background-color: #d7d7d7; font-family: Arial; font-size: 14px; font-weight: normal; height: 25px;}
.TablaReja tr td{border: solid 1px #999; font-size: 12px; font-family: Arial;  height: 20px;}
.ImgBorde {border: solid 1px #666666;}


/********* SEGUIMIENTO *********/
#PaginaSeg {width: 930px; margin-left: auto; margin-right: auto;}

#MenuPestanas {width: 920px; margin-left: auto; margin-right: auto; margin: 10px auto 0px auto}
#MenuPestanas #TablaMenu {margin-left: auto; margin-right: auto;  width: 920px; height: 24px; font-size: 11px; font-weight: bold; text-align: center; font-family: Arial;}
#MenuPestanas #TablaMenu .Normal {background-image: url(../Images/Pestana.gif); background-repeat: no-repeat; width: 240px;}
#MenuPestanas #TablaMenu .Link {background-image: url(../Images/PestanaLink.gif); background-repeat: no-repeat; width: 240px; cursor: pointer;}
#MenuPestanas #TablaMenu .Hover {background-image: url(../Images/PestanaHover.gif); background-repeat: no-repeat; width: 240px; cursor: pointer;}
#MenuPestanas #TablaMenu .Blank {width: 245px; border-bottom: solid 1px #000;}

#Formularios {background-color: #d6d6d6; width: 918px; min-height: 240px; border-left: solid 1px #000; border-right: solid 1px #000; margin-left: auto; margin-right: auto; font-family: Arial; padding-top: 15px;}
#Formularios .label {font-size: 13px;}
#Formularios .TextBox {font-size: 13px; background: #ffffff; width: 60px;}
#Formularios .Box {background-color: #d6d6d6;}
#Formularios .TextBoxFecha {font-size: 13px; background: #73bdf7; width: 65px;}
#Formularios .TextBoxDisable {font-size: 13px; background: #d6d6d6; width: 250px;}
#Formularios Fieldset{border: solid 1px #999;}
#Formularios Fieldset legend{font-size: 11px; color: #000; font-weight: bold;  margin-left: 5px; vertical-align: middle;}

#Botonera {background-color: #d6d6d6; width: 918px; margin-left: auto; margin-right: auto; height: 45px; vertical-align: middle;}

/********* CARGAS DE TRABAJO *********/
.TablaDatos {width: 100%; margin: 0px auto 0px auto; font-size: 14px; color: #000000;}
.TablaDatos th {font-weight: bold; background-color: #d6d6d6; text-indent: 5px;	border: solid 1px #666666; text-align: left; font-weight: normal;}
.TablaDatos td {border: solid 1px #666666; background: #fff; text-indent: 5px;}
.TextBox {font-size: 12px; background: #ffffff;}
.Boton {font-size: 9px; border: solid 1px #000; background: #000; color: #fff;}


/********* JERARQUIA *********/
#Contenedor .Id {font-weight: bold; margin-left: 10px; font-size: 11px;}
#Contenedor #TablaJerarquia {width: 98%; margin: 0px auto 0px auto; background-color: #fafafa; border: solid 1px #666666; min-height: 260px; font-size: 11px; font-weight: bold;}
#Contenedor #TablaJerarquia .Abuelo {color: #000000; font-size: 13px; margin-left: 10px; line-height: 20px;}
#Contenedor #TablaJerarquia .Padre {color: #463723; font-size: 11px; margin-left: 20px; line-height: 18px;}
#Contenedor #TablaJerarquia .Hijo{color: #666666; font-size: 10px; margin-left: 30px; line-height: 14px;}

/********* DOCUMENTOS *********/
#Contenedor .Es {font-weight: bold; margin-left: 10px; font-size: 11px;}
#Contenedor #TablaArbol {width: 98%; margin-left:auto; margin-right: auto; background-color: #fafafa; min-height: 260px; border: solid 1px #666666; font-size: 11px; font-weight: bold;}