/*------------------------------------------------------------------------------------------------
  TAGS
  Tags basicos, reseteo de margenes, etc...
  ----------------------------------------------------------------------------------------------*/
body { margin:0; padding:0; font: 11px Verdana; background: #fff; min-width: 780px; }
img { border: none; }
h1, h2, h3, li, div { margin: 0; padding: 0; }
p { margin: 0 0 18px; padding: 0; }
ul, ol { margin: 0 20px 18px; padding: 0 0 0 10px; }
ul ul, ol ul, ul ol, ol ol{ margin: 0 20px 0; padding: 0 0 0 10px; }

/*------------------------------------------------------------------------------------------------
  TIPOGRAFIAS
  En lo posible, no especificar el tipo de letra (Asi lo heredan del body)
  ----------------------------------------------------------------------------------------------*/
h1 { color:#181818; font-size: 1.9em; line-height: 25px; font-weight: bold; }
h2 { color:#333; font-size: 1.5em; line-height: 1.5em; font-weight: bold; }
h3 { color:#333; font-size: 1.3em; line-height: 1.5em; font-weight: bold; }
p, li { color:#333; font-size: 1.3em; line-height: 1.5em; font-weight: normal; }
li li, li li li { font-size: 1em; line-height: 1.5em; font-weight: normal; }
#mensaje p { margin: 0px; line-height: 16px; }
#formAdvertencia { font-size: 11px; margin: 0 0 8px; }
.breadcrumbs, .aclaraciones { font-size: 11px; }
.accionesSecundarias { padding: 3px 0 0; font-size: 11px; color: #B1B1B1;  }
.small {font-size: 0.8em;}

/*------------------------------------------------------------------------------------------------
  LINKS
  Colores por defecto de los links
  ----------------------------------------------------------------------------------------------*/
a, a:visited { color: #003366; text-decoration: underline; }
a:hover { color: #FF0000; text-decoration: underline; }
.listado p a, .listado p a:visited { padding: 2px 2px; margin: 0 -2px; text-decoration: none; color: #aa9c84; }
.listado p a:hover { color: #fff; background: #719ACC; text-decoration: none; }
.accionesSecundarias a { text-decoration: none; color: #003366; }
.accionesSecundarias a:hover { text-decoration: underline; color: #003366; }
.selected {background-color: yellow; }

/*------------------------------------------------------------------------------------------------
  FORMULARIOS
  ----------------------------------------------------------------------------------------------*/
form { margin: 0; padding: 0; }
fieldset { margin: 0px; padding: 0px; border-right: none; border-bottom: none; border-left: none; border-top: 1px solid #E8E8E8; }
legend { margin: 0px 0px 0px -7px; padding: 0px 4px 3px 0px; color: #aa9c84; background: #FFFFFF; }
label { margin: 0px; padding: 0px; color:#333; font-size: 13px; line-height: 2em; font-weight: bold; }
label span { color:#666; font-size: 11px; line-height: 1.6em; font-weight: normal; }
input { color:#000; padding: 3px; font-size: 13px; line-height: 1em; font-weight: normal; }
select { color:#000; padding: 2px; font-size: 13px; line-height: 1em; font-weight: normal; }
button { padding: 3px; }
form table { border-collapse: collapse; }
form td { vertical-align: top; }
.botonera { margin: 0 -28px; padding: 10px 28px; border: 1px dotted #E8E8E8; background: #F6F6F6;  }
.fbig {width: 450px;}
.fmedium {width: 250px;}
.fsmall {width: 100px;}
.fmicra {width: 25px;}

/*------------------------------------------------------------------------------------------------
  LAYOUT
  ----------------------------------------------------------------------------------------------*/
#top { width: 100%; overflow: hidden; background: #3E4C59; }
#top .padding { padding: 5px 20px 5px; }

#mensaje { clear: both; background: #ffffe8; border-top: 2px solid #ffffbb; }
#mensaje .padding { padding: 8px; text-align: center; }

#contenedor { background: url(images/admin/fondo-cuerpo.gif) repeat-x left top; padding-top: 25px;}

#lateral { float: left; width: 200px; margin: 0; padding: 0; }
#lateral .padding { padding: 30px 20px 20px 20px; }
	
#cuerpo { margin: 0px 0px 0px 200px;}
#cuerpo .padding { padding: 20px 10px; }
	
#titulos { background: url(images/admin/fondo-titulos.gif) no-repeat left top; }
#titulos .padding { padding: 27px 34px 19px; background: url(images/admin/fondo-titulos-cierra.gif) no-repeat right top; }
		
#contenido { background: url(images/admin/fondo-contenido.gif) no-repeat left top; }
#contenido .padding{ padding: 20px 34px; background: url(images/admin/fondo-contenido-cierra.gif) no-repeat right top; min-height: 300px; }	

#pie { width: 100%; height: 100%; overflow: hidden; background: url(images/admin/fondo-cuerpo2.gif) repeat-x left top;  background-color: #3E4C59; }
#pie .padding { padding: 5px 20px 5px; }

#divImages {float: right; width: 270px; padding: 10px; margin-left: 20px; margin-top: 15px; border: 1px solid #CCCCCC; }

/*------------------------------------------------------------------------------------------------
  LOGIN
  ----------------------------------------------------------------------------------------------*/
#login { background: #f4f4f4; text-align: center; }
#login #contenedor { width: 394px; height: 460px; margin: 40px auto; text-align: left; background: url(images/admin/cajaLogin.jpg) no-repeat left top; }
#login #loginWidget { padding: 12px;}
#login #branding { width: 370px; height: 151px; }
#login #branding img { margin: 36px 44px 36px 45px; }
#formLogin { padding: 50px 40px; }
#formLogin input { width: 98%; }

/*------------------------------------------------------------------------------------------------
  ENCABEZADO
  ----------------------------------------------------------------------------------------------*/
#logo { float: left; height: 80px; overflow: hidden; }
#userInfo { margin: 18px 0 0 0; text-align: right; }
#userInfo a { margin: 0 0 0 28px; padding: 10px 30px 10px 4px; color: #ccc; text-decoration: none; font: 1em/3em Verdana; }
#userInfo a:hover { color: #fff; text-decoration: underline; }
#userInfo .tucuenta { background:  url(images/admin/ico-admin-datos.gif) no-repeat right center; }
#userInfo .logout { background: url(images/admin/ico-admin-logout.gif) no-repeat right center; }

/*------------------------------------------------------------------------------------------------
  MENSAJES OK / ERROR (luego de Agregar, Modificar o Eliminar un item)
  ----------------------------------------------------------------------------------------------*/
.ok { color: #33852f; }
.error { color: #e14d40; font-weight: bold; }

/*------------------------------------------------------------------------------------------------
  MENU LATERAL
  ----------------------------------------------------------------------------------------------*/
#lateral ul { list-style: none; margin: 0; padding: 0;}
#lateral ul ul { margin: 2px 0 12px 0px; }
#lateral li { margin: 0; padding: 0; font-weight: bold; color: #585858; }
#lateral li a { font-size: 11px; line-height: 1.9em; text-decoration: none; font-weight: normal; }
#lateral li a:hover { text-decoration: underline; }

/*------------------------------------------------------------------------------------------------
  TITULOS
  ----------------------------------------------------------------------------------------------*/
#titulos p { margin: 0; }
#titulos table { width: 99%; border-collapse: collapse; }
#titulos td { padding: 0px; }

/*------------------------------------------------------------------------------------------------
  LISTADOS
  ----------------------------------------------------------------------------------------------*/
.avisoFiltro { font-size: 11px; color: #666666; }
.listado { width: 99%; border-collapse: collapse; }
.listado th { border-bottom: 1px solid #E8E8E8; padding: 6px 8px; }
.listado th p { font-size: 10px; line-height: 10px; margin: 0; color: #aa9c84; }
.listado td { border-bottom: 1px solid #E8E8E8; padding: 8px; }
.listado td p { margin: 0; }
.par { background: #FFFFFF; }
.impar { background: #f1f5fa; }

/*------------------------------------------------------------------------------------------------
  PAGINADOR
  ----------------------------------------------------------------------------------------------*/
#paginador { margin: 20px 0 0; padding: 0; list-style: none; text-align: center; }
#paginador li { display: inline; margin: 0px 4px 0px 0px; font-size: 11px; line-height: 18px; font-weight: bold; }
#paginador li a { color:#003366; border: 1px solid #719ACC; padding: 6px 8px; text-decoration: none; background: #ffffff; }
#paginador li a:hover { background: #719ACC; border: 1px solid #719ACC; color:#FFFFFF; text-decoration: none;  }
#paginador li.actual { color: #555555; padding: 6px; font-size: 11px; line-height: 28px; font-weight: bold; }

/*------------------------------------------------------------------------------------------------
  BUSCADOR
  ----------------------------------------------------------------------------------------------*/
input.prettysearch { width: 200px; background:transparent url(images/admin/js/searchfield_repeat.png) repeat-x scroll center top; border:0px none; height:16px; margin:0pt; padding:3px 0pt 0pt; display: inline; font-size: 11px; line-height: normal; }
.search-wrapper {  position: relative; width: 200px; }
.search-wrapper input.prettysearch { width: 171px; margin-left: 20px; }
.search-wrapper .left { float: none; display: block; position: absolute; left: 0; top: 0;  width: 20px;  height: 19px;  background: url(images/admin/js/searchfield_leftcap.png) left top no-repeat; }
.search-wrapper .right { float: none; display: block; position: absolute; right: 0; top: 0; width: 10px; height: 19px; background: url(images/admin/js/searchfield_rightcap.png) right top no-repeat; }
.search-wrapper.empty.blurred input { color: #7E7E7E; }
.search-wrapper .reset { position: absolute; width: 11px;  height: 11px;  overflow:hidden;  z-index: 1;  right: 4px;  top: 4px;  background: url(images/admin/js/close.gif);  display: block;  cursor: pointer; }
.search-wrapper.empty .reset { display: none; }