/*------------------------------------------------------------------------------------------------
  Reset
  ----------------------------------------------------------------------------------------------*/
body { width: 100%; margin: 0 auto; padding: 0; font: 10px Verdana,Arial,Helvetica,sans-serif; background: #FFFFFF url(../images/fondo2.jpg) repeat-x left top; }
p, h1, h2, h3, h4, h4, div, li, a, img { margin: 0; padding: 0; }
.textoCMS { margin: 10px 0; }
img { border: none; }

/* Tipografias */
h1 {
	font: normal 22px/30px Arial, Helvetica, sans-serif;
	color: #FF9900;
}
h2 { font: bold 14px/18px Arial, Helvetica, sans-serif; color:#444; padding: 0px 0px 6px; border-bottom: 1px solid #FF9900; margin: 0 0 10px; }
h3 { font: bold 13px/18px Arial, Helvetica, sans-serif; color:#444; }
p, li, dd, dt, pre, .textoCMS, td { font: normal 13px/18px Arial, Helvetica, sans-serif; color:#666; }
.breadcrumbs { font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif; color:#666666; margin-bottom: 18px; }/*
h1, h2, h3, h4, h5, h6, p, div, label { height: 1%; }*/
p { margin: 0 0 18px; } 

/* Listas */
ul, ol { margin: 8px 0px; padding: 0 10px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin: 0 0px; padding: 0 30px;}
ul { list-style: square; }
ul ul { list-style: disc; }
ul ul ul { list-style: circle; }
ol { list-style: decimal inside; }
ol ol { list-style: upper-roman; }
ol ol ol { list-style: upper-alpha; }
li { margin: 4px 0; padding: 0;}
ul p, ol p, dt p, dd p { margin: 0; }
dt { font-weight: bold; margin: 10px 0 4px;}
dd { margin: 0 10px 4px; }

/* Links */
a {
	color: #FF9900;
}
a:hover {
	color: #FF9933;
}
.rtim, .rtim a { display: block; overflow: hidden; font-size: 0; text-indent: -9999em; text-decoration: none; }

/* Formularios */
form { margin:0; padding: 10px; }
form table { border-collapse: collapse; }
form th, form td { padding: 8px 5px; margin: 0; vertical-align: top; }
form th { text-align: right ; width: 120px;}
label { font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#333; display: block; }
select { color:#000; padding: 2px; } 
textarea { color:#000; padding: 4px; font: 13px/18px Arial, Helvetica, sans-serif;  border-top: 1px solid #707070; border-bottom: 1px solid #cecece;  border-left: 1px solid #ababab;  border-right: 1px solid #ababab; }
textarea { overflow: auto; height: 120px;}
button { padding: 3px; }
/*input { width:120px;}*/

/*------------------------------------------------------------------------------------------------
  Layout
  ----------------------------------------------------------------------------------------------*/
#contenedor { width:780px; margin:0px auto; padding:0px ; overflow: hidden; background: url(../images/contenedor.jpg) no-repeat left top; padding: 21px 18px; }
	#top {margin: 0 0 1px; height: 119px;}
	#nav {width: 744px;height: 29px;overflow: hidden;background: #ff9900 url(../images/nav.gif) no-repeat left top;}
	#nav2 {width: 744px;height: 29px;overflow: hidden;background: #ff9900 url(../images/nav.gif) no-repeat left top;}
	#contenido { width: 100%; overflow: hidden; }
		#lateral { width: 173px; float: left; padding: 20px 10px; margin: 0; }
		#principal { width: 503px; float: left; padding: 10px 14px; background: url(principal.gif) no-repeat left top; }
		#principal_admin { width: 100%; float: left; padding: 10px 14px; background: url(principal.gif) no-repeat left top; }
		input.btn-enviar{background: url(../images/btn_enviar.gif) no-repeat; width: 100px; height: 25px; display: block; float: right;  border: 0; margin-top: 20px}
		.form-big{display: block; border:none; background-color: ##fff;}
		.form-big2{display: block; border:none; background-color: ##fff; width:730px}
		.mini{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#999}
	#pie { background: url(../images/pie.gif) no-repeat left top; padding: 8px; }

/*------------------------------------------------------------------------------------------------
  Navegacion
  ----------------------------------------------------------------------------------------------*/
#nav ul { padding: 0; margin: 4px 0; list-style: none;height: 29px;overflow: hidden;}
#nav li {
	margin: 0;
	padding: 4px 0;
	display: inline;
	float: left;
	color: #333333;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
}
#nav li a {
	margin: 0 27px;
	padding: 4px 10px;
	color: #333333;
	text-decoration: none;
}
#nav li a:hover {
	color: #FF9900;
	text-decoration: none;
}


/*------------------------------------------------------------------------------------------------
  Navegacion
  ----------------------------------------------------------------------------------------------*/
#nav2 ul { padding: 0; margin: 4px 0; list-style: none;height: 29px;overflow: hidden;}
#nav2 li {
	margin: 0;
	padding: 4px 0;
	display: inline;
	float: left;
	color: #333333;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
}
#nav2 li a {
	margin: 0 20px;	
	padding: 4px 10px;
	color: #333333;
	text-decoration: none;
}
#nav2 li a:hover {
	color: #FF9900;
	text-decoration: none;
}
/*------------------------------------------------------------------------------------------------
  Contenidos
  ----------------------------------------------------------------------------------------------*/
/* Menu Lateral */
#lateral ul { list-style: none; margin: 0 0 18px; padding: 0; }
#lateral li { margin: 0; padding: 0; border-bottom: 1px solid #c8cab9; }
#lateral li a{ margin: 0; padding: 6px 4px 6px 16px; display: block; text-decoration: none; font: 12px/15px Arial, Helvetica, sans-serif; color: #636363; background: url(../images/menuLateral.gif) no-repeat -493px center; }
#lateral li a:hover{
	background: url(../images/menuLateral.gif) no-repeat left center;
	color: #FF9900;
}

/* Banners */
#bannerMaiz { width: 156px; height: 225px; background: url(../images/maiz-200.jpg) no-repeat left top; }
#bannerSoja { width: 156px; height: 225px; background: url(../images/soja-70.jpg) no-repeat left top; }
#bannerPapa { width: 156px; height: 225px; background: url(../images/papa-1500.jpg) no-repeat left top; }
#bannerMaiz:hover { background: url(../images/maiz-200.jpg) no-repeat right top; }
#bannerSoja:hover { background: url(../images/soja-70.jpg) no-repeat right top; }
#bannerPapa:hover { background: url(../images/papa-1500.jpg) no-repeat right top; }


a.btn-aceptar{background: url(../images/btn_acept2.gif) no-repeat; width: 80px; height: 20px; display: block;border: none; margin-left: 2px;}
/*------------------------------------------------------------------------------------------------
  Pie de Pagina
  ----------------------------------------------------------------------------------------------*/
#pie p {
	margin: 0;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666666;
}
#pie p.creditos {  float: right; font: 11px/18px Arial, Helvetica, sans-serif; margin-right:40px; }
#pie a { text-decoration: none; }
#pie a:hover { text-decoration: underline; }

/*------------------------------------------------------------------------------------------------
  Lightbox
  ----------------------------------------------------------------------------------------------*/
  
#lightbox{ position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.5em; overflow: auto; width: 100%	; min-height:100px } /*Aca va el tamaņo de la parte de abajo de la foto donde esta el detalle*/

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* BOTONES*/


.btn-ordenar{background: url(../images/btn_sort.gif) no-repeat; width: 60px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-siguiente{background: url(../images/btn_sig.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-anterior{background: url(../images/btn_ant.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-aceptar{background: url(../images/btn_acept.gif) no-repeat; width: 80px; height: 20px; display: block;border: none; margin-left: 2px;}
a.btn-cancelar{background: url(../images/btn_cancel.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-activar{background: url(../images/btn_activar.gif) no-repeat; width: 20px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-desactivar{background: url(../images/btn_desactivar.gif) no-repeat; width: 20px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-eliminar{background: url(../images/btn_delete.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-editar{background: url(../images/AdobeReader8.0.011111111.gif) no-repeat; width: 21px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-editar2{background: url(../images/btn_edit.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-excel{background: url(../images/excel.gif) no-repeat; width: 20px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-entrar, input.btn-entrar{background: url(../images/btn_entrar.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-salir{background: url(../images/btn_salir.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-enviar{background: url(../images/btn_enviar.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-grabar{background: url(../images/btn_grabar.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
a.btn-nuevo{background: url(../images/btn_nuevo.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
.btn-nuevo{background: url(../images/btn_nuevo.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
.btn-grabar{background: url(../images/btn_grabar.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}
.btn-cancelar{background: url(../images/btn_cancel.gif) no-repeat; width: 80px; height: 20px; display: block; border: none; margin-left: 2px;}