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

html{ background-color: #71828A;} 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(/css/bg_grad.jpg) fixed;
	height:100%;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 105% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 95% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:absolute;
	top: 152px;
	left: 2%;
	right: 2%;
	width:95.6%;
	background-color: #ffffff;
}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead{
	position: absolute;
	top: 5px;
	left: 2%;
	right: 2%;
	width:95.6%;
	height: 140px;	
}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}


/********   FORMATO GENERAL  ********/

#content{
	padding: 0px 10px 0px 10px;
	margin:20px 0px 0px 5px;
/**	width: 500px;**/
/**	border-left: 4px solid #ccd2d2;**/
}

#content h1, #content h2, #content h3, #content h4, #content h5{
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

#content h1{
	font-size:120%;
	margin: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0px;
}

#content h2{
	font-size:112%;
	margin: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
 padding: 0px;
}

#content h3{
	font-size:105%;
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 6px;
 padding: 0px;
}

#content h4{
	font-size:100%;
	margin: 0px;
	margin-top: 2px;
	margin-bottom: 4px;
 padding: 0px;
}

#content h5{
	font-size:95%;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 2px;
 padding: 0px;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 16px 0px;
	color: #ffffff;
	font-weight: bolder;
	font-size: 18px;
}

/************** utility styles *****************/

#utility, #cambiocontrase {
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 2px;
	color: #919999;
}

#utility a, #cambiocontrase a{
	color: #ffffff;
}

#utility a:hover, #cambiocontrase a:hover{
	text-decoration: underline;
}

#cliente{
	font: bold 80% Verdana, sans-serif;
	position: absolute;
	top: 46px;
	right: 2px;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #FF6600;
}

#cambiocontrase{
	font: 60% Verdana,sans-serif;
	top: 65px;
	right: 10px;
}

/************** pageName styles ****************/


#pageName{
	padding: 10px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
	border-top:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	padding: 0px;
	margin: 0px;
}
#borderbg1{
	background-image: url(borders/border1.png);
	background-repeat: no-repeat;
	background-position: right;
}
#borderbg2{
	background-image: url(borders/border2.png);
	background-repeat: no-repeat;
	background-position: right;
}
#borderbg3{
	background-image: url(borders/border3.png);
	background-repeat: no-repeat;
	background-position: right;
}
#borderbg4{
	background-image: url(borders/border4.png);
	background-repeat: no-repeat;
	background-position: right;
}
#borderbg5{
	background-image: url(borders/border5.png);
	background-repeat: no-repeat;
	background-position: right;
}
#borderbg6{
	background-image: url(borders/border6.png);
	background-repeat: no-repeat;
	background-position: right;
}




/************* globalNav styles ****************/

#globalNav{
position: relative;
width: 100%;
min-width: 640px;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image: url(glbnav_background.gif);
}

#globalNav img{
	margin-bottom: -4px;
 
}

#gnl {
	position: absolute;
	top: 1px;
	left:-1px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: absolute;
	top: 5px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 12px;
	z-index: 100;
}


a.glink, a.glink:visited{
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover{
  	background-image: url(glblnav_selected.gif);
	text-decoration: none;
}

.skipLinks {display: none;}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
	color:#000000;
}

#search input{
  font-size: 70%;
  margin: 0px  5px 0px 5px;
 }


/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
	font: bold 100% Arial,sans-serif;
}

.relatedLinks a{
	display: block; 
}


/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}

/********************* end **********************/

.ActivoVerde {
	font-weight: bold;
/*	text-transform: uppercase; */
	color: #33CC33;
}

.InActivoRojo {
	font-weight: bold;
/*	text-transform: uppercase; */
	color: #FF3333;
}

/*** CLASES DE MENSAJES ***/
#contenedor_mensaje{
	margin-bottom: 30px;
	width:80%;
}

#mensaje_positivo , #mensaje_negativo, #mensaje_advertencia, #mensaje_pregunta{
	text-align:center;
	margin: auto;
	background:#EAEAEA;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}

#mensaje_negativo img, #mensaje_positivo img, #mensaje_pregunta img, #mensaje_advertencia img{
	float: right;
}

#mensaje_positivo{
	border: 1px solid #33CC33;
	color: #33CC33;
}

#mensaje_negativo{
	border: 1px solid #FF3333;
	color: #FF3333;
}
#mensaje_advertencia{
	background: #FFFF00;
	border: 1px solid #333333;
	color: #333333;
}

#mensaje_pregunta{
	border: 1px solid #0066FF;
	color: #0066FF;
}

/*** FIN CLASES DE MENSAJES ***/

/************* TREE  ************/

#treeblock{
	background-color:#F8F3C2;
	border: 1px solid #FFCC99;
}

.trigger {
	padding: 0px 0px 0px 3px;
	font: 100% Verdana,sans-serif;
	color: navy;
	cursor: pointer;
}

.trigger:hover{
	text-decoration: underline;
}

.trigger_block div{
    display:inline;
	font-size: 12px;
	}	

.branch{
	font: 100% Verdana,sans-serif;
	color: navy;
	display: none;
	margin-left: 12px;
	width: 95%;
	background: #F2F0E3;
	border: 1px solid #E3E0D7;
	padding: 0px 0px 0px 0px;
}
a.brach:link{
	text-decoration: none;
	font: 10pt Verdana,sans-serif;
}
.brach:hover{
	text-decoration: underline;
}
.trigger img{
	float: none;
}

/************* END TREE  ************/

/************* REPORTE TRAZABILIDAD  ************/

.tab1 {
	position: relative;
	left: 20px;
	top: 20px;
	font-size: 80%;
	text-align: left;
	width: 35%;
}
.tab1  h1{
	background: #FFCC99;
	border: 1px solid #F8F3C2;
	font-size: 130%;
	text-align:center;
	padding:5px;
}

.tab2 {
	padding-left: 3%;
	float: right;
	width: 59%;
	font-size: 80%;
}

.tab2  table{
	font-size: 100%;
	background-color: #ECF9DD;
	border: 1px solid;
	border-color: #D0F0AC;
	width: 99%;
	text-align: left;
	margin: 0px;
	padding: 1px;
}

.tab2  h1{
	background: #D0F0AC;
	border: 1px solid #ECF9DD;
	font-size: 130%;
	text-align:center;
	padding:15px;
}
/************* END TRAZABILIDAD  ************/

/************* TABLAS SITIO  ************/
.tablainfo{
	font-size: 85%;
	background-color: #ECF9DD;
	border: 1px solid;
	border-color: #D0F0AC;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 99%;
	
}

.tablainfo td {
	border-right: 1px solid #D0F0AC;
	border-bottom: 1px solid #D0F0AC;
	/*border-left: 0px none #999999;
		border-top: 0px none #999999;*/
	padding: 2px;
	vertical-align: middle;
}

.tablainfo td a {
	background-color: #E0FFBD;
	padding:2px;
	border: 1px solid #ADC295;
	margin-left:2px;
}

.tablainfo td a:hover {
	background-color:#FFFFFF;
}


.tablainfo td input[type=submit]
{
	font-size: 110%;
	cursor:pointer;
	border:outset 1px #000000;
	background:#E0FFBD;
	color:#000000;
	font-weight:bold;
	padding: 3px 3px;
}

.tablainfo td input:hover[type=submit]
{
	font-size: 110%;
	background:#999;
	color:#FFFFFF;
	font-weight:bold;
}

.tablainfo td input, td select, td textarea
{
	font-size: 90%;
	border:outset 1px #000000;
	background: #FBFFF9;
	color:#000000;
	padding: 1px 1px;
}

.tablainfo td input:hover , td select:hover, td textarea:hover
{
	background:#FFFFFF;
	/*font-weight:bold;*/
}



.tablastitulo, .tablastitulo_izq {
	font-size: 105%;
	letter-spacing: -1px;
	font-weight: bold;
	text-transform:capitalize;
	vertical-align: middle;
	text-align: center;
	background-color: #D0F0AC;
	border-right: 1px solid #F5F7F7;
	border-bottom: 1px solid #F5F7F7;
}

.tablastitulo_izq {
	text-align: left;
	vertical-align:top;
}

/************* FIN TABLAS SITIO  ************/

/*** FORMULARIO DE TRAZABILIDAD ***/
.forms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000000;
	margin: auto;
	width: 200px;
	height: 110px;
	border:#333333 1px solid;
	background: #FCF8E9;
/*	background-image: url(busqueda/busquedaback1.gif); */
	font-weight: bolder;
}

.formstitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000000;
	margin: auto;
/*	height: 30px; */
	border:#333333 1px solid;
	background: #FCF8E9;
/*	background-image: url(busqueda/busquedaback1.gif); */
	font-weight: bolder;
	vertical-align:middle;
}


.sectorescritura input {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	border: 1px solid #333333;
}

.sectorescritura {
	background-image: none;
	margin: auto;
	position: relative;
	top: 0px;
	width: 200px;
	height: 80px;
	vertical-align: middle;
}
/*** FIN FORMULARIO DE TRAZABILIDAD  ***/

/** LOGIN **/

/************* TABLAS SITIO  ************/
#loginbox table{
	margin: auto;
	font-size: 85%;
	background-color: #FFFFFF;
	border:none;
	
	text-align: right;
	margin: 0px;
	padding: 0px;
}

#loginbox td{
	background:none;
	border: none;
	}
#loginbox{
	margin: auto;
	position: relative;
	vertical-align: middle;
	}

/** FIN LOGIN **/

/*** PRINCIPAL ***/

#b_p_usuarios, #b_p_productores, #b_p_llaves, #b_p_ean, #b_p_backup, #b_p_archivos, #b_p_trazabilidad {
	text-align: center;
	background-color: #EFEFEF;
	width: 330px;
	height: 250px;
	font-weight: bolder;
}

#b_p_trazabilidad{
	background-image: url(/css/principal/trazabilidad.png);
}

#b_p_archivos{
	background-image: url(/css/principal/archivos.png);
}

#b_p_backup{
	background-image: url(/css/principal/backup.png);
}

#b_p_ean{
	background-image: url(/css/principal/ean.png);
}

#b_p_llaves{
	background-image: url(/css/principal/llaves.png);
}

#b_p_productores{
	background-image: url(/css/principal/productores.png);
}

#b_p_usuarios{
	background-image: url(/css/principal/usuarios.png);
}

#sector_titulo {
	background-image: none;
	margin: auto;
	position: relative;
	top: 19px;
	width: 280px;
	height: 87px;
	vertical-align: middle;
	font-size:110%;
}
#sector_cuerpo {
	font-size: 90%;
	background-image: none;
	margin: auto;
	position: relative;
	top: 9px;
	width: 280px;
	height: 135px;
	text-align:left;
	color: #000000;
	font-weight: bold;
}

#sector_cuerpo li {
	margin-top: 5px;
	margin-left: 20px;
}

#sector_cuerpo a {
	font-weight: normal;
	font-size:90%;
}

#sector_cuerpo a:link, #sector_cuerpo a:visited{
	color: #000000;
}

#sector_cuerpo a:hover{
	text-decoration: underline;
	cursor:pointer;
	background:#FFFFCC;
}	


#cleantable table{
	margin: auto;
	font-size: 100%;
	background:none;
	border:none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
	
#cleantable td{
	background:none;	
	margin: 0px;
	padding:0px;
	border: none;
	}

#cleantable td a {
	background:none;
	border:none;
}

#cleantable td a:hover {
	background:inherit;
}
	
#cleantable{
	font-size:110%;
	margin: auto;
	position: relative;
	vertical-align: middle;
	border:none;
	background:none;
}


/*** FIN PRINCIPAL  ***/

#divprocesando {
	content:open-quote;
	filter: alpha(opacity=80);
	opacity: .8;
	background-attachment:fixed;
	background:#FEEED6;
	background-image:url(icon_inprogress.gif);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	visibility:hidden;
	z-index:100;
	left:200px;
	top:270px;
	height:370px; 
	width:78%;
	color:#003399;
	font-size:250%;
	text-align:center;
	vertical-align:middle;
}

/* HEADER DE IMAGEN */
.floatingHeader{
	margin: auto;
	font-size: 100%;
	background-color:#FFFDDD;
	color:#000000;
	font-weight:bold;
	border:none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.floatingHeader td{
	background-color:#FFFFFF;	
	margin: 0px;
	padding:0px;
	border: none;
	}
	
.floatingHeader a{
	border:none;
	background-color:#FFFFFF;
	color:#000000;
	font-size: 80%;
	font-weight:normal;
}
/* FIN HEADER DE IMAGEN */

/** FOTOS PRODUCTORES **/
.i-am-the-image, .i-am-the-trigger-image{
	    float: right;
        margin-right: 3px;
        margin-bottom: 3px;
		/*border: 1px solid #000000;*/
}

.i-am-the-trigger-image{
	cursor: pointer;
}


#lyrimage {
    position:absolute;
    visibility: hidden;
    left:0px;
    top:0px;
    padding:0px;
	border: 2px solid #000000;
	background-color:#FFFFFF;
}
/** FIN FOTOS PRODUCTORES **/

/* TABLA TERRACOTA */
#terracota{
	font-size: 100%;
	background-color:#FCF5CF;
	border: 1px solid #F8BD7C;
	width: 99%;
	text-align: left;
	margin: 0px;
	padding: 1px;
}
/* FIN TABLA TERRACOTA */

/* LETROTA */
#letra_300{
	font-size: 300%;
}
#letra_150{
	font-size: 150%;
	font-weight:bold;
}
/* FIN LETROTA */
/* botonera linda reporte */
.tablareporte{
	font-size: 85%;
	background-color: #ECF9DD;
	border: 1px solid;
	border-color: #D0F0AC;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.tablareporte:hover
{
	background-color: #FFFFFF;
}

/* FIN botonera linda reporte */
#loginbox2{
	font-size:100%;
	margin: auto;

	margin: 0px;
	padding: 0px;
}
#loginbox2 table{
	background-color: #ECF9DD;
	border:4px solid #D0F0AC;
	margin: 0px;
	padding: 0px;
}

/* Cosas que tocó PATO */
.tabfix { font-size: 11px; font-family: Tahoma; }
.tabfix2 td { text-align: center; font-size: 12px; }
/* abbr { border: none; } */
.floating_desc {
	font-weight: bold;
	position: absolute;
	margin-top: 30px;
	width: 350px;
	padding: 5px;
	background-color: #FFEB99;
	border: 1px solid #E6B800;
}

.bg_tl, .bg_tr, .bg_bl, .bg_br,
.cel_bg_tl, .cel_bg_tr, .cel_bg_bl, .cel_bg_br,
.ama_bg_tl, .ama_bg_tr, .ama_bg_bl, .ama_bg_br,
.aml_bg_tl, .aml_bg_tr, .aml_bg_bl, .aml_bg_br,
.bla_bg_tl, .bla_bg_tr, .bla_bg_bl, .bla_bg_br { background-repeat: no-repeat; }

.bg_tl, .cel_bg_tl, .ama_bg_tl, .aml_bg_tl, .bla_bg_tl { background-position: top left;}
.bg_tr, .cel_bg_tr, .ama_bg_tr, .aml_bg_tr, .bla_bg_tr { background-position: top right; }
.bg_bl, .cel_bg_bl, .ama_bg_bl, .aml_bg_bl, .bla_bg_bl { background-position: bottom left; }
.bg_br, .cel_bg_br, .ama_bg_br, .aml_bg_br, .bla_bg_br { background-position: bottom right; padding: 5px; }

.bg_tl { background-image: url(/images/bg_tl.gif); background-color: #FFDB4D; }
.bg_tr { background-image: url(/images/bg_tr.gif); }
.bg_bl { background-image: url(/images/bg_bl.gif); }
.bg_br { background-image: url(/images/bg_br.gif); }

.cel_bg_tl { background-image: url(/images/cel_bg_tl.gif); background-color: #CCD5FF; }
.cel_bg_tr { background-image: url(/images/cel_bg_tr.gif); }
.cel_bg_bl { background-image: url(/images/cel_bg_bl.gif); }
.cel_bg_br { background-image: url(/images/cel_bg_br.gif); }

.ama_bg_tl { background-image: url(/images/ama_bg_tl.gif); background-color: #FAEC9A; }
.ama_bg_tr { background-image: url(/images/ama_bg_tr.gif); }
.ama_bg_bl { background-image: url(/images/ama_bg_bl.gif); }
.ama_bg_br { background-image: url(/images/ama_bg_br.gif); }

.aml_bg_tl { background-image: url(/images/aml_bg_tl.gif); background-color: #FDF7D0; }
.aml_bg_tr { background-image: url(/images/aml_bg_tr.gif); }
.aml_bg_bl { background-image: url(/images/aml_bg_bl.gif); }
.aml_bg_br { background-image: url(/images/aml_bg_br.gif); }

.bla_bg_tl { background-image: url(/images/bla_bg_tl.gif); background-color: #FFF; }
.bla_bg_tr { background-image: url(/images/bla_bg_tr.gif); }
.bla_bg_bl { background-image: url(/images/bla_bg_bl.gif); }
.bla_bg_br { background-image: url(/images/bla_bg_br.gif); }

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

.pform { margin: 0; padding: 0; font-size: 0.7em; }
.pform, .pform input { text-align: center; margin: auto; }
.pform input { color: #000; border: 1px solid #CCA300; background-color: #FFF0B3; padding: 2px 3px; }
.ptitle { font-family: "Trebuchet MS"; font-size: 1.5em; color: #997A00; font-weight: bold; }
.mar { margin: 2px; }
.pform input.psubmit { background-color: #CCA300; font-weight: bold; color: #FFF; cursor: pointer; }

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

.mart { margin-top: 10px; }
.let_lin { font-family: "Trebuchet MS"; text-align: center; letter-spacing: -1px; font-weight: bold; }
.misc1 { text-align: center; font-size: 12px; }
.misc1 a { text-decoration: none; font-weight: bold; }
.cute_div { padding: 5px 10px; }
.nbox { width: 700px; margin: 5px 0; }

#screen {
	height: 100%;
	background-color: #000;
	width: 100%;
	position: absolute;
	clear: both;
	right: 0;
	top: 0;
}

#ctnr { width: 720px; margin: auto; }
#ctnr h1, #ctnr h2, #ctnr h3 { text-align: center; }